/*---bootstrap reset-*/
.btn {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
	/*box-shadow: 0 1px 4px 0 rgba(0,0,0,.12),0 1px 4px 0 rgba(0,0,0,.12);*/
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.4);
	border-radius: 3px;
	border: none;
}

.btn-primary{
	border: none;	
	}


/*--text--*/

.text-white{
  color: #fff;
}


.text-red-a100{
  color: #ff8a80;
}
.text-red-a200{
  color: #ff5252;
}
.text-red-a400{
  color: #ff1744;
}
.text-red-a700{
  color: #d50000;
}

.text-pink-a100{
  color: #ff80ab;
}
.text-pink-a200 {
  color: #ff4081;
}
.text-pink-a400 {
  color: #f50057;
}
.text-pink-a700{
  color: #c51162;
}

.text-purple-a100{
  color: #ea80fc;
}
.text-purple-a200{
  color: #e040fb;
}
.text-purple-a400{
  color: #d500f9;
}
.text-purple-a700 {
  color: #aa00ff;
}

.text-deep-purple-a100{
  color: #b388ff;
}
.text-deep-purple-a200{
  color: #7c4dff;
}
.text-deep-purple-a400 {
  color: #651fff;
}
.text-deep-purple-a700{
  color: #6200ea;
}


.text-indigo-a100{
  color: #8c9eff;
}
.text-indigo-a200{
  color: #536dfe;
}
.text-indigo-a400{
  color: #3d5afe;
}
.text-indigo-a700 {
  color: #304ffe;
}


.text-blue-a100 {
  color: #82b1ff;
}
.text-blue-a200 {
  color: #448aff;
}
.text-blue-a400 {
  color: #2979ff;
}
.text-blue-a700 {
  color: #2962ff;
}


.text-light-blue-a100 {
  color: #80d8ff;
}
.text-light-blue-a200 {
  color: #40c4ff;
}
.text-light-blue-a400 {
  color: #00b0ff;
}
.text-light-blue-a700 {
  color: #0091ea;
}


.text-cyan-a100 {
  color: #84ffff;
}
.text-cyan-a200 {
  color: #18ffff;
}
.text-cyan-a400 {
  color: #00e5ff;
}
.text-cyan-a700 {
  color: #00b8d4;
}


.text-teal-a100 {
  color: #a7ffeb;
}
.text-teal-a200 {
  color: #64ffda;
}
.text-teal-a400 {
  color: #1de9b6;
}
.text-teal-a700 {
  color: #00bfa5;
}


.text-green-a100 {
  color: #b9f6ca;
}
.text-green-a200 {
  color: #69f0ae;
}
.text-green-a400 {
  color: #00e676;
}
.text-green-a700 {
  color: #00c853;
}


.text-light-green-a100 {
  color: #ccff90;
}
.text-light-green-a200 {
  color: #b2ff59;
}
.text-light-green-a400 {
  color: #76ff03;
}
.text-light-green-a700 {
  color: #64dd17;
}


.text-lime-a100 {
  color: #f4ff81;
}
.text-lime-a200 {
  color: #eeff41;
}
.text-lime-a400 {
  color: #c6ff00;
}
.text-lime-a700 {
  color: #aeea00;
}


.text-yellow-a100 {
  color: #ffff8d;
}
.text-yellow-a200 {
  color: #ffff00;
}
.text-yellow-a400 {
  color: #ffea00;
}
.text-yellow-a700 {
  color: #ffd600;
}


.text-amber-a100 {
  color: #ffe57f;
}
.text-amber-a200 {
  color: #ffd740;
}
.text-amber-a400 {
  color: #ffc400;
}
.text-amber-a700 {
  color: #ffab00;
}


.text-orange-a100 {
  color: #ffd180;
}
.text-orange-a200 {
  color: #ffab40;
}
.text-orange-a400 {
  color: #ff9100;
}
.text-orange-a700 {
  color: #ff6d00;
}


