@media  (max-width: 479px) {
		body {
    overflow-x:hidden;
}

	/* ------------------ structure | main ------------------ */
	#wrap{   
	width: 100%; min-width:290px;
	background:url(/jmb/mobile/footer.png) 50% 100% no-repeat
	}
	#footer{ padding: 0 ; }
	footer#CIwrap{padding:0 0px 0 0px; margin:0 auto;  }
	#bktop{ padding: 0 0 0 0;}
	/* ------------------ header ------------------ */
	header#registHead { width:300px; height: 70px;  display: block; padding: 0; margin: 0 auto;  padding-top:5px;}

	#navbar-brand {
	width: 156px; height: 65px; padding:0 0 0 45px;
	}
	#navbar-brand a{
	width: 156px; height: 65px; display: block; text-indent: -9999px; line-height: 20px; text-decoration: none;
	background:url(/jmb/mobile/logo.png) 100% 0% no-repeat;
	}
	
	#mainnav { width: auto; height: 66px; padding: 0px 0 0 9em ; margin: 0; float: right; }
	#mainnav > li { width: auto; height: 66px; padding: 0 ; margin: 0; display: block; text-align:center; float: left; }
	#mainnav a.topnavmainB { width: 100px; height: 56px; padding: 10px 0 0 ; background: url(/jmb/images/menu/menuNor.png) 100% -65px repeat-x ;}
	#mainnav a.topnavmain { width: 80px; height: 56px; padding: 10px 0 0 ;  background: url(/jmb/images/menu/menuNor.png) 100% -65px repeat-x ;}
	#mainnav a.topnav { margin: 0; display: block; }
	#mainnav a.topnav:hover { background: url(/jmb/images/menu/menuOver.png) 0% 99% no-repeat; }

	#mainnav li > ul {
		padding:5px 0px;
		height: 122px;
	
	}
	
	#mainnav li > ul li {
		width:111px;
		height: 28px;
		margin: 0 0px 0 0;
		padding: 5px 0;
	}
	
	#search { width: 190px; height: 40px; margin: 0 auto 5px; }
	#search form{
		width:170px; 
	}
	#SocList ul {/*padding: 0 0 0 16px; */ padding: 0 0 0 4em; margin: 0 auto; list-style: none; clear: both;}
	#SocList ul li {padding: 0 1px 0 ; margin: 0; float: left;}
	/* ------------------ databox ------------------ */
	.widthat { width:95%;}
	/*---- for general page ------*/
	.slidelink {display:none;}
	
}

