@charset "utf-8";
/* CSS Document */
* {
    font-family: 'sans-serif, 微軟正黑體';
}
body {
    position: relative;
    margin: 0;
    font-family: 'sans-serif, 微軟正黑體';
}
#header_top .header_top_info,
.header,
#menu_out .menu_info,
#wrapper .container,
#wrapper .content_out .main,
#footer_out .footer {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
#wrapper {
    width: 100%;
}
#header_out {
    width: 100%;
    background: #fff;
}
.title {
    width: 100%;
    text-align: center;
    padding: 25px 0;
    background: rgba(244, 244, 244, 1);
}
.title img {
    max-width: 364px;
    width: 100%;
}
#style_left {
    text-align: left;
    padding-left: 10px;
}
.line_picture,
.history_photo,
.market_photo {
    text-align: center;
}
/*---------header----------*/

#header_top {
    position: fixed;
    background: rgba(0, 119, 97, 1);
    padding: 5px 0;
    text-align: right;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.header_top_info > div {
    display: inline-block;
    margin-right: 10px;
}
.header_top_info > div:last-child {
    margin-right: 0;
}
.header_top_info > div .icon {
    vertical-align: middle;
    margin-right: 5px;
}
.header_top_info > div a {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    text-decoration: none;
}
.header {
    margin: 76px auto 45px;
}
.header > div {
    display: inline-block;
    margin-right: 5%;
    vertical-align: middle;
    width: calc(100% / 3 - 43px);
}
.header > div:last-child {
    margin-right: 0;
}
.header > div img,
.con2 img {
    max-width: 356px;
    width: 100%;
}
.language a {
    display: inline-block;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px rgba(255, 255, 255, 1) solid;
}
.language a:hover {
    color: rgba(153, 204, 204, 1);
    transition: all 0.5s;
}
.language a:last-child {
    border: none;
    margin: 0;
    padding: 0;
}
/*---------menu----------*/
#menu_out {
    padding: 15px 0;
    position: relative;
    background: rgba(0, 75, 70, 1);
}
.menu_info .logo,
.menu_info .menu {
    display: inline-block;
    vertical-align: middle;
}
.menu ul {
    width: 100%;
    display: block;
    text-align: left;
}
.menu ul li {
    position: relative;
    width: calc(100% / 7);
}
.menu ul li a {
    white-space: normal;
    display: block;
    font-size: 19px;
    color: rgba(255, 255, 255, 1);
    padding: 0;
}
.menu ul li a:hover {
    color: rgba(153, 204, 204, 1);
    transition: all 0.5s;
    background: none;
}
.menu ul li a p {
    margin: 0;
    text-align: center;
}
.menu ul li a span {
    display: block;
}
.menu ul li a span:last-child {
    font-size: 13px;
}
.menu ul li b {
    position: absolute;
    top: 6px;
    right: 0px;
    width: 1px;
    height: 15px;
    display: block;
    background: rgba(188, 188, 188, 1);
}
/*--------demo-3-----------*/
/*------rwd_menu-----*/
.demo-3 {
    display: none;
}
.demo-3 {
    position: relative;
    z-index: 888;
    width: 100%;
    padding-top: 65px;
}
.dl-trigger {
    cursor: pointer;
    display: block;
    position: absolute;
    right: 13px;
    top: -72px;
    height: 30px;
    width: 30px;
}
.dl-trigger i {
    position: absolute;
    display: block;
    width: 30px;
    height: 4px;
    background: rgba(0, 102, 81, 1);
    left: 0;
    top: 0;
    transition: 0.2s;
}
.dl-trigger .b2 {
    top: 10px;
}
.dl-trigger .b3 {
    top: 21px;
}
.dl-trigger2 .b1 {
    left: 0;
    top: 15px;
    width: 35px;
    height: 2px;
    transform: translateY(-0px) rotate(45deg);
}
.dl-trigger2 .b3 {
    left: 0;
    top: 30px;
    width: 35px;
    height: 2px;
    transform: translateY(-15px) rotate(-45deg);
}
.dl-trigger2 .b2 {
    display: none;
}
/*---------banner----------*/
#banner img {
    max-width: 1920px;
    width: 100%;
}
/*---------content_out----------*/
.content_out {
    padding: 15px 0;
}
.main .text {
    margin-bottom: 15px;
}
/*----------text---------*/
.text .h01 {
    color: rgba(0, 145, 227, 1);
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}
.text .h02 {
    color: rgba(255, 153, 0, 1);
    font-size: 16px;
    font-weight: bold;
}
.text .word {
    line-height: 25px;
    font-size: 15px;
}
.link2 {
    margin-bottom: 10px;
}
/*----------service_text---------*/
.service_text {
    font-size: 15px;
}
.service_text .item > div {
    display: inline-block;
    padding: 3px 10px;
    box-sizing: border-box;
    font-weight: bold;
}
.service_text .item > div:nth-child(1) {
    background: rgba(255, 242, 217, 1);
    color: rgba(153, 51, 0, 1);
    margin: 5px 0;
}
.service_text .item > div:nth-child(2) {
    background: rgba(222, 250, 233, 1);
    color: rgba(0, 102, 0, 1);
}
.service_text .item > div:nth-child(3) {
    background: rgba(207, 239, 254, 1);
    color: rgba(0, 51, 153, 1);
}
.device > div,
.device2 > div {
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
}
.device > div img {
    max-width: 400px;
    width: 100%;
}
.device2 > div img {
    max-width: 600px;
    width: 100%;
}
/*------table_style-------*/
.content_table {
    margin-bottom: 20px;
}
.table_title {
    text-align: center;
    font-size: 16px;
    font-family: 'sans-serif, 微軟正黑體';
    padding: 5px 0;
    margin: 20px 0 0;
    background: rgba(102, 204, 153, 1) !important;
}
.box_line,
.box2_line {
    border-left: 1px rgba(153, 204, 204, 1) solid;
    border-right: 1px rgba(153, 204, 204, 1) solid;
}
.box_line {
    border-bottom: 1px rgba(193, 193, 193, 0.5) dashed;
}
.box2_line {
    border-bottom: 1px rgba(193, 193, 193, 0.5) solid;
}
.smail_title,
.ss_title {
    text-align: center;
}
.smail_title th,
.ss_title td {
    background: rgba(231, 252, 211, 1);
    padding: 20px 5px;
    width: calc(100% / 7);
    box-sizing: border-box;
    border-right: 1px rgba(153, 204, 204, 1) solid;
}
.smail_title td {
    width: calc(100% / 7);
    border-right: 1px rgba(153, 204, 204, 1) solid;
    word-wrap: break-word; /*英文斷行*/
    word-break: break-all; /*英文斷行*/
}
.ss_title th,
.ss_title td {
    background: none;
}
.smail_title td:last-child {
    border-right: 0;
}
.green_smail_title {
    background: rgba(238, 253, 244, 1);
}
.blue_smail_title {
    background: rgba(237, 247, 254, 1);
}
.dark_blue_smail_title {
    background: rgba(226, 250, 250, 1);
}
.b_t_l {
    border-top: 1px rgba(153, 204, 204, 1) solid;
}
.b_b_l {
    border-bottom: 1px rgba(153, 204, 204, 1) solid;
}
/*---------line----------*/