.text-deep-orange-a100 {
  color: #ff9e80;
}
.text-deep-orange-a200 {
  color: #ff6e40;
}
.text-deep-orange-a400 {
  color: #ff3d00;
}
.text-deep-orange-a700 {
  color: #dd2c00;
}


.text-brown-a100 {
  color: #d7ccc8;
}
.text-brown-a200 {
  color: #bcaaa4;
}
.text-brown-a400 {
  color: #8d6e63;
}
.text-brown-a700 {
  color: #5d4037;
}


.text-grey-a100 {
  color: #f5f5f5;
}
.text-grey-a200 {
  color: #eeeeee;
}
.text-grey-a400 {
  color: #bdbdbd;
}
.text-grey-a700 {
  color: #616161;
}

.text-blue-grey-a100 {
  color: #cfd8dc;
}
.text-blue-grey-a200 {
  color: #b0bec5;
}
.text-blue-grey-a400 {
  color: #78909c;
}
.text-blue-grey-a700 {
  color: #455a64;
}

/*--.-*/


.white-a{
	background:#fff;	
	}

.black-a{
	background:#222;
	}

.red-a100{
  background: #ff8a80;
}
.red-a200{
  background: #ff5252;
}
.red-a400{
  background: #ff1744;
}
.red-a700{
  background: #d50000;
}

.pink-a100{
  background: #ff80ab;
}
.pink-a200 {
  background: #ff4081;
}
.pink-a400 {
  background: #f50057;
}
.pink-a700{
  background: #c51162;
}

.purple-a100{
  background: #ea80fc;
}
.purple-a200{
  background: #e040fb;
}
.purple-a400{
  background: #d500f9;
}
.purple-a700 {
  background: #aa00ff;
}

.deep-purple-a100{
  background: #b388ff;
}
.deep-purple-a200{
  background: #7c4dff;
}
.deep-purple-a400 {
  background: #651fff;
}
.deep-purple-a700{
  background: #6200ea;
}


.indigo-a100{
  background: #8c9eff;
}
.indigo-a200{
  background: #536dfe;
}
.indigo-a400{
  background: #3d5afe;
}
.indigo-a700 {
  background: #304ffe;
}


.blue-a100{
  background: #82b1ff;
}
.blue-a200{
  background: #448aff;
}
.blue-a400{
  background: #2979ff;
}
.blue-a700{
  background: #2962ff;
}


.light-blue-a100{
  background: #80d8ff;
}
.light-blue-a200{
  background: #40c4ff;
}
.light-blue-a400{
  background: #00b0ff;
}
.light-blue-a700{
  background: #0091ea;
}


.cyan-a100{
  background: #84ffff;
}
.cyan-a200{
  background: #18ffff;
}
.cyan-a400{
  background: #00e5ff;
}
.cyan-a700{
  background: #00b8d4;
}


.teal-a100{
  background: #a7ffeb;
}
.teal-a200{
  background: #64ffda;
}
.teal-a400{
  background: #1de9b6;
}
.teal-a700{
  background: #00bfa5;
}


.green-a100{
  background: #b9f6ca;
}
.green-a200{
  background: #69f0ae;
}
.green-a400{
  background: #00e676;
}
.green-a700{
  background: #00c853;
}


.light-green-a100{
  background: #ccff90;
}
.light-green-a200{
  background: #b2ff59;
}
.light-green-a400{
  background: #76ff03;
}
.light-green-a700{
  background: #64dd17;
}


.lime-a100{
  background: #f4ff81;
}
.lime-a200{
  background: #eeff41;
}
.lime-a400{
  background: #c6ff00;
}
.lime-a700{
  background: #aeea00;
}


.yellow-a100{
  background: #ffff8d;
}
.yellow-a200{
  background: #ffff00;
}
.yellow-a400{
  background: #ffea00;
}
.yellow-a700{
  background: #ffd600;
}


.amber-a100{
  background: #ffe57f;
}
.amber-a200{
  background: #ffd740;
}
.amber-a400{
  background: #ffc400;
}
.amber-a700{
  background: #ffab00;
}


