@charset "utf-8";
/* CSS Document */

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
.intro-warp{margin-top:15%}
.thank{margin-top:20%;}


}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
.intro-warp{margin-top:45%}
	
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

.intro{
	background:url(../img/bg-intro.jpg) no-repeat top right;
	background-size:cover;
}

.intro-warp{margin-top:15%}
h2 {
    font-size: 26px;
    margin-top: 20px;
}

.bt-th {
  display: inline-block;
  background:url(../img/bt-th-sm.png) no-repeat center;
  width: 236px;
  height: 50px;
  padding:0px;
  margin:10px 0px;
}

.bt-th:hover {
  display: inline-block;
  background:url(../img/bt-th-sm-act.png) no-repeat center;
  cursor:pointer;
}

.bt-en {
  display: inline-block;
  background:url(../img/bt-en-sm.png) no-repeat center;
  width: 236px;
  height: 50px;
  margin:10px 0px;

}

.bt-en:hover {
  display: inline-block;
  background:url(../img/bt-en-sm-act.png) no-repeat center;
  cursor:pointer;
}	

.title{
	margin-bottom:20px; 
	font-size:26px;
	background:url(../img/title-flag-sm.png) no-repeat;
	line-height:26px;
}

/*------------------------------Radio Option----------------------------------*/


input[type=radio] + label.excellent{
display:inline-block;
cursor: pointer;
outline: 0; 
width: 130px;
height: 58px;
background-image: url(../img/excellent-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}

input[type=radio]:checked + label.excellent{background-position: 0 -58px;}

input[type=radio] + label.good{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/good-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;

}
input[type=radio]:checked + label.good{background-position: 0 -58px;}


input[type=radio] + label.fair{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/fair-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}
input[type=radio]:checked + label.fair{background-position: 0 -58px;}


input[type=radio] + label.poor{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/poor-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}
input[type=radio]:checked + label.poor{background-position: 0 -58px;}


input[type=radio] + label.terrible{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/terrible-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}
input[type=radio]:checked + label.terrible{background-position: 0 -58px;}


input[type=radio] + label.excellentEN{
display:inline-block;
cursor: pointer;
outline: 0; 
width: 130px;
height: 58px;
background-image: url(../img/excellent_eng-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}

input[type=radio]:checked + label.excellentEN{background-position: 0 -58px;}

input[type=radio] + label.goodEN{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/good_eng-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}
input[type=radio]:checked + label.goodEN{background-position: 0 -58px;}


input[type=radio] + label.fairEN{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/fair_eng-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}
input[type=radio]:checked + label.fairEN{background-position: 0 -58px;}


input[type=radio] + label.poorEN{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/poor_eng-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}
input[type=radio]:checked + label.poorEN{background-position: 0 -58px;}


input[type=radio] + label.terribleEN{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 130px;
height: 58px;
background-image: url(../img/terrible_eng-sm.jpg);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
margin:5px 0;
}
input[type=radio]:checked + label.terribleEN{background-position: 0 -58px;}



input[type=radio] + label.yes{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 160px;
height: 95px;
background-image: url(../img/yes-sm.png);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
}

input[type=radio]:checked + label.yes{background-position: 0 -95px;}

input[type=radio] + label.no{
display:inline-block;
cursor: pointer;
outline: 0;	
width: 160px;
height: 95px;
background-image: url(../img/no-sm.png);
background-repeat: no-repeat;
background-position: 0 0px;
text-indent: -99999px;
}

input[type=radio]:checked + label.no{background-position: 0 -93px;}


/*------------------------------Radio Option----------------------------------*/

.margin-50{margin-top:-50px;}
.suggestion{}

footer{font-size:14px; margin:0px;}

.form-control{
	border-radius: 30px;
	font-size:20px;
	/*margin-top:10px;*/
}

.form-contact label{
	font-size:20px;
	font-weight: normal; 
	line-height:normal;
}

.form-group > .col-sm-8{margin:10px 0;}
.form-group > .col-sm-4{margin:10px 0;}
}