html{
	background: #fff;	
}
/*滚动条*/
::-webkit-scrollbar-track-piece {
  background-color:#f1f2f3;
}
::-webkit-scrollbar {
  width:5px;height:5px;
}
::-webkit-scrollbar-thumb {
  background-color:#C1C1C1;
  border-radius: 3px;
  background-clip:padding-box;
  min-height:28px;
}
::-webkit-scrollbar-thumb:hover {
  background-color:#999;
}
.bg-style-0 {
	background-color: #f5f5f5
}
.bg-style-0 .btn-style-0 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	background-color: #44c767;
	border-radius: 28px;
	border: 1px solid #18ab29;
	color: #fff;
	font-size: 17px;
	padding: 16px 31px;
	text-shadow: 0px 1px 0px #2f6627
}

.bg-style-0 .btn-style-0:hover {
	background-color: #5cbf2a
}

.bg-style-0 .btn-style-0:active {
	position: relative;
	top: 1px
}

.bg-style-1 {
	background-color: #f5f5f5
}

.bg-style-1 .btn-style-1 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background: linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color: #7892c2;
	border-radius: 10px;
	border: 1px solid #4e6096;
	color: #fff;
	font-size: 19px;
	padding: 12px 37px;
	text-shadow: 0px 1px 0px #283966
}

.bg-style-1 .btn-style-1:hover {
	background: linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color: #476e9e
}

.bg-style-1 .btn-style-1:active {
	position: relative;
	top: 1px
}

.bg-style-2 {
	background-color: #f5f5f5
}

.bg-style-2 .btn-style-2 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 10px 14px -7px #276873;
	background: linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	background-color: #599bb3;
	border-radius: 8px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 13px 32px;
	text-shadow: 0px 1px 0px #3d768a
}

.bg-style-2 .btn-style-2:hover {
	background: linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	background-color: #408c99
}

.bg-style-2 .btn-style-2:active {
	position: relative;
	top: 1px
}

.bg-style-3 {
	background-color: #e8e7e2
}

.bg-style-3 .btn-style-3 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 3px 0px #91b8b3;
	background: linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color: #768d87;
	border-radius: 5px;
	border: 1px solid #566963;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 11px 23px;
	text-shadow: 0px -1px 0px #2b665e
}

.bg-style-3 .btn-style-3:hover {
	background: linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color: #6c7c7c
}

.bg-style-3 .btn-style-3:active {
	position: relative;
	top: 1px
}

.bg-style-4 {
	background-color: #f5f5f5
}

.bg-style-4 .btn-style-4 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 10px 14px -7px #3e7327;
	background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color: #77b55a;
	border-radius: 4px;
	border: 1px solid #4b8f29;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 12px;
	text-shadow: 0px 1px 0px #5b8a3c
}

.bg-style-4 .btn-style-4:hover {
	background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-color: #72b352
}

.bg-style-4 .btn-style-4:active {
	position: relative;
	top: 1px
}

.bg-style-5 {
	background-color: #f2f2f2
}

.bg-style-5 .btn-style-5 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 39px 0px -24px #e67a73;
	background-color: #e4685d;
	border-radius: 4px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 15px;
	padding: 6px 15px;
	text-shadow: 0px 1px 0px #b23e35
}

.bg-style-5 .btn-style-5:hover {
	background-color: #eb675e
}

.bg-style-5 .btn-style-5:active {
	position: relative;
	top: 1px
}

.bg-style-6 {
	background-color: #2a2218
}

.bg-style-6 .btn-style-6 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 34px 0px -15px #b54b3a;
	background-color: #a73f2d;
	border: 1px solid #241d13;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 9px 23px;
	text-shadow: 0px -1px 0px #7a2a1d
}

.bg-style-6 .btn-style-6:hover {
	background-color: #b34332
}

.bg-style-6 .btn-style-6:active {
	position: relative;
	top: 1px
}

.bg-style-7 {
	background-color: #1c1c1e
}

.bg-style-7 .btn-style-7 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px -3px 7px 0px #29bbff;
	background: linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color: #2dabf9;
	border-radius: 3px;
	border: 1px solid #0b0e07;
	color: #fff;
	font-size: 15px;
	padding: 9px 23px;
	text-shadow: 0px 1px 0px #263666
}

