@charset "utf-8";

@font-face {
font-family: "Gotham-Black";
src:url(../font/Gotham-Black.eot);
src: url(../font/Gotham-Black.woff);
}
@font-face {
font-family: "Gotham-Book";
src:url(../font/Gotham-Book.eot);
src: url(../font/Gotham-Book.woff);
}

@media all and (min-width:481px)
{


*,
::before,
::after {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

body {
  margin: 0;
  font-family: "Dosis", sans-serif;
  font-size: 62.5%;
  /* cursor: col-resize; */
  background-color: #201c29;
}

.container,
section {
  height: 100vh;
}
/*
#contents {
  position: relative;
  width: 100%;
}
*/
.container {
  position: relative;
  width: 100%;
  min-width:1900px;
  overflow: hidden;
  background:url(../images/bg.png) #201c29 center -50px no-repeat;
  background-size:cover;
}
.container::before, .container::after {
  position: absolute;
  width: 350px;
  height: 350px;
  content: "";
  border-radius: 54% 46% 42% 58% / 60% 58% 42% 40%;
  background-image: linear-gradient(45deg, #ab49de, #5b41f2);
  animation: vawe 5s linear infinite;
}
.container::before {
  top: -10%;
  right: -10%;
}
.container::after {
  bottom: -10%;
  left: -15%;
}
.container .dots {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.container .dots span {
  position: absolute;
  border-radius: 50%;
  background-image: linear-gradient(45deg, #ab49de, #5b41f2);
  border-radius: 38% 62% 55% 45%/32% 53% 47% 68%;
  animation: vawe 7s linear infinite;
}
.container .dots span:nth-child(1) {
  top: 10%;
  left: calc(100% - 360px);
  width: 75px;
  height: 75px;
}
.container .dots span:nth-child(2) {
  top: 15px;
  left: 180px;
  width: 50px;
  height: 50px;
  border-radius: 38% 62% 33% 67% / 60% 53% 47% 40%;
  transform: rotate(90deg);
}
.container .dots span:nth-child(3) {
  right: 180px;
  bottom: 20px;
  width: 80px;
  height: 80px;
  border-radius: 38% 62% 55% 45% / 52% 53% 47% 48%;
}
.container .dots span:nth-child(4) {
  bottom: 50px;
  left: 240px;
  width: 20px;
  height: 20px;
  border-radius: 38% 62% 55% 45% / 52% 53% 47% 48%;
}
.container .dots span:nth-child(5) {
  right: 280px;
  bottom: 80px;
  width: 25px;
  height: 25px;
  border-radius: 38% 62% 55% 45% / 52% 53% 47% 48%;
}
.container .dots span:nth-child(6) {
  top: 6%;
  left: calc(100% - 400px);
  width: 25px;
  height: 25px;
}

.resize {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 8%;
  z-index: 2;
  text-transform: uppercase;
  font-size: 1rem;
  color: #fefefe;
}

.resize .login {width:150px; height:40px; background:url(../images/button_login.png) no-repeat; border:0px solid #000000;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.resize .login:hover {width:150px; height:40px; background:url(../images/button_login_on.png) no-repeat;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.resize .join {margin:0px 10px; width:150px; height:40px; background:url(../images/button_join.png) no-repeat; border:0px solid #000000;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.resize .join:hover {margin:0px 10px; width:150px; height:40px; background:url(../images/button_join_on.png) no-repeat;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.resize .idpw {width:150px; height:40px; background:url(../images/button_id.png) no-repeat; border:0px solid #000000;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.resize .idpw:hover {width:150px; height:40px; background:url(../images/button_id_on.png) no-repeat;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}

.resizeM {display:none;}

.content {
  position: absolute;
  /* top: 50%; */
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 74%;
  /* 
  padding: 1em;
  text-align: center;
  font-size: 1.25rem;
  border-radius: 0.5em;
  */
  /* background-color: #201c29; */
  /* border: 12px solid rgba(91, 65, 242, 0.5); */
  color: #5b41f2;
  /* mix-blend-mode: luminosity; */
}
.content h1 {
  /* margin: 0; */
  /*
  font-size: 5vw;
  letter-spacing: 5px;
  */
  position:absolute;
  top:0px;
}

.content img.englogo {position:relative; z-index:5;}
.content img.light {position:relative; z-index:7; left:-595px; top:145px;  
    -webkit-animation: example2 3s infinite; /* Safari 4+ */
    -moz-animation:    example2 3s infinite; /* Fx 5+ */
    -o-animation:      example2 3s infinite; /* Opera 12+ */
    animation:         example2 3s infinite; /* IE 10+, Fx 29+ */}
.content img.kor {position:relative; z-index:9; left:-620px; top:-100px;}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example2 {
    0%   {opacity: 1;}
	25%  {opacity: 0.5;}
    50%  {opacity: 1;}
	75%  {opacity: 0.75;}  
    100% {opacity: 1;}
}

/* Standard syntax */
@keyframes example2 {
    0%   {opacity: 1;}
	25%  {opacity: 0.5;}
    50%  {opacity: 1;}
	75%  {opacity: 0.75;}  
    100% {opacity: 1;}
}

.content a {
  text-decoration: none;
  color: #ab49de;
}

section {
  padding: 3em 1em;
  font: normal 1rem "Montserrat", sans-serif;
  color: #201c29;
  background-color: #fefefe;
}
section h2 {
  margin-bottom: 1em;
}

footer {
  padding: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #fefefe;
}

@keyframes vawe {
  20% {
    border-radius: 45% 55% 62% 38% / 53% 51% 49% 47%;
  }
  40% {
    border-radius: 45% 55% 49% 51% / 36% 51% 49% 64%;
  }
  60% {
    border-radius: 60% 40% 57% 43% / 47% 62% 38% 53%;
  }
  80% {
    border-radius: 60% 40% 32% 68% / 38% 36% 64% 62%;
  }
}


#contents .introArealogin {position:relative; float:left; width:275px; height:100px; z-index:9; top:500px;}
#contents .introAreajoin {position:relative; margin:auto; width:600px; height:600px; z-index:9; top:500px;}

#contents .introArealogin span.telegram {wposition:relative; float:left; margin-top:15px; margin-left:28px; }

.introArealogin input.loginid{display:block; background:#222222; width:calc(280px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:18px; margin:auto; position:relative; top:90px; left:20px;}
.introArealogin input.loginid::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }

.introArealogin input.loginpass{display:block; background:#222222; width:calc(280px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:18px; margin:auto; position:relative; top:93px; left:20px;}
.introArealogin input.loginpass::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }

.introArealogin button.login {width:83px; height:83px; background:url(../images/button_login1.png) center center no-repeat; border:0px solid #ffffff; display:inline-block; position:relative; top:10px; left:290px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.introArealogin button.login:hover { background:url(../images/button_login1_on.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}

.introArealogin input.logincode{display:block; background:#222222; width:calc(280px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:18px; margin:auto; position:relative; top:50px; left:20px;}
.introArealogin input.logincode::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }

.introArealogin button.join {width:83px; height:40px; background:url(../images/button_join1.png) center center no-repeat; border:0px solid #ffffff; display:inline-block; position:relative; top:10px; left:290px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.introArealogin button.join:hover { background:url(../images/button_join1_on.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}


.introArealogin input.name{display:block; background:#222222; width:calc(280px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:18px; margin:auto; position:relative; top:40px; left:20px;}
.introArealogin input.name::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }

.introArealogin .phone{display:block; background:transparent; width:300px; height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; border:0px solid #ffffff; margin:auto; position:relative; top:20px;}

.introArealogin .phone select.num010{display:inline-block; background:transparent; width:calc(100px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:14px; margin:auto; position:relative; top:25px; left:18px; text-align:center; }
.introArealogin .phone select.num010::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }
.introArealogin .phone select option{color:#000000;}
.introArealogin .phone input.num020{display:inline-block; background:transparent; width:calc(100px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:14px; margin:auto; position:relative; top:25px;left:18px;}
.introArealogin .phone input.num020::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }
.introArealogin .phone input.num0201{display:inline-block; background:transparent; width:calc(111px - 20px); height:40px; line-height:40px; padding:0px 10px;margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:14px; margin:auto; position:relative; top:25px;left:23px;}
.introArealogin .phone input.num0201::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }



.introArealogin select.bank{display:block; background:transparent; width:calc(280px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:14px; margin:auto; position:relative; top:50px; left:20px; text-align:center; }
.introArealogin select.bank::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }
.introArealogin select option{color:#000000;}

.introArealogin input.banknumber{display:block; background:transparent; width:calc(280px - 20px); height:40px; line-height:40px; padding:0px 10px; margin-bottom:5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:14px; margin:auto; position:relative; top:55px; left:20px;}
.introArealogin input.banknumber::placeholder {color:#ffffff; font-size:14px; font-weight:normal; letter-spacing:-2px; }

.introArealogin button.idpw {width:150px; height:40px; background:url(../images/button_id.png) center center no-repeat; border:0px solid #ffffff; display:block; left:12px; float:right; position:relative; top:60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.introArealogin button.idpw:hover { background:url(../images/button_id_on.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}

.introArealogin button.idpwa {width:150px; height:40px; background:url(../images/button_id1.png) center center no-repeat; border:0px solid #ffffff; display:block; left:12px; float:right; position:relative; top:60px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}
.introArealogin button.idpwa:hover { background:url(../images/button_id1_on.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}


.introArealogin input.banknumber:focus::-webkit-input-placeholder, .introArealogin input.num0201:focus::-webkit-input-placeholder, .introArealogin input.num020:focus::-webkit-input-placeholder, .introArealogin input.name:focus::-webkit-input-placeholder, .introArealogin input.loginid:focus::-webkit-input-placeholder, .introArealogin input.logincode:focus::-webkit-input-placeholder, .introArealogin input.loginpass:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
.introArealogin input.banknumber:focus:-moz-placeholder, .introArealogin input.num0201:focus:-moz-placeholder, .introArealogin input.num020:focus:-moz-placeholder, .introArealogin input.name:focus:-moz-placeholder, .introArealogin input.loginid:focus:-moz-placeholder, .introArealogin input.logincode:focus:-moz-placeholder, .introArealogin input.loginpass:focus:-moz-placeholder,textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
.introArealogin input.banknumber:focus::-moz-placeholder, .introArealogin input.num0201:focus::-moz-placeholder, .introArealogin input.num020:focus::-moz-placeholder, .introArealogin input.name:focus::-moz-placeholder, .introArealogin input.loginid:focus::-moz-placeholder, .introArealogin input.logincode:focus::-moz-placeholder, .introArealogin input.loginpass:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
.introArealogin input.banknumber:focus::-moz-placeholder, .introArealogin input.num0201:focus::-moz-placeholder, .introArealogin input.num020:focus::-moz-placeholder, .introArealogin input.name:focus::-moz-placeholder, .introArealogin input.loginid:focus::-moz-placeholder, .introArealogin input.logincode:focus::-moz-placeholder, .introArealogin input.loginpass:focus::-moz-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }

.join_wrapM {display:none;}
.join_wrap {display:block; top:0px; position:relative; background:rgba(0,0,0,0.5); border:0px solid #ffffff; padding:30px; width:calc(600px - 60px); margin:auto; margin-bottom:0px; z-index:10; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.join_wrap input,.join_wrap label{vertical-align:middle !important;}

.join_wrap dl{margin:0px 0 0px !important;}
.join_wrap dd.kaka strong {color:#ffffff;}
.join_wrap dt{clear:both;}
.join_wrap dt:after{clear:both;display:block;content:'';}
.join_wrap dt strong{display:block;float:left;font-weight:normal;font-size:18px;color:#fff000; letter-spacing:-2px;}
.join_wrap dt span{font-size:12px;float:right;margin-top:10px;color:#ffffff; letter-spacing:-1px;}
.join_wrap dt span em{font-style:normal;color:#ffffff;display:inline-block;}
.join_wrap dd{display:block;clear:both;font-size:14px;line-height:18px;padding:0px 0px 10px 0px;color:#777; text-align:left;}

.join_wrap td input{background-color:#111111; width:100%; height:40px; line-height:40px; padding:0px 5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#ffffff; font-size:12px; letter-spacing:-1px; margin:auto; position:relative; 
}
.join_wrap td input::placeholder {color:#ffffff;}

.join_wrap td input:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; }
.join_wrap td input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
.join_wrap td input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; }
.join_wrap td input:focus::-moz-placeholder { /* Internet Explorer 10+ */ color:transparent; }

.join_wrap td select.joinnum010{background-color:#111111; width:100px; height:40px; line-height:40px; padding:0px 5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px; color:#ffffff; font-size:14px; margin:auto; position:relative; top:0px; left:0px;}
.join_wrap td select.joinnum010 option{color:#ffffff;}
.join_wrap td select.joinnum010::placeholder {color:#ffffff;}

.join_wrap td input.hpnum {background-color:#111111; width:100px; height:40px; line-height:40px; padding:0px 5px; 
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
position:relative; top:-2px;}
.join_wrap td input.hpnum1 {background-color:#111111; width:147px; height:40px; line-height:40px; padding:0px 5px;
box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
position:relative; top:-2px; left:1px;}

.join_wrap table{width:100%;margin:0px auto 0px;background-color:rgba(255,255,255,0);}
.join_wrap table th{padding:0px 0px;text-align:left;border:none;border-bottom:0px solid #ddd; width:25%;}
.join_wrap table th strong{border:none;font-size:14px;font-weight:normal;color:#ffffff;letter-spacing:-1px; padding-left:5px;}
.join_wrap table th em.im{font-style:normal;display:inline-block;padding:0 2px;color:#ffffff;font-weight:bold;}
.join_wrap table td em.im{font-style:normal;display:inline-block;padding:0 2px;color:#ffffff;font-weight:bold;}
.join_wrap table td{color:#666;padding:0px 0px; width:75%;}

/*
.join_wrap table td li label{font-size:12px !important;display:block;padding:0 5px;width:100%;}
.join_wrap table td li{float:left;width:20%;margin:3px 0;}
.join_wrap .tbl_wrp{margin:0px auto !important;padding:0px 0px;}
.join_wrap .tbl_wrpB{margin:0px auto !important;padding:0px 0px;padding-top:10px;}
*/
.jointxt01 {padding:0px 0px 10px 0px;}
.jointxt01 strong{display:block; text-align:center; margin:auto;font-weight:normal;font-size:18px;color:#fff000; letter-spacing:-2px;}
.jointxt02 {padding:20px 0px 10px 0px; text-align:center;}
.jointxt02 strong{display:block; text-align:center; margin:auto;font-weight:normal;font-size:18px;color:#fff000; letter-spacing:-2px;}
.jointxt02 dd {color:#ffF000;}
.jointxt02 dd strong {padding:10px 0px; line-height:20px;}

.join_wrap td select.bankselect{background-color:#111111; width:100%; height:40px; line-height:40px; padding:0px 5px; box-shadow:inset 0px 11px 8px -10px #000000, inset 0px -11px 8px -10px #000000; 
border:1px solid #ffffff; border-image: linear-gradient(to bottom, #ff6d00 0%, #ffff00 30%, #ffff00 70%, #ff6d00 100%);
border-image-slice: 1; border-width: 1px;
color:#ffffff;}
.join_wrap td select.bankselect option{color:#ffffff;}
.join_wrap td select.bankselect::placeholder {color:#ffffff;}

.btn_confirm {margin-top:10px;}
.btn_join {position:relative; display:inline-block;
	*display:inline;/* IE7 inline-block hack */ *zoom:1; padding:2px 0 2px 0; width:100%; margin:0; font-size:18px; line-height:50px; font-weight:600; color:#fff !important; text-align:center; text-decoration:none;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.75); vertical-align:middle; cursor:pointer;
    letter-spacing: 0 !important;
    background: linear-gradient(rgba(226,29,56,1),rgba(172,22,42,1));
    border: 1px solid #000000;
    /* box-shadow: inset 0px 5px 0px #feb951; */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
	}
.btn_join:hover {background: linear-gradient(rgba(172,22,42,1),rgba(226,29,56,1));text-decoration:none;}

.btn_confirm button.join {width:150px; height:40px; background:url(../images/button_join.png) center center no-repeat; border:0px solid #ffffff; display:inline-block; position:relative; top:0px; float:right; }
.btn_confirm button.join:hover { background:url(../images/button_join_on.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}

.btn_confirm button.joina {width:150px; height:40px; background:url(../images/button_join1.png) center center no-repeat; border:0px solid #ffffff; display:inline-block; position:relative; top:0px; float:right; }
.btn_confirm button.joina:hover { background:url(../images/button_join1_on.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}

.btn_confirm button.joinc {width:150px; height:40px; right:10px; background:url(../images/button_joinc.png) center center no-repeat; border:0px solid #ffffff; display:inline-block; position:relative; top:0px; float:right; }
.btn_confirm button.joinc:hover { background:url(../images/button_joinc_on.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;transition: all 0.3s;}

}