@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Niramit:400,500,700&display=swap');
/* CSS Document */

body {
    background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	margin-left: 00px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	font-family: 'Niramit', sans-serif;
	font-weight: 500;
	font-size: x-large;
	overflow: hidden;
}
a:link {
    color: #000000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000000;
}
a:hover {
    text-decoration: none;
    color: #DE090A;
}
a:active {
    text-decoration: none;
    color: #DE090A;
}
select {
  text-align: center;
  text-align-last: center;
  /* webkit*/
}
option {
  text-align: center;
  text-align-last: center;
  /* webkit*/
}
.main{
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
.line_1{
	width: 100%;
	height: 95vh;
	height: auto;
	background-image: url("../images/line-1.png");
	background-repeat: no-repeat;
	background-position: top left;
}
.line_2{
	width: 100%;
	height: 95vh;
	background-image: url("../images/line-2.png");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 68% 30px;
}
.line_3{
	width: 100%;
	height: 95vh;
	background-image: url("../images/line-3.png");
	background-repeat: no-repeat;
	background-position: top right;
}
.line_4{
	width: 100%;
	height: 95vh;
	background-image: url("../images/line-4.png");
	background-repeat: no-repeat;
	background-position: bottom left;
}
.line_5{
	width: 100%;
	height: 95vh;
	background-image: url("../images/line-5.png");
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 68% 30px;
}
.line_6{
	width: 100%;
	height: 95vh;
	background-image: url("../images/line-6.png");
	background-repeat: no-repeat;
	background-position: bottom right;
}
.title{
	width: 50%;
	float: left;
	text-align: center;
	padding-top: 16px;
}
.content{
	width: 50%;
	float: left;
	text-align: center;
}
.content_h{
	color: #dd0a08;
    font-size: 42px;
    line-height: 60px;
    font-weight: 700;
	margin-top: 11vh;
}
.content_d{
	color: #dd0a08;
	font-size: 26px;
	margin: 0px 0px;
}
.content_select{
    font-size: 50px;
    width: 250px;
    height: 75px;
    font-family: 'Niramit', sans-serif;
    font-weight: 700;
	background-color: #eb0000;;
  	color: #fff;
  	border-radius: 15px;
	border-color: #000;
    border-width: thin;
	-webkit-appearance: button; /* hide default arrow in chrome OSX */
	text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
.content_day{
	color: #dd0a08;
    font-size: 110px;
    line-height: 140px;
    font-weight: 700;
}
#login_fb{ display:none; }
#start_b{ display:none; }
#button_area{
	height: 150px;
	padding-top: 15vh;
}
.privacy{
	padding: 20px;
}

@media (orientation: landscape) {
.line_4{
		    max-height: 700px;
}
.line_5{
		    max-height: 700px;
}
.line_6{
		    max-height: 700px;
}
#button_area {
    padding-top: 235px;
}
.content {
    font-size: large;
}
.privacy{
	padding-top: 115px;
}
.content_select {
    font-size: 40px;
	margin: 30px;
}
.title img {
    height: 76vh;
    width: auto;
	max-height: 620px;
}
	
	
}

@media (orientation: portrait) {
body{
	font-size: xx-large;
}
.title {
    width: 100%;
}
.title img{
    width: 36vh;
	height: auto;
}
.content {
    width: 100%;
}
.content_bottom {
    width: 40vw;
	height: auto;
}
.content_h {
    margin-top: 0vh;
}	
.line_1{
	height: 97vh;
}
.line_2{
	height: 97vh;
}
.line_3{
	height: 97vh;
}
.line_4{
	height: 97vh;
}
.line_5{
	height: 97vh;
}
.line_6{
	height: 97vh;
}
.content_h {
    font-size: 3.2vh;
    margin-top: 1vh;
    line-height: 78px;
    margin-bottom: 1vh;
}
.content_d {
    font-size: 1.8vh;
}
.content li{
	font-size: 10px;
    line-height: 16px;
}
.content ul{
	margin-bottom: 4vh;
}	
.content_select{
	width: 60vw;
    height: 11vh;
    margin: 5vh;
    font-size: 6vh;
    padding: 0px;
	padding: 0px 20px;
	text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
}
.content_day {
    font-size: 12vh;
    line-height: 15vh;
    font-weight: 800;
}
.bottom_big{
	width: 50vw !important;
}	
#button_area {
    height: 12vh;
}	
	
}