.bg-style-7 .btn-style-7:hover {
	background: linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color: #0688fa
}

.bg-style-7 .btn-style-7:active {
	position: relative;
	top: 1px
}

.bg-style-8 {
	background-color: #3f5c93
}

.bg-style-8 .btn-style-8 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 0px 15px 3px #23395e;
	background: linear-gradient(to bottom, #2e466e 5%, #415989 100%);
	background-color: #2e466e;
	border-radius: 17px;
	border: 1px solid #1f2f47;
	color: #fff;
	font-size: 15px;
	padding: 6px 13px;
	text-shadow: 0px 1px 0px #263666
}

.bg-style-8 .btn-style-8:hover {
	background: linear-gradient(to bottom, #415989 5%, #2e466e 100%);
	background-color: #415989
}

.bg-style-8 .btn-style-8:active {
	position: relative;
	top: 1px
}

.bg-style-9 {
	background-color: #f5f5f5
}

.bg-style-9 .btn-style-9 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #cf866c;
	background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color: #d0451b;
	border-radius: 3px;
	border: 1px solid #942911;
	color: #fff;
	font-size: 13px;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #854629
}

.bg-style-9 .btn-style-9:hover {
	background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color: #bc3315
}

.bg-style-9 .btn-style-9:active {
	position: relative;
	top: 1px
}

.bg-style-10 {
	background-color: #2d2e29
}

.bg-style-10 .btn-style-10 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 1px 0px 0px #1c1b18;
	background: linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	background-color: #eae0c2;
	border-radius: 15px;
	border: 2px solid #333029;
	color: #505739;
	font-size: 14px;
	font-weight: bold;
	padding: 12px 16px;
	text-shadow: 0px 1px 0px #fff
}

.bg-style-10 .btn-style-10:hover {
	background: linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	background-color: #ccc2a6
}

.bg-style-10 .btn-style-10:active {
	position: relative;
	top: 1px
}

.bg-style-11 {
	background-color: #f5f5f5
}

.bg-style-11 .btn-style-11 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #a6827e;
	background: linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
	background-color: #7d5d3b;
	border-radius: 3px;
	border: 1px solid #54381e;
	color: #fff;
	font-size: 13px;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #4d3534
}

.bg-style-11 .btn-style-11:hover {
	background: linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
	background-color: #634b30
}

.bg-style-11 .btn-style-11:active {
	position: relative;
	top: 1px
}

.bg-style-12 {
	background-color: #f5f5f5
}

.bg-style-12 .btn-style-12 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #54a3f7;
	background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color: #007dc1;
	border-radius: 3px;
	border: 1px solid #124d77;
	color: #fff;
	font-size: 13px;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #154682
}

.bg-style-12 .btn-style-12:hover {
	background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color: #0061a7
}

.bg-style-12 .btn-style-12:active {
	position: relative;
	top: 1px
}

.bg-style-13 {
	background-color: #e2e2e2
}

.bg-style-13 .btn-style-13 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	background-color: #33bdef;
	border-radius: 6px;
	border: 1px solid #057fd0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px -1px 0px #5b6178
}

.bg-style-13 .btn-style-13:hover {
	background: linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	background-color: #019ad2
}

.bg-style-13 .btn-style-13:active {
	position: relative;
	top: 1px
}

.bg-style-14 {
	background-color: #e2e2e2
}

.bg-style-14 .btn-style-14 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color: #ffec64;
	border-radius: 6px;
	border: 1px solid #fa2;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #fe6
}

.bg-style-14 .btn-style-14:hover {
	background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color: #ffab23
}

.bg-style-14 .btn-style-14:active {
	position: relative;
	top: 1px
}

.bg-style-15 {
	background-color: #f5f5f5
}

.bg-style-15 .btn-style-15 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #9acc85;
	background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	background-color: #74ad5a;
	border: 1px solid #3b6e22;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 12px
}

.bg-style-15 .btn-style-15:hover {
	background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	background-color: #68a54b
}

.bg-style-15 .btn-style-15:active {
	position: relative;
	top: 1px
}