.orange-a100{
  background: #ffd180;
}
.orange-a200{
  background: #ffab40;
}
.orange-a400{
  background: #ff9100;
}
.orange-a700{
  background: #ff6d00;
}


.deep-orange-a100{
  background: #ff9e80;
}
.deep-orange-a200{
  background: #ff6e40;
}
.deep-orange-a400{
  background: #ff3d00;
}
.deep-orange-a700{
  background: #dd2c00;
}


.brown-a100{
  background: #d7ccc8;
}
.brown-a200{
  background: #bcaaa4;
}
.brown-a400{
  background: #8d6e63;
}
.brown-a700{
  background: #5d4037;
}


.grey-a100{
  background: #f5f5f5;
}
.grey-a200{
  background: #eeeeee;
}
.grey-a400{
  background: #bdbdbd;
}
.grey-a700{
  background: #616161;
}

.blue-grey-a100{
  background: #cfd8dc;
}
.blue-grey-a200{
  background: #b0bec5;
}
.blue-grey-a400{
  background: #78909c;
}
.blue-grey-a700{
  background: #455a64;
}




/*--a要素--*/
a.white-a,
a.red-a100,
a.blue-a100,
a.light-blue-a100,
a.light-blue-a200,
a.cyan-a100,
a.cyan-a200,
a.cyan-a400,
a.teal-a100,
a.teal-a200,
a.teal-a400,
a.green-a100,
a.green-a200,
a.green-a400,
a.green-a700,
a.light-green-a100,
a.light-green-a200,
a.light-green-a400,
a.light-green-a700,
a.lime-a100,
a.lime-a200,
a.lime-a400,
a.lime-a700,
a.yellow-a100,
a.yellow-a200,
a.yellow-a400,
a.yellow-a700,
a.amber-a100,
a.amber-a200,
a.amber-a400,
a.amber-a700,
a.orange-a100,
a.orange-a200,
a.orange-a400,
a.deep-orange-a100,
a.brown-a100,
a.grey-a100,
a.grey-a200,
a.grey-a400,
a.blue-grey-a100,
a.blue-grey-a200{
  color: rgba(0,0,0,.84);
}

a.black-a,
a.red-a200,
a.red-a400,
a.red-a700,
a.pink-a100,
a.pink-a200,
a.pink-a400,
a.pink-a700,
a.purple-a100,
a.purple-a200,
a.purple-a400,
a.purple-a700,
a.purple-a100,
a.purple-a200,
a.purple-a400,
a.purple-a700,
a.deep-purple-a100,
a.deep-purple-a200,
a.deep-purple-a400,
a.deep-purple-a700,
a.indigo-a100,
a.indigo-a200,
a.indigo-a400,
a.indigo-a700,
a.blue-a200,
a.blue-a400,
a.blue-a700,
a.light-blue-a400,
a.light-blue-a700,
a.cyan-a700,
a.teal-a700,
a.orange-a700,
a.deep-orange-a200,
a.deep-orange-a400,
a.deep-orange-a700,
a.brown-a200,
a.brown-a400,
a.brown-a700,
a.grey-a700,
a.blue-grey-a400,
a.blue-grey-a700{
  color: rgba(255,255,255,.84);
}









a.white-a:hover,
a.red-a100:hover,
a.blue-a100:hover,
a.light-blue-a100:hover,
a.light-blue-a200:hover,
a.cyan-a100:hover,
a.cyan-a200:hover,
a.cyan-a400:hover,
a.teal-a100:hover,
a.teal-a200:hover,
a.teal-a400:hover,
a.green-a100:hover,
a.green-a200:hover,
a.green-a400:hover,
a.green-a700:hover,
a.light-green-a100:hover,
a.light-green-a200:hover,
a.light-green-a400:hover,
a.light-green-a700:hover,
a.lime-a100:hover,
a.lime-a200:hover,
a.lime-a400:hover,
a.lime-a700:hover,
a.yellow-a100:hover,
a.yellow-a200:hover,
a.yellow-a400:hover,
a.yellow-a700:hover,
a.amber-a100:hover,
a.amber-a200:hover,
a.amber-a400:hover,
a.amber-a700:hover,
a.orange-a100:hover,
a.orange-a200:hover,
a.orange-a400:hover,
a.deep-orange-a100:hover,
a.brown-a100:hover,
a.grey-a100:hover,
a.grey-a200:hover,
a.grey-a400:hover,
a.blue-grey-a100:hover,
a.blue-grey-a200:hover{
  color: rgba(0,0,0,.84);
}