.line_picture img {
    max-width: 550px;
    width: 100%;
}
.line_photo img {
    max-width: 776px;
    width: 100%;
}
/*---------company----------*/
.company {
    border-right: 1px rgba(102, 204, 153, 1) dashed;
    box-sizing: border-box;
    padding: 0 10px;
}
.company:last-child {
    border-right: none;
}
.company p {
    margin: 0;
    font-size: 15px;
}
.company_name {
    background: rgba(239, 249, 238, 1);
    padding: 5px 10px;
}
.company_con {
    padding: 10px;
    line-height: 30px;
}
/*---------sgs_link----------*/

.text .h02,
.sgs_link {
    display: inline-block;
    vertical-align: middle;
}
.sgs_link a {
    text-decoration: none;
    font-size: 15px;
    color: rgba(0, 0, 0, 1);
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    background: rgba(219, 241, 216, 1);
    border-radius: 5px;
    width: 100px;
}
.sgs_link a:hover {
    opacity: 0.7;
    transition: all 0.5s;
}
/*---------about&history----------*/
.about_photo {
    margin-bottom: 15px;
}
.about_photo img {
    max-width: 1200px;
    width: 100%;
}
.ser,
.his {
    border-bottom: 1px rgba(0, 105, 164, 1) dashed;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.his {
    border-bottom: 1px rgba(0, 119, 97, 1) dashed;
}
.ser_title,
.ser_text {
    display: inline-block;
    vertical-align: top;
}
.his_title,
.his_text {
    display: inline-block;
    vertical-align: top;
}
.ser_title,
.his_title {
    width: 22%;
    border-left: 4px rgba(0, 105, 164, 1) solid;
    box-sizing: border-box;
    padding: 5px 0 5px 10px;
    letter-spacing: 1px;
    background: rgba(0, 105, 164, 0.1);
}
.his_title {
    width: 80px;
    position: relative;
    border-left: 4px rgba(0, 75, 70, 1) solid;
    background: rgba(0, 119, 97, 0.1);
}
.ser_text {
    width: 76%;
    font-size: 15px;
    line-height: 31px;
}
.his_text {
    width: 71%;
    font-size: 15px;
    line-height: 27px;
    box-sizing: border-box;
    padding-left: 10px;
}
.his_text span {
    display: block;
    margin-top: 4px;
}
.his_title:before {
    content: '';
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 0 18px 10px;
    border-color: transparent transparent transparent rgba(0, 119, 97, 0.1);
}
.history_photo {
    border: 1px rgba(102, 204, 153, 0.5) solid;
    background: rgba(253, 254, 231, 1);
    padding: 4px;
}
.history_photo > div {
    box-sizing: border-box;
    padding: 5px;
}
.history_photo img {
    max-width: 150px;
    width: 100%;
}
/*--------core---------*/
.core_photo img {
    max-width: 1200px;
    width: 100%;
}
.core_md_photo {
    display: none;
}
.core_md_photo img {
    max-width: 640px;
    width: 100%;
}
/*-------market------*/

.market_photo img {
    max-width: 1024px;
    width: 100%;
}
.map {
    border: 1px rgba(167, 167, 167, 1) solid;
}
/*------form-----*/
.form {
    box-sizing: border-box;
    padding: 0 10px;
}
.form > iframe {
    /*for iphone*/
    width: 1px;
    min-width: 100%;
    *width: 100%;
}
/*---------footer----------*/
#footer_out {
    width: 100%;
    font-size: 13px;
    padding: 15px 0;
    background: rgba(0, 0, 0, 1);
    text-align: center;
}
#footer_out p {
    margin: 0;
    color: rgba(255, 255, 255, 1);
}
#footer_out a {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
}
/*-----con2-------*/
.con2_out {
    width: 100%;
    display: none;
}
.con2 {
    max-width: 1200px;
    text-align: center;
    margin: 20px auto;
}

.add_article > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}