.bg-style-16 {
	background-color: #3b5898
}

.bg-style-16 .btn-style-16 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #7a8eb9;
	background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	background-color: #637aad;
	border: 1px solid #314179;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 12px
}

.bg-style-16 .btn-style-16:hover {
	background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	background-color: #5972a7
}

.bg-style-16 .btn-style-16:active {
	position: relative;
	top: 1px
}

.bg-style-17 {
	background-color: #f5f5f5
}

.bg-style-17 .btn-style-17 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 3px 4px 0px 0px #899599;
	background: linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	background-color: #ededed;
	border-radius: 15px;
	border: 1px solid #d6bcd6;
	color: #3a8a9e;
	font-size: 17px;
	padding: 7px 25px;
	text-shadow: 0px 1px 0px #e1e2ed
}

.bg-style-17 .btn-style-17:hover {
	background: linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	background-color: #bab1ba
}

.bg-style-17 .btn-style-17:active {
	position: relative;
	top: 1px
}

.bg-style-18 {
	background-color: #f5f5f5
}

.bg-style-18 .btn-style-18 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background: linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color: #c62d1f;
	border-radius: 18px;
	border: 1px solid #d02718;
	color: #fff;
	font-size: 17px;
	padding: 7px 25px;
	text-shadow: 0px 1px 0px #810e05
}

.bg-style-18 .btn-style-18:hover {
	background: linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color: #f24437
}

.bg-style-18 .btn-style-18:active {
	position: relative;
	top: 1px
}

.bg-style-19 {
	background-color: #f5f5f5
}

.bg-style-19 .btn-style-19 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: 3px 4px 0px 0px #1564ad;
	background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color: #79bbff;
	border-radius: 5px;
	border: 1px solid #337bc4;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	padding: 12px 44px;
	text-shadow: 0px 1px 0px #528ecc
}

.bg-style-19 .btn-style-19:hover {
	background: linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color: #378de5
}

.bg-style-19 .btn-style-19:active {
	position: relative;
	top: 1px
}

.bg-style-20 {
	background-color: #f5f5f5
}

.bg-style-20 .btn-style-20 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 0px 14px -3px #f2fadc;
	background: linear-gradient(to bottom, #dbe6c4 5%, #9ba892 100%);
	background-color: #dbe6c4;
	border-radius: 6px;
	border: 1px solid #b2b8ad;
	color: #757d6f;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #ced9bf
}

.bg-style-20 .btn-style-20:hover {
	background: linear-gradient(to bottom, #9ba892 5%, #dbe6c4 100%);
	background-color: #9ba892
}

.bg-style-20 .btn-style-20:active {
	position: relative;
	top: 1px
}

.bg-style-21 {
	background-color: #f5f5f5
}

.bg-style-21 .btn-style-21 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #efdcfb;
	background: linear-gradient(to bottom, #dfbdfa 5%, #bc80ea 100%);
	background-color: #dfbdfa;
	border-radius: 6px;
	border: 1px solid #c584f3;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #9752cc
}

.bg-style-21 .btn-style-21:hover {
	background: linear-gradient(to bottom, #bc80ea 5%, #dfbdfa 100%);
	background-color: #bc80ea
}

.bg-style-21 .btn-style-21:active {
	position: relative;
	top: 1px
}

.bg-style-22 {
	background-color: #f5f5f5
}

.bg-style-22 .btn-style-22 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #dcecfb;
	background: linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	background-color: #bddbfa;
	border-radius: 6px;
	border: 1px solid #84bbf3;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #528ecc
}

.bg-style-22 .btn-style-22:hover {
	background: linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	background-color: #80b5ea
}

.bg-style-22 .btn-style-22:active {
	position: relative;
	top: 1px
}

.bg-style-23 {
	background-color: #f5f5f5
}

.bg-style-23 .btn-style-23 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #fff;
	background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #fff
}

.bg-style-23 .btn-style-23:hover {
	background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color: #f6f6f6
}

.bg-style-23 .btn-style-23:active {
	position: relative;
	top: 1px
}

.bg-style-24 {
	background-color: #f5f5f5
}

