.header {
    width: 1200px;
    margin: 0px auto;
    padding: 0px 0;
    padding-bottom: 20px;
    height: 100px;
}

.header img {
    height: 10em;
    float: right;
}

.header a {
    float: left !important;
}

.banner img {
    width: 100%;
    display: block;
}

.products {
    width: 1240px;
    margin: 0px auto;
    text-align: center;
}

.products span {
    font-weight: lighter !important;
}

.products h3 {
    font-size: 30pt;
    /*2.45em*/
    padding: 30px 0;
    color: #444444;
    text-align: center;
}

.products-1 ul {
    display: inline-block;
    overflow: auto;
}

.products-1 li {
    width: 310px;
    margin-bottom: 20px;
    display: inline;
    float: left;
}

.products-1 img {
    width: 300px;
    background-color: white;
}

.products-1 a:link {
    font-size: 16pt;
    /*1.4em*/
    padding: 5px;
    border-radius: 5px;
    color: #444444;
    display: block;
}

.products-1 a:hover {
    color: white;
    background-color: #008cd6;
}

.products-1 a:active {
    color: #444444;
}

.products-1 a:visited {
    color: #444444;
}

.products-1 div {
    font-size: 12pt;
    /*1em*/
    padding: 5px;
}

.service-text-conpany {
    width: 1280px;
    margin: 0px auto;
    padding: 100px 0 30px;
    color: #444444;
    text-align: center;
    clear: both;
}

.partner {
    width: 1280px;
    margin: 0px auto;
    padding: 50px 0px 0px;
    color: #444444;
    text-align: center;
    clear: both;
}

.partner img {
    width: 1280px;
}

.partner-call {
    width: 70% !important;
}

.c-partner {
    width: 100%;
    display: block;
    clear: both;
}

.text-partner {
    padding: 20px 0 !important;
}

.text-partner li {
    line-height: 3.2em;
    padding: 10px;
}

.text-cn li {
    display: block;
    margin: -32px 0 -10px;
}

.text-en {
    padding-bottom: 20px;
}

.text-b {
    font-size: 48pt;
    /*3.5em*/
    padding: 0px 10px;
    font-weight: bold;
}

.text-bs {
    font-size: 32pt;
    /*2.55em*/
    font-weight: bold;
}

.text-l {
    font-size: 48pt;
    /*3.5em*/
    padding: 0px 10px;
    font-weight: lighter;
}

.text-n {
    font-size: 16pt;
    /*1.4em*/
    font-weight: normal;
}

.service-line {
    /* width: 840px; */
    margin: 25px auto;
    display: inline-block;
    
}

.service-line li {
    padding: 0px 20px 30px;
    float: left;
}

.service-line img {
    width: 100px;
}

.button-body {
    width: 400px;
    margin: 0px auto;
    padding: 30px 0px;
    clear: both;
}

.button-body li {
    margin: 10px;
    float: left;
}

.button {
    font-size: 16pt;
    /*1.4em*/
    font-weight: bold;
    width: 180px;
    padding: 10px;
    border-radius: 5px;
    border-style: none;
    color: white;
    background-color: #008cd6;
}

.button:hover {
    background-color: #aacd06;
}

.button:active {
    background-color: #008cd6;
}

.service-text {
    width: 100%;
    margin-top: 80px;
    color: white;
    background-color: #008cd6;
    clear: both;
}

.service-text li {
    width: 1280px;
    margin: 0px auto;
    text-align: center;
}

.title {
    font-size: 30pt;
    /*2.45em*/
    font-weight: bold;
    padding: 30px 0px 0px;
}

.title-2 {
    font-size: 16pt;
    /*1.4em*/
    padding-bottom: 30px;
}

.text {
    font-size: 16pt;
    /*1.4em*/
}

.text-2 {
    font-size: 19pt;
    /*1.5em*/
    padding: 280px 0 0 0;
    text-align: center;
}

