$default-color:#336AEA;
$main-color:#131939;

*
{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: never;
  font-family: "Noto Sans TC";
}

body
{
    letter-spacing: 1px;
}
.l-wrap
{

    @media(min-width:1600px)
    {
        padding-left:4%;
        padding-right:4%;
    }
    @media(max-width:1599px)
    {
        padding-left:calc(50% - 590px);
        padding-right:calc(50% - 590px);
    }
    @media(max-width:1199px)
    {
        padding-left:calc(50% - 480px);
        padding-right:calc(50% - 480px);
    }
    @media(max-width:980px)
    {
        padding-left:10px;
        padding-right:10px;
    }
}

.wrap
{
    @media(min-width:1200px)
    {
        padding-left:calc(50% - 590px);
        padding-right:calc(50% - 590px);
    }
    @media(max-width:1199px)
    {
        padding-left:calc(50% - 480px);
        padding-right:calc(50% - 480px);
    }
    @media(max-width:980px)
    {
        padding-left:10px;
        padding-right:10px;
    }
}

.m-wrap
{
    @media(min-width:980px)
    {
        padding-left:calc(50% - 500px);
        padding-right:calc(50% - 500px);
    }
    @media(max-width:979px)
    {
        padding-left:10px;
        padding-right:10px;
    }
}