#layoutbar { height: 135px; }

#gmap iframe { width: 100%; height: 350px; }

#contact { padding: 40px; }

.anyconactway { padding-bottom: 40px; border-bottom: 1px dashed #c6c6c6; }
.anyconactway li { overflow: hidden; padding: 0 1.5%; float: left; width: 30%; }
.anyconactway li .icon { float: left; width: 50px; color: #00a0e9; }
.anyconactway li .icon i { font-size: 30px; }
.anyconactway li .txt { float: left; width: calc(100% - 50px); }
.anyconactway li .txt p { color: #434343; font-size: 16px; line-height: 180%; }
.anyconactway li .txt .gray { color: #707071; }

.contact-detail { overflow: hidden; margin-top: 50px; color: #6967b5; font-size: 18px; }
.contact-form { margin-top: 40px; }
.contact-form article { margin-bottom: 20px; }

form , fieldset { overflow: hidden; margin: 0; padding: 0; border: 0; }
.contact-box label span { margin-right: 5px; color: #b5975b; }
.contact-box { overflow: hidden; position: relative; margin-bottom: 15px; float: left; width: 48%; }
.contact-box:nth-child(2n) { float: right; }
.contact-box p { margin-top: 10px; }
.contact-box >p input[type="text"] ,
.contact-box textarea { padding: 10px 5%; width: 90%; border: none; background: #f2f2f2; font-size: 16px; outline: none; transition: all ease-in-out 0.1s; color: #2361ae; }
.contact-box .special { position: absolute; right: 0; top: 0; }
.contact-box .special p { margin: 0 0 0 10px; display: inline-block; border: none; }
.contact-box.stranger p { width: 90px; background: #f2f2f2; display: inline-block; }
.contact-box.stranger input[type="text"] { width: 50px; background: #f7fafc; border: 1px solid #f2f2f2; }
.contact-box.stranger p b { padding: 0 5px; background: #f2f2f2; display: inline-block; font-size: 15px; color: #717171; }

.contact-box.large { width: 100%; }
.contact-box.large:last-child >p { overflow: hidden; width: 180px; display: inline-block; border: none; }
.contact-box.large:last-child >p input { margin-right: 10px; width: 100px; }
.contact-box.large p.send { float: right; width: auto; }
.contact-box.large p textarea { padding: 5px 2.5%; width: 95%; }
.contact-box.large p.send input { padding: 5px 20px; background: #00a0e9; border: none; color: #fff; font-size: 14px; text-align: center; }
.roomstyle .content-wrap { padding: 0; }

/* order */
.orderStyle { padding: 20px; }
#order .orderWrap { margin-bottom: 15px; }
#order .orderWrap .orderList { overflow: hidden; position: relative; padding: 10px 0; border-bottom: 1px #8e8e8e dashed; }
#order .orderWrap .orderList p { width: 15%; float: left; }
#order .orderWrap .orderList p:first-child { width: 40%; }
#order .orderWrap .orderList p label { padding-bottom: 5px; border-bottom: 2px #007afb solid; display: none; text-align: center; }
#order .orderWrap .orderList:first-child p label { display: block; }
#order .orderWrap .orderList p b { margin: 5px 20px; display: block; line-height: 100px; text-align: center; }
#order .orderWrap .orderList p:first-child b { text-align: left; }
#order .orderWrap .orderList p b a { color: #000; }
#order .orderWrap .orderList p b img { margin-right: 15px; height: 100px; }
#order .orderWrap .orderList p input[type="text"] { padding: 0 10px; width: 30px; border: 1px #ddd solid; font-size: 16px; }
#order .orderWrap .orderList p input[type="button"] { margin-left: 0; padding: 5px 10px; background: #ec3939; border-color: #901c1c; font-size: 14px; font-weight: normal; color: #fff; }
#order .orderWrap .orderList p input[type="button"]:hover { background: #901c1c; }
#order #orderTotal p { margin: 10px 0; text-align: right; }
#order .button { margin: 15px 0 30px; text-align: center; }
#order .button p.link { text-align: right; }
#order .button p { width: 49%; display: inline-block; }
#order .button p a { padding: 10px 20px; background: #8c7d68; display: inline-block; font-weight: normal; color: #fff; }
#order .button p.link a { background: #e17b60; }
#order .button p a i { vertical-align: initial; }
#order .button p a:hover { opacity: .7; }
.contact-center , .contact-center p { text-align: center; }

@media screen and (max-width: 980px) {
	.roomstyle .content-wrap { padding: 40px; }
	#contact { padding: 40px 0; }
	.contact-box { width: 100%; }
	#gmap iframe { height: 250px; }
	#layoutbar { height: 115px; }
	.contact-box.stranger label { display: none !important; }
}
@media screen and (max-width: 768px) {
	.anyconactway li { margin: 0 1.5% 30px; width: 97%; }
	#order .orderWrap .orderList { border-bottom: 0; }
	#order .orderWrap .orderList p , #order .orderWrap .orderList p:first-child { float: none; width: 100%; border-bottom: 1px #8e8e8e dashed; }
	#order .orderWrap .orderList p label , #order .orderWrap .orderList:first-child p label , #order .orderWrap .orderList p b { margin: 0; padding: 10px 0; width: 49%; display: inline-block; line-height: 33px; border-bottom: 0; }
	#order .orderWrap .orderList p:first-child label , #order .orderWrap .orderList p:first-child b { width: 100%; text-align: center; }
	#order .orderWrap .orderList p:first-child label { border-bottom: 2px #d2b287 solid; }
	#order .orderWrap .orderList p b img { margin: 0 auto 10px; max-width: 100%; height: auto; display: block; }	
	.orderStyle{ padding: 0; }
}
@media screen and (max-width: 640px) {
	.contact-detail { font-size: 16px; }
	.contact-detail aside { margin-top: 30px; }
	.contact-box.large p.send { margin: 20px 0 0 0; display: block; width: auto; }
	.roomstyle .content-wrap { padding: 0 20px; margin: 0 0 40px; }
	#layoutbar { height: auto; }
}
@media screen and (max-width: 480px) {
	.contact-box { width: 100%; }
	.contact-box.large p.send { text-align: center; }
}