@charset "utf-8";
/*----------------------------------------
  Yoursite Style
----------------------------------------*/
#factoryLine-site {
	font: 16px/1.5 Arial, Helvetica, Microsoft JhengHei, sans-serif;
	color: #333333;
}
#factoryLine-site .smalltxt{
	font-size: .8em;
	line-height: 1;
	display: inline-block;
}
#factoryLine-site *{
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#factoryLine-site img{
	max-width: 100%;
	width: auto;
	height: auto;
}
#factoryLine-site span{
	display: inline-block;
}
#factoryLine-site .col-full-height{
	width: 100%;
}
#factoryLine-site .content-block{
	padding:40px 3%;
}
#factoryLine-site .content-box>li{
	margin-top: 30px;
}
#factoryLine-site .content-box>li:first-child{
	margin-top: 0;
}
#factoryLine-site .btn{
	border-radius: 5px;
	padding: 5px 10px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	width: 100%;
	overflow: hidden;
}
#factoryLine-site .btn:hover{
	text-decoration: none;
	color: #fff;
}
#factoryLine-site .btn i{
	margin-left:10px;
}
#factoryLine-site .btn i.left-icon{
	margin-right:10px;
	margin-left:0px;
}
#factoryLine-site .btn-org{
	background-color: #eb871e;
}
#factoryLine-site .btn-org:hover{
	background-color: #e27b0e;
}
#factoryLine-site .btn-orgDeep,#factoryLine-site .bg-orgDeep{
	background-color: #e55a24;
}
#factoryLine-site .btn-orgDeep:hover{
	background-color: #df4a11;
}
#factoryLine-site .btn-blue{
	background-color: #299cd3;
}
#factoryLine-site .btn-blue:hover{
	background-color: #2e8bbf;
}
#factoryLine-site .btn-red{
	background-color: #bc2241;
}
#factoryLine-site .btn-red:hover{
	background-color: #e1123b;
}
#factoryLine-site .btn-green{
	background-color: #009a8e;
}
#factoryLine-site .btn-green:hover{
	background-color: #008b80;
}
#factoryLine-site .bg-gray{
	background-color: #e9e9e9;
	border-radius: 8px;
}
#factoryLine-site .bg-gray2{
	background-color: #808080;
	margin: -5px -10px -5px 8px;
	display: flex;
	align-items: center;
	padding: 5px;
}
#factoryLine-site .btnIcon-bg{
	display: flex;
	justify-content: space-between;
}
#factoryLine-site .text-red{
	color: #ff0000;
}
#factoryLine-site .text-blue{
	color: #0071ad;
}
#factoryLine-site .text-while{
	color: #fff;
}
#factoryLine-site .price-block{
	font-size: 1.2em;
	line-height: 1.5;
	font-weight: bold;
	color: #e55a24;
	text-align: left;
}
#factoryLine-site .contentCenter-block{
	text-align: center;
}
#factoryLine-site .contentLeft-block{
	text-align: left;
}
#factoryLine-site .linethrough-block{
	position: relative;
}
#factoryLine-site .linethrough-block:before{
	content: '';
    display: block;
    border-bottom: 1px solid #bcbcbc;
    top: 50%;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#factoryLine-site .linethrough-block .txt{
	position: relative;
	z-index: 2;
	padding: 5px;
}

