/* 針對ipad以下+iphone --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對ipad以下+iphone --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對ipad以下+iphone --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對ipad以下+iphone --------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 376px) and (max-width: 767px) {
    /* searchbar 页面右上--------------------------------------------------------------------- */
    /* searchbar 页面右上--------------------------------------------------------------------- */
    /* searchbar 页面右上--------------------------------------------------------------------- */



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

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


    /* 共同邊線 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 共同邊線 --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 共同邊線 ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .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;  }

    /*表格填寫- 選項高度*/
    .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;  }

    .page-ex-sec-inner,.point-box-wrap,.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 */


        /*padding: 0 20px;*/
        /*padding-bottom: 20px;*/
    }

    .ex-sec-box-wrapper ,.indexPage-icon-inner-wrap{  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-between;  }


    /*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: 50px auto;  }
.indexPage-icon3 {  background-size: 60px auto;  }
.indexPage-icon4 {  background-size: 70px auto;  }
.indexPage-icon{
    border:1px solid #b7b6b6  ;}

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

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

        padding:0 ;
    }
    .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;
        padding: 25px 15px;
    }
    .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;
    }
    .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: 360px;
        margin-bottom: 75px;
    }
    .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;  }
    .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: 495px;}
    .office-light-bottom-intro-wrapper{
        height: auto;
        padding: 0;
    }


    /* product-seriesPage --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-seriesPage --------------------------------------------------------------------------------------------------------------------------------------------*/
    /* product-seriesPage ---------------------------------------------------------------------------------------------------------------------------------------------*/
    .tabbable{
        flex-direction: column;padding: 0;
        /*2018/01/31-flex 屬性-各瀏覽器*/
        flex-direction: column;
        -webkit-flex-direction: column; /* Safari 6.1+ */
        /*2018/01/31-flex 屬性-各瀏覽器//END */
    }
    .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;}

    /*.tab-content{padding-right: 30px}*/

    /* 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: 0;}
    .case-sample-intro {
        width: 100%;
    }

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

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

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

        /*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;
        padding-right: 0;
    }
    .case-sample-intro li p:last-child {
        width: 50%;
        text-align: left;
        padding-left: 20px;
    }

    .case-sample-box-outer-wrapper .image-box-innerImg img{
        width: 200px;
    }
    /*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: 17px;  }
    .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--------------------------------------------------------------------------------------------------------------------------------------------*/

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

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

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

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

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

    .support-box-innerImg img, .support-bt-box-innerImg img {
        /*width: 125px;*/
        width:100%;
    }

    .support-bt-box-product-info{ height: auto; }

    /* support 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;}


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

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


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


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

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


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

    /* 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 {
        /*min-height: 500px;*/
        /*width: 100%;*/
        /*background: url(../pic/test-partner-logo.png) no-repeat left top;*/
        /*background-size: 100%;*/
        /*background-position-y: center;*/
    }



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

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

    .adv-bt-image-box-wrapper {
        min-height: 150px;
    }

    .adv-bt-image-box {
        height: 100px;
    }

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


}



/* 針對特殊尺寸845 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對特殊尺寸845--------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對特殊尺寸845 --------------------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (min-width: 769px) and (max-width: 885px){

    /* 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: 0;}
    .case-sample-intro {
        width: 100%;
    }

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

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

        /* 解決各裝置與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: none;
    }
    .case-sample-intro li p:first-child {
        width: 50%;
        text-align: right;
        padding-right: 20px;
    }
    .case-sample-intro li p:last-child {
        width: 50%;
        text-align: left;
        padding-left: 20px;
    }

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

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

    /* 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;}

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


}


/* 針對特殊尺寸700 --------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對特殊尺寸700--------------------------------------------------------------------------------------------------------------------------------------------*/
/* 針對特殊尺寸700 --------------------------------------------------------------------------------------------------------------------------------------------*/


/* for Desktop */
@media ( min-width : 700px ){

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

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

    ul.timeline{
        padding: 20px 15px;
    }

    .timeline > li {
        overflow: hidden;
        margin: 0;
        position: relative;

        /*用padding調整置中感*/
        padding: 0 40px;

        /*用padding調整置中感 //END*/


    }
    .timeline-date {
        width: 110px;
        float: left;
        margin-top: 17px;
        text-align: right;
        padding-right: 35px;
    }
    .timeline-content {
        width: 75%;
        float: left;
        border-left: 3px #E13911 solid;
        padding-left: 35px;
        padding-bottom: 35px;
    }
    .timeline-content:before {
        content: '';
        width: 12px;
        height: 12px;
        background: #E13911;
        position: absolute;
        left: 106px;
        top: 24px;
        border-radius: 100%;
        -webkit-border-radius:100%;

            /*用padding調整置中感-微調圈圈*/
        left: 146px;
        /*用padding調整置中感-微調圈圈*/

    }


    /*第一個項目li調整*/
    .timeline-content.timeline-content-first h3 {
        margin-top: -5px;
    }

    p.timeline-date.timeline-date-first {
        margin-top: -8px;
    }

    ul.timeline li:first-child .timeline-content:before{
        /*width: 12px;*/
        /*height: 12px;*/
        left: 146px;
        top: 8px;
    }

    .timeline li.timeline-li-first {
        padding-top: 10px;
    }


    /*第一個項目li調整 //END */

    /*倒數第二個項目li調整*/

    div.timeline-content-last-sec{
        padding-bottom: 40px;
        margin-bottom: 0;
    }





    /*倒數第二個項目li調整// END*/

    /*最後一個項目li調整*/

    ul.timeline li:last-child .timeline-content:before{
        width: 20px;
        height: 20px;
        left: 141px;
        top:0;
    }

    ul.timeline li:last-child .timeline-content h3{
        /*font-size: 28px;*/
        margin-top: 0;
    }

    div.timeline-content-last{
        border-left: none;
    }
    /*最後一個項目li調整 // END*/

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

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

}





/* 針對特殊尺寸700 //END--------------------------------------------------------------------------------------------------------------------------------------------*/




/*針對 ipad --------------------------------------------------------------------------------------------------------------------------------------------*/
/*針對 ipad --------------------------------------------------------------------------------------------------------------------------------------------*/
/*針對 ipad --------------------------------------------------------------------------------------------------------------------------------------------*/

/* index 页*/
@media screen and (max-width: 1000px) {
    .footer-sitemap ,.footer-inner-bottom {  display: none;  }
    .footer-inner-top{border-bottom: none;}

    /*!*case-sample页*!*/
    /*.case-sample-intro{ flex-direction: column;  }*/
    #case-sample-intro-wrapper{    padding: 20px 0;}
    .case-sample-saving-total{    line-height: 59px;}

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

    .tabbable{
        /*padding: 0 10px;*/
    }

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


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


    .tab-content{padding-right: 30px}


    /*product-semple-main page // END--------------------------------------------------------------------------------------------------------------------------------------------*/



}