footer, footer a{
	color:#000;
}
.logo{
	padding:5px 0 20px;
}
nav{
	border-top:1px solid #ddd;
}
#navMenu{
	font-size:115%;
	background:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
	}
#navMenu a{
	color:#000;
	padding:9px 30px 3px;
	}
#navMenu a:hover{
	color:#e00;
	}
.topBar{
	padding:40px 0 15px;
	background-color:#4584E2;
	}
.topBar h2.menuTitle{
	display:block;
	color:#fff;
	font-size:200%;
	width:1000px;
	margin:0 auto;
	}
h2.menuTitle{
	display:none;
	}
.colSide h4{
	color:#333;
	margin-bottom:0;
	padding:30px 0 5px 10px;
	background:linear-gradient(to bottom, #e8ecef, #d1d9dc);
   -webkit-border-radius:5px 5px 0 0;
      -moz-border-radius:5px 5px 0 0;
           border-radius:5px 5px 0 0;
	}
.sideCate{
	margin:0;
	padding:0;
   -webkit-border-radius:0;
      -moz-border-radius:0;
           border-radius:0;
	}
.sideCate li li{
	border-top:1px dotted #ccc;
	border-bottom:none;
	}
footer{
	clear:both;
	background:none #ddd;
	}
.footer{
	padding:15px 0 10px;
	}
.footer .menu{
	position:static;
	}
.copyright{
	float:none;
	padding-top:10px;
	border-top:1px solid #bbb;
	}
.copyright span{
	position:absolute;
	right:0;
	}
a.imgBorder{
	width:230px;
	height:146px;
	}
.introProBox{
	background-color:#6db071;
	}
.introPro{
	width:990px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	zoom:1;
	}
.introPro div{
	float:left;
	width:20%;
	padding:5px 0;
}
.introPro a{
	color:#fff;
	font-size:160%;	
	height:27px;
	display:block;
	padding:20px 0 0 4%;
	border-right:1px solid #4f9f54;
	}
.introPro a:hover{
	color:#9ff;
	text-decoration:none;
	}
.pro1 a{
	border-left:1px solid #4f9f54;
	}
.pro0{
	background:url(../images/iconpro1.jpg) right center no-repeat;
	}

.pro1{
	background:url(../images/iconpro2.jpg) right center no-repeat;
	}
.pro2{
	background:url(../images/iconpro3.jpg) right center no-repeat;
	}
.pro3{
	background:url(../images/iconpro4.jpg) right center no-repeat;
	}
.pro4{
	background:url(../images/iconpro2.jpg) right center no-repeat;
	}
.pro5{

	background:url(../images/iconpro1.jpg) right center no-repeat;

	}

.pro6{

	background:url(../images/iconpro3.jpg) right center no-repeat;

	}
.introHot .flex-control-nav{
	display:none;
	}
.introBox{
	margin:30px 0;
	overflow:hidden;
	zoom:1;
	}
.introVideo{
	float:right;
	width:47%;
	}
.introNews{
	float:left;
	width:47%;
	position:relative;
	}
.introNews .news_div{
	line-height:2;
	margin-top: 10px;
}
.introNews span{
	color:#f60;
	float:right;
	}
.introNews img{
	margin-bottom:10px;
	}
.introNews 
/**
.introNews .more{
	color:#fff;
	font-size:90%;
	width:auto;
	margin-top:0;
	padding:0 15px;
	position:absolute;
	right:0;
	top:0;
	background-color:#9f9f9f;
   -webkit-border-radius:10px;
      -moz-border-radius:10px;
           border-radius:10px;
	}**/
.introNews img{
	display:block;
	max-width:100%;
	}
.introNews .more:hover{
	text-decoration:none;
	background-color:#f60;
	}
.index .title{
	font-size:160%;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.5em;
	margin-bottom:10px;
	border-bottom:3px solid #bbb;
	}
.content{
	display:block;
	overflow:hidden;
	zoom:1;
	}
.index .colMain{
	font-size:120%;
	}
/**公司簡介**/
.aboutWrap{
	font-size:120%;
	}
.aboutWrap .title{
	color:#e00;
	font-size:150%;
	font-weight:bold;
	}
.aboutWrap p{
	margin-bottom:15px;
	}
.imgAbout{
	margin-bottom:30px;
	}
.imgAbout.img2 img{
	width:49%;
	display:inline-block;
	}
.social{
	bottom:0;
	top:15px;
	right:100px;
	}
.footer{
	width:850px;
	padding:15px 0 10px;
	}
.footer .info, .copyright{
	padding-left:0;
	}
.footer .menu{}
.r-tabs .r-tabs-panel{
	padding:15px 0;
	}
.r-tabs .r-tabs-nav{
	border-bottom:1px solid #ddd;
	}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	color:#fff;
	margin-bottom:1px;
	background-color:#08c;
	background:linear-gradient(to bottom, #3cf, #08c);
	border:none;
	}
.r-tabs-state-default{
	background-color:#b9b9b9;
	background:linear-gradient(to bottom, #eee, #bbb);
	}
.r-tabs .r-tabs-nav .r-tabs-anchor{
	color:#333;
	padding:10px 10px 5px;
	}
/*產品客製分類頁
------------------------*/
.productSeriesBox{
	overflow:hidden;
	zoom:1;
	}
.productSeriesBox div{
	float:left;
	width:45%;
	margin-right:5%;
	margin-bottom:50px;
	min-height:220px;
	position:relative;
	}
.productSeriesBox h3{
	font-size:150%;
	line-height:1.5em;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url("../images/icon3.png") 0 bottom repeat-x;
	}
.productSeriesBox h3 a{
	color:#e00;
	display:block;
	/*background:url("../images/icon2.png") right 11px no-repeat;*/ /*by hank*/
	}
.productSeriesBox h3 a:hover{
	color:#c00;
	text-decoration:none;
	}
.productSeriesBox img{
	width:54%;
	position:absolute;
	left:0;	
	}
.productSeriesBox ul{
	margin-left:15px;
	padding-left:260px;  /*by hank default set is 310*/
	}
.productSeriesBox li{
	list-style-type:disc;
	}
.productSeriesBox ul::before, .productSeriesBox ul::after{
	content:"";
    display:table;
	}
.productSeriesBox::after{
	clear:both;
	}
	
	
	
/*add by hank 2016.5.10*/

/*test頁面*/
.test .colMain{
	width:auto;
	float:none;
}	

/*list_product_sub 列分類*/
.productSeriesBox div:nth-child(2n+1){
	clear:left;
}

/*list_product_show 列產品*/
.listProCont .p_show_top{
	margin-bottom:50px;
	}
.listProCont .r-tabs .r-tabs-tab{
	float:none;
	margin:0 0 3px 0;
}
.listProCont .p_show_top:after{
	content:'';
    display:block;
    clear: both;
	margin-bottom:20px;
}
.p_left{
	float:left;
	width:50%;
	text-align:center;
}
.p_right{
	float:right;
	width:50%;
}

.p_detail_btn{
	background:#01A2DE;
	color:#FFF;
	padding:5px 5px;
	border-radius:10px;
}

/*tab*/
.listProCont .r-tabs .r-tabs-panel{
	padding:5px 0 0 0;
}
.listProCont .r-tabs .r-tabs-nav{
	border-bottom:none;
}
.listProCont .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	color:#FFF;
}
.listProCont .r-tabs .r-tabs-nav .r-tabs-anchor{
	color:#000;
}

/*附件下載按鈕*/
.attach_btn{
	background:#f4f4f4;
	padding:3px 5px;
	color:#000;
	border:1px solid #999999;
	margin-bottom:5px;
	display:inline-block;
	border-radius:2px;	
}
.attach_btn:hover{
	text-decoration:none;
	background:#0044AA;
	color:#fff;
}

/*首頁 最新消息輪播*/
.news_div .flex-control-nav{
	z-index:0;
}

/*產品搜尋 100%*/
.search_div .colMain{
	width:100%;
}

.p_right img{
	width:auto;
}
div#fancy_print {
    background: url("../images/printer.png") no-repeat scroll left top transparent;
    cursor: pointer;
    width: 50px;
    height: 45px;  
    position: absolute;
    z-index: 9999;
    display: block;
    background-color: #000;
    border-radius: 8px;
    bottom: -52px;
    background-position: 50%;
}
.sideCate li li a{
	color:#04a;
	}
