body.index  {
  background-image: url('../img/background-02.jpg');
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-size: 100% 100%;
  padding: 20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-variant: normal;
}

body.index div.page-holder {
  margin: 0 auto;
  max-width: 1000px;
  background-color: white;
  -webkit-box-shadow: -1px 2px 20px 2px rgba(115,115,115,0.49);
  -moz-box-shadow: -1px 2px 20px 2px rgba(115,115,115,0.49);
  box-shadow: -1px 2px 20px 2px rgba(115,115,115,0.49);
  padding:40px;

}

/** HEADER **/
body.index div.logo {
  text-align: center;
}

body.index div.logo img{
  height: 120px;
}

body.index div.welcome-message {
  margin: 10px 0;
  text-align: center;
  font-size: 1.2em;
}

/** FORM SECTION **/

body.index div.form-holder {
  min-width: 320px;
  text-align: center;
  border: 1px solid #D3D3D3;
  border-radius: 10px;
  padding:30px;
}

body.index div.form-holder form div.input-group{
  margin-bottom:10px;
}

body.index div.form-holder form div.form-check{
  margin-bottom:5px;
  padding:0;
}

/** AD-Holder **/
body.index ul.message_note{
  margin-top:30px;
  font-size: 0.8em;
  padding:0;
  text-align: center;
}

body.index ul.message_note li{
  list-style: none;
  padding:0;
  margin:0;
  color: orange;
}


body.index div#call-to-action{
  margin-top:20px;
  padding:20px;
  font-size: 1.4em;
  text-align:center;
  border: 1px solid #F8F8FF;
}

body.index div#call-to-action img{
  height:4.0em;
}

/** MESSAGE **/
body.index div.message_next{
  border-top:1px solid #CDCDCD;
  padding-top:20px;
  margin-top:50px;
  font-size: 0.8em;
  text-align:center;
}

/** shotcut **/
body.index div.shotcut{
	margin-top:20px;
	text-align:center;
}

body.index div.shotcut img#shopee{
	/*height:120px;*/
}

body.index div.shotcut img.icon{
	height:80px;
}

/** FOOTER **/
body.index div.footer{
	margin-top:50px;
}

body.index div.footer div.company{
	font-size:0.8em;
	text-align:center;
}