/*********************************************************************************************

Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 1.0
Author: Vineeth G S 
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/

**********************************************************************************************

1.  Default / for Grid 1200px
2.  960px
3.  720px
4.  lt 720px


**********************************************************************************************/

/********************************************************************************************* 

1.  Default / for Grid 1200px / Page Style

*********************************************************************************************/  
body{
	position:relative;
	margin: 0;
	padding: 0;
	background: #000;
	color:#fff;
}

a{ color:#fff; }
a:hover{ text-decoration:none; }

.invi-pc{
	display:none;
}

img{
	max-width: 100%;
    height: auto;
	width /***/:auto; /*for IE8*/
}

br.rwd-break{ display:none; }
br.pc-break{ display:inline; }


/*
  蜈ｱ騾壹せ繧ｿ繧､繝ｫ��Default / 1200px / 960px��
*********************************************************************************************/
#header{
	width:100%;
	max-width:1280px;
	margin:0 auto 80px;
}

#pagetop{
	position:relative;
}
#pagetop .grid-2{
	position:absolute;
	bottom:0;
	right:0;
	background-color:#333;
	height:42px;
	line-height:42px;
}
#pagetop a{
	display:block;
	height:42px;
	color:#fff;
	font-size:138.5%;
	text-decoration:none;
}
#pagetop .grid-2:hover{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}


#wrapper{
	width:100%;
	background-color:#000;
}

#container{}

.bx_slider{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

#topics li{
	display: inline-block;
	padding: 0 10px;
}

/****************************************

FORM

*****************************************/
#form_container{
	padding:0 20px 20px;
	color:#000;
	background:#fff;
}

.formWrapper{
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
}


.formWrapper th{
	border-right:1px solid #DDD;
	background:#f6f1d4;
	width:30%;
	text-align:left;
}
.formWrapper t�к
	width:70%;
}
.formWrapper th,
.formWrapper td{
	border-bottom:1px solid #DDD;
	padding:5px;
}
#form_container a{
	color:#3c63ae;
}
.colorRed{
	color:#ff0000;
}


/********************************************************************************************* 

3.  Grid 768px

*********************************************************************************************/
@media only screen and (min-width: 769px) and (max-width: 959px) {
body{
	min-width:100%;
}

/*
  髱櫁｡ｨ遉ｺ鬆�岼繧定ｨｭ螳夲ｼ�769px - 959px��
*********************************************************************************************/
.invi-pc{
	display:none;
}

/*
  陦ｨ遉ｺ鬆�岼繧定ｨｭ螳夲ｼ�769px - 959px��
*********************************************************************************************/
.invi-sp{
	display:block;
}

/*
  蛟句挨隱ｿ謨ｴ��769px - 959px��
*********************************************************************************************/

/*
  蜈ｱ騾壹せ繧ｿ繧､繝ｫ��769px - 959px��
*********************************************************************************************/

}


/********************************************************************************************* 

4.  lt 768px 

*********************************************************************************************/ 
@media only screen and (max-width: 768px) {
body{
	min-width:100%;
}

/*
  髱櫁｡ｨ遉ｺ鬆�岼繧定ｨｭ螳夲ｼ�0px - 768px��
*********************************************************************************************/
.invi-sp{
	display:none;
}

/*
  陦ｨ遉ｺ鬆�岼繧定ｨｭ螳夲ｼ�0px - 768px��
*********************************************************************************************/
.invi-pc{
	display:block;
}

br.rwd-break{ display:inline; }
br.pc-break{ display:none; }

/*
  蛟句挨隱ｿ謨ｴ��0px - 768px��
*********************************************************************************************/

/*
  蜈ｱ騾壹せ繧ｿ繧､繝ｫ��0px - 768px��
*********************************************************************************************/
#pagetop .grid-2{
	position:relative;
}

#wrapper{}

}


/*
  @2x
*********************************************************************************************/
@media screen and (-webkit-min-device-pixel-ratio:1.3),
screen and (min--moz-device-pixel-ratio:1.3),
screen and (-o-min-device-pixel-ratio:2 / 1),
screen and (min-device-pixel-ratio:1.3),
screen and (min-resolution:192dpi),
screen and (min-resolution:2dppx){
}