.sideCate li li a.tree.active, .sideCate li li.par_tree.active{
	background: url("../images/side_icon2.png") 15px 10px no-repeat;
	}
.sideCate li li.par_tree{
	background: url("../images/side_icon.png") 15px 10px no-repeat;
	}
.sideCate li li,
.sideCate li li a.tree.active li, .sideCate li li.par_tree.active li{
	background: url("../images/side_icon3.png") 15px 10px no-repeat;
	}
.sideCate li li a{
	padding:7px 0 5px 35px;
	}
.sideCate li li a.tree{
	left:15px;
	width:14px;
	}
/*pp樹脂
----------------------------------------*/

.ppResinBox .productSeriesBox img{
	position:static;
	}
.ppResinBox .productSeriesBox ul{
	padding-left:0;
	}


/*響應式表格 - 跟bootstrap版一樣的*/
/*.table-responsive {
	min-height: .01%;
	overflow-x: auto;	
}
.no_break , .table-responsive table th{
	white-space: nowrap;
}
.table-responsive table td{
	padding:10px;
}
@media screen and (max-width: 767px){
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
}
.table-responsive table{
	min-width:100%;
}
.table-responsive table thead th{
	border-top:5px solid #90B2CE;
	background:#CCF2FF;
	padding:10px 0;
	font-size:1.2em;
	color:#000;
}
.table-responsive table tbody tr:nth-child(even){
	background:#F1F1F1;
}*/
/*組織表*/
.organizeBox{
	font-size:140%;
	text-align:center;
	}
