/* default */
h1,h2,h3,h4,h5{ padding:0; margin:0; }
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */

/*

*/

/* Body */
body{ font: 100% 'Oswald', sans-serif; margin:0; padding:0; text-align: left; color:#fff; background: url(../images/bg.png);}

a img{ border: 0;}
a:hover{color: #FF7F00;}

#wrapper{ max-width: 1440px;width:100%; margin: auto; background: url(../images/banner.jpg) center top no-repeat;}
#head-wrapper{max-width: 1440px; width: 100%; background: url(../images/top-bar-bg.png) center top no-repeat;}
header{   max-width: 960px; width: 100%; margin: auto;padding-bottom: 289px; position: relative}	
	.address, .phone{ float: left; /*width: 336px;*/ width: 35%; padding-top: 10px;text-align: center;}
	.logo-wrapper{ display: block; /*width: 288px; */width: 30%; ; margin:41px 0 0 0; float: left; text-align: center;}
	.phone{ float: right;}

.banner-label{ background: url(../images/banner-label-bg.png); border-radius: 10px; font-size: 27px; text-align: center; max-width: 960px; width: 100%; margin: auto; }
.banner-label p{ padding: 20px;}
article{ position: relative; max-width: 960px; margin: auto; text-align: center}
	.login-form{ max-width: 438px; width: 100%; min-height: 132px; background: url(../images/login-box-bg.png) center top #FFE220 repeat-x; margin: -44px auto 0; border-radius: 10px; position: relative;}
	.login-form .form{ padding: 13px 5px; font-size: 19px; color: #1D4519}   
	.login-form p{ margin: 5px 0;}
	.login-form label{ width: 85px; float: left; text-align: right; padding-right: 5px;}
	.login-form span{ display: block; font-size: 12px; color: rgb(253, 0, 0);}
	.login-form .textbox{ width: 300px; border: none; height:25px; line-height: 25px;}
    .login-form input[type="checkbox"]{ float: left; margin-left: 19px;}
        .login-form input[type="submit"] { width: 60px; height: 60px; background: url(../images/login-btn.png); border: none; text-indent: -9999px;  position: absolute; right:-53px; top:38px; cursor: pointer; }
	.login-form .login-btn{ position: absolute; right:-53px; top:72px;}




article .content p{ padding: 10px 30px;}
article .content strong{ font-weight: normal; font-size: 20px;}

footer { max-width: 1440px; width: 100%; padding: 20px 0;  background: url(../images/footer-bg.jpg) center top no-repeat #FFE220; font-size: 17px;}
footer .footer-contents{ max-width: 960px; width: 100%; margin: auto; text-align: center;}
	.footer-contents .phones{ margin: 0 auto; padding:0; max-width: 510px; width: 100%; list-style: none;}
	.footer-contents .phones li{ float: left; margin-right: 12.35294%; background: url(../images/phone.png) left center no-repeat; padding-left:32px; color: #1D4519}
	.footer-contents .phones li:last-child{ margin-right: 0;}
	.footer-contents p{ color: #1D4519; }
	.footer-contents a{ text-decoration: none; color:#1D4519; }



#sub-page-wrapper{
            max-width: 1440px;
            width: 100%;
            background: url(../images/top-bar-bg.png) center top no-repeat;
        }        
        #slider2_container{ margin: auto; }
        
        .jssort03 .w, .jssort03 .pav:hover .w
        {
            position: absolute;
            width: 100px;
            height: 100px;
            border: white 1px dashed;
        }
        * html .jssort03 .w
        {
            width /**/: 102px;
            height /**/: 102px;
        }
        .jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }
        .jssort03 .c
        {
            width: 102px;
            height: 102px;
            filter:  alpha(opacity=45);
            opacity: .45;
            
            transition: opacity .6s;
            -moz-transition: opacity .6s;
            -webkit-transition: opacity .6s;
            -o-transition: opacity .6s;
        }
        .jssort03 .p:hover .c, .jssort03 .pav .c
        {
            filter:  alpha(opacity=0);
            opacity: 0;
        }
        .jssort03 .p:hover .c
        {
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;
        }


 .view-gallery{ text-align: center; }
.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
	color:#333333;
}
.btn:active {
	position:relative;
	top:1px;
}



/* #Media Queries
================================================== */

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (max-width: 770px) {
		.address, .phone{ float: none; position: absolute; width: 90px; top: 0; padding-top: 10px;}
		.address{ left: 0;}
		.phone{right: 0 ;}
		.logo-wrapper{ float: none;margin: 0 auto;padding-top: 40px;width: 288px;}
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 480px) {
		.address, .phone{ float: none; position: absolute; /*width: 336px;*/ width: 100%; top: 120px; padding-top: 10px;text-align: center;}

		.phone{ float: none;top: 145px;}
		.logo-wrapper{ float: none; margin: 0 auto;padding-top: 40px;}

		.footer-contents .phones li{ float: none; width: 103px; margin: auto;}
		.footer-contents .phones li:last-child{ float: none;  margin: 0 auto;}

		.login-form .login-btn{ position: static; float: left; margin-left: 108px;}


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