
/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	/* pagewrap */
	#pagewrap {
		width: 650px;
	}
	html,body{font-size:16px} 
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 649px) {
   #pagewrap {
		width: 100%;
	}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}
	#pagewrap {
		width: 100%; min-width:320px;
	}
}


/*320*240、400*240、432*240、480*272、480*270、480*320、480*360、640*360、 640*480*/

@media screen and (min-width:620PX) and (max-width:649PX){html,body{font-size:15.26px;}}
@media screen and (min-width:560PX) and (max-width:619PX){html,body{font-size:13.79px;}}
@media screen and (min-width:527PX) and (max-width:559PX){html,body{font-size:12.98px;}}
@media screen and (min-width:480PX) and (max-width:526PX){html,body{font-size:11.8px;}}
@media screen and (min-width:450PX) and (max-width:479PX){html,body{font-size:11.08px;}}
@media screen and (min-width:414PX) and (max-width:449PX){html,body{font-size:10.22px;}}
@media screen and (min-width:390PX) and (max-width:414PX){html,body{font-size:9.6px}}
@media screen and (min-width:375PX) and (max-width:390PX){html,body{font-size:9.236px} }
@media screen and (min-width:360PX) and (max-width:375PX){html,body{font-size:8.86px}}
@media screen and (min-width:349PX) and (max-width:359PX){html,body{font-size:8.516px}}
@media screen and (min-width:320PX) and (max-width:348PX){html,body{font-size:7.88px} #pagewrap {width: 100%; min-width:320px;} }
@media screen and (max-width:320PX){
  html,body{font-size:7.88px} #pagewrap {width: 100%; min-width:320px;}  
 }


@media all and (orientation:landscape) { 
#sh_tan .e_topr{
	margin: 0px auto;
}
} 
@media all and (orientation:portrait) { 
#sh_tan .e_topr{
	margin: 12% auto;
}
} 


