@charset "UTF-8";

/*----------------------------
/PC—pCSS
/*----------------------------*/
main{
  width: 100% !important;
  max-width: initial !important;
  margin: 0 auto;
  padding: 0px 0 80px !important;
}
/*===========================

mainContent

============================*/
#mainContent .selectKind {
    border-top: 4px solid #4675B0;
}
#mainContent .typeBlock {
    background: #4d4d4d;
}
#mainContent .typeBlock .typeList {
    display: flex;
    align-items: center;
    width: 980px;
    margin: 0 auto;
}
#mainContent .typeBlock .typeItem {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 490px;
    height: 40px;
    font-size: 18px;
    color: #fff;
}
#mainContent .typeBlock .typeItem.active {
    background: #4675b0;
}
#mainContent .typeBlock .typeItem a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    transition: 0.2s;
}
#mainContent .typeBlock .typeItem a:hover {
    background: #333;
}
#mainContent .kvBlock {
    display: block;
}
#mainContent .kvBlock .inner {
    position: relative;
    width: 100%;
    height: 513px;
    margin: 0 auto;
    overflow: hidden;
}
#mainContent .kvBlock .imgWrapper {
    display: block;
    position: absolute;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
#mainContent .kvBlock .imgWrapper img {
    height: 100%;
    max-width: none;
}

#mainContent .kvBlock .searchBox {
	align:center;
    position: absolute;
    left: 50%;
    top: 50px;
    width: 500px;
    height: 370px;
    margin-left: -250px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
}
#mainContent .kvBlock .searchBox .inner {
    padding: 20px;
}