@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC');
body {
    font-family: 'Noto Serif TC', serif
}

a:link {
    font-family: 'Noto Serif TC', serif
}

.navbar {
    border: 0
}

.header-language {
    height: 30px;
    background: #000;
    width: 100%;
    color: #fff;
    margin: 0 auto;
    list-style: none;
    position: relative
}

.language-switch {
    float: right
}

.main-intro {
    margin: 0 auto;
    margin: 20px 0 20px 0
}

.main-product ul {
    width: 33.3%;
    float: left
}

.sitemap h3 {
    margin: 20px 0 10px
}

.product-view-bg {
    width: 100%;
    background-position: center top
}

.product-view {
    float: right;
    width: 100%;
    max-width: 638px;
    margin: 170px 0 0;
    color: #fff;
    position: relative
}

h2.product-list,
h3.product-list,
h5.product-listc,
p.product-listc {
    font-family: "Noto Sans TC", sans-serif;
    color: #fff
}

h2.material-list,
.material-listc,
p.material-listc {
    font-family: "Noto Sans TC", sans-serif;
    color: #000
}

figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    margin: -100px 0 0 -155px
}

.demo {
    margin: 20px 0;
    text-align: center
}

hr.style {
    border: 0;
    height: 1px;
    background: #fff
}

.icoparallel {
    display: inline
}

.certifi {
    width: 100%;
    float: left
}

.sitemap a {
    color: #fff
}

.sitemap li {
    line-height: 24px
}

.footlogo {
    float: right
}

#serviceform {
    margin: 20px 0
}

.g-recaptcha {
    margin-bottom: 20px
}