.service-call {
    font-size: 19pt;
    /*1.5em*/
    font-weight: bold;
    padding: 10px 10px 30px 10px;
    text-align: center;
}

.footer-body {
    background-color: #f7f6fa;
}

.footer,.banner {
    width: 1280px;
    margin: 0px auto;
    color: #5a5a5a;
    display: block;
    clear: both;
}

.footer h3 {
    font-size: 18pt;
    /*1.5em*/
    font-weight: bold;
    padding: 40px 0px;
}

.footer ul {
    font-size: 16pt;
    /*1.4em*/
    height: auto;
    float: left;
}

.footer a:link {
    color: #5a5a5a;
}

.footer a:hover {
    color: #aacd06;
}

.footer a:visited {
    color: #5a5a5a;
}

.footer a:active {
    color: #5a5a5a;
}

.footer-links {
    width: 320px;
}

.fonter-partner {
    width: 640px;
}

#name {
    font-size: 14px;
    /*1.2em*/
    width: 260px;
    height: 10px;
    margin-right: 16px;
    padding: 20px;
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    background-color: white;
}

#email {
    font-size: 14px;
    /*1.2em*/
    width: 260px;
    height: 10px;
    margin-right: 16px;
    padding: 20px;
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    background-color: white;
}

#message {
    font-size: 14px;
    /*1.2em*/
    width: 578px;
    height: 132px;
    margin-top: 16px;
    margin-bottom: 16px;
    padding: 20px;
    border-radius: 5px;
    border: solid 1px #e0e0e0;
    background-color: white;
}

.name-email li {
    float: left;
}

#name:focus {
    outline: none;
    border: solid 1px #008cd6;
}

#email:focus {
    outline: none;
    border: solid 1px #008cd6;
}

#message:focus {
    outline: none;
    border: solid 1px #008cd6;
}

input::-webkit-input-placeholder {
    /* WebKit browsers */

    color: #999;
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */

    color: #999;
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */

    color: #999;
}

input:-ms-input-placeholder {
    /* Internet Explorer 10+ */

    color: #999;
}

textarea::-webkit-input-placeholder {
    /* WebKit browsers */

    color: #999;
}

textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */

    color: #999;
}

textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */

    color: #999;
}

textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */

    color: #999;
}



.icons {
    width: 450px;
    margin: 0px auto;
    padding: 40px 0;
    clear: both;
}

.icons li {
    margin: 20px;
    float: left;
}

.icons img {
    width: 50px;
}

.copyright {
    font-size: 16pt;
    /*1.4em*/
    padding: 40px 19%;
    text-align: center;
    color: #999999;
    clear: both;
}

td>h1{
         color :rgb(68, 68, 68);
         font-family :'Microsoft JhengHei', arial, sans-serif;
         font-size: 21.3333px;
         font-weight: 700;
         line-height: 32px;
 }


/* add line */

.call-line {

    display: none;
    position: fixed;
    /*固定在網頁上不隨卷軸移動，若要隨卷軸移動用absolute*/

    bottom: 12%;
    /*設置垂直位*/

    right: -2px;
    /*設置水平位置，依所放的內容多寡需要自行手動調整*/

    background: #ffffff;
    /*背景顏色*/

    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    /*圓角*/

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    z-index: 9999;
    line-height: 2px;


}

.call-line:link {
    right: 10px;
}

.call-line:visited {
    right: 10px;
}



.call-line #title {
    padding-right: 5px;
    /*讓標題與連結中間有空隙*/

}



.call-line img {
    width: 7.5em;
    margin: 0.3em 0;
}

.img100 {
    width: 100%;
    display: block;
}

.iframe-map {
    width: 800px;
    height: 600px;
    padding: 10px 10px;
    border: 1px #ccc solid;
    border-radius: 10px;
    background-color: #eee;
}



.slick-slide img {
    width: 100%;
}



.return-top {

    position: fixed;
    bottom: 0%;
    right: 2px;
    z-index: 99999;
}

.return-top img {

    width: 80%;
}

