* { padding:0; margin:0; outline:0; }/* กำหนดให้นอกสุดเป็น 0 */
body {
	font-family: Verdana, Arial, sans-serif;
	font-size:15px;
	color:#666;
	background-color:#240249;
}
a:link {
text-decoration: none;
}
#shell {width:1000px;margin:0 auto;}
#footer_advisor { background:url(../../images/footer.png); width:1000px;height:100px;margin:0 auto;}
#header_advisor { background:url(../../images/banner_168_login.png);width:1000px;height:200px;margin:0 auto;}

#header_regis { background:url(../../images/banner_168_loginad.png); width:1000px;height:200px;margin:0 auto;}
/*--เพิ่ม---*/
#header_regis #logo { display: inline; float: left; padding-top: 35px; width: 270px; }
#header_regis #logo .btn-index { display: block; width: 150px; height:130px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/logo.png) no-repeat 0 0; margin-left:25px;}
/*--end เพิ่ม---*/

#header_tutor { background:url(../../images/main.jpg); width:1000px;height:200px;margin:0 auto;}

#header_advisor #logo { display: inline; float: left; padding-top: 35px; width: 270px; }
#header_advisor #logo .btn-index { display: block; width: 150px; height:130px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/logo.png) no-repeat 0 0; margin-left:25px;}

/*----------font------------------*/
.font14{
	font-size:14px;
	font-weight:bold;
	color:#003399;	
}
.font_head{
	font-weight:bold;
	color:#003399;
	font-size:16px;	
	
}
.font_head_big_big_big{
	font-weight:bold;
	color:#003399;
	font-size:20px;	
	
}
.font_red{
	color:#F00;
	font-weight:bold;	
}
.font_green{
	color:#390;
	font-weight:bold;	
}

.style0 {
	color: #Lime;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}
.style2 {
	font-size: 24px;
	font-weight: bold;
	color: #74a333;
}
.style3 {
	font-size: 18px;
	font-weight: bold;
	color: #74a333;
}
.style4 {
	font-size: 14px;
    font-weight: bold;
	color: #000;
}
.style5 {
	color: #000000; 
    font-weight: bold; 
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #74a333;
}
.style7 {
	font-size: 10px;
    font-weight: bold;
	color: #000;
}
.style8 {
	color: #7b7b7b;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #74a333;
}
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: red;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: red;
}
.style12 {
	  font-family: Arial, Helvetica, sans-serif; 
	  font-size: 12px; }
.style13 {
	font-size: 12px;
    font-weight: bold;
	color: red;
}
.style14 {
	font-size: 18px;	
	color: #0000FF;
}
.style15 {
	font-size: 14px;
	font-weight: bold;
}
.style16 {
	font-size: 16px;
	font-weight: bold;
}
.style17 {
	font-size: 14;
	font-weight: bold;
}
.style18 {
	font-size: 16px
}
.style19 {
	font-size: 24px;
	font-weight: bold;
	color: #0000FF;
}
.style20 {
	font-size: 12px;
    font-weight: bold;
	color: #000000;
}
.style21 {
	font-size: 11px;
    font-weight: bold;
	color: #000000;
}
.style22 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FC0;
}
.style23 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: red;
}
.style24 {
	font-size: 48px;
	font-weight: bold;
	color: #0000FF;
}
.style26 {
	font-size:24px;
	font-weight:bold;
	color:#cc0099;
	
}

.style266 {
	font-size:36px;
  
	font-weight:bold;
	color:#cc0099;
	  text-shadow: 2px 2px 8px #F0D04F;
}


.style277 {
	font-size:22px;
	font-weight:bold;
	color:#cc0099;
	
}
.style28 {
	font-size:24px;
	font-weight:bold;
	color:#1F70A0;
	text-shadow: 2px 2px 8px #FFE3D7;
	
}
.style29 {
	font-size:20px;
	font-weight:bold;
	color:#1F70A0;
	text-shadow: 2px 2px 8px  #FFE3D7;
}
.style30{
	font-size:24px;
  
	font-weight:bold;
	color:#7D003F;
	 text-shadow: 2px 2px 8px #FFF;
}

