/*@media only screen and (min-height:1600px) {
.device{
    content: 'long';
 }
video.vdo_background{
	width: auto;
	height: 100%;
}
video.vdo_background.job{
 left : 0;
}
 #job{
    top: 5%;
    width: 100%;
    padding: 0;
    height: 100%;
    margin : 0;
    left: 0;
    margin-top: 90px;
    background: rgba(0, 0, 0, 0);
  }
div#job_video{
height: 340px;
}
.pls_click{
width: 100%;
margin-bottom: 10%;
}
.job_list{
width: 50%;
left: 0;
margin: 0 0 0% 0;
height: 450px;
}
div.address {
padding: 0;
margin: 0;
position: fixed;
top: auto;
bottom: 2%;
font-size: 200%;
width: 100%;
text-align: center;

}
div.address_logo h2{
font-size: 48px;
}
div.address_logo img{
width: auto;
}
#map{
width: 100%;
padding: 0 2% 2% 2%;
position: fixed;
top: 200px;
}
.map_button{
	width: 100%;
}
video.map_vdo{
width: 80%;
}
img#play_vdo_board{
	width:100%;
}
div.play_vdo_board{
  text-align: center;
  top: 10%;
  height: auto;
  width: 20%;
  left: 40%;

}
#map div {
left: 0;
width: 100%;
margin-left: 0%;
}
.change_language {
  bottom: 4%;
}
.content#board{
top: 15%;
}
div.board_info{
width: 50%;
height: 500px;
}
div#board_vdo{
left: 5%;
width: 90%;
}
video#board_vdo{
	width: 100%;
}
.board_info{
	width: 50%;
	float: left;
}
div.about_content{
	top: 20%;
	width: 96%;
  left: 2%;
	font-size: 300%;
}
div.play_vdo_about{
  left: 37.5%;
  top: 50%;
  width: 25%;
}
#about a{
  width: 50px;
  height: 50px;
}
div.about_video{
	top: 50%;
	width: 100%;
	font-size: 300%;
	left: auto;
}
div.about_content h1{
	font-size: 54px;
}
.icon{
	top: 2%;
	right: 7%;
}
#home{
	font-size: 300%;
	width: 96%;
  left: 2%;
}
#home h1{
	font-size: 56px;
}
div#logo{
width: 120px;
height: 120px;
}
#icon_img{
	width: 200%;
}
#icon_img:hover{
	width: 250%;
}
.topnav {
   right: 150px;
   top: 3%;
}
.topnav li a {
  font-size: 32px;
}

.top_menu{
  height: 200px;
}
#about a{
  width: 30px;
  height: 30px;
}
.close_map{
top: 60%;
}
.change_language {
width: 80px;
}
.volume_control{
left: 15%;
}
}*/
@media only screen and (max-aspect-ratio: 1/1){
/*@media only screen and  (min-height: 1300px){*/
.device{
    content: 'long';
 }
 div#logo {
  height: 5%;
 }
video.vdo_background{
  width: auto;
  height: 100%;
}
video.vdo_background.job{
 left : 45%;
}
.top_menu {
height: 150px;
}
 #job{
  top: 0%;
  width: 100%;
  padding: 0;
  height: 90%;
  margin : 0;
  left: auto;
  margin-top: 90px;
  background: rgba(0, 0, 0, 0);
  }
.pls_click{
  width: 95%;
  font-size: 30px;
}
div#job_video{
height: 340px;
}
div#job{
width: 100%;
left: 0%;
top: 10%;
height: 70%;
overflow-y: hidden;
}
.all_job{
overflow-y: auto;
height: 70%;
}
.job_list{
width: 50%;
left: 0;
margin: 0 0 0% 0;
height: 450px;
}
div.address {
padding: 0 0 1% 0;
margin: 0;
position: fixed;
bottom: 0%;
font-size: 150%;
width: 100%;
text-align: center;
}
div.address_logo h2{
font-size: 42px;
}
div.address_logo img{
width: 20%;
}
div.social img{
width: auto;
}
#map h2{
color: black;
font-size: 56px;
}
#map{
width: 100%;
padding: 0 2% 2% 2%;
position: fixed;
top: 200px;
}
video.map_vdo{
width: 90%;
}
.content#board{
  top: 15%;
}
img#play_vdo_board{
  width:100%;
}
div.play_vdo_board{
  text-align: center;
  top: 9%;
  height: auto;
  width: 20%;
  left: 40%;

}
div#board_vdo{
  width: 100%;
  left: 0%
}
video#board_vdo{
  width: 100%;
}
div.board_info{
  width: 50%;
  float: left;
  height: 500px;
}
div.about_content{
  top: 20%;
  width: 96%;
  font-size: 200%;
  left: 2%;
}
div.about_video{
  top: 25%;
  width: 100%;
  font-size: 300%;
  left: auto;

}
div.about_content h1{
  font-size: 44px;
}

#home{
  font-size: 200%;
  width: 96%;
  left: 2%;
}
#home h1{
  font-size: 56px;
}
div.play_vdo_about{
  position: fixed;
  left: 40%;
  width: 20%;
  cursor: pointer;
  top: 55%;
}
img#logo{
  height: 100%;
}
.footer div#address{
  font-size: 26px;
}
.icon{
  top: 2%;
  right: 7%;
}
#icon_img{
  width: 150%;
}
#icon_img:hover{
  width: 200%;
}
.topnav {
  right : 130px;
  top: 3.8%;
}
.topnav li a {
  font-size: 32px;
}
#about a{
  width: 30px;
  height: 30px;
}
.close_map{
top: 65%;
}
.change_language {
width: 60px;
bottom: 3%;
}
.volume_control{
left: 12%;
}
}