﻿
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

:focus {
    outline: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

a {
    color: black;
}

code, kbd, samp, tt {
    font-size: 100%;
}

/*purpose To enable resizing for IE */
/*branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body {
    line-height: 180%;
}

ol, ul, li {
    list-style: none;
}

:link, :visited, ins {
    text-decoration: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/*HTML5 tag*/
section, article, aside, footer, header, nav, main {
    display: block;
}

/*rwd*/

/*1024 down*/
@media screen and (max-width:1024px) {
    * {
        font-size: 80%;
    }

    .mapDiv {
        width: 60% !important;
    }

    .loginDiv {
        width: 40%  !important;
    }
}

/*960 up*/
@media all and (min-width: 960px) {
  
}

/*平板 768~959*/

@media all and (min-width:768px) and (max-width: 959px) {
}

/*平板 0~768*/

@media all and (max-width:900px) {

    .mapDiv {
        width: 0% !important;
    }

    .loginDiv {
        width: 100%  !important;
    }
    .AgriculturalLandBtn .menu-span, .downloadCadastralBtn .menu-span, .downloadslopeBtn .menu-span, .serviceBtn .menu-span, .ComplexBtn .menu-span, .convertBtn .menu-span, .apiBtn .menu-span, .functionBtn .menu-span, .bigMapBtn .menu-span, .DataModelBtn .menu-span {
        display: none;
    }

    .AgriculturalLandBtn .icon, .downloadCadastralBtn .icon, .downloadslopeBtn .icon, .serviceBtn .icon, .ComplexBtn .icon, .convertBtn .icon, .apiBtn .icon, .functionBtn .icon, .bigMapBtn .icon, .DataModelBtn .icon {
        width: 24px;
        height: 24px;
        display: block;
        margin: 8px 0;
    }
    /*農地資料庫*/
    .AgriculturalLandBtn .icon {
        background: url(images/baseline-get_app-24px.svg)no-repeat;
    }
    /*地籍圖下載*/
    .downloadCadastralBtn .icon {
        background: url(images/baseline-get_app-24px.svg)no-repeat;
    }
    /*坵塊圖下載*/
    .downloadslopeBtn .icon {
        background: url(images/baseline-get_app-24px.svg)no-repeat;
    }

    /*地籍圖服務*/
    .serviceBtn .icon {
        background: url(images/baseline-map-24px.svg)no-repeat;
    }

    /*倉儲中心*/
    .ComplexBtn .icon {
        background: url(images/baseline-business-24px.svg)no-repeat;
    }
    /*地籍公用服務*/
    .convertBtn .icon {
        background: url(images/baseline-person_pin-24px.svg)no-repeat;
    }
    /*服務介接API*/
    .apiBtn .icon {
        background: url(images/baseline-unfold_more-24px.svg)no-repeat;
    }
    /*常用函式運算*/
    .functionBtn .icon {
        background: url(images/baseline-poll-24px.svg)no-repeat;
    }

    /*圖台*/
    .bigMapBtn .icon {
        background: url(images/baseline-filter_hdr-24px.svg)no-repeat;
    }

    .DataModelBtn .icon {
        background: url(images/baseline-assignment-24px.svg)no-repeat;
    }
    .formModelBtn .icon {
        background: url(images/baseline-assignment-24px.svg)no-repeat;
    }

}
/*小平板 350~767*/

/*@media all and (min-width: 350px) and (max-width:767px) {
}*/
/*手機 350~767*/

/*@media all and (max-width:767px) {
}*/
