.clear{clear:both;}

/*====================================================================*/
/* Complain Style */
/*====================================================================*/
.Complain_btn_wrapper{
	width:320px;
	height:170px;
	padding:20px;
	padding-right:110px;
	box-sizing:border-box;
	
	color:#FFF;
	
	background-image:url("images/Complain_BG.jpg");
	background-size:100%;
	
	position:relative;
}

.Complain_btn_wrapper>h3{
	margin-bottom:5px;
	font-size:16px;
}

.Complain_btn_wrapper>p{
	margin:0;
	
	font-size:12px;
	font-style:italic;
	line-height:14px;
}

.Complain_btn_wrapper>a{
	width:100%;
	height:100%;
	
	display:block;
	position:absolute;
	top:0;
	left:0;
}

/*====================================================================*/
/* Quick Hit Button Style */
/*====================================================================*/
.QuickHit_btn_wrapper{
	width:320px;
	height:170px;
	padding:20px;
	padding-top:40px;
	padding-left:120px;
	box-sizing:border-box;
	
	color:#FFF;
		
	background-image:url("images/Quickhit_BG.jpg");
	background-size:100%;
	
	position:relative;
}

.QuickHit_btn_wrapper:hover{
	cursor:pointer;
}

.QuickHit_btn_wrapper>h3{
	margin-bottom:5px;	
	font-size:16px;
}

.QuickHit_btn_wrapper>p{
	margin:0;
	
	font-size:12px;
	font-style:italic;
	line-height:14px;
}

.QuickHit_btn_wrapper>a{
	width:100%;
	height:100%;
	
	display:block;
	position:absolute;
	top:0;
	left:0;
}

/* Overlay Message */
.overlay{
	width:100%;
	height:100%;
	
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	
	display:none;
	
	background-color:rgba(0,0,0,0.8);
	
	overflow:auto;
}

.QuickHitFormWrapper{
	width:700px;
	height:750px;
	
	margin: 50px auto;
	margin-left:-350px;
	padding:20px;
	border-radius:5px;
	box-sizing:border-box;
	
	position:absolute;
	left:50%;
	
	background-color:#FFF;
}

.QuickHitFormWrapper>h3{
	font-size:32px;
	margin-bottom:20px;
}

.QuickHitForm>label{display:block;}
.required:after{
	content:"*";
	color:red;
	margin:0 5px;
}

.QHForm_input{
	width:100%;
	
	margin-bottom:30px;
	padding:10px 15px;
	box-sizing:border-box;
	
	font-size:18px;
	
	transition:all 500ms;
}

.requiredStar{color:red;}

.InvalidMsg{color:red; font-weight:bold; display:none;}
.input_warming{background-color:#ffdbdb;}
.image_warming{background-color:#ffdbdb !important; color:red;}

.QHForm_btn{	
	padding:5px 30px;
	border:2px solid #AAA;
	border-radius:3px;
	
	font-size:18px;
	background-color:#EFEFEF;
	
	transition:all 500ms;
}
.QHForm_btn:hover{
	cursor:pointer;
	border:2px solid #111;
}

.QHForm_ImageBtn{
	margin:5px 20px 30px 0;
	display:inline-block;
	text-align:center;
}

.QHForm_file{
	margin:0;
	display:inline-block;
}

.QHForm_desc{
	height:250px;
	resize:none;
}

.QHForm_submit{float:right;}


.QHForm_close{
	margin:15px;
	position:absolute;
	top:0;
	right:0;
	
	font-size:32px;
	line-height:32px;
}

.QHForm_close:hover{cursor:pointer;}


/* Submit button animation */
.submitting{	
	-webkit-animation-name: submiting; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: submiting;
    animation-duration: 1s;
	animation-iteration-count: infinite;
}

@keyframes submiting{
	0% {border-top:2px red solid;}
	25%{border-right:2px red solid;}
	50%{border-bottom:2px red solid;}
	75%{border-left:2px red solid;}
}

/*----------------------------------------------------------------------*/
/*	1000px																*/
/*----------------------------------------------------------------------*/
@media screen and (max-width: 1000px){

.QuickHitFormWrapper{
	width:90%;
	height:auto;
	margin: 50px auto;
	position:static;
}

.QuickHitFormWrapper>h3{
	font-size:32px;
	margin-bottom:20px;
}

.QuickHitForm>label{display:block;}
.QHForm_close{
	margin:0;
	position:static;
	float:right;
}
}

/*----------------------------------------------------------------------*/
/*	768px																*/
/*----------------------------------------------------------------------*/
@media screen and (max-width: 768px){
.QHForm_ImageBtn{margin-bottom:15px;}
.QHForm_file{margin-bottom:15px;}
}

/*----------------------------------------------------------------------*/
/*	480px																*/
/*----------------------------------------------------------------------*/
@media screen and (max-width: 480px){
.Complain_btn_wrapper{
	width:280px;
	height:160px;
	
	padding:18px 100px 20px 20px;
	
	background-size:280px 160px;	
}
.Complain_btn_wrapper>h3{font-size:14px;}
.Complain_btn_wrapper>p{font-size:11px;}

.QuickHit_btn_wrapper{
	width:280px;
	height:160px;
	
	padding:30px 10px 20px 100px;
	
	background-size:280px 160px;
}
}

/*====================================================================*/
/* Quick Hit List Style */
/*====================================================================*/
.QHL_QHLogo{
	width:63px;
	height:84px;
	margin-right:5px;
	
	background-image:url("images/QuickhitList_Logo.png");
	background-size:100%;
	
	float:left;
	position:relative;
	top:-10px;
}

.QuickHitList_art{
	margin:20px 0 0;	
}

.QuickHitList_art>figure{
	margin:0;
	position:relative;
}

.QuickHitList_art img{
	width:100%;
	
	vertical-align:middle;
}

.QuickHitList_art figcaption{
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
	
	background-color:rgba(255,255,255,0.8);
	color:#333;
	
	position:absolute;
	bottom:0;
	
	transition: all 500ms;
}

.QuickHitList_art a{
	width:100%;
	height:100%;
	
	display:block;
	
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}
.QuickHitList_art a:hover +figcaption{
	padding-bottom:20px;
}