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

.btn {
  background: #3498db;
  width:120px;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 20px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 35px 10px 35px;
  text-decoration: none;
}

.btn:hover {
  background: #3cfc89;
  background-image: -webkit-linear-gradient(top, #3cfc89, #d9349f);
  background-image: -moz-linear-gradient(top, #3cfc89, #d9349f);
  background-image: -ms-linear-gradient(top, #3cfc89, #d9349f);
  background-image: -o-linear-gradient(top, #3cfc89, #d9349f);
  background-image: linear-gradient(to bottom, #3cfc89, #d9349f);
  text-decoration: none;
}
#btn {
  background: #3498db;
  width:120px;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 20px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 35px 10px 35px;
  text-decoration: none;
}

#btn:hover {
  background: #3cfc89;
  background-image: -webkit-linear-gradient(top, #3cfc89, #d9349f);
  background-image: -moz-linear-gradient(top, #3cfc89, #d9349f);
  background-image: -ms-linear-gradient(top, #3cfc89, #d9349f);
  background-image: -o-linear-gradient(top, #3cfc89, #d9349f);
  background-image: linear-gradient(to bottom, #3cfc89, #d9349f);
  text-decoration: none;
}


#btn_mix {

    width:120px;
 background: #f56ebb;
  background-image: -webkit-linear-gradient(top, #f56ebb, #f5f5f5);
  background-image: -moz-linear-gradient(top, #f56ebb, #f5f5f5);
  background-image: -ms-linear-gradient(top, #f56ebb, #f5f5f5);
  background-image: -o-linear-gradient(top, #f56ebb, #f5f5f5);
  background-image: linear-gradient(to bottom, #f56ebb, #f5f5f5);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #a9e1f5;
  -webkit-box-shadow: 0px 1px 3px #edbbc9;
  -moz-box-shadow: 0px 1px 3px #edbbc9;
  box-shadow: 0px 1px 3px #edbbc9;
  font-family: Arial;
  color: #3d00ad;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  border: dotted #cc26c1 1px;
  text-decoration: none;
}

#btn_mix:hover {
background: #fafafa;
 width:120px;
  background-image: -webkit-linear-gradient(top, #fafafa, #ffc7d2);
  background-image: -moz-linear-gradient(top, #fafafa, #ffc7d2);
  background-image: -ms-linear-gradient(top, #fafafa, #ffc7d2);
  background-image: -o-linear-gradient(top, #fafafa, #ffc7d2);
  background-image: linear-gradient(to bottom, #fafafa, #ffc7d2);
  text-decoration: none;
}

#btn_save {
  background: #b6f56e;
  width:155px;
  background-image: -webkit-linear-gradient(top, #b6f56e, #d8e687);
  background-image: -moz-linear-gradient(top, #b6f56e, #d8e687);
  background-image: -ms-linear-gradient(top, #b6f56e, #d8e687);
  background-image: -o-linear-gradient(top, #b6f56e, #d8e687);
  background-image: linear-gradient(to bottom, #b6f56e, #d8e687);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 1px 1px 3px #a9e1f5;
  -webkit-box-shadow: 0px 1px 3px #edbbc9;
  -moz-box-shadow: 0px 1px 3px #edbbc9;
  box-shadow: 0px 1px 3px #edbbc9;
  font-family: Arial;
  color: #3d00ad;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: dotted #cc26c1 1px;
  text-decoration: none;
}

#btn_save:hover {
  background: #fafafa;
  width:155px;
  background-image: -webkit-linear-gradient(top, #fafafa, #c1eb65);
  background-image: -moz-linear-gradient(top, #fafafa, #c1eb65);
  background-image: -ms-linear-gradient(top, #fafafa, #c1eb65);
  background-image: -o-linear-gradient(top, #fafafa, #c1eb65);
  background-image: linear-gradient(to bottom, #fafafa, #c1eb65);
  text-decoration: none;
}
.btn_logout {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 20px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #d93491;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
}

.btn_logout:hover {
  background: #d90f42;
  background-image: -webkit-linear-gradient(top, #d90f42, #e67f00);
  background-image: -moz-linear-gradient(top, #d90f42, #e67f00);
  background-image: -ms-linear-gradient(top, #d90f42, #e67f00);
  background-image: -o-linear-gradient(top, #d90f42, #e67f00);
  background-image: linear-gradient(to bottom, #d90f42, #e67f00);
  text-decoration: none;
}


.btn_ok {
  background: #ed82ad;
    width:120px;
  background-image: -webkit-linear-gradient(top, #ed82ad, #c564d4);
  background-image: -moz-linear-gradient(top, #ed82ad, #c564d4);
  background-image: -ms-linear-gradient(top, #ed82ad, #c564d4);
  background-image: -o-linear-gradient(top, #ed82ad, #c564d4);
  background-image: linear-gradient(to bottom, #ed82ad, #c564d4);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_ok:hover {
  background: #c71c6f;
    width:120px;
  background-image: -webkit-linear-gradient(top, #c71c6f, #9e1699);
  background-image: -moz-linear-gradient(top, #c71c6f, #9e1699);
  background-image: -ms-linear-gradient(top, #c71c6f, #9e1699);
  background-image: -o-linear-gradient(top, #c71c6f, #9e1699);
  background-image: linear-gradient(to bottom, #c71c6f, #9e1699);
  text-decoration: none;
}
.btn-eq {
	width:70px;
	height:auto;
  background-color: hsl(41, 85%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efb73d", endColorstr="#a5750d");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#efb73d), to(#a5750d));
  background-image: -moz-linear-gradient(top, #efb73d, #a5750d);
  background-image: -ms-linear-gradient(top, #efb73d, #a5750d);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efb73d), color-stop(100%, #a5750d));
  background-image: -webkit-linear-gradient(top, #efb73d, #a5750d);
  background-image: -o-linear-gradient(top, #efb73d, #a5750d);
  background-image: linear-gradient(#efb73d, #a5750d);
  border-color: #a5750d #a5750d hsl(41, 85%, 29%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.39);
  -webkit-font-smoothing: antialiased;
}



.bg{
	background:#FFF;
-moz-box-shadow: 2px 3px 8px #4d87fa;
-webkit-box-shadow: 2px 3px 8px #4d87fa;
box-shadow: 2px 3px 8px #4d87fa;}
.bg2{
	-moz-box-shadow: 2px 3px 8px #941694;
	-webkit-box-shadow: 2px 3px 8px #941694;
	box-shadow: 2px 3px 8px #941694;}

.bg3{
	-moz-box-shadow: 2px 3px 8px #99FFFF;
	-webkit-box-shadow: 2px 3px 8px #99FFFF;
	box-shadow: 2px 3px 8px #99FFFF;}
.bg4{
	background:#eefbfc;
	-moz-box-shadow: 2px 3px 8px #941694;
	-webkit-box-shadow: 2px 3px 8px #941694;
	box-shadow: 2px 3px 8px #941694;}

.bg5{
	-moz-box-shadow: 2px 3px 8px #cb061a;
	-webkit-box-shadow: 2px 3px 8px #cb061a;
	box-shadow: 2px 3px 8px #cb061a;}
.bg6{ /*เขียว*/
	-moz-box-shadow: 2px 3px 5px #669933;
	-webkit-box-shadow: 2px 3px 5px #669933;
	box-shadow: 2px 3px 5px #669933;}/*32a933*/
.bg7{ เหลือง
	-moz-box-shadow: 2px 3px 5px #FFA500;
	-webkit-box-shadow: 2px 3px 5px #FFA500;
	box-shadow: 2px 3px 5px #FFA500;}	
.bg8{ /*ชมพู*/
	-moz-box-shadow: 2px 3px 3px #C71585;
	-webkit-box-shadow: 2px 3px 3px #C71585;
	box-shadow: 2px 3px 3px #C71585;}		
.bg9{
	-moz-box-shadow: 2px 3px 8px #4d87fa;
	-webkit-box-shadow: 2px 3px 8px #4d87fa;
	box-shadow: 2px 3px 8px #4d87fa;}
	
.quiz_head03 {
	clear: both;
	display: block;
	width: 1000px;
	height: 45px;
	/*padding: 3px 3px 3px  3px;
	font-size: 36px;*/
	
  /*  text-shadow: 2px 2px 4px #2535A0;
	font-family:angsana new;
	font-size:32px !important;
	font-style:!important;
	font-weight: bold;*/
	text-decoration: none;
	border-radius:10px;
	background:#FF99CC;
	/*	background:#F9C;  */
	/*background:#8B1480;:#0C*/
	
}
.quiz_head04 {
	clear: both;
	display: block;
	width: 1000px;
	height: 45px;
	text-decoration: none;
	border-radius:10px;
	background:#40c4ed;
	/*	background:#F9C;  */
	/*background:#8B1480;:#0C*/
	
}

.quiz_head05 {
	clear: both;
	display: block;
	width: 700px;
	height:100px;;
	background-repeat:no-repeat;
	text-decoration: none;
	border-radius:10px;
	/*background:#40c4ed;
	background:#F9C;  */
	background-image:url(../../images/images/GIFTED_Logo2.png);
	
}

.btn_main {
 -webkit-border-radius: 28;
  -moz-border-radius: 28;
    width:120px;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #3c9112;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn_main:hover {
  background-image: -webkit-linear-gradient(top, #6e0867, #3ca8cf);
  background-image: -moz-linear-gradient(top, #6e0867, #3ca8cf);
  background-image: -ms-linear-gradient(top, #6e0867, #3ca8cf);
  background-image: -o-linear-gradient(top, #6e0867, #3ca8cf);
  background-image: linear-gradient(to bottom, #6e0867, #3ca8cf);
  text-decoration: none;
}

/*
.tutor_btn_head02 a {
	clear: both;
	display: block;
	width: 500px;
	height: 50px;
	
	text-decoration: none;
	border-radius:10px;

	background:#97DCF0;
	margin-left:25px;
}*/
.tutor_btn_head02  {
	clear: both;
	display: block;
	width: 500px;
	height: 50px;

	text-decoration: none;
	border-radius:10px;
	/*background:#7dc010;*/
	background-color:#97DCF0;
	margin-left:25px;
} 
.tutor_btn_head03 {
	clear: both;
	display: block;
	width: 500px;
	height: 50px;

	text-decoration: none;
	border-radius:10px;
	/*background:#7dc010;*/
	background-color:#CAF3AB;
	margin-left:25px;
} 

.tutor_btn_head04 {
	clear: both;
	display: block;
	width: 750px;
	height: 50px;

	text-decoration: none;
	border-radius:10px;
	background:url(../../images/images/3_01_new.png);
	/*	background:#F9C;  */
	/*background:#8B1480;:#0C*/
	
}




/*   เขียว*/
.tutor_btn_head05 {
	clear: both;
	display: block;
	width: 750px;
	height: 50px;
	text-decoration: none;
	border-radius:10px;
	/*background:#990066;*/
	background-image:url(../../images/images/3_02_new2.png);	
}

#menu{
/*		background-color:#ECFADA;	*/
	background-image:url(images/back_n.gif);
	}
.Boxes { 
	height:auto;
	width: 900px; 
	padding: 20px;
	background-color: white; 

	
	/* outer shadows  (note the rgba is red, green, blue, alpha) */
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
	
	/* เงาชมพู
		-moz-box-shadow: 2px 3px 8px #941694;
	-webkit-box-shadow: 2px 3px 8px #941694;
	box-shadow: 2px 3px 8px #941694;}*/
	/* rounded corners */
	-webkit-border-radius: 12px;
	-moz-border-radius: 7px; 
	border-radius: 7px;
	
	/* gradients */
	background: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0%, white), color-stop(15%, white), color-stop(100%, #D7E9F5)); 
	background: -moz-linear-gradient(top, white 0%, white 55%, #D5E4F3 130%); 
	

	/* เงา
	-webkit-box-shadow: 7px 7px 38px #AAAAAA;

	-moz-box-shadow: 7px 7px 38px #AAAAAA;

	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#AAAAAA, offX=7, offY=7, positive=true);

	*/
	}
	
	
	
	
	
	.Boxes2 { 
	height:auto;
	width: 900px; 
	padding: 20px;
	background-color: white; 
	
	/* outer shadows  (note the rgba is red, green, blue, alpha) */
	-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4); 
	-moz-box-shadow: 0px 1px 6px rgba(23, 69, 88, .5);
	
	/* rounded corners */
	-webkit-border-radius: 12px;
	-moz-border-radius: 7px; 
	border-radius: 7px;
	
	/* gradients */
	background: -webkit-gradient(linear, left top, left bottom, 
	color-stop(0%, white), color-stop(15%, white), color-stop(100%, #CCFFCC)); 
	background: -moz-linear-gradient(top, white 0%, white 55%, #CCFFCC 130%); 
	}