/*
* css name: 媒体查询
* uri: 
* author: starry chen
* version: 1.0
*/
/*
==================================================
==================================================
media="screen and (max-width:600px)"		当屏幕小于或等于600px时
media="screen and (min-width:900px)"		当屏幕大于或等于900px时

media="screen and (min-width:600px) and (max-width:900px)"		当屏幕在600px-900px之间时

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="iphone4.css" />
<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css" type="text/css" /> 
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css"  type="text/css" />

*/
/* ==========================================================================
target patterns
source: http://en.wikipedia.org/wiki/list_of_displays_by_pixel_density
compiled by annika lidne, annikalidne.com
========================================================================== */

/*——————————————————
mobile & smart phones – any orientation – max width
——————————————————–*/

/*–low-end mobiles –*/
@media screen and (max-device-width:767px) { }

/*– htc desire, htc nexus one, htc one sv, htc evo, htc hd2, htc thunderbolt, lg optimus 2x, lg lu1400, lg optimus 3d, lumia 710, samsung epic (d700), samsung nexus s samoled, samsung nexus s lcd, galaxy s plus (i9001), galaxy s ii (i9100), –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:800px) {}

/*– htc sensation, htc evo hd, htc sensation xe–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:960px) {}

/*– lg optimus lte, lg spectrum (vs920), lg optimus 4x hd-*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.7) and (max-device-width:1280px) {}

/*– iphone 4, 4s, ipod touch 4gen–*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:960px) {}

/*– iphone 5, ipod touch 5gen–*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1136px) {}

/*– htc onex, lg nexus 4, blackberry z10, samsung galaxy nexus, htc evo lte, galaxy s iii (i9300), samsung galaxy note, samsung galaxy note ii, sony xperia s, -*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1280px) {}

/*– htcone, sony xperia, htc droid dna, samsung galaxy s4, sony xperia z */
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width:1920px) { }

/*– lumia */
@media only screen and (-webkit-min-device-pixel-ratio: 5:3) and (max-device-width:1280px) { }

/*——————————————-
tablets
——————————————–*/

/*– ipad 1gen/2gen ipad mini, kindle fire –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width:1024px) {}

/*– nexus 7 (2012)–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.325) and (max-device-width:1280px) {}

/*– kindle fire 7″ –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:1280px) {}

/*– kindle fire hd 8.9″–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:1920px) {}

/*– nexus 7, samsung galaxy note iii –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1920px) {}

/*– ipad 3gen/4gen, –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:2048px) {}

/*————————–
tablets/ desktop
————————–*/

/*– macbook pro 13″, samsung nexus 10 –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:2560px) {}

/*– macbook pro 15″ –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:2880px) {}

/*——————————————————
mobile & smart phones – landscape
——————————————————–*/

/
/*–low-end mobiles –*/
@media screen and (max-device-width:767px) and (orientation : landscape) { }

/*– htc desire, htc nexus one, htc one sv, htv evo, htc hd2, htc thunderbolt, lg optimus 2x, lg lu1400, lg optimus 3d, lumia 710, samsung epic (d700), samsung nexus s samoled, samsung nexus s lcd, galaxy s plus (i9001), galaxy s ii (i9100), –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:800px) and (orientation : landscape){}

/*– htc sensation, htc evo hd, htc sensation xe–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:960px) and (orientation : landscape) {}

/*– lg optimus lte, lg spectrum (vs920), lg optimus 4x hd-*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.7) and (max-device-width:1280px) and (orientation : landscape) {}

/*– iphone 4, 4s, ipod touch 4gen–*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:960px) and (orientation : landscape) {}

/*– iphone 5, ipod touch 5gen–*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1136px) and (orientation : landscape) {}

/*– htc onex, lg nexus 4, blackberry z10, samsung galaxy nexus, htc evo lte, galaxy s iii (i9300), samsung galaxy note, samsung galaxy note ii, sony xperia s, -*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1280px) and (orientation : landscape) {}

/*– htcone, sony xperia, htc droid dna, samsung galaxy s4, sony xperia z */
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width:1920px) and (orientation : landscape) { }

