import styled from 'styled-components';
import PageNotFoundView from '@/components/404';

export default function Index() {
  return <PageNotFoundView />;
}

export const ProductWrap = styled.div`
  position: relative;
  max-width: 1190px;
  box-sizing: border-box;
  padding: 2rem 0 0 0;
  margin: 0 auto;
  .product-title {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 1.5rem 0;
    color: #989898;
    font-size: 14px;
    &::after,
    &::before {
      position: absolute;
      content: '';
      top: 50%;
      left: 40%;
      width: 4.74rem;
      height: 0.02rem;
      background: #d4d4d4;
    }
    &::before {
      left: auto;
      right: 40%;
    }
  }
  .product-richText {
    position: relative;
    width: 100%;
    margin-bottom: 3.5rem;
    .content-html {
      width: 100%;
      img {
        width: 100%;
      }
    }
  }
`;
