@charset "utf-8";
/* CSS Document */
/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
#comments input:focus, #comments textarea:focus, #comments *:required:focus{border-color:#FE0000;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type="submit"], #comments input[type="reset"]{color:inherit; background-color:#f2f2f2; padding:1em; margin:30px 0;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}
table, th, td{border:1px solid; border-collapse:collapse; border-color:#D7D7D7;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}
#comments .avatar{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid;}
#comments address{font-weight:bold;}
#comments time{font-size:smaller;}
@media screen and (max-width:650px){
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
}

/* news list css */
#newslist
	{
		width: 100%;
		margin:80px 0;
	}
ul.style3
	{
		margin: 0;
		padding: 0;
		overflow: hidden;
		list-style: none;
		color: #6c6c6c
	}
	
	ul.style3 li
	{
		overflow: hidden;
		display: block;
		padding: 1em 0em 0em 0em;
		margin: 0;
		border-top: 1px solid #D1CFCE;
	}
	
	ul.style3 li:first-child
	{
		padding-top: 0;
		border-top: none;
	}
	
	ul.style3 p
	{
		margin: 0;
	}
	
	ul.style3 a
	{
		display: block;
		text-decoration: none;
		color: #828282;
		padding:0 0 30px;
	}
	
	ul.style3 a:hover
	{
		text-decoration: underline;
	}
	
	ul.style3 h3
	{
		padding: 1.5em 0em 5px 0em;
		text-transform: uppercase;
		font-size: 1.1em;
		font-weight: 700;
		color: #454445;
	}
	
	ul.style3 .first
	{
		padding-top: 0;
		background: none;
	}
	
	ul.style3 .date
	{
		float: left;
		position: relative;
		width: 80px;
		height: 110px;
		margin: 1em 1.5em 0em 0em;
		padding: 0.1em 0em 0em 0em;
		border-radius: 5px;
		box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);
		line-height: normal;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 0px 1px 0px rgba(0,0,0,.2);
		font-size: 1em;
		font-weight: 400;
		color: #FFF;
		background-image: linear-gradient(120deg, rgb(13, 161, 189) 0%, rgb(59, 221, 242) 100%);
		clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
	}
	
	ul.style3 .date:after
	{
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 6px;
		background: url(../images/bg01.png) repeat;
	}
	
	ul.style3 .date b
	{
		margin: 0;
		padding: 0 0 0 13px;
		display: block;
		font-size: 1.8em;
		font-weight: 700;
		color: #fff;
	}
	ul.style3 .date span
	{
		font-size: 1em;
		color: #fff;padding: 0 10px 0 0;
	}
	ul.style3 .date a
	{
		color: #fff !important;
	}
	
	ul.style3 .date a:hover
	{
		text-decoration: none;
	}
	
	
/** 頁碼 css**/
nav[role="navigation"] {
  text-align: center;
  clear:both;
	margin-bottom: 50px
}

.cd-pagination {
  width: 100%;
  margin: 2em auto 4em;
  text-align: center;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .3em .8em;
  font-size: 1.3rem;
}
.cd-pagination a {
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
}
.no-touch .cd-pagination a:hover {
  background-color: #f2f2f2;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color: #5d5d5d;
  border-color: #383838;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-pagination {
    margin: 3.5em auto 0;
  }
}

