﻿@charset "utf-8";
/* CSS Document */
#list > .header{
	position:fixed;
	height:95px;
}
.btn-all{
	display:none;	
}

.items > .data{
	position:relative;
	width:640px;	
	margin:0 auto;
	min-height:600px;
}
.items > .data > div{
	position:relative;
}

.items > .data > div h1{
	position:relative;
	margin:0;
	padding:2em 0 1em 0;
	font-size:1em;
	width:1em;
	line-height:1.8em;
	text-align:center;
}
.items > .data div.content{
	font-size:0.8125em;
	line-height:1.8em;
	padding-bottom:1em;
	letter-spacing:0.125em;
}

.data div.table > div{
	line-height:3em;
	text-align:center;
}
.data div.table > div > div{
	display:inline-block;
	vertical-align:top;
}

.data div.table .item{
	width: 7em;
    line-height:40px;
	text-align:left;
}
.data div.table .item-data{
	text-align:left;
    position:relative;
    display:block;
}
.data div.table .item-data input{
    width:100%;
	padding:0 0.5em;
	height:2.5em;
	border:none;
	border:1px solid #CCCCCC;
	font-size:0.8125em;
    display:block;
}
.data div.table .item-data textarea{
	width:100%;
	margin-top:0.5em;
	padding:0.5em;
	height:6em;
	border:none;
	border:1px solid #CCCCCC;
	font-size:0.8125em;
    display:block;
}
.data div.table .item-data.item-btn{
	
}
.data div.table .item-data.item-btn input{
	width:5em;
}
.item-text{
	padding-top:1em;
	line-height:1.8em;
	
}
#btn-submit{
	background:#000000;
	color:#FFFFFF;	
}

#btn-submit:hover{
	cursor:pointer;
}

#map{
	width:485px;
	height:485px;
	margin-top:2em;
	margin-left:130px;
	
}

.mapinfo {
    color: #FFFFFF;
    font-size: 13px;
    padding: 5px 10px;
    background: #403E3C; 
}

body{
	padding-bottom:0;
}
#footer{
	position:relative;
}
	
@media only screen and (max-width: 1024px) {
	
	
}

@media only screen and (max-width: 1026px) {
	.items > .data{
		width:95%;
	}
}


@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 640px) {
	
}

@media only screen and (max-width: 480px) {
	
}

.forms .Validform_checktip {width:20px; height:16px; display:block; font-size:0px; position:absolute; top:7px; right:-5px;}
.forms .Validform_checktip.Validform_wrong {background:url(../images/valid_icons.png) no-repeat -20px -40px; color:#f00;}
.forms .Validform_checktip.Validform_right {background:url(../images/valid_icons.png) no-repeat -40px -20px;}

.codes {width:500px; height:150px; overflow:hidden; padding-left:160px; position:relative; margin:20px auto 0px;}
.codes .codeimg {width:150px; height:150px; position:absolute; top:0px; left:0px;}
.codes .codeimg img {width:100%; display:block;}

.mapbox {width:480px; height:300px; position:relative; margin:30px auto 10px;}
.mapbox .maps {width:480px; height:300px; background:url(../images/UIMap.jpg) no-repeat;}
.mapbox .maplink {width:100%; height:100%; display:block; background:none; position:absolute; top:0px; left:0px; z-index:99;}
.mapbox .maplink span {display:none;}