@charset "utf-8";

/* =====================================
   全域
===================================== */
body {
	color: #111;
	font-size: 16px;
	line-height: 1.9em;
}
a { color: #00a1e9;}
a:hover { text-decoration: none; color: #f26522;}
a {
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
::selection {
	background-color: #333;
	color: #fff;
}
@font-face {font-family: "FjallaOne";
	src: url("../images/1c936c1b1c89d00d18b2d8c2e8cd34a0.eot");
	src: url("../images/1c936c1b1c89d00d18b2d8c2e8cd34a0.eot") format("embedded-opentype"), url("../images/1c936c1b1c89d00d18b2d8c2e8cd34a0.woff2") format("woff2"), url("../images/1c936c1b1c89d00d18b2d8c2e8cd34a0.woff") format("woff"), url("../images/1c936c1b1c89d00d18b2d8c2e8cd34a0.ttf") format("truetype"), url("../images/1c936c1b1c89d00d18b2d8c2e8cd34a0.svg#fjalla one") format("svg");
}
@media only screen and (min-width:1500px){.container{width: 1500px; padding: 0;position: relative;}}
.wrapper-small{width:100%;max-width:1200px;padding:0 1.875rem;margin:0 auto}
.reset {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
ul.ulset { margin: 0; padding: 0; list-style: none;}
.itemarea {display: inline-block; width: 100%;}
/*************************
Typography 
**************************/

.font1 {
	font-size: 18px;
	color: #e8340d;
	font-weight: bold;
}
.font2 {
	font-size: 14px;
	line-height: 24px;
	color: #df0500;
}
.font3 {
	display: block;
	font-size: 20px;
	line-height: 1.4em;
	color: rgb(47,50,35);
	font-weight: bold;
	margin-bottom: 15px;
}
.font3-1 {
	display: block;
	font-size: 20px;
	line-height: 1.4em;
	color: #c29367;
	font-weight: bold;
	margin-bottom: 15px;
}
.font5 {
	color: #df0500;
}
.font6 {
	font-size: 18px;
	color: #161e66;
	font-weight: bold;
}
.font7 {
	font-size: 18px;
	line-height: 2em;
	padding-bottom: 15px;
}
.font8 {
	display: inline-block;
	font-size: 20px;
	color: #111;
	position: relative;
	font-weight: bold;
}
.font9 {
	color: #b56819;
	font-weight: bold;
}
.font10 {
	font-size: 18px;
	line-height: 1.3em;
	color: #333;
	font-weight: bold;
}
.font11 {
	color: #f26f47;
	font-weight: bold;
}
ul.ulset { margin: 0; padding: 0; list-style: none;}
.itemarea {width: 100%;float: left;}
::-webkit-input-placeholder { color: #ccc; }
/*Firefox 4-18瀏覽器專用*/
input::-moz-placeholder { color: #ccc; }
/*Firefox 19+瀏覽器專用*/
input::-moz-placeholder{color:#ccc;}
/*IE10瀏覽器專用*/
:-ms-input-placeholder{color: #ccc;}

/* top */
.scrollToTop {
	display: none;
	position: fixed;
	z-index: 1000;
	bottom: 50px;
	right: 20px;
	width: 40px;
	height: 40px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.scrollToTop:hover {
	background: rgba(0,54,118,0.8);
}
.scrollToTop i {
	font-size: 22px;
	line-height: 40px;
}
@media (max-width: 767px) {
  .scrollToTop {
    bottom: 75px;
  }
}
@media (max-width: 360px) {
  .scrollToTop {
    bottom: 105px;
	  right: 10px;
  }
}
@media (max-width: 320px) {
  .scrollToTop {
    bottom: 120px;
  }
}
/*************************
 Footer CSS
**************************/
#footer {
	float: left;
	width: 100%;
	padding: 40px 0 20px;
	background: #e8e8e8;
}
#footer .container {position: relative;}
#footer .flogo {
	float: left;
	width: 60px;
	height: 60px;
	display: inline-block;
	margin: 0;
	padding: 0;
	background: url(../images/flogo.svg) no-repeat center center;
	background-size: 60px auto;
	text-indent:-9999px;
}
.basic {
	float: left;
	width: 32%;
	padding: 0 0 0 20px;
	margin: 0;
	display: inline-block;
}
.basic h2 {
	float: left;
	width: 100%;
	display: inline-block;
	margin: 0;
	padding: 0 0 3px;
	font-size: 24px;
	line-height: 1.5em;
	color: #202952;
}
.basic span {
	width: 100%;
	display: inline-block;
	font-size: 15px;
	line-height: 24px;
	color: #333;
	padding: 0 0 0 27px;
	margin: 1px 0;
	word-break: normal;
	word-break: break-all;
}
.basic span.add {background: url(../images/placeholder.svg) no-repeat 4px 1px;background-size: auto 18px;filter: contrast(100%) brightness(0%);}
.basic span.phone {background: url(../images/phone.svg) no-repeat 2px 3px;background-size: auto 17px;filter: contrast(100%) brightness(0%);}
.basic span.fax {background: url(../images/printer.svg) no-repeat 2px 4px;background-size: auto 15px;filter: contrast(100%) brightness(0%);}
.basic span.mail {background: url(../images/mail.svg) no-repeat 1px 6px;background-size: auto 13px;filter: contrast(100%) brightness(0%);}
.basic span A:link {color:#333;text-decoration:none}
.basic span A:visited {color:#333;text-decoration:none}
.basic span A:hover {color:#fa764d;text-decoration:underline}
.basic .fllow {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 10px 0 0;
}
.basic .fllow a.linkedin {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 1px 8px 1px 0;
	border-radius: 50%;
	background: rgba(0,119,176,0.7) url(../images/icon-linkedin.svg) no-repeat center center;
	background-size: 18px auto;
	text-indent: -9999px;
}
.basic .fllow a:hover.linkedin {
	background-color: rgba(0,119,176,1);
}
.basic .fllow a.facebook {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 1px 8px 1px 0;
	border-radius: 50%;
	background: rgba(2,105,227,0.7) url(../images/icon-facebook.svg) no-repeat center center;
	background-size: 20px auto;
	text-indent: -9999px;
}
.basic .fllow a:hover.facebook {
	background-color: rgba(2,105,227,1);
}

.basic .fllow a.youtube {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 1px 8px 1px 0;
	border-radius: 50%;
	background: rgba(216,54,42,0.7) url(../images/icon-youtube.svg) no-repeat center center;
	background-size: 23px auto;
	text-indent: -9999px;
}
.basic .fllow a:hover.youtube {
	background-color: rgba(216,54,42,1);
}
.basic .fllow a.employee {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 1px 8px 1px 0;
	border-radius: 50%;
	background: rgba(26,36,89,0.6) url(../images/icon-employee.svg) no-repeat center center;
	background-size: 21px auto;
	text-indent: -9999px;
}
.basic .fllow a:hover.employee {
	background-color: rgba(26,36,89,1);
}
.basic .fllow a.outlookmail {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin: 1px 8px 1px 0;
	border-radius: 50%;
	background: rgba(26,36,89,0.6) url(../images/icon-outlookmail.svg) no-repeat center center;
	background-size: 21px auto;
	text-indent: -9999px;
}
.basic .fllow a:hover.outlookmail {
	background-color: rgba(26,36,89,1);
}

.quicklink {
	float: left;
	width: 20%;
	padding: 0 0 0 10px;
	margin: 0;
}
.quicklink2 {
	float: left;
	width: 30%;
	padding: 0 0 0 10px;
	margin: 0;
}
.quicklink .title {
	float: left;
	width: 100%;
	display: inline-block;
	font-size: 16px;
	color: #202952;
	line-height: 1.6em;
	font-weight: bold;
	padding: 3px 0;
	margin: 0;
	position: relative;
}
.quicklink .title:after{
	content:"";
	display:inline-block;
	width:20px;
	height:1px;
	margin:0 8px;
	overflow:hidden;
	background:#202952;
	position:relative;
	top:-5px;
}
.quicklink ul, .quicklink2 ul { 
	width: 100%;
	display:inline-block;
	margin: 0; 
	padding:0;
}
.quicklink ul li {
	float: left;
	display: inline-block;
	width: 100%;
	list-style: none;
	font-size: 15px;
	line-height: 1.6em;
	color: rgba(0,0,0,0.6);
	margin: 0;
	padding: 1px 5px 2px 16px;
	overflow: hidden;
	background: url(../images/right5.svg) no-repeat 4px 10px;
	background-size: 5px;
}
.quicklink ul li a { color: rgba(0,0,0,0.6);text-decoration: none;}
.quicklink2 ul li:hover a,
.quicklink ul li:hover a {color: #00aeef;text-decoration: none;}

.quicklink2 ul li {
	float: left;
	display: inline-block;
	width: calc(100%/2);
	list-style: none;
	font-size: 15px;
	line-height: 1.6em;
	color: rgba(0,0,0,0.6);
	margin: 3px 0 2px;
	padding: 1px 5px 1px 16px;
	overflow: hidden;
	background: url(../images/3935ed186ba743ba9b964c1e6e31ab15.svg) no-repeat center center;
	background-size: 40px auto;
}
@media (max-width: 990px){
body {
    padding: 60px 0 0 0;
}
}

.quicklink2 ul li a {
    color: rgba(0,0,0,0.6);
    text-decoration: none;
}
.certification{
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}
.certification li{ margin-bottom: 2px;}
.certification li img{ width: auto; 
    max-height: 110px;}
/*************************
******* home ******
**************************/
#page {
	width: 100%;
	display: inline-block;
	position: relative;
}
#content {
	float: left;
	width: 100%;
	display: inline-block;
	margin: 10px 0 40px;
}
#pcontent {
	float: left;
	width: 100%;
	display: inline-block;
	padding: 0 0 70px;
}
#pcontent img {
	max-width:100%;
}
.cc-banner.cc-bottom{
	display: none;
}
.ibanner {
	float: left;
	width: 100%;
	display: inline-block;
	/*background: #333;
	min-height: 800px;
	clip-path: polygon(0 0, 100% 0, 100% 92%, 0% 100%);*/
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.copyright{
	border-top: 1px solid #CCC;
	padding-top: 20px;
	margin-top: 20px;
    font-size: 14px;
}
@media (max-width: 991px){

}
@media (max-width: 768px){
#content .container {overflow: hidden;}
}
@media (max-width: 600px){

}
@media (max-width: 480px){

}
/*
.i_level02{
   padding: 90px 0 100px;
}
.i_title{
   text-align: center;
   margin-bottom: 50px;
}
@media (max-width: 576px) {
   .i_level02{
      padding: 40px 0 50px;
   }
   .i_title{
      margin-bottom: 30px;
   }
}

.portfolio-img{
   position: relative;
   padding-top: 115%;
}
.portfolio-img img{
   width: 100%;
   height: 100%;
   object-fit: contain;

   position: absolute;
   top: 0;
   left: 0;
}
.portfolio-hover-content p.text-product1{
	display: inline-block;
	width: 100%;
	font-size: 1.8em;
	color: #222;
	line-height: 1.2em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.portfolio-hover-content p.text-product2{
	display: inline-block;
	width: 100%;
	font-size: 15px;
	color: #888;
	line-height: 1.2em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}*/




.iabout, .itech {
	width: 100%;
	display: inline-block;
	padding: 0;
	margin: 55px 0 40px;
	position: relative;
}
.topblock {
	float: left;
	width: 100%;
	display: block;
    position: relative;
}
.topblock-inner {
    display: block;
	width: 100%;
    text-decoration: none;
}
.topblock-inner p {
	color: #777;
    margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.8em;
    text-align: justify;
}
.topblock .topblock-inner a.more {
	float: left;
	width: 170px;
	margin-top: 30px;
	padding: 5px 40px 8px 25px;
	font-size: 15px;
	line-height: 1.6em;
	COLOR: rgba(0,0,0,0.3);
	TEXT-DECORATION: none;
	border-radius: 50px;
	transition: background 0.3s;
	border: 1px solid rgba(0,0,0,0.15);
	background: transparent url(../images/5.1.png) no-repeat 78% -2px;
    background-size: auto 38px;
}
.topblock:hover .topblock-inner a.more {
	COLOR: #FFF;
	text-decoration: none;
	border: 1px solid rgba(12,41,95,0.3);    
	background: #0c295f url(../images/5.png) no-repeat 85% -2px;
    background-size: auto 38px;
}
.topblock-title {
    position: relative;
    margin: 0 0 15px;
	font-size: 3em;
	line-height: 1.3em;
	color: #212953;
	padding: 0;
	font-family: "FjallaOne";
}
.topblock-title .cht {
    display: inline-block;
	width: 100%;
    margin: 0;
	font-size: 24px;
	line-height: 1.5em;
	color: #333;
}
.topblock-inner p.topblock-txt1 {
	display: inline-block;
	width: 100%;
    margin: 0 0 5px;
	font-size: 20px;
	line-height: 1.5em;
	color: #f56a25;
	padding: 0 0 0 35px;
	position: relative;
}
.topblock-inner p.topblock-txt1:before{
	content:"";
	display:inline-block;
	width:25px;
	height:2px;
	margin:0;
	overflow:hidden;
	background:#f56a25;
	position:absolute;
	top:15px;
	left: 0px;
}
.topblock-pic { 
	float: left;
	display: inline-block;
	width: 100%;
	background: #fff;
	position: relative;
}
.iabout .topblock-pic:before { 
	content:"";
	display:inline-block;
	width: 85%;
	height: 110%;
	background: #d6eaf1;
	position: absolute;
	left: -5%;
	top: -5%;
	z-index: -1;
}
.itech .topblock-pic:before { 
	content:"";
	display:inline-block;
	width: 85%;
	height: 110%;
	background: #d6eaf1;
	position: absolute;
	right: -5%;
	top: -5%;
	z-index: -1;
}
.topblock-pic .topblockimg {
	width: 100%;
	height: 350px;
	outline: none;
	display: inline-block;
	float: left;
}
.topblock .topblock-pic, .topblock .topblock-pic:before {
  font-weight: normal;
  -webkit-transition: background 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: background 0.4s ease-out, -webkit-transform 0.4s ease-out;
  transition: background 0.4s ease-out, transform 0.4s ease-out;
  transition: background 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}
.topblock:hover .topblock-pic {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
.topblock:hover .topblock-pic:before {
  -webkit-transform: translate(5px, 15px);
          transform: translate(5px, 15px);
}
.itech .topblock:hover .topblock-pic:before {
  -webkit-transform: translate(-5px, 15px);
          transform: translate(-5px, 15px);
}
@media (min-width: 992px) {
.topblock-inner {
	box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 5%;
    /*right: 0;*/
    width: 50%;
    min-height: 90%;
    padding: 2% 5% 3% 5%;
	z-index: 1;
}
.iabout .topblock-inner {
    right: 0;
}
.itech .topblock-inner {
    left: 0;
}
.iabout .topblock-pic { 
	float: left;
	width: 50%;
}
.itech .topblock-pic { 
	float: right;
	width: 50%;
}
.topblock-pic .topblockimg {
	width: 100%;
	height: 450px;
	outline: none;
	display: inline-block;
	float: left;
}
}

/*video*/
.videoBox {
    float: left;
    width: 100%;
    position: relative;
}
.videoBox .btn_video {
  position: absolute;
  z-index: 4;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.videoBox .btn_video:before {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 52%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 78px;
  height: 78px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-sizing: border-box;
  border-radius: 50%;
  transition: all .5s;
}
.videoBox .btn_video:after {
  content: '';
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 52%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: url("../images/play-button.svg") no-repeat center center;
  background-size: 90px;
  transition: all .5s;
}
.videoBox .btn_video:focus {
  outline: none;
}
.videoBox .btn_video:hover:before, .videoBox .btn_video:hover:after {
  -webkit-transform: translate(-50%, -50%) scale(1.2);
      -ms-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
	-webkit-box-shadow: 0 0 10px rgba( 255, 255, 255, .9 );	
	box-shadow: 0 0 10px rgba( 255, 255, 255, .9 );
}



/*iproducts*/
.iproducts {
	float: left;
	width: 100%;
	display: inline-block;
	padding: 50px 0 0;
	margin: 25px 0 45px;
	position: relative;
	background: url(../images/line1.gif) no-repeat center top;
}
.iproducts .title {
	width: 100%;
	font-size: 40px;
	color: #111;
	line-height: 1.3em;
	margin: 0 0 15px;
	padding: 0;
	display: inline-block;
	text-align: center;
}
.iproducts .left .title{
	text-align: left;
	line-height: 30px;
	margin: 0 0 5px 0;
}
.iproducts .left .title a{
	font-size: 20px;
	color: #111;
}
.iproducts .right .img{
	display: none;
}
.iproducts .right .img.active{
	display: block;
}
.iproducts .left .txt a{
	font-size: 16px;
	line-height: 28px;
	color: rgb(124, 122, 122);
}
.iproducts .left,
.iproducts .right{
	margin: 30px 0 10px 0;
}
.iproducts .left .all{
	margin-bottom: 10px;
	padding-bottom: 10px;
	position: relative;
}
.iproducts .left .all::before{
	position: absolute;
	content: "";
	height: 2px;
	background-color: #0c295f;
	width: 0;
	left: 0;
	bottom: 0;
	transition: all .6s;
}
.phone{
	position: relative !important;
}
.iproducts .left .all::after{
	position: absolute;
	content: "";
	height: 1px;
	background-color: rgb(228, 228, 228);
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: -1;
}
.iproducts .left .all:hover a{
	color: #0c295f;
}
.iproducts .left .all:hover::before{
	width: 100%;
	transition: all .6s;
}
.iproducts .left .bottom{
	display: flex;
	justify-content: space-between;
}
.iproducts .left .bottom .txt{
    width: 80%;
}
.iproducts .left .bottom .date{
	font-size: 14px;
	color: rgb(165, 165, 165);
}
.iproducts .title .cht {
	width: 100%;
    display: inline-block;
    margin: 0;
	font-size: 24px;
	line-height: 1.3em;
	color: #ff7000;
}
.iproducts .title .cht:before, .iproducts .title .cht:after{
	content:"";
	display:inline-block;
	width:30px;
	height:1px;
	margin:0 15px;
	overflow:hidden;
	background-color:#ff7000;
	position:relative;
	top:-10px;
}
.our-event { 
	float: left;
	display: inline-block;
	width: 100%;
	padding:0;
	margin: 10px 0;
	position: relative;
}
.our-event .item {
	box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.15);
	float: left;
	display: inline-block;
	width: 100%;
	min-height: 165px;
	margin: 0;
	padding: 5px 6px;
	-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}
.our-event .item .pic { 
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 5px;
	background-color: #f7f7f7;
	position: relative;
	-webkit-box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0 );
}
.our-event .item .pic .productimg {
	width: 100%;
	height: 370px;
	outline: none;
	display: inline-block;
	float: left;
	-webkit-transform: scale(1);
    transform: scale(1);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}
.our-event .item:hover .pic .productimg {
	opacity: 0.08;
	/*-webkit-transform: scale(1.05);
    transform: scale(1.05);*/
}
.our-event .item .name{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0 10px;
	position: absolute;
	text-align: center;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; 
}
.our-event .item .name p.text-product1{
	display: inline-block;
	width: 100%;
	font-size: 1.9em;
	color: #212953;
	line-height: 1.4em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}
.our-event .item .name p.text-product2{
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: #777;
	line-height: 1.3em;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
.our-event .item:hover .name { opacity: 1;-webkit-transform: translate(0, -10px); transform: translate(0, -10px); }

.our-event .owl-theme .owl-dots{bottom:-30px;}
.our-event .owl-theme .owl-nav{text-align:right;color:rgba(0,0,0,0.5);right: 10px;top:-50px;}
@media (min-width: 992px) and (max-width: 1200px) {

}
@media (max-width: 991px){

}
@media (max-width: 768px){

}
@media (max-width: 480px){

}

/* ----------------check樣式---------------- */
[class*="icheck-"] {
    min-height: 22px;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-left: 0px;
}

.icheck-inline {
    display: inline-block;
}

    .icheck-inline + .icheck-inline {
        margin-left: .75rem;
        margin-top: 6px;
    }

[class*="icheck-"] > label {
    padding-left: 29px !important;
    min-height: 22px;
    line-height: 26px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    float: left;
    cursor: pointer;
}

[class*="icheck-"] > input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
}

    [class*="icheck-"] > input:first-child:disabled {
        cursor: default;
    }

    [class*="icheck-"] > input:first-child + label::before,
    [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 22px;
        height: 22px;
        border: 1px solid #D3CFC8;
        border-radius: 0px;
        margin-left: -29px;
    }

    [class*="icheck-"] > input:first-child:checked + label::after,
    [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 7px;
        height: 10px;
        border: solid 2px #fff;
        border-left: none;
        border-top: none;
        transform: translate(7.75px, 4.5px) rotate(45deg);
        -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
    }
	[class*="icheck-"] > input[type="radio"]:first-child:checked + label::after,
    [class*="icheck-"] > input[type="radio"]:first-child:checked + input[type="hidden"] + label::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 0;
        width: 7px;
        height: 10px;
        border: solid 2px #fff;
        border-left: none;
        border-top: none;
        transform: translate(7.75px, 4.5px) rotate(45deg);
        -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
    }
[class*="icheck-"] > input[type="radio"]:first-child + label::before,
[class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {
    border-radius: 50%;
}

[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
[class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-width: 2px;
}

[class*="icheck-"] > input:first-child:disabled + label,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
[class*="icheck-"] > input:first-child:disabled + label::before,
[class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {
    pointer-events: none;
    cursor: default;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f39c12;
}

.icheck-orange > input:first-child:checked + label::before,
.icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f39c12;
    border-color: #f39c12;
}
.icheck-store > input:first-child:not(:checked):not(:disabled) + label::before,
.icheck-store > input:first-child:not(:checked):not(:disabled) + input[type="hidden"] + label::before {
    border-color: #D3CFC8;
	background-color: #fff;
}
.icheck-store > input:first-child:not(:checked):not(:disabled):hover + label::before,
.icheck-store > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
    border-color: #f39c12;
	background-color: #fff;
}

.icheck-store > input:first-child:checked + label::before,
.icheck-store > input:first-child:checked + input[type="hidden"] + label::before {
    background-color: #f39c12;
    border-color: #f39c12;
}
@media (max-width: 1199px) {
.topblock-inner { top: 2%; min-height: 96%; padding: 1% 4%;}
.topblock-pic .topblockimg {height: 400px;}
}
@media (max-width: 991px) {
.iabout, .itech {margin: 45px 0 10px;}
.topblock-inner {
	float: left;
    display: block;
	width: 100%;
    padding: 35px 5% 20px;
    text-decoration: none;
	position: relative;
	top: 0;
    left: 0;
    min-height: inherit;
}
}
@media (max-width: 600px) {
.topblock-pic .topblockimg {height: 250px;}
}

@media (max-width: 767px){
.basic {width: calc(100% - 50px);
    padding: 0;}
    .basic span{
        font-size: 14px;
    }
    .basic h2{
        font-size: 20px;
    }
    .certification .fllow{
        width: 90px;
    }
    .certification li img {
    max-height: 90px;
}
    .iproducts .left .bottom .date {
    width: 27%;
}
.history-list li div{
    width: 100% !important;
}
.zw_list_w{
    padding: 0 !important;
}
#pcontent{
    padding: 0;
}
.quicklink, .quicklink2 {display: none;}
}