#factoryLine-site .contentTitle-h4{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-bottom: 20px;
}
#factoryLine-site .contentTitle-h4 .title{
	display: inline-block;
	color: #fff;
	font-size: 1.5em;
	line-height: 40px;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #0071ad;
}
#factoryLine-site .contentTitle-left{
	display: inline-block;
	width: 65px;
	background: url(css-img/titleBG_01.png) top right;
	background-size: cover;
}
#factoryLine-site .contentTitle-right{
	display: inline-block;
	width: 65px;
	background: url(css-img/titleBG_03.png) top left;
	background-size: cover;
}
#factoryLine-site .contentTitle-h5{
	font-size: 1.5em;
	line-height: 1;
	border-left: 6px solid #299fd6;
	padding-left: 12px;
	color: #4d4d4d;
	font-weight: bold;
	text-align: left; 

}
#factoryLine-site .contentTitle-h6{
	color: #0071b0;
	font-size: 2em;
	line-height: 1.5;
	font-weight: bold;
}
#factoryLine-site .sub-fontsiz{
	font-size: 1.5em;
	line-height: 1.5;
}
#factoryLine-site .positionR{
	position: relative;
}
#factoryLine-site .flex-block{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 20px;
}
#factoryLine-site .point-list > li{
	padding-left: 18px;
}
#factoryLine-site .point-list > li::before{
	content: "•";
  	margin:0 5px 0 -15px;
}
#factoryLine-site .list-arrowImg>li{
	background: url(css-img/factoryLine-listArrow.png) 0 3px no-repeat;
	padding-left: 12px;
	text-align: left;
}
#factoryLine-site .list4-block>li{
	width: 25%;
	padding: 10px 2%;
}
#factoryLine-site .list3-block>li{
	width: 33.3%;
	padding: 10px 20px;
}
#factoryLine-site .list2-block>li{
	width: 49%;
	padding: 10px 0;
}
#factoryLine-site .shadow-box{
	box-shadow: 0px 0px 15px #d5d5d5;
}
#factoryLine-site .mark-border {
	border:1px solid #5f5f5f;
	padding: 2px 5px;
}
#factoryLine-site .mark-block{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#factoryLine-site .markTitle-block .mark-border{
	line-height: 1.3;
	font-weight: normal;
	margin-left: 5px;
}
.markTitle-block .mark-border .text-red{
	margin: 0 3px;
	font-size: 1.2em;
	font-weight: bold;
}

/**** video-block ****/
.content-block .video-block{
	max-width: 940px;
	width: 100%;
	margin: 20px auto; 
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.content-block .video-img{
	width: 49%;
}
.content-block .video-msg{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin: 10px 0px 10px 20px;
	width: 50%;
}
.content-block .video-msg .videoMsg-action{
	font-size: .8em;
	line-height: 1.2;
}
#factoryLine-site .videoMsg-action .btn{
	width: auto;
}
#factoryLine-site .videoMsg-action .txt{
	width: 100%;
	margin-top: 5px;
}
#factoryLine-site .video-msg .btn i{
	margin-left: 3px;
}
.video-msg .title{
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
}
.caseContent-block .video-msg p{
	max-width: 400px;
}
.video-msg .mark-border {
	font-size: 1.1em;
	font-weight: bold; 
	color: #333;
	margin-bottom: 5px;
}

/******** productlist-block *******/
#factoryLine-site .productlist-block{
	justify-content: space-between;
	align-items: stretch;
}
#factoryLine-site .productlist-block.flex-align{
	align-items: flex-start;
}
#factoryLine-site .productlist-block>li{
	background-color: #ffffff;
	border-radius: 10px;
	padding: 20px;
	font-size: 1.3em;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin: 10px 0;
	overflow: hidden;
}
#factoryLine-site .productlist-block>li:hover{
	box-shadow: 0px 0px 15px #d5d5d5;
}
#factoryLine-site .productlist-block .img-block{
	display: flex;
	align-items: center;
}
#factoryLine-site .productlist-block .img-block p{
	line-height: 1.2;
}
#factoryLine-site .productlist-block .msg-block{
	text-align: center;
	margin-bottom: 10px;
}
#factoryLine-site .productlist-block .list-arrowImg{
	min-width: 80%;
	width: auto;
	max-width: 100%;
	margin: 5px auto 10px;
	display: inline-block;
}
#factoryLine-site .productlist-block .msg-block .text-blue{
	font-weight: bold;
	color: #0071b0;
}
#factoryLine-site .productlist-block .msg-block p{
	font-size: 1em;
	line-height: 1.5em;
}
#factoryLine-site .productlist-block .product-top,
#factoryLine-site .productlist-block .product-bottom{
	width: 100%;
}
#factoryLine-site .productlist-block .price-block{
	text-align: center;
}
#factoryLine-site .productlist-block .btn{
	width: 100%;
}
#factoryLine-site .productlist-block.list3-block>li{
	width: 32%;
	margin:10px .6%;
}
#factoryLine-site .productlist-block.list2-block>li{
	width: 48%;
	margin:10px 1%;
}
#factoryLine-site .productlist-block .btn-block a{
	margin-top: 5px;
}
#factoryLine-site .productlist-block .list-arrowImg>li{
	color: #4d4d4d;
	font-size: .8em;
	line-height: 1.2;
	margin-bottom: 2px;
}
#factoryLine-site .productlist-block .product-smallMsg{
	text-align: center;
	margin: 0 auto;
	font-size: .9em;
}
/******** banner-block *******/
#factoryLine-site .banner-block{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faf4d4+0,fdf7d8+63 */
	background: #00808e; /* Old browsers */
	position: relative;
	overflow: hidden;
}
#factoryLine-site .banner-block:before{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(css-img/factoryLine-bannerImg.jpg) right top no-repeat;
	background-size: cover;
}
#factoryLine-site .banner-content{
	width: 70%;
	max-width: 600px;
	position: relative;
	z-index: 3;
	font-size: 1.5em;
	padding: 2% 0 2% 6%;
}
#factoryLine-site .banner-title{
	font-size: 2em;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 2px #000;
	margin-bottom: 10px;
}
#factoryLine-site .banner-title span{
	font-size: .8em;
	color: #fff;
	font-weight: normal;
}
#factoryLine-site .bannerlist-content{
	width: 100%;
	flex-direction: row-reverse;
	align-items: flex-start;
	margin-top: 15px;
}
#factoryLine-site .bannerProduct-block{
	text-align: center;
}
#factoryLine-site .bannerProduct-block,
#factoryLine-site .banner-block .btn-block{
	width: 49%;
}
#factoryLine-site .banner-block .btn-block{
	margin-bottom: 15px;
	position: relative;
	z-index: 4;
	font-size: .8em;
	color: #fff;
}
#factoryLine-site .banner-block .btn-block .smalltxt{
	margin-left: 10px;
	text-shadow: 1px 1px 2px #000;
}
#factoryLine-site .banner-block .btn{
	border-radius: 20px;
	width: auto;
	padding: 5px 20px;
}

