@charset "utf-8";

.mailer {
    width: 100%;
    height: 750px;
    margin-left: 0%;
    overflow: visible;
}
img { max-width: 100%; }

.pop_box{ width: 340px; background: #fff; position: absolute; left: 50%; margin-left: -170px; top: 300px; z-index: 9999; display: block; visibility: visible; border-radius: 10px; color: #000; padding: 30px 15px 15px; border: 5px solid #999; }
.pop_box .close { background-color: #000; dispaly: inline-block; width: 40px; height: 40px; position: absolute; top: 5px; right: 5px; font-size: 18px; text-align: center; line-height: 40px; }
.pop_cont h3 { font-size: 16px; padding-bottom: 10px;}
.pop_cont p { font-size: 18px; color: #f00; line-height: 1.4; margin-bottom: 10px; font-weight: bold; }
.pop_cont .tw { margin-bottom: 20px; }
.pop_cont .en p { color: #0064FF }
/* ===== box sizing ===== */
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

/* ===== clearfix ===== */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; /*For IE 6&7 only*/ }

/* ===== video ===== */
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; max-width: 580px; margin-bottom: 20px; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ===== ebook ===== */
.ebook-pic { width: 48%; float: left; margin: 0 1% 1%; text-align: center; }
.ebook-pic img { max-height: 300px; display: block; margin: 0 auto 10px; }
.ebook-pic:hover a { color: #f00; }

#hamburger, .logo, #my-menu { display: none; }
.about-pic { width: 300px; float: left; margin-right: 20px; }
.equipment .product_list li { min-height: 430px; }
.equipment .office-word { padding: 10px 20px 10px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px; }
.equipment li:first-child .office-word { padding-left: 15px; }
.equipment .img { min-height: 180px; }
.equipment li:last-child .img, .equipment li:nth-last-of-type(2) .img { padding-top: 24px; }
.contact iframe { min-height: 650px; }
.news_right .img_box img { margin-right: 2%; }
.e-catalog { margin-top: 20px; }
.header { position: relative; }
.swf-logo { position: absolute; top: 10px; left: 50px; background: #000; height: 120px; width: 130px; }
.leftNav ul li.active a, .news_left ul li.active a { color: #f00; }
#d-right { width: 422px; }

@media (max-width:1000px) {
	#all { width: 100%; }
}
@media (max-width:866px) {
	#all-about, #copyright { width: 100%; }
	.production { width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em; }
	.production::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px; }
	.production::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3); }
}
@media (max-width:854px) {
	#all-down, #button { width: 100%; background-position: center top; }
	.products li { width: 50%; }
}
@media (max-width:820px) {
	.leftNav, .news_left { width: 26%; }
	.leftNav ul, .leftNav ul li, .product_list { width: 100%; }
	.leftNav ul li a { width: 90%; }
	.right, .position, .product_feature, .news_right { width: 73%; }
	.news_right .img_box { width: 100%; }
	.news_right .img_box img { margin-bottom: 20px; width: 46%; }
	.position { margin-left: 0; }
	#all-down { height: auto; }
	#d-left, #d-right { padding-left: 20px; height: auto; }
	#d-left { width: 53%; }
	#d-right { width: 40%; }
	.inner_right_center { width: 550px; }
	.product_box { width: 80%; }
	.product_list li { width: 33.3333%; }
	
	.lan_ul1 { width: 49%; }
}
@media (max-width:800px) {
	#hamburger, .logo, #my-menu { display: block; }
	#page { background: #000; }
	#hamburger { text-align: left; margin-bottom: 10px; }
	#hamburger a { display: inline-block; font-size: 30px; line-height: 30px; padding: 5px 10px; margin: 10px 10px 0; border: #fff 1px solid; text-decoration: none; color: #fff; width: 70px; text-align: center; }
	#hamburger .lang-menu { float: right; }
	#hamburger .lang-menu a { font-size: 15px; font-weight: normal; margin: 10px 10px 0 0; }
	.mm-menu { background: #000; }
	.mm-menu.mm-offcanvas.mm-current { background: url(../images/nav_bg.jpg); }
	.mm-menu .mm-navbar a.mm-title { font-size: 24px; font-weight: bold; color: #000; padding-top: 20px; }
	.mm-navbar { height: 55px; }
	#mm-0 .mm-listview a { font-size: 16px; font-weight: bold; color:　#000; }
	#mm-1 .mm-listview a { font-size: 15px; }
	.mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: 0px; }
	.mm-listview>li>a, .mm-listview>li>span { padding: 15px 10px 15px 20px; }
	.mm-arrow:after, .mm-next:after, .mm-prev:before { width: 16px; height: 16px; }
	.mm-navbar .mm-btn:first-child { top: 10px; }
	.mm-listview>li:not(.mm-divider):after { left: 0; }
	.mm-listview .mm-divider, .mm-listview>li>a, .mm-listview>li>span, .mm-navbar .mm-title { overflow: visible; white-space: inherit; }
	#my-menu .active a { color: #f00; }
	
	.header, .leftNav, .news_left { display: none; }
	.right, .news_right { width: 100%; margin: auto; float: none; }
	.product_list { margin: 30px auto; float: none; }
	.product_list li { width: 33.3333%; }
	.product_list li a { width: 100%; }
	#all-about { padding: 20px; }
	.inner_right_center { width: 600px; }
}
@media (max-width:620px) {
	.news_right, .img_box { width: 100%; }
	.news_right .img_box img { margin-bottom: 20px; width: 46%; }
	.product_box { width: 80%; }
	
}
@media (max-width:600px) {
	.position, .product_feature, .inner_right_center, .product_list { width: 100%; }
	
}
@media (max-width:579px) {
	.contact iframe { min-height: 800px; }
}
@media (max-width:568px) {
	#d-left, #d-right, .product_feature ul li { width: 100%; }
	#d-right { padding-top: 0; }
	#button { padding: 0 20px; height: auto; line-height: 1.8em; }
	.spec00 { padding-left: 0; }
	.contact iframe { min-height: 620px; }
}
@media (max-width:525px) {
	.contact iframe { min-height: 850px; }
	.product_box { width: 79%; }
}
@media (max-width:500px) {
	.product_box { width: 78%; }
}
@media (max-width:480px) {
	.about-pic { float: none; margin: auto; }
	.product_list li { width: 50%; }
	.equipment li:last-child .img, .equipment li:nth-last-of-type(2) .img { padding-top: 0; min-height: 0; }
	.product_box { width: 75%; }
	.lan_ul1 { width: 100%; margin-bottom: 20px; }
}
@media (max-width:445px) {
	.product_img { width: 100%; }
  .ebook-pic { width: 100%; float: none; margin: 0 auto 30px; }
}
@media (max-width:422px) {
	#d-left, .products li { width: 100%; }
	#d-left, #d-right { padding-right: 20px; }
	.product_box { width: 73%; }
}
@media (max-width:375px) {
	.equipment .product_list li { margin: auto; float: none; width: 100%; }
	.equipment .product_list li { min-height: inherit; text-align: center; margin-bottom: 20px; }
	.equipment .img { min-height: inherit; }
	.contact iframe { min-height: 900px; }
	.news_right .img_box { text-align: center; margin-bottom: 0; }
	.news_right .img_box img { margin: 20px auto 0; width: auto; }
	.product_box { width: 70%; }
}
@media (max-width:360px) {
	.product_box { width: 65%; }
}
@media (max-width:320px) {
	.product_list li { margin: auto; float: none; width: 100%; }
	.about-pic { width: 100%; }
	.equipment .office-word { padding: 10px 20px; }
	#all-about { padding: 20px 18px; }
	.product_box { width: 64%; }
}