/*– lumia */
@media only screen and (-webkit-min-device-pixel-ratio: 5:3) and (max-device-width:1280px) and (orientation : landscape) { }

/*——————————————-
tablets
——————————————–*/

/*– ipad 1gen/2gen ipad mini, kindle fire –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width:1024px) and (orientation : landscape) {}

/*– nexus 7 (2012)–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.325) and (max-device-width:1280px) and (orientation : landscape) {}

/*– kindle fire 7″ –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:1280px) and (orientation : landscape) {}

/*– kindle fire hd 8.9″–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:1920px) and (orientation : landscape) {}

/*– nexus 7 (2013), samsung galaxy note iii –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1920px) and (orientation : landscape) {}

/*– ipad 3gen/4gen, –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:2048px) and (orientation : landscape) {}

/*————————–
tablets/ desktop
————————–*/

/*– macbook pro 13″, samsung nexus 10 –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:2560px) and (orientation : landscape) {}

/*– macbook pro 15″ –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:2880px) {}

/*——————————————————
mobile & smart phones – portrait
——————————————————–*/

/
/*–low-end mobiles –*/
@media screen and (max-device-width:767px) and (orientation : landscape) { }

/*– htc desire, htc nexus one, htc one sv, htc evo, htc hd2, htc thunderbolt, lg optimus 2x, lg lu1400, lg optimus 3d, lumia 710, samsung epic (d700), samsung nexus s samoled, samsung nexus s lcd, galaxy s plus (i9001), galaxy s ii (i9100), –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:480px) and (orientation : portrait){}

/*– htc sensation, htc evo hd, htc sensation xe–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:540px) and (orientation : portrait) {}

/*– lg optimus lte, lg spectrum (vs920), lg optimus 4x hd-*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.7) and (max-device-width:720px) and (orientation : portrait) {

}

/*– iphone 4, 4s, 5, ipod touch 4gen, 5gen–*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:640px) and (orientation : portrait) {}

/*– samsung galaxy nexus, galaxy s iii (i9300), samsung galaxy note ii, , sony xperia s, -*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:720px) and (orientation : portrait) {
}

/*– lg nexus 4, blackberry z10, samsung galaxy note, samsung galaxy note ii -*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:768px) and (orientation : portrait) {}

/*– htc onex, htc evo lte, lg nexus 4, blackberry z10 -*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:780px) and (orientation : portrait) {}

/*– samsung galaxy note -*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:800px) and (orientation : portrait) {}

/*– htcone, htc droid dna, samsung galaxy s4, sony xperia z */
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width:1080px) and (orientation : portrait) { }

/*– lumia */
@media only screen and (-webkit-min-device-pixel-ratio: 5:3) and (max-device-width:768px) and (orientation : portrait) { }

/*——————————————-
tablets
——————————————–*/

/*– kindle fire –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width:600px) and (orientation : portrait) {}

/*– ipad 1gen/2gen ipad mini, –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width:768px) and (orientation : portrait) {}

/*– kindle fire 7″ –*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:800px) and (orientation : portrait) {}

/*– kindle fire hd 8.9″–*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width:1200px) and (orientation : portrait) {}

/*– samsung galaxy note iii */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1080px) and (orientation : portrait) {
	/* 隐藏百度推广 */
	#bdbridgewrap, #lxb_container, #lxb_container_show, .bdbridge-clearfix { display:none !important;}
	
	.mobile_menu_box { display:block !important;}
	.mobile_menu_btn { display:block;}
	.container { width:100%;}
	
	.header_top { display:none;}
	
	
	.container { padding:0 15px !important;}
	
	/*==================================================*/
	.hot_tag .body a { margin:10px 0;}
	
	.col_01 {padding-right:30px; border-right:1px solid #eee; }/*width:auto;*/
	.col_02 {padding:0px; float:right; }/*width:auto;*/
	
	.header_menu { float:none !important; background:#ff00ff !important;}
	
}

/*– nexus 7 –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1280px) and (orientation : portrait) {}

/*– ipad 3gen/4gen, –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1536px) and (orientation : portrait) {}

/*–samsung nexus 10 –*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width:1600px) and (orientation : portrait) {}