.bg-style-24 .btn-style-24 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #f7c5c0;
	background: linear-gradient(to bottom, #fc8d83 5%, #e4685d 100%);
	background-color: #fc8d83;
	border-radius: 6px;
	border: 1px solid #d83526;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #b23e35
}

.bg-style-24 .btn-style-24:hover {
	background: linear-gradient(to bottom, #e4685d 5%, #fc8d83 100%);
	background-color: #e4685d
}

.bg-style-24 .btn-style-24:active {
	position: relative;
	top: 1px
}

.bg-style-25 {
	background-color: #f5f5f5
}

.bg-style-25 .btn-style-25 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #bee2f9;
	background: linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color: #63b8ee;
	border-radius: 6px;
	border: 1px solid #3866a3;
	color: #14396a;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #7cacde
}

.bg-style-25 .btn-style-25:hover {
	background: linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color: #468ccf
}

.bg-style-25 .btn-style-25:active {
	position: relative;
	top: 1px
}

.bg-style-26 {
	background-color: #f5f5f5
}

.bg-style-26 .btn-style-26 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #fff6af;
	background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color: #ffec64;
	border-radius: 6px;
	border: 1px solid #fa2;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #fe6
}

.bg-style-26 .btn-style-26:hover {
	background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color: #ffab23
}

.bg-style-26 .btn-style-26:active {
	position: relative;
	top: 1px
}

.bg-style-27 {
	background-color: #f5f5f5
}

.bg-style-27 .btn-style-27 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #a4e271;
	background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color: #89c403;
	border-radius: 6px;
	border: 1px solid #74b807;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #528009
}

.bg-style-27 .btn-style-27:hover {
	background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color: #77a809
}

.bg-style-27 .btn-style-27:active {
	position: relative;
	top: 1px
}

.bg-style-28 {
	background-color: #f5f5f5
}

.bg-style-28 .btn-style-28 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #fff;
	background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color: #f9f9f9;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #666;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #fff
}

.bg-style-28 .btn-style-28:hover {
	background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color: #e9e9e9
}

.bg-style-28 .btn-style-28:active {
	position: relative;
	top: 1px
}

.bg-style-29 {
	background-color: #f5f5f5
}

.bg-style-29 .btn-style-29 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #e184f3;
	background: linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color: #c123de;
	border-radius: 6px;
	border: 1px solid #a511c0;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #9b14b3
}

.bg-style-29 .btn-style-29:hover {
	background: linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	background-color: #a20dbd
}

.bg-style-29 .btn-style-29:active {
	position: relative;
	top: 1px
}

.bg-style-30 {
	background-color: #f5f5f5
}

.bg-style-30 .btn-style-30 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	background-color: #3d94f6;
	border-radius: 6px;
	border: 1px solid #337fed;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #1570cd
}

.bg-style-30 .btn-style-30:hover {
	background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	background-color: #1e62d0
}

.bg-style-30 .btn-style-30:active {
	position: relative;
	top: 1px
}

.bg-style-31 {
	background-color: #f5f5f5
}

.bg-style-31 .btn-style-31 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #fbafe3;
	background: linear-gradient(to bottom, #ff5bb0 5%, #ef027d 100%);
	background-color: #ff5bb0;
	border-radius: 6px;
	border: 1px solid #ee1eb5;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #c70067
}

.bg-style-31 .btn-style-31:hover {
	background: linear-gradient(to bottom, #ef027d 5%, #ff5bb0 100%);
	background-color: #ef027d
}

.bg-style-31 .btn-style-31:active {
	position: relative;
	top: 1px
}

.bg-style-32 {
	background-color: #f5f5f5
}

.bg-style-32 .btn-style-32 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #f9eca0;
	background: linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color: #f0c911;
	border-radius: 6px;
	border: 1px solid #e65f44;
	color: #c92200;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #ded17c
}

.bg-style-32 .btn-style-32:hover {
	background: linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color: #f2ab1e
}

.bg-style-32 .btn-style-32:active {
	position: relative;
	top: 1px
}

.bg-style-33 {
	background-color: #f5f5f5
}

.bg-style-33 .btn-style-33 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #f5978e;
	background: linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color: #f24537;
	border-radius: 6px;
	border: 1px solid #d02718;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #810e05
}

