body {
  font-family: "SDR" !important;
  letter-spacing: -1px !important;
  margin-top: 82px;
}
h1,
h2,
h3 {
  font-family: inherit;
  font-weight: normal;
}
#bo_v_img a.view_image {
  pointer-events: none;
  cursor: default;
}
.wl {
  width: 100%;
  max-width: 1365px;
  margin: auto;
}
.header {
  width: 100%;
  height: 82px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
}
.header .logo {
  width: 300px;
}
.header .menu {
  width: calc(100% - 610px);
  max-width: 1000px;
  display: flex;
  justify-content: space-around;
}
.header .menu a {
  border-bottom: 2px solid transparent;
  font-size: 1.2em;
  height: 82px;
  display: flex;
  align-items: center;
  transition: border 0.3s;
}
.header .menu a:hover {
  border-bottom: 2px solid #3a3a8c;
}
.header .call .callbox {
  width: 210px;
  height: 43px;
  background: #3a3a8c;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  border-radius: 43px;
}
.header .call .callbox em {
  font-style: normal;
  margin-left: 10px;
}
.mainimg {
  width: 100%;
  height: 921px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
}
.mainimg .inner {
  text-align: center;
  position: absolute;
  top: 0;
  right: -200%;
  bottom: 0;
  left: -200%;
}
.mainimg .inner img {
  max-width: 100%;
  max-height: 100%;
}
.main-category {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: -77px;
  margin-bottom: 20px;
}
.main-category a {
  width: calc(100% / 5 - 10px);
  border: 1px solid #efefef;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  background: #fff;
  border-radius: 10px;
  padding: 5px;
  transition: transform 0.3s;
}
.main-category a:hover {
  transform: translateY(-10px);
}
.main-category .inner .pic {
  width: 100%;
  height: 225px;
  overflow: hidden;
  background: #fafafa;
  border-radius: 5px;
}
.main-category .inner h1 {
  display: flex;
  padding: 15px 0;
  justify-content: center;
  font-size: 1.3em;
}
.role {
  height: 1000px;
}
.recomm {
  padding: 90px 0;
}
.sec-title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sec-title h1 {
  font-size: 2em;
  letter-spacing: -2px;
}
.sec-title h2 {
  font-size: 1.3em;
  margin-top: 10px;
  font-weight: 300;
  color: #777;
}
.rc-slide {
  padding: 50px 0;
}
.rc-slide .inner {
}
.rc-slide .inner:nth-child(even) .rcbox {
  float: right;
}
.rc-slide .inner .rcbox {
  width: 95%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  font-size: 1.2em;
}
.rc-slide .inner .rcbox .pic {
  width: 48%;
  border-radius: 8px;
  overflow: hidden;
  height: 300px;
}
.rc-slide .inner .rcbox .pic img {
  width: 100%;
  display: block;
}
.rc-slide .inner .rcbox .text {
  width: 48%;
}
.rc-slide .inner .rcbox .text > h1 {
  font-size: 1.1em;
  word-break: keep-all;
  margin-bottom: 10px;
}
.rc-slide .inner .rcbox .text .detail {
  color: #666;
}
.rc-slide .inner .rcbox .text .detail li {
  border-bottom: 1px dashed #dfdfdf;
  padding: 8px 0;
}
.rc-slide .inner .rcbox .text .detail li:last-child {
  border: 0px;
}
.rc-slide .inner .rcbox .text .detail span {
  color: #000;
}
.rc-slide .inner .rcbox em {
  font-style: normal;
  font-weight: 300;
}
.rc-slide .inner .rcbox .text .price {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.rc-slide .inner .rcbox .text .price span {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.rc-slide .inner .rcbox .text .price span h1 {
  background: #ed385e;
  padding: 5px 11px;
  color: #fff;
  border-radius: 5px;
  margin-right: 5px;
  font-size: 0.85em;
}
.rc-slide .inner .rcbox .text .price span:first-child {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.rc-slide .inner .rcbox .text .price span:nth-child(2) h1 {
  background: #38a7ed;
}
.rc-slide .inner .rcbox .text .price span:nth-child(3) h1 {
  background: #33aa7c;
  margin-left: 20px;
}
.latest {
  background: #fafafa;
  padding: 80px 0;
}
.latest .select-category {
  display: flex;
  justify-content: center;
  margin: 50px auto 80px;
}
.latest .select-category a {
  border: 1px solid #dfdfdf;
  font-size: 1.3em;
  padding: 10px 30px;
  margin-left: -1px;
  color: #777;
}
.latest .select-category a.on {
  background: #fff;
  color: #000;
}
.latest .content {
  display: none;
}
.latest .content.on {
  display: block;
}
/* write */
.new_write {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
}
.new_write ul {
  width: 49%;
  display: flex;
  flex-direction: column;
  border: 1px solid #dfdfdf;
}

.new_write ul li {
  width: 100%;
  font-size: 1.2em;
  border-bottom: 1px solid #dfdfdf;
  display: flex;
  flex-direction: row;
  padding: 10px 5px;
  align-items: center;
}
.new_write ul li:last-child {
  border-bottom: 0;
}
.new_write ul li.hide-01 {
  display: none;
}
.parttitle {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
  padding: 25px 0;
  border-bottom: 1px solid #333;
}
.parttitle.nor {
  text-align: left;
  border-bottom: 0;
  padding: 50px 0 10px;
}

.new_write ul li:nth-child(even) {
  background: #fafafa;
}
.new_write ul li span {
  width: 100px;
}
.new_write ul li em {
  font-style: normal;
}
.new_write ul li input[type="text"] {
  border: 1px solid #dfdfdf;
  padding: 7px;
  margin-right: 5px;
  width: 300px;
  border-radius: 4px;
}
.new_write ul li input.full {
  width: 500px;
}
.new_write ul li input.half {
  width: 100px;
}

/* list */
.new_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.new_list .inner {
  width: calc(100% / 4 - 30px);
  border: 1px solid #dfdfdf;
  padding: 7px;
  border-radius: 8px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.07);
  font-size: 0.85rem;
  margin-bottom: 20px;
}
.chk_box input[type="checkbox"] + label {
  padding-left: 0px;
  z-index: 1;
}
.new_list .inner .pic {
  position: relative;
  height: 270px;
  overflow: hidden;
  border-radius: 6px;
}
.new_list .inner .pic img {
  width: 100%;
  display: block;
}
.new_list .inner .pic .price {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 40px;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 10px;
  color: #fff;
}
.new_list .inner .pic .price em {
  font-style: normal;
}
.new_list .inner .pic .price div {
  margin-right: 10px;
}
.new_list .inner .pic .price div span {
  background: #ed385e;
  padding: 7px 7px;
  color: #fff;
  border-radius: 5px;
  margin-right: 5px;
  font-size: 0.95em;
}

.new_list .inner .pic .price div:nth-child(2) span {
  background: #38a7ed;
}
.new_list .inner .pic .price div:nth-child(3) span {
  background: #33aa7c;
}

.new_list .inner .detail {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  color: #666;
  line-height: 1.6;
  font-size: 0.95em;
}
.new_list .inner .detail .title {
  width: 100%;
  font-weight: 500;
  color: #000;
  font-size: 1.15em;
  margin: 10px 0;
}
.new_list .inner .tag {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.new_list .inner .tag span {
  background: #efefef;
  color: #666;
  font-size: 0.95em;
  margin-right: 3px;
  padding: 3px 6px;
  margin-bottom: 3px;
  border-radius: 3px;
}
.contact {
  padding: 100px 0;
}
.contact .inner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: 80px;
}
.contact .inner .left {
  width: 48%;
  height: 500px;
  background: #fafafa;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact .inner .left .forms {
  width: 100%;
}
.contact .inner .left .forms h1 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 10px;
}
.contact .inner .left .forms h1 span {
  font-weight: 500;
}
.contact .inner .left .forms h2 {
  font-size: 1.2em;
}
.contact .inner .left .forms .forms-in {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contact .inner .left .forms .forms-in textarea {
  width: 100%;
  margin: 15px 0;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  padding: 10px;
  font-family: "SDR";
  font-size: 1.1em;
}
.contact .inner .left .forms .forms-in input[type="text"] {
  width: calc(100% - 200px);
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  padding: 10px;
  font-family: "SDR";
  font-size: 1.1em;
}
.contact .inner .left .forms .forms-in input[type="submit"] {
  width: 180px;
  border-radius: 6px;
  padding: 10px;
  font-family: "SDR";
  font-size: 1.1em;
  border: 0;
  background: #2f75cd;
  color: #fff;
}
.contact .inner .right {
  width: 48%;
  height: 500px;
  background: #fafafa;
  border-radius: 10px;
  overflow: hidden;
}
.contact .inner .right iframe {
  width: 100%;
  height: inherit;
}
.bottom {
  width: 100%;
  padding: 50px 0;
  background: #3c3c3c;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.bottom a {
  color: #dfdfdf;
}
.bottom.topmar {
  margin-top: 100px;
}
.new_view {
  width: 100%;
}
.new_view .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.new_view .top .pic {
  width: 48%;
}
.new_view .top .pic img {
  width: 100%;
  height: auto;
  display: block;
}
.new_view .top .info {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.new_view .top .info .title {
  width: 100%;
  font-size: 1.5em;
  font-weight: 500;
  margin-bottom: 30px;
}
.new_view .top .info .detail li {
  border-bottom: 1px solid #dfdfdf;
  font-size: 1.3em;
  color: #666;
  padding: 10px 0;
}
.new_view .top .info .detail li span {
  display: inline-block;
  width: 100px;
}
.new_view .top .info .detail li em {
  font-style: normal;
  color: #000;
}
.subimg {
  width: 100%;
  height: 200px;
  background: #efefef;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 30px;
}
.subimg .inner {
  text-align: center;
  position: absolute;
  top: 0;
  right: -200%;
  bottom: 0;
  left: -200%;
}
.subtitle {
  width: 1365px;
  margin: auto;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.3em;
  border-bottom: 1px solid #dfdfdf;
  font-weight: 500;
  margin-bottom: 30px;
}