/**searchbar**/
.mm-menu{
	background:#ccc;
	}
.mm-menu .textbox{
	width:80%;
	margin:0;
	}
.mm-list li.searchBox{
	border-bottom:none;
	}
.mm-list form{
	line-height:1.6em;
    margin:0 20px;
    padding:5px 5px 3px 10px;
	overflow:hidden;
	zoom:1;
	background-color:#fff;
   -webkit-border-radius:5px;
      -moz-border-radius:5px;
           border-radius:5px;
	}
.mm-list #sf_keyword{
    color:#777;
    font-size:110%;
    padding:0;
	border:0;
	}
.mm-list #sf_submit{
    font-size:0;
	float:right;
	text-shadow:none;
	width:15px;	
    height:19px;
    padding:0;
	background:url("../images/search.png") 0 4px no-repeat;
	border:none;
	}
/*�y�t
----------------------------*/
.mm-menu.mm-bottom{
	top:40px;
	}
.mm-menu.mm-front{
	box-shadow:none;
	}
.mm-menu.mm-front.mm-bottom{
	height:100%;
	}
/**searchbar end**/
.mm-menu .mm-list > li > a.mm-subopen::after, .mm-menu .mm-list > li > a.mm-subclose::before{
	border-color:rgba(255, 255, 255, 1);
	}
#rwd_logo img{
	max-width:100%;
	}
.mm-list > li > a, .mm-list > li > span, .mm-menu .mm-list li.contact_info{
	color:#000;
	}
.mm-menu .mm-list a.reset{
	background:none;
	}
.mm-menu .mm-list li.contact_info{
	margin:0;
	padding:10px 0 0 20px;
	}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{
	border:none;
	}
@media screen and (max-width:1024px) {
	.topBar h2.menuTitle, .breadcrumb, .header, .content, .footer{
		width:95%;
		}
	.productSeriesBox img{
		width:250px;
		}
	.productSeriesBox ul{
		padding-left:260px;
		}
	}
@media screen and (max-width:960px) {
	.colMain{
		width:100%;  /*�쥻70 upd by hank 2016.5.10*/
		}
	.colSide{
		display:none;
		}
	#navMenu, .bannerArea, .introPro{
		width:100%;
		}
	a.imgBorder{
		width:25%;
		height:auto;
		}
	.organizeBox li{
		width:15.15%;
		}
	.organizeBox a{
		font-size:85%;
		padding:10px 0;
		}
	}
@media screen and (max-width:840px) {
	.organizeBox li{
		width:15%;
		}
	}
@media screen and (max-width:800px) {
	.productSeriesBox div{
		float:none;
		width:100%;
		}
	.productSeriesBox img{
		width:300px;
		}
	.productSeriesBox ul{
		padding-left:320px;
		}
	}
/* add by hank 2016.5.11 */
/*list_product_show*/
@media screen and (max-width: 787px){
	.listProCont .p_show_top div{
		clear:both;
		display:block;
		width:100%;
	}
	/*.listProCont .p_show_top .left{
		text-align:center;
		padding-bottom:20px;
	}*/
	.listProCont .p_show_top .right img{
		max-width:100%;
		width:auto;
	}
	.table-responsive table{
		width:787px;
	}
	/*.listProCont .left{
		float:none;
		margin-right:0;
		margin:0 auto;
		display:block;
	}*/
}

@media screen and (max-width:768px) {
	.rwd-header{
		background:#b00;
		}
	.content{
		display:block;
		}
	.colMain img{
		max-width:100%;
		}
	.topBar h2.menuTitle{
		line-height:1.2em;
		}
    footer{
		clear:both;
		}
	footer .menu{
		float:none;
		}
	#qrcode{
		display:none;
		}
	.social{
		position:inherit;
		top:0;
		right:0;
		}
	.footer .menu{
		display:none;
		}
	}
@media screen and (max-width:603px) {
	.organizeBox div.line{
		width:98%;
		}
	.organizeBox li{
		width:14.8%;
		}
	.footer{
		text-align:center;
		}
	.footer .info{
		margin-bottom:0;
		}	
	}
@media screen and (max-width:533px) {
	.productSeriesBox img{
		width:260px;
		}
	.productSeriesBox ul{
		padding-left:280px;
		}	
	}
@media screen and (max-width:480px) {
	.pro1, .pro2, .pro3, .pro4, .pro5, .pro6{
		background:none;
		}
	.introNews, .introVideo{
		float:none;
		width:100%;
		}
	.introNews{
		margin-bottom:30px;
		}
	.introPro a{font-size:14px;}
	.introProBox{background: transparent;}
	.introPro div{width: 33.33%;    padding: 0px 0;    background: #04a;    margin-bottom: 1px;}
	}

@media screen and (max-width:414px) {
	.organizeBox li{
		width:14.4%;
		}
	.organizeBox li{
		width:40%;
		padding-top:10px;
		background:none;
		}
	.organizeBox span{
		display:inline-block;
		}
	.productSeriesBox div{
		min-height:inherit;
		}
	.productSeriesBox img{
		position:static;
		width:100%;
		}
	.productSeriesBox ul{
		margin-left:0;
		padding-left:0;
		overflow:hidden;
		zoom:1;
		}
	.productSeriesBox li{
		float:left;
		width:48.5%;
		margin-bottom:5px;
		margin-right:5px;
		list-style-type:none;
		}
	.productSeriesBox li a{
		color:#fff;
		display:block;
		text-align:center;
		padding:5px;
		background-color:#68b;
		}
	.productSeriesBox li a:hover{
		text-decoration:none;
		background-color:#049;
		}
	}
@media screen and (max-width:360px) {
	.productSeriesBox li{
		width:48%;
		}
	}