#titleBar {

    display: none;
}



.ti-1 {
    text-align: center;
    font-size: 65px;
    font-weight: bold;
    padding-top: 75px;
}



.ti-2 {
    font-size: 41px;
    text-align: center;
    padding-bottom: 50px;
}



.text1-1 {
    background-color: #ff7a7a;
    border-radius: 20px;
    padding: 15px;
    float: left;
    font-size: 20px;
    /*  1.25em*/
    width: 40%;
    margin: 5px 0px 0px 84px;
    margin: 10px 0px 0px 8%;
    text-align: center;
    color: #000;
}



.text1-2 {
    background-color: #ffbe7a;
    border-radius: 20px;
    padding: 15px;
    float: left;
    font-size: 20px;
    /*  1.25em*/
    width: 40%;
    margin: 10px 0px 0px 2%;
    text-align: center;
    color: #000;
}



.text1-3 {
    background-color: #7aff8a;
    border-radius: 20px;
    padding: 15px;
    float: left;
    font-size: 20px;
    /*  1.25em*/
    width: 40%;
    margin: 10px 0px 0px 8%;
    color: #000;
    text-align: center;
}



.text1-4 {
    background-color: #7ae0ff;
    border-radius: 20px;
    padding: 15px;
    float: left;
    font-size: 20px;
    /*  1.25em*/
    width: 40%;
    margin: 10px 0px 0px 2%;
    text-align: center;
    color: #000;
}



.text1-5 {

    background-color: #887aff;
    border-radius: 20px;
    padding: 15px;
    float: left;
    font-size: 20px;
    /*  1.25em*/
    width: 40%;
    margin: 10px 0px 0px 8%;
    text-align: center;
    color: #000;
}



.text1-6 {
    background-color: #d27aff;
    border-radius: 20px;
    padding: 15px;
    float: left;
    font-size: 20px;
    /*  1.25em*/
    width: 40%;
    margin: 10px 0px 0px 2%;
    text-align: center;
    color: #000;
}



.texthidden {

    display: block;
    /*統一轉化為塊級元素*/

    overflow: hidden;
    width: 0;
    height: 0;
}



/*mobile*/

@media screen and (min-width: 1571px) and (max-width: 2000px) {

    .text-2 {
        padding: 335px 0 0 0;
    }

    .text1-1 {
        padding: 15px 15px 45px 15px;
    }

    .text1-5 {
        padding: 15px 15px 45px 15px;
    }

}

@media screen and (min-width: 1025px) and (max-width: 1570px) {
    .call-line img {
        width: 7.5em;
    }

    .return-top img {
        width: 63%;
    }

    .return-top {
        right: -18px;
    }

    .text-2 {
        padding: 410px 0 0 0;
    }

    .text1-1 {
        padding: 15px 15px 45px 15px;
    }

}

@media screen and (min-width: 900px) and (max-width: 1024px) {
    .call-line {
        bottom: 8%;
    }

    .call-line img {
        width: 5em;


    }

    .text-2 {
        padding: 420px 0 0 0;
    }

}

@media screen and (max-width: 800px) {

    .call-line {
        display: none;

    }

    .call-line .call-line:link .call-line:visited .call-line:hover {
        display: none;

    }

    .text1-1 {
        font-size: 18px;
        /*  1.5em*/
    }

    .text1-2 {
        font-size: 18px;
        /*  1.5em*/
    }

    .text1-3 {
        font-size: 18px;
        /*  1.5em*/
    }

    .text1-4 {
        font-size: 18px;
        /*  1.5em*/
    }

    .text1-5 {
        font-size: 18px;
        /*  1.5em*/
    }

    .text1-6 {
        font-size: 18px;
        /*  1.5em*/
    }

}

