/*字體設定--------------------------------------------------------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

*, body, div, p, span, h1, h2, h3, h4, h5, h6 {
    /*font-family: ‘Noto Sans TC’, sans-serif;*/
    /*font-size: 14px;*/
    font-weight: normal;
  /* font-family: Helvetica,Helvetica Neue, "微軟正黑體","Noto Sans TC", "Heiti TC", "Microsoft JhengHei"; */
  font-family:微軟儷黑體, 微軟正黑體,Noto Sans TC, Heiti TC, Arial, Helvetica, Geneva, sans-serif;
   
}



/*index page--------------------------------------------------------------------------------------------------------------------------------------------*/

/*ian css*/
#top {
    width: 100%;
    text-align: center;
    text-align: -webkit-center;


    padding: 30px 0;

    /*padding-top: 0; !*搭配search bar設定*!*/
    padding-bottom: 20px;

}

#top-index {
    width: 100%;
    text-align: center;
    text-align: -webkit-center;


    /*padding: 30px 0;*/

    padding-top: 0; /*搭配search bar設定*/
    padding-bottom: 12px;

}

#logo {
    /*min-width: 395px;*/
    margin: 0 auto;
	margin-bottom: 10px;
}

#logo img {
    /*width: 100%;*/
    width: 82%;

}

#banner {
    height: 320px;
    max-width: 1280px;
	width: 100%;
    min-width: 320px;
	margin: auto;/*避免iphone5擠走*/

}

/*搭配首页上方swiper下方文字做定位使用*/

.swiper-slide {  position: relative  }

/*搭配首页上方swiper下方文字做定位使用 // END*/

#banner .swiper-slide-link {
    display: block;
    width: 100%;
    height: 400px;
    min-width: 320px; /*避免iphone5擠走*/

    /*border: 1px solid yellow;*/
}

.swiper-slide1-bk {
    background: url("../pic/banner4011.jpg") no-repeat center center;
    background-size: cover;

}

.swiper-slide2-bk {
    background: url("../pic/banner4006.jpg") no-repeat center center;
    background-size: cover;

}

.swiper-slide3-bk {
    background: url("../pic/banner4009.jpg") no-repeat center center;
    background-size: cover;

}

.swiper-slide4-bk {
    background: url("../pic/banner4008.jpg") no-repeat center center;
    background-size: cover;

}

.swiper-slide5-bk {
    background: url("../pic/banner4007_yellow.jpg") no-repeat center center;
    background-size: cover;
}
/*
.swiper-slide6-bk {
    background: url("../pic/20180911.jpg") no-repeat center center;
    background-size: cover;

}
*/
.swiper-slide7-bk {
    background: url("../pic/a2.jpg") no-repeat center center;
    background-size: cover;

}

.swiper-inner-banner {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: rgba(26, 26, 26, 0.85);
    /*高度因應內文字外溢設定*/

    /*height: 6em;*/
    padding: 10px 0px;

    /*高度因應內文字外溢設定 // END */

}

.swiper-inner-banner-style {
    display: flex; /*index页html已經加入classname*/
    flex-direction: row;
    align-items: center;
    justify-content: center;


    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

    color: white;
    font-size: 16px;
    height: 2em;
    overflow: hidden;
}

.swiper-pagination-arex-top.swiper-pagination-bullets {
    position: absolute;
    bottom: 16px;
}

#banner img {
    width: 100%;
    height: auto;
}

#banner-word {
    min-height: 90px;
    height: auto;
    padding: 10px 50px;
    width: 100%;
    background: #666;
    color: white;
    font-size: 16px;

}

.banner-word-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;

    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-start;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.banner-word-title {
    min-width: 35%;
    padding-right: 35px;
    padding-left: 15px;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    text-align: -webkit-left;


    margin-bottom: 0;
}

.banner-word-content {
    min-width: 65%;
    padding-right: 17px;
    text-align: left;
    text-align: -webkit-left;


    text-overflow: ellipsis;
    /*height: 3em;*/
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

    margin-bottom: 0;
}

.title-sec {
    padding-top: 30px;
    font-size: 24px;
    color: #1A1A1A;
    font-weight: bold;
}

#point {
    min-height: 400px;
    height: auto;
    width: 100%;
    /*padding: 50px 130px 50px 145px;*/
    background: #E6E6E6;
}

.point-box {
    height: 125px;
    width: 315px;
    border: 1px solid #cccccc;
    margin: 10px;
    position: relative;

    background: url("../pic/point-icon-c2.svg") no-repeat center center;
    background-size: 30%;

}

.point-box-wrap {
    width: 100%;
}
.point-box-wrap, .page-ex-sec-inner {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

 }


.point-box-title {
    font-size: 24px;
    color: #E13911;
    line-height: 125px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.point-box-icon {
    width: 90px;
    position: absolute;
    left: 125px;
    top: 20px;
    z-index: 1;
}

.page-ex-sec {
    width: 100%;
    padding-top: 5px;
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    padding-bottom: 12px;

    background-color: #ffffff;
}


.ex-sec-box {
    height: 160px;
    width: 100%;
    /*margin: 10px;*/
    position: relative;
}

.ex-sec-box-big {
    height: 380px;
    width: 100%;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    position: relative;

    background: url("../pic/box-show-big.png") no-repeat center bottom;
    background-size: cover;

    /*border: 1px solid pink;*/

}

.ex-sec-box-wrapper {
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 10px;
}


.ex-sec-box0 {
    background: url("../pic/box-show0.png") no-repeat center bottom;
    background-size: cover;
}
.ex-sec-box1 {
    background: url("../pic/box-show1.png") no-repeat center bottom;
    background-size: cover;
}

.ex-sec-box2 {
    background: url("../pic/box-show2.png") no-repeat center 30%;
    background-size: cover;

}

.ex-sec-box3 {
    background: url("../pic/box-show3.png") no-repeat center 30%;
    background-size: cover;

}

.ex-sec-box4 {
    background: url("../pic/box-show4.png") no-repeat center bottom;
    background-size: cover;

}

.sec-box-last {  margin-top: 7px;  }

.ex-sec-box-content {
    position: absolute;
    bottom: 0;
    background-color: lightgray;
    width: 100%;
    /* height: 30px; */
    padding: 5px 0;
    padding-left: 10px;
    font-size: 15px;
    display: block;
}

.ex-sec-box-content p {  margin: 0;  }

.ex-sec-box:hover .ex-sec-box-content {  display: block  }
.ex-sec-box-big:hover .ex-sec-box-content {  display: block  }

.indexPage-icon-wrap {
    min-height: 120px;
    width: 100%;
    background-color: #CCCCCC;
}


.indexPage-icon-wrap-outer,.indexPage-icon-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}
.indexPage-icon-wrap-outer {
    padding: 0 15px;
}

