body{
	font-family: Arial,'Microsoft JhengHei', sans-serif;
}
	.fc{color:#3391c2;}
	.fc2{color:#133a84}
	.fcwhite{color:#fff;}
	.fz0{font-size: 0;}
	
	@media (min-width: 1200px) {
	.fz10{font-size: 70px;}
	.fz20{font-size: 65px;}
	.fz30{font-size: 50px;}
	.fz35{font-size: 36px;}
	.fz40{font-size: 26px;}
	.fz50{font-size: 23px;}
	.fz60{font-size: 18px;}
	.fz70{font-size: 16px;}
	.section-bottom{margin-bottom:70px;}
	.column-bottom{margin-bottom:30px;}
	.column-bottom2{margin-bottom:50px;}
	}
	@media (min-width: 992px) and (max-width:1199px) {
	.fz10{font-size: 55px;}
	.fz20{font-size: 45px;}
	.fz30{font-size: 40px;}
	.fz35{font-size: 35px;}
	.fz40{font-size: 26px;}
	.fz50{font-size: 23px;}
	.fz60{font-size: 18px;}
	.fz70{font-size: 16px;}
	.section-bottom{margin-bottom:55px;}
	.column-bottom{margin-bottom:30px;}
	.column-bottom2{margin-bottom:30px;}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	.fz10{font-size: 45px;}
	.fz20{font-size: 38px;}
	.fz30{font-size: 35px;}
	.fz35{font-size: 32px;}
	.fz40{font-size: 26px;}
	.fz50{font-size: 23px;}
	.fz60{font-size: 18px;}
	.fz70{font-size: 16px;}
	.section-bottom{margin-bottom:45px;}
	.column-bottom{margin-bottom:15px;}
	.column-bottom2{margin-bottom:20px;}
	}
	@media (max-width: 767px) {
	.fz10{font-size: 30px;}
	.fz20{font-size: 28px;}
	.fz30{font-size: 25px;}
	.fz35{font-size: 29px;}
	.fz40{font-size: 23px;}
	.fz50{font-size: 20px;}
	.fz60{font-size: 18px;}
	.fz70{font-size: 16px;}	
	.section-bottom{margin-bottom:30px;}
	.column-bottom{margin-bottom:15px;}
	.column-bottom2{margin-bottom:20px;}
	}
	
	.line-through{text-decoration: line-through;}

	.plr0{padding-left: 0;padding-right: 0;}
	.mlr0{margin-left:0;margin-right:0;}
	.posr{position: relative;}	
	.fl{float:left;}
	.img-center{
		display:block;
		margin: 0 auto;
	}
		img{max-width:100%;}

		a{color:#ddd;font-size: 18px;}
		a:hover,a:focus{text-decoration: none;}
		label{font-size: 18px;margin-bottom:0;font-weight: normal;}
		body{position: relative;}
		.menu-container{
			background-color: rgba(19,58,132,0.8);
			position: fixed;
			z-index: 99;
			width:100%;

		}
		.menu{
			/*background-color: rgba(0,0,0,0.5);*/
			height:100px;
			text-align: right;
			position: relative;
		}
		.menu > .li{
			display:inline-block;
			padding:0 10px;
			text-align: left;
		}
		
		.menu > .li > label,
		.menu > .li > a{
			display: block;
			color:#fff;
			text-align:center;
			height:100px;
			line-height: 100px;
		}
		.menu > .li:hover > label,
		.menu > .li:hover > a{
			color:#3391c2;
			cursor: pointer;
		}
		.menu2{
			position: absolute;
			border-top:#3391c2 7px solid;
			background-color: rgba(0,0,0,0.85);
			padding-bottom:10px;
		}
		.menu2 > .li{
			display:none;
			color:#fff;
			/*position: absolute;*/
			top:0;
			left:0;
			height:50px;
			padding: 13px 0 0 15px;
			width:200px;
		}
		.menu2 > .li >a{
			font-size: 20px;
		}
		.menu2 > .li:hover > a{
			color:#3391c2;
		}
		.menu > .li:hover .menu2 > .li{
			/*display:block;*/
		}

		/* 下方大區塊 */
		.menu2-drop-block{
			display:none;
			position: absolute;
			left:50%;
			top:100px;
			width:100%;
			transform: translate(-50%, 0);
			background-color: rgba(0,0,0,0.9);
			height:560px;
			border-top:#3391c2 7px solid;
		}
		.menu2-drop-block > .li{
			display:inline-block;
			width:100%;

		}

		.menu2-drop-block > .li > a{
			display:block;
		}
		input[name=m00],
		input[name=m01],
		input[name=m02],
		input[name=m03],
		input[name=m04],
		input[name=search-controller],
		input[name=mobile-search-controller]{
			position: absolute;
			left:0;
			top:0;
			opacity: 0;
		}
		
		.menu >.li > input[name=m00]:checked ~ .menu2 > .li{display:block;}
		.menu >.li > input[name=m01]:checked ~ .menu2-drop-block{display:block;}
		.menu >.li > input[name=m02]:checked ~ .menu2-drop-block{display:block;}
		.menu >.li > input[name=m03]:checked ~ .menu2-drop-block{display:block;}
		.menu >.li > input[name=m04]:checked ~ .menu2-drop-block{display:block;}

		/* 第二層選單 */
		.menu3{
			display:block;
			/*background-color: #fefefe;*/
			font-size: 20px;
			color:#fff;
			padding: 13px 0 0 15px;
			height:50px;

		}
		.menu3:before,.menu3:after{
			content:"";
			color:#fff;
			position: absolute;
			left: 23%;
			border:#fff 1px solid;
			width:16px;
		}
		.menu3:before{
			transform: rotate(-45deg);
			margin-top:19px;
		}
		.menu3:after{
			transform: rotate(45deg);
			margin-top:8px;
		}
		.menu3:hover:before,.menu3:hover:after{
			border-color:#3391c2;
		}
		/* 第三層(中間) */
		.menu3 > .li{
			display:none;
			position: absolute;
			top:0;
			height:100%;
			overflow-y:scroll;
			/*border-left:#ccc 1px solid;
			border-right:#ccc 1px solid;*/
		}
		.menu3:hover{
			color:#3391c2;
		}
		.menu3:hover > .li, .menu3:hover > .li + .menu4-1{
			display:block;
		}
		.menu4{}
		.menu4 > .li{
			width:50%;
			float:left;
			height:50px;
		}
		.menu4 > .li > a{
			display:block;
			padding: 15px 0 0 15px;
			color:#fff;
			font-size: 16px;
		}
		.menu4 > .li:hover > a{
			/*background-color: #f00;*/
			color:#3391c2;
		}
		.menu4-1{
			display:none;
			position:absolute;
			left:75%;
			top:0;
			width:25%;
			padding:30px 35px 30px 10px;
		}

/* 客製化 scroll bar */
.menu3 > .li::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #333;
}
.menu3 > .li::-webkit-scrollbar
{
	width: 12px;
	background-color: #000;
}
.menu3 > .li::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3391c2;
}

@media (min-width: 1200px) {
/* 下方大區塊 */
.menu2-drop-block{
	max-width:1170px;
}
.menu3{width:25%;}
.menu3 > .li{width:50%;left:25%;}
}
@media (min-width: 992px) and (max-width:1199px) {
/* 下方大區塊 */
.menu2-drop-block{
	max-width:970px;
}
.menu3{width:25%;}
.menu3 > .li{width:50%;left:25%;}
}
@media (min-width: 768px) and (max-width: 991px) {
/*.menu{display:none;}*/
}
@media (max-width: 767px) {
/*.menu{display:none;}*/
}

.menu-part{
	position: relative;
	right:0;
}
.menu4-container{
	border-left:#fff 1px solid;
	padding-left:25px;
}
.menu4-pdt-img{
	padding-bottom:30px;
}
.menu4-pdt-title{
	font-size: 23px;
	color:#3391c2;
	padding-bottom:15px;
	text-align: center;
}
.menu4-pdt-content{
	font-size: 16px;
	color:#fff;
	padding-bottom:15px;
}
.menu4-pdt-seeall{
	text-align:center;
}
.menu4-pdt-seeall a{
	font-size: 18px;
	text-decoration: none;
	color:#3391c2;
	padding-bottom:15px;
}
.menu4-pdt-seeall a:hover{
	text-shadow: 0px 0px 20px #fff;
}

.img-logo{
	width:240px;
	display:inline-block;
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
}
.search-block-logo{
	width:240px;
}
.search-block-icon{
	width:30px;
	margin-left:30px;
}

/*search*/
.search-block{
	/*display:none;*/
	position: fixed;
	top:0;
	width:100%;
	z-index:100;
	background-color: #103b84;

	height:0px;
	overflow:hidden;
	transition: 0.3s;
}
.search-inner{
	/*padding: 15px;*/
	position: relative;
	height:100px;
	color:#fff;
}
.search-close{
	position: relative;
	margin-top:30px;
	width:40px;
	height:40px;
}
.search-close:before,.search-close:after{
	content:"";
	position: absolute;
	border:#fff 1px solid;
	width:40px;
	z-index: 0;
	margin-top:17px;
}
.search-close:before{
	transform: rotate(-45deg);
	margin-left:-39px;
}
.search-close:after{
	transform: rotate(45deg);
	margin-left:-39px;
}

.search-close:hover{
	cursor: pointer;
}

input[name=search-controller]:checked ~ .search-block{
	/*display:block;*/
	height:100px;
}
.search-input-container{
	height:100px;
	line-height: 100px;
	width:90%;
	text-align:left;
}
.form-search-input{
	display:inline-block;
}
.search-input{
	background-color: #103b84;
	border: 0;
	color:#fff;
	border-left:#fff 2px solid;
	/*margin-top:20px;*/
	margin-left:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 23px;
	vertical-align: middle;
	line-height: 30px;
	width:300px;
}
.mobile-search-input{
	background-color: #103b84;
	border: 0;
	color:#fff;
	border-left:#fff 2px solid;
	/*margin-top:20px;*/
	margin-left:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 23px;
	vertical-align: middle;
	line-height: 30px;
	width:150px;
}

.search-input::placeholder,
.mobile-search-input::placeholder{color:#ccc;}
.search-input:focus,
.mobile-search-input:focus{ outline: 0;}

.search-open{
	width:24px;
}
.mail-icon{
	background-image: url('/img/contact-white.png');
	width:38px;
	height:100px;
	line-height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
}
.mail-icon-container,.search-icon-container{
	position: relative;
}
.mail-icon:hover{
	background-image: url('/img/contact-blue.png');
}
.mail-icon:hover:before{
	content: "聯絡我們";
	position: absolute;
	top:30px;
	left:-28px;
	width:100px;
	height:1px;
	font-size: 15px;

}

.search-icon{
	background-image: url('/img/search-white.png');
	width:24px;
	height:100px;
	line-height: 100px;
	background-repeat: no-repeat;
	background-position: center center;

}
.search-icon:hover{
	background-image: url('/img/search-blue.png');
	cursor: pointer;
	font-size: 15px;
}
.search-icon:hover:before{
	content: "搜尋";
	position: absolute;
	top:30px;
	left:-28px;
	width:100px;
	height:1px;
	font-size: 15px;
	z-index: 0;
}

input[name=mobile-search-controller]:checked ~ .mobile-search-block{
	display:block;
	height:100px;
}

.menu-mobile{
	color:#fff;
	height:45px;
	position: relative;
}
.mobile-search-icon{
	background-image: url('/img/search-white.png');
	width:48px;
	height:45px;
	line-height: 45px;
	background-repeat: no-repeat;
	background-position: center center;
}
.mobile-search-block{
	position: absolute;
	margin-top:45px;
	width:100%;
	height: 0;
	left:0;
	top:0;
	background-color: #103b84;
	overflow:hidden;
	padding-left:48px;
	transition: 0.3s;
}
.mobile-logo-link{
	width:160px;
	line-height: 45px;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	/*height:37.5px;*/
}
.mobile-logo{
	width:160px;
}

/* 首頁輪播 ================================================== */
.ctitle {
	position: absolute;
}
.ctitle1,	.ctitle3 {
	color: #ffffff;
}
.ctitle2 {
	color: #e50012;
}

@media (max-width: 767px) {
	.ctitle {
		top: 25%;
		left: 6%;
	}
	.ctitle1 {
		font-size: 14px;
	}
	.ctitle2 {
		font-size: 24px;
	}
	.ctitle3 {
		font-size: 30px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.ctitle {
		top: 30%;
		left: 6%;
	}
	.ctitle1 {
		font-size: 20px;
	}
	.ctitle2 {
		font-size: 34px;
	}
	.ctitle3 {
		font-size: 40px;
	}
}

@media (min-width: 992px) and (max-width:1199px) {
	.ctitle {
		top: 35%;
		left: 6%;
	}
	.ctitle1 {
		font-size: 18px;
	}
	.ctitle2 {
		font-size: 35px;
	}
	.ctitle3 {
		font-size: 46px;
	}
}

@media (min-width: 1200px) {
	.ctitle {
		top: 200px;
		left: 10%;
	}
	.ctitle1 {
		font-size: 50px;
		/*margin-bottom: 15px;*/
	}
	.ctitle2 {
		font-size: 65px;
		/*margin-bottom:30px;*/
	}
	.ctitle3 {
		font-size: 65px;
	}
}
/* ================================================== */
.main-title{
	margin-bottom:0px;
	color:#103b84;
	}
	.sub-title{
		margin-top:0px;
		margin-bottom:0px;
		color:#103b84;
	}
.content-title{
	color:#103b84;
	margin-bottom:10px;padding-top: 50px
}

.pdt-banner-board-1{
	color: #FFF;
	position: absolute;
	left:15%;
	top:55%;
	transform: translate(0%,-50%);
	text-shadow: 0 3px 2px rgba(0,0,0,0.9);
}
.pdt-banner-board-2{
	position: absolute;
	left:15%;
	top:50%;
	transform: translate(0%,-50%);
}
.pdt-banner-subboard{
	position: absolute;
	left:15%;
	top: calc( 60% + 30px );
	transform: translate(0%,-50%);
}


/* ================================================== */
	.news1 {}
	.news2 {}
	.news1-1 {
		color: #f5ea61;
		/*font-size: 24px;*/
		/*font-weight: bold;*/
	}
	.news2-1 {
		color: #fff;
		border-radius: 25px;
		padding: 10px 25px;
		background-color:#133a84;
	}
	.news2-1:hover {
		/*border: #337ab7 1px solid;*/
		background-color: #e50012;
	}
	.news2>a:hover {
		text-decoration: none;
	}

	@media (min-width: 1200px) {
		.news-container {
			bottom: 20%;
			padding-bottom: 90px;
		}
		.news1 {
			margin-bottom: 30px;
		}
		.news1-1 {
			/*font-size: 51px;*/
			font-weight: bold;
		}
		.news2-1 {
			border-radius: 50px;
			padding: 15px 50px;
		}
	}

	@media (min-width: 992px) and (max-width:1199px) {
		.news-container {
			bottom: 20%;
			padding-bottom: 40px;
		}
		.news1 {
			margin-bottom: 20px;
		}
		.news1-1 {
			/*font-size: 36px;*/
			font-weight: bold;
		}
		.news2-1 {
			border-radius: 50px;
			padding: 10px 50px;
		}
	}

	@media (min-width: 768px) and (max-width: 991px) {
		.news-container {
			bottom: 20%;
			padding-bottom: 20px;
		}
		.news1 {
			margin-bottom: 10px;
		}
		.news1-1 {
			/*font-size: 32px;*/
			font-weight: bold;
		}
		.news2-1 {
			border-radius: 50px;
			padding: 10px 50px;
		}
	}

	@media (max-width: 767px) {
		.news-container {
			bottom: 10%;
			padding-bottom: 20px;
		}
		.news1 {
			margin-bottom: 10px;
		}
		.news1-1 {
			/*font-size: 20px;*/
			font-weight: bold;
		}
		.news2-1 {
			font-size: 15px;
			/*border: #fff 1px solid;*/
			border-radius: 50px;
			padding: 5px 30px;
		}
	}
	/*section*/
	@media (min-width: 1200px) {
		.section{margin-bottom:100px;}
		.section-sm{margin-bottom:60px;}
	}
	@media (min-width: 992px) and (max-width:1199px) {
		.section{margin-bottom:80px;}
		.section-sm{margin-bottom:40px;}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.section{margin-bottom:80px;}
		.section-sm{margin-bottom:40px;}
	}
	@media (max-width: 767px) {
		.section{margin-bottom:50px;}
		.section-sm{margin-bottom:30px;}
	}

	.news-container {
		position: absolute;
		left: 15%;
		right: 15%;
	}
/* ================================================== */

/* 最新商品 ================================================== */
	.newest-product-item{
		position: relative;
	}
	.newest-picture,.newest-product-container{
		float:left;
	}
	@media (min-width: 1200px) {
	.newest-picture{width:585px;}
	.newest-product-container{width:585px}
	.newest-product-item{width:195px;height:292.5px;}
	}
	@media (min-width: 992px) and (max-width:1199px) {
	.newest-picture{width:485px;}
	.newest-product-container{width:485px}
	.newest-product-item{width:161.66666666px;height:242.5px;}
	}
	@media (min-width: 768px) and (max-width: 991px) {
	.newest-picture{width:750px;}
	.newest-product-container{width:750px;margin:0 auto;}
	.newest-product-item{width:200px;height:280px;}
	}
	@media (max-width: 767px) {
	.newest-picture{ width:100%; }
	.newest-product-container{ width:100%; }

	.newest-product-item{width:200px;height:280px;}
	}
	.newest-picture{position: relative;}
	.newest-product-item{
		border:#3391c2 1px solid;
		display:inline-block;
		font-size: 0;
		padding:5px 5px;
		padding-top: 25px;
		position: relative;
	}
/*	.newest-product-item:nth-child(odd){
		background-color: #eee;
	}*/
	.item-pic{
		padding:0 15px;
	}
	.item-title{
		color:#103b84;
		position:absolute;
		padding:0px 5px 0px 5px;
		/*text-align: left;*/
		/*height: 30px;*/
		line-height: 25px;
	}
	.item-title2{
		color:#103b84;
		position:absolute;
		padding:10px 5px 5px 5px;
		/*text-align: left;*/
		/*height: 30px;*/
		left:50%;
		transform: translate(-50%,0);
		bottom:5px;
	}
	@media (min-width: 1200px) {.item-title{top:195px;}}
	@media (min-width: 992px) and (max-width:1199px) {.item-title{top:150px;}}
	@media (min-width: 768px) and (max-width: 991px) {.item-title{top:195px;}}
	@media (max-width: 767px) {.item-title{top:195px;}}

	.item-price{
		font-size: 18px;
		/*position:absolute;*/
		bottom:10px;
		width:100%;
	}
	.item-sell{
		position: absolute;
		left:10px;
		bottom:10px;
	}
	.item-sale{
		position: absolute;
		bottom:10px;
		right:10px;
		color:#103b84;}
	.m0auto{margin:0 auto;}

	
	.main-content{
		padding:10px 15px;
		line-height: 30px;
	}
	.item-mask{
		background-color: rgba(0,0,0,0.05);
		width:100%;
		height:100%;
		position: absolute;
		left:0;
		top:0;
		z-index:2;
	}
	.item-mask2{
		background-color: rgba(255,255,255,0.05);
		width:100%;
		height:100%;
		position: absolute;
		left:0;
		top:0;
		z-index:2;
	}
	.newest-picture-text-1{
		position: absolute;
		right:10%;
		top:40%;
		transform: translate(0%,-50%);
		color:#fff;
	}
	.newest-picture-text-2{
		position: absolute;
		left:2%;
		top:37%;
		transform: translate(25%,-50%);
		color:#fff;
	}
	.newest-picture-text-title{
		color: #103b84;
		font-weight:bold;
		text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff;
	}
	.newest-picture-text-content{
	}

.mask:hover .hover-mask{
	/*display:block;*/
	opacity: 1;
}
.hover-mask{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size: 16px;
	line-height: 25px;
	color:#fff;
	opacity: 0;
	background-color: rgba(19,58,132,0.95);
	padding-top:90px;
	transition: opacity;
  -webkit-transition: opacity;
  transition-duration: 0.5s;
  --webkit-transition-duration: 0.5s;
}
.hover-mask div{
	text-align: left;
	padding:0 0 3px 20px;
	font-size: 14px;
}
/* ================================================== */


/*頁尾 Start================================================== */
.footer-block{
	background-color:#133a84;
	color:#fff;
	padding-top:30px;
	padding-bottom:30px;
	position: relative;
}	
.ft-addr,.ft-email{
	height:30px;
	line-height: 30px;
}
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width:1199px) {}
@media (min-width: 768px) and (max-width: 991px) {
.ft-addr,.ft-email{text-align: center;}
.ft-logo{margin:30px auto;}
.link-sitemap{margin-top:10px;}
}
@media (max-width: 767px) {
.ft-addr,.ft-email{text-align: center;}
.ft-logo{margin:30px auto;}
.link-sitemap{margin-top:10px;}
}
.ft-logo{display:block;}
.link-sitemap{
	text-align: center;
}
.link-privacy{
	/*text-shadow: 2px 2px 5px #fff,0px 2px 5px #fff,-2px 2px 5px #fff;*/
	text-align: center;
}
.link-sitemap,.link-privacy{
	color:#3391c2;
	margin-bottom:15px;
	display:block;
}
.link-sitemap:hover,.link-privacy:hover{
	cursor: pointer;
	
}
.sitemap-item-bag{
width:90%;
margin:0 auto;
}
.sitemap-block{
	position: absolute;
	left:10%;
	bottom:0;
	background-color: rgba(0,0,0,0.85);
	width:80%;
	height:0;

	color:#fff;
	-webkit-transition: height .5s; /* Safari */
	transition: height .5s;
	overflow:hidden;
	z-index: 999;
}
input[name=link-sitemap-controller],
input[name=link-privacy-controller]{
	position: absolute;
	left:0;
	top:0;
	opacity: 0;
}
input[name=link-sitemap-controller]:checked ~ .sitemap-block{
	height:500px;
	border-top:#3391c2 7px solid;
	border-bottom:#3391c2 7px solid;
}
.sitemap-item-container{
	width:100%;
	/*text-align: center;*/
	margin:0 auto;
	padding:30px 0px 0 0px;
	height:400px;
	overflow-y:scroll;
	
}
.sitemap-item-container::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #333;	
}
.sitemap-item-container::-webkit-scrollbar{
	width: 12px;
	background-color: #000;	
}
.sitemap-item-container::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3391c2;	
}

.sitemap-items{
	float:left;
	/*width:12.5%;*/
	padding:0 20px;
}
.sitemap-items-list{
	margin-bottom:15px;
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width:1199px) {
.sitemap-items{	width:25%; }
}
@media (min-width: 768px) and (max-width: 991px) {
.sitemap-items{	width:33.3333%; }
}
@media (max-width: 767px) {
.sitemap-items{	width:50%; }
}

input[name=link-privacy-controller]:checked ~ .privacy-block{
	height:500px;
	border-top:#3391c2 7px solid;
	border-bottom:#3391c2 7px solid;
}
.privacy-block{
	position: absolute;
	left:10%;
	bottom:0;
	background-color: rgba(0,0,0,0.85);
	width:80%;
	height:0;
	color:#fff;
	-webkit-transition: height .5s; /* Safari */
	transition: height .5s;
	overflow-y:scroll;
	z-index:999;
}
.privacy-container{
	padding:30px 70px;
}

.privacy-block::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #333;	
}
.privacy-block::-webkit-scrollbar{
	width: 12px;
	background-color: #000;	
}
.privacy-block::-webkit-scrollbar-thumb{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3391c2;	
}
.footer-icon-container{
	width:100px;
	margin:0 auto;
}
/*頁尾 End================================================== */

/* product_lists START================================================== */
.pdt-banner-content{
	text-align: justify;
	line-height: 50px;
	padding-bottom: 100px;
}
.product-item{
	border:#3391c2 1px solid;
	padding:30px 0;
	height:500px;
}
.product-mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(19,58,132,0.0);
	transition: opacity;
	-webkit-transition: opacity;
	transition-duration: 0.5s;
	--webkit-transition-duration: 0.5s;
}
.product-mask:hover{
	background-color:rgba(19,58,132,0.5);
	/*display:block;*/
}
.product-specs{
 width:100%;
 font-size: 18px;
}
.product-specs-container{
	background-color: #133a84;
	padding:20px;
	color:#fff;
	position: absolute;
	bottom:0;
	width: 100%;
}