h1, h2{ font-family: "Trebuchet MS", Arial, sans-serif; padding-bottom:8px; }
h1 { font-size: 30px; line-height: 40px; color:#666;}/*ปรับลักษณะตัวอักษรให้เป็นพิมพ์ใหญ่ทั้งหมด*/
h2 { font-size:17px; line-height:21px; }/*line-height คือระยะห่างระหว่างบรรทัด แนวตั้ง */

/*----------------------button-----------------*/

.button_01 a {
	display: block;
	width: 70px;
	height: 22px;
	padding: 5px 2px 0 30px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(../images/templatemo_button_01.png) no-repeat;
}

.button_01 a:hover {
	color: #ffffff;
	background: url(../images/templatemo_button_01_hover.png) no-repeat;
}

/*button-green*/
.button-green{
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	width:auto;
	padding:7px 7px 7px 7px;
	font-size:16px;
	font-weight:bold;
}
.button-green:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
/*button-green*/
.button-green2{
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	width:100px;
	height:45px;
	padding:7px 7px 7px 7px;
	font-size:22px;
	font-weight:bold;
}
.button-green2:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
/*button-red*/
.button-red {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	width:auto;
	padding:7px 7px 7px 7px;
	font-size:16px;
	font-weight:bold;
}
.button-red:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
/*button-red*/
.button-red2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	width:100px;
	height:45px;
	padding:7px 7px 7px 7px;
	font-size:22px;
	font-weight:bold;
}
.button-red2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
/*------button_orange------*/
.button_orange {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	width:auto;
	padding:7px 7px 7px 7px;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
.button_orange:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	background-color:#fb9e25;
}

