@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 768px) {
#wrapper { width:100%;float:none; margin:auto; overflow:hidden;}
header{ width:100%;float:none; margin:auto;}
#mainbav {width:100%!important; float:none; background:none; }
#mainbav a img { display:none;}
#index_content{ width:100%; float:none; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #f3f3f3 30%, #f8f8f8 100%) repeat scroll 0 0; margin:0px!important; padding:0px!important; }
.hot ,.video{  width: 100%;  height: auto;  margin:10px auto; display:block; float:none!important; clear: both;  background: none; }
#index_footer{background: none!important;	float:none;	width:100%!important;display:none;}
.about {background:  none!important;  width: 90%!important;  height:auto;  float: none;  padding: 10px;}
.index_news {  background: none;  width:100%!important;  height: auto; float: none;}
.index_news_tittle {width: 100%!important; float: none; clear:both;}
.index_news_img {padding: 15px 20px 0px 20px!important;}
.catalog{ margin:10px auto; width:100%!important;height: auto;	float: none; background:none; }
.catalog ul{width:100%!important;float: none; clear:both;margin:5% 2%!important;}
.rslides_container {position: relative;float: none;background: none!important;  height:auto!important;  width: 100%!important;  padding:0px!important;  margin:0px 0px 5% 0px!important;}
.menu-collapser {
	position: relative;
	background: url(../images/index-logo.png) no-repeat left 5px #81dbe6;
  background-size:250px 65px;
	color: #81dbe6;
	width: 100%!important;
	height: 70px;
	font-size: 8px;
	padding: 0 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.collapse-button {
	position: absolute;
	right: 8px;
	top: 50%;
	width: 40px;
	background-color: #005992;
	background-image: linear-gradient(to bottom, #005992, #0080d2);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
	padding: 7px 10px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	cursor: pointer;
	font-size: 14px;
	text-align: center;
	transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #0080d2;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #F5F5F5;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}

ul.slimmenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%!important;
}
ul.slimmenu li {
    position: relative;
    display: inline-block;
    background-color: #0080d2; 
}
ul.slimmenu > li { border-left: 1px solid #999 }
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right:0px; }
ul.slimmenu li a {
    display: block;
    color: #fff;
    padding:  10px 40px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}
ul.slimmenu li a:hover {
	background-color: #EDF2F5; color: #069;
	text-decoration: none;
}
ul.slimmenu li .sub-collapser {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    text-align: center;
    z-index: 999;
    cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
ul.slimmenu li .sub-collapser > i {
    color: #333;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}


ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
clear:both;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}	
#container {width: 100%;float:none; overflow:hidden!important; }
#banner {
	width: 100%;
	height: auto;
	min-height:113px!important;
	margin:-17px auto auto auto!important;
	background: url(../images/page-banner2.jpg) no-repeat  center top;
}
#master {width: 100%; float:none; overflow:hidden!important;}
#center {width: 99%; float:none; overflow:hidden!important;;}
#h1-bg {width: 90%; float:none;background: url(../images/h1-bg.gif) no-repeat -15px top; overflow:hidden!important;}
h2 {width: 90%; margin: auto auto auto 5%; overflow:hidden!important;}
#main {width: 90%; float:none; overflow:hidden!important;}
#left {width: 99%; float:none;background:none; overflow:hidden!important;}
#left  form { text-align:left; padding-left:12%!important;}
#submenu-bottom { display:none;}
#footer {width: 100%; float:none;background: none #80C0C0;}
.copyright {
	background:none!important;
	height: auto !important;width: 80%;	padding:0px 10px;

}
#submenu {width:80%!important;
	font-size: 15px; float:left;
	text-align: left;
	margin: auto auto auto 5%;
	padding: 10px 0px;
}
.news_show { width:90%;}
.news_show td {   width:90%;}
.news_show td.title {width:90%;padding: 18px 10px;   }
.news_show td.main {width:90%;padding: 18px 10px; margin: auto 5%; }
table {overflow-x: auto; 		display: block;	}
.member_table, .inquiry_table{ width:90%; display: block;  margin:5% auto; border:none;}

.member_table th, .inquiry_table th{ width:30%!important;  padding:10px; }
.member_table td, .inquiry_table td{  border:1px solid #ccc; }
.member_table input, .inquiry_table input, .member_table textarea, .inquiry_table textarea{ width:90%!important; display: inline-block;   margin: auto;}
.member_table tr.altrow { background-color: #fff; }
.contact_table { min-height:400px; width:90%;}
.product_list {  border-style: none;  width: 90%;margin: auto 1%!important;}
.product_list_des {   width:100%; height: auto;   background:none!important;}


}
@media screen and (max-width: 640px)  and (orientation: portrait){
#h1-bg {width: 100%; float: none; background: url(../images/h1-bg.gif) no-repeat -15px top; }
h1{padding-left:40px!important; }
#center { width: 99%;float: none; overflow: hidden!important;
}
.product_list {  border-style: none;  width: 90%!important; margin: auto 1%!important;padding: 10px 0px!important;}
.products_show_introduction { width: 98%!important; padding:10px 0px!important;}
.products_show_title {  width: 98%!important; padding:10px 0px 10px 100px!important;border-bottom:rgba(153,153,153,1) dashed 1px;margin: 5% 1%!important;}
#products-show-pic {width: 98%!important; }
#ifocus {width: 98%!important; }
#ifocus_pic {width: 80%!important;  }
#ifocus_pic img { width:70%!important; height:70%!important;  padding:0px!important;}
}

@media screen and (max-width: 568px)  and (orientation: portrait){
#main {  width:100%!important; float: none;  overflow: hidden!important;}
#products-show-pic {width: 100%!important;margin:10px 0px 0px -15px!important;}
#ifocus {background:none!important;  
    width: 100%!important;
    padding: 2px 0px 0px 2px;  margin:0px!important;
}
#ifocus_pic {width:100%!important;  }
#ifocus_pic img { width:100%!important; height:100%!important;  padding:0px!important;}


}