/* Grid basics */

.row {
	margin-bottom: 20px;
}
	.row.nomargin {
		margin-bottom: 0;
	}
/*page*/
.page, .qa-page, .masterl-page {
	text-align: center;
	padding: 18px;
}
.page a, .qa-page a, .masterl-page a {
	width: auto;padding:0 15px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
	color: #333;border: 1px solid #ddd;
    margin-right: 10px;
}
.page .active, .qa-page .active, .masterl-page .active{ border:1px solid #0872fa; color:#0872fa;}
.page a.page-cur, .qa-page a.page-cur, .masterl-page a.page-cur {
	color: #fff;
	background-color: #fd9b09;
	border-radius: 50%;
}
.page a.page-prev, .qa-page a.page-prev, .masterl-page a.page-prev, .page a.page-next, .qa-page a.page-next, .masterl-page a.page-next {
	color: #999;
}
.page .pagecur {
	color: #fff;
	background-color: #fd9b09;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	line-height: 36px;
	display: inline-block;
}	
.container {
	width: 100%;
	max-width: 100%;
	position: relative;
	padding: 0;
	margin: 0 auto;
}
.has_submenu{background:url(../images/down.jpg) center right no-repeat;}
.has_submenu:hover{ background:none;}
.innercontainer {
	width: 94%;
	max-width: 94%;
	position: relative;
	padding: 0 3%;
	margin: 0 auto;
}

.column, .columns {
	position: relative;
}
.column input[type=text]{  line-height:32px; color:#999; border:1px solid #ddd; width:200px; text-indent:0.5em; }

.column input[type=button]{line-height:30px; background:#3c3fa7; color:#fff; border:2px solid #3c3fa7; width:80px; }

	.last	{ 
		margin-right:0 !important; 
		clear:right; 
	}

.mobile_one_half, .mobile_one_third, .mobile_two_third, 
.mobile_two_third, .mobile_one_quarter { 
	float: left; 
	position: relative; 
	margin-right: 2%;
}

.mobile_one_half {
	width:49%;
}

.mobile_one_third {
	width:32%;
}

.mobile_two_third {
	width:66%
}
	
.mobile_one_quarter {
	width:23.5%;
}

.mobile_last {
	margin-right: 0;
}

.alignleft, .alignright {
	display: block;
	margin: 0 auto 20px;
}

@media only screen and (min-width: 480px) 
{
	
	
	
}


@media only screen and (min-width: 640px) 
{
	
	.container {
		width: 640px;
	}

	.tablet_one_half, .tablet_one_third, .tablet_two_third, 
	.tablet_two_third, .tablet_one_quarter, .tablet_three_quarter { 
		float: left; 
		position: relative; 
		margin-right: 2%;
	}
	
	.tablet_one_half {
		width:49%;
	}
	
	.tablet_one_third {
		width:32%;
	}
	
	.tablet_two_third {
		width:66%
	}
	
	.tablet_one_quarter {
		width:23.5%;
	}
	
	.tablet_three_quarter {
		width:74.5%;
	}
	
	.tablet_last {
		margin-right: 0;
	}
	
}


@media only screen and (min-width: 768px) 
{
	/* Alignment */

	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.textleft {
		text-align: left;
	}
	
	.textright {
		text-align: right;
	}
	
	.textcenter {
		text-align: center;
	}
	
	.alignleft { 
		margin: 0 15px 10px 0; 
		float: left;
	}
	
	.alignright	{ 
		margin: 0 0 10px 15px; 
		float: right;
	}
	
	.aligncenter { 
		margin: 0 auto;
		display: block;
	}
	
	.container {
		width: 768px;
	}	
	
	.column 				{ position: relative; margin-right: 1%;}
	
	.whole					{ width: 100%; margin-right: 0 !important;}
	.one_half				{ width:49%; }
	.one_third				{ width:32%; }
	.two_third				{ width:66%; }
	.one_quarter			{ width:23.5%; }
	.three_quarter			{ width:74.5%; }
	.one_fifth				{ width:18.4%; }
	.two_fifth				{ width:38.8%; }
	.three_fifth			{ width:59.2%; }
	.four_fifth				{ width:79.6%; }
	.one_sixth				{ width:15%; }
	.five_sixth				{ width:83%; }
	.four_sixth				{ width:64%; }
	.three_sixth			{ width:48%; }
	
}


@media only screen and (min-width: 900px) 
{
	.container {
		width: 900px;
	}
	
}


@media only screen and (min-width: 1090px) 
{
	.container {
		width: 1090px;
	}	
	
}
	
	
/* Clearing */
 
	/* Self Clearing Goodness */
	.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
	
	/* Use clearfix class on parent to clear nested columns,
	or wrap each row of columns in a <div class="row"> */
	.clearfix:before,
	.clearfix:after,
	.row:before,
	.row:after {
	  content: '\0020';
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0; }
	.row:after,
	.clearfix:after {
	  clear: both; }
	.row,
	.clearfix {
	  zoom: 1; }
	
	/* You can also use a <br class="clear" /> to clear columns */
	.clear {
	  clear: both;
	  display: block;
	  overflow: hidden;
	  visibility: hidden;
	  width: 0;
	  height: 0;
	}
@media screen and (max-width: 760px){

.has_submenu:hover{background:url(../images/up.jpg) 10px right no-repeat;}
 
}