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

h3{
	position: relative;
	margin: 0 0 8px;
	padding: 0 0 0.8em 1.5em;
	font-size:18px;
	font-size: 1.8em;
	font-weight: bold;
	border-bottom: 2px solid #FF6317;
}
h3:before{
    content: "";
    position: absolute;
    background: #FF6317;
    left: 0.5em;
	margin-top :3px;
    height: 15px;
    width: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.box {
	padding:0 10px 5px;
}
.box img {
	max-width:100%;
		max-width:266px;
	height:auto;
	border:1px solid #aaa;
}


.Button1,.Button2,.Button3{
	-moz-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	box-shadow:inset 0px 1px 0px 0px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);

	background-color:#7892c2;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #4e6096;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000;
		padding:10px 3px;
			max-width:256px;
	text-align:center;
}

.Button1:hover,.Button2:hover,.Button3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);

	background-color:#476e9e;
	
	color:#FFF;
}

.Button1:active,.Button2:active,.Button3:active {
	position:relative;
	top:1px;
}


.Button1,.Button2{ 
	margin:8px 3px 2px;
	width:28%;
	float:left;
}

.Button3{ 
	margin:5px auto 2px;
	width:100%;
}




 @media only screen and (max-width:959px)  {
	
.Button1,.Button2{
			width:100%;
			margin:5px 0 3px;
}
.box img {
	width:100%;
	height:auto;
}
}

@media only screen and (max-width:640px) {

.box {
	padding:5px 10px 5px;
}
h3:before{
	margin-top :1px;
}

h3{
	height:40px;
	line-height:16px;
}
h3:before{
	height:30px;
}
}

@media only screen and (max-width:480px) {
	.Button1,.Button2{
			width:31%;
			margin-left:1%;			
			margin-right:1%;
}

.Button3{ 
	max-width:460px;
}
h3:before{
	margin-top :3px;
}


h3{
	height:23px;
	line-height:20px;
}
h3:before{
	height:15px;
}
.box img {
	max-width:460px;
}
.img_none{
	display:none;
}
}