/* CSS Responsive */
#nav-list-mobile,
nav .header{
	display:none;	
}
#search {
    background: url("img/m-bg.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 55px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 11;
	display:none;
}
#search {
    top: 170px;
}
#search a.btn_search, #search a.btn_facebook {
    background-position: right bottom;
    width: 39px;
}
#search a.btn_search {
    background: url("img/btn_search.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    height: 46px;
    width: 75px;
}

#search a.btn_search, #search a.btn_facebook {
    cursor: pointer;
    display: block;
    float: right;
    position: relative;
    z-index: 1;
}
#menu-btn {
    cursor: pointer;
    display: none;
    float: left;
    height: 47px;
    text-indent: -9999px;
    width: 42px;
}
#menu-btn {
    background: url("img/btn_m_menu.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
#nav-list{
	width:100%;	
}
#nav-list a.m1,
#nav-list a.m2,
#nav-list a.m3,
#nav-list a.m4,
#nav-list a.m5{
	text-align:center;
}
#nav-list li.m1{
	width:16%;
}
#nav-list li.m2{
	width:18%;
}
#nav-list li.m3{
	width:20%;
}
#nav-list li.m4{
	width:22%;
}
#nav-list li.m5{
	width:24%;
}
#nav-list a.m1,
#nav-list a.m2,
#nav-list a.m3,
#nav-list a.m4,
#nav-list a.m5{
	width:100%;
}

@media only screen and (max-width:1000px) {
	body{
		background:none;
	}
	.other_box .right ul.list_right > li{
		overflow:hidden;
	}	
	header .topnav .box, header .content, #footer .content, .term, .bodyhtml, .other_box{
		width:auto;	
		min-width:270px;
	}
	header .content .main_logo{
		left:10px;
	}
	.left_menu{
		display:none;	
	}
	.main_search{
		right:10px;	
	}
	.other_box .left{
		width:auto;
		padding:0px 10px;	
		float:none;
	}
	.other_box .right {
		float: none;
		padding-left: 10px;
		padding-right: 10px;
		width: auto;		
	}
	.a1_banner a{
		float:none !important;	
		margin-bottom:10px;
		margin-right:10px;
	}
	.banner img{
		width:100%;	
	}
	.btn_member,
	.btn_quickmenu{
		display:none !important;	
	}
	.hilight_content .box_content{
		width:auto;	
	}
}
@media only screen and (max-width:900px) {
	.obj900{
		display:none;
	}
	.theme-default a.nivo-prevNav{
		left:10px !important;	
	}
	.theme-default a.nivo-nextNav{
		right:10px !important;	
	}
	.nivo-controlNav{
		display:none;	
	}
	.theme-default .nivo-caption{
		font-size:16px;	
		width:40%;
		padding-top:20px;
		height:100%;
		left:10%;
	}
}
@media only screen and (max-width:740px) {
	.tabhight{
		height:45px;
	}
	.banner img{
	width:112% !important;
	}
	.box_head{
		display: none !important;
		}
	.border{
		border:#FFF thin 0px;
		padding:0px;
		}
	.bottom{
		height:10px !important;
	}
	.other_box .border{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #fff #fff;
    border-image: none;
    border-radius: 0 0 0px 0px;
  
    
	}
	
	.hilight_content{
		padding:0px !important;
		}
	.hilight_content > li.open .head:after {
	 display:none;
	}
	
	.hilight_content > li > a:after{
	background-color:#3DC1F2;
	}
	
	.bodyhtml{
		margin-top: 215px;	
	}
	article{
		margin-top: 215px;
	}
	.obj740,
	.main_search{
		display:none;
	}
	.main_logo img{
		width:300px;	
	}
	nav{
		margin-top:0px;
	}
	.main_search{
		top:70px;	
	}
	#nav-list{
		display:none;	
	}
	#nav-list-mobile,
	nav .header,
	#search,
	#menu-btn{
		display:block;	
	}
	.box_content_new,
	.box_photo_new{
		display:none;	
	}
	.box_content_new.first,
	.box_photo_new.first{
		display:block;
	}
	.hilight_content > li[data-tab='1'],
	.hilight_content > li[data-tab='4'],
	.hilight_content > li[data-tab='3'],
	.hilight_content > li[data-tab='2']
	{
		border-radius:0px;	
		width:100%;
	}
	
	/*.hilight_content > li[data-tab='3'],
	.hilight_content > li[data-tab='4']{
		display:none;
	}*/
	 .view_data,.jobrecurement,.pocurement
	{
		
	}
	
	.hilight_content{
		height:150px;
	}
	#footer .content .bottom .box_left{
		width:auto;	
	}
	.banner .info{
		display:none !important;	
	}
	.bodyhtml .body .rightcontent{
		width:auto;	
		padding-left:10px;	
		padding-right:10px;
		float:none	
	}
	.bodyhtml .body .rightcontent .inner_title h2{
		font-size:18px;
	}
	.bodyhtml .body .rightcontent .h5{
		font-size:14px;	
	}
	.javaword-wrap{
		overflow:auto;
		padding-right:0px;	
	}
	.weblink_datalist{
		margin-left:0px !important;	
	}
	/*Menu{*/