@media only screen and (min-width: 1200px) {
    .main-header {
        background: url(../images/banner.gif);
        height: 676px;
        background-size: 100% ;
        background-position: center;
        background-repeat: no-repeat
    }
    .border-slde {
        border-color: #fff;
        border-left-style: solid;
        border-right-style: solid;
        border-width: 1px;
        padding: 0 15px;
        min-height: 1085px
    }
    .border-cneter {
        margin: 20px 0;
        border-color: #fff;
        border-top-style: solid;
        border-bottom-style: solid;
        border-width: 1px;
        padding: 15px 0
    }
    .main-product {
        background: #000;
        min-height: 1215px;
        padding: 70px 0 0
    }
    .intro:nth-child(n) {
        text-align: center
    }
    .inbo {
        border-left: dashed 3px #543829;
        border-right: dashed 3px #543829
    }
    hr.style-top {
        display: none
    }
    h2.product-list {
        font-size: 22px
    }
    h5.product-listc {
        font-size: 15px;
        line-height: 25px
    }
    h2.material-list {
        font-size: 20px
    }
    div.material-listc {
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
        text-justify: inter-ideograph;
        -ms-text-justify: inter-ideograph;
        -moz-text-align-last: justify;
        -webkit-text-align-last: justify
    }
    div.material-listc::after {
        content: "";
        display: inline-block;
        width: 100%
    }
    .product-intro.pro01 {
        min-height: 1372px
    }
    .product-con.product01 {
        width: 85%;
        margin: 0 auto;
        margin-top: 235px
    }
    .product-intro.pro02 {
        min-height: 1460px
    }
    .product-con.product02 {
        width: 85%;
        margin: 0 auto;
        margin-top: 225px
    }
    .product-intro.pro03 {
        min-height: 1445px
    }
    .product-con.product03 {
        width: 85%;
        margin: 0 auto;
        margin-top: 250px
    }
    .product-intro.pro04 {
        min-height: 1495px
    }
    .product-con.product04 {
        width: 85%;
        margin: 0 auto;
        margin-top: 305px
    }
    .product-intro.pro05 {
        min-height: 1425px
    }
    .product-con.product05 {
        width: 85%;
        margin: 0 auto;
        margin-top: 260px
    }
    .certifi img {
        width: 60%
    }
    .certifi li {
        float: left;
        display: inline;
        width: calc(100% / 4);
        text-align: center
    }
    .footbgline {
        background: #033d19;
        height: 30px
    }
    .sitemap {
        width: 100%;
        float: left;
        height: 300px;
        color: #fff;
        background: url(../images/footbg.jpg);
        padding: 30px 0 0
    }
    .product-ins {
        max-width: 1080px;
        min-height: 1060px;
        margin: auto
    }
    .copyright {
        text-align: center
    }
    .product-view.product01 {
        background: url(../images/product/sing_01.jpg) no-repeat center top;
        min-height: 1172px
    }
    .product-view.product02 {
        background: url(../images/product/sing_02.jpg) no-repeat center top;
        min-height: 1260px
    }
    .product-view.product03 {
        background: url(../images/product/sing_03.jpg) no-repeat center top;
        min-height: 1235px
    }
    .product-view.product04 {
        background: url(../images/product/sing_04.jpg) no-repeat center top;
        min-height: 1325px
    }
    .product-view.product05 {
        background: url(../images/product/sing_05.jpg) no-repeat center top;
        min-height: 1193px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-header {
        background: url(../images/banner.gif);
        height: 353px;
        background-size:100%;
        background-position: center;
        background-repeat: no-repeat
    }
    .border-slde {
        border-color: #fff;
        border-left-style: solid;
        border-right-style: solid;
        border-width: 1px;
        padding: 0 15px;
        min-height: 1016px
    }
    .border-cneter {
        margin: 20px 0;
        border-color: #fff;
        border-top-style: solid;
        border-bottom-style: solid;
        border-width: 1px;
        padding: 15px 0
    }
    .main-product {
        background: #000;
        min-height: 1200px;
        padding: 50px 0 0
    }
    hr.style-top {
        display: none
    }
    h2.product-list {
        font-size: 22px
    }
    h5.product-listc {
        font-size: 15px;
        line-height: 25px
    }
    h2.material-list {
        margin-top: 7%;
        font-size: 25px
    }
    .material-listc {
        font-size: 18px;
        line-height: 23px
    }
    .product-view {
        background-size: 100%
    }
    .product-intro.pro01 {
        height: 1335px
    }
    .product-con.product01 {
        width: 85%;
        margin: 0 auto;
        margin-top: 190px
    }
    .product-intro.pro02 {
        min-height: 1460px
    }
    .product-con.product02 {
        width: 85%;
        margin: 0 auto;
        margin-top: 165px
    }
    .product-intro.pro03 {
        min-height: 1450px
    }
    .product-con.product03 {
        width: 85%;
        margin: 0 auto;
        margin-top: 200px
    }
    .product-intro.pro04 {
        min-height: 1485px
    }
    .product-con.product04 {
        width: 85%;
        margin: 0 auto;
        margin-top: 224px
    }
    .product-intro.pro05 {
        min-height: 1450px
    }
    .product-con.product05 {
        width: 85%;
        margin: 0 auto;
        margin-top: 242px
    }
    .intro:nth-child(n) {
        width: 33%;
        height: 33%
    }
    .intro>img {
        width: 80%
    }
    .inbo {
        border-left: dashed 3px #543829;
        border-right: dashed 3px #543829
    }
    .certifi img {
        width: 60%
    }
    .certifi li {
        float: left;
        display: inline;
        width: calc(100% /4);
        text-align: center
    }
    .footbgline {
        background: #033d19;
        height: 30px
    }
    .sitemap {
        width: 100%;
        float: left;
        height: 300px;
        color: #fff;
        background: url(../images/footbg.jpg);
        padding: 30px 0 0
    }
    .product-view.product01 {
        background: url(../images/product/sing_01.jpg) no-repeat center top;
        min-height: 1172px
    }
    .product-view.product02 {
        background: url(../images/product/sing_02.jpg) no-repeat center top;
        min-height: 1260px
    }
    .product-view.product03 {
        background: url(../images/product/sing_03.jpg) no-repeat center top;
        min-height: 1235px
    }
    .product-view.product04 {
        background: url(../images/product/sing_04.jpg) no-repeat center top;
        min-height: 1325px
    }
    .product-view.product05 {
        background: url(../images/product/sing_05.jpg) no-repeat center top;
        min-height: 1193px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header {
        background: url(../images/banner.gif);
        height: 271px;
        background-size:100%;
        background-position: center;
        background-repeat: no-repeat
    }
    .language-switch {
        float: right;
        width: 27%
    }
    h2.product-list {
        font-size: 20px
    }
    h5.product-listc {
        font-size: 14px;
        line-height: 25px
    }
    h2.material-list {
        margin-top: 18%;
        padding-left: 32px;
        font-size: 20px
    }
    figure img {
        width: 100% !important;
    }
    .material-listc {
        font-size: 9px;
        line-height: 19px;
        width: 80%;
        padding: 10px;
        margin: 0 auto
    }
    .product-view {
        background-size: 100%
    }
    .intro01 {
        width: 80%;
        height: 80%
    }
    .intro>img {
        width: 80%
    }
    .inbo {
        border-left: dashed 3px #543829;
        border-right: dashed 3px #543829
    }
    .border-slde.index {
        border-color: #fff;
        border-left-style: solid;
        border-right-style: solid;
        border-width: 1px;
        padding: 0 15px;
        min-height: 700px
    }
    .border-slde.material {
        border-color: #fff;
        border-left-style: solid;
        border-right-style: solid;
        border-width: 1px;
        padding: 0 15px
    }
    .border-cneter {
        margin: 20px 0;
        border-color: #fff;
        border-top-style: solid;
        border-bottom-style: solid;
        border-width: 1px;
        padding: 15px 0
    }
    .main-product.index {
        background: #000;
        min-height: 780px;
        padding: 50px 0 0
    }
    .main-product.material {
        background: #000;
        min-height: 935px;
        padding: 50px 0 0
    }
    hr.style-top {
        display: none
    }
    .intro:nth-child(n) {
        text-align: center
    }
    .product-intro.pro01 {
        min-height: 1175px
    }
    .product-con.product01 {
        width: 66%;
        margin: 0 auto;
        margin-top: 150px
    }
    .product-intro.pro02 {
        min-height: 1186px
    }
    .product-con.product02 {
        width: 66%;
        margin: 0 auto;
        margin-top: 150px
    }
    .product-intro.pro03 {
        min-height: 1214px
    }
    .product-con.product03 {
        width: 66%;
        margin: 0 auto;
        margin-top: 150px
    }
    .product-intro.pro04 {
        min-height: 1318px
    }
    .product-con.product04 {
        width: 66%;
        margin: 0 auto;
        margin-top: 200px
    }
    .product-intro.pro05 {
        min-height: 1208px
    }
    .product-con.product05 {
        width: 66%;
        margin: 0 auto;
        margin-top: 170px
    }
    .certifi img {
        width: 60%
    }
    .certifi li {
        float: left;
        display: inline;
        width: calc(100% / 4);
        text-align: center
    }
    .footbgline {
        background: #033d19;
        height: 30px
    }
    .sitemap {
        width: 100%;
        float: left;
        height: 300px;
        color: #fff;
        background: url(../images/footbg.jpg);
        padding: 30px 0 0
    }
    .product-ins {
        max-width: 1080px;
        min-height: 1060px;
        margin: auto
    }
    .copyright {
        text-align: center;
        margin-bottom: 20px
    }
    .product-view.product01 {
        background: url(../images/product/sing_01_xs.jpg) no-repeat center top;
        min-height: 955px
    }
    .product-view.product02 {
        background: url(../images/product/sing_02_xs.jpg) no-repeat center top;
        min-height: 966px
    }
    .product-view.product03 {
        background: url(../images/product/sing_03_xs.jpg) no-repeat center top;
        min-height: 994px
    }
    .product-view.product04 {
        background: url(../images/product/sing_04_xs.jpg) no-repeat center top;
        min-height: 1098px
    }
    .product-view.product05 {
        background: url(../images/product/sing_05_xs.jpg) no-repeat center top;
        min-height: 988px
    }
}

@media (min-width: 551px) and (max-width: 767px) {
    .main-header {
        background: url(../images/banner.gif);
        height: 195px;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat
    }
    .language-switch {
        float: right;
        width: 27%
    }
    h2.product-list {
        font-size: 20px
    }
    h5.product-listc {
        font-size: 14px;
        line-height: 25px
    }
    h2.material-list {
        margin-top: 18%;
        padding-left: 22px;
        font-size: 20px
    }
    .material-listc {
        font-size: 9px;
        line-height: 19px;
        width: 90%;
        padding: 10px;
        margin: 0 auto
    }
    .product-view {
        background-size: 100%
    }
    .intro01 {
        width: 80%;
        height: 80%
    }
    .intro>img {
        width: 80%
    }
    .inbo {
        border-left: dashed 3px #543829;
        border-right: dashed 3px #543829
    }
    .border-slde.index {
        border-color: #fff;
        border-left-style: solid;
        border-right-style: solid;
        border-width: 1px;
        padding: 0 15px;
        min-height: 700px
    }
    .border-slde.material {
        border-color: #fff;
        border-left-style: solid;
        border-right-style: solid;
        border-width: 1px;
        padding: 0 15px
    }
    .border-cneter {
        margin: 20px 0;
        border-color: #fff;
        border-top-style: solid;
        border-bottom-style: solid;
        border-width: 1px;
        padding: 15px 0
    }
    .main-product.index {
        background: #000;
        min-height: 780px;
        padding: 50px 0 0
    }
    .main-product.material {
        background: #000;
        min-height: 935px;
        padding: 50px 0 0
    }
    hr.style-top {
        display: none
    }
    .intro:nth-child(n) {
        text-align: center
    }
    .product-intro.pro01 {
        min-height: 1310px
    }
    .product-con.product01 {
        width: 66%;
        margin: 0 auto;
        margin-top: 145px
    }
    .product-intro.pro02 {
        min-height: 1360px
    }
    .product-con.product02 {
        width: 66%;
        margin: 0 auto;
        margin-top: 145px
    }
    .product-intro.pro03 {
        min-height: 1440px
    }
    .product-con.product03 {
        width: 66%;
        margin: 0 auto;
        margin-top: 145px
    }
    .product-intro.pro04 {
        min-height: 1470px
    }
    .product-con.product04 {
        width: 66%;
        margin: 0 auto;
        margin-top: 195px
    }
    .product-intro.pro05 {
        min-height: 1425px
    }
    .product-con.product05 {
        width: 66%;
        margin: 0 auto;
        margin-top: 152px
    }
    .certifi img {
        width: 60%
    }
    .certifi li {
        float: left;
        display: inline;
        width: calc(100% / 4);
        text-align: center
    }
    .footbgline {
        background: #033d19;
        height: 30px
    }
    .sitemap {
        width: 100%;
        float: left;
        height: 300px;
        color: #fff;
        background: url(../images/footbg.jpg);
        padding: 30px 0 0
    }
    .product-ins {
        max-width: 1080px;
        min-height: 1060px;
        margin: auto
    }
    .copyright {
        text-align: center;
        margin-bottom: 20px
    }
    .product-view.product01 {
        background: url(../images/product/sing_01_xs.jpg) no-repeat center top;
        min-height: 1130px
    }
    .product-view.product02 {
        background: url(../images/product/sing_02_xs.jpg) no-repeat center top;
        min-height: 1165px
    }
    .product-view.product03 {
        background: url(../images/product/sing_03_xs.jpg) no-repeat center top;
        min-height: 1217px
    }
    .product-view.product04 {
        background: url(../images/product/sing_04_xs.jpg) no-repeat center top;
        min-height: 1123px
    }
    .product-view.product05 {
        background: url(../images/product/sing_05_xs.jpg) no-repeat center top;
        min-height: 1111px
    }
}

@media only screen and (max-width: 550px) {
    /*.border-slde{padding:0 15px}*/
    .borxs {
        margin: 20px 0;
        border-color: #fff;
        border-top-style: solid;
        border-bottom-style: solid;
        border-width: 1px;
        padding: 15px 0
    }
    .main-product {
        background: #000;
        min-height: 1200px;
    }
    /*hr.style-top{display:none}*/
    hr.style-top.almond {
        display: none;
    }
    h2.product-list {
        font-size: 16px
    }
    h5.product-listc {
        font-size: 13px;
        line-height: 25px
    }
    h2.material-list {
        font-size: 18px
    }
    .material-listc {
        font-size: 14px;
        line-height: 23px
    }
    .product-view {
        background-size: 100%
    }
    .product-intro.pro01 {
        min-height: 1082px
    }
    .product-con.product01 {
        width: 49%;
        margin: 0 auto;
        margin-top: 105px
    }
    .product-intro.pro02 {
        min-height: 1132px
    }
    .product-con.product02 {
        width: 49%;
        margin: 0 auto;
        margin-top: 105px
    }
    .product-intro.pro03 {
        min-height: 1165px
    }
    .product-con.product03 {
        width: 49%;
        margin: 0 auto;
        margin-top: 105px
    }
    .product-intro.pro04 {
        min-height: 1228px
    }
    .product-con.product04 {
        width: 49%;
        margin: 0 auto;
        margin-top: 125px
    }
    .product-intro.pro05 {
        min-height: 1103px
    }
    .product-con.product05 {
        width: 49%;
        margin: 0 auto;
        margin-top: 105px
    }
    /*.intro:nth-child(n){width:33%;height:33%;margin:0 auto}*/
    .intro {
        text-align: center;
    }
    .intro>img {
        width: 45%
    }
    .inbo {
        border-top: dashed 1px #543829;
        border-bottom: dashed 1px #543829;
        margin: 20px 0;
        padding: 20px 0;
    }
    figure img {
        width: 50%;
        height: 50%
    }
    .certifi {
        width: 100%;
        float: left;
        margin: 20px 0 10px
    }
    .certifi img {
        width: 60%
    }
    .certifi li {
        float: left;
        display: inline;
        width: calc(100% / 4);
        text-align: center
    }
    .footbgline {
        background: #033d19;
        height: 30px
    }
    ul.margintop15 {
        margin: -15px 0 0
    }
    .sitemap ul {
        padding: 0 0 0 20px
    }
    .sitemap {
        width: 100%;
        float: left;
        color: #fff;
        background: url(../images/footbg.jpg);
        padding: 30px 0 0
    }
    .product-ins {
        max-width: 1080px;
        margin: auto
    }
    div#bs-example-navbar-collapse-1 {
        float: right;
        width: 45%
    }
    .copyright {
        text-align: center;
        margin-bottom: 20px
    }
    .product-view.product01 {
        background: url(../images/product/sing_01_xxs.jpg) no-repeat center top;
        min-height: 862px
    }
    .product-view.product02 {
        background: url(../images/product/sing_02_xxs.jpg) no-repeat center top;
        min-height: 912px
    }
    .product-view.product03 {
        background: url(../images/product/sing_03_xxs.jpg) no-repeat center top;
        min-height: 945px
    }
    .product-view.product04 {
        background: url(../images/product/sing_04_xxs.jpg) no-repeat center top;
        min-height: 1008px
    }
    .product-view.product05 {
        background: url(../images/product/sing_05_xxs.jpg) no-repeat center top;
        min-height: 883px
    }
}


/*****  6 / 7 / 8  PLUS 寬 : 414 PX  高:656 *******/

@media (min-width: 451px) and (max-width: 550px) {
    .main-header {
        background: url(../images/banner.gif);
        height: 676px;
        background-repeat: no-repeat
    }
    .navbar-brand>img {
        margin-left: 10px
    }
}


/*****  6 / 7 / 8  PLUS 寬 : 414 PX  高:656 *******/

@media (min-width: 376px) and (max-width: 450px) {
    .main-header {
        background: url(../images/mbg414.gif);
        height: 676px;
        background-repeat: no-repeat
    }
    .navbar-brand>img {
        margin-left: 10px
    }
}


/******* 6 / 7 / 8 寬 : 375  PX  高:587  *******/

@media only screen and (max-width: 375px) {
    .main-header {
        background: url(../images/mbg375.gif);
        height: 676px;
        background-repeat: no-repeat
    }
    .navbar-brand>img {
        margin-left: 10px
    }
}