a.black-a:hover,
a.red-a200:hover,
a.red-a400:hover,
a.red-a700:hover,
a.pink-a100:hover,
a.pink-a200:hover,
a.pink-a400:hover,
a.pink-a700:hover,
a.purple-a100:hover,
a.purple-a200:hover,
a.purple-a400:hover,
a.purple-a700:hover,
a.purple-a100:hover,
a.purple-a200:hover,
a.purple-a400:hover,
a.purple-a700:hover,
a.deep-purple-a100:hover,
a.deep-purple-a200:hover,
a.deep-purple-a400:hover,
a.deep-purple-a700:hover,
a.indigo-a100:hover,
a.indigo-a200:hover,
a.indigo-a400:hover,
a.indigo-a700:hover,
a.blue-a200:hover,
a.blue-a400:hover,
a.blue-a700:hover,
a.light-blue-a400:hover,
a.light-blue-a700:hover,
a.cyan-a700:hover,
a.teal-a700:hover,
a.orange-a700:hover,
a.deep-orange-a200:hover,
a.deep-orange-a400:hover,
a.deep-orange-a700:hover,
a.brown-a200:hover,
a.brown-a400:hover,
a.brown-a700:hover,
a.grey-a700:hover,
a.blue-grey-a400:hover,
a.blue-grey-a700:hover{
  color: rgba(255,255,255,.84);
}


button.black-a,
button.red-a100,
button.blue-a100,
button.light-blue-a100,
button.light-blue-a200,
button.cyan-a100,
button.cyan-a200,
button.cyan-a400,
button.teal-a100,
button.teal-a200,
button.teal-a400,
button.green-a100,
button.green-a200,
button.green-a400,
button.green-a700,
button.light-green-a100,
button.light-green-a200,
button.light-green-a400,
button.light-green-a700,
button.lime-a100,
button.lime-a200,
button.lime-a400,
button.lime-a700,
button.yellow-a100,
button.yellow-a200,
button.yellow-a400,
button.yellow-a700,
button.amber-a100,
button.amber-a200,
button.amber-a400,
button.amber-a700,
button.orange-a100,
button.orange-a200,
button.orange-a400,
button.deep-orange-a100,
button.brown-a100,
button.grey-a100,
button.grey-a200,
button.grey-a400,
button.blue-grey-a100,
button.blue-grey-a200{
  color: rgba(0,0,0,.84);
}

button.white-a,
button.red-a200,
button.red-a400,
button.red-a700,
button.pink-a100,
button.pink-a200,
button.pink-a400,
button.pink-a700,
button.purple-a100,
button.purple-a200,
button.purple-a400,
button.purple-a700,
button.purple-a100,
button.purple-a200,
button.purple-a400,
button.purple-a700,
button.deep-purple-a100,
button.deep-purple-a200,
button.deep-purple-a400,
button.deep-purple-a700,
button.indigo-a100,
button.indigo-a200,
button.indigo-a400,
button.indigo-a700,
button.blue-a200,
button.blue-a400,
button.blue-a700,
button.light-blue-a400,
button.light-blue-a700,
button.cyan-a700,
button.teal-a700,
button.orange-a700,
button.deep-orange-a200,
button.deep-orange-a400,
button.deep-orange-a700,
button.brown-a200,
button.brown-a400,
button.brown-a700,
button.grey-a700,
button.blue-grey-a400,
button.blue-grey-a700{
  color: rgba(255,255,255,.84);
}









