@charset "utf-8";
/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* ใช้ร่วมกับ wrapper */
	background:gray;	
	font-family:Tahoma;
	font:normal 12px/130% Arial, Helvetica, sans-serif;  
	
	color:#666;
}
 
A{text-decoration:none}

h1 { 
	sfont:1.5em georgia,serif; 
	font-size:18px;
	font:normal 18px/130% Arial, Helvetica, sans-serif;  
	font-weight:normal;
	margin:0;
	padding:10px;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0;
	padding:5px 0 5px 10px;
}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

div#warpper {
	position:relative; /* กำหนดเพื่อ footer*/
	border:1px solid black;
	margin:0 auto; /* กำหนดให้อยู่ตรงกลาง ไม่สามารถใช้ได้ใน ie5 */
	width:100%;
	 
	/*height:auto !important; */ 
    
	height:100%; /* IE6*/
	 
	sbackground-image:url('../background/bg5.png');
}

div#header { 
	sbackground:black;
	border-bottom:0px double gray;
	height:65px;	
	background-size:1000px 50px;
}
#logoImg {
  position:relative; 
  left:80px;
}
div#header p {
		margin:0;
}

div#content {
     position:absolute;
	 top:60px;
	 width:100%;
	 height:500px;
	 border:0px solid white; 
	 spadding-bottom:20px;  /* กำหนดให้เท่ากับความสูงของ footer */	 
	 background-size:100% 100%;

}
div#content p {
		padding:0 1em;
}

 

div#footer {
	position:absolute;
	width:100%;
	height: 40px;
	bottom:0; /* ให้ติดพื้น */
	 
	border-top:0px double gray;
}

div#footer p {
	text-align:center;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

#magazine{
	swidth:880px;
	height:200px;
	top:10px;	
	background-color:#ccc;
    background-image:url(images/cover/the_texture_leather.jpg);
	background-position:left top;
}

#magazine .turn-page{
	
	background-image:url(../images/cover/the_texture_leather.jpg);
	background-size:100% 100%;
		 
}
#bigPic{
	width:0px;
	height:0px;
	padding:1px;
	 
	background-color:#FFF;
	margin-bottom:10px;
	margin-left:0px;
}
#bigPic img{
	position:absolute;
	margin-left:0px;
	width:300px;
	display:none;
}
#menuLogin {    

	 
	font-family:Tahoma;
	font:normal 12px/130% Tahoma,Arial, Helvetica, sans-serif;  
	color:white;
	background:gray;   
	background-image:url('../background/bgblue.jpg');
	cursor:pointer;
	opacity:0.8;
	background-size:250px 530px;
	background-repeat:no-repeat;
	 
	border:5px solid gray;  
	webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;	 
	-webkit-box-shadow: #0D0D0D 11px 11px 11px;-moz-box-shadow: #0D0D0D 11px 11px 11px; box-shadow: #0D0D0D 11px 11px 11px;

	z-index:6000;

}
#loginform {
 position:absolute;
 left:0px;
 top:0px;
 width:400px;
 height:250px;
 color:white;
 background:white;
 border:1px solid white;
 spadding:50px;
 padding:10px;
 padding-top:0px;
 background-image:url('../background/bg2.jpg');

-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:10px solid #FCFFF5;background-color:#F7F7F7;-webkit-box-shadow: #0F0F0F 19px 19px 19px;-moz-box-shadow: #0F0F0F 19px 19px 19px; box-shadow: #0F0F0F 19px 19px 19px;
 z-index:3000;
 display:none;
}
#firstPage {
  width:100%;height:1000px;padding-left:10px;padding-top:10px;padding-right:0px;
}
.content  {  

 
  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
  
  -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;
  background:url('css/admin/images/ssss.jpg');
  background-repeat: repeat-x ;

 /* Use Gradient */ 

  background: 000000;

   filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = 000000, endColorstr = FFFFFF);

   -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = 000000, endColorstr = FFFFFF);

  background-image: -moz-linear-gradient(top, 000000, FFFFFF);

  background-image: -ms-linear-gradient(top, 000000, FFFFFF);

  background-image: -o-linear-gradient(top, 000000, FFFFFF);

  background-image: -webkit-gradient(linear, center top, center bottom, from(000000), to(FFFFFF));

  background-image: -webkit-linear-gradient(top, 000000, FFFFFF);

  background-image: linear-gradient(top, 000000, FFFFFF);

/* End Gradient */ 

  font-family: Impact,Charcoal,sans-serif;

  font-size: 0px;

  color: #000000;

}

.gradient {
	background: #2673cd;
	filter: progid: DXImageTransform.Microsoft.gradient(
	startColorstr = '#2673cd', endColorstr = '#a9caef');
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(
	startColorstr = '#2673cd', endColorstr = '#a9caef');
	background-image: -moz-linear-gradient(265deg, #2673cd, #a9caef);
	background-image: -ms-linear-gradient(265deg, #2673cd, #a9caef);
	background-image: -o-linear-gradient(265deg, #2673cd, #a9caef);
	background-image: -webkit-gradient(linear, 
		center top, center bottom, from(#2673cd), to(#a9caef));
	background-image: -webkit-linear-gradient(265deg, #2673cd, #a9caef);
	background-image: linear-gradient(265deg, #2673cd, #a9caef);
}

.gradientOld {
	background: #0000ff;
	filter: progid: DXImageTransform.Microsoft.gradient(
		startColorstr = '#0000ff', endColorstr = '#effafa');
	-ms-filter: progid: DXImageTransform.Microsoft.gradient(
		startColorstr = '#0000ff', endColorstr = '#effafa');
	background-image: -moz-linear-gradient(265deg, #0000ff, #effafa);
	background-image: -ms-linear-gradient(265deg, #0000ff, #effafa);
	background-image: -o-linear-gradient(265deg, #0000ff, #effafa);
	background-image: -webkit-gradient(linear, 
		center top, center bottom, from(#0000ff), to(#effafa));
	background-image: -webkit-linear-gradient(265deg, #0000ff, #effafa);
	background-image: linear-gradient(265deg, #0000ff, #effafa);
	/* IE & older webkit don't fully support custom angles,
	   we're using approximate values for them */
}
.search-box {
  display:none;
}
.rotate {
height:30px;
border:0px solid white;
margin-top:-10px;
/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
font-family:arial,Helvetica,sans-serif;
 

}