@charset "utf-8";
/* CSS Document */

/* ANDROID S3 */
@media screen and (device-width: 720px) and (device-height: 1280px) and (orientation:portrait) {		/* PORTRAIT */				
	html, body {height: auto;}
	#wrap {min-height:600px;}
	#main {overflow:visible;padding-bottom: 0}
	
	/*DETAIL MODEL*/
	.model-photo {position: absolute; /*height:600px;*/height:900px; width:960px; margin: -100px 0 0 -50%; top: 350px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:870px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left; }
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 200px; width: 1000px; margin: -50px 0 0 -500px; top: 250px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:250px; height:270px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 0px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}	
	.contact-content-body2 {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 700px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:450px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 950px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:920px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-foot {position: absolute; height: 100px; width: 960px; margin: -100px 0 0 -500px; /*top: 70%;*/top: 1150px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }										
	
	
	/*FOOTER*/
	#footer {position: relative; top: 830px; margin-top:0;height: 60px;clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}
@media screen and (device-width: 1280px) and (device-height: 720px) and (orientation:landscape){		/* LANDSCAPE */				
	html, body {height: auto;}
	#wrap {min-height:385px; overflow:hidden;}
	#main {overflow:hidden;padding-bottom: 0}
	
	/*DETAIL MODEL*/
	#model-photo-button ul.media-button {position:absolute;bottom:25px;right:10px;width:auto;margin:0;top:155px; }
	.model-photo {position: absolute; /*height:600px;*/height:300px; width:960px; margin: -100px 0 0 -50%; top: 280px; left: 50%;}
	p.media-p {overflow:hidden; display: block;  padding: 5px; width:600px; height:280px; /*height:570px;*/ text-align:center; margin-top: 5px;  margin-bottom: 5px;  margin-left: 45px; margin-right:5px;  float: left;}
	/*.model-photo p.title-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 20px; color:#666; line-height:27px; margin-top: 100px;  margin-bottom: 5px;  margin-left: 75px;  float: left; }
	.model-photo p.body-size {overflow:hidden; display: block;  padding: 5px; width:100px; height:100%; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size: 18px; color:#666; line-height:27px; margin-top: 100px;  margin-bottom: 5px;  margin-left: 5px;  float: left; }*/
	
	/*CONTACT*/
	.contact-content-body {position: absolute; height: 325px;width: 1000px; margin: -100px 0 0 -480px; top: 230px; left: 50%;}
	p.about {overflow:hidden; display: block;  padding: 5px; width:250px; height:310px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left;}
	.contact-content-body2 {position: absolute; height: 200px;width: 1000px; margin: -100px 0 0 -500px; top: 530px; left: 50%;}
	p.about2 {overflow:hidden; display: block;  padding: 5px; width:450px; height:170px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-body3 {position: absolute; height: 110px;width: 1000px; margin: -100px 0 0 -500px; top: 700px; left: 50%; }
	p.about3 {overflow:hidden; display: block;  padding: 5px; width:920px; height:90px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#666; line-height:24px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 30px;  float: left; }
	.contact-content-foot {position: absolute; height: 100px; width: 960px; margin: -100px 0 0 -480px; /*top: 70%;*/top: 800px; left: 50%;}
	.contact-content-foot ul { list-style:none;}
	.contact-content-foot ul li { display: inline-block; margin: 10px;}
	.hcf {overflow:hidden; display: block;  padding: 5px; width:154px; height:70px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 5px;  margin-bottom: 5px;  margin-left: 0px;  float: left; }										
	
	/*FOOTER*/
	#footer {position: relative; top: 460px; margin-top:0; height: 1px; clear:both;}
	#footer ul {float:none; position:relative; margin:10px auto 10px auto; display: block; width:98%;}
	
}