/******** menu-block *******/
#factoryLine-site .menu-block{
	background-color: #0071b0;
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0px;
}
#factoryLine-site .menu-block>li{
	width: 25%;
}
#factoryLine-site .menu-block a{
	width: 100%;
	padding: 5px;
	text-align: center;
	color: #fff!important;
	text-decoration: none;
}
#factoryLine-site .menu-block a:hover{
	background-color: #298bd6;
}

/******** topConten-block *******/
#factoryLine-site .topContent-block{
	padding-top: 20px;
}
#factoryLine-site .topContent-block .text-red{
	display: inline;
}
.topMsg-block{
	text-align: right;
}
.topMsg-block .bg-gray{
	display: inline-block;
	padding: 5px 15px;
	text-align: left;
	margin: 5px 0 20px;
}
.topMsg-block .bg-gray a{
	color: #0000ff;
}
.stepsContent-block{
	text-align: center;
	background: url(css-img/stepsContent_topBG.png) top left no-repeat,url(css-img/stepsContent_bottomBG.png) right bottom no-repeat;
}
.stepslist-box{
	margin-top: 40px;
}
.stepslist-box:first-child{
	margin-top: 0px;
}
.stepslist-box .title-stepbox{
	display: flex;
	justify-content: center;
	align-items: center;
}
.stepsContent-block .list3-block .img{
	padding: 5px 0;
}

