/* 針對iphone6以下 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對iphone6以下 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對iphone6以下 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對iphone6以下 ----------------------------------------------------------------------------------------------------------------------------------------*/




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

    /* 全页面 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 全页面 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 全页面ㄋ --------------------------------------------------------------------------------------------------------------------------------------------*/

    .container-fluid {
        width: 100vw;
    }



    /* 共同邊線 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 共同邊線 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 共同邊線 ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .box-border-r-bt{
        border-bottom: none;
        border-right:none;

    }
    .box-border-bt{  border-bottom: none; }

    .box-border-l-bt{
        border-left: none;
        border-bottom: none;
    }
    .box-border-r{  border-right: none;  }
    .box-border-l{  border-left: none;  }

    /* searchbar 页面右上--------------------------------------------------------------------- */
    /* searchbar 页面右上--------------------------------------------------------------------- */
    /* searchbar 页面右上--------------------------------------------------------------------- */



    .function-box-wrapper{display: none;}

    /* searchbar 页面右上//END--------------------------------------------------------------------- */



    /*表格填寫- 選項高度*/
    .form-control, .form-control-search {
        height: 35px;
    }


    /* index --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* index --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* index ---------------------------------------------------------------------------------------------------------------------------------------------*/
    /*Nav導覽列*/
    .navbar-wrapper {
        padding: 0 25px;
    }
    .point-box-wrap {
        flex-direction: column;
        -webkit-flex-direction: column;

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

        /* 解決各裝置與IOS8以上 flex問題 --------------------END */
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /* 解決各裝置與IOS8以上 flex問題 --------------------END */

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

    .point-box {
        height: 66px;
        background-size: 15%;
        width: 260px;
    }

    .point-box-title {
        line-height: 66px;
    }

    #logo {
        width: 263px;
    }

    .page-ex-sec-inner {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        /*padding: 0 20px;*/
        /*padding-bottom: 20px;*/

        /*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+ */

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

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

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

    .ex-sec-box-big,.ex-sec-box{ height: 280px;}


    .indexPage-icon-wrap-outer {
        flex-direction: column;
        -webkit-flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }

    .indexPage-icon {  width: 100%;     border: 1px solid #b7b6b6;  }

    .indexPage-icon-inner-wrap {  width: 100%;  }

    .indexPage-icon-inner-wrap:first-child{  border-left:none; }

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


    .footer-inner-top {
        justify-content: space-around;
    }

    /*footer*/
    /*.footer-sitemap ,.footer-inner-bottom {*/
    /*display: none;*/
    /*}*/
    .footer-inner-top {
        padding-top: 15px;
        padding-left: 10px;
        padding-right: 10px;

        height: 60px;
    }

    .footer-logo {  margin-right: 0;  }

    .indexPage-Qrcode {  margin-left: 10px;  }

    /**/
    .indexPage-icon1, .indexPage-icon2 {  background-size: 67px auto;  }
    .indexPage-icon3, .indexPage-icon4{  background-size: 85px auto;  }

    /*首页輪播下方banner*/
    .banner-word-title{width: 100%;}
    .banner-word-content{display: none;}

    /* Go-to-top按鈕 页面右下--------------------------------------------------------------------- */
    .window-tag-link-wrapper{display: none;}
    #goToTop{    top: 75vh;}


    /* product --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .product-intro-wrapper-inner, .product-info-detail-inner-wrapper {
        flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }
    .product-intro-left{border: none;}

    .product-intro-left, .product-intro-right {
        width: 100%;
    }

    .vertical-line {
        display: none;
    }

    #product-intro-wrapper {
        min-height: 260px;
        height: auto;
    }

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

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

    p.product-info-detail-num {
        font-weight: bold;
        background-color: #1A1A1A;
        color: white;
    }

    /* product-main --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-main --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-main ---------------------------------------------------------------------------------------------------------------------------------------------*/
    /*2017/12/10要貼到手機*/
    .product-main-box-sec-wrapper{
        flex-direction: column;
        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }
    .product-main-box-left,.product-main-box-right{width: 100%;}
    .product-main-box-right{
        height: auto;
        background-color: #F0F0F0;

        padding: 10px 15px;
    }
    .product-main-title{padding: 0;margin: 0;}
    .product-main-content{height: auto;padding: 0;}
    p.product-main-link {  margin-bottom: 0;  }


    .product-main-box-outer-wrapper {
        min-height: 380px;
        margin-bottom: 50px;
    }
    .product-main-box-sec-wrapper>a{width: 100%;}

    .product-main-box-left{height: 240px;}

    /*2017/12/10要貼到手機*/


    /* product-officelight --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-officelight --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-officelight ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .office-light-intro-inner, .office-light-bottom-intro-inner, .office-light-product-wrapper {
        flex-direction: column;
        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }

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

    .office-light-intro-inner {
        height: auto;
    }

    .office-light-intro-left, .office-light-intro-right {
        width: 100%;
    }

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

    .office-light-product-box {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }

    .office-light-product-info {
        padding: 15px;
    }

    .office-light-bottom-intro-left, .office-light-bottom-intro-right {
        width: 100%;
    }

    .office-light-bottom-intro-wrapper {
        height: auto;
    }

    .office-light-intro-right {
        min-height: 285px;
    }

    .office-light-intro-wrapper {
        height: 545px;
    }

    /* product-seriesPage --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-seriesPage --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-seriesPage ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .tabbable {
        flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
        padding: 0;
    }

    .nav-lists, .tabbable .tab-content {
        width: 100%;
    }

    .tabbable .tab-content {
        border: none;
        padding: 0;
    }

    .nav-lists > li.inner-option-li {
        width: auto;
        margin: 0 0 0 25%;
    }

    .product-setSample-box-wrapper {
        height: 330px;
    }

    /* product --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .product-info-detail-wrapper label {
        padding: .7em .7em;
    }

    .product-info-detail-box img.product-info-detail-box-coreTech1, .product-info-detail-box img.product-info-detail-box-coreTech2 {
        width: 100%;
    }
    /* product-semple-main --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-semple-main --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-semple-main --------------------------------------------------------------------------------------------------------------------------------------------*/

    .sample-main-tab-title{
        padding-left: 15px;
        padding-right: 15px;

    }

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

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

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




    /* case-sample --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* case-sample --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* case-sample --------------------------------------------------------------------------------------------------------------------------------------------*/
    /*.case-sample-intro1{display: none}*/
    /*.case-sample-intro2,.case-sample-intro3{display: block}*/
    .case-sample-intro {
        flex-direction: column;
        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }

    #case-sample-intro-wrapper{padding: 10px 0;}


    .case-sample-intro {
        width: 100%;
    }

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


        /* 解決各裝置與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 */

        line-height: 37px;
        width: 100%;
        border-right: none;
    }

    .case-sample-intro li p:first-child {
        width: 50%;
        text-align: right;
        text-align: -webkit-right;

        padding-right: 0;
    }

    .case-sample-intro li p:last-child {
        width: 50%;
        text-align: left;
        text-align: -webkit-left;

        padding-left: 20px;
    }

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

    .news-outer-wrapper{
        flex-direction: column;
        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */

        padding:0 15px;
        margin-left: 0;
    }
    .news-link-wrap{padding-right: 0;}

    .news-box-left,.news-box-right{width: 100%;}
    .news-box-left{margin: 0;}
    .news-box-left {  margin-top: 10px;  }
    .news-box-right{padding: 30px 0;}

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

    .tab-content-outer-wrapper {
        width: 100%;
    }
    .page-number-row{
        padding-bottom: 20px;
    }
    /*加上页數- 更改架構 //END */


    /*news-detail page--------------------------------------------------------------------------------------------------------------------------------------------*/
    /*news-detail page--------------------------------------------------------------------------------------------------------------------------------------------*/
    /*news-detail page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .news-detail-box-top{  height: 35vh;  }
    .news-detail-outer-wrapper{
        padding: 15px;
    }
    /*news-detail page//END--------------------------------------------------------------------------------------------------------------------------------------------*/

    /* cooperate  page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .cop-radio-label {
        width: 50%;
    }
    .cooperate-detail-wrapper input[type=radio]:checked + label {
        border: 1px solid #e4e4e4;
    }

    .cop-info-gray-bk{display: none;}

    .cop-com-inner-l{padding-right: 0;}
    .cop-com-inner-r{padding-left: 0;}


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

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

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

    .support-image-box, .support-bt-image-box{padding: 0 15px;}


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

    .background-bt-box-product-info {
        padding: 20px 0;
        padding-bottom: 10px;
        padding-top: 70px;
        min-height: 190px;
    }

    .background-image-box-wrapper-top{margin-top: -105px;}

    .background-bt-image-box1 {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .background-bt-image-box2 {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

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


    /* certification page --------------------------------------------------------------------- */
    .certification-bt-intro-left,.certification-bt-intro-mid,.certification-bt-intro-right{
        padding-left:0;
        padding-right: 0;
    }

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

    }
    .certification-intro-inner2-l{text-align: left;    text-align: -webkit-left;
    }

    .certification-content-box{padding: 20px 0;}

    .certification-bt-intro-right{
        padding-top: 15px;
    }
    /* certification page  //END --------------------------------------------------------------------- */





    /* contact  page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .address-box-wrapper-l {  padding-left: 15px;  }
    .address-box-wrapper-mid{ padding-left: 15px;}
    .address-box-wrapper-r{ padding-left: 15px;}


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

    /*partner page--------------------------------------------------------------------------------------------------------------------------------------------*/
    /*partner page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .partner-icon-wrapper {
        width: 100%;
        height: 100vh;
        background: url(../pic/test-partner-logo.png) no-repeat left top;
        background-size: 100%;
        background-position-y: center;

    }



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



}


/* 針對iphone6以下 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對iphone6以下 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對iphone6以下 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對iphone6以下 ----------------------------------------------------------------------------------------------------------------------------------------*/



