$main-color:#222;


@function pxvw($str)
{
   @return $str * 0.052+'vw';
}

.l-wrap
{
    padding-left:3%;
    padding-right:3%;
    @media(max-width:767px)
    {
        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:10px;
        padding-right:10px;
    }

}

html
{
    body
    {
        font-size:1em;
        font-family: 'Karla','Noto Sans TC','微軟正黑體', sans-serif;
        a
        {
            text-decoration:none;
        }
        button
        {
            font-size:1em;
            font-family: 'Karla','Noto Sans TC','微軟正黑體', sans-serif;
        }
    }
}