button.white-a:hover,
button.red-a100:hover,
button.blue-a100:hover,
button.light-blue-a100:hover,
button.light-blue-a200:hover,
button.cyan-a100:hover,
button.cyan-a200:hover,
button.cyan-a400:hover,
button.teal-a100:hover,
button.teal-a200:hover,
button.teal-a400:hover,
button.green-a100:hover,
button.green-a200:hover,
button.green-a400:hover,
button.green-a700:hover,
button.light-green-a100:hover,
button.light-green-a200:hover,
button.light-green-a400:hover,
button.light-green-a700:hover,
button.lime-a100:hover,
button.lime-a200:hover,
button.lime-a400:hover,
button.lime-a700:hover,
button.yellow-a100:hover,
button.yellow-a200:hover,
button.yellow-a400:hover,
button.yellow-a700:hover,
button.amber-a100:hover,
button.amber-a200:hover,
button.amber-a400:hover,
button.amber-a700:hover,
button.orange-a100:hover,
button.orange-a200:hover,
button.orange-a400:hover,
button.deep-orange-a100:hover,
button.brown-a100:hover,
button.grey-a100:hover,
button.grey-a200:hover,
button.grey-a400:hover,
button.blue-grey-a100:hover,
button.blue-grey-a200:hover{
  color: rgba(0,0,0,.84);
}


button.black-a:hover,
button.red-a200:hover,
button.red-a400:hover,
button.red-a700:hover,
button.pink-a100:hover,
button.pink-a200:hover,
button.pink-a400:hover,
button.pink-a700:hover,
button.purple-a100:hover,
button.purple-a200:hover,
button.purple-a400:hover,
button.purple-a700:hover,
button.purple-a100:hover,
button.purple-a200:hover,
button.purple-a400:hover,
button.purple-a700:hover,
button.deep-purple-a100:hover,
button.deep-purple-a200:hover,
button.deep-purple-a400:hover,
button.deep-purple-a700:hover,
button.indigo-a100:hover,
button.indigo-a200:hover,
button.indigo-a400:hover,
button.indigo-a700:hover,
button.blue-a200:hover,
button.blue-a400:hover,
button.blue-a700:hover,
button.light-blue-a400:hover,
button.light-blue-a700:hover,
button.cyan-a700:hover,
button.teal-a700:hover,
button.orange-a700:hover,
button.deep-orange-a200:hover,
button.deep-orange-a400:hover,
button.deep-orange-a700:hover,
button.brown-a200:hover,
button.brown-a400:hover,
button.brown-a700:hover,
button.grey-a700:hover,
button.blue-grey-a400:hover,
button.blue-grey-a700:hover{
  color: rgba(255,255,255,.84);
}


input.black-a,
input.red-a100,
input.blue-a100,
input.light-blue-a100,
input.light-blue-a200,
input.cyan-a100,
input.cyan-a200,
input.cyan-a400,
input.teal-a100,
input.teal-a200,
input.teal-a400,
input.green-a100,
input.green-a200,
input.green-a400,
input.green-a700,
input.light-green-a100,
input.light-green-a200,
input.light-green-a400,
input.light-green-a700,
input.lime-a100,
input.lime-a200,
input.lime-a400,
input.lime-a700,
input.yellow-a100,
input.yellow-a200,
input.yellow-a400,
input.yellow-a700,
input.amber-a100,
input.amber-a200,
input.amber-a400,
input.amber-a700,
input.orange-a100,
input.orange-a200,
input.orange-a400,
input.deep-orange-a100,
input.brown-a100,
input.grey-a100,
input.grey-a200,
input.grey-a400,
input.blue-grey-a100,
input.blue-grey-a200{
  color: rgba(0,0,0,.84);
}

