body {
    font-family: "Arial", "Helvetica", sans-serif, "微軟正黑體", "蘋果儷黑體";
    color: #343434;
    font-size: 18px;
}

img {
    max-width: 100%;
}

p {
    line-height: 1.5em;
}

.wrapper {
    position: relative;
    overflow: auto;
}

.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
    white-space: normal;
}



/*首頁Header樣式*/

.header_top {
    background: linear-gradient(to right, #005fe9, #009cde, #005fe9);
    background: -webkit-linear-gradient(to right, #005fe9, #009cde, #005fe9);
    background: -moz-linear-gradient(to right, #005fe9, #009cde, #005fe9);
    font-size: 15px;
    height: 48px;
}


.header_top .attr-nav > ul > li > a {
    color: #ffffff;
    display: block;
    padding: 13px 15px;
    position: relative;
}

.header_top .attr-nav > ul > li > a:hover {
    color: #00316b;
}

.header_top .attr-nav > ul > li::after {
    content: "│";
    display: block;
    color: #fff;
    position: relative;
    top: -35px;
    width: 1px;
    right: 5px;
}

.header_top .attr-nav > ul > li:first-child::after {
    content: "";
}

nav.navbar.bootsnav ul.nav > li > a {
    position: relative;
    font-weight: 500;
    padding: 30px 24px;
}

nav.navbar.bootsnav ul.nav > li > a:hover {
    color: #009cde;
    text-decoration: underline;
}

nav.navbar.bootsnav ul.nav > li > a:after {
    content: "";
    border-right: 1px solid #6f6f6f;
    position: absolute;
    height: 20px;
    right: 0px;
}

nav.navbar.bootsnav ul.nav > li:last-child a:after {
    content: "";
    border: none;

}

i.fa.fa-search {
    color: #00316b;
}

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

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 30px 15px;
        font-size: 15px;
    }

}


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

    a.navbar-brand {
        padding-bottom: 65px;
    }

    nav.navbar.bootsnav .navbar-toggle {
        margin-top: 27px;
    }

    nav.navbar.bootsnav .navbar-nav {
        margin-bottom: 0;
        overflow: hidden;
    }

    .header_top .attr-nav > ul > li::after {
        right: 10px;
    }

    nav.navbar.bootsnav ul.nav > li > a:after {
        border-right: 0;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 16px 15px;
    }

    .slick-next {
        background: url(../tw_images/banner/next.png) no-repeat center;
        background-size: 50%;
    }

    .slick-prev {
        background: url(../tw_images/banner/pre.png) no-repeat center;
        background-size: 50%;
    }
}



/*首頁產品樣式*/

.product {
    background: url(../tw_images/index/pro_bg.jpg) no-repeat;
    background-size: cover;
    min-height: 602px;
    text-align: center;
}

.product .tittle {
    margin: 40px 0;
}

.product .tittle h1 {
    text-indent: -9999px;
    background: url(../tw_images/index/pro_titl.png) no-repeat center;
    min-height: 41px;
    display: block;
    background-size: contain;

}

.product .tittle .desce {
    color: #fffefe;
    font-size: 26px;
}

.probox li {
    /* width: 35%; */
    margin: 0 2.5%;
    display: inline-block;
}

.probox li a {
    position: relative;
    display: block;

}

.probox li a:hover .hov {
    display: block;
    height: 55%;
    transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -webkit-transition: 1s ease-in-out;
}


.probox li a .hov {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    overflow: hidden;
    color: #fff;
    padding: 0 15px;
}


.probox li a .hov .hov_tittle {
    font-size: 30px;
    text-align: left;
    font-weight: bold;
    margin: 10px 0;
}

.probox li a .hov .content {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 345px;
    height: auto;
    height: 61%;
    text-align: justify;
    font-size: 16px;
    word-break: break-all;
}

.ifram {
    overflow: hidden;
    position: relative;
    box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
}

.ifram img {
    max-width: 345px;
    width: 100%;
}

