@charset "utf-8";
/* CSS Document */
body{ font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;  letter-spacing:0px;     color: #007bc7;}
#canvas{ position:absolute; left:0; top:0; z-index:9999;}
#canvas .autoplay{
	position: absolute;
    z-index: 1000;
    width: 22px;
    height: 22px;
    top: 10px;
    right: 40px;
    background-image: url(../pics/stop.png);
    background-size: auto 22px;
}
#canvas .autoplay.play{	
    background-image: url(../pics/play.png);    
}
.magazine .page{ cursor:pointer;}
.mfp-content{ max-width:600px; position:relative; padding:20px; /*background:#fff;*/}
.mfp-content h3{ color:#333; font-size:20px;}
.mfp-content .mfp-close{ position:absolute; top:0px; right:0px;}
.hide{ display:none;}
.navbar{ margin-bottom:0;border:none; background:#fbfbfb;}
.navbar-header{ float:none; margin-bottom:25px;}
.navbar-inverse{ background:#fbfbfb;}
.navbar-brand { height: 65px; padding: 15px 0;}
.navbar-brand img{ width:200px;}
.main_div.home .slogan_div01{ text-align:center; color:#007bc7; font-weight:200; margin:0 0 4% 0;}
.main_div.home .slogan_div01 .item{
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_div.home .slogan_div01 .outer{position:absolute; width:100%; /*top:30%;*/ text-align:center;}
.main_div.home .slogan_div01 .title{ font-size:54px; color:#fff; font-weight:200; letter-spacing:0px;}
.main_div.home .slogan_div01 .title span{ display:block; }
.main_div.home .slogan_div01 .title span:nth-child(2){font-size:48px;}
.main_div.home .slogan_div01 .desc{ font-size:33px; color:#fff; margin:2% 0; line-height:72px;}
.main_div.home .slogan_div01 .more a{ font-size:16px; color:#fff; text-decoration:none; background:#2f5597; padding:5px 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
main_div page{ padding-top:15px;}
.navbar-inverse .navbar-nav>li>a{ font-size:22px; color:#007bc7; padding: 16px 12px;}
.navbar-inverse .navbar-nav>li>a:before{ content:''; width:1px; height:50%; background:#007bc7; position:absolute; left:0; top:25%;}
.navbar-inverse .navbar-nav>li:first-child>a:before{width:0px;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{  color: #9d9d9d;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ color:#369064; background:none;}
.navbar-toggle{ background:#f3f3f3; margin-top: 15px; margin-left: 15px; margin-right: 0;}
.navbar-toggle .icon-bar{ background:#969696;}
.version{ float:right;margin-top: 3%; font-family:'微軟正黑體 light';  display: flex; align-items: center;}
.version a{ font-size:22px; color:#007bc7; text-decoration:none; display:inline-block; }
.version a:nth-child(2){padding:0 20px;}
.version a:hover{color:#369064;}
.desc_div01{color: #007bc7;font-size:18px; }
.desc_div01 .title{ font-size:24px; color:#007bc7; font-weight:600; position:relative; margin-top:50px; margin-bottom:20px;}
.desc_div01 .title:first-child{ margin-top:0;}
.desc_div01 .desc{ font-size:20px; }
.desc_div01 .desc>span{ background:url(../images/header_logo.png) center no-repeat;     background-size: auto 25px;display:inline-block; width:83px; height:25px; margin-right:5px; margin-bottom: -7px; }
.desc_div01 .desc .printer_brand{ display:table; margin-bottom:30px;}
.desc_div01 .desc  .printer_brand div{ display:table-cell; vertical-align:top;}
.desc_div01 .desc  .printer_brand div:nth-child(2){font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;/* background:url(../images/printer_brand.png) center no-repeat;     background-size: auto 60px;*/display:inline-block; width:360px; /*height:60px;*/ margin-left: 5px;}
.desc_div01 .desc  .printer_brand div:nth-child(2) span{ display:block;}
.desc_div01 .desc  .printer_brand div:nth-child(2) i{ display:none; font-style:normal;}
.desc_div01 .desc  .printer_brand div:nth-child(2) b{ padding:0 8px;}
.desc_div01 .desc  .printer_brand div:nth-child(3){ vertical-align:bottom;}
.product_list{margin:2% 0; text-align:center; font-size:22px;}
.product_list .col{display:inline-block;/* width:32%;*/ width:33.33333%; margin-right:-8px; text-align:center;}
.product_list .col img{ width:100%; border:1px solid #fff;}
.product_list .col img:hover{ opacity:0.6;}
.product_list .col.eco a{ color:#007bc7; text-decoration:none;}
.product_list .col.led a{ color:#3b1e87; text-decoration:none;}
.product_list .col.water a{ color:#7db7ca; text-decoration:none;}
.product_list .col.light a{ color:#f18d2c; text-decoration:none;}
.product_list .col.uv a{ color:#7c5aa6; text-decoration:none;}
.product_list .col.desktop a{ color:#7db7ca; text-decoration:none;}
.product_list .col.pigment a{ color:#f0679f; text-decoration:none;}
.product_list .col.acid a{ color:#f0679f; text-decoration:none;}
.product_list .col.reactive a{ color:#f0679f; text-decoration:none;}
.product_list .col.dye a{ color:#f0679f; text-decoration:none;}

.department_div{ margin:5% 0; background:#f3f3f3;}
.department_div:after{ content:''; clear:both; display:block;}
.department_div a{ width:50%; float:left;}
.department_div a img{ width:100%;}
.department_div a:hover{ opacity:0.5;}

.desc_div02{background: #f3f3f3; padding:3% 0;}
.desc_div02.white_bg{ background:none; margin-top:2%;}
.desc_div02.white_bg .title{ margin-bottom:2%;}
.desc_div02{color: #007bc7;font-size:18px; }
.desc_div02 .title{ color:#007bc7; font-size:25px; text-align:center; position:relative;margin:0 0 5% 0;}
.desc_div02 .desc span{ display:block;}
.photo{margin:5% 0 0 0;}
.photo img{ width:100%;}

.desc_div03{ background:#f3f3f3; font-size:26px;color:#007bc7; padding:5% 0;}
.desc_div03 .desc{ width:100%; margin:0 auto;}
.desc_div03 .mark02{ text-align:right;}

.slogan_div02 .col{ width:32%; display:inline-block; text-align:center;}
.slogan_div02 .col b{ font-weight:200; display:block; width:50%; margin:0 auto; padding:10% 0; text-align:center; border:1px solid #000;background:#f3f3f3; font-size:26px;color: #007bc7;}

.slogan_div03{margin:5% 0;}
.slogan_div03 .col{ width:24%; display:inline-block; text-align:center;    vertical-align: top;}
.ceo_div .col:first-child{ width:58%;}
.ceo_div .col:last-child{ width:42%;}
.ceo_div .col img{ width:96%;}
.slogan_div03 .col div{ padding:0 10%;}
.slogan_div03 .col span{ display:block; min-height:90px;}
.slogan_div03 .col b{ font-size:18px; display:block; margin: 10% 0;}
.slogan_div03 .col p{ font-size:15px; display:block; margin: 0 auto; width:75%;}

.ceo_div{color:#007bc7; padding-top:30px; padding-bottom:3%; }
.ceo_div  .title{ font-size:34px; font-weight:200; margin-bottom:35px; }
.ceo_div .col{ float:left; font-size:15px; line-height:20px; }
.ceo_div .col:first-child{ width:58%;}
.ceo_div .col:last-child{ width:42%;}
.ceo_div .col img{ width:96%;}
.ceo_div  .ceo_info{ text-align:center; margin-bottom:22px;}
.ceo_div  .ceo_info div:first-child{ font-size:26px; font-weight:400;  margin-bottom:20px;}
.ceo_div  .sub_title{ font-size:22px;  margin-bottom:20px;}

.ceo_div  .desc_info{ font-size:18px; line-height:27px;/*border-bottom:1px solid #001a49; padding-bottom:10px;*/ margin-bottom:22px; }
.ceo_div  .desc_info:last-child{border-bottom:none; margin-bottom:0; }
.ceo_div  .desc_info b{ font-weight:400;}
.ceo_div  .desc_info b:first-child{ width:74%;    display: inline-block;}
.ceo_div  .desc_info b:last-child{ width:26%;}
.ceo_div  .desc_info .outer:after{ content:''; display:block; clear:both;}
.ceo_div  .desc_info .outer .image{ width:12%; float:left; display:none;}
.ceo_div  .desc_info .outer .image img{ max-width:90%;}
.ceo_div  .desc_info .outer .info_div{ width:100%; float:left;}
.ceo_div  .desc_info.education .outer .image img{ max-width:65%;} 
.ceo_div  .desc_info .info_div.positon span{display: inline-block; width:19px;}
.ceo_div  .desc_info b.fixed01 span{display: inline-block; width:57px; }
.ceo_div  .desc_info .info_div.positon b.fixed02 span{display: inline-block; width:57px;}

.ceo_experience { background:#f3f3f3; font-size:25px; line-height:38px; color:#007bc7; padding:30px 0;}
.ceo_photo { background:#f3f3f3; padding:0 ;}
.ceo_photo img{ width:100%;}
.ceo_research{font-size:20px; color:#007bc7; padding:3% 0;}
.ceo_research .title{ text-align:center; font-size:32px; margin-bottom:20px;}
.ceo_research .research_div ul{ margin:0; padding:0;}
.ceo_research .research_div li{ list-style:none;}
.ceo_research .research_div li{ background:url(../images/icon_arrow.png) left 6px no-repeat; padding-left:35px; margin-bottom:1em;text-align: justify;
　　text-justify: inter-ideograph;　　-ms-text-justify: inter-ideograph; /*IE9*/　　-webkit-text-align-last: justify; /*Chrome*/　　-moz-text-align-last: justify; /*Firefox*/}


.chemical_div .title{font-size: 60px; text-align: center; color: #007bc7; font-weight: 200; margin: 5% 0;}
.chemical_div .type{ margin:-3% 0 4% 0;}
.chemical_div .type ul{ padding:0;  color: #007bc7; font-size:18px; width:380px; margin:0 auto;  }
.chemical_div .type ul:after{ content:''; clear:both; display:block;}
.chemical_div .type ul li{ width:50%; float:left; padding:5px 0;}
.chemical_div .type ul li b{ font-weight:400; display:inline-block;}
.chemical_div .type ul li b:first-child{ width:40%;}
.chemical_div .type ul li b:last-child{ width:60%;}
.chemical_div .sub_title{ margin:3% 0; text-align:center; font-size: 36px; text-align: center; color:#007bc7;font-weight: 200; }
.chemical_div .desc { font-size: 18px; color: #007bc7;}
.chemical_div .photo{ margin:0;}
.chemical_div .banner_div .title{ position:absolute; width:100%; top:10%;}


.open_category{ text-align:center; margin:3% 0;}
.open_category a{ background:#007bc7; color:#fff; font-size:16px; text-decoration:none; padding:5px 20px; display:inline-block; margin:0 auto; }

.research_div .title{font-size: 48px; text-align: center; color: #007bc7; font-weight: 200; margin: 3% 0;}
.research_div .desc { font-size: 22px; color: #007bc7; margin-bottom:5%;}
.research_div .equipment:after{ content:''; clear:both; display:block;}
.research_div .equipment .col{ width:50%; float:left; position:relative; overflow:hidden; border-bottom:10px solid #fff;}
.research_div .equipment .col:nth-child(2n+1){ border-right:5px solid #fff;}
.research_div .equipment .col:nth-child(2n+2){ border-left:5px solid #fff;}
.research_div .equipment .col img{ width:100%;}
.research_div .equipment .col .info{
	/*text-align:center;
	position:absolute; 	
	left:0;
	width:100%;
	padding:3% 0;
	font-size:18px;
	background:rgba(0,0,0,0.4);
	color:#fff;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 0.5s ease-in;
	-moz-transition: -moz-transform 0.5s ease-in;
	-o-transition: -o-transform 0.5s ease-in;
	transition: transform 0.5s ease-in;
	opacity:0;*/
}
.research_div .equipment .col:hover .info{
	/*-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0,  -100%);
	-ms-transform: translate(0,  -100%);
	-o-transform: translate(0,  -100%);
	transform: translate(0,  -100%);
	width:100%;
	opacity:1;*/
}
.contact_div:after{ content:''; clear:both; display:block;}
.contact_div .top_desc .outer{ padding:0 3%;}
.contact_div .top_desc .title{font-size: 34px;}
.contact_div .top_desc .desc{font-size: 24px;}
.contact_div .info_div{ display:table; width:100%;}
.contact_div .col{ width:50%; display:table-cell; vertical-align:top;}
.contact_div .col img{ width:100%;}
.contact_div .col .links ul{ margin:30px 0 0 -10px; padding:0; list-style:none;}
.contact_div .col .links ul li{ width:32%; display:inline-block; text-align:center;}
.contact_div .col .links ul li a{ margin:10px 0; font-size:20px; line-height:45px; height:45px; display:inline-block; vertical-align:middle; width:90%; color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-decoration:none;}
.contact_div .col .links ul li a:hover{ opacity:0.6;}
.contact_div .col .links ul li:nth-child(1) a{ background:#3194d2;}
.contact_div .col .links ul li:nth-child(2) a{ background:#3b1e87; /*line-height:23px;*/}
.contact_div .col .links ul li:nth-child(3) a{ background:#91d2e8;}
.contact_div .col .links ul li:nth-child(4) a{ background:#f18d2c;}
.contact_div .col .links ul li:nth-child(5) a{ background:#7c5aa6;}
.contact_div .col .links ul li:nth-child(6) a{ background:#f0679f;}
.contact_div .banner_div .title{ position:absolute; width:100%; top:10%;}
.contact_div .banner_div .title {
    font-size: 68px;
    text-align: center;
    color: #007bc7;
    font-weight: 200;
    margin: 15% 0;
}
.contact_div .info_outer  .col .captcha_img input{ width:50% !important;margin-left: 0%  !important;}
.contact_div .info_outer  .col .captcha_img img{ width:auto; height:50px; margin-left:5%;}
.contact_div .info_outer .info_div.download .col:last-child{ font-size:18px;color:#007bc7; padding:3%; vertical-align: middle;}
.contact_div .info_outer .info_div.download .col:last-child .sub_title{ font-size:24px; position:relative;}
.contact_div .info_outer .info_div.download .col:last-child .sub_title:after{ /*content:''; position:absolute; left:0; bottom:0px; background:#007bc7; width:100px; height:2px;*/}
.contact_div .info_outer .info_div.icc .col:last-child{ font-size:24px;color:#007bc7; padding:3%; vertical-align: middle;}
.contact_div .info_outer .info_div.icc .col:last-child .sub_title{ font-size:24px; position:relative;}
.contact_div .info_outer .info_div.icc .col:last-child .sub_title:after{ /*content:''; position:absolute; left:0; bottom:0px; background:#007bc7; width:100px; height:2px;*/}
.contact_div .info_outer .info_div.icc .col:last-child .links ul{margin: 30px 0 0 0;}
.contact_div .info_outer .info_div.icc .col:last-child .links ul li{ text-align:left;}
.contact_div .info_outer .info_div.icc .col:last-child a{ width:100px; text-align:center;}
.contact_div .info_outer .info_div.icc .col:last-child .desc{ margin-top:30px;}
.contact_div .info_outer .info_div.form .col:first-child{ position:relative;}
.contact_div .info_outer .info_div.form .col:first-child iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.contact_div .info_outer .info_div.form .col.company{ font-size:24px;color:#007bc7; padding:2% 3%; /*vertical-align: middle;*/}
.contact_div .info_outer .info_div.form .col.company .company_name {    
    font-size: 32px;
    margin-bottom: 10px;
    display: inline-block;
}
.contact_div .info_outer .info_div.form .col.company .links ul{    margin: 30px 0 0 0; }
.contact_div .info_outer .info_div.form .col.company .links ul li{ text-align:left;}
.contact_div .info_outer .info_div.form .col.company .links a{ width:100px; text-align:center;}
.contact_div .info_outer .info_div.form .col.company .email{ background:url(../images/icon_email.png) left center no-repeat; background-size:auto 24px; padding-left:35px;}
.contact_div .info_outer .info_div.form .col.company .desc{margin-top:20px; margin-bottom:10px;}
.contact_div .info_outer .info_div.form .col.company .location{ font-size:18px; }
.contact_div .info_outer .info_div.form .col.company .location big{ display:block; font-size:20px; background:url(../images/icon_location.png)  5px center no-repeat; background-size:auto 20px; padding-left:35px;}
.contact_div .info_outer .info_div.form .col.company .location small{ display:block; font-size:18px; padding-left:35px; }
.contact_div .info_outer .info_div.form .col.keyin{ /*background: #f3f3f3;*/ font-size:16px;padding:2% 3%;}
.contact_div .info_outer .info_div.form .col.keyin .sub_title{ font-size:20px;color:#007bc7; width:100%; float:none;}
.contact_div .info_outer .info_div.form .col.keyin input{ width:95%; border:1px solid #007bc7; padding: 5px 2px; color: #007bc7;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contact_div .info_outer .info_div.form .col.keyin input::-webkit-input-placeholder { color:#555;  text-align:center;}
.contact_div .info_outer .info_div.form .col.keyin input:-moz-placeholder { color: #555; text-align:center;}
.contact_div .info_outer .info_div.form .col.keyin div{ width:50%;  margin-bottom:10px; float:left;}
.contact_div .info_outer .info_div.form .col.keyin  form div:nth-child(2n) input{ margin-left:5%;}
.contact_div .info_outer .info_div.form .col.keyin:after{ content:''; clear:both; display:block;}
.contact_div .info_outer .info_div.form .col.keyin .message{ width:100%; margin-bottom:0;}
.contact_div .info_outer .info_div.form .col.keyin .google_recaptcha{ width:100%; margin-bottom:0; position:relative;}
.contact_div .info_outer .info_div.form .col.keyin  textarea{ width:100%; height:150px; border:1px solid #007bc7; padding:10px; color: #333;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.contact_div .info_outer .info_div.form .col.keyin  textarea::-webkit-input-placeholder { color:#555; }
.contact_div .info_outer .info_div.form .col.keyin  textarea:-moz-placeholder { color: #555;}
.contact_div .info_outer .info_div.form .col.keyin .send{ width:100%; margin-bottom:0;}
.contact_div .info_outer .info_div.form .col.keyin .send input[type='submit']{color:#fff; background:#007bc7; border:none;  width:100%; margin:0;}
.contact_div .photo{ background: #007bc7; margin:5% 0 0 0; text-align:center;}
.contact_div .photo img{ max-height:300px; width:auto;}

.main_div.inkjet .slogan_div01{ text-align:center; color:#007bc7; font-weight:200; margin:0;}
.main_div.inkjet .slogan_div01 .item{
	display: flex;
	align-items: center;
	justify-content: center;
}
.main_div.inkjet .slogan_div01 .outer{position:absolute; width:100%; /*top:30%;*/ text-align:center;}
.main_div.inkjet .slogan_div01 .outer{position:absolute; width:100%; /*top:30%;*/ text-align:center;}
.main_div.inkjet .slogan_div01 .title{ font-size:44px; color:#fff;}
.main_div.inkjet .slogan_div01 .title span{ display:block; margin-bottom:50px;}
.main_div.inkjet .slogan_div01 .links{ font-size:20px; color:#fff; margin:2% auto; max-width:600px;}
.main_div.inkjet .slogan_div01 .links ul{ margin:0; padding:0; list-style:none;}
.main_div.inkjet .slogan_div01 .links ul li{ width:48%; display:inline-block; text-align:center;}
.main_div.inkjet .slogan_div01 .links ul li a{ margin:10px 0; font-size:20px; line-height:45px; height:45px; display:inline-block; vertical-align:middle; width:90%; color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; text-decoration:none;}
.main_div.inkjet .slogan_div01 .links ul li a:hover{ opacity:0.6;}
/*
.main_div.inkjet .slogan_div01 .links ul li:nth-child(1) a{ background:#3194d2;}
.main_div.inkjet .slogan_div01 .links ul li:nth-child(2) a{ background:#3b1e87; }
.main_div.inkjet .slogan_div01 .links ul li:nth-child(3) a{ background:#91d2e8;}
.main_div.inkjet .slogan_div01 .links ul li:nth-child(4) a{ background:#f18d2c;}
.main_div.inkjet .slogan_div01 .links ul li:nth-child(5) a{ background:#7c5aa6;}
.main_div.inkjet .slogan_div01 .links ul li:nth-child(6) a{ background:#f0679f;}
*/
.main_div.inkjet .slogan_div01 .links ul li.blue a{ background:#3194d2;}
.main_div.inkjet .slogan_div01 .links ul li.purple a{ background:#3b1e87; }
.main_div.inkjet .slogan_div01 .links ul li.baby_blue a{ background:#91d2e8;}
.main_div.inkjet .slogan_div01 .links ul li.orange a{ background:#f18d2c;}
.main_div.inkjet .slogan_div01 .links ul li.ligt_pink a{ background:#7c5aa6;}
.main_div.inkjet .slogan_div01 .links ul li.pink a{ background:#f0679f;}


.main_div.inkjet .inkjet_photo img{ width:100%;}
.product_list_div .list.hide{ display: none;}
.product_list_div .list{ display:table; width:100%; min-height:450px; margin-bottom:3px;} 
.product_list_div .list:after{ content:''; clear:both; display:block;} 
.product_list_div .list .col{ width:50%; display:table-cell; text-align:center; vertical-align:middle;  padding: 20px 0;}
.product_list_div .list .col img{ max-width:90%;}
.product_list_div .list .title{ font-size:30px; color:#fff; font-style:italic; font-weight:800; margin:2% 0;}
.product_list_div .list .desc{  font-size:24px; color:#fff; margin-bottom:30px; line-height:34px;}
.product_list_div .list .link a{ color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:2px solid #fff; text-decoration:none; font-size:22px; display:inline-block; padding:3px 40px; }
.product_list_div .list .link a:hover{ opacity:0.6;}
.product_list_div .list.eco{ background:#007bc7;}
.product_list_div .list.light{ background:#f18d2c;}
.product_list_div .list.led{ background:#3b1e87;}
.product_list_div .list.uv{ background:#7c5aa6;}
.product_list_div .list.pigment{ background:#91d2e8;}
.product_list_div .list.desktop{ background:#91d2e8;}
.product_list_div .list.water{ background:#f0679f;}
.product_list_div .list.acid{ background:#f0679f;}
.product_list_div .list.reactive{ background:#f0679f;}
.product_list_div .list.dye{ background:#f0679f;}

.error{ color:#f00;}
.center{ text-align:center;}
.two_col_div:after{ content:''; clear:both; display:block;} 
.two_col_div .col01{ width:50%; float:left;}
.two_col_div .title{ margin-bottom:10px;}
ul.checked{ margin:0; list-style:none;}
ul.checked li{ position:relative;}
ul.checked li:before{ content:url(../images/icon_black_checked.png); position:absolute; left:-25px; top:3px;}

.news_list {    padding-top: 30px; padding-bottom: 3%;}
.news_list .title{    font-size: 34px;  font-weight: 200;  margin-bottom: 35px;}
.news_list .list_item{ border:1px solid #c7c7c7; border-left:none; border-right:none; padding:20px 0;}
.news_list .list_item:after{ content:''; clear:both; display:block;} 
.news_list .list_item .item { margin:40px 0;}
.news_list .list_item .item .outer:after{ content:''; clear:both; display:block;} 
.news_list .list_item .item .outer{display: flex;    align-items: center;}
.news_list .list_item .item .outer .img01{ width:25%; float:left;}
.news_list .list_item .item .outer .img01 img{ max-width:85%; transition: all .5s;-ms-transform: all .5s;  -webkit-transform: all .5s;}
.news_list .list_item .item .outer .img01 img:hover{ opacity:0.5;}
.news_list .list_item .item .outer .desc{ width:45%; float:left; font-size:16px;}
.news_list .list_item .item .outer .img02{ width:30%; float:left;}
.news_list .list_item .item .outer .img02 img{ max-width:90%;}

.news_detail {    padding-top: 30px; padding-bottom: 3%;}
.news_detail .big_img img{ max-width:100%;}
.news_detail .title{    font-size: 34px;  font-weight: 200;  margin-bottom: 35px;}
.news_detail .list_item{  margin-top:35px;}
.news_detail .list_item:after{ content:''; clear:both; display:block;} 
.news_detail .list_item .item{ width:32%; float:left; margin-right:2%; overflow:hidden;}
.news_detail .list_item .item:nth-child(3){ margin-right:0;}
.news_detail .list_item .item .outer{  transition: all .5s;-ms-transform: all .5s;  -webkit-transform: all .5s; padding:10px;border:1px solid #c7c7c7; min-height:270px; display: flex; align-items: center;  justify-content: center;}
.news_detail .list_item .item .outer:hover{ 
	-ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
	opacity:0.6;
}
.news_detail .list_item .item .outer img{ max-width:100%;}
.news_detail .list_item .item .outer .desc{ text-align:center;}
.news_detail .list_item .item .outer .desc big{ font-size:22px; display:block;}
.news_detail .list_item .item .outer .desc small{ font-size:16px; display:block;}
.red{ color:#f00;}
footer .row01{background:#fff;padding: 20px 0 35px 0;text-align:center;}
footer .row01 .links{ font-size:20px; }
footer .row01 .links a{color:#007bc7; text-decoration:none;}
footer .row01 .links a:hover{color:#369064;}
footer .row01 .logo{ margin:5% 0 2% 0;}
footer .row01 .logo img{ width:320px;}
footer .row02{background:#007bc7;padding: 38px 0; color:#fff; text-align:center; font-size:15px;}
footer .row02 .company_info a{ color:#fff;}
footer .row02 .company_info div:last-child{ margin-top:20px;}
footer .row02 .company_info div:last-child span{ font-style:italic;}
footer .row02 .company_info span{ margin:0 10px;}
@media (min-width: 1100px){
	.container {  width: 1065px;}

}
@media (min-width: 1200px){
	.container {  width: 1165px;}

}
@media (min-width: 1280px){
	.container.fixed {  width: 1260px;}
}
@media (max-width: 1440px){

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


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

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


}
@media (max-width: 1200px){
	.ceo_div .col:first-child{ width:45%;}
	.ceo_div .col:last-child{ width:55%;}
	.main_div.inkjet .slogan_div01 .title{ font-size:48px;}
}
@media (max-width: 1010px){
	.contact_div .col .links ul li a{ font-size:18px;}
	.navbar-inverse .navbar-nav>li>a{ font-size:20px;}
}
@media (max-width: 992px){
	.navbar-brand>img{ height:45px; width:auto;}
	.navbar-header{ margin-bottom:10px;}	
	.main_div.home .slogan_div01 .title{ font-size:48px;}	
	.main_div.inkjet .slogan_div01 .title{ font-size:38px;}
	.main_div.inkjet .slogan_div01 .title span{ margin-bottom:10px;}
	.slogan_div02 .col b { font-size: 22px; padding:20% 0; width:70%;}

	.chemical_div .title{font-size: 48px;}
	.research_div  .title{font-size: 48px;}
	.ceo_div  .title{ font-size:30px;}
	.ceo_experience{ font-size:20px; line-height:1.55em;}
	.ceo_research .title{font-size:28px;}
	.ceo_research{ font-size:18px;}
	.ceo_div  .title{ font-size:30px;}
	.ceo_experience{ font-size:20px; line-height:1.55em;}
	.ceo_research .title{font-size:28px;}
	.ceo_research{ font-size:18px;}
	.ceo_div .col:first-child{ width:100%;}
	.ceo_div .col img{ width:100%;}
	.ceo_div .col:last-child{ width:100%;}
	.ceo_div  .ceo_info{ margin:3% 0;}
	.contact_div .col{ display:block; width:100%;}
	.product_list_div .list{ display:block;}
	.product_list_div .list .col{display:block; width:100%; }
}
@media (max-width: 850px){
	.ceo_div  .title{ font-size:24px;}
	.ceo_experience{ font-size:18px;}
	.ceo_research .title{font-size:24px;}
	.ceo_research{ font-size:16px;}	
	.ceo_research .research_div li {padding-left: 25px; background-size: 18px auto;}
	.ceo_div .desc_info {    font-size: 16px; line-height: 1.5em;}
	.ceo_div  .desc_info b.fixed01 span{display: inline-block; width:51px; }
	.ceo_div  .desc_info b.fixed02 span{display: inline-block; width:17px;}
	.ceo_div .desc_info .info_div.positon span {width: 17px;}
	.ceo_div  .desc_info .info_div.positon b.fixed02 span{width:51px; }
	.contact_div .banner_div .title{font-size: 40px;}
	.contact_div .info_outer .info_div:nth-child(3) .col:last-child{ font-size:18px;}
	.contact_div .info_outer .info_div:nth-child(3) .col:last-child .company_name {  font-size: 26px;    margin-bottom: 10px;}
}
@media (max-width: 890px){
	.main_div.home .slogan_div01 .title{ font-size: 36px;}
	.main_div.home .slogan_div01 .title span:nth-child(2){ font-size:30px;}
	.main_div.home .slogan_div01 .desc{ font-size:22px; line-height:1.5em;}
}
@media (max-width: 768px){
	.navbar{ border-bottom:2px solid #007bc7; }
	.home .navbar{ border-bottom:none; }
	.navbar-inverse .navbar-nav>li>a:before{width:0px;}
	.navbar-brand>img {  height: 40px; width:auto;}	
	.version a{    
		font-size: 15px;
		display: block;
		padding-left: 4px;
		/*text-overflow: ellipsis;*/
		border-radius: 50%;
		width: 25px;
		height: 25px;
		overflow: hidden;
		background: #f3f3f3;
		border: 1px solid #969696;
		margin-right: 2px;
	}
	.version a:nth-child(2){ padding:0;  padding-left: 4px;}
	.main_div.home .slogan_div01{ font-size:36px;}
	.main_div.inkjet .slogan_div01 .title{ font-size:32px;}
	.chemical_div .title{font-size: 36px;}
	.research_div  .title{font-size: 36px;}
	.chemical_div .desc{font-size: 16px;}
	.chemical_div .type ul{font-size: 16px;}
	.research_div .desc{font-size: 16px;}
	.product_list{font-size: 16px;}
	footer .row02 .company_info span{ display:block;}
	footer .row02 .company_info div{ display:inline;}
}
@media (max-width: 680px){
	.product_list .col{ width:48%;}
	.main_div.inkjet .slogan_div01 .item img{ height: 60vw}
	.main_div.inkjet .slogan_div01 .title{ font-size:26px;}
	.main_div.inkjet .slogan_div01 .links ul li a { font-size: 16px; line-height: 45px; height:45px;}
	/*.main_div.inkjet .slogan_div01 .links ul li:nth-child(2) a{ line-height: 22px;}*/
	.main_div.inkjet .slogan_div01 .links ul li.purple a{ /*line-height: 22px;*/}
	.desc_div01 .desc  .printer_brand{ display:block;} 
	.desc_div01 .desc  .printer_brand div{ display:block;} 
	.desc_div02 .desc span{ display:inline;}
	.news_list .list_item .item .outer{ display:block;}
	.news_list .list_item .item .outer .img01{ width:100%; margin-bottom:20px;}
	.news_list .list_item .item .outer .desc{ width:100%; margin-bottom:20px;}
	.news_list .list_item .item .outer .img02{ width:100%;}
	
	.news_detail .title{ font-size:24px;}
	.news_detail .list_item .item{ width:100%; margin-right:0; margin-bottom:2%;}
}
@media (max-width: 600px){
	.navbar{ margin-bottom:0;}
	.version {  margin-top: 4%;}
	.version a{ /*font-size:12px; width:20px; height:20px;*/}	
	.main_div.home .slogan_div01 .title{ font-size:36px;}
	.main_div.inkjet .slogan_div01 .title span{ display:inline; margin:0 5px;}	
	.chemical_div .title{font-size: 24px;}
	.chemical_div .type ul{ font-size:14px; width:100%;padding-left: 10%;}
	.research_div  .title{font-size: 24px;}
	.desc_div01 .title{ margin:12% 0 8% 0;}
	.desc_div01 .desc{ font-size:16px;}
	.desc_div02{ font-size:18px;}
	.desc_div03{ font-size:18px;}
	.slogan_div02 .col b{ width:90%; font-size: 20px;}	
	.slogan_div03 .col{ width:48%; margin-bottom:5%;}
	.slogan_div03 .col p{ width:100%;}
	/*.ceo_experience{ font-size:16px;}
	.ceo_research{ font-size:14px;}
	.ceo_research .title{ font-size:24px;}
	.ceo_div .col{ font-size:12px;}*/
	.ceo_div  .desc_info b:first-child{ width:65%;}
	.ceo_div  .desc_info b:last-child{ width:35%; text-align:right; display:inline-block;}
	.ceo_div .ceo_info {  margin: 6% 0 10% 0;}
	.research_div .equipment .col{ width:100%;}
	.research_div .equipment .col:nth-child(2n+1){border-right:none;}
	.research_div .equipment .col:nth-child(2n+2){border-left:none;}
	.contact_div .photo{ padding:15px 0;}
	.contact_div .photo img{ width:70%;}
	
	.department_div a{ width:100%;}
	.department_div a img { max-width: 60%;}
	.department_div a:last-child div {  margin-bottom: 10px;}
	.main_div.home .slogan_div01{ font-size: 22px;}
	.chemical_div .title{font-size: 22px;}
	.research_div  .title{font-size: 22px;}
	.research_div .desc{ font-size:15px;}
	.contact_div .banner_div .title{font-size: 26px;}
	.contact_div .info_div01 .col:last-child .company_name{font-size: 22px;}
	.contact_div .info_div01 .col:last-child { font-size: 15px;}
	.contact_div .info_div02 .col:last-child{ font-size: 15px;}
	.contact_div .info_div02 .col:last-child div{ width:100%;}
	.contact_div .info_div02 .col:last-child input{ width:100%;}
	.contact_div .info_div02 .col:last-child .sub_title{ font-size:22px;}
	.contact_div .info_div02 .col:last-child  form div:nth-child(2n) input{ margin-left:0;}
	.contact_div .info_outer .info_div:nth-child(3) .col:last-child{ font-size:15px;}
	.contact_div .info_outer .info_div:nth-child(3) .col:last-child .company_name {  font-size: 20px; }
	.contact_div .info_outer .info_div:nth-child(2) .col:last-child{ font-size:15px;}
	.contact_div .info_outer .info_div:nth-child(2) .col:last-child .sub_title {  font-size: 20px; }
	.contact_div .info_outer .info_div:nth-child(1) .col:last-child .sub_title{  font-size: 20px; }
	.contact_div .col .links ul li a{ font-size:16px;}
	.desc_div01 .desc {  font-size: 14px;}
	.desc_div01 .title{  font-size: 18px;}
	.desc_div02 .desc {  font-size: 14px;}
	.desc_div02 .title{  font-size: 18px;}
	.desc_div02 .title span{ display:block;}
	.desc_div03{  font-size: 15px;}
	.department_div a{ font-size:16px; padding:40px 0;}		
	.slogan_div02 .col b{ font-size:15px;}
	.slogan_div03 .col b{font-size:18px;}
	.ceo_div  .title{ /*font-size:18px;*/}
	.ceo_experience{ font-size:15px;}
	.ceo_research .title{font-size:20px;}
	.ceo_research{ font-size:13px;}	
	.ceo_research .research_div li {padding-left: 20px; background-size: 14px auto;}
	.ceo_div .desc_info {    font-size: 14px;}
	.ceo_div  .desc_info b.fixed01 span{display: inline-block; width:44px; }
	.ceo_div  .desc_info b.fixed02 span{display: inline-block; width:15px;}
	.research_div .equipment .col{ width:100%;}
	.contact_div .photo img{ width:100%;}
	.contact_div .col .links ul{ margin-top:10px;}
	.contact_div .info_outer .info_div.form .col.keyin div{ width:100%;}
	.contact_div .info_outer .info_div.form .col.keyin input{ width:100%;}
	.contact_div .info_outer .info_div.form .col.keyin form div:nth-child(2n) input{ margin-left:0; }
	.contact_div .info_outer .info_div.form .col.company{ font-size:18px;}
	.contact_div .info_outer .info_div.form .col.company .company_name{ font-size:24px;}
	.contact_div .info_outer .info_div.form .col.company .location big{ font-size:16px;}
	.contact_div .info_outer .info_div.form .col.company .location small{ font-size:14px;}
	
	.news_list .list_item .item .outer{ display:block;}
	.news_list .list_item .item .outer .img01{ width:100%; margin-bottom:20px;}
	.news_list .list_item .item .outer .desc{ width:100%; margin-bottom:20px;}
	.news_list .list_item .item .outer .img02{ width:100%;}
	
	.news_detail .title{ font-size:24px;}
	.news_detail .list_item .item{ width:100%; margin-right:0; margin-bottom:2%;}
	
	footer .row01 .logo img{ max-width:90%;}
	footer .row01 .links a{ font-size:13px;line-height: 2em;}
	
}
@media (max-width: 480px){
	.main_div.home .slogan_div01 .title{ font-size: 20px;}
	.main_div.home .slogan_div01 .title span:nth-child(2){ font-size:16px;}
	.main_div.home .slogan_div01 .desc{ font-size:14px; line-height:1.5em;}
	.main_div.home .slogan_div01 .more a{ font-size:12px;}
	.main_div.inkjet .slogan_div01 .title{ font-size:20px;}
	.main_div.inkjet .slogan_div01 .links ul li a{ font-size:13px; line-height:35px; height: 35px;}
	/*.main_div.inkjet .slogan_div01 .links ul li:nth-child(2) a{ line-height:17px;}*/
	.main_div.inkjet .slogan_div01 .links ul li.purple a{ /*line-height:17px;*/}
	.desc_div01 .desc  .printer_brand div:nth-child(2){ width:100%; /*background: url(../images/printer_brand.png) center no-repeat; background-size: 100% auto;*/}
	
	.product_list_div .list .title{ font-size:32px;}
	.product_list_div .list .desc{ font-size:22px;}
	.product_list .col{ width:100%;}
	.version {  margin-top: 6.5%;}
	.ceo_div  .desc_info b:first-child{ width:72%;}
	.ceo_div  .desc_info b:last-child{ width:28%; }
	.ceo_div  .desc_info .outer .image{ display:none;}
	.ceo_div  .desc_info .outer .info_div{ width:100%;}
	.contact_div .col .links ul li a{ font-size:14px;}
	.contact_div .info_outer .info_div.form .col:last-child div{ width:100%;}
	.contact_div .info_outer .info_div.form .col:last-child input{ width:100%;}
	.contact_div .info_outer .info_div.form .col:last-child form div:nth-child(2n) input{ margin-left:0;}
	footer .row01 .logo img {  max-width: 80%;}
}