@charset "UTF-8";
body,html{
    height: 100%;
}
#main #content h1 {
	display: none;
}
#content #subtitle .sub {
	color: #666666;
	font-size: 0.6rem;
	padding-left: 7%;
}
#main #content #subtitle {
	display: block;
	margin-top: 5%;
	margin-bottom: 3%;
	position: relative;
}
#content #subtitle .title {
	color: #666666;
	font-size: 1.5rem;
	padding-left: 7%;
	position:relative;
}
#rogomark {
	width: 8%;
	position:absolute;
	bottom:0%;
	left:90%;
	}
#subtitle :before{
    display: block;
    content: "";
    position: absolute;
    top: 40%;
    left: 0%;
    width: 4%;
    margin-top: -5%;
	padding-top: 3%;
	padding-bottom: 8%;
    background: #8cc63f;
  }
#main #content .hr {
	width: 100%;
	height: 0.1rem;
	background-color: #8cc63F;
	margin-top: 0.15rem;
	z-index:10000;
}
table tr th {
	width: 30%;
	height: 2.5rem;
	line-height:2.5rem;
	background: #8cc63f;
	border: 0.1rem solid #fff;
	text-align: left;
	padding-left:2%;
	padding-top:2%;
	vertical-align:top;
}
table tr td {
	border: 0.1rem solid #8cc63f;
	padding-left:2%;
	padding-top:2%;
	padding-bottom:1%;
	vertical-align:top;
}
body table {
	margin-top: 2rem;
}
.contactItem {
	color: #fff;
	font-weight: normal;
	font-size: 0.8rem;
	display: block;
	height:1.5rem;
	line-height:1.5rem;
}
.require {
	color: #736357;
	font-weight: normal;
	font-size: 0.6rem;
	height:1rem;
	line-height:1rem;
	margin-bottom:0.5rem;
	vertical-align: top;
	display: block;
}
small {
	font-size: 0.5rem;
}
table p {
	display:inline-block;
}
.form_bottun input   {
	border-radius: 5px;
	display: inline-block;
}
.form_bottun {
	margin-top: 1rem;
	width:50%;
	margin-right: auto;
	margin-left: auto;
	overflow:hidden;
}
input[type="submit"] {
	background-color: #8cc63f;
	color: #fff;
	font-size: 1rem;
	float:left;
}
input[type="reset"] {
	background-color: #9F9FA0;
	color: #fff;
	font-size: 1rem;
	float:left;
}
.form_bottun input:hover {
	opacity:0.5;
    -moz-opacity:0.5;
    filter:alpha(opacity = 50);
	}

.integer{
	-webkit-appearance:none;
	vertical-align:bottom;
	float:left;
	}
#number{
	-webkit-appearance:none;
	width:3rem;
	font-size:1rem;
	text-height:font-size;
	}
#integer{
	-webkit-appearance:none;
	width:10%;
	font-size:1rem;
	text-height:font-size;
	}
#unitprice{
	color:white;
	padding-left:1rem;
	padding-right:1rem;
	font-size:1.5rem;
	}
#sum{
	width:25%;
	height:1.5rem;
	vertical-align:baseline;
	margin-right:0.5rem;
	font-size:1rem;
	text-height:font-size;

	}
#coutionCul{
	margin-top:3rem;
	color: #F82D30;
}

#cul{
	width:95%;
	/*padding-bottom:2.5rem;*/
	padding-top:1rem;
	height:3rem;
	padding-left:5%;
	background: #8cc63f;
	margin-top:1rem;
	}
.form1{
	display:inline-table;}
#coution {
	color: #FFFFFF;
	padding: 0.5rem;
	border-radius: 5px;
	background-color: #F82D30;
	margin-top: 1rem;
}
.ad {
	font-size:0.8rem
	}
#culBottun{
	background-color: #F82D30;}
#pay{
	margin-top:3rem;
	}
#silky{
	font-size:1.2rem;
	border:solid;
	border-color:#000000;
	border-width:0.1rem;
	padding:0.5rem;
	width:50%;
	}
#bank{
	margin-bottom:1rem;
	width:100%;
	}
#bank th{
	color:white;
	}

#main{
	width:100%;
	}
#content #form #ddimg {
	margin-top:3rem;
	padding:10%;
	width:80%;
	}
#ddimgmain img{
	width: 100%;
	}

#form #ddimg #ddimgSub {
	width: 100%;
}
#ddimgSub figure {
	float:left;
	width: 33%;
	}

#ddimgSub figure img {
	width: 100%;
}
@media screen and (max-width: 680px){
	.contactItem {
	color: #fff;
	font-weight: normal;
	font-size: 0.6rem;
	display: block;
	height:1.2rem;
	line-height:1.2rem;
}
#silky{
	font-size:1.2rem;
	border:solid;
	border-color:#000000;
	border-width:0.1rem;
	padding:0.5rem;
	width:100%;
	}
#unitprice{
	color:white;
	padding-left:1rem;
	padding-right:1rem;
	font-size:1rem;
	}
#integer{
	-webkit-appearance:none;
	width:6%;
	font-size:0.8rem;
	text-height:font-size;
	}
#ddimgSub figure {
	width: 100%;
	float:none;
}


	
}