@CHARSET "UTF-8";

/************************************************************************************
smaller than 2560
*************************************************************************************/
@media screen and (max-width: 2560px){

}

/************************************************************************************
smaller than 1920
*************************************************************************************/
@media screen and (max-width: 1920px){
}

/************************************************************************************
smaller than 1440
*************************************************************************************/
@media screen and (max-width: 1440px){
	
}


/************************************************************************************
smaller than 1366
*************************************************************************************/
@media screen and (max-width: 1366px){
	.right_ads {
		display:none;
	}
}

/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px){
	.right_ads {
		display:none;
	}
	.white_ctn {
		width:1040px;
	}
	.headlayer {
		width:1040px;
	}
}

/************************************************************************************
smaller than 1060
*************************************************************************************/
@media screen and (max-width: 1060px){
	.headlayer {
		width:974px;
	}
	.head {
		width:914px;
	}
	.content {
		width:914px;
	}
	.white_ctn {
		width:974px;
	}
}

/************************************************************************************
smaller than 1060
*************************************************************************************/
@media screen and (max-width: 1060px){
	
}

/************************************************************************************
smaller than 1024
*************************************************************************************/
@media screen and (max-width: 1024px){

	/*
	* valentines page
	*/
	.lang-100, .lv-msg-box {
		width:664px;
	}
	.lv-msg-box {
		margin-top:127px;
	}

	.valentines-banner {
		width:882px;
		margin-left:-427px;
		background-size:100%;
	}
	.valentines-details {
		bottom:44px;
	}
	.headlayer {
		width:960px;
	}
	.head {
		width:900px;
	}
	.content {
		width:900px;
	}
	.white_ctn {
		width:960px;
	}
	.logo  {
		width:37%;
	}
	.sch  {
		width:60%;
	}
	/*
	* for search layer overlapped the a-ad1 ads
	*/
	.search_catagory, .keywords, .search_layer {
		width: 60%;
	}
	.search_layer input {
		width:83%;
	}
}

/************************************************************************************
smaller than 980px
*************************************************************************************/
@media screen and (max-width: 980px){
	.headlayer {
		width:930px;
	}
	.head {
		width:870px;
		background-size:100%; 
		background-position: 0px 13px;
	}
	.loggin1, .loggin3 {
		padding-left:1%;
		padding-right:1%;	
	}
	.content {
		width:870px;
	}
	.white_ctn {
		width:930px;
	}
	.weather ul li {
		padding-left:1%;
	}
	.news_forumdatebg,.news_forumdatebg2 {
		display: none;
	}
}


/************************************************************************************
smaller than 960px
*************************************************************************************/
@media screen and (max-width: 960px){
	.headlayer {
		width:900px;
	}
	.head {
		width:840px;
	}
	.content {
		width:840px;
	}
	.white_ctn {
		width:900px;
	}
	.naviblog ul li {
		width:24%;
	}
}

/************************************************************************************
smaller than 900px
*************************************************************************************/
@media screen and (max-width: 900px){
	.headlayer {
		width:860px;
	}
	.white_ctn {
		width:860px;
	}
	.head {
		width:800px;
	}
	.content {
		width:800px;
	}
	.c_right {
		font-size:13px;
	}
	.navi001 a {
		font-size:13px;
	}
}

/************************************************************************************
smaller than 854px
*************************************************************************************/
@media screen and (max-width: 854px){
	.valentines-banner {
		display:none;
	}
	/*
	* mobile weather
	*/
	.mobile_weather ul li {
		font-size:16px;
	}
	/*
	* set the screen width 
	*/
	.content, .white_ctn {
		width:100%;
	}
	.content {
		background: #F0EFEF;
	}
	.mg-l2p {
		margin-left:1%;
		margin-right:1%;
	}
	
	/*
	* set all banners bg and style
	*/
	#homepage_1stbanner, #homepage_2ndbanner, #homepage_3rdbanner, #homepage_4thbanner {
		background-color: white;
		border-bottom: 1px solid #D8D8D8;
		box-shadow:  0 1px 0 white,0 1px 2px white;
	}	
	
	/*
	* hidden navi title
	*/
	.navi001 {
		display: none;
	}
	
	/*
	* first banner
	*/
	.news-block {
		height: auto;
	}
	.news_left {
		width:44%;
	}
	.news_right {
		width:55%;
	}
	.issues_block {
		display:none;
	}
	
	/*
	* second banner
	*/
	#second_lf {
		width:100%;
	}
	/*
	* fourth banner
	*/
	#vm {
		width:100%;
	}
	#gb {
		width:98%;
	}
	.groupbuying_block {
		width:48%;
		margin-left:1%;
		margin-right:1%;
	}
	.gb_off {
		height:140px;
		font-size:27px;
	}
	
	/*
	* hidden ads without 'R'
	*/
	.hasNoRads {
		display:none;
	}
	.hasRads {
		height:auto;
	}
}

/************************************************************************************
smaller than 849px
*************************************************************************************/
@media screen and (max-width: 849px){
	/*
	*index blog
	*/
	#second_rt {
		float: none;
		margin: 20px auto;
		width: 265px;
	}
}


