/*
	H5 Buttons CSS v1.1
	Created by Steven.Lv on 2016-01-18 
	Online style maker: http://www.ofoct.com/html5-button-maker/html5-button-maker.html
	This a free and open source pure javascript plugin and CSS. no need jquery.
	You can free use for person or commerce. 
	But please reserve this declaration.
*/
	/*google font css*/
	
	
	.h5button {
		/*--common */
		display:inline-block;
		cursor: pointer;
		text-align:center;
		text-decoration: none;
		/*common end*/
		
		/*--border */
		border-style: solid;
		border-width: 0px;
		border-color: #FFFFFF;
		box-shadow: 0px 0px 0px 0px #000000;
		-o-box-shadow: 0px 0px 0px 0px #000000;;
		-webkit-box-shadow: 0px 0px 0px 0px #000000;;
		-moz-box-shadow: 0px 0px 0px 0px #000000;;
		-ms-box-shadow: 0px 0px 0px 0px #000000;;
		/*border end*/		
	
		/*--padding*/
		padding-top: 8px;
		padding-bottom: 12px;
		padding-left: 8px;
		padding-right: 8px;
		/*padding end*/
		
		/*--background */
		background-color: #0d1989;
		background: rgb(255,175,75); background: -moz-linear-gradient(top,  rgba(255,175,75,1) 0%, rgba(255,146,10,1) 100%); background: -webkit-linear-gradient(top,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); background: linear-gradient(to bottom,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#ff920a',GradientType=0 ); 
		/*background end */
	}    
	.h5button,.h5button canvas
	{
		/*--border */
		-webkit-border-top-left-radius: 22px;
		-moz-border-radius-topleft: 22px;
		border-top-left-radius: 22px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		border-top-right-radius: 0px;
		-webkit-border-bottom-left-radius: 22px;
		-moz-border-radius-bottomleft: 22px;
		border-bottom-left-radius: 22px;
		-webkit-border-bottom-right-radius: 22px;
		-moz-border-radius-bottomright: 22px;
		border-bottom-right-radius: 22px;
		/*border end*/		
	}		
	
	.h5button.hover,.h5button:hover {
		/*
		*/
		
		-webkit-filter: brightness(120%);
		-moz-filter: brightness(120%);
		-o-filter: brightness(120%);
		-ms-filter: brightness(120%);
		filter: brightness(120%);
		/* for IE */
		filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright_for_ie'><feComponentTransfer><feFuncR type='linear' slope='1.2'/><feFuncG type='linear' slope='1.2' /><feFuncB type='linear' slope='1.2' /></feComponentTransfer></filter></svg>#bright_for_ie");
	}
	.h5button img,.h5button span
	{
		vertical-align: middle;
		margin-left:2px;
		margin-right:2px;
	}
	.h5button img
	{
		width:16px;
		height:16px;
	}
	.h5button span
	{
		font-family: cursive;
		font-size: 15px;
		color: #FFFFFF;
		text-shadow: -1px -1px 1px #777777;
		text-decoration: none;	
	}