﻿body {
    /*修改和去除移動端點擊事件出現的背景框*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color:transparent;
}  

a:focus {
    /*去掉FF浏覽器a標簽虛框*/
    outline: none;
}

.container {
    /*padding-right: .9375rem;*/
    /*padding-left: .9375rem;*/
    margin-right: auto;
    margin-left: auto;
}

.container:before,
.container:after {
    display: table;
    content: " ";
}

.container:after {
    clear: both;
}

@media (min-width: 34em) {
    .container {
        /*max-width: 34rem;*/
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 48em) {
    .container {
        /*max-width: 48rem;*/
        padding-left: 4%;
        padding-right: 4%
    }
}

@media (min-width: 62em) {
    .container {
        /*max-width: 62rem;*/
        padding-left: 8%;
        padding-right: 8%
    }
}

@media (min-width: 1241px) {
    .container {
        max-width: 1241px;
        padding-left: 0;
        padding-right: 0;
    }
}   

@media (max-width: 1241px) {
    .container {
/*        padding-right: 15px;
        padding-left: 15px;*/
    }
}

@media (max-width: 34em) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}