/************************************************************************************
smaller than 800px
*************************************************************************************/
@media screen and (max-width: 800px){
}

/************************************************************************************
smaller than 768px
*************************************************************************************/
@media screen and (max-width: 768px){
	/*
	* first banner
	*/
	.news_right,.now_block1, #nowblock2 {
		display:none;
	}
	.news_left {
		width:100%;
	}
	.news_right {
		width:100%;
	}
	.now_block2 {
		width:80%;
		margin-left:0px;
	}
	.first_lf {
		width:60%;
	}
	.first_rt {
		width:38%;
	}	
	.issues_block {
		display:block;
	}
	/*
	* third banner
	*/
	#third_lf, #third_rt {
		margin-left:0px;
		width:100%;
	}
	#forum_logo {
		display:none;
	}
	#vote_submit {
		margin-top:0px;
		margin-bottom:0px;
	}
	/*
	* vmarket
	*/
	#vm_list1 {
		width:30%;
	}
	#vm_list2 {
		display:none;
	}
	
}


/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px){
	.news {
		height:auto;
	}
	.news_right {
		display:block;
	}
	.now_block1 {
		display:block;
		width:22%;
	}
	.now_block2 {
		width:75%;
	}
	#food_lf, #blog_rt {
		width:100%;
		margin-left:0px;
	}
	.mobile_menu_block img {
		width:60%;
	}
	#news002 .news_left, #news002 .news_right {
		width: 100%;
	}
	.vm_top {
		height:auto;
	}
	.vm_topblock {
		width: 48%;
		height: auto;
		margin-left: 1%;
		margin-right: 0px;
		margin-bottom: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: white;
		border-bottom: 1px solid #D8D8D8;
		box-shadow:  0 1px 0 white,0 1px 2px white;
	}
	.vm_pic {
		height:auto;
	}
	.job_block {
		width: 48%;
		margin-left: 1%;
		margin-right: 0px;
		margin-bottom:15px;
	}
}


/************************************************************************************
smaller than 500px(480px)
*************************************************************************************/
@media screen and (max-width: 500px){
	/*
	* 4banner reset background
	*/
	#homepage_1stbanner, #homepage_2ndbanner, #homepage_3rdbanner, #homepage_4thbanner {
		background: none;
	}
	.special-bottom-border {
		display: none;
	}
	.news_right, #instanceblock, .blog_block, #movie_partitial, #hellojob {
		padding-top:5px;
		padding-bottom:5px;
		background-color: white;
		border-bottom: 1px solid #D8D8D8;
		box-shadow:  0 1px 0 white,0 1px 2px white;
	}
	
	/*
	* first banner
	*/
	#first_lf, #first_rt {
		width:100%;
	}
	.now_block1 {
		display:block;
		width:18%;
	}
	.now_block2 {
		width:74%;
	}
	.news_left {
		display:block;
		width:100%;
	}
	.cheapest {
		display:none;
	}
	/*
	* second banner
	*/
	#food-blog-event-block {
		width: 100%;
		padding-top:5px;
		padding-bottom:5px;
		background-color: white;
		border-bottom: 1px solid #D8D8D8;
		box-shadow:  0 1px 0 white,0 1px 2px white;
	}
	#index-food-block-adv {
		width: 100%;
		padding-top:5px;
		padding-bottom:5px;
		background-color: white;
		border-bottom: 1px solid #D8D8D8;
		box-shadow:  0 1px 0 white,0 1px 2px white;
	}
	/*
	* third banner
	*/
	#forum_logo {
		display:block;
	}
	/*
	* fourth banner
	*/
	.navi_jobtitle {
		width:20%;
	}
	.navi_jobhr {
		display:none;
	}
	.groupbuying_block {
		width:100%;
		margin-left:0px;
		margin-right:0px;
	}
	.mobile_menu_block img {
		width:88%;
	}
	
}

/************************************************************************************
smaller than 400px
*************************************************************************************/
@media screen and (max-width: 400px){
	
	/*
	* first banner 
	*/
	#onehour {
		display: none;
	}
	.gb_off {
		font-size:26.4px;
	}
	
	#thirdb_vote_partitial, #thirdb_ads_partitial {
		width:100%;
		margin-left:0px;
	}
	.forum_section {
		font-size:12px;
	}

	/*
	* third banner
	*/	
	.vm_topblock {
		width: 100%;
		margin: 0 15px 0 0;
	}
	.job_block {
		width: 100%;
		margin: 0 15px 0 0;
	}
	
}

/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px){
	/*
	* mobile weather
	*/
	.mobile_weather ul li {
		font-size:15px;
	}
	.mobile_weather img {
		margin-left:-15px;
	}
	.mobile_tdmbg {
		height:17px;
	}
	.gb_off {
		font-size:20.4px;
	}
	.news_localtextbg2 {
		display:none;
	}
	.now_block1 {
		width:25%;
	}
	.now_block2 {
		width:72%;
		height:auto;
	}
	.navi_jobtitle {
		width:25%;
	}
	.navi_jobhr {
		width:70%;
	}
	.newspaper_names {
		display:none;
	}
	/*
	* blog hr
	*/
	.hr1 {
		width:28%;
	}
	.hr2 {
		width:72%;
	}
}