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

#imageUpload
{
    display: none;
}

#profileImage
{
    cursor: pointer;
}

#profile-container {
    width: 165px;
    height: 165px;
    overflow: hidden;
    -webkit-border-radius: 90%;
    -moz-border-radius: 90%;
    -ms-border-radius: 90%;
    -o-border-radius: 90%;
    border-radius: 5px;
    border: solid 2px #999;
   	position:absolute;
      top: 6px;
      left: 10px;
      z-index: 2;
}

#profile-container img {
    width: 165px;
    height: 165px;
}

 .bt_club {
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    border-radius: 5px;
    border: solid 1px #ff3c00;
    background: linear-gradient(180deg, #ff8442 5%, #943e00 100%);
    text-shadow: 1px 1px 0px #528ecc;
    box-shadow: inset 1px 1px 0px 0px #bbdaf7;
}
 .bt_club:hover {
    background: linear-gradient(180deg, #943e00 5%, #ff8442 100%);
	display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    border-radius: 5px;
    border: solid 1px #ff3c00;
    text-shadow: 1px 1px 0px #528ecc;
    box-shadow: inset 1px 1px 0px 0px #bbdaf7;
}
 .bt_club:active {
    position: relative;
    top: 1px;
}
 .bt_club-text {
    padding: 7px 16px;
    float: left;
}
 .bt_club-icon {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: rgba(0, 0, 0, 0.14) -1px 0px 0px inset;
    border-radius: 5px 0 0 5px;
    padding: 7px 10px;
    float: left;
}

.container {
  position: relative;
  text-align: center;
  color: white;
  top:0px;
  left:0px;
  width:780px;
  margin: 0 auto;
  align-content: center;
  font-family: 'Chonburi', cursive;
  text-decoration: none;  
}

.container1 {
  position:absolute;
  text-align: center;
  color: white;
  top:20px;
  left:180px;
  width:580px;
  margin: 0 auto;
  margin-bottom:0px;
  align-content: right;
  font-size:38px;
  padding-bottom:2px;  
  text-shadow: 1px 1px 1px rgba(255,255,255,1) ;  
}

.container2 {
  position:relation;
  text-align: center;
  color: white;
  top:10px;
  left:180px;
  width:580px;
  margin: 0 auto;
  align-content: right;
  font-size:20px;
  padding:5px;
  font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
  text-shadow:none;
  
}

.container3 {
	position: relation;
	text-align: center;
	color: #F7B60B;
	top: 5px;
	left: 180px;
	width: 580px;
	margin: 0 auto;
	align-content: right;
	font-size:16px;
	padding: 1px;
	font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
	text-shadow:none;
	}


.menubar {
  position:relative;
  text-align: center;
 background: -webkit-linear-gradient(90deg, rgba(255,201,147,1) 0, rgba(127,57,0,1) 40%, rgba(127,57,0,1) 60%, rgba(255,201,147,1) 100%);
  background: -moz-linear-gradient(0deg, rgba(255,201,147,1) 0, rgba(127,57,0,1) 40%, rgba(127,57,0,1) 60%, rgba(255,201,147,1) 100%);
  background: linear-gradient(0deg, rgba(255,201,147,1) 0, rgba(127,57,0,1) 40%, rgba(127,57,0,1) 60%, rgba(255,201,147,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
    width:780px;
  margin: 0px 0px 2px 0px;
  align-content:center;
  font-size:14px;
  padding: 8px 0px 2px 0px;
}

.menubar1 {
  position:relative;
  text-align: left;
 background: -webkit-linear-gradient(90deg, rgba(255,201,147,1) 0, rgba(185,120,54,1) 40%, rgba(185,120,54,1) 60%, rgba(255,201,147,1) 100%);
  background: -moz-linear-gradient(0deg, rgba(255,201,147,1) 0, rgba(185,120,54,1) 40%, rgba(185,120,54,1) 60%, rgba(255,201,147,1) 100%);
  background: linear-gradient(0deg, rgba(255,201,147,1) 0, rgba(185,120,54,1) 40%, rgba(185,120,54,1) 60%, rgba(255,201,147,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
    width:780px;
  margin: 0px 0px 2px 0px;
  align-content:center;
  font-size:14px;
  padding: 8px 0px 2px 0px;
}


.image1 {
z-index : 1;
margin-bottom:0px;
width:780px;
height:185px;
}


.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:36px;
}

.demotext {
position: absolute;
color: #FFFFFF;
text-shadow: 4px 3px 0 #7A7A7A;
color: #FFFFFF;
font-size:36px;
z-index:3;
top:10px;
left:300px;
}

  .text{display:none;  font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;}
  
  #bb tbody
   {
	   display:none;
	   font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif
	}
  
.table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}