nav
{
	position: fixed;
	z-index: 12;
	top: 0px;
	height: 100%;
	width: 100%;
	background: #fff;
	display: none;
}
nav .header
{
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	background: url("img/m-bg-menu.png") repeat-x;
	height: 50px;
}
nav .header .m_back,
nav .header .m_close
{
	text-indent: -9999px;
	position: absolute;
	cursor: pointer;
	display: block;
}
nav .header .m_back
{
	background: url("img/icon-circle-arrow.gif") no-repeat scroll center 5px transparent;
	bottom: 0;
	height: 40px;
	margin: auto;
	top: 0;
	width: 50px;
}
nav .header .title
{
	bottom: 0;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	height: 40px;
	left: 0;
	margin: auto;
	overflow: hidden;
	padding-top: 15px;
	position: absolute;
	right: 0;
	text-align: center;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
	width: 70%;
}
nav .header .m_close
{
	background: url("img/btn_m_close.png") no-repeat scroll center center transparent !important;
	height: 42px;
	margin: 0;
	padding: 0;
	right: 5px;
	top: 3px;
	width: 42px;
}
nav ul li.title
{
	position: relative;
}
nav ul li.title a
{
	color: #FFF;
}
nav ul li.title a:hover
{
	color: #FBFBFB;
}
nav .content
{
	position: absolute;
	left: 0px;
	top: 50px;
}
nav ul
{
	margin: 0;
	position: absolute;
}
nav ul li
{
	width: 100%;
	background: url(img/bg-m-list.png) repeat-x center left;
	border-bottom: 1px solid #CCC;
}
nav ul:after
{
	right: 19px;
}
nav ul li ul
{
	left: 100%;
	top: 0;
	padding-top: 0
}
nav ul li ul,
nav ul li.current ul li ul,
nav ul li.current ul li.current ul li ul nav ul li.current ul li.current ul li.current ul li ul,
nav ul li.current ul li.current ul li.current ul li.current ul li ul,
nav ul li.current ul li.current ul li.current ul li.current ul li.current ul li ul
{
	display: none
}
nav ul li.current>ul,
nav ul li.current ul li.current>ul,
nav ul li.current ul li.current ul li.current>ul,
nav ul li.current ul li.current ul li.current ul li.current>ul,
nav ul li.current ul li.current ul li.current ul li.current ul li.current>ul,
nav ul li.current ul li.current ul li.current ul li.current ul li.current ul li.current>ul
{
	display: block
}
nav li.sub>a
{
	background: url(img/icon-plus-blue-white-sml.png) right 5px no-repeat;
}
nav li a
{
	display: block;
	font-size: 12px;
	padding: 12px 20px 12px 42px;
	color: #fff;
	text-decoration: none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold
}
nav li.sub a,
nav li.link a
{
	color: #09F;
}
nav li.sub a:hover,
nav li.link a:hover
{
	background-color: #fff;
	background-position: right -58px;
	color: #00BBD3;
}
nav li.title a:not(.closed)
{
	text-transform: uppercase;
	text-align: center;
	background: #00D2EE url(../img/icon-circle-arrow.gif) no-repeat 18px 11px;
	padding: 14px 20px 14px 42px
}
nav li.title a:hover
{
	background-position: 18px -50px
}
	/*}*/
}

@media only screen and (max-width:550px) {
	
	.bodyhtml{
		margin-top: 170px;	
	}
	article{
		margin-top: 170px;
	}
	.obj550{
		display:none;
	}
	.main_logo img {
		width: 224px;
	}
	.main_logo img {
		width: 224px;
	}
	header .content .main_logo {
		top: 55px;
	}	
	#search {
		top: 125px;
	}
	.theme-default .nivo-caption{
		font-size:12px;
		padding-left:10px;
		padding-right:10px;	
		padding-top:10px;
	}
	#footer .content .bottom .box_left .logo{
		display:none;	
	}
	#footer .content .bottom .box_left .desc{
		padding:0px;	
	}
	#footer .content .bottom .box_right{
		float:left;
		display:none;
	}
	.box_map{
		float:left;
		margin-left:0px;
		margin-right:20px;		
	}
	#footer .content .bottom{
		margin: 0px;
		padding:0px 10px;
		display:inline-block;
	}
	#footer .content{
		padding:0px;	
	}
	.box_enew{
		width:310px;;	
	}
	.term {
	
	padding-top:130px;	

	}
	.term .inner{
	margin:0 10px;
	}
	#footer .content .bottom .box_left .desc {
	padding-top:10px;
}
}
@media only screen and (max-width:400px) {
	.theme-default .nivo-caption{
		font-size:10px;	
	}
	.banner img{
	width:104% !important;
	}
}