.probox li .tittle {
    color: #00255d;
    font-weight: bold;
    font-size: 27px;
    /* margin: 5px 0; */
    background: url(../tw_images/index/proi_03.png) no-repeat right, linear-gradient(to top, #ffc000, #ffe345);
    background: url(../tw_images/index/proi_03.png) no-repeat right), -webkit-linear-gradient(to top, #ffc000, #ffe345, );
    background: url(../tw_images/index/proi_03.png) no-repeat right, -moz-linear-gradient(to top, #ffc000, #ffe345);
    border-radius: 50px;
    padding: 10px 0;
    box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    background-position: 93%;
}

i.car {
    background: url(../tw_images/index/proi_01.png) no-repeat;
    display: inline-block;
    width: 43px;
    height: 16px;
    position: relative;
    right: 25px;
}

i.truck {
    background: url(../tw_images/index/proi_02.png) no-repeat;
    display: inline-block;
    width: 35px;
    height: 19px;
    position: relative;
    right: 25px;
}

@media screen and (max-width:320px) {
    .probox li .tittle {
        font-size: 20px;
    }

    i.car {
        right: 14px;
    }

    i.truck {
        top: 3px;
    }
}

/*首頁片樣式*/

.video-container {

    position: relative;
    /* padding-bottom: 52.25%; */
    /* padding-top: 30px; */
    min-height: 100px;
    overflow: hidden;
    margin-top: -30px;

}

video#movie {
    width: 100%;
}

.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.video_content {
    background: url(../tw_images/index/video_bg.jpg) no-repeat;
    background-size: cover;
    min-height: 464px;
    color: #fff;
    padding-top: 60px;
}

.hot_video {
    text-align: center;
}

.hot_video h1 {
    text-indent: -9999px;
    background: url(../tw_images/index/vid_titl.png) no-repeat center;
    height: 49px;
    margin-bottom: 20px;
}

.video_content .tittle {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
}

.video_content .content {
    font-size: 20px;
}



/*FOOTER樣式*/

.footer_box {
    background: #00255d;
    color: #fff;
    font-size: 16px;
}


.footer_logo {
    border-right: 2px solid #001d4a;
    overflow: auto;
    padding: 50px 0 40px 0;
    text-align: center;
    margin: 15px 0 0px 0;
}


.footer_box .col-md-5,
.footer_box .col-md-7 {
    padding: 0;
}


.footer_logo .tittle {
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer_logo li {
    display: inline-block;
    margin: 0 2%;
    vertical-align: middle;
}

.footer_logo li.logo {
    text-indent: -9999px;
    background: url(../tw_images/index/footer_logo.png) no-repeat;
    width: 84px;
    height: 59px;
}

.footer_logo li.fb a {
    text-indent: -9999px;
    background: url(../tw_images/index/fb.png) no-repeat;
    width: 32px;
    height: 33px;
    display: block;

}

.footer_logo li.ig a {
    text-indent: -9999px;
    background: url(../tw_images/index/ig.png) no-repeat;
    width: 32px;
    height: 33px;
    display: block;

}

.footer_logo li.line a {
    text-indent: -9999px;
    background: url(../tw_images/index/line.png) no-repeat;
    width: 31px;
    height: 31px;
    display: block;

}


.footer_logo li.fb a:hover {
    background: url(../tw_images/index/fb_ho.png) no-repeat;
}

.footer_logo li.ig a:hover {
    background: url(../tw_images/index/ig_ho.png) no-repeat;
}


.footer_logo li.line a:hover {
    background: url(../tw_images/index/line_ho.png) no-repeat;
}

.text_box {
    border-left: 1px solid #00378a;
    font-size: 17px;
    padding: 30px 30px 0 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.text_box li {
    display: inline-block;
    margin-bottom: 10px;

}

.text_box li i.mail {
    display: inline-block;
    background: url(../tw_images/index/icon_01.png) no-repeat;
    width: 19px;
    height: 16px;
    vertical-align: middle;
    margin-right: 10px;

}

.text_box li i.skype {
    display: inline-block;
    background: url(../tw_images/index/icon_02.png) no-repeat;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-right: 10px;

}

.text_box li i.phone {
    display: inline-block;
    background: url(../tw_images/index/icon_03.png) no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;

}

.text_box li i.fax {
    display: inline-block;
    background: url(../tw_images/index/icon_04.png) no-repeat;
    width: 19px;
    height: 18px;
    vertical-align: middle;
    margin-right: 10px;

}

.text_box li i.map {
    display: inline-block;
    background: url(../tw_images/index/icon_05.png) no-repeat;
    width: 15px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;

}


.copyright {
    background: #041624;
    font-size: 15px;
    padding: 8px 0;
    text-align: center;
}


@media screen and (max-width:1200px) {
    .footer_logo {
        padding: 50px 0 86px 0;
    }
}

@media screen and (max-width:992px) {
    .footer_logo {
        border-right: 0;
        padding: 0;
    }
    .text_box {
        border-left: 0;
        padding: 0;
    }
}




.gototop {
    position: absolute;
    bottom: 4%;
    right: 2%;
    background: linear-gradient(to top, #009cde, #38c4ff);
    background: -webkit-linear-gradient(to top, #009cde, #38c4ff);
    background: -moz-linear-gradient(to top, #009cde, #38c4ff);
    text-align: center;
    color: #fff;
    width: 67px;
    height: 67px;
    text-indent: -9999px;
    cursor: pointer;
}

.gototop i.top {
    background: url(../tw_images/index/top.png) no-repeat;
    display: block;
    margin: auto;
    height: 24px;
    width: 40px;
}

/*內頁整體樣式*/

span.submenu {
    display: block;
    text-align: right;
    margin: 15px 0;
    font-size: 16px;
}

span.submenu li {
    display: inline-block;
    vertical-align: middle;
    color: #9f9f9f;
    margin: 0 0.5%;
}

span.submenu li:after {
    content: "";
    border-right: 1px solid #9f9f9f;
    position: relative;
    left: 6px;
}

span.submenu li:last-child:after {
    content: "";
    border-right: none;

}

.mold_box .en {
    text-align: center;
    color: #26b7f5;
    font-size: 38px;
    font-weight: 900;
    font-style: italic;
}

.mold_box .jp {
    text-align: center;
    color: #2b3233;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
}

.mold_box .jp:after {
    content: "";
    border-bottom: 2px solid #38c4ff;
    display: block;
    width: 100px;
    height: 10px;
    margin: auto;
}

@media screen and (max-width:992px) {
    span.submenu li:after {
        left: 4px;
    }

    input.form_con.code {
        margin-top: 20px;
        margin-bottom: 10px;
    }

}

/*內頁側邊選單*/

.slider_box .slider_tittle {
    background: url(../tw_images/other/sli_tit.png) no-repeat;
    width: 270px;
    height: 23px;
    text-indent: -9999px;
    margin-bottom: 20px;
}

.slider_box li {
    background: url(../tw_images/other/dot.png) no-repeat 11px center #15aeee;
    background-position: 11px;
}


.slider_box li a {
    display: block;
    color: #fff;
    padding: 14px 0 14px 30px;
}

.slider_box li a:hover {
    background: url(../tw_images/other/dot_hov.png) no-repeat 11px center, linear-gradient(to right, #005fe9, #009cde);
    background: url(../tw_images/other/dot_hov.png) no-repeat 11px center, -webkit-linear-gradient(to right, #005fe9, #009cde);
    background: url(../tw_images/other/dot_hov.png) no-repeat 11px center, -moz-linear-gradient(to right, #005fe9, #009cde);

}

/*內頁頁數樣式*/

.page {
    text-align: center;
    margin: 30px 0 50px 0;
}

.page li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1%;
}

.page li a {
    vertical-align: middle;
    display: inline-block;
    color: #000;
    font-size: 20px;
}

.page li a:hover {
    color: #15aeee;
    font-size: 20px;
    text-decoration: underline;
}

.page li.preview a {
    width: 30px;
    height: 30px;
    background: url(../tw_images/other/pre.png) no-repeat center, linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: url(../tw_images/other/pre.png) no-repeat center, -webkit-linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: url(../tw_images/other/pre.png) no-repeat center, -moz-linear-gradient(to top, #009cde 10%, #38c4ff 70%);
}

.page li.next a {
    width: 30px;
    height: 30px;
    background: url(../tw_images/other/next.png) no-repeat center, linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: url(../tw_images/other/pre.png) no-repeat center, -webkit-linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: url(../tw_images/other/pre.png) no-repeat center, -moz-linear-gradient(to top, #009cde 10%, #38c4ff 70%);
}



/*公司簡介內頁樣式*/

.img_com {
    text-align: center;
    margin: 30px 0;
}

.company_text {
    max-width: 1023px;
    margin: auto;
}

.iso_img {
    /* text-align: right; */
    padding: 30px;
    text-align: center;
}

.quality {
    margin: 50px 0 180px 0;
    background: url(../tw_images/company/com_03.jpg) no-repeat left bottom;
}

.quality .tittle {
    color: #38c4ff;
    font-weight: 900;
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    padding-top: 102px;
}

.quality .descr {
    color: #fff;
    margin-top: 55px;
}


.doingparts {
    text-align: center;
    margin: 50px 0;
}

.doingparts .tittle {
    color: #38c4ff;
    font-weight: 900;
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}


.doingparts .box {
    margin-top: 30px;
}

.doingparts .box li {
    display: inline-block;
    margin: 0 2.5%;
}

.doingparts .box li .imbox {
    border: 1px solid #38c4ff;
}

.doingparts .box li .tit {
    text-align: left;
    margin: 0 0 20px 0;
    color: #15aeee;
}


.doingparts .box li .tit span.num {
    font-size: 28px;
    color: #0075e5;
    font-weight: 900;
    font-style: italic;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

.teequipment {
    text-align: center;
    background: url(../tw_images/company/com_04.jpg) no-repeat right bottom;
}

.teequipment .tittle {
    color: #38c4ff;
    font-weight: 900;
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.teequipment .descr {
    text-align: center;
}


.teequipment .box li {
    display: inline-block;
    margin: 2.5%;
}

.teequipment .box li .tebox {
    border: 1px solid #38c4ff;
}


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

    .quality .descr {
        color: #fff;
        margin-top: 10px;
    }
}

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

    .quality {
        margin-bottom: 50px;
    }

    .quality .descr {
        color: #343434;
        margin-top: 10px;
        text-align: center;
    }

    .quality .tittle {
        padding-top: 0px;
        text-align: center;
    }
}

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

    .doingparts .box li {
        width: 100%;
        margin: 0;
    }

    .doingparts .box li .imbox {
        width: 100%;
    }

    .doingparts .box li .imbox img {
        width: 100%;
    }

    .teequipment .box li {
        margin: 2.5% 0;
        width: 100%;
    }

    .teequipment .box li .tebox img {
        width: 100%;
    }
}

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

    .quality .tittle {
        font-size: 27px;
    }

}




/*最新消息內頁*/

.news_box {
    margin-top: 42px;
}

.news_box td {
    padding: 10px 10px 10px 27px;
}

.news_box tr {
    border-bottom: 1px solid #c9d5dc;
}

.news_box th {
    background: #e0e9ee;
    padding: 10px 15px 10px 25px;
    color: #00255d;
}

.news_box th:nth-child(1) {
    width: 20%;
}

.news_box th:nth-child(2) {
    text-align: center;
}

.news_box td a {
    color: #000;
}

.news_box td a:hover {
    color: #398cc1;
}

/*最新消息內頁細節*/

.news_detail_box {
    margin-top: 42px;
}

.news_detail_box table {
    border: 1px solid #e0e8ed;
}

.news_detail_box table td {
    border-bottom: 1px solid #e0e8ed;
    padding-left: 20px;
}


.news_detail_box table tr:nth-child(3) td {
    vertical-align: top;
    white-space: normal;
    padding: 15px;
}


.news_detail_box th {
    background: #e0e9ee;
    color: #00255d;
    text-align: center;
    padding: 14px;
    border-bottom: 1px dotted #00255d;
}

.news_detail_box tr:nth-child(3) th {
    border-bottom: none;
    vertical-align: top;
    padding-bottom: 140px;
}


.news_back {
    margin-bottom: 30px;
    overflow: hidden;
}

.news_back a {
    background: linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: -webkit-linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: -moz-linear-gradient(to top, #009cde 10%, #38c4ff 70%)x;
    color: #fff;
    font-size: 18px;
    float: right;
    padding: 9px 40px;
}

/*展覽訊息內頁*/

.exhibition_box {
    margin-top: 42px;
}

.exhibition_box td {
    padding: 10px 10px 10px 27px;
    white-space: normal;
}

.exhibition_box tr {
    border-bottom: 1px solid #c9d5dc;
}

.exhibition_box th {
    background: #e0e9ee;
    padding: 10px 15px 10px 25px;
    color: #00255d;
}

.exhibition_box th:nth-child(1) {
    width: 20%;
}

.exhibition_box th:nth-child(2) {
    text-align: center;
}

.exhibition_box td a {
    color: #000;
}

.exhibition_box td a:hover {
    color: #398cc1;
}

/*展覽訊息內頁細節*/

.exhibition_detail_box {
    margin-top: 42px;
}

.exhibition_detail_box table {
    border: 1px solid #e0e8ed;
}

.exhibition_detail_box table td {
    border-bottom: 1px solid #e0e8ed;
    padding-left: 20px;
}


.exhibition_detail_box table tr:nth-child(3) td {
    vertical-align: top;
    white-space: normal;
    padding: 15px;
}


.exhibition_detail_box th {
    background: #e0e9ee;
    color: #00255d;
    text-align: center;
    padding: 14px;
    border-bottom: 1px dotted #00255d;
}

.exhibition_detail_box tr:nth-child(3) th {
    border-bottom: none;
    vertical-align: top;
    padding-bottom: 140px;
}


.news_back {
    margin-bottom: 30px;
    overflow: hidden;
}

.news_back a {
    background: linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: -webkit-linear-gradient(to top, #009cde 10%, #38c4ff 70%);
    background: -moz-linear-gradient(to top, #009cde 10%, #38c4ff 70%)x;
    color: #fff;
    font-size: 18px;
    float: right;
    padding: 9px 40px;
}

/*e-Catalog下載內頁*/

.catalog_box {
    margin-top: 42px;
}

.catalog_box td {
    padding: 10px 10px 10px 27px;
}

.catalog_box tr {
    border-bottom: 1px solid #c9d5dc;
}

.catalog_box th {
    background: #e0e9ee;
    padding: 10px 15px 10px 25px;
    color: #00255d;
}

.catalog_box th:nth-child(1) {
    width: 20%;
}

.catalog_box th:nth-child(2) {
    text-align: center;
}

.catalog_box th:nth-child(3) {
    width: 15%;
}

.catalog_box td a {
    color: #000;
}

.catalog_box td a:hover {
    color: #398cc1;
}


.catalog_box i.down {
    background: url(../tw_images/other/down.png) no-repeat;
    width: 18px;
    height: 21px;
    display: block;
    margin: auto;
}


/*產品頁頁面*/

.type_tittle {
    background: #e0e9ee;
    text-align: center;
    padding: 21px 0;
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    color: #26b7f5;
}

.type_box {
    text-align: center;
}

.type_box li {
    width: 48%;
    float: left;
    margin: 6% 1%;
    border-right: 1px solid #c9d5dc;
}

.box_con a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
}

.box_con .iframe {
    overflow: hidden;
}

.type_box li:last-child {
    border-right: none;
}


.type_box li a .pro_tittle {
    font-size: 26px;
    color: #00255d;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 50px;

}



.type_box li a .it_tittle {
    font-size: 26px;
    color: #00255d;
    font-weight: bold;
    margin-bottom: 50px;
    background: url(../tw_images/product/icon_03.png) no-repeat 190px, linear-gradient(to top, #ffc000, #ffe345);
    background: url(../tw_images/product/icon_03.png) no-repeat 190px, -webkit-linear-gradient(to top, #ffc000, #ffe345, );
    background: url(../tw_images/product/icon_03.png) no-repeat 190px, -moz-linear-gradient(to top, #ffc000, #ffe345);
    border-radius: 50px;
    padding: 10px 0;
    box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.8);
    max-width: 220px;
    margin: auto;
}

.type_box i.car {
    background: url(../tw_images/product/icon_01.png) no-repeat;
    display: inline-block;
    width: 80px;
    height: 31px;
}


.type_box i.suv {
    background: url(../tw_images/product/icon_02.png) no-repeat;
    display: inline-block;
    width: 66px;
    height: 36px;
    position: relative;
    right: 20px;
    top: 7px;
}

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

    .type_box li {
        width: 100%;
        float: none;
        margin: 6% 0%;
        border-right: none;

    }

}

/*產品內頁01樣式*/

.pro_top .slider_box li a {
    padding: 14px 10px 14px 45px;
}

.slider_box li a:hover {
    background: linear-gradient(to right, #005fe9, #009cde);
    background: -webkit-linear-gradient(to right, #005fe9, #009cde);
    background: -moz-linear-gradient(to right, #005fe9, #009cde);
}

.pro_top .slider_box li {
    background: #15aeee;
    position: relative;
}

.pro_top .slider_box li:nth-child(1) img {
    position: absolute;
    top: 17px;
    left: 11px;
}

.pro_top .slider_box li:nth-child(2) img {
    position: absolute;
    top: 17px;
    left: 11px;
}

.pro_top .slider_box li:nth-child(3) img {
    position: absolute;
    top: 17px;
    left: 11px;
}

.pro_top .slider_box li:nth-child(4) img {
    position: absolute;
    top: 19px;
    left: 12px;
}

.pro_top .slider_box li:nth-child(5) img {
    position: absolute;
    top: 17px;
    left: 11px;
}

.pro_top .slider_box li:nth-child(6) img {
    position: absolute;
    top: 17px;
    left: 16px;
}

.product_box {
    text-align: center;
}

.product_box img {
    margin-top: 60px;
}

.pro_item {
    margin: 5% 0 0 0;
    text-align: center;
}

.pro_item .tittle {
    text-align: center;
    background: #e0e9ee;
    padding: 25px 0;
    font-size: 27px;
    font-weight: 800;
    color: #00255d;
}


.pro_item ul {
    padding: 0;
    overflow: auto;
    margin: 5% 0;
}

.pro_item li {
    background: url(../tw_images/product/icon_04.png) no-repeat left;
    width: 46%;
    float: left;
    margin: 1% 2%;
    background-position: 19px;
}

.pro_item li a {
    display: block;
    border: 1px solid #e0e9ee;
    overflow: auto;
    color: #00255d;
    font-size: 18px
}

.pro_item li a:hover {
    background: url(../tw_images/product/icon_04.png) no-repeat left #00255d;
    color: #fff;
    background-position: 19px;
}


.pro_item li .tite {
    text-align: left;
    float: left;
    padding: 19px 50px;
    font-weight: bold;
}

.pro_item li .img {
    float: right;
    vertical-align: middle;
    line-height: 65px;
    margin: 0 5%;
}

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

    .pro_item li {
        width: 100%;
        float: none;
        margin: 4% 0;

    }
}


/*產品內容02樣式 truck左側選單icon微調*/

.pro_top.truck .slider_box li:nth-child(1) img {
    position: absolute;
    top: 17px;
    left: 11px;
}

.pro_top.truck .slider_box li:nth-child(2) img {
    position: absolute;
    top: 17px;
    left: 11px;
}

.pro_top.truck .slider_box li:nth-child(3) img {
    position: absolute;
    top: 17px;
    left: 12px;
}

.pro_top.truck .slider_box li:nth-child(4) img {
    position: absolute;
    top: 19px;
    left: 10px;
}

.pro_top.truck .slider_box li:nth-child(5) img {
    position: absolute;
    top: 17px;
    left: 8px;
}

.pro_top.truck .slider_box li:nth-child(6) img {
    position: absolute;
    top: 17px;
    left: 16px;
}


/*產品細節頁面*/

.slider_box ul#accordion .link {
    padding: 14px 10px 14px 45px;
    color: #fff;
}

.slider_box ul#accordion .link:hover {
    background: linear-gradient(to right, #005fe9, #009cde);
    background: -webkit-linear-gradient(to right, #005fe9, #009cde);
    background: -moz-linear-gradient(to right, #005fe9, #009cde);
}

.pro_top .slider_box li .submenu li {
    background: url(../tw_images/product/sub.png) no-repeat left;
    background-position: 30px;
}

.product_box_detail li:last-child {
    border-bottom: none;
}


.pro_top .slider_box li .submenu li a {
    padding: 14px 10px 14px 52px;
}

.pro_top .slider_box li .submenu li a:hover {
    background: url(../tw_images/product/sub_ho.png) no-repeat 30px, linear-gradient(to right, #005fe9, #009cde);
    background: url(../tw_images/product/sub_ho.png) no-repeat 30px, -webkit-linear-gradient(to right, #005fe9, #009cde);
    background: url(../tw_images/product/sub_ho.png) no-repeat 30px, -moz-linear-gradient(to right, #005fe9, #009cde);

}

.product_box_detail {
    margin-top: 44px;
}

.product_box_detail li {
    margin: 3% 0;
    border-bottom: 1px dotted #858585;
    overflow: auto;
    padding-bottom: 2%;
}

.product_box_detail li .images {
    float: left;
    border: 1px solid #c9d5dc;
    max-width: 250px;
    width: 30%;
    margin-right: 3%;
}

.product_box_detail li .conbox {
    width: 67%;
    overflow: auto;
}

.product_box_detail li .conbox .tit .en {
    text-align: left;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
}

.product_box_detail li .conbox .tit .jp {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    color: #26b7f5;
}

.mold_box .product_box_detail li .conbox .tit .jp:after {
    content: "";
    border-bottom: 2px solid #38c4ff;
    display: block;
    width: 100px;
    height: 10px;
    margin: 0;
}


.product_box_detail li .conbox .content {
    font-size: 16px;
    color: #2d2d2d;
    line-height: 1.5em;
}

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

    .product_box_detail li {
        margin-bottom: 6%;
    }

    .product_box_detail li .conbox {
        width: 100%;
    }
    .product_box_detail li .images {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 0 0 5% 0;
        float: none;
    }

    .product_box_detail li .conbox .content {
        margin-bottom: 20px;
    }


}

/*聯絡我們頁面*/

.map {
    margin-bottom: 20px;
}

.descri {
    margin-bottom: 20px;
}

.descri li {
    line-height: 2em;
    color: #2d2d2d;
    font-size: 17px;
}


.descri li.logo {
    background: url(../tw_images/logo/con_logo.png) no-repeat left center;
    color: #009cde;
    padding-left: 54px;
    font-size: 21px;
    text-transform: uppercase;
}

.form_group {
    margin-bottom: 20px;
}


input.form_con {
    width: 100%;
    height: 44px;
    padding-left: 10px;
    font-size: 16px;
}

input.form_con::placeholder,
textarea.contact_area::placeholder {
    color: #000;
}

textarea.contact_area {
    width: 100%;
    margin-top: 20px;
    font-size: 16px;
    padding-left: 10px;
}


img.authcode_ca {
    margin-top: 10px;
}

img.authcode_reload {
    margin-top: 10px;
}


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

.btn_contact li {
    display: inline-block;
    margin: 0 1%;
}


.btn_contact li a {
    display: block;
    background: linear-gradient(to top, #009cde, #38c4ff);
    background: -webkit-linear-gradient(to top, #009cde, #38c4ff);
    background: -moz-linear-gradient(to top, #009cde, #38c4ff);
    width: 119px;
    color: #fff;
    padding: 7px 0;
    cursor: pointer;
}

/*會員服務頁面*/

.service_box {
    margin-top: 42px;
}


.service_box .descri {
    background: #e0e9ee;
    color: #00255d;
    font-size: 17px;
    padding: 12px 30px;
    margin-bottom: 10px;
}

.service_box .destext {
    color: #009cde;
    margin-bottom: 20px;
}

.service_box .box {
    max-width: 700px;
    margin: auto;
}

.ser_group {
    overflow: auto;
    width: 100%;
    margin-bottom: 20px;
}

.ser_group .type {
    float: left;
    overflow: hidden;
    margin-top: 7px;
}

.ser_group input.acc {
    float: left;
    max-width: 420px;
    width: 100%;
    margin-left: 35px;
    height: 35px;
}

.ser_group input.pass {
    float: left;
    max-width: 420px;
    width: 100%;
    height: 35px;
    margin-left: 22px;
}

span.chc {
    display: block;
    float: right;
    font-size: 15px;
    margin: 8px 0 0 10px;
}

span.for a {
    display: block;
    float: left;
    font-size: 17px;
    margin: 8px 0 0 10px;
    color: #ff2626;
    cursor: pointer;
}

span.for a:hover {
    text-decoration: underline;
}


.ser_btn {
    text-align: center;
    margin: 40px 0 30px 0;
}

.ser_btn li {
    display: inline-block;
    margin: 0 1%;
}

.ser_btn li a {
    display: block;
    color: #fff;
    background: linear-gradient(to top, #009cde, #38c4ff);
    background: -webkit-linear-gradient(to top, #009cde, #38c4ff);
    background: -moz-linear-gradient(to top, #009cde, #38c4ff);
    width: 119px;
    padding: 7px 0;
    cursor: pointer;
}

label {
    margin: 0;
    font-weight: 500;
}

input[type="checkbox"] {
    display:none;
}


input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:url(../tw_images/other/check.png) left top no-repeat;
    cursor:pointer;
}

input[type="checkbox"]:checked + label span {
    background:url(../tw_images/other/check.png) -19px top no-repeat;
}


@media screen and (max-width:1200px) {
    .ser_group input.acc {
        float: none;
        max-width: 100%;
        margin: 0;
    }

    .ser_group input.pass {
        float: none;
        max-width: 100%;
        margin: 0;
    }
    span.for a {
        float: right;
    }
}




/*忘記密碼頁面*/

.code_box {
    margin-top: 42px;
}


.code_box .descri {
    background: #e0e9ee;
    color: #00255d;
    font-size: 17px;
    padding: 12px 30px;
    margin-bottom: 30px;
}

.code_box .destext {
    color: #009cde;
    margin-bottom: 20px;
}

.code_box .box {
    max-width: 700px;
    margin: auto;
}

.code_group {
    overflow: auto;
    width: 100%;
    margin-bottom: 20px;
}

.code_group .type {
    float: left;
    overflow: hidden;
    margin-top: 7px;
}

.code_group input.acc {
    float: left;
    max-width: 420px;
    width: 100%;
    margin-left: 35px;
    height: 35px;
}


.code_btn {
    text-align: center;
    margin: 40px 0 30px 0;
}

.code_btn li {
    display: inline-block;
    margin: 0 1%;
}

.code_btn li a {
    display: block;
    color: #fff;
    background: linear-gradient(to top, #009cde, #38c4ff);
    background: -webkit-linear-gradient(to top, #009cde, #38c4ff);
    background: -moz-linear-gradient(to top, #009cde, #38c4ff);
    width: 119px;
    padding: 7px 0;
    cursor: pointer;
}

@media screen and (max-width:597px) {
    .code_group input.acc {
        float: none;
        max-width: 100%;
        margin: 0;
    }

}


/*註冊申請頁*/

.apply_box {
    margin-top: 42px;
}


.apply_box .descri {
    background: #e0e9ee;
    color: #00255d;
    font-size: 17px;
    padding: 12px 30px;
    margin-bottom: 30px;
}

.apply_box .destext {
    color: #009cde;
    margin-bottom: 20px;
}

.apply_box .box {
    width: 92%;
    margin: auto;
}

.apply_group {
    overflow: auto;
    width: 100%;
    margin-bottom: 20px;
}

.apply_group .type {
    float: left;
    overflow: hidden;
    margin-top: 7px;
}

.apply_group .conbox {
    max-width: 615px;
    margin: auto 0 0 18%;
    width: 100%;
}

.apply_group input.boxt {
    width: 100%;
    max-width: 370px;
}

.apply_group input.boxt.zip,
.apply_group input.boxt.cou {
    max-width: 120px;
    float: left;
    margin-bottom: 20px;
}

.apply_group span.code,
.apply_group span.coun {
    font-size: 15px;
    margin: 0 5px;
    float: left;
}


.apply_group span.texsec {
    font-size: 14px;
    margin-left: 8px;
}

.apply_btn {
    text-align: center;
    margin: 40px 0 30px 0;
}

.apply_btn li {
    display: inline-block;
    margin: 0 1%;
}

.apply_btn li a {
    display: block;
    color: #fff;
    background: linear-gradient(to top, #009cde, #38c4ff);
    background: -webkit-linear-gradient(to top, #009cde, #38c4ff);
    background: -moz-linear-gradient(to top, #009cde, #38c4ff);
    width: 119px;
    padding: 7px 0;
    cursor: pointer;
}

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

    .apply_group .type {
        float: none;
    }

    .apply_group .conbox {
        width: 100%;
        max-width: 100%;
        margin: auto;
    }

    .apply_group input.boxt {
        max-width: 100%;
    }

}