.button_button {
  vertical-align: top;
  width: 137px;
  height: 54px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background:#ff9000;
  border: 0;
  border-bottom: 2px solid #C71585s;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #343947;
  box-shadow: inset 0 -2px #343947;
}
.button_button:hover,.button_button:focus {  
    background-color: #6CC;
    background-image: linear-gradient(top, #0483a0, #31b2c3);
} 
/*------button_blue------*/
.button_blue {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	width:auto;
	padding:7px 7px 7px 7px;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}
.button_blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
/*------button_blue------*/
.button_blue2 {
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	width:100px;
	height:47px;
	padding:7px 7px 7px 7px;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
.button_blue2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}


/*---------------input text กล่องกรอกข้อความต่างๆ---------------*/
.text_input {
   font-family: inherit;
   color: inherit;
 /* -webkit-box-sizing: border-box;/*----//-webkit คือใช้ได้กับ browser chome,safari -------*/
  -moz-box-sizing: border-box;/*---//-moz คือใช้ได้กับ browser mozilla firefox---
  box-sizing: border-box;-*/
  width:300px;
  height: 35px;
  margin-top:5px;
  margin-bottom:5px;
  padding: 0 15px 2px;
  background: white;
  border: 2px solid #ebebeb;
  border-radius: 4px;
 /* -webkit-box-shadow: inset 0 -2px #ebebeb;
  box-shadow: inset 0 -2px #ebebeb;*/
}
/*---------------iเมื่อกล่องกรอกข้อความโดนคลิ๊ก---------------*/
.text_input:focus {
  border-color:#C71585;
  outline: none;
 /* -webkit-box-shadow: inset 0 -2px #69F;
  box-shadow: inset 0 -2px #69F;*/
}

input {
  font-family: inherit;
  color: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------textbox _check_sup------------------*/
.text_input_check {
   font-family: inherit;
   color: inherit;
  -webkit-box-sizing: border-box;/*----//-webkit คือใช้ได้กับ browser chome,safari -------*/
  -moz-box-sizing: border-box;/*---//-moz คือใช้ได้กับ browser mozilla firefox---*/
  width:50px;
  height: 50px;
  margin-top:10px;
  margin-bottom: 25px;
  padding: 0 15px 2px;
  background: white;
  border: 2px solid #DCDCDC;
  border-radius: 4px;
  text-align: center;
  font-size:25px;
 /* -webkit-box-shadow: inset 0 -2px #ebebeb;
  box-shadow: inset 0 -2px #ebebeb;*/
}
/*---------------iเมื่อกล่องกรอกข้อความโดนคลิ๊ก---------------*/
.text_input_check:focus {
  border-color:#0099FF;
  outline: none;
 -webkit-box-shadow: inset 0 -2px #69F;
  box-shadow: inset 0 -2px #69F;
}

input_check {
  font-family: inherit;
  color: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*--------------------------text input------------*/
/*---------------input text กล่องกรอกข้อความต่างๆ---------------*/
.text_input2 {
   font-family: inherit;
   color: inherit;
  -webkit-box-sizing: border-box;/*----//-webkit คือใช้ได้กับ browser chome,safari -------*/
  -moz-box-sizing: border-box;/*---//-moz คือใช้ได้กับ browser mozilla firefox---*/
  box-sizing: border-box;
  width:350px;
  height: 50px;
  margin-top:5px;
  margin-bottom:5px;
  padding: 0 15px 2px;
  background: white;
  border: 2px solid #0099FF;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -2px #0099FF;
  box-shadow: inset 0 -2px #0099FF;
   font-size:20px;
}
/*---------------iเมื่อกล่องกรอกข้อความโดนคลิ๊ก---------------*/
.text_input2:focus {
  border-color:#FF99CC;
  outline: none;
  -webkit-box-shadow: inset 0 -2px #FF99CC;
  box-shadow: inset 0 -2px #FF99CC;
}



/*----------------------table-------------------------*/
.table_data{
	margin:0 auto;
	background:white;
	border-collapse:collapse;	/*--เปลี่ยนเส้นขอบของ htmlออก---*/
}
.table_header{
	text-align:center;
	color:#4F4F4F;
	background:#FFF0F5;
	height:40px;
}
.table_data th,.table_data td{
	border:1px solid  #B5B5B5 ;
	padding:3px;/*--บน ล่าง ขวา ซ้าย---*/
}
.table_data tr:hover td{
color: #222;
background: #eee;
}

.table_data2{
	margin:0 auto;
	background:white;
	border-collapse:collapse;	/*--เปลี่ยนเส้นขอบของ htmlออก---*/
}
.table_header2{
	text-align:center;
	color:#4F4F4F;
	background:#FFF0F5;
	height:40px;
}
.table_data2 th,.table_data2 td{
	border:1px solid  #B5B5B5 ;
	padding:3px;/*--บน ล่าง ขวา ซ้าย---*/
}
.table_data2 td:hover {
color: #222;
background: #eee;
}
/*----------------table  blue-----------------*/
.table_data_blue{
	margin:0 auto;
	background:white;
	border-collapse:collapse;	/*--เปลี่ยนเส้นขอบของ htmlออก---*/
}
.table_header_blue{
	text-align:center;
	color:#4F4F4F;
	background:#F0F8FF;
	height:40px;
}
.table_data_blue th,.table_data_blue td{
	border:1px solid  #B5B5B5;
	padding:3px;/*--บน ล่าง ขวา ซ้าย---*/
}
.table_data_blue tr:hover td{
color: #222;
background: #eee;
}
/*----------------table  green-----------------*/
.table_data_green{
	margin:0 auto;
	background:white;
	border-collapse:collapse;	/*--เปลี่ยนเส้นขอบของ htmlออก---*/
}
.table_header_green{
	text-align:center;
	color:#4F4F4F;
	background:#C1FFC1;
	height:40px;
}
.table_data_green th,.table_data_green td{
	border:1px solid  #B5B5B5;
	padding:3px;/*--บน ล่าง ขวา ซ้าย---*/
}
.table_data_green tr:hover td{
color: #222;
background: #eee;
}

/*----------------table  orange-----------------*/
.table_data_orange{
	margin:0 auto;
	background:#F8F8F8 ;
	border-collapse:collapse;	/*--เปลี่ยนเส้นขอบของ htmlออก---*/
}
.table_header_orange{
	text-align:left;
	color:#4F4F4F;
	font-size:14px;
	background:#FFDAB9;
	height:40px;
}
.table_data_orange th,.table_data_orange td{
	border-bottom:1px solid  #eee;
	padding:3px;/*--บน ล่าง ขวา ซ้าย---*/
}
.table_data_orange tr:hover td{
color: #222;
/*background: #eee;*/
background: #FFF2EC;
}

/*----------------table  orange2-----------------*/
.table_data_orange2{
	margin:0 auto;
	background:white;
	border-collapse:collapse;	/*--เปลี่ยนเส้นขอบของ htmlออก---*/
}
.table_header_orange2{
	text-align:center;
	color:#4F4F4F;
	background:#FFDAB9;
	height:40px;
}
.table_data_orange2 th,.table_data_orange2 td{
	border:1px solid #B5B5B5;
	padding:3px;/*--บน ล่าง ขวา ซ้าย---*/
}
.table_data_orange2 tr:hover td{
color: #222;
background: #eee;
}

/*----------------table  blue-----------------*/
.table_data_blue{
	margin:0 auto;
	background:white;
	border-collapse:collapse;	/*--เปลี่ยนเส้นขอบของ htmlออก---*/
}
.table_header_blue{
	text-align:left;
	color:#FFF;
	font-size:14px;
	background:#25afe4;
	height:40px;
}
.table_data_blue th,.table_data_blue td{
	border-bottom:1px solid  #eee;
	padding:3px;/*--บน ล่าง ขวา ซ้าย---*/
}
.table_data_blue tr:hover td{
color: #222;
/*background: #eee;*/
background: #f1f5f6;
}
/*-------------------login--------------------*/

.sign-up {
  position: relative;
  margin: 50px auto;
  width: 280px;
  padding: 33px 25px 29px;
  background: white;
  border-bottom: 1px solid #c4c4c4;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  border-bottom:solid 8px #398439;
}
.sign-up:before, .sign-up:after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  height: 10px;
  background: inherit;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 4px;
}
.sign-up:after {
  bottom: 3px;
  border-color: #dcdcdc;
}

.sign-up-title {
  margin: -25px -25px 25px;
  padding: 15px 25px;
  line-height: 35px;
  font-size: 26px;
  font-weight: 300;
  color:#FFF;
  text-align: center;
  background: #93d55c;
}
.sign-up-title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background:#398439;
  border-radius: 5px 5px 0 0;
  /*background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);*/
}
.sign-up-input {
  width: 100%;
  height: 50px;
  margin-bottom: 25px;
  padding: 0 15px 2px;
  font-size: 17px;
  background: white;
  border: 2px solid #ebebeb;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 -2px #ebebeb;
  box-shadow: inset 0 -2px #ebebeb;
}
.sign-up-input:focus {
  border-color: #c4e17f;
  outline: none;
  -webkit-box-shadow: inset 0 -2px #c4e17f;
  box-shadow: inset 0 -2px #c4e17f;
}
.lt-ie9 .sign-up-input {
  line-height: 48px;
}

.sign-up-button {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 54px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #f0776c;
  border: 0;
  border-bottom: 2px solid #d76b60;
  border-radius: 5px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #d76b60;
  box-shadow: inset 0 -2px #d76b60;
}
.sign-up-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

:-moz-placeholder {
  color: #ccc;
  font-weight: 300;
}

::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: 300;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 300;
}