.bg-style-33 .btn-style-33:hover {
	background: linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color: #c62d1f
}

.bg-style-33 .btn-style-33:active {
	position: relative;
	top: 1px
}

.bg-style-34 {
	background-color: #f5f5f5
}

.bg-style-34 .btn-style-34 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #d9fbbe;
	background: linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	background-color: #b8e356;
	border-radius: 6px;
	border: 1px solid #83c41a;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #86ae47
}

.bg-style-34 .btn-style-34:hover {
	background: linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	background-color: #a5cc52
}

.bg-style-34 .btn-style-34:active {
	position: relative;
	top: 1px
}

.bg-style-35 {
	background-color: #f5f5f5
}

.bg-style-35 .btn-style-35 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #fce2c1;
	background: linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	background-color: #ffc477;
	border-radius: 6px;
	border: 1px solid #eeb44f;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #cc9f52
}

.bg-style-35 .btn-style-35:hover {
	background: linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	background-color: #fb9e25
}

.bg-style-35 .btn-style-35:active {
	position: relative;
	top: 1px
}

.bg-style-36 {
	background-color: #f5f5f5
}

.bg-style-36 .btn-style-36 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #fff;
	background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color: #ededed;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	color: #777;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #fff
}

.bg-style-36 .btn-style-36:hover {
	background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color: #dfdfdf
}

.bg-style-36 .btn-style-36:active {
	position: relative;
	top: 1px
}

.bg-style-37 {
	background-color: #f5f5f5
}

.bg-style-37 .btn-style-37 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #bbdaf7;
	background: linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
	background-color: #79bbff;
	border-radius: 6px;
	border: 1px solid #84bbf3;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #528ecc
}

.bg-style-37 .btn-style-37:hover {
	background: linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
	background-color: #378de5
}

.bg-style-37 .btn-style-37:active {
	position: relative;
	top: 1px
}

.bg-style-38 {
	background-color: #f5f5f5
}

.bg-style-38 .btn-style-38 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color: #77d42a;
	border-radius: 6px;
	border: 1px solid #268a16;
	color: #306108;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #aade7c
}

.bg-style-38 .btn-style-38:hover {
	background: linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	background-color: #5cb811
}

.bg-style-38 .btn-style-38:active {
	position: relative;
	top: 1px
}

.bg-style-39 {
	background-color: #f5f5f5
}

.bg-style-39 .btn-style-39 {
	cursor: pointer;
	font-family: Arial;
	display: inline-block;
	text-decoration: none;
	box-shadow: inset 0px 1px 0px 0px #f29c93;
	background: linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	background-color: #fe1a00;
	border-radius: 6px;
	border: 1px solid #d83526;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-shadow: 0px 1px 0px #b23e35
}

.bg-style-39 .btn-style-39:hover {
	background: linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	background-color: #ce0100
}

.bg-style-39 .btn-style-39:active {
	position: relative;
	top: 1px
}

.spinner-loading img,
.spinner-loading {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.spinner-loading {
	background-color: rgba(255, 255, 255, .9)
}

.spinner-loading img {
	width: 150px;
	height: 150px;
	margin: auto
}

@media(max-width: 575.98px) {
	.spinner-loading img {
		width: 75px;
		height: 75px
	}
}

body {
	position: relative;
	color: #1e1c21;
	overflow-y: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	font-family: arial;
	font-size: 12px;
	max-width: 1140px;
	margin: auto;
}

@media(max-width: 767.98px) {
	body {
		overflow-y: auto
	}
}

body .form-control {
	font-size: 13px
}

body .form-control:focus {
	background-color: #effbff;
	border-color: #7b96ca
}

body .form-check {
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	color: #777;
	padding: 0 5px;
	margin-right: 7px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf))
}

body .form-check .form-check-input {
	position: relative;
	margin: 0 2px 0 0;
	cursor: pointer;
}

body .form-check .form-check-label {
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 3px;
	margin-bottom: 0 !important
}

body input[type=checkbox],
body input[type=checkbox]+label {
	cursor: pointer
}

body .refresh-add {
	margin-bottom: 18px
}

