@charset "UTF-8";

/*!
專案網站-浪寵尋家
自訂CSS樣式表
*/

/*網站背景紋理*/
/*寬度 < 576px 時背景設定*/
.main-img {
    /*
    頁腳: 水平軸重複、置底
    右頁首: 不重複、右置頂
    背景(紋理圖): 重複、置中
    */
    background-image: url('../images/_section_footer.png'),
    url('../images/_section_header-right.png'),
    url('../images/_section_bg.png');
    background-repeat: repeat-x,
    no-repeat,
    repeat;
    background-position: bottom,
    top right,
    center;
}

/*寬度 > 576px 時背景設定*/
@media (min-width: 576px) {
    /*
    頁腳: 水平軸重複、置底
    右頁首: 不重複、右置頂
    背景(紋理圖): 重複、置中
    */
    .main-img {
        background-image: url('../images/_section_footer.png'),
        url('../images/_section_header-right.png'),
        url('../images/_section_bg.png');
        background-repeat: repeat-x,
        no-repeat,
        repeat;
        background-position: bottom,
        top right,
        center;
    }
}

/*寬度 > 992px 時背景設定*/
@media (min-width: 992px) {
    /*
    頁腳: 水平軸重複、置底
    左頁首: 不重複、左置頂
    右頁首: 不重複、右置頂
    背景(紋理圖): 重複、置中
    */
    .main-img {
        background-image: url('../images/_section_footer.png'),
        url('../images/_section_header-left.png'),
        url('../images/_section_header-right.png'),
        url('../images/_section_bg.png');
        background-repeat: repeat-x,
        no-repeat,
        no-repeat,
        repeat;
        background-position: bottom,
        top left,
        top right,
        center;
    }
}

/*彈出式互動視窗背景*/
.modal-bg {
    background-image: url('../images/_section_bg.png');
    background-repeat: repeat;
    background-position: center;
}