/** products list css **/
.row{width: 103%; float: left; margin: 110px -1.5%;}
.single-member{width: 320px; float: left; margin: 1% 1.1%; background-color: #fff; text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.effect-2{overflow: hidden; height:395px; max-height:395px;}
.effect-2 h3{padding-top: 7px; font-size:20px}
.effect-2 .member-image{border-bottom: 5px solid #a3a4a6; height: 240px; overflow: hidden; width: 320px; transition: 0.4s; display: inline-block; float: none; vertical-align: middle; }
.effect-2 .member-info{transition: 0.4s;}
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 200px; transition: 0.4s;}
@media only screen and (max-width: 1480px){
.single-member{margin: 1% 1%;}
}
@media only screen and (max-width: 1471px){
.single-member{margin: 1% 0.8%;}
}
@media only screen and (max-width: 1477px){
.single-member{margin: 1% 0.6%;}
}
@media only screen and (max-width: 1424px){
.single-member{margin: 1% 0.5%;}
}
@media only screen and (max-width: 1413px){
.single-member{margin: 1% 4%;}
}
@media only screen and (max-width: 1343px){
.single-member{margin: 1% 3.5%;}
}
@media only screen and (max-width: 1295px){
.single-member{margin: 1% 3%;}
}
@media only screen and (max-width: 1250px){
.single-member{margin: 1% 2.7%;}
}
@media only screen and (max-width: 1225px){
.single-member{margin: 1% 2.5%;}
}
@media only screen and (max-width: 1209px){
.single-member{margin: 1% 2.3%;}
}
@media only screen and (max-width: 1193px){
.single-member{margin: 1% 2.1%;}
}
@media only screen and (max-width: 1178px){
.single-member{margin: 1% 2%;}
}
@media only screen and (max-width: 1170px){
.single-member{margin: 1% 1.8%;}
}
@media only screen and (max-width: 1156px){
.single-member{margin: 1% 1.6%;}
}
@media only screen and (max-width: 1141px){
.single-member{margin: 1% 1.4%;}
}
@media only screen and (max-width: 1128px){
.single-member{margin: 1% 1.2%;}
}
@media only screen and (max-width: 1114px){
.single-member{margin: 1% 1%;}
}
@media only screen and (max-width: 1101px){
.single-member{margin: 1% 0.8%;}
}
@media only screen and (max-width: 1088px){
.single-member{margin: 1% 0.6%;}
}
@media only screen and (max-width: 1075px){
	.single-member{margin: 1% 2.6%;}
	.team-members{text-align: center; width:100%;}
	.single-member{float: none; display: inline-block; vertical-align: bottom;width: 100%}
}
@media only screen and (max-width: 320px){
.single-member{width: 270px; margin-bottom:0;}
.effect-2 .member-image{height: 203px; width:271px;}
.effect-2{height:270px; max-height:270px;}
}

/** products page css **/
.pro-info{
	float:left;
	width:38%;
	margin:30px 0 50px;
}
.pro-info .name{
	width:100%;
	margin-bottom:10px;
	font-size:26px;
	font-weight:600;
}
.pro-info .discript{
	width:100%;
	margin-bottom:50px;
	font-size:18px;
	font-weight:normal;
}
@media only screen and (max-width:1435px){
.pro-info{width:35%;}
}
@media only screen and (max-width:1339px){
.pro-info{
	float:none;
	width:100%;
	margin-top:30px;
}
.pro-info .name{
	text-align:center;
	margin-bottom:10px;
}
.pro-info .name a{
	padding:0;
}
.pro-info .discript{
	margin-bottom:10px;
}
}


/*Contact Page
------------------------------------*/
.col-full{width:100%;}
.col-1-3,.col-1-3-fixed{width:33.33%; float:left;}
.col-2-3,.col-2-3-fixed{width:66.66%; float:left;}
.wrap-col{margin:10px;}
.wrap-col p{font-size:23px; color:#000;}
.wrap-col p span{font-size:18px; color:#999;}
.contact h3{margin-left: 30px;}
.contact h3 span{font-size:18px; color:#e50011;}
input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
textarea:focus::-webkit-input-placeholder { color:transparent; } textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */ textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */ textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
#contact_form {padding:0px 25px;}

#ff label{cursor:pointer;margin:5px 0;display:block;font-weight:bold;}

#ff input, select {display:block;width:100%;color:#111;background-color:#F3F3F3;border:1px solid #ccc;padding:13px;margin: 5px 0 0 0;font-size: 16px;}
textarea {display:block;width:100%;height:200px;background-color:#F3F3F3; color:#111;border:1px solid #ccc;padding:10px;margin: 5px 0 25px 0;}

#ff .sendButton {cursor:pointer;background-color:#333333;width:35%;color:#ffffff;}
#ff .sendButton:hover {opacity: 0.5;}
#ff .sendButton1 {cursor:pointer;background-color:#333333;width:30%;color:#ffffff; float:left; margin-right:10px;}
#ff .sendButton2 {cursor:pointer;background-color:#fff;width:30%;color:#000; float:left; margin-right:10px;border: #333333 1px solid}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------Button--------------------------------- */
/* ---------------------------------------------------------------------------- */
a.button{background-color: #333;border-radius: 4px; padding: 10px 15px;color: #fff;}
a.button:hover{background-color: #eee;color: #333;}
.col-1-2, .col-1-2-fixed{width:50%; float:left; direction:inline-block;}
@media only screen and (max-width: 767px) {
.col-1-2, .col-1-3, .col-1-3-fixed, .col-2-3,.col-2-3-fixed{width:100%;}
}

/* ---------------------------------------------------------------------------- */
/* -------------------------------------專屬源林新內頁--------------------------------- */
/* ---------------------------------------------------------------------------- */
.clearfix {clear: both;content: ""; display: table;}
.bg-about{background-image: url("../images/bg-about.jpg");background-repeat:no-repeat;background-position:left bottom;background-size: cover}
/* --合成橡膠-------------------------------------------------------------------------- */
.tw-synthetic-none{float: left;font-weight: 600}
.tw-synthetic{width: 22%;padding-right: 1%;float: left;font-weight: 600}
.tw-synthetic-en{float: left;color: #aaaaaa}
@media (max-width:542px){.tw-synthetic{width: 50%;}}
@media (max-width:483px){
	.tw-synthetic{width: 100%;}
	.tw-synthetic-en, .tw-synthetic-none{width: 100%;margin-bottom: 3%;border-bottom: dashed 1px #dfdfdf}
	.tw-synthetic-b{margin-bottom: 15%}
}
/* --塑料-------------------------------------------------------------------------- */
.tw-plastic{width: 60px;padding-right: 1%;float: left;font-weight: 600}
.tw-plastic-en{float: left;color: #aaaaaa}
@media (max-width:555px){.tw-plastic{width: 100%;}.tw-plastic-en{width: 100%;margin-bottom: 3%;border-bottom: dashed 1px #dfdfdf}}
/* --各種產業彩色印刷生產-------------------------------------------------------------------------- */
.tw-printing{width: 100%; margin-bottom: -5%;border-bottom: dashed 1px #dfdfdf}
@media (max-width:1339px){.tw-printing{margin-bottom: -2%;}}
@media (max-width:590px){.tw-printing{margin-bottom: -4.5%;}}