@media (min-width: 480px) and (max-width: 767px) {
	body {
    overflow-x:hidden;
}
	.container {
	    width: 480px; margin:auto;
  	}
	/* ------------------ structure | main ------------------ */
	#wrap{   
	width: 100%; 
	background:url(/jmb/images/mobile/footer.png) 50% 100% no-repeat, url(/jmb/images/mobile/header_index.jpg) 20% 0% no-repeat;
	}
	#footer{ padding: 0 ; }
	footer#CIwrap{padding:0 50px 0 70px;}
	#bktop{ padding: 0 0 0 0;}
	/* ------------------ header ------------------ */
	header#registHead { min-width: 80px; height: 92px;}
	#navbar-brand {
	width: /*185px*/420px; height: 88px; padding: 0 0 0 0/*4em*/; margin:auto;
	}
	#navbar-brand a{
	width: 185px; height: 88px; display: block; text-indent: -9999px; line-height: 20px; text-decoration: none;
	background:url(/jmb/images/tablet/logo.png) 100% 0% no-repeat; margin:auto;
	}
	
	#mainnav { width: auto; height: 66px; padding: 0px 0 0 9em ; margin: 0; float: right; }
	#mainnav > li { width: auto; height: 66px; padding: 0 ; margin: 0; display: block; text-align:center; float: left; }
	#mainnav a.topnavmainB { width: 100px; height: 56px; padding: 10px 0 0 ; background: url(/jmb/images/menu/menuNor.png) 100% -65px repeat-x ;}
	#mainnav a.topnavmain { width: 80px; height: 56px; padding: 10px 0 0 ;  background: url(/jmb/images/menu/menuNor.png) 100% -65px repeat-x ;}
	#mainnav a.topnav { margin: 0; display: block; }
	#mainnav a.topnav:hover { background: url(/jmb/images/menu/menuOver.png) 0% 99% no-repeat; }

	#mainnav li > ul {
		padding:5px 0px;
		height: 122px;
	
	}
	
	#mainnav li > ul li {
		width:111px;
		height: 28px;
		margin: 0 0px 0 0;
		padding: 5px 0;
	}
	
	#search { width: 190px; height: 40px; margin: 0 auto 5px; }
	#search form{
		width:170px; 
	}
	#SocList ul {/*padding: 0 0 0 16px; */ padding: 0 0 0 4em; margin: 0 auto; list-style: none; clear: both;}
	#SocList ul li {padding: 0 1px 0 ; margin: 0; float: left;}
	/* ------------------ databox ------------------ */
	.widthat { width:100%;}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	/* ------------------ structure | main ------------------ */
		body {
    overflow-x:hidden;
}
	#wrap{   
	min-width: 800px;  
	background:url(/jmb/images/tablet/footer.png) 50% 100% no-repeat, url(/jmb/images/tablet/header_index.jpg) 50% 0% no-repeat;
	}
	#footer{ padding: 0 ; }
	footer#CIwrap{ max-width: 715px; padding:0 15px 0 40px; }
	#bktop{ padding: 0 13px 0 0;}
	/* ------------------ header ------------------ */
	header#registHead { min-width:800px; height: 140px;}

	#navbar-brand {
	width: 185px; height: 88px; padding: 1em 0 0 1em;
	}
	#navbar-brand a{
	width: 185px; height: 88px; display: block; text-indent: -9999px; line-height: 20px; text-decoration: none;
	background:url(/jmb/images/tablet/logo.png) 100% 0% no-repeat;
	}
	
		
	#mainnav { width: auto; height: 66px; padding: 0px 0 0 8em ; margin: 0; float: right; }
	#mainnav > li { width: auto; height: 66px; padding: 0 ; margin: 0; display: block; text-align:center; float: left; }
	#mainnav a.topnavmainB { width: 100px; height: 56px; padding: 10px 0 0 ; background: url(/jmb/images/menu/menuNor.png) 100% -65px repeat-x ;}
	#mainnav a.topnavmain { width: 90px; height: 56px; padding: 10px 0 0 ;  background: url(/jmb/images/menu/menuNor.png) 100% -65px repeat-x ;}
	#mainnav a.topnav { margin: 0; display: block; }
	#mainnav a.topnav:hover { background: url(/jmb/images/menu/menuOver.png) 0% 99% no-repeat; }

	#mainnav li > ul {
		padding:5px 0px;
		height: 122px;
	
	}
	
	#mainnav li > ul li {
		width:111px;
		height: 28px;
		margin: 0 0px 0 0;
		padding: 5px 0;
	}
	
	#search { width: 190px; height: 40px; margin: 0 auto 5px; }
	#search form{
		width:170px; 
	}
	#SocList ul {/*padding: 0 0 0 16px; */ padding: 0 0 0 80px; margin: 0 auto; list-style: none; clear: both;}
	#SocList ul li {padding: 0 1px 0 ; margin: 0; float: left;}
	/* ------------------ databox ------------------ */
	.widthat { width:100%;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	/* ------------------ structure | main ------------------ */	
	#wrap{   
	min-width: 970px;  
	background:url(/jmb/images/large/footer.png) 50% 100% no-repeat, url(/jmb/images/large/header_register.jpg) 50% 0% no-repeat;
	}
	#footer{ min-width:  970px;  }
	footer#CIwrap{ width: 940px; padding:0 15px ; }
	#bktop{ padding: 0 45px 0 0;}
	/* ------------------ header ------------------ */
	header#registHead { min-width: 970px; height: 140px;}

	#navbar-brand {
	width: 202px; height: 95px; padding: 0 0 0 2em;
	}
	#navbar-brand a{
	width: 202px; height: 95px;  display: block; text-indent: -9999px; line-height: 20px;  text-decoration: none;
	background:url(/jmb/images/large/logo.png) 100% 0% no-repeat;
	}
	
	#mainnav { width: auto; height: 66px; padding: 0px 0 0 8em ; margin: 0; float: right; }
	#mainnav > li { width: 109px; height: 66px; padding: 0 ; margin: 0; display: block; text-align:center; float: left; }
	#mainnav a.topnavmainB { width: 109px; height: 56px; padding: 10px 0 0 ; background: url(/jmb/images/menu/menuNor.png) 0% -65px repeat-x ;}
	#mainnav a.topnavmain { width: 109px; height: 56px; padding: 10px 0 0 ;  background: url(/jmb/images/menu/menuNor.png) 0% -65px repeat-x ;}
	#mainnav a.topnav { margin: 0; display: block; }
	#mainnav a.topnav:hover { background: url(/jmb/images/menu/menuOver.png) 0% 99% no-repeat; }

	#mainnav li > ul {
		padding:5px 0px;
		height: 122px;
	
	}
	
	#mainnav li > ul li {
		width:111px;
		height: 28px;
		margin: 0 0px 0 0;
		padding: 5px 0;
	}
	

	#search { width: 190px; height: 40px; margin: 0 0 5px 30px;}
	#search form{
		width:170px; 
	}
	.search { 
		padding:2px 15px 2px 30px;
		margin:3px; 
	}
	#SocList ul {/*padding: 0 0 0 16px; */ padding: 0 0 0 95px; margin: 0 auto; list-style: none; clear: both;}
	#SocList ul li {padding: 0 1px 0 ; margin: 0; float: left;}
	/* ------------------ databox ------------------ */
	.widthat { width:100%;}
}