.organizeBox div{
	background: url("../images/line.jpg") center 0 no-repeat;
	padding-bottom:30px;
	}
.organizeBox div.line{
	width:84%;
	height:1px;
	margin:0 auto;
	padding-bottom:0;
	background:#ccc;
	}
.organizeBox p{
	color:#fff;
	width:200px;	
	padding:15px 0;
	margin:0 auto 30px;
	}
.organizeBox p, .organizeBox a{
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.organizeBox div:nth-child(1) p{
	background-color:#73a;
	background:linear-gradient(to bottom, #95c, #73a);
	}
.organizeBox div:nth-child(2) p{
	background-color:#f61;
	background:linear-gradient(to bottom, #f92, #f61);
	}
.organizeBox li{
	display:inline-block;
	width:15%;
	margin:0 0.5%;
	padding-top:30px;
	background: url("../images/line.jpg") center 0 no-repeat;
	}
.organizeBox a{
	font-size:90%;	
	display:block;
	padding:10px 0;
	background-color:#bbb;
	background:linear-gradient(to bottom, #2de, #1ad);
	}
.organizeBox a:hover{
	text-decoration:none;
	background:linear-gradient(to bottom, #1ad, #2de);
	}
.organizeBox span{
	display:block;
	}
.organizeBox li, .organizeBox a{
	color:#148;
	}



/* add by hank for contact us 2017.8.28 */
#contact_form .radio_label{
	float: none;
	width: auto;
    display: inline-block;
}
#contact_form .radio_label input[type=radio]{
	width: auto;
}	

@media screen and (max-width: 767px){
.copyright span{
	position:relative;
	right:0;
	}
}


.fdck{position: fixed; left: 0px; top:200px; width: 50px; background: #000; border-radius:0 10px 10px 0; -moz-opacity: 0.7; opacity: 0.7;z-index: 200;}
.fdck ul li{width: 50px; height: 50px; position: relative; cursor: pointer;}
.fdck ul li.fdck_li01{background: url(../images/icons_04.png) no-repeat center;}
.fdck ul li.fdck_li02{background: url(../images/icons_01.png) no-repeat center;}
.fdck ul li.fdck_li03{background: url(../images/icons_03.png) no-repeat center;}
.fdck ul li.fdck_li04{background: url(../images/icons_02.png) no-repeat center;}
.fdck ul li.fdck_li05{background: url(../images/icons_05.png) no-repeat center;}
.fdck ul li:hover p{display: block;}
.fdck ul li p{width: 100px;background: #000; border-radius:0 10px 10px 0; -moz-opacity: 0.7; padding: 20px; display: none;}
.fdck ul li p img{width: 100%; display: block;}
.fdck ul li p.p1{position: absolute; left: 50px;}
.fdck ul li p.p1 span{font-size: 14px; color: #fff;}
.fdck ul li p.p1 a{width: 100%; height: 30px; line-height: 30px;font-size: 16px;color: #00dfb9; display: block; text-align:center; border: 1px solid #00dfb9; margin-top: 5px; border-radius: 5px;}
.fdck ul li p.p2{position: absolute; left: 50px; top: -18px;color: #fff; }
.fdck ul li p.p3{position: absolute; left: 50px; top: -40px;color: #fff; }
.bdshare-button-style0-16 {
    width: 1000px;
    margin: 0 auto;
}