body .refresh-add .refresh {
	cursor: pointer;
	height: 18px;
	margin-right: 8px;
	width: 15px;
	background-image: url(img/refresh.png);
	background-repeat: no-repeat
}

body .default-palettes {
	font-size: 12px;
	margin: 3px 0 0 2px
}

body .default-palettes .form-check label {
	margin-bottom: 0
}

body .default-palettes ul {
	background-color: #fff;
	border: 1px solid #bfc4ce;
	display: none;
	height: 200px;
	margin: 0 0 0 6px;
	overflow: auto;
	position: absolute;
	width: 180px;
	z-index: 4
}

body .default-palettes ul li {
	cursor: pointer;
	padding: 8px 0 4px 10px;
	background-color: #f8f8f8;
	border-bottom: 1px solid #d8dfea;
	display: block;
	margin-bottom: 1px
}

body .default-palettes ul li:hover {
	background-color: #fff8cc;
	border-color: #ffe222
}

body .default-palettes ul li.selected {
	background-color: #ebecef;
	border-color: #bfc4ce
}

body .default-palettes ul span {
	border: 1px solid #bfc4ce;
	display: inline-block;
	height: 18px;
	margin-right: 4px;
	width: 18px;
	top: 0
}

body .default-palettes ul .dropdown {
	float: left;
	padding: 0 0 4px 0;
	z-index: 4
}

body .default-palettes ul .dropdown span {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	color: #777;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-right: 3px;
	padding: 2px 9px;
	position: relative;
	top: 2px
}

body .default-palettes .current-palette,
body .default-palettes .preview-swatch-color-bg {
	display: inline-block;
	position: relative;
	margin-bottom: -1px;
	border-bottom-width: 0
}

body .default-palettes .current-palette.selected,
body .default-palettes .preview-swatch-color-bg.selected {
	border-color: #666;
	-moz-box-shadow: inset 0px 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 0px 2px #fff;
	box-shadow: inset 0px 0px 0px 2px #fff
}

body .default-palettes .current-palette span,
body .default-palettes .current-palette .preview-swatch-color,
body .default-palettes .preview-swatch-color-bg span,
body .default-palettes .preview-swatch-color-bg .preview-swatch-color {
	font-size: 20px;
	height: 20px;
	width: 20px;
	box-shadow: inset 0 0 0 1px #fff;
	border: 1px solid #bfc4ce;
	margin-right: 5px;
	cursor: pointer;
	display: inline-block
}

body .color-picker {
	clear: both;
	display: none;
	position: absolute;
	top: 35px;
	z-index: 8
}

body .color-container .form-check {
	background-color: #ededed;
	border-radius: 4px;
	border: 1px solid #dcdcdc;
	margin-right: 8px;
	padding: 4px 5px
}

body .color-container .form-check label {
	font-size: 11px;
	color: #777;
	text-shadow: 1px 1px 0 #f8f8f8;
	font-weight: normal
}

body .ui-corner-all {
	border-radius: 6px !important
}

body .ui-widget-content {
	border: 1px solid #5283d9;
	background-color: #b6d6ed;
	color: #222
}

body .ui-widget {
	font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
	font-size: 1.1em
}

body .ui-slider-horizontal {
	height: 9px
}

body .ui-slider {
	position: relative;
	text-align: left
}

body .ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

body .ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

body .ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

body .ui-widget-header {
	border: 1px solid #4297d7;
	background-color: #5c9ccc;
	color: #fff;
	font-weight: 700
}

body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default {
	border: 1px solid #375994;
	background-color: #fff;
	font-weight: 700;
	color: #2e6e9e
}

body .ui-slider-horizontal .ui-slider-handle {
	top: -0.3em;
	margin-left: -0.6em
}

body .ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 15px;
	height: 15px;
	border-radius: 50% !important;
	cursor: default
}

.classname {
	cursor: pointer
}

.h2 {
	margin-bottom: 20px
}

@media(max-width: 767.98px) {
	.h2 {
		font-size: 1.5rem
	}
}

.unavailable {
	border-color: red !important;
	background-color: #fff !important;
	cursor: not-allowed !important
}