@media (min-width: 1200px) {
	/* ------------------ structure | main ------------------ */
	#wrap{   
	min-width: 970px;  
	background:url(/jmb/images/large/footer.png) 50% 100% no-repeat, url(/jmb/images/large/header_register.jpg) 50% 0% no-repeat;
	}
	#footer{ min-width:  970px;  }
	footer#CIwrap{ width: 940px; padding:0 15px ; }
	#bktop{ padding: 0 45px 0 0;}
	
	/* ------------------ header ------------------ */
	header#registHead { min-width: 970px; height: 140px; max-width: 1200px;}

	#navbar-brand {
	width: 202px; height: 95px; padding: 0 0 0 10em; padding: 0 0 0 10em\0;
	}
	#navbar-brand a{
	width: 202px; height: 95px;  display: block; text-indent: -9999px; line-height: 20px;  text-decoration: none;
	background:url(/jmb/images/large/logo.png) 100% 0% no-repeat ;
	}
	

	#mainnav { width: auto; height: 66px; padding: 0px 0 0 8em ; margin: 0; float: right; }
	#mainnav > li { width: 109px; height: 66px; padding: 0 ; margin: 0; display: block; text-align:center; float: left; }
	#mainnav a.topnavmainB { width: 109px; height: 56px; padding: 10px 0 0 ; background: url(/jmb/images/menu/menuNor.png) 0% -65px repeat-x ;}
	#mainnav a.topnavmain { width: 109px; height: 56px; padding: 10px 0 0 ;  background: url(/jmb/images/menu/menuNor.png) 0% -65px repeat-x ;}
	#mainnav a.topnav { margin: 0; display: block; }
	#mainnav a.topnav:hover { background: url(/jmb/images/menu/menuOver.png) 0% 99% no-repeat; }

	#mainnav li > ul {
		padding:5px 0px;
		height: 122px;
	
	}
	
	#mainnav li > ul li {
		width:111px;
		height: 28px;
		margin: 0 0px 0 0;
		padding: 5px 0;
	}
	
	#search { width: 190px; height: 40px; margin: 0 0 5px; display: block; clear: both;}
	#search form{
		width:170px; 
	}
	#SocList { width: 190px; height: 31px; margin: 0 auto; display: block; }
	#SocList ul {/*padding: 0 0 0 16px; */ padding: 0 0 0 30px; margin: 0 auto; list-style: none; clear: both;}
	#SocList ul li {padding: 0 1px 0 ; margin: 0; float: left;}

	/* ------------------ databox ------------------ */
	.widthat { width:100%;}
}