@import url("fonts.css");
#wrapper {
    width: 100%;
    position: relative;
}

#header {
    position: relative;
    width: 1300px;
    margin: 0 auto;
    height: auto;
    font-size: 14px;
}

.topbarlogin {
	position: relative;
	width:100%;
	float:left;
	text-align:right;
	}

.topbarlogobanner {
	position: relative;
	width:100%;
	float:left;
	}

.logo {
    float: left;
    width: 300px;
    height: 90px;
    overflow: hidden;
	padding:20px 0px 0px 0px;
}

.titlelogo { 
font-family: 'promptmedium', tahoma; 
color:#004080;
 text-shadow:2px 2px 1px #f5f5f5;
 }

.topbanner {
	 float: left;
    width: 850px;
    height: 90px;
	}


.top-bar {    border-bottom: 1px solid #000;}


.clearfix {
    display: inline-block;
}

.topheadmenu { display:block;  font-size:15px;}
ul.topheadmenu  {    list-style-type:none;    margin: 0;    padding: 5px;}
ul.topheadmenu  li {	display: inline;    margin:10px;}
ul.topheadmenu li a {    color: #555;  font-size:15px;  text-decoration: none;	padding:20px;	}
ul.topheadmenu li a:hover {	color: #004080;}
ul.topheadmenu li a:active {  color: #999;}
ul.topheadmenu li a:visitor {   color: #222;}

.topbarmenu {
	position: relative;
	width:100%;
	float:left;
	}
.oawjoa  { width:1280px; height:50px; display:block; padding:10px; background-color:#1e7d50; color:#FFF; margin-top:-50px;  font-size:16px; border-top-left-radius:5px; border-top-right-radius:5px; font-family:'fontthai',tahoma;}
.mainadv {width:100%; display:block;background: url(../images4/overview14.jpg) no-repeat;}
@media screen and (min-width: 1601px) {
 .mainadv {background: url(../images4/overview142.jpg) top center  no-repeat;}
}

.mainadv2 {width:100%; display:block;background: url(../images4/overview25.jpg) no-repeat;}
@media screen and (min-width: 1601px) {
 .mainadv2 {background: url(../images4/overview525.jpg) top center  no-repeat;}
}

.mainadv3 {width:100%; display:block;background: url(../images4/bg-login2.jpg) no-repeat;}
@media screen and (min-width: 1601px) {
 .mainadv3 {background: url(../images4/bg-login.jpg) top center no-repeat;}
}

.mainadv4 {width:100%; display:block;background: url(../images4/bg-login3.jpg) no-repeat;}
@media screen and (min-width: 1601px) {
 .mainadv4 {background: url(../images4/bg-login4.jpg) top center no-repeat;}
}


.advoverview {
	 position: relative;
	 width:1295px;
	 height:644px;	
	  margin:0 auto; 
	  margin-top:-27px;
	}
	
.advoverview2 {
	 position: relative;
	 width:1295px;
	 height:502px;	
	  margin:0 auto; 
	  margin-top:-44px;
	}
	
.advoverview3 {
	 position: relative;
	 width:100%;
	 height:900px;	
	  margin:0 auto; 
	  margin-top:-25px;
	}		

.advquickjobs {
	width:426px;
	height:298px;
		background-color:#e4e4c6;
		float:left;
	 }

 .titleadvquickjobs {  width:99%; font-size:18px; background-color:#FFCC00; padding:3px; margin:0px;}
 .advquickjobscontent { padding:3px;}

 .quickjobitem { display:block; }
ul.quickjobitem  {  list-style-type:none;    margin: 0;  }
ul.quickjobitem  li {display: inline;   word-wrap:break-word; margin:1px;padding: 5px; float:left; }
ul.quickjobitem li a { color: #222;  text-decoration: none;  padding: 5px 10px; border:1px solid #eee; border-radius:15px; display:block; font-weight:300; font-family:tahoma; font-size:15px;}
ul.quickjobitem li a:hover { background-color: #0080ff; color:#FFF;}
ul.quickjobitem li a:active { color: #0080ff;}
ul.quickjobitem li a:visitor { color: #0080ff;}

.viptitle {
	 padding:10px 20px;
	 background-color:#0B0;
	 border-radius:3px;
	 text-align:center;
	 color:#FFFFFF;
 }

 .freetitle {
	 padding:5px;
	 border-radius:3px;
	 text-align:center;
	 border:1px solid #666;
 }

 .viptitle:hover { color:#FFFFFF; position:relative;top:1px;}
 .freetitle:hover { position:relative;top:1px;}

 .logintitle {
	 padding:5px;
	 background-color:#0080C0;
	 border-radius:3px;
	 text-align:center;
	 color:#FFFFFF;
 }

  .jobseekertitle {
	 padding:5px;
	 background-color:#FC0;
	 border-radius:3px;
	 text-align:center;
	 color:#FFFFFF;
 }
  .jobseekertitle:hover { color:#FFFFFF; position:relative;top:1px;}
  .logintitle:hover { color:#FFFFFF; position:relative;top:1px;}
  .btnblueapply {padding:3px; background-color:#0080FF; border:1px solid #0080C0; border-radius:5px; font-size:12px;}
  .btnblueapply:hover { background-color:#004080; }
 .divboxspace { width:100%; display:inline-block; margin:5px; padding:5px;}
 .posterfreeadv { padding:3px; background-color:#E8E8E8; border:1px solid #D7D7D7; border-radius:5px;}
 .btnfreeadv { padding:3px; background-color:#E8E8E8; border:1px solid #D7D7D7; border-radius:5px; }
 .btnfreeadv:hover { background-color:#C0C0C0;  }
 .boxframefreeadv { width:600px; padding:20px; height:300px; background-color:#EFEFEF; border:2px solid #E5E5E5;border-radius:30px;}

 .box554193 {
	 float:left;
	 margin:10px;
	 width:560px;
	 height:250px;
	 padding:10px;
	 border-radius:10px;
	 }
.boxblue { background-color:#57c4ef; }
.boxwhite { background-color:#fff; color:#24aa9f; text-align:left;}
.title_e { float: left; margin-top:-50px;padding:2px; color:#FFFFFF; font-size:large; }
.boxlogo_e {
     float: left;
    width: 127px;
    height: 121px;
    overflow: hidden;
    background: url(../images4/icon_company.png) no-repeat;
	padding:50px 5px 0px 0px;
	}
.boxcontent_e {
   float: left;
    width: 380px;
	color:#FFFFFF;
	text-align:left;
    }
.btn_e { float: left; background-color:#ffd700; padding:5px; color:#FFFFFF; width:150px; text-align:center;}
.btn_e:hover { position:relative;	top:1px;}
.boxprocess_e { float: left; padding:3px; color:#FFFFFF;}
.boxlogo_js {
	 float: left;
    width: 133px;
    height: 132px;
    overflow: hidden;
    background: url(../images4/resume1.jpg) no-repeat;
	padding:50px 5px 0px 0px;

	}
.boxcontent_js {
	 float: left;
    width: 380px;
	color:#24aa9f;
	text-align:left;
	}
.title_js { color:#004080; font-size:x-large; }
.btn_js{ float: left; background-color:#24aa9f; width:150px; padding:5px; color:#FFFFFF; text-align:center;}
.btn_js:hover { position:relative;	top:1px;}
.btn_js_express { float: left; margin-left:30px; width:150px; background-color:#91b046; padding:5px; color:#FFFFFF;text-align:center;}
.btn_js_express:hover { position:relative;	top:1px;}
.pic1 {    background: url(../images4/pic1.jpg) no-repeat;	}
.pic2 {    background: url(../images4/pic2.jpg) no-repeat;	}
.visitor {  float:left;color:#004080; font-size:x-large; }
.txtvisitor {  float:left;color:#004080; font-size:x-large; background-color: #fff; padding:4px; border:2px solid #004080; }
.xtxsince {float:left; margin-top:10px; padding:5px;  color:#999; text-align:left; font-size:14px;   }
.clickjob { width:250px; padding:2px;  color:#696934; text-align:left;}
.txtadvtitle { float:left; width:1180px; margin:2px; background-color:#FFF; color:#808080; padding:10px; border:1px solid #999; border-radius:5px; text-align:left;}
.boxadv500 { float:left; width:332; height:150px; margin:10px; background-color:#FFF; color:#808080; padding:5px; border:1px solid #999;  text-align:left;}

.boxvistor {float:left;width:1150px; min-height:88px; padding:10px;  display:block;}
.boxpromotion {float:left;width:1180px; min-height:250px; padding:10px; display:block; background:url(../images4/pic4.jpg) no-repeat;}
.boxpromotioncontent {width:1150px;padding:10px; border-radius:10px; background:url(../images4/pic7.png) no-repeat right;color:#fff; display:block;}
.promotioncontent {margin-left:420px; margin-top:20px; width:750px; word-wrap:break-word; background-color:#FFC; padding:10px;}
.blockspace {float:left; width:1100px; min-height:5px; padding:5px; display:block;}
.vipcustomer {float:left; width:1180px; min-height:200px; padding:10px;margin-top:10px;}
.titlevipcustomer {background-color:#fff; padding:3px; border:1px solid #ccc; width:200px; border-radius:3px; font-family:promptmedium, tahoma;}

		.careerlist ul {
			list-style-type: none;
			margin:0px;
			padding:0px;
			display:block;
		}
		.careerlist ul li {
			float:left;
			margin:10px;
			position:relative;
		}

		.careerlist ul li  a {
			color:#222;
			text-align:left;
			display:line-block;
			font-family:tahoma;
			font-size:15px;
			border-radius:15px;
		border:1px solid #999;
		background-color:#FFF;
		padding:5px 10px;
		}

		.careerlist ul li a:hover {
				border:1px solid #0080ff;;
			color:#0080ff;
			
		}


		.clear { clear:both; }

 .mapofthailand {
	 float: left;
    width: 700px;
    height: 880px;
    overflow: hidden;
    background: url(../images/map-of-thailand.gif) no-repeat;
	padding:0px 5px 0px 500px;
	}

.boxadv { background-color:#e2e6e6; width:100%; height:250px;}
.logowin { float:left; width:200px; height:200px;}
.txtwin { float:left; width:800px; height:200px; padding:20px; color:#222; text-align:left; word-wrap:break-word;}
.btnwin { width: 400px; background-color:#08618b; padding:20px; color:#FFFFFF; font-size:24px; border:1px solid#036; border-radius:5px; box-shadow:2px 2px 1px #CCC;}
.btnwin:hover { position:relative;	top:1px;}
#contentx {
            display:block;
            margin:20px 14px 10px;
            padding:0 0 20px;
            position:relative;
        }

 .boxReg {
            background:none repeat scroll 0 0 #FFFFFF;
            border:1px solid #CCCCCC;
            box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
            text-align:left;
            margin:0 auto;
            width:1100px;
            min-height:1000px;
			padding:20px;
        }

        #styleboxmess {
			float:left;
			margin:20px;
            background:none repeat scroll 0 0 #FFFFFF;
            border:1px solid #CCCCCC;
            box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
            text-align:left;
            width:500px;
            min-height:200px;
        }

        #contentx div {
            color:#555555;
            font-size:95%;
            line-height:135%;
        }

        #headx {
            background-color:#003C69;
            margin:0;
    	    height:55px;
            min-height:0;
            display:block;
			font-family:tahoma;
			color:#FFF;
			text-align:center;
			padding-top:10px;
        }

		   #headx2 {
            background-color:#FFD700;
            margin:0;
    	    height:55px;
            min-height:0;
            display:block;
			font-family:tahoma;
			color:#002953;
			text-align:center;
			padding-top:10px;
        }


	.btngreennew {
	-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;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:tahoma;
	font-size:15px;
	font-weight:bold;
	padding:10px 51px;
	text-decoration:none;
	text-shadow:-1px 1px 0px #528009;
}
.btngreennew: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;
	color:#FFFFFF;
}
.btngreennew:active {
	position:relative;
	top:1px;
}

.btngreennew:visited{
	color:#FFFFFF;
}

.btngreennewapply {
	-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;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:25px 76px;
	text-decoration:none;
	text-shadow:-1px 1px 0px #528009;
}
.btngreennewapply: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;
}
.btngreennewapply:active {
	position:relative;
	top:1px;
}

.btngreennewapply2 {
    width:300px;
   height:100px;
	background-color: #56aa29;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset;
    border: 1px solid #2fab41;
	}

.btngreennewapply2:active {
	position:relative;
	top:1px;
}

.freespace { padding:10px; width:1000px; display:inline-block;}
.container-4{
  overflow: hidden;
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
}


.container-4 input#search{
  width: 300px;
  height: 50px;
  background: #2b303b;
  border: none;
  font-size: 10pt;
  float: left;
  color: #fff;
  padding-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.container-4 input#search::-webkit-input-placeholder {
   color: #65737e;
}

.container-4 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;
}

.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;
}

.container-4 input#search:-ms-input-placeholder {
   color: #65737e;
}

.container-4 button.icon{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;

  border: none;
  background: #232833;
  height: 50px;
  width: 50px;
  color: #4f5b66;
  opacity: 0;
  font-size: 10pt;

  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
    outline: none;
    opacity: 1;
    margin-left: -50px;
  }

  .container-4:hover button.icon:hover{
    background: white;
  }

.greyButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:tahoma;
	font-size:16px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.greyButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.greyButton:active {
	position:relative;
	top:1px;
}

.titleBtn {
	width:350px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Tahoma;
  color: #FFD700;
  font-size: 20px;
  font-weight:bold;
  background: #036;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.style2 {  color:#004080;}
.boxnotice { width:800px; background-color:#fff; padding:5px; border:1px solid #ccc; border-radius:5px; color:#004080;}
.title-green {
	font-size: large;
	color:#004080;
}

.boxjobadv {width:1080px; height:219px; background: url(../images4/pic3.jpg) no-repeat; }
.fontgoldtitlejob {color:#FFD700; font-family: 'promptmedium', tahoma;  font-size:18px; text-shadow: 1px 1px 1px  #666; }
.formsearchjob { float:left;  width:1000px; }
.fontcolortotalr { float:left; color:#0080C0; font-size:16px; width:300px; }
.whitesmall { float:left; color:#FFFFFF; font-size:12px;  text-align:left; word-wrap:break-word; width:1000px; }
#search-form { margin:40px 0px 0px 100px; z-index:10; position:absolute;}
#search-page-border {  float:left; border-radius:2px; padding:5px; background-color:#F5F5F5; }
#search-page-border:hover { box-shadow:2px 2px 1px #004080;}
#search-which { margin:0 1px; padding-left:2px; }
#search-which, select option { font-size:14px; border:0; background-color:#F5F5F5; }
#search-submit { padding:3px; font-size:14px; border:none; border-radius: 2px; padding-left:25px; height:30px;background: url(../images4/icon_search.png) no-repeat; font-weight:bold; }
#search-submit:hover { background-color:#FFCC00; cursor:pointer;}
.txtadvhome {margin-left:779px; margin-top:250px; position:absolute; z-index:10; width:400px; background-color:#fc7a03; padding:7px; text-align:center; border-radius:4px; font-family:'kanit',tahoma; font-size:15px; }
.lnkadvhome {color:#fff; font-size:25px; font-weight:bold; font-family:tahoma; display:block;}
.lnkadvhome:hover {color:#FC3;}
.lnkadvhome:visited {color:#fff;}
.lnkadvhome:active { position:relative;top:1px;}
.strs {
	 width: 130px;
    border:1px solid #F5F5F5;
    border-radius: 4px;
    font-size: 14px;
    background-color:#f5f5f5;
	color:#5698C9;
	}

.jstitleloged { float:left; width:1200px; margin:10px; background-color:#FFD700; color:#036; padding:10px;  border-radius:5px; text-align:left; }
.orangebold { font-weight:bold; color:#FF9900;}
.jsnameloged { float:left;padding-left:40px;height:35px; background: url(../images4/icon_logined.png) no-repeat; }
.jslogedtoexit { float:right;  width:150px; height:30px; padding-left:30px; background: url(../images4/icon_exit.png) no-repeat; }

.etitleloged { float:left; width:1200px; margin:10px; background-color:#FFD700; color:#036; padding:10px; border-radius:5px; text-align:left; }
.orangebold { font-weight:bold; color:#FF9900;}
.enameloged { float:left;padding-left:40px;height:35px; background: url(../images4/icon_logined.png) no-repeat;  }
.elogedtoexit { float:right;  width:150px; height:30px; padding-left:30px; background: url(../images4/icon_exit.png) no-repeat; }

.advmenuhome { display:block; }
ul.advmenuhome  {  list-style-type:none; }
ul.advmenuhome li {	display: inline-block; border:1px solid #ddd; margin:5px;  	}
ul.advmenuhome li a {  text-decoration: none; }
ul.advmenuhome li  img { margin:3px;}
ul.advmenuhome li  img:hover { box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

.jsregcircle {
height: 50px;
margin-left: 6px;
padding: 8px 3px 0;
text-align: center;
width: 52px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
background-color: #FFD700;
}

.fontcircle_act{
font-size: 25px;
font-weight: bold;
margin-top: 15px;
line-height: 10px;
color: #036;
}

.jsregcircleoff {
height: 50px;
margin-left: 6px;
padding: 8px 3px 0;
text-align: center;
width: 52px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
background-color: #DBDBDB;
}

.fontcircle_off{
font-size: 17px;
font-weight: bold;
margin-top: 15px;
line-height: 10px;
color: #666;
}

.fontgreen20 { 
 padding:10px;
 font-size:18px; 
 font-family:'promptmedium',tahoma;
 color:#FFFFDF;
 background:#004080;
 border:1px solid #004080;
  border-radius:5px; 
  width:600px;
  text-align:center;
  height:30px;
  }

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

	.btn_SubmitE {
	display:block;
	width:888px;
	font-size:48px;
	padding:20px;
	color:#004080;
	text-align:center;
	background-color:#FFD700;
	border-color:#FFFFFF;
	border: 1px solid #FFFFFF;
	box-shadow: 2px 2px 1px #CCC;
	cursor:pointer;
	}


	.btn_SubmitE:hover , btn_SubmitE:active {position:relative;top:2px; }


	.eButtonSubmit {
	-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:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Tahoma;
	font-size:30px;
	font-weight:bold;
	padding:15px 66px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.eButtonSubmit: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;
}
.eButtonSubmit:active {
	position:relative;
	top:1px;
}

.fwhite { color:#fff;}
.fontgoldtitle { color:#FFD700;}


.btnjs2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background-color:#007dc1;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:tahoma;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.btnjs2:hover {
	background-color:#0061a7;
}
.btnjs2:active {
	position:relative;
	top:1px;
}

.btnjs1 {
	-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-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.btnjs1:hover {
	background-color:#77a809;
}
.btnjs1:active {
	position:relative;
	top:1px;
}

.btnapplyrow3 { max-width:120px;background-color:#0080FF; padding:3px 6px; display:block; font-family: promptmedium,tahoma; border-radius:3px;}
.btnapplyrow3:hover { background-color:#F00; color:#FFD700;}
.btnapplyrow3:active { position:relative;top:1px;}
.btnapplyrow3:visited{ background-color:#ccc;}

.btnapplyrow4 { min-width:150px;background-color:#0080ff;  padding:3px 6px; display:block; font-family: promptmedium,tahoma;border-radius:3px; text-align:center; height:28px; }
.btnapplyrow4:hover { background-color:#004080; color:#FFD700;}
.btnapplyrow4:active { position:relative;top:1px;}
.btnapplyrow4:visited{ background-color:#ccc;}

.btnorange {width:130px;background-color:#FF8000; padding:3px; display:block; font-weight:bold; border-radius:3px; text-align:center; }
.btnorange:hover {background-color:#E67300;}
.btnorange:active {position:relative;top:1px; }
.absoluteCenter {  position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; }
fieldset { border:1px solid #ccc; margin:0 2px; padding:5px;}

a.htooltip {
    outline: none;
    text-decoration: none;
    position: relative;
	font-family:promptmedium, tahoma;
}

a.htooltip strong {
    line-height: 30px;
}

a.htooltip > span {
    width: 250px;
    padding: 10px 20px;
    margin-top: 0;
    margin-left: -120px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
	z-index:999999999 !important;
    font-family:promptmedium, tahoma;
    font-size: 13px;
    border-radius: 3px;
	text-align:left;
    box-shadow: 2px 2px 2px #999;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function:
        ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

/*a.tooltip > span:hover,*/
a.htooltip:hover > span {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 50px;
    display: inline;
    margin-left: -90px;
}

a.htooltip span b {
    width: 15px;
    height: 15px;
    margin-left: 40px;
    margin-top: -19px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: inset -1px 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    display: none\0/;
    *display: none;
}

a.htooltip > span {
	color: #036;
	background: #FBF5E6;
	background: -webkit-linear-gradient(top, #FBF5E6, #FFFFFF);
	background: linear-gradient(top, #FBF5E6, #FFFFFF);
	border: 1px solid #CFB57C;
}

a.htooltip span b {
	background: #FBF5E6;
	border-top: 1px solid #CFB57C;
	border-right: 1px solid #CFB57C;
}

.modern {
  display: inline-block;
  margin: 10px;
  padding: 0px;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  transition: all 0.3s ease-out;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 1px rgba(0,0,0,0.2);
  text-decoration: none;
}

.modern:hover  { background: #C7FE0A; }
.socle {
  position: relative;
  z-index: 2;
}

.socle:after {
  content: "";
  z-index: -1;
  position: absolute;
  border-radius: 6px;
  box-shadow:
	inset 0 1px 0 rgba(0,0,0,0.1),
	inset 0 -1px 0 rgba(255,255,255,0.7);
  top: -6px; bottom: -6px;
  right: -6px; left: -6px;
  background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0));
}

.tshadow1 {    text-shadow: 0 1px 1px rgba(255,255,255,0.3);}

.ribbon-wrapper-green {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-green {
  font: bold 15px Sans-Serif;
  color: #fff;
  text-align: center;
  text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #00D200;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00D200), to(#009B00));
  background-image: -webkit-linear-gradient(top, #00D200, #009B00);
  background-image:    -moz-linear-gradient(top, #00D200, #009B00);
  background-image:     -ms-linear-gradient(top, #00D200, #009B00);
  background-image:      -o-linear-gradient(top, #00D200, #009B00);
  color: #FF0;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}

 .menujs { display:block; }
ul.menujs  {  list-style-type:none;    margin: 0;  }
ul.menujs  li {display: inline;   word-wrap:break-word; margin:1px;padding: 5px; float:left; }
ul.menujs li a { color: #999;  text-decoration: none;  padding: 5px; background-color:#FFF; border:1px solid #F90; border-radius:5px; display:block;}
ul.menujs li a:hover { color: #036; background-color:#FFC;}
ul.menujs li a:active { color: #036;}
ul.menujs li a:visitor { color: #036;}

.saveButton {
	-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:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.saveButton: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;
}
.saveButton:active {
	position:relative;
	top:1px;
}

.btn_new_blue  {
  background: #3498db;
  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: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #ffffff;
  font-size: 15px;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
    border:0px;
  cursor:pointer;
}
.btn_new_blue:hover {
  background: #3cb0fd;
  text-decoration: none;
}
.btn_new_blue:active {
	position:relative;
	top:1px;
}
.btn_new_green {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #ffffff;
  font-size: 15px;
  background: #22ad07;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
    border:0px;
  cursor:pointer;
}
.btn_new_green:hover {
  background: #28c708;
  text-decoration: none;
}
.btn_new_green:active {
	position:relative;
	top:1px;
}
.btn_new_red{
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #ffffff;
  font-size: 15px;
  background: #ab0911;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  border:0px;
  cursor:pointer;
}
.btn_new_red:hover {
  background: #c70a0a;
  text-decoration: none;
}
.btn_new_red:active {
	position:relative;
	top:1px;
}

.btn_new_red2{
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  color: #ffffff;
  font-size: 15px;
  background: #ab0911;
  padding: 5px;
  text-decoration: none;
  border:0px;
  cursor:pointer;
}
.btn_new_red2:hover {
  background: #c70a0a;
  text-decoration: none;
}
.btn_new_red2:active {
	position:relative;
	top:1px;
}
.btn_new_gold {
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #081e75;
  font-size: 15px;
  font-weight:bold;
  background: #ffd900;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
  border:0px;
  cursor:pointer;
}
.btn_new_gold:hover {
  background: #DFDF00;
  text-decoration: none;
}
.btn_new_gold:active {
	position:relative;
	top:1px;
}

.btn_new_apply {
	-moz-box-shadow:inset 0px 1px 0px 0px #99e358;
	-webkit-box-shadow:inset 0px 1px 0px 0px #99e358;
	box-shadow:inset 0px 1px 0px 0px #99e358;
	background-color:#6c9903;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #828282;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:24px;
	font-weight:bold;
	padding:11px 49px;
	text-decoration:none;
	text-shadow:1px 1px 0px #3e6105;
}
.btn_new_apply:hover {
	background-color:#77a809;
	color:#ffffff;
}

.btn_new_apply:visited{
	background-color:#FFD700;
	color:#FFF
}
.btn_new_apply:active {
	position:relative;
	top:1px;
}
.specialprice {
	background-color:#0080FF;
	color:#FFD700;
	padding:3px;
	width:250px;
	}

.btninvoice {
	float:left;
	width:200px;
	padding:10px;
	background:#FFF;
	border:1px solid #808000;
	border-radius:5px;
	text-align:center;
	color:#808000;
	margin:10px;
	font-size:18px;
	font-weight:bold;
	}
.btninvoice:hover { background-color:#FFD700; color:FFF;}
.btninvoice:active {position:relative; top:1px}
.btninvoice:visited {background-color:#FFD700; color:FFF;}

#rib_effect {
     font-size: 18px;
     width: 1290px;
     position: relative;
     background: #FF5706;
     color: #FFF;
     text-align: center;
     text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
     box-shadow: 0px 5px 8px rgba(0,0,0,0.3);
     -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
     padding: 20px 30px;
     margin: -30px auto 10px -30px;
	 letter-spacing:3px;
}

#rib_effect:before, #rib_effect:after {
     position: absolute;
     bottom: -18px;
     border: solid 30px #D74600;
     content: "";
     z-index: -1;
}

#rib_effect:after {
     border-left-width: 60px;
     border-right-color: transparent;
     right: -72px;
}

#rib_effect:before {
     border-right-width: 60px;
     border-left-color: transparent;
     left: -72px;
}

#rib_effect #rib_text:after, #rib_text:before {
     position: absolute;
     border-style: solid;
     border-color: #CE4300 transparent;
     content: "";
     bottom: -18px;
}

#rib_effect #rib_text:after {
     right: 0;
     border-width: 18px 18px 0 0;
}

#rib_effect #rib_text:before {
     left: 0;
     border-width: 18px 0 0 18px;
 }

 .noticefication {
	 width:888px;
	 margin-left:20px;
	 padding:10px;
	 background-color:#C10D5F;
	 color:#FC0;
	 border-radius:5px;
	 font-family:'promptmedium',tahoma;
	 font-size:14px;
	 }

	.linknoticefication {
	background-color:#800040;
	padding:40px 5px 10px 3px;
	width:130px;
	min-height:200px;
	}

	.linknoticefication:active {
	position:relative;
	top:1px;
	}
	
 .btn114blue {
	 border:none;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background-color:#0080FF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'promptmedium', tahoma; 
	font-size:17px;
	padding:6px 24px;
	text-decoration:none;
}
.btn114blue:hover {
	background-color:#0061a7;
}
.btn114blue:active {
	position:relative;
	top:1px; 
}

.fontpromt { font-family: 'promptmedium', tahoma  !important;  }
.font114 { font-family: 'promptmedium', tahoma;  font-size:14px;}
.font114blue { font-family: 'promptmedium', tahoma;  font-size:14px; color:#004080;}
.font114green {width:250px;background-color:#090; font-family: 'promptmedium', tahoma; color:#FFF; padding:10px; font-size:16px;}
.font113orange { font-family: 'promptmedium', tahoma;  font-size:13px; color:#FF9900;}
.font11413 { font-family: 'promptmedium', tahoma;  font-size:13px; color:#FFD700; line-height:30px;}
.font113blue { font-family: 'promptmedium', tahoma;  font-size:13px; color:#004080;}
.btn244blue  {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'promptmedium',tahoma;
	font-size:13px;
	padding:7px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.btn244blue:hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	border:1px solid #124d77;
	background-color:#0061a7;
}
.btn244blue:active {
	position:relative;
	top:1px;
}

.btnbluenew {
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	background-color:#FFF;
	border:2px solid #004080;
	color:#004080;
	border-radius:16px;
	width:150px;
	padding:5px;
	font-size:14px;
	font-family:'promptmedium',tahoma;
	text-align:center;	
	}
	
.btnbluenew:hover {	background-color:#FFF;	border:1px solid #004080;	color:#004080;	}	
.btnbluenew:active {	position:relative;	top:1px;}
.btnbluenew:visited {color:#004080	}	
.styleboxmess2017 { width:1150px; background-color:#F0F0F0; padding:10px;}
.boxmember2017 { width:95%; padding:10px; background-color:#F4F4F4; border-radius:10px; border:1px solid #ccc; text-align:center;}
.row-link {   text-align: center;    line-height: 39px;}
.row-link:hover { border:1px solid #ccc; box-shadow:2px 2px 1px #999;}
.row2017 {	background-color:#FFF;  }
.row2017  table tbody tr {  cursor: pointer; }
.row2017 tr:hover { background-color:#FFFFE6; outline:1px solid #ccc; }
.row2017 td a {  display: block;   }
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 14px;
    border: none;
	border-radius:3px;
	cursor:pointer;
}

.dropdown {  position: relative;    display: inline-block;}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 290px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1;}
.dropdown:hover .dropdown-content {    display: block;}
.dropdown:hover .dropbtn {   background-color: #3e8e41;}

.btnbluenew2017 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background-color:#f9f9f9;
	-moz-border-radius:21px;
	-webkit-border-radius:21px;
	border-radius:21px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
    font-family:'promptmedium',tahoma;
	font-size:16px;
	padding:9px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.btnbluenew2017:hover {	background-color:#e9e9e9;}
.btnbluenew2017:active {	position:relative;	top:1px;}
.h_linedot {	border-width:1px;	border-bottom-style:dotted;	border-bottom-color:#E1E1E1;	}
.titlecompany2017 {width:600px; padding:5px 10px;  color:#FF8000; border:2px solid #FF8000; border-radius:21px; display:block; font-size:18px; font-family:'promptmedium',tahoma;}
.membermenufree { position:relative; display:block; font-family:'promptmedium',tahoma;font-size:15px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.membermenufree ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden;border: 1px solid #e7e7e7; background-color: #f3f3f3; }
.membermenufree li {  float: left; font-family:'promptmedium',tahoma;}
.membermenufree li a { display: block; color: #666; text-align: center; padding: 14px 16px; text-decoration: none;font-family:'promptmedium',tahoma;font-size:15px;}
.membermenufree li a:hover:not(.active) {  background-color: #ddd;}
.membermenufree .right {float: right;}
.membermenufree li a.active { color: white;  background-color: #4CAF50;}
ul.membermenuvip {  list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333;}
ul.membermenuvip li {float: left;}
ul.membermenuvip li a { display: block;color: white; text-align: center;  padding: 14px 16px; text-decoration: none;font-family:'promptmedium',tahoma;font-size:15px;}
ul.membermenuvip li a:hover:not(.active) {background-color: #111;}
ul.membermenuvip li a.active {background-color: #4CAF50;}
ul.membermenuvip li.right {float: right;}
.vipforfree{  width:688px; padding:10px; border-top-left-radius:10px; border-top-right-radius:10px; background-color:#379ccb; color:#FFF; display:block; font-size:24px; font-family:'promptmedium',tahoma; }
.blueframe2017 {width:1049px; padding:2px; height:1343px; border:2px solid #379ccb; border-radius:5px; background-color:#EFEFEF;}
.btnupgrade2017 { background-color:#f5f5f5; border-radius:10px; padding:5px; font-size:14px; display:inline-block;}
.btntotal2017 { background-color:#008000; color:#FFF; border-radius:15px; padding:5px; font-size:14px; display:inline-block;}
.titletotal2017 { Width:250px; background-color:#008000; color:#FFF; border-radius:15px; padding:5px; text-align:center; display:inline-block; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.closex {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closex:hover,
.closex:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.btnorangenew {
	width:270px;
	text-decoration:none;
	display:inline-block;
	cursor:pointer;
	background-color:#FFF;
	border:2px solid #FF8040;
	color:#FF8040;
	border-radius:15px;
	padding:5px;
	font-size:14px;
	font-family:'promptmedium',tahoma;
	text-align:center;	
	}
	
.btnorangenew:hover {	background-color:#FFF;	border:1px solid #FF8040;	color:#FF8040;	}	
.btnorangenew:active {	position:relative;	top:1px;}
.btnorangenew:visited {color:#FF8040	}