@media (min-width:480px) and (max-width:768px) {
    .header {
        width: 480px;
    }

    li.logo_2 {
        display: none;
    }

    .header img {
        height: 120px;
        float: left;
        margin-left: 20%;
    }

    .call-line {
        display: none;
    }

    .products {
        width: 100%;
    }

    .products-1 li {
        width: 230px;
    }

    .products-1 img {
        width: 170px;
    }

    .products-1 a:link {
        font-size: 13pt;
        /*1.05em*/
    }

    .products h3 {
        font-size: 25pt;
        /*2em*/
        width: 100%;
    }

    .partner {
        display: none;
    }

    .service-text li {
        width: 315px;
    }

    .footer,.banner {
        width: 330px;
        text-align: center;
    }

    .footer ul {
        float: inherit;
    }

    .footer h3 {
        padding: 10px 0px;
        padding-top: 35px;
    }

    .footer-partner {
        display: none;
    }

    .products-1 {
        margin-left: 11px;
    }

    .service-text-conpany {
        width: 300px;
        padding: 30px 0 30px;
    }

    .text-b {
        font-size: 50pt;
    }

    .text-l {
        font-size: 21pt;
    }

    .text-n {
        display: none;
    }

    .text1-1 {
        width: 80%;
    }

    .text1-2 {
        width: 80%;
    }

    .text1-3 {
        width: 80%;
    }

    .text1-4 {
        width: 80%;
    }

    .text1-5 {
        width: 80%;
    }

    .text1-6 {
        width: 80%;
    }

    .text-2 {
        padding: 695px 0 0 0;
    }



    .nav {
        display: none;
    }



    .nav-2 {
        width: 85%;
        margin-left: 15%;
    }



    .nav-3 {
        width: 89%;
        margin-left: 10%;
    }

    .icons {
        width: 400px;
    }

    .icons img {
        width: 30px;
    }

    .ti-1 {
        font-size: 65px;
    }

}

@media (min-width:300px) and (max-width:471px) {
    .header {
        width: 345px;
        margin: 0px 7px;
    }

    .call-line {
        display: none;
    }

    li.logo_2 {
        display: none;
    }

    .products {
        width: 370px;
    }

    .products-1 li {
        width: 185px;
    }

    .products-1 img {
        width: 140px;
    }

    .products h3 {
        font-size: 20pt;
        /*1.6em*/
        width: 100%;
    }

    .partner {
        display: none;
    }

    .service-text li {
        width: 315px;
    }

    .footer,.banner {
        width: 330px;
        text-align: center;
    }

    .footer ul {
        float: inherit;
    }

    .footer h3 {
        padding: 10px 0px;
        padding-top: 35px;
    }

    .footer-partner {
        display: none;
    }

    .icons {
        width: 330px;
    }

    .icons img {
        width: 26px;
    }

    .button-body {
        width: 375px;
    }

    .products-1 a:link {
        font-size: 11pt;
    }

    .button {
        width: 160px;
    }

    .service-text-conpany {
        width: 300px;
        padding: 30px 0 30px;
    }

    .text-b {
        font-size: 50pt;
    }

    .text-l {
        font-size: 20pt;
        /*1.6em*/
    }

    .text-n {
        display: none;
    }

    .service-text {
        width: 100%;
    }

    .footer-body {
        width: 100%;
    }

    .copyright {
        font-size: 10pt;
        /*0.8em*/


    }

    .call-line img {
        display: none;
    }

    .return-top img {
        width: 50%;
    }

    .return-top {
        right: -10px;
    }

    .text1-1 {
        width: 80%;
    }

    .text1-2 {
        width: 80%;
    }

    .text1-3 {
        width: 80%;
    }

    .text1-4 {
        width: 80%;
    }

    .text1-5 {
        width: 80%;
    }

    .text1-6 {
        width: 80%;
    }

    .text-2 {
        padding: 770px 0 0 0;
    }



    .nav-2 {
        width: 92%;
        margin-left: 5%;
    }

    .nav-3 {
        width: 45%;
    }



    .nav {
        display: none;
    }



    .ti-1 {
        font-size: 52px;
    }



    .ti-2 {
        font-size: 23px;
    }



}