#link {background:url(../images/link_4.jpg) no-repeat; background-size: cover; width:100%;}

#main ul {padding:20px 0;}
#main ul li {float:left;}
#main ul li img {width:100%; display:block;}
#main ul li a{display:block; color:#FFF; font-weight:bold; text-decoration:none;}
#main ul li a:hover{
	background-color:rgba(255,255,255,0.5);
}
@media (min-width: 768px) {
#main ul {width:96%; margin:0 auto; max-width:1450px;}
#main ul li {float:left; width:49%; position:relative; margin-bottom:20px;}
#main ul li a {font-size:24px;}
#main ul li:nth-child(2n) {margin-left:2%;}

li.li1 p { position:absolute; top:30%; left:57%;}
li.li2 p { position:absolute; top:52%; left:25%;}
li.li3 p { position:absolute; top:52%; left:57%;}
li.li4 p { position:absolute; top:52%; left:25%;}
}

@media (max-width: 767px) {
#main ul {width:96%; margin:0 auto;}
#main ul li {position:relative; width:100%;}
#main ul li a {font-size:20px;}
#main ul li+li {margin-top:20px;}
li.li1 p { position:absolute; top:30%; left:57%;}
li.li2 p { position:absolute; top:50%; left:25%;}
li.li3 p { position:absolute; top:50%; left:57%;}
li.li4 p { position:absolute; top:50%; left:25%;}	
}

#contact {
	margin:0;
	width:100%;
	padding:25px 0;
	background:url(../images/3e00de_6bb27a9ac0654477b8ae4d19febee4de-mv2_d_4928_3280_s_4_2.jpg) no-repeat;
	background-size:cover;
	background-position:center center;
}
#form p {margin-bottom:50px; font-weight:bold;}
#form dd {margin:0;}

@media (min-width: 768px) {
#form {width:700px; margin: 0 auto; text-align:center; font-size:26px; font-family: times new roman,times,serif; font: normal normal normal 26px/1.1em 'palatino linotype',serif;}
#form table {font-size:16px; width:700px; margin:0 auto; text-align:left;}
}
@media (max-width: 767px) {
#form {width:96%; margin: 0 auto; text-align:center; font-size:26px; font-family: times new roman,times,serif; font: normal normal normal 26px/1.1em 'palatino linotype',serif;}
#form table {font-size:16px; width:100%; margin:0 auto; text-align:left;}

#form p {font-size:20px;}

}




#form input{
    font: normal normal normal 16px/1.4em 'times new roman',times,serif;
    background-color: rgba(0, 46, 93, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px solid rgba(61, 155, 233, 1);
    color: #FFFFFF;
    margin: 0 0 5px;
    width: 100%;
}

#form textarea{
    font: normal normal normal 16px/1.4em 'times new roman',times,serif;
    background-color: rgba(0, 46, 93, 0.3);
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0px solid rgba(61, 155, 233, 1);
    color: #FFFFFF;
    margin: 0 0 5px;
    width: 100%;
}

#form button {
    background-color: rgba(0, 46, 93, 0.3);
    font: normal normal normal 16px/1.4em 'times new roman',times,serif;
    border: 0;
    cursor: pointer;
    /* float: right; */
    /* margin-left: 5%; */
    margin: 0 auto;
    display: block;
}

#form input,#form textarea {
    border: solid 1px #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 5px #CCC inset;
    padding: 3px 8px;
    margin: 2px;
    vertical-align: middle;
}
input.mfp_element_submit.mfp_element_all {
    width: initial !important;
    color: #000 !important;
}



/* indigo */

#indigo {text-align:center; background:#FFF; color:#000; margin:0; padding:50px 0 100px; font-size:14px;}
#indigo h2 {font-size:30px; font-weight:100;}
#keyvisual a img:hover {opacity:1;}

/* product */
body#pro {background:url(../images/slider/key_9.jpg) no-repeat !important; background-size: cover !important; background-position:center top !important;} 

#product {padding:20px 0; margin-bottom:100px;}
#product h2 {text-align:center; margin:50px 0;}

#product ul {max-width:1450px; margin:0 auto;}
#product ul li th {text-align:left;}

@media (min-width: 768px) {
#product ul {width:96%; margin:0 auto; max-width:1450px;}
#product ul li {float:left; width:49%; position:relative; margin-bottom:20px; color:#000;}
#product ul li:nth-child(2n) {margin-left:2%;}
#product ul li:nth-child(2n+1) {clear:both;}
}

@media (max-width: 767px) {
#product ul {width:96%; margin:0 auto;}
#product ul li {position:relative; width:100%; color:#000; margin:0 0 5px !important;}
#product ul li:nth-child(2n+1) {margin-top:20px !important;}
}


/* NEWS */
#NEWS {background:url(../images/link_4.jpg) no-repeat; background-size:cover; background-position:center center; padding:300px 0; text-align:center;}



/* story */

@media (min-width: 768px) {
#story {
  position: relative;
  height: 600px;
  overflow: hidden;
  margin:0 auto;
  width:100%;
  max-width:1200px;
}
#story iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}
@media (max-width: 767px) {
#story {
  position: relative;
  height: 300px;
  overflow: hidden;
  margin:0 auto;
  width:100%;
}
#story iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

}

.h3{border-bottom:1px dashed #fff;}

.imgb40 {margin-bottom:40px;}