@charset "utf-8";

.page_desc_image { background:url(/images/2014/about/faqs/page_desc_image.png) no-repeat; width:70%; height:15rem; color:#9b0000; position:relative; margin:2rem auto; }
.page_desc_image p { position:relative; top: 2.6rem; left: 4.5rem; }


.category .middle { min-height:2.5rem; }
.category .questions { display:none; }
.category.selected .questions { display:block; }

.box_btn { top:0.5rem; }
.box_btn p { top:-0.5rem; }
.box_btn p.next { display: none; }
.box_btn p.open { display: block; }
.category.selected .box_btn p { display:none; }
.category.selected .box_btn p.close { display: block; }

.box_label .label_image { width:6%; }

.questions { margin-top:4rem; }
.question { text-align:left; position:relative; width:95%; margin:auto; }
.question .qtop { background:url(/images/2014/inbox/bar-inner-top.png) no-repeat; height:2.6rem; }
.question .qmiddle { background:url(/images/2014/inbox/bar-inner-body.png) repeat-y; /*height:1rem;*/ }
/*.question.tall .qmiddle { height:3rem; }*/
.question.active .qmiddle { height:auto; }
.question .qbottom { background:url(/images/2014/inbox/bar-inner-bottom.png) no-repeat; height:2.8rem; }
.question .qcontent { width:90%; position:relative; margin:0 auto; }
.question .question_title { position:relative; /*top:-0.7rem;*/ cursor:pointer; }
.question .answer { display:none; }
.question.active .answer { display:block; }
.question .answer p { margin:0rem; }

.ask_us { background:url(/images/2014/about/faqs/ask-quest-btn.png) no-repeat; width:75%; height:20rem; position:relative; margin:2rem auto; cursor:pointer; }
.ask_us:hover { background-position: bottom; }
.ask_us p { position:relative; top:9.3rem; left:14%; }

.layerpop { top:16rem; }
.layerpop .bgbox { background:url(/images/2014/about/faqs/ask-ques-msg-pop-bg.png) no-repeat; height:75rem; border:1px solid transparent; position:relative; }
.layerpop .form_title { background:url(/images/2014/about/faqs/ask-ques-popup-title-holder.png) no-repeat; width:68%; height:15rem; text-align: center; position:relative; left:5%; margin-top:7rem; margin-bottom:2rem; }
.layerpop .form_title p { position:relative; top:4rem; left:10%; margin:0; }
.layerpop .stamp { position:absolute; right:9%; width:15%; top:7rem; }
.layerpop .stamp img { width:100%; }
.layerpop .box_btn { right:3%; top:2.3rem; }
.layerpop .box_btn p { display:block; }
.layerpop .row { position:relative; width:80%; margin:1rem auto; }
.layerpop .row div { position:relative; display:inline-block; vertical-align:top; }
.layerpop .row .label { width:23%; }
.layerpop .row .colon { width:3%; }
.layerpop .row .input { width:73%; background-color:#fff0de; border-radius:2rem; }
.layerpop .row .input input, .layerpop .row .input textarea { background:none; border:0; outline:0; resize:none; width:96%; position:relative; left:2%; color:#592202; }
.layerpop .row .input textarea { height:10rem; }
.layerpop .err_msg, .layerpop .send_btn { position:relative; display:inline-block; vertical-align:middle; margin-top:2rem; }
.layerpop .err_msg { width:55%; left:12%; color:#c00; text-align:right; }
.layerpop .send_btn { background:url(/images/2014/about/faqs/send-btn.png) no-repeat; width:20%; height:6.8rem; background-position:top; left:14%; }
.layerpop .send_btn p { position:relative; top:-2rem; left:48%; }

@media only screen and (max-width: 480px) {
	.bm .ask_us { height: 12rem; }
	.bm .ask_us p { top: 4.5rem; }
	.ask_us { width: 70%; height: 14rem; }
	.ask_us p { top: 5.5rem; font-size: 3rem; }

	/* Contact Us form */
	.contact .layerpop .form_title {
		margin-top: 3rem;
		width: 250px;
    	height: 65px;
	}
	.contact .layerpop .form_title p { font-size: 1.5rem; top: 4.5rem; }
	.contact .layerpop .row { font-size: 2rem; }
	.contact .layerpop .stamp { top: 4rem; }
	.contact .layerpop .bgbox { height: 334px; }
	.contact .layerpop .err_msg, .layerpop .send_btn { display: block; left: 2%; font-size: 2rem; }
	.contact .layerpop .err_msg {
		width: 80%;
    	margin: 1rem auto;
		left: auto;
		text-align: left;
	}
	.contact .layerpop .send_btn {
		width: 130px;
		height: 49px;
		background-position: top;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		left: auto;
		right: 2%;
    	bottom: 8%;
	}

	.contact .layerpop .send_btn p {
		padding-left: 30px;
		line-height: 20px;
		top: auto;
		left: auto;
		font-size: 2rem;
	}

	.contact .box_btn p {
		top: -1.5rem;
	}

	/* parents form */
	.parents .layerpop .form_title { margin-bottom: 20px; }
	.parents .layerpop .form_title p { font-size: 3rem; top: 3rem; }
	.parents .layerpop .bm p { font-size: 2rem; top: 4rem; }
	.parents .layerpop .row { font-size: 3rem; }
	.parents .layerpop .send_btn p { font-size: 3rem; }
}

@media only screen and (max-width: 390px) {
	.contact .layerpop .form_title {
		width: 230px;
	}

	.bm .ask_us { height: 13rem; }
	.bm .ask_us p { top: 5rem; }
	.en .ask_us p { font-size: 2rem; }
	.en .ask_us { height: 12rem; }
}

@media only screen and (min-width: 480px) {
	.layerpop { width:80%; left:10%; }
	.layerpop .row { width:85%; }
	.layerpop .form_title p { top:3.8rem; }
	.layerpop .box_btn { width:8%; height:6rem; }
	.layerpop .stamp { right:11%; }
	.layerpop .form_title { margin-bottom:2rem; }
	.layerpop .err_msg, .layerpop .send_btn { margin-top:1rem; }
	.layerpop .send_btn p { top:-1.5rem; }

	.ask_us { width:65%; height:18rem; }
	.ask_us p { top:8.3rem; }
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 1024px) {
	.page_desc_image { width:63%; }
	.ask_us { width:60%; height:16.5rem; }
	.box_btn p { top:-1rem; }
	.layerpop .send_btn { height:6.2rem; }
	.layerpop .send_btn p { top:-0.5rem; }
}
@media only screen and (min-width: 1025px) {

	.page_desc_image { width:45%; }
	.ask_us { width:40%; height:11.2rem; }
	.ask_us p { top:5.2rem; }
	.layerpop { width:642px; height:537px; left:50%; margin-left:-321px; }
	.layerpop .form_title { width:405px; height:100px; margin-top:40px; }
	.layerpop .form_title p { top:32px; }
	.layerpop .stamp { width:80px; top:50px; }
	.layerpop .box_btn { width:60px; height:60px; right:20px; top:20px; }
	.layerpop .box_btn p { top:-10px; }
	.layerpop .row { width:90%; }
	.layerpop .err_msg, .layerpop .send_btn { margin-top:0; }
	.layerpop .send_btn { cursor:pointer; width:155px; height:62px; margin-top:-2px; }
	.layerpop .send_btn p { top: 4px; left:49%; }
	.layerpop .send_btn:hover { background-position:bottom; }
	.layerpop .row .label { width:28%; }
	.layerpop .row .input { width:68.5%; }
}