/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);
@import url(http://fonts.googleapis.com/css?family=Roboto:200,300,400);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:200,300,400);
@import url(http://fonts.googleapis.com/css?family=Lato:200,300,400);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:"Arial", "微軟正黑體", sans-serif; font-size:12px; color:#353e3d; line-height:24px; background:url(../images/idx-bg.gif) repeat-x top; }
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; color:#666666;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover {	color:#666666; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1200px; margin:0 auto; text-align:left; position:relative; clear:both;}
.content-Box01{/*width:80%;*/ margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

#gotop { display: none; position: fixed; right:0px; bottom:20px; cursor: pointer; }
#gotop a { display:inline-block; width:30px; height:30px; padding-top:6px; color:#fff; opacity:0.5;  filter: alpha(opacity=50); background:#000;}
#gotop a:hover { color:#fff; opacity:1;  filter: alpha(opacity=100);}





.banner { line-height:0;
margin: 13px auto 0px auto;
}
#content{margin: 0px;}

aside { background:#000000; padding:12px 6px 9px 10px; border-bottom:1px solid #fff;}
.submenu { padding:0 15px;}
.submenu a { display:inline-block; padding-right:50px; color:#dadada; font-size:14px; padding-bottom:5px;}
.submenu a i { display:inline-block; padding-right:6px; font-size:18px;}
.submenu a:hover, .submenu a.current { color:#fa0202;}
.path { background:#ededed; padding:10px 0;}
.path-box { padding:0 15px; color:#6d6d6d; font-size:13px;}
.path-box a { color:#6d6d6d;}
.path-box a:hover { color:#000;}
#main { padding:20px 0px; font-size:15px; color:#424242;max-width: 1200px;margin: 0 auto;}
#main p { margin:5px 0 5px 0;
padding:0 5px 0 5px;
}
#main ul{
	margin:5px 0 5px 0;
padding:0 5px 0 5px;
	}
h1 { 
	background: url(../images/h1-icon.png) no-repeat 0px 1px;
	font-family: Lato; 
    font-size: 28px;
    color: #000;
    padding: 0px 0 0 54px;
    line-height: 100%;
    margin-bottom: 25px;
    position: relative;
    font-weight:bold; letter-spacing:1px;
	}
h2 { font-weight: 300; margin: 0 0 4% 0;font-size: 1em;}

h3{
    background: url(../images/h1-icon.png) no-repeat 0px 1px;
    font-family: Lato;
    font-size: 20px;
    color: #000;
    padding: 0px 0 10px 54px;
    line-height: 100%;
    margin-bottom: 30px;
    position: relative;
    font-weight: bold;
    letter-spacing: 1px;
   margin-left: 10px;
}

.pro-list01 { display:flex; flex-direction:row; flex-wrap:wrap;}
.pro-list01 > div { width:25%; padding:10px 50px 10px 50px;margin: 20px 50px;}
.pro-list01-pto { line-height:0; overflow:hidden; margin-bottom:13px;width: 300px;
    height: 109px;
    border: 2px solid #999;}
.pro-list01-pto img {
width:100%;
    margin:0px!important;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.title01 { font-family:Lato; color:#464646; font-size:16px; line-height:120%; /*font-family:Abel;*/width:300px;}
.title01:before { background:#d1d1d1; width:124px; height:7px; margin-bottom:15px; display:block; content:""; }
.pro-list01 > div:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);}
.pro-list01 > div:hover .title01 { color:#fa0202;}
.pro-list01 > div:hover .title01:before { background:#fa0202;}

.pro-list02 { padding-bottom:25px; }
.pro-list02-left { display:inline-block; vertical-align:top; width:25%; padding-right:30px;}
.pro-list02-right { display:inline-block; vertical-align:top; width:calc(75% - 27px); margin-left:20px;}
.title02, .title02-no-rwd { color:#129e38; font-size:24px; font-weight:300; padding-bottom:10px; margin-bottom:15px; line-height:120%; /*font-family:Abel; */border-bottom:7px solid #129e38;}
.title02-rwd { display:none;}
section{margin: 0 3%;}
.pro-box { position:relative; padding:0px; width:100%; margin:0 auto;top:20px;}
.pro-b { display:inline-block; vertical-align:middle; width:calc(50% - 20px); padding-left:40px; }
.pro-b-title { background:none; text-align:right; border-bottom:7px solid #129e38; text-transform:inherit; font-size:22px; padding:5px 0px 10px 0px; left:auto; margin-bottom:5px; color:#129e38; font-weight:300; line-height: 27px;}
.pro-b-title span { display:block; color:#000; font-size:18px;}
.pro-name{
	background-image: none;
	font-size: 17px;
	margin-bottom: 0;
	padding:0;
	position: static;
}

.pro-b-pto {width:70%;border: 1px solid rgba(204, 204, 204, 0.35);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
 }
.pro-b-pto img { width:70%;
max-height:400px;margin: 0;}
.pro-s {     text-align: center;
    /*padding: 10px 0;*/
    border: 1px solid rgb(204, 204, 204);
    width: 80px;
    margin: -232px 0 0 390px;
	z-index: 99999;
	position:relative;
}
.pro-s img{
	width:100%;
  margin: 0 auto -15px auto;
	}
.rslides_tabs { }
.rslides_tabs li { display:inline-block; width: 30%; margin:1px; opacity:0.35;  filter: alpha(opacity=35); border: 1px solid rgb(204, 204, 204); line-height:0;}
.rslides_tabs li a img { width:150px;}
.rslides_here { opacity:1 !important;  filter: alpha(opacity=100) !important;}

.pro-content { display:inline-block; vertical-align:top; width:50%; text-align:left; padding-left:22px;margin-top:200px; }
.pro-content_left_box{width:80%;
    margin: 0 3%;}
.pro-content_left{
	display: inline-block;
    vertical-align: top;
    text-align: left;
    }
.feature { /*background:#f9f9f9;*/ padding:5px 0; font-size:15px; color:#424242;
margin:0 auto; max-width:100%;
}
.feature-title { /*font-family:Abel; */font-size:20px; text-transform:uppercase; color:#fa0202;/*padding-bottom:15px;*/
margin-bottom: -30px;margin-top: 10px;
padding: 5px 10px 0 10px;
border-left: 4px solid;
}
.feature_table{width: 100%;

}
.feature_table th{
	padding: 10px 0px;
    vertical-align: baseline;
	width:20%;
	}
.feature_table td{
	padding: 5px;    vertical-align: baseline;
	}
.pro-description-contents{
	border-top: solid 1px #949393;
    margin: 5px 0 5px 0;
	
	}
.pro-description-contents p{
	 margin: 10px 0 10px 0;
	}	
.pro-description-contents2{

    margin: 5px 0 25px 0;
	list-style:circle;
	}

.decimal li { list-style-type:decimal; margin:0 0 0 20px; padding-left:5px;}
.download { padding:10px 0;}
	
.right_box{
      float: right;
    position: relative;
    width: 100%;
    margin-right: -500px;
    margin-bottom: 60px;
    margin-top: -60px;
	padding-left:20px;
	}

.btn-box {float: right;
    z-index: 999;
    width: 100%;
    margin-top: 80px; }
.btn-box a { float:left; display:block; text-align:center; height:40px; line-height:40px; text-transform:uppercase; color:#fff; font-size:18px; /*font-family:Abel;*/width:35%;}
.btn-box a:nth-of-type(1) { padding:0;background:#e80000;
/*margin: 30px 5px 10px 5px;*/width:130px;font-size: 10px;margin:30px 5px;
}
.btn-box a:nth-of-type(2), .btn-box a:nth-of-type(3) { background:#e80000;
margin: 30px 5px;width:130px;font-size: 10px;
}
.btn-box a:hover { color:#fff; background:#000;}

.pro-description { padding:45px 30px 45px 15px;}

.pro-description-title { color:#000000; font-size:16px;/* font-family:Abel;*//* padding-bottom:30px;*/font-family:Lato;}
.gray-bg { background:#f2f2f2; margin-bottom: 30px;padding:15px 15px;}
.img-l { float:left; padding:0 20px 20px 0;}
.img-r { float:right; padding:0 0 20px 20px;}
.img-r-2 { float:right; padding: 5% 0 5% 20px;}
.back { text-align:center; padding:30px 0;}
.back a { display:inline-block; min-width:184px; height:60px; line-height:60px; color:#fff; background:#e80000; text-transform:uppercase; /*font-family:Abel; */font-size:22px;}
.back a:hover { background:#000; color:#fff;}

.table01 { border-spacing:1px !important; background:#000000; width:100%;}
.table01 th { background:#ededed; text-align:center; font-size:15px; padding:5px;}
.table01 td { background:#fff; text-align:center; font-size:13px; padding:5px;}
#products-video{width:450px;margin:0 auto;position:relative;}
#products-video:before{content:'';display:block;padding-top:75%;}
#products-video div{position:absolute;display:block;top:0;right:0;bottom:0;left:0;}
#products-video div iframe{width:100%;height:100%}
.videoDialog{}
.videoDialog #movie{overflow: visible;padding:0}
.videoDialog #movie iframe{width:100%;height:100%}



.pro_no {    
	color: #129e38;
	font-size:26px;
	}

.pro-detail-content { max-width:850px; margin:0 auto;}

.profile-text{
  background: url(/neweng/images/p4_01.png) bottom center no-repeat;
    height: 255px;
    width: 100%; 
}

.profile-box{
margin: 30px;
display: inline-block; 
}
.profile-box p{
 margin: 15px 0;
 padding: 5px 0;   
}
.profile-tilte{
color: #fff;
font-size: 20px;
font-weight: bolder;
width: 100%;
height: 30px;
padding-left: 5px;
padding-top: 5px;
background:#2a5298;
background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
background-image:-moz-linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
background-image:-webkit-linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
background-image:-o- linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);

}

.about-tilte{
	font-size:20px;
	font-weight:700;
}
.about_photo,.about_quality{
	display:flex;
	padding-top: 20px;
}
.about_quality{
	flex-wrap:wrap;
}
.about_quality>img{
	margin: 10px;
    max-width: 360px;
}
.about-quality-tilte{
	font-size:20px;
	font-weight:700;
    border-bottom: 2px solid #a9a8a8;
    display: inline-block;
    padding: 16px 0;
    color: #e51c1c;
}
.about_quality>ul>li{
    font-size:18px;
    line-height:28px;
    list-style-type: disc;
    margin-left: 20px;
}
.about_photo_item{
	margin:15px;
    
}
.about_img{
	padding-bottom: 36px;
    max-width: 400px;
}
.aboutline {
    padding: 20px 20px;
}
.aboutline h2.break {
    display: block;
    width: 100%;
    font-family: arial;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 25px 0 25px 25px;
    position: relative;
    left: -5px;
}
.aboutline> ul {
    color: #424242;
    list-style-type: none;
    position: relative;
    padding: 25px 0 25px 10px;
    font-size: 16px;
    margin: 0;
}
.aboutline> ul:after {
    content: "";
    position: absolute;
    top: 0;
    left: -4.5px;
    bottom: 0;
    border-left: 1px solid #ccc;
    height: 100%;
}
.aboutline> ul> li {
    margin: 10px 0 20px 10px;
    position: relative;
    display: block;
}
.aboutline> ul> li:last-child {
    margin-bottom: 0px;
}
.aboutline> ul> li h1 {
    font-family: georgia;
    color: #424242;
    margin: 0 0 15px 0;
}
.aboutline ul li p {
    font-family: arial;
    margin: 0 0 15px 0;
}
.aboutline> ul> li .date {
    display: table;
    color: white;
    background-color: #234683;
    font-size: 12px;
    padding: 4px 7px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    position: relative;
    top: 3.5px;
    outline: 2px solid white;
    z-index: 0;
    max-width: 300px;
    line-height: 1.2;
}
.aboutline> ul> li .date:before {
    content: "";
    position: absolute;
    left: -20px;
    border-bottom: 1px solid #ccc;
    width: 20px;
    top: 9px;
    z-index: -1;
}
.aboutline> ul> li:before {
    content: "";
    display: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid rgba(40, 40, 40, 0.5);
    position: absolute;
    z-index: 2;
    left: -30px;
    outline: 2px solid white;
    top: 7.5px;
}

.aboutline> ul> li>ul>li,.aboutline> ul> li> p{
	padding-top:10px;
}

.history-table{
width: 100%;
padding: 20px 0; 
border-collapse: collapse; 
}
.history-table tr {
border-bottom: 1px solid #9E9E9E;

}
.history-table th{
width: 15%;
font-size: 18px;
background: rgba(158, 158, 158, 0.35);
padding-left: 5px;
color: #19226a;
}

.history-table td{
 padding-left: 5px;
 width: 85%;   
}
#pic{
margin-top: -100px;
display: block;
margin-left: 600px;

}
.company-name{
color: #fa0202;
font-weight: bolder;
font-size: 20px;
padding: 10px 0;
border-bottom: 2px solid #ccc;
margin: 15px 0;
display: inline-block;   
}
.company-data{
border-collapse: collapse;
width: 50%;
padding-bottom: 20px;
border:1px solid #ccc;

}
.company-data tr{
border-bottom: 1px solid #ccc;   
}
.company-data th{
background: #9E9E9E;
color: #fff;
padding-left: 5px;
width: 15%;   
}
.company-data td{
padding-left: 5px;
}
.certify-tilte{
width: 100%;
background: #9E9E9E;
height: 40px;
color: #fff;
text-align: center;
font-size: 20px;
padding-top: 8px;    
}
.certify-list{
padding-top: 40px;
width:100%;

}
.certify-list img{
margin: 5px 350px;  
}

.btn_submenu{ 
    padding: 10px 20px;
    display: none;
    border-radius: 0px 0px 10px 10px;
    border-bottom: 1px solid #ccc;
    margin: 20px 0px;
    box-shadow: 2px -1px 0px #fff, -2px -1px 0px #fff, 0px 1px 3px #333;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    text-shadow: 2px 2px 0px #000 inset;
    background: #404040;
    background: -moz-linear-gradient(top, #404040 1%, #000 88%, #404040 100%);
    background: -webkit-linear-gradient(top, #404040 1%,#000 88%,#404040 100%);
    background: linear-gradient(to bottom, #404040 1%,#000 88%,#404040 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#404040', endColorstr='#404040',GradientType=0 );

    transition: all .2s;
    -moz-transition: all .2s;  /* Firefox 4 */
    -webkit-transition: all .2s;   /* Safari 和 Chrome */
    -o-transition: all .2s;    /* Opera */
}
.btn_submenu:after{ 
    content: '\f0d8';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
}
.btn_submenu_click{
    margin-bottom: 0px;
    background: #666;
    color: #fff;
    border-radius: 0px;
    box-shadow: none;
}
.btn_submenu_click:after{ 
    content: '\f0d7';
    display: inline-block;
}


/* inquiry style */
.cart_table{ text-align: center; }
.cart_table td{ background: #fff; text-align: center !important; }

@media only screen and (max-width: 1200px) {
body {	background:url(../images/idx-bg-rwd.gif) repeat-x top; }
.main-content { padding:0 15px;}
.pro-description { padding:45px 30px 45px 15px;}
.pro-description-title { padding-bottom:15px;}
.pro-b{width: calc(50% - 30px);}
.pro-s{margin: -200px 0 0 330px; }
.right_box{margin-right: -450px;}
.btn-box{margin:0;}
.btn-box a:nth-of-type(1){margin:30px 0px 0px 5px;width: 100%;}
.btn-box a:nth-of-type(2), .btn-box a:nth-of-type(3){margin: 10px 5px 0 5px;width: 100%;}
#pic{
margin: 0;
}

}
@media only screen and (max-width: 1100px) {
.pro-s{margin: -180px 0 0 330px;}	
.certify-list img{
    margin: 5px 0;
 } 
}
@media only screen and (max-width: 960px) {
.pro-s{margin: -150px 0 0 250px;}
.right_box{margin-right: -380px;}
.btn-box a:nth-of-type(1){    margin:0;
    width: 100%;    margin-bottom: 5px;}
.btn-box a:nth-of-type(2), .btn-box a:nth-of-type(3){margin:0;
    width: 100%;    margin-bottom: 5px;}
    .pro-content_left_box{margin-top:0;}
 .company-data{width:100%;}  
 .about_photo{flex-wrap:wrap;}
 .about_photo_item{max-width:250px;}
 

}

@media only screen and (max-width: 768px) {
h1 { left:auto;}
aside { display:none;}
.pro-list01 > div { width:33.33%; }
.pro-list02-left, .pro-list02-right { width:100%; margin-left:0;}
.pro-list02-left { text-align:center;}
.pro-b, .pro-content { width:100%; padding-left:0;}
.title02-no-rwd { display:none;}
.title02-rwd { display:block; color:#129e38; font-size:24px; font-weight:300; padding-bottom:10px; margin-bottom:15px; line-height:120%; /*font-family:Abel;*/ border-bottom:7px solid #129e38;}
.content-Box01{padding:0;}
.pro-b-pto{    width: 100%;}
.pro-s{margin: 0;top: 40px;}
.right_box{padding:0;width:100%;
    margin-bottom: 0;float: left;
    margin-top:30px;}
.right_box h1{top: 30px;}
.btn-box{    float: right;
    width: 100%;
    }
.btn-box a:nth-of-type(1){margin: 25px 0 10px 0;
    width: 100%;
    font-size: 15px;
}
.btn-box a:nth-of-type(2), .btn-box a:nth-of-type(3){margin: 0px 0 10px 0;
    width: 100%;
    font-size: 15px;}
.pro-content_left_box{margin:0;}

.btn_submenu{ display: block; }
.submenu a{ width: 100%; }
}
@media only screen and (max-width: 640px) {
.feature { padding:0;}
section{margin: 0 3% 60px 3%;}
.about_photo_item{max-width:200px;}
}
@media only screen and (max-width: 570px) {

.btn-box a {font-size:18px;}
.pro-list01 > div { width:50%;}
.right_box{margin-top:30px;}
.content-Box01{margin-top: -60px;}
.content-Box01{top: 30px;}
}

@media only screen and (max-width: 480px) {
    .cart_table tbody{ display: table-row-group !important; }
    .cart_table tbody tr{ display: table-row !important; }
    .cart_table th, .cart_table td{ display: table-cell !important; }
}

@media only screen and (max-width: 414px) {

.rslides_tabs li { width:40%;}
#products-video{width:100%;}
.pro-list01-pto{width: 200px;
    height: 109px;}
.pro-b-title{    text-align: left;}
.pro-list01 > div { width:60%; padding:0 30px 30px 0px;margin: 0 auto;}
.right_box h1{bottom: 30px;top: 20px;font-size: 20px;}
.pro-s{ 
    top: 10px;}
.feature-title{font-size: 18px;}
.title01{width: 200px;}
#pic{width:50%;}

}


@media only screen and (max-width: 320px) {
.pro-s{top: 25px;}
}