:-ms-input-placeholder {
  color: #ccc;
  font-weight: 300;
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*----------------------welcome message----------------------*/
.message { width:690px; height:440px; background-repeat:no-repeat; background-position:0 0; text-align: center; margin:0 auto; font-size:18px;}
.welcome-message {color:#3d8b26; }

/*----------------------welcome message ADMIN----------------------*/
.message_admin { width:690px; height:585px; background-repeat:no-repeat; background-position:0 0; text-align: center; margin:0 auto; font-size:18px;}
.welcome-message_admin {color:#7300E6; }
/*------------------regis--------------------*/
/*------------------regis--------------------*/
#box{
	width:auto;
	margin:0 auto;
	padding:5px;
	background:white;
	border-bottom: 1px solid #c4c4c4;
   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);/*----//-webkit คือใช้ได้กับ browser chome,safari //-moz คือใช้ได้กับ browser mozilla firefox //-o- ใช้ได้กับ browser opera //-------*/
   -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	
}
#box2{
	width:950px;
	margin:0 auto;
	padding:2px 2px 2px 2px;
	background:white;
	border-bottom: 1px solid #c4c4c4;
   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);/*----//-webkit คือใช้ได้กับ browser chome,safari //-moz คือใช้ได้กับ browser mozilla firefox //-o- ใช้ได้กับ browser opera //-------*/
   -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	
}
#box3{
	width:950px;
	height:550px;
	margin:0 auto;
	padding:2px 2px 2px 2px;
	background:white;
	border-bottom: 1px solid #c4c4c4;
   -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);/*----//-webkit คือใช้ได้กับ browser chome,safari //-moz คือใช้ได้กับ browser mozilla firefox //-o- ใช้ได้กับ browser opera //-------*/
   -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	
}
/*------------------checkboxstyle----------------------------*/

input[type="checkbox"].custom {
  margin-left: 0;
  padding:0;
}

input[type=checkbox].css-checkbox {
  position:absolute;
  overflow:hidden;
  clip:rect(0 0 0 0);
  height:1px;
  width:1px;
  margin:-1px;
  padding:0px;
  border:0;
}