@media screen and (min-width: 321px)and (max-width: 375px) {

    /* 共同邊線 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 共同邊線 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 共同邊線 ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .box-border-r-bt{
        border-bottom: none;
        border-right:none;

    }
    .box-border-bt{  border-bottom: none; }

    .box-border-l-bt{
        border-left: none;
        border-bottom: none;
    }
    .box-border-r{  border-right: none;  }
    .box-border-l{  border-left: none;  }


    /* searchbar 页面右上--------------------------------------------------------------------- */
    /* searchbar 页面右上--------------------------------------------------------------------- */
    /* searchbar 页面右上--------------------------------------------------------------------- */



    .function-box-wrapper{display: none;}

    /* searchbar 页面右上//END--------------------------------------------------------------------- */

    /*表格填寫- 選項高度*/

    .form-control, .form-control-search {
        height: 35px;
    }

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

    /*Nav導覽列*/
    .point-box {
        height: 66px;
        background-size: 15%;
        width: 260px;
    }

    .point-box-title {  line-height: 66px;}


    #logo {  width: 263px;  }

    .point-box-wrap,.page-ex-sec-inner,.indexPage-icon-wrap-outer {
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;

        /*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+ */

        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }

    .ex-sec-box-wrapper, .indexPage-icon-inner-wrap , .indexPage-icon-inner-link {  width: 100%;  }

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

    .ex-sec-box-big,.ex-sec-box{ height: 280px;}

    .indexPage-icon {  width: 100%;     border: 1px solid #b7b6b6;  }

    .indexPage-icon-inner-wrap:first-child{  border-left:none; }

    .footer-inner-top {  justify-content: space-around;  }

    /*footer*/

    /*.footer-sitemap ,.footer-inner-bottom {*/
    /*display: none;*/
    /*}*/
    .footer-inner-top {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;

        height: 60px;
    }

    .footer-logo {  margin-right: 0;  }

    .indexPage-Qrcode {  margin-left: 10px;  }

    /**/
    .indexPage-icon1, .indexPage-icon2 {  background-size: 67px auto;  }
    .indexPage-icon3, .indexPage-icon4{  background-size: 85px auto;  }

    /*首页輪播下方banner*/
    .banner-word-title{width: 100%;}
    .banner-word-content{display: none;}


    /* Go-to-top按鈕 页面右下--------------------------------------------------------------------- */
    .window-tag-link-wrapper{display: none;}
    #goToTop{    top: 75vh;}


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


    .product-intro-wrapper-inner,.product-info-detail-inner-wrapper{
        flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */

    }
    .product-intro-left{border: none;}
    .product-intro-left,.product-intro-right{width: 100%;}
    .vertical-line{display: none;}
    #product-intro-wrapper{min-height: 260px;    height: auto;}
    .product-info-detail-left, .product-info-detail-right{width: 100%;}
    .product-info-detail-left{padding-right: 0;}

    p.product-info-detail-num {
        font-weight: bold;
        background-color: #1A1A1A;
        color: white;
    }

    .product-info-detail-box img.product-info-detail-box-coreTech1, .product-info-detail-box img.product-info-detail-box-coreTech2 {
        width: 100%;
    }

    /* product-main --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-main --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-main ---------------------------------------------------------------------------------------------------------------------------------------------*/
    /*2017/12/10要貼到手機*/
    .product-main-box-sec-wrapper{
        flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }
    .product-main-box-left,.product-main-box-right{width: 100%;}
    .product-main-box-right{
        height: auto;
        background-color: #F0F0F0;
    }
    .product-main-title{padding: 0;margin: 0;}
    .product-main-content{height: auto;padding: 0;}
    p.product-main-link {  margin-bottom: 0;  }


    .product-main-box-outer-wrapper {
        min-height: 380px;
        margin-bottom: 50px;
    }
    .product-main-box-sec-wrapper>a{width: 100%;}

    .product-main-box-left{height: 240px;}

    /*2017/12/10要貼到手機*/





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

    .office-light-intro-inner, .office-light-bottom-intro-inner,.office-light-product-wrapper{
        flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */

    }
    .office-light-product-wrapper>div {  margin-right: 0; }
    .office-light-intro-inner{height: auto;}
    .office-light-intro-left,.office-light-intro-right{width: 100%;}
    .office-light-intro-left {  padding: 0 15px;  }
    .office-light-product-box{width: 100%;margin: 0;margin-bottom: 30px;}
    .office-light-product-info{padding: 15px;}
    .office-light-bottom-intro-left,.office-light-bottom-intro-right{width: 100%;}
    .office-light-bottom-intro-right{padding: 0;}
    .office-light-bottom-intro-wrapper{height: auto;}

    .office-light-intro-right {  min-height: 285px;  }
    .office-light-intro-wrapper {  height: auto; padding: 10px 0;}

    /* product-seriesPage --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-seriesPage --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-seriesPage ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .tabbable{
        flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */

        padding: 0;}
    .nav-lists,.tabbable .tab-content{width: 100%;}
    .tabbable .tab-content{
        border:none;
        padding:0;
    }
    .nav-lists > li.inner-option-li{
        width: auto;
        margin: 0 0 0 9%;
    }

    .product-setSample-box-wrapper{height: 330px;}
    /* product --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product ---------------------------------------------------------------------------------------------------------------------------------------------*/

    .product-info-detail-wrapper label{    padding: .7em .7em;}


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

    .sample-main-tab-title{
        padding-left: 15px;
        padding-right: 15px;

    }

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

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

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



    /* case-sample --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* case-sample --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* case-sample --------------------------------------------------------------------------------------------------------------------------------------------*/
    /*.case-sample-intro1{display: none}*/
    /*.case-sample-intro2,.case-sample-intro3{display: block}*/

    .case-sample-intro{
        flex-direction: column;
        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */

    }
    #case-sample-intro-wrapper{padding: 10px 0;}
    .case-sample-intro {
        width: 100%;
    }

    .case-sample-intro li {
        flex-direction: row;
        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 */
        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 */

        line-height: 37px;
        width: 100%;
        border-right: none;

    }
    .case-sample-intro li p:first-child {
        width: 50%;
        text-align: right;
        text-align: -webkit-right;


        padding-right: 20px;
    }
    .case-sample-intro li p:last-child {
        width: 50%;
        text-align: left;
        text-align: -webkit-left;

        padding-left: 20px;
    }

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

    .news-outer-wrapper{
        flex-direction: column;

        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */

        padding:0 15px;
        margin-left: 0;
    }

    .news-link-wrap{padding-right: 0;}


    .news-box-left,.news-box-right{width: 100%;}
    .news-box-left{margin: 0;}
    .news-box-left {  margin-top: 10px;  }
    .news-box-right{padding: 30px 0;}

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

    .tab-content-outer-wrapper {
        width: 100%;
    }
    .page-number-row{
        padding-bottom: 20px;
    }
    /*加上页數- 更改架構 //END */


    /*news-detail page--------------------------------------------------------------------------------------------------------------------------------------------*/
    /*news-detail page--------------------------------------------------------------------------------------------------------------------------------------------*/
    /*news-detail page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .news-detail-box-top{  height: 35vh;  }
    .news-detail-outer-wrapper{
        padding: 15px;
    }
    /*news-detail page//END--------------------------------------------------------------------------------------------------------------------------------------------*/


    /* cooperate  page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .cop-radio-label {
        width: 50%;
    }
    .cooperate-detail-wrapper input[type=radio]:checked + label {
        border: 1px solid #e4e4e4;
    }

    .cop-info-gray-bk{display: none;}

    .cop-com-inner-l{padding-right: 0;}
    .cop-com-inner-r{padding-left: 0;}



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

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

    .support-image-box, .support-bt-image-box{padding: 0 15px;}

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



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




    .background-bt-box-product-info {
        padding: 20px 0;
        padding-bottom: 10px;
        padding-top: 70px;
        min-height: 190px;
    }

    .background-image-box-wrapper-top{margin-top: -105px;}

    .background-bt-image-box1 {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .background-bt-image-box2 {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

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


    /* certification page --------------------------------------------------------------------- */
    .certification-bt-intro-left,.certification-bt-intro-mid,.certification-bt-intro-right{
        padding-left:0;
        padding-right: 0;
    }

    .certification-bt-intro-right, .certification-intro-inner-r {
        text-align: right;
    }
    .certification-intro-inner2-l{text-align: left;    text-align: -webkit-left;
    }

    .certification-content-box{padding: 20px 0;}

    .certification-bt-intro-right{
        padding-top: 15px;
    }
    /* certification page  //END --------------------------------------------------------------------- */




    /* contact  page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .address-box-wrapper-l {  padding-left: 15px;  }
    .address-box-wrapper-mid{ padding-left: 15px;}
    .address-box-wrapper-r{ padding-left: 15px;}


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



}



/* 針對特殊尺寸500--------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對特殊尺寸500--------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對特殊尺寸500 --------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 550px) {

    /*contact page--------------------------------------------------------------------------------------------------------------------------------------------*/
    /*contact page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .support-form {
        width: 100%;
        padding: 0 15px;
    }

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



    /*partner page--------------------------------------------------------------------------------------------------------------------------------------------*/
    /*partner page--------------------------------------------------------------------------------------------------------------------------------------------*/
    .partner-icon-wrapper {
        width: 100%;
        height: 100vh;
        background: url(../pic/test-partner-logo.png) no-repeat left top;
        background-size: contain;
        background-position: center;
    }



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

}