.wrap-trigger-btn {
	background-color: #fff;
	position: sticky;
	top: -10px;
	z-index: 98
}

.wrap-trigger-btn .trigger-btns-template {
	margin: 7px 0
}

@media(min-width: 992px) {
	.wrap-trigger-btn {
		display: none
	}
}

.sidenav-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .4);
	z-index: 99;
	display: none;
	transition: .3s all ease-in-out;
	transform: translate(100%);
	will-change: transform
}

.btns-template {
	padding: 15px 15px 0;
	background-color: #f1f2f3;
	border-right: 1px solid #e1e1e1;
	bottom: 0;
	left: 0;
	padding-bottom: 35px;
	width: 215px;
	max-width: 500px;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	top: 0;
	z-index: 99999;
	will-change: transform;
	transition: .3s all ease-in-out
}

@media(max-width: 991.98px) {
	.btns-template {
		transform: translate(-100%)
	}
}

.btns-template .container-btn-template {
	width: 110px;
	background-color: #fff;
	padding: 5px;
	margin: 5px;
	border-color: #e1e1e1;
	border-width: 0 1px 2px;
	border-style: solid;
	box-sizing: content-box
}

.btns-template .container-btn-template .preview-btn-template {
	box-sizing: content-box;
	padding: 15px 15px 13px;
	text-align: center;
	height: 38px
}

.btns-template .container-btn-template .preview-btn-template .btn-style-template {
	display: block;
	padding: 9px 10px;
	font-size: 15px
}

.btns-template .container-btn-template .preview-btn-template .btn-style-template:hover {
	text-decoration: underline
}

.main-section {
	padding: 0 25px;
	height: 100vh;
	overflow-y: auto
}

@media(max-width: 767.98px) {
	.main-section {
		border-radius: 5px;
		border: 1px solid #e1e1e1
	}
}

.main-section .title {
	color: #568eea;
	font-size: 26px;
	margin: 20px 10px;
	text-shadow: 1px 1px 0 #fff;
	font-weight: bold
}

.main-section .preview {
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #e1e1e1;
	position: relative;
	padding: 15px
}

.main-section .preview .preview-area {
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5;
	height: 230px;
	width: 100%
}

.main-section .step-two-three {
	margin-top: 30px
}

.main-section .step-two-three h5 {
	font-weight: bold
}

.main-section .step-two-three textarea.form-control {
	height: 220px;
	min-height: calc(100vh - 525px);
	background-color: #fcfcfc;
	color: #444;
	font-size: 13px
}

.settings {
	background-color: #fff;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 10px 18px 20px
}

@media(max-width: 767.98px) {
	.settings {
		margin-top: 5px;
		border-radius: 5px;
		border: 1px solid #e1e1e1
	}
}

.settings .form-group {
	margin-bottom: .75rem
}

.settings label {
	font-size: 12px
}

.settings select {
	background-color: #fcfcfc;
	border-color: #bbb #ddd #eee;
	border-style: solid;
	border-width: 1px;
	color: #444;
	font-family: arial;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 2px;
	width: 100%;
	min-height: 13px
}

.settings select:focus {
	background-color: #effbff;
	border-color: #7b96ca
}

.settings .setting-slider,
.settings .setting-shadow,
.settings .setting-shadow-blur {
	margin: 13px 0 5px;
	width: 100%
}

.settings .setting-input {
	border: 0;
	color: #f6931f;
	width: 40px;
	margin: 0;
	font-weight: 700;
	font-size: 13px
}

.settings .setup-one .form-control {
	height: 100%;
	padding: 3px 8px
}

.settings .setup-one label {
	margin-bottom: .25rem
}

.settings .setup-one h5 {
	font-weight: bold;
	margin-top: 10px
}

.settings .setup-one .setting-title {
	border-radius: 6px;
	background-color: #eee;
	border: 1px solid #ddd;
	margin: 10px 0 15px;
	padding: 5px 10px;
	font-weight: 700;
	font-size: 13px
}
.settings .setup-one .setting-title input[type=checkbox]{
	position: relative;
	top: 3px;
}
.settings .setup-one .settings-text {
	padding-bottom: 15px
}

/*# sourceMappingURL=main.min.css.map */