/******** leadingContent-block *******/
.leadingContent-block{
	background-color: #0071ad;
}
.leading-border{
	border-top: 1px solid #99c6de;
	border-bottom: 1px solid #99c6de;
	padding: 30px 3%; 
}
#factoryLine-site .leadingContent-block.content-block{
	padding: 10px 0;
}
#factoryLine-site .leadingContent-block .contentTitle-h4 .title{
	display: inline-block;
	color: #0071ad;
	font-size: 1.5em;
	line-height: 40px;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #fff;
}
#factoryLine-site .leadingContent-block .contentTitle-left{
	display: inline-block;
	width: 65px;
	background: url(css-img/titleBG2_01.png) top right;
	background-size: cover;
}
#factoryLine-site .leadingContent-block .contentTitle-right{
	display: inline-block;
	width: 65px;
	background: url(css-img/titleBG2_03.png) top left;
	background-size: cover;
}
.leading-highlight{
	text-align: center;
	color: #fff;
}
.leadingContent-block .bg-orgDeep{
	display: inline-block;
	padding: 5px 15px;
	border-radius: 20px;
}
.leadingContent-box{
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
.leadingBox-img{
	display: inline-block;
	margin-right: 20px;
}

.leadingBox-txt .title{
	font-size: 1.1em;
	letter-spacing:3px;
	border-bottom: 1px solid #4f9dc6;
	margin: 10px 0;
}
.leadingTxt-msg .point-list>li{
	margin-bottom: 3px;
}
.leadingTxt-msg{
	margin-bottom: 40px;
}
.leadingTxt-actionBlock{
	text-align: right;
}
.leadingTxt-actionBlock .leadingTxt-actionbottom{
	color:#64d1ff;
}
.leadingTxt-actionBlock .leadingTxt-actionbottom span{
	margin: 0 3px;
}
.leadingTxt-action{
	display: flex;
	justify-content: flex-end;
}
.leadingTxt-action .btn,
.leadingTxt-action .price-block{
	font-size: 1.5em;
}
#factoryLine-site .leadingTxt-action .price-block{
	color: #ffff00;
	margin: 0 10px;
	font-size: 1.8em;
}
#factoryLine-site .leadingTxt-action .price-block .smalltxt{
	margin-right: 5px;
}
/******** caseContent-block *******/
.caseListContent-block > li,
.caseContent-block .linethrough-block .txt{
	background-color: #e3e3e3;
}
.caseListContent-block > li:nth-child(2n),
.caseListContent-block > li:nth-child(2n) .linethrough-block .txt{
	background-color: #efefef;
}
@media screen and (max-width: 840px) {
}

@media screen and (max-width: 768px) {
	#factoryLine-site {
		font: 14px/1.5 Arial, Helvetica, Microsoft JhengHei, sans-serif;
	}
	#factoryLine-site .list2-block>li{
		width: 100%;
	}
	#factoryLine-site .list4-block>li{
		width: 50%;
	}
	#factoryLine-site .banner-content{
		width: 100%;
		max-width: 400px;
		text-align: center;
	}
	#factoryLine-site .bannerlist-content{
		flex-direction: row-reverse;
	}
	#factoryLine-site .bannerProduct-block,
	#factoryLine-site .banner-block .btn-block{
		width: 100%;
	}
	#factoryLine-site .toplist-block{
		justify-content: center;
	}
	#factoryLine-site .toplist-block>li{
		width: 50%;
	}
	.leadingContent-box{
		width: 80%;
		margin: 20px auto 0;
		flex-wrap: wrap;
	}
	.leadingBox-img{
		width: 100%;
		text-align: center;
		margin: 0px;
	}
	.leadingTxt-action{
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	#factoryLine-site .leadingTxt-action .price-block{
		width: 100%;
		margin-bottom: 5px;
	}
	.content-block .video-block{
		flex-wrap: wrap;
	}
	.content-block .video-img{
		width: 100%;
		text-align: center;
	}
	.content-block .video-msg{
		width: 100%;
		max-width: 400px;
		margin: 20px auto;
	}
	.content-block .video-msg .videoMsg-txt{
		margin-bottom: 20px;
	}

	#factoryLine-site .productlist-block.list3-block>li{
		width: 48%;
		margin: 10px 1%;
	}
}
@media screen and (max-width: 580px) {
	#factoryLine-site .list2-block,
	#factoryLine-site .list3-block,
	#factoryLine-site .list4-block{
		margin: 20px auto;
	}
	#factoryLine-site .list3-block{
		justify-content: center;
	}
	#factoryLine-site .list3-block>li{
		width: 50%;
	}
	#factoryLine-site .banner-content{
		text-align: center;
		width: 100%;
		padding: 5% 6%;
	}
	#factoryLine-site .menu-block>li{
		width: 100%;
		border-top: 1px solid #fff;
	}
	#factoryLine-site .menu-block a{
		padding: 10px;
	}
	.topMsg-block{
		text-align: center;
	}
	#factoryLine-site .productlist-block.list2-block>li,
	#factoryLine-site .productlist-block.list3-block>li{
		width: 98%;

	}

}
@media screen and (max-width: 480px) {
	#factoryLine-site .list3-block>li,
	#factoryLine-site .toplist-block>li{
		width: 100%;
	}
}