.product-specs > div{
	margin-bottom:3px;
}
.pdt-banner-text{
	position: absolute;
		right:10%;
		top:50%;
		transform: translate(0%,-50%);
		color:#000;
}
.product-title{
	padding:0 10px;text-align: -webkit-center;
}

/* product_lists END  ================================================== */

/* product_detail START================================================== */
.pdtdtl-pic{display:block;margin:0 auto;max-width: 100%;}

.pdt-text-container{	padding:0 40px 0 40px;}
.pdtdtl-title{}
.pdtdtl-name{	color:#133a84;padding: 20px 0;}
.pdtdtl-specs{ width:50%; float:left; padding: 10px;}
.pdtdtl-specs > div{	margin-bottom:3px;}
.bg-gray{	background-color:#eeeeee;}
.pdt-price{	line-height: 40px;}

/*product detail bread crumb*/
.bg-pri{background-color: #133a84;}
.detail-bar{	color:#fff;	padding:0;}
.detail-bar a{	color:#3391c2;	padding:20px 12px;	display:inline-block;}
.detail-bar .active a{	color:#fff;}

.bxslider > li > img{	max-width:500px;	width:100%;}
.bx-pager{	border:#dcdcdc 1px solid;}
.bx-pager{	padding:15px;}
.bx-pager > div > a{	width:100%;	padding:5px;}
.bx-pager > div{	width:20%;}
.bx-pager > div > a:hover{	border:#dcdcdc 1px solid;	padding:4px;}
.bx-pager > div > a:hover::before{
	content:"";
	border: 10px solid;
	border-color: transparent;
	border-bottom: #dcdcdc 10px solid;
	width:5px;
	position: absolute;
	left:50%;
	transform: translate(-50%,0%);
	top:-20px;
}

.pdt-intro-block{
background-color: #103b84;
padding:50px 0;
}

.spec-container{
	width:50%;
	margin-bottom:10px;
	float:left;
	padding:0 12px;
}


/*@media (min-width: 1200px) {
.detail-container{width:25%;}
}
@media (min-width: 992px) and (max-width:1199px) {
.detail-container{width:25%;}
}
@media (min-width: 768px) and (max-width: 991px) {
.detail-container{width:50%;}
}
@media (max-width: 767px) {
.detail-container{width:25%;}
}*/




.bg-darkblue{
	background-color: #133a84;
}
.bg-lightblue{
	background-color: #3391c2;
}
.dark-column{
	padding:6px 0;
	/*border-bottom:#eeeeee 1px solid;*/
}
.dark-column:before{
	content:'';
	width:95%;
	border-bottom:#fff 1px solid;
	position: absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%,0);
}

.dl-icon{
	max-width: 100%;
	margin:0 auto;
	display: block;
	padding-top: 10
	px;
}
.dl-link{
	color:#133a84;
	line-height: 36px
}
.dl-link:hover{
	color:#3391c2;
}
.dl-img{
	display:inline-block;
	margin-bottom:5px;
}

.series-series{color:#fff;font-size: 36px;border-bottom:#fff 1px solid;margin-bottom:50px;}
/*.series-container{width:50%;float:left;margin-bottom:50px;}*/
.series-in-container{border:#3391c2 1px solid;margin:0 15px;padding:22px;}
.series-img{float:left;width:30%;}
.series-wrapper{float:left;width:70%;padding:0 30px;}
.series-title a{font-size: 30px;color:#fff;}
.series-desc{color:#fff;font-size: 21px;}
/* product_deatil END  ================================================== */
/* product_spec START================================================== */

.pdtspec-title{color:#103b84;}
.pdtspec-name{color:#103b84;padding-bottom: 30px;}
.descs{
	color:#3e3a39;
	background-color: #eeeeee;
	display:inline-block;
	padding:6px 12px;
	margin:0 6px 12px 0;
	border-radius:5px;
}
.spec-title {
    color: #fff;
    font-size: 36px;
    border-bottom: #fff 1px solid;
    margin-bottom: 20px;
}
label[name='lbl-detail1'],
label[name='lbl-detail2'],
label[name='lbl-detail3'],
label[name='lbl-detail4']
{	color:#3391c2; }
.tab-container > label{padding:4px 12px;border-left:#fff 1px solid;}
.tab-container > label:hover{cursor:pointer;}
input[id="detail-control1"]:checked ~ .tab-container > label[name="lbl-detail1"]{color:#fff;}
input[id="detail-control2"]:checked ~ .tab-container > label[name="lbl-detail2"]{color:#fff;}
input[id="detail-control3"]:checked ~ .tab-container > label[name="lbl-detail3"]{color:#fff;}
input[id="detail-control4"]:checked ~ .tab-container > label[name="lbl-detail4"]{color:#fff;}
.content1,.content2,.content3,.content4{color:#fff;display:none;}
.spec-row{padding:15px 0 10px 0;border-bottom:#fff 1px solid;}
input[id="detail-control1"]:checked ~ .content1{display:block;}
input[id="detail-control2"]:checked ~ .content2{display:block;}
input[id="detail-control3"]:checked ~ .content3{display:block;}
input[id="detail-control4"]:checked ~ .content4{display:block;}

/* product_spec END  ================================================== */
/* aboutus START================================================== */
	.abt-container{
		position: absolute;
		top:50%;
		left:10%;
		color:#fff;
		max-width:500px;
		transform: translate(0,-50%);
	}
	.abt-title{
		font-size: 40px;
		line-height: 2;
	}
	.abt-subtitle{
		font-size: 18px;
		line-height: 1.7;
		border-left:#fff 2px solid;
		padding-left:20px;
	}
	
	.about-title{font-size: 40px;color:#103b84;}
	.about-content > div{
		font-size: 20px;line-height: 2;
		padding:15px 0;
	}
	.yearchart{
	background-color:#3391c2;
	padding:15px 0;
}	
.yeartitle{font-size: 40px;
color:#fff;
}
.yearc1{color:#fff100;
	font-size: 20px;
	text-align:right;
}
.yearc2{color:#fff;font-size: 20px;}
.yearrow{
	padding:15px 0;
}
/* aboutus END  ================================================== */
/* news_lists START================================================== */
.banner-title{
position:absolute;
color:#ffffff;
}
@media (min-width: 1200px) {
	.banner-title{
		bottom:40%;
		left:10%;
		font-size:50px;
	}
}
@media (min-width: 992px) and (max-width:1199px) {
	.banner-title{
		bottom:40%;
		left:10%;
		font-size:36px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.banner-title{
		bottom:40%;
		left:10%;
		font-size:24px;
	}
}
@media (max-width: 767px) {
	.banner-title{
		bottom:50%;
		left:10%;
		font-size:24px;
	}
}

.pdt-section{
	margin-top:10px;
	margin-bottom:50px;
}
.pdt-picture{
	padding:0 10px;
}
.pdt-date{
	color:#898989;
	padding-top:15px;
	padding-left:10px;
	font-size: 21px;
}
.pdt-title{

	font-weight:bold;
	font-size:20px;
	padding-left:10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	font-size: 25px;
}
.news-link{
	color:#898989;
}
.news-link:hover{
	color:#e50012;
}
/* news_lists END  ================================================== */
/* pagenation START================================================== */
/* pagenation */
.pagenation{
	/*width:400px;*/
	margin:50px auto;
}
.pagenation .ul{
text-align: center;
}
.pagenation .ul .li{
	/*list-style: none;*/
	/*float:left;*/
	border:#133a84 1px solid;
	padding:10px 16px;
	color:#133a84;
	display:inline-block;
	line-height: 21px;
}
.pagenation .ul .li a{
	/*display:inline-block;*/
	/*text-align: center;*/
}
.pagenation .ul .li.active{
	background-color: #133a84;
	color:#fff;
}
/* pagenation END  ================================================== */
/* news detail START================================================== */
.logo-div {
	height: 100px;
}

.logo-img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
}

.news-detail-title {
	font-size: 24px;
	color: #fff;
	line-height: 100px;
	text-align: center;
}

.news-detail-date {
	font-size: 24px;
	color: #fff;
	line-height: 100px;
	text-align: center;
}

.banner-title {
	position: absolute;
	color: #ffffff;
}

@media (min-width: 1200px) {
	.banner-title {
		bottom: 40%;
		left: 10%;
		font-size: 50px;
	}
}

@media (min-width: 992px) and (max-width:1199px) {
	.banner-title {
		bottom: 40%;
		left: 10%;
		font-size: 36px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.banner-title {
		bottom: 40%;
		left: 10%;
		font-size: 24px;
	}
}

@media (max-width: 767px) {
	.banner-title {
		bottom: 50%;
		left: 10%;
		font-size: 24px;
	}
}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
}

.news-detail-banner-container {
	background-color: #898989;
}

.news-detail-banner {
	background-color: #898989;
}
/* news detail END  ================================================== */
/* Contactus START================================================== */
	.ct-container{
		position: absolute;
		left:15%;
		top:50%;
		transform: translate(0,-50%);
		color:#fff;
		/*background-color: rgba(16,56,4,0.5);*/
		padding:30px;
	}
	.ct-title{
		font-size: 40px;
		padding-bottom: 20px;
	}
	.ct-subtitle{
		font-size: 20px;
		border-left:#fff 2px solid;
		padding-left:20px;
	}
	.form-group label{
		color:#103b84;
	}
	.form-control2 {
		border:#103b84 1px solid;
		width:100%;
		padding:6px 12px;
		font-size: 16px;
		line-height: 1.5;
	}
	.form-group textarea{resize:none;}
	.ts-btn{
		color:#fff;
		background-color: #103b84;
		padding:6px 12px;
		border-radius:5px;

	}
	.ts-btn:focus{
		outline: none;
	}
@media (min-width: 1200px) {
	.ct-container{background-color: rgba(16,56,4,0.5);}
}
@media (min-width: 992px) and (max-width:1199px) {
	.ct-container{background-color: rgba(16,56,4,0.5);}
}
@media (min-width: 768px) and (max-width: 991px) {
	.ct-container{background-color:'';}
	.ct-subtitle > div{line-height: 36px;}
}
@media (max-width: 767px) {
	.ct-container{background-color:'';}
	.ct-subtitle > div{line-height: 36px;}
}
/* Contactus END  ================================================== */