@charset "UTF-8";
@import "../../css/style.css";
@import "../../css/lightbox.min.css";

div#content div.pamphlet ul { margin: 0; padding: 0; width: 750px; list-style: none; }
div#content div.pamphlet ul li { margin: 0 20px 20px 0; width: 230px; float: left; }
div#content div.pamphlet ul li img { width: 100%; height: auto; vertical-align: top; }

div#content div.button { margin: 2em 0; text-align: center; }

div#content div.button button {
font-size: 100%;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #74b807;
padding:9px 18px;
text-decoration:none;
background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) );
background-color:#89c403;
color:#ffffff;
display:inline-block;
text-shadow:1px 1px 0px #528009;
 -webkit-box-shadow:inset 1px 1px 0px 0px #a4e271;
 -moz-box-shadow:inset 1px 1px 0px 0px #a4e271;
 box-shadow:inset 1px 1px 0px 0px #a4e271;
}
div#content div.button button:hover {
background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
background:-ms-linear-gradient( top, #77a809 5%, #89c403 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77a809), color-stop(100%, #89c403) );
background-color:#77a809;
cursor: pointer;
}


/*-----------------------------------
For Smartphone (568px/iPhpne5)
-----------------------------------*/
@media screen and (max-width: 568px) {

div#content div.pamphlet ul { width: 100%; }
div#content div.pamphlet li { width: 100% !important; text-align: center; float: none; }
div#content div.pamphlet ul li img { width: auto; }
}