input.white-a,
input.red-a200,
input.red-a400,
input.red-a700,
input.pink-a100,
input.pink-a200,
input.pink-a400,
input.pink-a700,
input.purple-a100,
input.purple-a200,
input.purple-a400,
input.purple-a700,
input.purple-a100,
input.purple-a200,
input.purple-a400,
input.purple-a700,
input.deep-purple-a100,
input.deep-purple-a200,
input.deep-purple-a400,
input.deep-purple-a700,
input.indigo-a100,
input.indigo-a200,
input.indigo-a400,
input.indigo-a700,
input.blue-a200,
input.blue-a400,
input.blue-a700,
input.light-blue-a400,
input.light-blue-a700,
input.cyan-a700,
input.teal-a700,
input.orange-a700,
input.deep-orange-a200,
input.deep-orange-a400,
input.deep-orange-a700,
input.brown-a200,
input.brown-a400,
input.brown-a700,
input.grey-a700,
input.blue-grey-a400,
input.blue-grey-a700{
  color: rgba(255,255,255,.84);
}









input.white-a:hover,
input.red-a100:hover,
input.blue-a100:hover,
input.light-blue-a100:hover,
input.light-blue-a200:hover,
input.cyan-a100:hover,
input.cyan-a200:hover,
input.cyan-a400:hover,
input.teal-a100:hover,
input.teal-a200:hover,
input.teal-a400:hover,
input.green-a100:hover,
input.green-a200:hover,
input.green-a400:hover,
input.green-a700:hover,
input.light-green-a100:hover,
input.light-green-a200:hover,
input.light-green-a400:hover,
input.light-green-a700:hover,
input.lime-a100:hover,
input.lime-a200:hover,
input.lime-a400:hover,
input.lime-a700:hover,
input.yellow-a100:hover,
input.yellow-a200:hover,
input.yellow-a400:hover,
input.yellow-a700:hover,
input.amber-a100:hover,
input.amber-a200:hover,
input.amber-a400:hover,
input.amber-a700:hover,
input.orange-a100:hover,
input.orange-a200:hover,
input.orange-a400:hover,
input.deep-orange-a100:hover,
input.brown-a100:hover,
input.grey-a100:hover,
input.grey-a200:hover,
input.grey-a400:hover,
input.blue-grey-a100:hover,
input.blue-grey-a200:hover{
  color: rgba(0,0,0,.84);
}

input.black-a:hover,
input.red-a200:hover,
input.red-a400:hover,
input.red-a700:hover,
input.pink-a100:hover,
input.pink-a200:hover,
input.pink-a400:hover,
input.pink-a700:hover,
input.purple-a100:hover,
input.purple-a200:hover,
input.purple-a400:hover,
input.purple-a700:hover,
input.purple-a100:hover,
input.purple-a200:hover,
input.purple-a400:hover,
input.purple-a700:hover,
input.deep-purple-a100:hover,
input.deep-purple-a200:hover,
input.deep-purple-a400:hover,
input.deep-purple-a700:hover,
input.indigo-a100:hover,
input.indigo-a200:hover,
input.indigo-a400:hover,
input.indigo-a700:hover,
input.blue-a200:hover,
input.blue-a400:hover,
input.blue-a700:hover,
input.light-blue-a400:hover,
input.light-blue-a700:hover,
input.cyan-a700:hover,
input.teal-a700:hover,
input.orange-a700:hover,
input.deep-orange-a200:hover,
input.deep-orange-a400:hover,
input.deep-orange-a700:hover,
input.brown-a200:hover,
input.brown-a400:hover,
input.brown-a700:hover,
input.grey-a700:hover,
input.blue-grey-a400:hover,
input.blue-grey-a700:hover{
  color: rgba(255,255,255,.84);
}






.btn-fab {
  margin: 0;
  padding:0;
  font-size: 20px;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  position: relative;
  
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.5);  
}

.btn-fab i{
	position: absolute;
	top: 31%;
	left: 35%;
}

/*
a.btn{
	transition-property: all;
  transition: 0.3s linear;
}
*/
a.btn:hover{
cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
	}
	
	
	
/*----wave effect---------------*/

 
/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.ink {
    display: block; position: absolute;
    background: hsl(180, 40%, 80%);
    border-radius: 100%;
    transform: scale(0);
}
/*animation effect*/
.ink.animate {animation: ripple 0.65s linear;}
@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {opacity: 0; transform: scale(2.5);}
}