.indexPage-icon-inner-wrap {
    display: flex;
    flex-direction: row;
    width: 50%;


    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.indexPage-icon {
    width: 50%;
    height: 120px;
    position: relative;

    border-right: 1px solid #b7b6b6;
}

.indexPage-icon-inner-wrap:first-child {
    border-left: 1px solid #b7b6b6;
}

.indexPage-icon1 {
    background: url(../pic/index-icon1.png) no-repeat;
    background-size: 47px;
    background-position-x: 50%;
    background-position-y: 32%;
}

.indexPage-icon2 {
    background: url("../pic/index-icon2.png") no-repeat center center;
    background-size: 46px;
    background-position-x: 50%;
    background-position-y: 30%;
}

.indexPage-icon3 {
    background: url("../pic/index-icon3.png") no-repeat center center;
    background-size: 54px 34px;
    background-position-x: 50%;
    background-position-y: 36%;
}

.indexPage-icon4 {
    background: url("../pic/index-icon4.png") no-repeat center center;
    background-size: 64px 33px;
    background-position-x: 50%;
    background-position-y: 38%;
}

.page-ex-sec-inner {  padding: 0 15px;  }

.indexPage-icon-title {
    position: absolute;
    bottom: 0;
    text-align: center;
    text-align: -webkit-center;

    width: 100%;
    padding: 20px 0 4px 0;
    /* padding-bottom: 0; */
    font-size: 18px;
    /* font-weight: bold; */
    color: #1A1A1A;

}

.ex-sec-box-wrapper-left {  margin-left: 0;  }

.ex-sec-box-wrapper-right {  margin-right: 0;  }

.ex-sec-box-link-area {  width: 100%;  }

.indexPage-icon-inner-link {  width: 50%;  }

.indexPage-icon {  width: 100%  }

a.ex-sec-box-link-area {  color: #1A1A1A;  }

.ex-sec-box-content p {
    font-weight: normal;
    font-size: 17px;
}

.footer-icon-wrap-tw {  padding-right: 0;  }

.sitemap-level1-tw {  margin: 0 15px;  }

/*index page--------------------------------------------------------------------------------------------------------------------------------------------*/



/*product page--------------------------------------------------------------------------------------------------------------------------------------------*/
/*product page--------------------------------------------------------------------------------------------------------------------------------------------*/

/*产品介紹說明*/

#product-intro-wrapper {

    height: 200px;
    padding: 0 10px;
    background-color: #E6E6E6;
    /*border: 1px solid #1b6d85;*/

}

.product-intro-wrapper-inner {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 15px;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-intro-left {
    width: 100%;
    min-height: 160px;
}

.product-intro-right {
    width: 35%;
    padding-left: 22px;
}

.product-series-no {
    font-size: 24px;
    font-weight: bold;
    padding-top: 15px;
}

.product-intro-left-ul, .product-intro-right-ul {
    list-style-type: inherit;
    margin-left: 20px;
    width: 50%;
}

.product-intro-left-ul li, .product-intro-right-ul li {  padding: 5px 0;  }

.product-intro-right-ul {  margin-left: 55px;  }

.vertical-line {
    width: 2px;
    height: 120px;
    background-color: #bdbdbd;
    margin: 0 5px;
    align-self: center;

    display: none;
}

.product-line-pic-wrapper {
    align-items: center;
    justify-content: flex-start;

    /*2018/01/31-flex 屬性-各瀏覽器*/

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.product-line-pic-wrapper img {
    width: 75px;
    margin: 0 5px;
}

.product-line-pic-wrapper img:nth-child(3) {
    width: 60px;
}

/*資訊tab*/
/*資訊tab - 內容*/
.product-info-detail-inner-wrapper,.info-detail-li, .info-detail-li-right {
    display: flex;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.info-detail-li {
    border-bottom: 1px solid #dddddd;
    padding: 5px 0;
}

.product-info-detail-left, .product-info-detail-right {  width: 50%;  }

.product-info-detail-left {  padding-right: 20px;  }

.info-detail-li-left {  width: 30%;  }

.info-detail-li-right {
    width: 70%;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    justify-content: space-around;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.info-detail-li-title {  margin-right: 10px;  }

.info-detail-li-right-l, .info-detail-li-right-r {
    width: 50%;
    text-align: center;
    text-align: -webkit-center;

}

.product-info-detail-left ul li:last-child, .product-info-detail-right ul li:last-child {
    border-bottom: none;
}

.product-info-detail-sec {  padding: 30px 15px;  }

.product-info-detail-wrapper label {  font-weight: normal;  }

.product-info-detail-wrapper input[type=radio]:checked + label {  font-weight: bold;  }

.product-info-detail-num {  font-weight: bold;  }

.product-swiper2-outer-wrapper {
    width: 100%;
    background-color: #E6E6E6;
}

.product-info-detail-box-coreTech1 {  margin-right: 12px;  }

.product-info-detail-box img.product-info-detail-box-coreTech1, .product-info-detail-box img.product-info-detail-box-coreTech2 {
    width: 285px
}

.page-title-sec-bk {
    background-color: #e6e6e6;
}

/*product 页 tab- 檔案下載tab */

/*檔案下載- 圖示 -固定大小*/
.product-info-detail-wrapper .download-image-box-innerImg img {
    width: 200px;
    /*border: 1px solid yellow;*/
}

/*swiper2套件設定--------------------------------------------------------------------------------------------------------------------------------------------*/
.swiper-container2 {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.swiper-slide2 {
    text-align: center;
    text-align: -webkit-center;

    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    position: absolute;
    left: 0;

}

/*下方點點改寫*/

/*.swiper-pagination-bullet {*/
/*width: 12px;*/
/*height: 12px;*/
/*display: inline-block;*/
/*border-radius: 100%;*/
/*opacity: 1;*/
/*background: transparent;*/
/*border: 1px solid white;*/
/*!* display: flex; *!*/
/*!* flex-direction: row; *!*/
/*box-shadow: 1px 1px 1px grey;*/
/*}*/

/*.swiper-pagination-bullet-active {*/
/*opacity: 1;*/
/*border: none;*/
/*background: #E13911;*/
/*width: 12px;*/
/*height: 12px;*/
/*box-shadow: 1px 1px 1px grey;*/
/*}*/

/*slider2 左右箭頭改寫*/
.swiper-button-next2,
.swiper-container-rtl .swiper-button-prev2 {
    background-image: url("../pic/slider-charven-right.png");

}

.swiper-button-prev2,
.swiper-container-rtl .swiper-button-next2 {
    background-image: url("../pic/slider-charven-left.png");

}

#product-swiper2 {
    height: 225px;
    padding-bottom: 40px;
    width: 100%;
    position: relative;
}

.swiper2-slide1-bk {
    background: url("../pic/product-bt-sample-1.png") no-repeat center center;
    background-size: 100%;
}

.swiper2-slide2-bk {
    background: url("../pic/product-bt-sample-2.png") no-repeat center center;
    background-size: 100%;
}

.swiper2-slide3-bk {
    background: url("../pic/product-bt-sample-3.png") no-repeat center center;
    background-size: 100%;
}

.swiper2-slide4-bk {
    background: url("../pic/product-bt-sample-1.png") no-repeat center center;
    background-size: 100%;
}

.swiper2-slide5-bk {
    background: url("../pic/product-bt-sample-2.png") no-repeat center center;
    background-size: 100%;
}

.swiper2-slide6-bk {
    background: url("../pic/product-bt-sample-3.png") no-repeat center center;
    background-size: 100%;
}


.image-box-sample {
	
    height: 155px;
    width: 100%;
/*    min-height: 150px;*/
    margin: 25px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */


}
/*case-sample page--------------------------------------------------------------------------------------------------------------------------------------------*/
/*case-sample page--------------------------------------------------------------------------------------------------------------------------------------------*/

/*slider3 背景照片設定*/
#banner-case-sample, #banner-product {
    height: 300px;
    width: 100%;
    min-width: 320px; /*避免iphone5擠走*/
	max-width: 1280px;
	margin-left: auto;
    margin-right: auto;

}

.swiper3-slide1-bk {
    background: url("../pic/smaple-office-light.png") no-repeat center center;
    background-size: cover;
}

.swiper3-slide2-bk {
    background: url("../pic/case-image2.jpg") no-repeat center center;
    background-size: cover;
}

.swiper3-slide3-bk {
    background: url("../pic/case-image3.jpg") no-repeat center center;
    background-size: cover;
}

.swiper3-slide4-bk {
    background: url("../pic/case-image4.jpg") no-repeat center center;
    background-size: cover;
}




#case-sample-intro-wrapper {
    background-color: #f5f5f5;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    padding: 12px 20px;
    padding-bottom: 8px;
}

.case-sample-intro {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */


    width: 100%;
    padding: 0 15px;
	margin-bottom: 3px;
}

.case-sample-intro2, .case-sample-intro3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */



    width: 100%;
}

.case-sample-intro li {
    /*border-right: 2px solid #dedede;*/
    padding: 0 15px;
    height: auto;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    /*width: 15%;*/

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.case-sample-intro-title {
    font-size: 22px;
    font-weight: bold;
}

.case-sample-intro li.case-sample-intro-li-last {
    flex-direction: row;
    align-items: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*2018/01/31-flex 屬性-各瀏覽器//END */


}

.case-sample-intro-num {
    font-size: 22px;
}

.case-intro-li-last-title {
    line-height: 19px;
}

.case-sample-saving-total {
    font-size: 50px;
    margin-left: 5px;
    margin-right: -10px;
    line-height: 45px;
    font-weight: 500;
}

.case-sample-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 15px;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.case-sample-content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    font-style: italic;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.case-sample-content-title {
    font-size: 18px;
    text-align: center;
    text-align: -webkit-center;

    margin-right: 5px;
    line-height: 35px;
}

.case-sample-content-title-small {
    margin-right: 5px;
}

.case-sample-intro li.case-sample-company-name {
    align-items: flex-start;
    padding: 0;

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;




}

.case-model-apply-title {
    font-size: 16px;
    color: #E13911;
/*
    margin: 0px 15px;
	margin-top: 20px;
*/

    line-height: 140px;  /*2018/01/28修正IE 設定字體置中*/
    /*padding: 6px 15px;*/
    text-align: center;
    text-align: -webkit-center;

    /*
        border-top: 1px solid #E13911;
        border-bottom: 1px solid #E13911;
    */

}

.case-sample-box-outer-wrapper {
    display: flex;
    align-items: center;

    /*2018/01/28 IE 修正*/
    /*justify-content: center;*/

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /*2018/01/31-flex 屬性-各瀏覽器//END */
	margin-bottom: 30px;

}

.case-sample-image-box-link, .case-sample-image-box-link:hover {
    text-decoration: none;
    color: #1A1A1A;
}

.case-sample-product-title {
    font-weight: bold;    margin-bottom: 5px;
}

.case-sample-image-box-link .image-box:hover .image-box-product-info {
    color: #E13911;
}

.case-sample-product-content {
    margin-bottom: 0;font-size: 12px;
}

/*case-sample page// END
--------------------------------------------------------------------------------------------------------------------------------------------*/

/*product-officelight//--------------------------------------------------------------------------------------------------------------------------------------------*/

/*product-officelight页 上方产品說明*/

.office-light-intro-wrapper {
    height: 185px;
    width: 100%;
    background-color: #E6E6E6;

    /*2018/01/28 IE修正*/
    display: flex;
    flex-direction: row;
    align-items: center;
    /*justify-content: center;*/

    overflow: hidden;

    /*2018/01/028-flex 屬性-各瀏覽器*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    /*2018/01/028-flex 屬性-各瀏覽器 //END */
}

.office-light-intro-left {
    width: 60%;
    padding-right: 40px;
}

.office-light-intro-first {
    font-size: 18px;
}

h2.office-light-intro-sec {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

.office-light-intro-third {
    font-size: 14px;
    line-height: 26px;
}

.office-light-intro-right {
    width: 40%;
    height: 100%;
    background: url("../pic/box-show0.png") no-repeat center center;
    background-size: cover;
}

/*辦公室燈具产品牆*/

.office-light-product-outer-wrapper {
    padding: 25px 0;
    margin-bottom: 10px;
}

.office-light-product-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px;


    /*2018/01/028-flex 屬性-各瀏覽器*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*2018/01/028-flex 屬性-各瀏覽器 //END */

}

.office-light-product-wrapper > div {
    margin-right: 30px;
}

.office-light-product-wrapper > div:last-child {
    margin-right: 0;
}

.office-light-product-box {
    width: 260px;
    height: 330px;
    /*border: 1px solid blueviolet;*/
    position: relative;
    /*margin: 25px 10px;*/
}

.office-light-product-wrapper-top {
    margin-bottom: 20px;
}

.office-light-product-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 214px;
    background: url("../pic/office-light-product-sample.jpg") no-repeat center center;
    background-size: cover;
}

.office-light-product-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 82px;
    background-color: #F0F0F0;
    padding: 10px 16px;
    color: #1A1A1A;
}

.office-light-product-info:hover {
    color: #E13911;
}

.office-light-product-info p:last-child {
    font-size: 12px;
}

.office-light-product-info p:first-child {
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 5px;
}

/*product-officelight页 下方产品說明*/

.office-light-bottom-intro-wrapper {

    height: 340px;
    width: 100%;
    /*padding: 0 15px;*/
    background-color: #E6E6E6;

    display: flex;
    flex-direction: row;
    align-items: center;

    /*2018/01/28 IE修正*/
    /*justify-content: center;*/


    /*2018/01/028-flex 屬性-各瀏覽器*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;

    /*2018/01/028-flex 屬性-各瀏覽器 //END */

}

.office-light-bottom-intro-inner {
    padding: 0 15px;
}

.office-light-intro-inner, .office-light-bottom-intro-inner {
    display: flex;

    /*2018/01/28 修正IE*/
    flex-direction: row;
    align-items: center;
    /*justify-content: center;*/

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.office-light-intro-inner {
    height: 285px;
    padding: 0 15px;
}

.office-light-bottom-intro-left {
    width: 50%;
    height: 272px;
    background: url("../pic/box-show0.png") no-repeat center center;
    background-size: cover;
}

.office-light-bottom-intro-right {
    width: 50%;
    padding-left: 50px;
    /*border: 1px solid dodgerblue;*/

}

.office-light-bottom-intro-right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.intro-company-logo-wrapper {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 15px;
    /*height:55px;*/
    /*border: 1px solid palevioletred;*/

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.intro-company-logo-img {
    padding-right: 20px;
    width: 45px;
}

.intro-company-logo-name {
    font-size: 18px;
    margin-top: -5px;
    font-weight: bold;
    margin-bottom: 0;
}

.intro-company-usage-wrapper {
    width: 100%;
    height: 66px;
    /*border: 1px solid paleturquoise;*/

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.intro-company-usage-wrapper div:first-child {
    border-right: 1px solid #a7a7a7;
}

.intro-company-usage-wrapper-top {
    border-bottom: 1px solid #a7a7a7;
    margin-top: 15px;
}

.intro-company-usage-box {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*border: 1px solid black;*/


    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.intro-company-usage-box p:last-child {
    font-size: 18px;
    margin: 0;
    font-weight: normal;
}

.intro-company-usage-box p:first-child {
    font-size: 14px;
    margin: 0;
}

.intro-company-usage-box p:last-child span {
    font-size: 16px;
}

.intro-company-usage-total {
    width: 100%;
    /*height: 53px;*/
    border: 1px solid #218223;
    text-align: center;
    text-align: -webkit-center;

    /*line-height: 53px;*/
    font-size: 20px;
    margin: 0;
    margin-top: 15px;
}

.intro-company-usage-total p {
    padding: 0;
    margin: 0;
}

.intro-company-usage-total span {
    font-size: 35px;
    font-weight: bold
}

.intro-company-usage-total small {
    font-size: 23px;
}

.intro-company-usage-more {
    width: 100%;
    /*height: 53px;*/
    text-align: right;
    text-align: -webkit-right;

    /*line-height: 53px;*/
    /*border: 1px solid yellow;*/
}

/*舊設定*/
.intro-company-usage-more a, .intro-company-usage-more a:hover {
    text-decoration: none;
    font-weight: bold;
}

/*舊設定//END */

/*新設定*/
.intro-company-usage-more a, .intro-company-usage-more a:hover {
    text-decoration: none;
    font-weight: bold;
    display: block;
    width: 100px;
    height: 40px;
    text-align: center;
    text-align: -webkit-center;

    /*border: 1px solid pink;*/
    box-sizing: border-box;
    float: right;
    line-height: 25px;
    margin-top: 8px;
}

/*新設定 //END */

.intro-company-usage-more p {
    margin-top: 8px;
    margin-bottom: 0;
}

.intro-company-usage-more p:hover {
    font-weight: bold;
}

/*product-officelight// END--------------------------------------------------------------------------------------------------------------------------------------------*/

/*product-main--------------------------------------------------------------------------------------------------------------------------------------------*/

.product-main-outer-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.page-title-sec {
    padding-top: 0;
    padding-bottom: 5px;
    padding-right: 15px;
    padding-left: 15px;

    display: block;
    width: 100%;
    max-width: 1070px;
    line-height: 26px;
    /*font-weight: bold;*/
}

.productpage-title-sec {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 22px;
    display: block;
    width: 100%;
    max-width: 1000px;
    line-height: 26px;
    /*font-weight: bold;*/
}

h3.page-title-sec {
    font-size: 22px;
	margin-top: 10px;
}

h3.adv-title-sec {
    font-size: 22px;
	margin-top: 10px;
	border-top: 1px solid #CCCCCC; 
	width: 900px;
	padding-top: 30px;
	
}

.page-title-sec h1 {
    font-size: 28px;
    font-weight: bold;
}

.product-main-box-wrapper {
    /*width: 100%;*/
    /*height: 285px;*/
    /*padding: 0 15px;*/
}

.product-main-box-outer-wrapper {
    padding-bottom: 50px;
    padding: 0 15px;
	margin-top: 35px;
}

.product-main-box-sec-wrapper {
     width: 100%;
    /*max-width: 1000px;*/
    /*height: 400px;*/
    margin-bottom: 30px;
    position: relative;

    height: 210px;
}

a.product-main-box-wrapper {
    color: #1A1A1A;
}

.product-main-box-sec-wrapper > a {
    display: block;
    /*width:100%;*/
    width: 75%;
    text-decoration: none;
    color: #1A1A1A;
    cursor: pointer;
}

.product-main-box-sec-wrapper a:hover {
    text-decoration: none;
    color: #1A1A1A;
}

.product-main-box-left {
    width: 100%;
    /*height: 290px;*/
    height: 240px;
}

.product-main-box-right {
    width: 40%;
    height: 240px;
    padding: 15px 30px;

}

.product-main-title {
    margin-top: 10px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
}

.product-main-content {
    padding: 0;
    height: 125px;
    line-height: 26px;
    margin-bottom: 0;
}

.product-main-link a {
    padding: 10px 0;
    text-decoration: none;
    color: #E13911;
}

.product-main-link a:hover {
    text-decoration: none;
    color: #E13911;
    font-weight: bold;
}

.product-main-box-bk1 {
    background: url("../pic/box-show0.png") no-repeat center center;
    background-size: cover;
}

.product-main-box-bk2 {
    background: url("../pic/box-show1.png") no-repeat center center;
    background-size: cover;
}

.product-main-box-bk3 {
    background: url("../pic/box-show2.png") no-repeat center center;
    background-size: cover;
}

.product-main-box-bk4 {
    background: url("../pic/box-show3.png") no-repeat center center;
    background-size: cover;
}

.product-main-box-bk5 {
    background: url("../pic/box-show4.png") no-repeat center center;
    background-size: cover;
}

.product-main-box-bk6 {
    background: url("../pic/box-show4.png") no-repeat center center;
    background-size: cover;
}


/*照片hover效果*/

.product-main-box-sec-wrapper:hover .product-main-box-bk1{
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show0.png")no-repeat center center;
    background-size: cover;
}
.product-main-box-sec-wrapper:hover .product-main-box-bk2{
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show1.png")no-repeat center center;
    background-size: cover;
}

.product-main-box-sec-wrapper:hover .product-main-box-bk3{
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show2.png")no-repeat center center;
    background-size: cover;
}

.product-main-box-sec-wrapper:hover .product-main-box-bk4{
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show3.png")no-repeat center center;
    background-size: cover;
}

.product-main-box-sec-wrapper:hover .product-main-box-bk5{
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show4.png")no-repeat center center;
    background-size: cover;
}

/*product-main// END--------------------------------------------------------------------------------------------------------------------------------------------*/

/* product-setSample / product-setSample-main --------------------------------------------------------------------------------------------------------------------------------------------*/

.product-setSample-box-wrapper {
    width: 100%;
    /*max-width: 1000px;*/
    /*height: 400px;*/
    margin-bottom: 22px;
    position: relative;

    height: 200px;
}

.setSample-box-outer-wrapper {
    padding: 0 15px;
}

.product-setSample-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(26, 26, 26, 0.85);
    color: white;
    padding: 8px 15px;

}

.product-setSample-content p:first-child {
    font-size: 14px;
    margin-bottom: 5px;
}

.product-setSample-content p:last-child {
    /*font-size: 20px; */
    font-weight: bold;
    margin-bottom: 0;

    font-size: 16px;

}

.sample-main-tab-title {

    padding-bottom: 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
}

.product-setSample-box-bk1 {
    background: url("../pic/box-show7.jpg") no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk2 {
    background: url("../pic/box-show2.png") no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk3 {
    background: url("../pic/certification-bk-1.png") no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk4 {
    background: url("../pic/product-bt-sample-3.png") no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk5 {
    background: url("../pic/box-show1.png") no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk6 {
    background: url("../pic/box-show8.jpg") no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk7 {
    background: url("../pic/box-show10.jpg") no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk8 {
    background: url("../pic/box-show4.png") no-repeat center center;
    background-size: cover;
}


/*照片hover效果*/

.product-setSample-box-bk1:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show7.jpg")no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk2:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show2.png")no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk3:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/certification-bk-1.png")no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk4:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/product-bt-sample-3.png")no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk5:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show1.png")no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk6:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show8.jpg")no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk7:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show10.jpg")no-repeat center center;
    background-size: cover;
}

.product-setSample-box-bk8:hover {
    background: linear-gradient(rgba(255, 255, 255, 0.31), rgba(232, 232, 255, 0.31)),
    url("../pic/box-show4.png")no-repeat center center;
    background-size: cover;
}



/*product-setSample // END--------------------------------------------------------------------------------------------------------------------------------------------*/

/*product-seriesPage--------------------------------------------------------------------------------------------------------------------------------------------*/

/*直式選單css----------------------------------------------------------------------------*/

.tab-group,
.tab-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1; /* Fix for IE7 */
    *display: inline; /* Fix for IE7 */
}

.tab-group > li,
.tab-group-vertical > li {
    /*border: 1px solid #428bca;*/
    /*border-bottom: 1px solid #428bca;*/
    /*border-radius: 4px;*/
    position: relative;
    float: left;
}

.tab-group > li.active > a,
.tab-group > li.active > a:hover,
.tab-group > li.active > a:focus,
.tab-group-vertical > li.active > a,
.tab-group-vertical > li.active > a:hover,
.tab-group-vertical > li.active > a:focus {
    /*background-color: #428bca;*/
    /*color: #acae0a;*/
    font-weight: bold;
    color: #e13b11;

    /*原本主要項目左邊紅色border*/

    border-left: 4px solid #e13b11;
}

.tab-group li + li {
    margin-left: -1px;
}

.tab-group-vertical > li {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
    text-align: -webkit-center;

}

.tab-group-vertical > li:hover a {
    color: #e13b11;
}

.tab-group-vertical > li + li {
    margin-top: -1px;
    margin-left: 0px;
}

/*自己設定*/

.tabbable {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 35px 0;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */


}

.tab-content {
    width: 80%;
    /* height: 300px; */ /*不要設定高度內文可自行調整*/
    border-left: 1px solid #dfdfdf;
    padding-left: 30px;
    min-height: 411px;
}

.tab-content .tab-pane .news-link-wrap:first-child a {
    padding-top: 0;
}

.tabbable a {
    color: #4D4D4D;
}

.inner-option-list-wrapper {
    /* position: relative; */
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.inner-option-li {
    padding: 5px 10px;
    /*border-bottom: 1px solid pink;*/
    /*width: 0%;*/
}

.nav-lists {
    width: 20%;
    /*border: 1px solid #61c740;*/
    padding-left: 15px;
}

.nav-lists > li > a {
    position: relative;
    display: block;

    /*舊li設定*/
    /*padding: 10px 15px;*/
    /*舊li設定 // END */

    /*新li設定*/
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 24px;

    /*新li設定 //END */

    font-weight: bold;
}

.nav-lists > li.inner-option-li > a {
    /*padding: 5px 10px;*/
}

.nav-lists > li.inner-option-li {
    width: 90%;
    /*padding: 5px 10px;*/
    margin: 0 0 0 12%;
    padding: 0;
}

.nav-lists > li.inner-option-li > a {
    position: relative;
    display: block;

    font-weight: normal;
    font-size: 12px;
}

.nav-lists > li:hover:after {
    width: 100%;
}

/*nav-lists 相關同上面nav設定-底線動畫*/

.nav-lists > li:after {
    /*content: "";*/
    /*width: 0;*/
    /*height: 5px;*/
    /*background: #E13911;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*transition: all 0.5s ease 0s;*/
}

/*nav-lists 相關同上面nav設定*/

.nav-lists > li > a:hover, .nav-lists > li > a:focus {
    text-decoration: none;
    /*background-color: #eee;*/
    background-color: transparent;
}

.nav-lists > li {
    text-align: left;
    text-align: -webkit-left;

}

/*直式選單css// END----------------------------------------------------------------------------*/

/*tab內产品照片設定*/

.light-series-bk1 {
    background: url(../pic/product-D6060-1.png) no-repeat center center;
}

.light-series-bk2 {
    background: url(../pic/product-D6060-2.png) no-repeat center center;
}

.light-series-bk3 {
    background: url(../pic/product-D6060-3.png) no-repeat center center;
}

.light-series-bk4 {
    background: url(../pic/product-D6060-4.png) no-repeat center center;
}

.light-series-bk5 {
    background: url(../pic/product-D6060-1.png) no-repeat center center;
}

.light-series-bk6 {
    background: url(../pic/product-D6060-2.png) no-repeat center center;
}

/*tab內产品照片設定 // END*/

/*product-seriesPage // END--------------------------------------------------------------------------------------------------------------------------------------------*/

/*news page--------------------------------------------------------------------------------------------------------------------------------------------*/

.news-outer-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding-top: 15px;
    padding-bottom: 0px;
	margin-left: 30px;
    border-bottom: 1px solid #cccccc;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;

    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

a.news-outer-wrapper{
    text-decoration: none;
    color: #1A1A1A;
}

a.news-outer-wrapper:hover {
    text-decoration: none;
    color: #E13911;
}
.news-link-wrap {
    padding-right: 15px;
}

.news-box-left {
    min-width: 100px;
    width: 18%;
    height: 30px;
    margin-right: 30px;
}

.news-box-right h3, .news-detail-box-bottom h3 {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

.news-box-right h4, .news-detail-box-bottom h4 {
    font-size: 16px;
}

.news-box-right {
    width: 82%;
    min-height: 30px;
}

.news-box-right h4 {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
}

.news-box-right p span {
    font-weight: bold;
    color: #E13911;
}

.news-box-right .news-box-right-content {
    color: #5f5f5f;
    line-height: 24px;
}

.news-box-left-bk1 {
    background: url("../pic/news-1.png") no-repeat center center;
    background-size: cover;
}

.news-box-left-bk2 {
    background: url("../pic/news-2.png") no-repeat center center;
    background-size: cover;
}

.news-box-left-bk3 {
    background: url("../pic/news-3.png") no-repeat center center;
    background-size: cover;
}

/*增加右邊箭頭及下方页數-------------------------------*/

.tab-icon-cart-down {
    width: 7px;
    height: 7px;
}

.icon-cart-down {
    width: 7px;
    height: 7px;
}

/*svg填色-日期active 右邊箭頭顏色*/

.tab-group > li.active > a .tab-icon-cart-down svg.icon-cart-down path,
.tab-group > li.active > a:hover .tab-icon-cart-down svg.icon-cart-down path,
.tab-group > li.active > a:focus .tab-icon-cart-down svg.icon-cart-down path,
.tab-group-vertical > li.active > a .tab-icon-cart-down svg.icon-cart-down path,
.tab-group-vertical > li.active > a:hover .tab-icon-cart-down svg.icon-cart-down path,
.tab-group-vertical > li.active > a:focus .tab-icon-cart-down svg.icon-cart-down path {
    fill: #E13911;
}

/*svg填色-日期active 右邊箭頭顏色 //END */
/*页數*/
.page-number-wrapper {
    width: 100%;
}

.page-number-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

    padding-top: 20px;
    padding-bottom: 0;
    border-left: 1px solid #dfdfdf;
}

.icon-page-next i, .icon-page-pre i, .page-number {
    width: 20px;
    height: 22px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-align: -webkit-center;

    color: gray;
    /* vertical-align: middle; */
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    margin: 0 5px;
    /* border: 1px solid pink; */

}

.page-number-row .page-number.active {
    color: #E13911;
    font-weight: bold;
    border: 1px solid #E13911;
}

/*页數*/

/*加上页數- 更改架構*/

.tab-content-outer-wrapper {
    width: 100%;
}

.news-tab-content {
    width: 100%
}

/*.news-tab-content .news-box-left{    height: 210px;}*/

/*加上页數- 更改架構 // END */

/*增加右邊箭頭及下方页數 // END -------------------------------*/

/*news page//END--------------------------------------------------------------------------------------------------------------------------------------------*/

/*news-detail page--------------------------------------------------------------------------------------------------------------------------------------------*/

.news-detail-outer-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 15px;
    /*padding: 15px;*/
    /*border-bottom: 1px solid #E13911;*/

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.news-detail-box-top {
    width: 100%;
    /*height: 342px;*/
    height: 50vh;
}

.news-detail-box-bottom {
    width: 100%;
    padding: 30px 0;

}

.news-detail-box-bk1 {
    background: url("../pic/news-detail-1.png") no-repeat left top;
    background-size: cover;
}

.news-detail-box-bottom h4 {
    border-bottom: 1px solid #1A1A1A;
    padding-bottom: 10px;
}

.news-detail-box-bottom p {
    line-height: 26px;
}

/*news-detail page//END--------------------------------------------------------------------------------------------------------------------------------------------*/

/*product-coreTech//--------------------------------------------------------------------------------------------------------------------------------------------*/

.coreTech-top-wrapper, .coreTech-mid-wrapper {
    /*border-bottom: 2px solid #CCCCCC;    */
    adding-bottom: 40px;
}

.image-box-coreTech-outer-wrapper {
    /*border-bottom: 1px solid #CCCCCC;
    padding-bottom: 35px;*/
}

.image-box-coreTech {
    padding: 10px;
	padding-bottom: 30px;
    padding-top: 20px;
}

.image-box-coreTech-link, .image-box-coreTech-link:hover {
    text-decoration: none;
}

.image-box-coreTech-wrapper {
    border: 1px solid #CCCCCC;
    padding: 10px 20px;
    /*width:300px;*/
    height: 95px;
    color: #4D4D4D;
    font-size: 20px;
}

.image-box-coreTech-wrapper p {
    /*color: #4D4D4D;*/
    /*font-size: 20px;*/
}

.image-box-coreTech-inner {
    width: 70px;
    height: 70px;
    margin-right: 30px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.image-box-coreTech-wrapper:hover {
    background-color: #E13911;
    color: white;
}

/*.image-box-coreTech-wrapper:hover .icon-coreTech path {  fill: #ffffff;  }*/

/*SVG hover填色效果 原始寫法*/
.icon {
    /*cursor: pointer;*/
}

.image-box-coreTech-wrapper:hover .image-box-coreTech-inner svg.icon-coreTech path {
    fill: #FFFFFF;
}

/*.icon-coreTech:hover path{  fill: #2cc3ff;  }*/

/*SVG hover填色效果 原始寫法//END*/

.innerImg-coreTex-aly {
    width: 100%;
    /* height: 200px; */
    /* margin: 25px 0; */
    display: flex;
    /*flex-direction: column;*/  /*針對IE 圖片跑版//END*/
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.innerImg-coreTex-aly img {
    width: 75%;
    max-width: 300px;
}

.image-box-coreTech-info {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.coreTech-page-title-sec {
    border-top: 1px solid #CCCCCC;
    padding-top: 30px;
}

.coreTex-aly-product-info {
    width: 100%;
    padding: 0px 10px 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */


}

.coreTex-aly-product-info h5 {
    font-size: 20px;
    color: #E13911;
    text-align: center;
    text-align: -webkit-center;

    margin-top: 0px ;

}

.coreTex-aly-product-info p {
    font-size: 14px;
    text-align: center;
    text-align: -webkit-center;

}

.coreTex-aly-product-info a {
    font-size: 12px;
    color: #E13911;
    padding: 5px;
    border: 1px solid #E13911;
    text-decoration: none;
    text-align: center;
    text-align: -webkit-center;

}

.coreTex-aly-product-info a:hover {
    /*border: 2px solid #E13911;*/
    /*box-shadow: 1px 1px 0px 0px #E13911;*/
    font-weight: bold;
    background-color: #E13911;
    color: #ffffff;

}

.innerImg-coreTex-ai {
    width: 100%;
    /* height: 200px; */
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */


    position: absolute;
    top: 0;
    left: 0;
}

.innerImg-coreTex-ai img {
    width: 45px;
    height: 45px;
}

.coreTech-ai-bottom {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.coreTech-ai-image-box {
    position: relative;
    width: 100%;

    height: 74px;
    cursor: pointer;
}

.coreTex-ai-product-info {
    width: 100%;
    padding: 20px 16px;
    height: 48px;
    text-align: -webkit-center;
    text-align: center;


    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;


    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */


    /*visibility: hidden;*/
    display: block;
    opacity: 1;

}

.coreTech2-margin {
	margin: 0;
	/*margin-bottom: 30px;*/
    padding: 0; 
	position: relative;
}



.coreTex-ai-plus-icon {
    display: flex;
    width: 100%;
    height: 70px;
    align-items: center;

    position: absolute;
    bottom: 0;
    left:0;
    opacity: 0;

    /*flex 屬性-各瀏覽器*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    /*flex 屬性-各瀏覽器 //END */

}

.coreTex-ai-plus-icon img {
    width: 20px;
    height: 20px;
    margin: 0 auto;

    /*visibility: visible;*/
    display: block;
    opacity: 1;
}

/*十字點擊動畫*/

.coreTex-ai-product-info h6 {
    font-size: 16px;
    font-weight: bold;
}

.coreTex-ai-product-info p {
    color: #b4b4b4;
    line-height: 22px;
	font-size: 13px;
}

.coreTech-ai-image-box:hover .coreTex-ai-product-info p {
    color: #E13911;
}

.coreTech-ai-image-box:hover .coreTex-ai-product-info h6 {
    color: #E13911;
}

.box-border-r-bt {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;

}

.box-border-bt {
    border-bottom: 1px solid #CCCCCC;
}

.box-border-l-bt {
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

.box-border-r {
    border-right: 1px solid #CCCCCC;
}

.box-border-l {
    border-left: 1px solid #CCCCCC;
}

.box-border-top {
    border-top: 1px solid #CCCCCC;
}

.coreTech-system-info {
    padding-bottom: 5px;
    padding-top: 10px;
	margin-top: 0px;
	
}

.coreTech-system-info h3 {
    margin-bottom: 10px;
}

.coreTech-system-info h5 {
    font-size: 18px;
}

.coreTech-system-info p {
    line-height: 26px;
    padding: 0 20px;
	
}

/*product-coreTech//END--------------------------------------------------------------------------------------------------------------------------------------------*/
/*certification//--------------------------------------------------------------------------------------------------------------------------------------------*/
.certification-image-box {
    position: relative;
    width: 100%;
    height: 200px;
    cursor: pointer;
}

.image-box-certi-wrapper {
    background-color: #F0F0F0;
    padding: 10px 28px;
    /* width: 300px; */
    height: 150px;
    color: #1A1A1A;
    font-size: 20px;
    margin-bottom: 5px;
}

.image-box-certi-wrapper h5 {
    font-size: 20px;
    width: 100%;
    font-weight: bold;
}

.image-box-certi-wrapper p {
    font-size: 14px;
    line-height: 26px;
}

.image-certi-box-left {
    width: 100px;
    margin-right: 15px;
}

.image-certi-box-left img {
    width: 85%;
}

.image-certi-box-right {
    width: 75%;
}

.certification-ai-plus-icon {
    display: flex;
    width: 100%;
    height: 10px;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.certification-ai-plus-icon img {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    /* visibility: visible; */
    display: block;
    opacity: 0;
}

.certification-ai-plus-icon p {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 61px;
}

.certification-bottom {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
}

.certification-product-info {
    width: 100%;
    padding: 27px 12px;
    height: 85px;
    text-align: center;
    text-align: -webkit-center;

    /*2018/01/30 修正 certification跑版- 拿掉flex */
    /*display: flex;*/
    /*flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/

    /*visibility: hidden;*/
    display: block;
    opacity: 1;


    /*2018/01/31-flex 屬性-各瀏覽器*/
    /*display: -webkit-box; !* Chrome 4+, Safari 3.1, iOS Safari 3.2+ *!*/
    /*display: -moz-box; !* Firefox 17- *!*/
    /*display: -webkit-flex; !* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 *!*/
    /*display: -moz-flex; !* Firefox 18+ *!*/
    /*display: -ms-flexbox; !* IE 10 *!*/
    /*display: flex; !* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ *!*/
    /*!* 解決各裝置與IOS8以上 flex問題 --------------------END *!*/
    /*flex-direction: column;*/
    /*-webkit-flex-direction: column; !* Safari 6.1+ *!*/
    /*!* 解決各裝置與IOS8以上 flex問題 --------------------END *!*/
    /*-webkit-align-items: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    /*!* 解決各裝置與IOS8以上 flex問題 --------------------END *!*/
    /*-webkit-box-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    /*!* 解決各裝置與IOS8以上 flex問題 --------------------END *!*/
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.certification-product-info-left {
	padding-left: 0px;
}

.certification-product-info-right {
	padding-right: 0px;

}

.certification-product-info p {
    font-size: 13px;
    line-height: 22px;
    color: #b4b4b4;
	text-align: center;
}

.certification-product-info h6 {
    font-size: 16px;
    font-weight: bold;
}

.innerImg-certification {
    width: 100%;
    /* height: 200px; */
    margin: 25px 0;
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.innerImg-certification img {
    /* width: 80px; */
    width: auto;
    height: 65px;
}

.certification-image-box:hover .certification-ai-plus-icon h6 {
    /*color: #E13911;*/
}

.certification-image-box:hover .certification-product-info p {
    /*color: #1A1A1A;*/
}


.certification-image-box  .certification-bottom:hover h6{
    color: #E13911;
}

.certification-image-box  .certification-bottom:hover p{
    color: #1A1A1A;
}


/*.certification-bottom:hover h6 {*/
    /*color: red;*/
/*}*/


.certification-bt-intro-wrapper {
    min-height: 185px;
    /* padding: 0; */
    display: flex;
    align-items: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    /*2018/01/31-flex 屬性-各瀏覽器//END */
	
}

.certification-bt-intro-left, .certification-bt-intro-mid, .certification-bt-intro-right {
    padding: 0 20px;
}



.sample-box-mid {
    padding-left: 10px;
	padding-right: 10px;
}

.sample-box-left {
    padding-right: 20px;
}

.sample-box-right {
    padding-left: 10px;
}

.certification-intro-inner-l {
    margin-right: 10px;
    width: 75%;
}

.certification-intro-inner-r {
    width: 25%;
}

.certification-intro-inner2-l {
    margin-right: 10px;
    width: 45%;
}

.certification-intro-inner2-r {
    width: 55%;
}

.certification-papper-wrapper {
    background-blend-mode: multiply;
    background: #808080 url(../pic/certification-bk-1.png) no-repeat center center;
    background-size: auto;
    width: 100%;
    /*height: 330px;*/
    padding: 60px 0;
    display: flex;
    align-items: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.certification-papper-img-box {
    /*max-width: 500px;*/
    margin: 0 auto;
}

.certification-papper-img-box img {
    width: 100%;
}

.certification-content-box {
    color: white;
    padding: 20px 50px;
}

.certification-content-box h4 {
    color: white;
    padding: 16px;
    border: 1px solid white;
    text-align: center;
    text-align: -webkit-center;

    line-height: 28px;
    font-size: 16px;
}

.certification-content-box p {
    line-height: 26px;
}

.certification-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.certification-mid-wrapper, .certification-bt-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.certification-bt-intro-top {
    padding: 20px 20px;
}

.certification-bt-intro-left {
    padding-left: 0;
}

.certification-bt-intro-right {
    padding-right: 0;
}

.certification-bt-intro-right .certification-intro-inner-r {
    text-align: right;
    text-align: -webkit-right;

}

.certification-bt-intro-title {
    font-weight: bold;
	font-size: 16px;
}

.certification-intro-inner-r {  width: 33%;  }


/*certification//END--------------------------------------------------------------------------------------------------------------------------------------------*/

/* support page--------------------------------------------------------------------- */

/*手機與tab版型設定*/
.support-phone-box-layout {
    display: none;
}

.support-tab-box-layout {
    display: block;
}

/*手機與tab版型設定 // END */

.support-image-box-wrapper-top {
    padding-bottom: 0px;   text-align: center;
}

.support-image-box, .support-bt-image-box {
    min-height: 120px;
    padding: 0 8px;
}

.support-bt-image-box1 {
    padding-right: 15px;
	padding-left: 15px;
	width: 33.3%;
}

.support-bt-image-box2 {
    padding-left: 15px;
	padding-right: 15px;
	width: 33.3%;
}

.support-box-innerImg, .support-bt-box-innerImg {
    width: 100%;
    /*height: 200px;*/
    max-width: 300px;
    /*margin: 25px auto;*/
    margin: 0px auto;
    /*裡面的img設定*/
    display: flex;
    /*flex-direction: column;*/  /* 針對 IE 圖片變形*/
    align-items: center;
    justify-content: center;
	margin-bottom: 0px;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.support-box-innerImg img, .support-bt-box-innerImg img {
    width: 74%;
/*	height: 240px;*/
}

.support-box-product-info {
    width: 100%;
}

.support-box-product-info h5, .support-bt-box-product-info h5 {
    font-size: 18px;
    text-align: center;
    text-align: -webkit-center;

    font-weight: bold;
}

.support-box-product-info p, .support-bt-box-product-info p {
    line-height: 26px;
}

.support-step-bk {
    background: url("../pic/support-step-bk.png") no-repeat center center;
    background-size: 81%;
    height: 15px;
}

.support-bt-box-product-info {
    padding: 3px 0;
    min-height: 120px;
}

.support-bt-box-product-info .marks {
    font-weight: normal;
}

/*計算表格*/

/*消除bootstrap表格樣式*/

.elec-counter label {
    background: transparent;
    border: none;
    padding: 0;
    width: 50%;
    margin: 0;
    font-weight: normal;

    margin-right: 5px;
}

.elec-counter .form-control {
    width: 70%;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

/*消除bootstrap表格樣式 //END */

.support-form-wrapper {
    width: 100%;
/*    background-color: #F0F0F0;*/
	background-color: #F0F0F0;
    padding-top: 20px;
    padding-bottom: 20px;

}

.contact-form-wrapper {
    width: 100%;
/*    background-color: #F0F0F0;*/
	background-color: #F0F0F0;
    padding-top: 30px;
    padding-bottom: 25px;

}

.support-form {
    width: 60%;
}

.amount-label {
    /* padding: 0 10px; */
    padding-left: 10px;
    width: 50px;
    margin: 0;
}

.elec-counter {
    /*border-bottom: 1px solid #1A1A1A;*/
    padding: 30px 0;
}

.elec-counter-show {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    text-align: center;
    text-align: -webkit-center;

}

.elec-counter-show-amount {
    font-size: 46px;
    font-weight: bold;
    color: #E13911;
}

.elec-counter-show-amount span {
    font-size: 16px;
    color: #1A1A1A;
    font-weight: bold;
}

.elec-counter-bt-wrapper {
    padding-top: 30px;
}

.elec-counter-bt {
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #E6E6E6;
    border: 1px solid #E13911;
    padding: 10px 20px; 
}

.support-form-num {
	text-align:left;
	width: 77%;
 	height: 30px;
 	padding: 5px 0px;
}
/* support page//END--------------------------------------------------------------------- */

/* contact page--------------------------------------------------------------------- */

/*google地圖*/

.google-map-wrapper {
    height: 350px;
}

.google-map-wrapper iframe {
    width: 100%;

    height: 350px;
}

/*google地圖下方文字*/
.contact-map-intro-wrapper {
    background-color: white;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
/*    border-bottom: 3px solid #E13911;;*/

}

.contact-map-intro {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.contact-map-intro h5 {
    font-size: 20px;
    padding-right: 20px;
    height: 55px;
    /* vertical-align: middle; */
}

.contact-map-intro p {
    padding-left: 20px;
}

.address-box-wrapper {
    padding-bottom: 20px;
    padding-top: 10px;
}

.address-box-wrapper-l {
    padding-left: 12px;
}

.address-box-wrapper-mid {
    padding-left: 12px;
}

.address-box-wrapper-r {
    padding-left: 12px;
}

.address-box-left {
    width: 13%;
    height: 83px;
    /* padding-right: 13px; */
}

.address-box-right {
    width: 85%;
    height: 83px;
    padding-left: 13px;
    /*padding-right: 15px;*/
}

.address-box-left h5 {
    text-align: left;
    text-align: -webkit-left;

    font-size: 15px;
    margin-top: 0;
    font-weight: bold;
}

.address-box-right .branch-title {
    /*font-weight:bold;*/
    font-weight: normal;
    font-size: 14px;
}

.address-box-right p {
    font-size: 12px;
}

/*地址 active 樣式*/
.address-box-wrapper.active {
    color: #E13911;
}

.address-box-wrapper.active .box-border-r {
    border-right: 1px solid #E13911;
}

.address-box-wrapper-link, .address-box-wrapper-link:hover {
    text-decoration: none;
    color: #1A1A1A;
}

.address-box-wrapper:hover {
    color: #E13911;
}

.address-box-wrapper:hover .address-box-left.box-border-r {
    border-right: 1px solid #E13911;
}

form.contact-form-inner {
    min-height: 400px;
}

form.contact-form-inner label {
    background: transparent;
    border: none;
    padding: 0;
    padding-left: 5%;
    /*width: 50%;*/
    margin: 0;
   
}

form.contact-form-inner label.form-check-label {
    padding-left: 0;
}

.contact-form-inner .star-sign {
    color: #E13911;
}

.from-checkBox-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    flex-wrap: wrap;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.form-check { /*padding: 0 10px;*/
}

select.form-control {
    width: 50%;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}

button.contact-form-submit-bt, button.contact-form-submit-bt :active, button.contact-form-submit-bt :focus, button.contact-form-submit-bt :hover {
    border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #E6E6E6;
    border: 1px solid #E13911;
    padding: 10px 20px;
    color: #1A1A1A;
	margin-top: 0px;
}

.mail-send-intro-wrapper {
    display: flex;

    min-height: 700px; /*页面高度 保險設定*/

    align-items: flex-start;


    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;

    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.mail-send-intro-inner-wrapper {
    padding-top: 100px;
}

/*配合页面高度 保險設定*/

.main-send-info {
    font-size: 24px;
    color: #E13911;
    font-weight: bold;
    padding-top: 28px;
    text-align: center;
    text-align: -webkit-center;

}

/* contact page // END --------------------------------------------------------------------- */

/* background page--------------------------------------------------------------------- */

/*background页面的三排bootstrap-layout是跟 support页面共用*/

.background-bt-box-innerImg img {
    width: 100%;
    max-height: 300px;
}

.background-bt-image-box {
    min-height: 200px;
    padding: 0 15px;
}

.background-bt-image-box1 {
    padding-right: 30px;
}

.background-bt-image-box2 {
    padding-left: 30px;
}

.background-bt-box-product-info {
    padding: 20px 0;
    padding-bottom: 0;
    min-height: 200px;
}

.background-bt-box-product-info h5 {
    font-size: 18px;
    text-align: center;
    text-align: -webkit-center;

    font-weight: bold;
}

.background-bt-box-product-info p {
    line-height: 26px;
}

/*background页面的三排bootstrap-layout是跟 support页面共用 //END */

.background-papper-wrapper {
    background-blend-mode: multiply;
    background: #c3c3c3 url(../pic/background-bk-1.png) no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    /*height: 330px;*/
    padding: 50px 0;
    display: flex;
    align-items: center;


    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

    margin-bottom: 45px;
}

.background-papper-info-title {
    font-size: 24px;
    font-weight: bold;
    color: white;
    text-align: left;
    text-align: -webkit-left;

}

.background-papper-info-content {
    font-size: 14px;
    color: white;
    text-align: left;
    text-align: -webkit-left;

    line-height: 26px;
}

.background-page-title-sec {
    padding-bottom: 50px;text-align: justify;
}

/* background page//END--------------------------------------------------------------------- */

/* brand-history page--------------------------------------------------------------------- */

/* timeline--------------------------------------------------------------------- */

.timeline {
    list-style: none;
    padding: 0 15px;
}

.timeline > li {
    margin-bottom: 60px;
}

.timeline-date {
    font-size: 18px;
    letter-spacing: 3px;
}

.timeline-content h3 {
    font-size: 20px;
    font-weight: normal;
    color: #E13911;

}

.timeline-content p {
    font-size: 14px;
    line-height: 26px;
    color: #1A1A1A;
}

/* timeline//END--------------------------------------------------------------------- */

/* brand-history page//END--------------------------------------------------------------------- */

/*partner page--------------------------------------------------------------------------------------------------------------------------------------------*/

.partner-title-wrapper {
    padding: 0 15px;
}

.parter-page-title-sec {
    padding: 10px 0;
    display: block;
    width: 100%;
    max-width: 1000px;
    /*font-weight: bold;*/
}

.parter-page-title-sec-top {
    padding-bottom: 0px;
}

.parter-page-title-sec-top-border {
/*    border-bottom: 1px solid #CCCCCC;*/
}

.parter-page-title-sec-bottom {
    font-size: 16px;
    font-weight: bold;
    padding-top: 0px;
    line-height: 40px;
}

.page-title-third {
    font-size: 18px;
    font-weight: bold;
    color: #E13911;
}

.partner-icon-outer-wrapper {
    width: 100%;
    padding: 10px 15px;
    padding-bottom: 50px;
}

.partner-icon-wrapper {
    width: 100%;
    min-height: 420px;
    background: url(../pic/partner-logo-desktop.jpg) no-repeat left top;
    background-size: 100%;
    background-position-y: center;

}

/*.partner-icon-wrapper img{width: 100%;}*/

/*partner page//END --------------------------------------------------------------------------------------------------------------------------------------------*/

/* download  page--------------------------------------------------------------------------------------------------------------------------------------------*/

.download-book-title {
    font-weight: bold;
    color: #E13911;
}

.download-book-detail, .download-book-detail:hover {
    color: #E13911;
    text-decoration: none;
}

.download-book-detail-wrapper input[type=radio]:checked + label {
    /*font-weight: bold;*/
    font-weight: normal;
    color: #E13911;
}

.download-info-detail-box {
    min-height: 680px;
}

.download-book-info-l {
    width: 200px;
    margin-right: 30px;
}

.download-book-info-l img {
    width: 100%;
}

a.download-book-link, a.download-book-link:hover {
    text-decoration: none;
    color: #E13911;
    outline: none;
}

.download-box-outer-wrapper {
    margin-bottom: 55px;
}

/* 下載資料 4box layout 與 Case-Sample 共用-------------------------------------*/

.image-box-product-info-download {
    min-height: 55px;
    background-color: white;
    color: gray;
}

.download-image-box-innerImg {
    margin-bottom: 0;
}

.download-image-box-innerImg img {
    width: 172px;
}

.download-box-product-title {
    font-weight: bold;
    margin-bottom: 0;
}

.download-box-product-content {
    margin-bottom: 0;
}

/* 下載資料 4box layout 與其他共用//-------------------------------------*/

/* download  page//END--------------------------------------------------------------------------------------------------------------------------------------------*/

/* cooperate  page--------------------------------------------------------------------------------------------------------------------------------------------*/

/* cooperate  page--------------------------------------------------------------------------------------------------------------------------------------------*/

/* cooperate  page--------------------------------------------------------------------------------------------------------------------------------------------*/

.cooperate-title-sec-wrapper {
    margin-bottom: 0;
    width: 100%;
}

.cooperate-page-title-sec {
    padding: 10px 0;
    display: block;
    width: 100%;
    max-width: 1000px;
/*    font-weight: bold;*/
    margin-bottom: 20px;
}

.cop-radio-label {
    width: 13%;
    height: 50px;
	font-size:16px;
	text-align: center;
	padding: 15px;
    background-color: #464646;
    color: white;
	font-weight:bold;
}

.cooperate-detail-wrapper input[type=radio]:checked + label {
    font-weight: bold;
}

.cooperate-detail-wrapper input[type=radio]:checked + label {
    background: #fff;
    color: #1A1A1A;
    border-bottom: 1px solid #fff;
}

.cooperate-info-detail-sec {
    padding: 50px 15px;
    padding-top: 0;
    margin-top: -70px;
}

.cop-radio-label-logo {
    width: 50px;
    height: 50px;
	vertical-align: middle;
}

.section-tab-outer-wrapper {
    width: 100%;
    height: 70px;
    /* border-bottom: 10px solid yellow; */
    position: relative;
}

.cooperate-detail-wrapper {
    /* position: relative; */
    top: -50px;
    left: 0;
    width: 100%;
    /* height: 500px; */
    /* background: aquamarine; */
}

.cooperate-detail-wrapper label {
    border: none;
}

.cop-info-gray-bk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #464646;
    height: 50px;
}

.cop-info-detail-box {
    position: relative;
    padding-top: 50px;
    border-top: none;
    padding-left: 0;
    padding-right: 0;
}

.cop-info-title-black {
    width: 100%;
    padding: 12px 15px;
    padding-left: 50px;
    background: url("../pic/cop-title-icon.png") no-repeat;
    background-color: #d5dde1;

    background-position-x: 15px;
    background-position-y: center;
/*	margin-top: 20px;*/
}

.cop-info-title-black p {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0;
}

.cop-info-title-red {
    width: 100%;
    padding: 12px 15px;
    background-color: #E13911;
/*	margin-top: 20px;*/
}

.cop-info-title-red p {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 0;
    color: white;
}

.cop-info-content {
    padding: 18px 0;    line-height: 22px;
}

.cop-com-inner-l {
    padding-right: 25px;
}

.cop-com-inner-r {
    padding-left: 25px;
}

.cop-info-content {
    color: #808080;
}

.cop-info-content .bold-font-style {
    color: #4D4D4D;
}

.cop-info-qrcode {
    width: 107px;
    height: 107px;
}

.cop-info-qrcode img {
    width: 100%;
}

/* cooperate  page//END--------------------------------------------------------------------------------------------------------------------------------------------*/

/* company-profile  page--------------------------------------------------------------------------------------------------------------------------------------------*/

h5.company-product-info-title {
    font-size: 16px;
    font-weight: bold
}

.company-profile-image-box-1 {
    height: 130px;
	width: 100%;
    /*border: 1px solid;*/
    display: flex;
    flex-direction: row;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */


/*    align-items: center;*/
	margin-bottom: 10px;
	background: url("../pic/profile-box1.jpg") no-repeat center center;
	background-size: cover;
}

.company-profile-image-box-2 {
    height: 130px;
	width: 100%;
    /*border: 1px solid;*/
    display: flex;
    flex-direction: row;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */

    /*2018/01/31-flex 屬性-各瀏覽器//END */

/*    align-items: center;*/
	margin-bottom: 10px;
	background: url("../pic/profile-box2.jpg") no-repeat center center;
	background-size: cover;
}

.company-profile-image-box-3 {
    height: 130px;
	width: 100%;
    /*border: 1px solid;*/
    display: flex;
    flex-direction: row;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */

    /*2018/01/31-flex 屬性-各瀏覽器//END */

/*    align-items: center;*/
	margin-bottom: 10px;
	background: url("../pic/profile-box3.jpg") no-repeat center center;
	background-size: cover;
}


.company-profile-image-box img {
    width: 100%;
}


/* company-profile  page//END--------------------------------------------------------------------------------------------------------------------------------------------*/

/* coretech page------------------------------------------*/

.image-box-tech-wrapper {
    border: 1px solid #CCCCCC;
    background: #ffffff;
    padding: 18px 24px;
    /* width: 300px; */
    height: 360px;
    color: #4D4D4D;
    font-size: 20px;
}

.image-box-tech-wrapper:hover {
    border: 1px solid #E13911;
    background: #E13911;
    color: #ffffff;
}

.image-box-tech-wrapper:hover .adv-box-middle-line {
    background-color: #ffffff;

}

/* advantage page------------------------------------------*/
/* advantage page------------------------------------------*/
/* advantage page------------------------------------------*/

.image-box-adv-wrapper {
    border: 1px solid #CCCCCC;
    background: #ffffff;
    padding: 10px 20px;
    /* width: 300px; */
    height: 140px;
    color: #4D4D4D;
    font-size: 20px;
}

.image-box-adv-wrapper:hover {
    border: 1px solid #E13911;
    background: #E13911;
    color: #ffffff;
}

.image-box-adv-wrapper:hover .adv-box-middle-line {
    background-color: #ffffff;

}

/*SVG hover填色效果 原始寫法*/
.icon {
    /*cursor: pointer;*/
}

.image-box-adv-wrapper:hover .image-box-adv-inner svg.icon-coreTech path {
    fill: #FFFFFF;
}

/*.icon-coreTech:hover path{  fill: #2cc3ff;  }*/

/*SVG hover填色效果 原始寫法//END*/

/*-----原本是 image-box-coreTech-inner */

.image-box-adv-inner {
    width: 70px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: column;
    -webkit-flex-direction: column; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.adv-box-middle-line {
    width: 100%;
    height: 1px;
    background-color: #CCCCCC;
    margin: 10px 0;
}

/* advantage - 下方表格*/

.adv-info-outerwrapper {
/*    margin-top: 10px;*/
    margin-bottom: 5px;
}

.adv-bt-image-row {
    padding: 0 15px;

    /*2018/01/10/ - 解決adventage.html圖片無置中*/
    display: flex;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */

    /*2018/01/31-flex 屬性-各瀏覽器//END */

}

.adv-bt-image-box-wrapper {
    position: relative;
    min-height: 120px;
    margin-bottom: 0px;
}

.adv-bt-image-box {
    height: 100px;
    /*border: 1px solid;*/
    display: flex;
    flex-direction: row;
    align-items: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    flex-direction: row;
    -webkit-flex-direction: row; /* Safari 6.1+ */
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */
}

.adv-bt-image-box img {
    width: 80%;
}

.adv-bt-image-title {
    margin-bottom: 0;
    padding: 0px 0;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.adv-bt-info-row-top, .adv-bt-info-row-bt {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;

    /*2018/01/31-flex 屬性-各瀏覽器*/
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* 解決各裝置與IOS8以上 flex問題 --------------------END */
    /*2018/01/31-flex 屬性-各瀏覽器//END */

    padding: 0 15px;
}

.adv-bt-info-row-top {
    background-color: #e3e3e3;
}

.adv-bt-info-row-bt {
    background-color: #edeeef;
}

.adv-hilight-num {
    /*font-size: 24px; line-height: 24px;*/
}

.adv-hilight-num {
    font-size: 24px;
    margin-bottom: 0;
    padding: 10px 0;
    line-height: 28px;
    font-weight: bold;
}

.adv-hilight-num span.adv-small-text {
    font-size: 16px;
    line-height: 16px;
}

.adv-title-num {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
}

/*下方5分文字*/
.text-box-outer-wrapper {
    padding: 10px 15px;
/*
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
*/
}

.text-box-info {
    /*border-right: 1px solid #CCCCCC;*/
    height: 40px;
    padding-top: 4px;
    margin-bottom: 6px;
}

/*解除設定*/
.text-box-info p {
    margin: 0;
}

.text-box-info-title p {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 26px;
}

.adv-bt-hilight-num {
    font-size: 24px;
    margin-bottom: 0;
    /*padding: 10px 0;*/
    line-height: 28px;
}

p.adv-bt-hilight-num-big {
    font-size: 43px;
    margin-left: 6px;
    /* margin-right: -10px; */
    /* line-height: 45px; */
    font-weight: 500;
    /* line-height: 19px; */
    display: block;
    margin-top: -5px;
}

p.adv-bt-hilight-num-big span.adv-small-text {
    color: #1A1A1A;
}

.adv-bt-text-last-row {
    margin-top: -10px;
    margin-bottom: 0px;
}

.adv-bt-text-text {  width:100%;
    text-align: justify;  font-size: 13px; line-height: 22px; margin-bottom: 0; }
/* advantage page//END---------------------------------------*/