input[type=checkbox].css-checkbox+label.css-label,
input[type=checkbox].css-checkbox+label.css-label-red{
  height:50px;
  width:50px;
  display:inline-block;
  line-height:15px;
  background-repeat:no-repeat;
  background-position:0 0;
  font-size:13px;
  vertical-align:middle;
  cursor:pointer;
  opacity:1;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

input[type=checkbox].css-checkbox+label.css-label:hover,
input[type=checkbox].css-checkbox+label.css-label-red:hover{
  opacity:0.5;
}

input[type=checkbox].css-checkbox:checked+label.css-label,
input[type=checkbox].css-checkbox:checked+label.css-label-red
{
  background-position:0 -50px;
}

.css-label {
  background-image:url(../../images/check_green3.png);
}

.css-label-red {
  background-image:url(../../images/check_red3.png);
}

.font_green_big{
	color:#390;
	font-weight:bold;
	font-size:18px;
}
.font_green_big_big{
	color:#390;
	font-weight:bold;
	font-size:24px;
}
.font_green16{
	color:#390;
	font-weight:bold;
	font-size:16px;
}
.font_red_big{
	color:#F00;
	font-weight:bold;	
	font-size:18px;
}
.font_red_big_big{
	color:#F00;
	font-weight:bold;	
	font-size:24px;
}

/*--------------tooltip------------------------*/
.tooltips {
  position: relative;
  display: inline;
}
.tooltips span {
  position: absolute;
  width:200px;
  color: #FFFFFF;
  background:#3399FF;
  height: 30px;
  line-height: 30px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #3399FF;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltips:hover span {
  visibility: visible;
  opacity: 0.8;
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}
/*---------------ribbon------------------*/

[class^="ribbon-"] {
  position: relative;
}
[class^="ribbon-"]:before, [class^="ribbon-"]:after {
  content: "";
  position: absolute;
}

.ribbon-2 {
  width: 70%;
  height: 50px;
  background:#FFCC00;
  left: -150px;
  color:#CC6600;
  font-weight:bold;
  top:5px;
}
/*.ribbon-2:before {
  height: 0;
  width: 0;
  border-top: 10px solid #cd8d11;
  border-left: 10px solid transparent;
  bottom: -10px;
}*/
.ribbon-2:after {
  height: 0;
  width: 0;
  border-top:26px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 15px solid #FFCC00;
  right: -15px;
  top:-1px;
}
.ribbon-2 h2 {
   font-size: 24px!important;
   color:#663333;
   text-shadow: #fff 0 1px 0;
   margin:0px;
   padding: 15px 10px;
   text-align:left;
   }


.button-red3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	width:auto;
	height:45px;
	padding:7px 7px 7px 7px;
	font-size:20px;
	font-weight:bold;
}
.button-red3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
.button-red-big {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	width:300px;
	height:100px;
	padding:7px 7px 7px 7px;
	font-size:28px;
	font-weight:bold;
}
.button-red-big:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}


.button-green3{
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	width:auto;
	height:45px;
	padding:7px 7px 7px 7px;
	font-size:20px;
	font-weight:bold;
}
.button-green3:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}

.button-green-big{
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	width:300px;
	height:100px;
	padding:7px 7px 7px 7px;
	font-size:30px;
	font-weight:bold;
}
.button-green-big:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.button-red22 {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fc8d83), color-stop(1, #e4685d));
	background:-moz-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-webkit-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-o-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:-ms-linear-gradient(top, #fc8d83 5%, #e4685d 100%);
	background:linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8d83', endColorstr='#e4685d',GradientType=0);
	background-color:#fc8d83;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	width:150px;
	height:60px;
	padding:7px 7px 7px 7px;
	font-size:20px;
	font-weight:bold;
}
.button-red22:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #fc8d83));
	background:-moz-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-webkit-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-o-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:-ms-linear-gradient(top, #e4685d 5%, #fc8d83 100%);
	background:linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#fc8d83',GradientType=0);
	background-color:#e4685d;
}
/*--------------tooltip------------------------*/
.tooltips2 {
  position: relative;
  display: inline;
}
.tooltips2 span {
  position: absolute;
  width:500px;
  color: #FFFFFF;
  background:#FF6699;
  height: 40px;
  line-height: 40px;
  text-align: center;
  visibility: hidden;
  border-radius: 6px;
}
.tooltips2 span:after {
  content: '';
  position: absolute;
  top: 100%;
  left:20%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #FF6699;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
.tooltips2:hover span {
  visibility: visible;
  opacity: 0.8;
  bottom: 40px;
  left: 20%;
  margin-left: -76px;
  z-index: 999;
}