html {
    font-size: 14px;
}
img.logo-img {
    max-width: 100%;
    height: auto;
    width: 115px;
}
.clearboth{
  clear:both;
}


/*slideshow大圖輪播 193已停用*/
.acm-slideshow #acm-slideshow-193{
    .owl-carousel .owl-item.active .mask,
    .owl-carousel .item .mask{
        display:none;
    }
}
.t3-top-bar{
    padding-top:10px;
    border-bottom:unset;
}

.t3-top-bar .top-left,
.t3-top-bar .languageswitcherload{
  border-left:unset;
}
.t3-top-bar .top-right {
    border-right:unset
}

.languageswitcherload img{
    display:none;
}  

/*右上角登入區塊*/
#mod-custom113,
#mod-custom187 {
    display: inline-block;
}

#mod-custom187 {
    padding-left: 5px;
    margin-left: 5px;
}
#mod-custom113 {
    border-right: 1px solid #ddd;
    padding-right: 10px;
}
/*end-右上角登入區塊*/



/*amazon連結，只會在歐美IP出現*/
/*@media (max-width: 1600px){
.nav-search{
    width:100%;
}
  .input-group .form-control {
    width: 100%;
}
}
*/
.nav-search .btn-primary:active:hover{
  background-color:#fff;
}

.nav-search .search,
#mod-custom204{
    display: inline-block;
    padding-left: 5px;
}

#mod-custom205 {
    display: inline-block;
    margin-left: 5px;
}


.nav-search .btn:hover{
  border: 1px solid #ccc;
}
.nav-search input:focus {
    border-color: #ccc;
}
.nav-search .btn:before {
color:#444;
}


.nav-search input {
    background: transparent;
    border: 1px solid #ccc;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    height: 36px;
    line-height: 36px;
}

.nav-search .btn {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 0 3px 3px 0;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    font-weight: 400;
    font-size: 0;
    margin-left: -4px;
}

.t3-mainbody,
.t3-content{
    padding-top: 0px;
}



/*滑動頁面固定選單在螢幕頂*/
@media (min-width: 1600px){
    .t3-mainnav.affix {
        width: 100%;
    }
}


/*麵包屑 網頁軌跡breadcrumb bottom*/
#Mod141.t3-module{
  margin-bottom:12px;
}

/*所有頁面：固定聯繫業務*/
div#mod-custom112 {
    position: fixed;
    top: 45%;
    z-index: 999;
    right: -18px;
}

.t3-masthead {
    margin-top: 10px;
}


/*主選單(包含logo)*/
#t3-header {
    background:#fff;
}
#t3-header.oringnet.affix {
    z-index: 2;
    top:0px;
    position: sticky;
}
.t3-header.oringnet{
    padding-top: 14px;
    padding-bottom: 14px;
}

.t3-header.oringnet .logo {
    text-align: center;
}


#t3-mainnav{
    .btn-primary{
        color:#222;
    }
    .navbar-toggle {
        color: #0d0d0d;
    }
    .navbar-brand {
      color: rgba(255, 255, 255, 0.8);
      &:hover,
      &:focus {
        color: rgba(230, 230, 230, 0.8);
        background-color: transparent;
      }
    }
    .navbar-text {
        color: #777777;
    }
}
/*
@media (min-width: 1600px){
#t3-header .container{
        width:1250px;
    }
}
*/

#t3-mainnav .t3-megamenu{
    .navbar-nav > li > a {
        color: #222;
        &:hover,
        &:focus {
            color: #222;
            background-color: transparent;
        }
    }
    .navbar-nav > .active > a,
    .navbar-nav > .active > a:hover,
    .navbar-nav > .active > a:focus {
       color: #222;
       background-color: rgba(255, 255, 255, 0.15); 
    }
    .navbar-nav > .disabled > a,
    .navbar-nav > .disabled > a:hover,
    .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
    .navbar-nav > .open > a,
    .navbar-nav > .open > a:hover,
    .navbar-nav > .open > a:focus {
        color: #222;
        background-color: rgba(255, 255, 255, 0.15);
    }

}


@media (max-width: 767px) {

  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > li > a {
    color: #222;
  }
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > li > a:hover,
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #222;
    background-color: transparent;
  }
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > .active > a,
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > .active > a:hover,
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #222;
    background-color: rgba(255, 255, 255, 0.15);
  }
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > .disabled > a,
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  #t3-mainnav .t3-megamenu .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
#t3-mainnav{
    .navbar-toggle {
      border-color: transparent;
      &:hover,
      &:focus {
        background-color: rgba(255, 255, 255, 0.3);
      }
      .icon-bar {
        background-color: #ffffff;
      }
    }
    .navbar-collapse,
    .navbar-form {
        border-color: unset;
    }
    .navbar-link {
      color: rgba(255, 255, 255, 0.8);
      &:hover {
        color: #ffffff;
        }
    }
    .btn-link:hover,
    .btn-link:focus {
      color: #ffffff;
    }
}


#t3-mainnav .btn-link[disabled]:hover,
fieldset[disabled] #t3-mainnav .btn-link:hover,
#t3-mainnav .btn-link[disabled]:focus,
fieldset[disabled] #t3-mainnav .btn-link:focus {
  color: #cccccc;
}
/*end主選單*/

/*用戶註冊頁面*/
.registration {
    .text-muted{
        color:#000;
    }
    .control-group .edm input {
        width: 50%;
        transform: scale(1.5);
        float: right;
    }
}

/*什麼彈出視窗*/
.j40 .modal-dialog .btn-close::before {
  content: "✕";
}

.j40 .modal-dialog .btn-close{
  background: #000000;
}

/*修改按鈕顏色樣式*/
.btn-secondary {
    color: #ffffff;
    background-color: #3f6cb2;
    border-color: #3f6cb2;
}

.btn-secondary.btn-lg{
  border-radius: 25px;
}

.btn:hover {
    background-color: var(--btn-hover-bg);
    border-color: var(--btn-hover-border-color);
    color: var(--btn-hover-color);
}
/*文章詳情*/
.article-content{
    h3{
      font-size:1.5em;
      color:#e67622;
    }
    img {
        margin: 0 auto;
    }
}


/*分類簡介*/
.section-wrap > div{
  padding:24px 0;
  p {
      color: #103675;
      font-size: 1.1em;
      font-weight: 600;
  }
}
/*子分類選單(橘色按鈕)*/
.ph-subcategories + ul li {
    display: inline-block;
    background: #fca654;
    transition: background 1s;
    margin: 6px;
    padding: 7px 12px;
    border-radius: 10px;
    &:hover,
    &:focus{
        background: #fb8c22;
    }
    a {
        color: #fff;
        text-decoration: none;
    }
}


/*某些產品類型會有Quick filter過濾功能*/
#phFilterBox{
    h4.panel-title{
        display: inline-block;
        font-weight:900;
        color:#103675;
    }
    .panel-default {
        border-color: #fff;
        border-bottom: 1px solid #000;
        > .panel-heading{
            background-color:unset;
            border-bottom:unset;
            border-color: unset;
        }
    }
}

/*產品列表中的產品區塊*/

#phItems .ph-item-box .thumbnail{
    transition: 0.3s;
    background-color: #f8f8f8;  
    border:unset;
    &:hover{
        background-color: #e6eaf0;
        border: 1px solid #dddddd;
    }
}
/*grid顯示時，檢視商品置中*/
#phItems.grid{
    .ph-button-view-product-box {
        text-align: center;
        float: none;
        
    }
    h3.ph-product-header{
        font-size: 1.3em;
        color:#3f6cb2;
        line-height: initial;
    }
}
/*gridlist*/

#phItems.gridlist{
    .ph-button-view-product-box {
        float: right;
        
    }
    h3.ph-product-header{
        font-size: 1.3em;
        color:#3f6cb2;
        line-height: initial;
    }

}
/* start added by webexpert  */
.ph-pull-left.ph-button-view-product-box{
    text-align: center;
    float: none;
}
/* end added by webexpert  */


/*產品比較彈出訊息*/
#phContainerRequest{
    + .modal-backdrop.show{
        background-color: #000000cc;
    }
    br {
      display: none;
    }
}

/*phoca cart產品詳情頁，讓內容可以顯示*/
.pc-item-view{
    .tab-content .tab-pane.fade {
        color:#000;
        opacity: 1;
    }
}


/*phoca cart產品規格表*/
.com_phocacart h1{
  font-size:2.5rem;
}
table.spec{
  width:100%;
  tbody tr:nth-child(2n) {
      background-color: #efefef;
  }
  tr td {
      padding: 16px 0;
  }
  tr td.ph-cf-title {
      border-bottom: 1px solid #000;
        text-align: right;
      padding-right: 20px;
  }
  tr td.ph-cf-value {  
      border-bottom: 1px solid #000;
  }
}

/*不明位置blog文章*/
nav.wrap.t3-navhelper ul.nav.nav-pills.nav-stacked.menu li {
    background: orange;
	transition: background 1s;
    margin: 10px;
    padding: 0 10px;
    border-radius: 10px;
    display: inline-block;
}

nav.wrap.t3-navhelper ul.nav.nav-pills.nav-stacked.menu li:hover,
nav.wrap.t3-navhelper ul.nav.nav-pills.nav-stacked.menu li:focus{
  background: #dd8f00;
  
}

nav.wrap.t3-navhelper .nav > li > a:hover,
nav.wrap.t3-navhelper .nav > li > a:focus {
    text-decoration: none;
    background-color: unset;
}

nav.wrap.t3-navhelper ul.nav.nav-pills.nav-stacked.menu li a{
    color: #fff;
}


@media screen and (min-width: 992px){
    .items-leading .item-image.pull-left {
        width: 30%;
        padding-right: 36px;
    }
    .items-leading .item-ct {
        width: 70%;
        padding-right: 24px;
    }
}


/*商品詳情頁：頁籤*/
.spec img {
    max-width: 100%;
}

.dl-table thead {
    background-color: #133774;
    color: #fff;
}
#phImageBox .img-thumbnail {
   
    background-color: unset;
   border: unset;
}
#phdescription ul li {
    list-style-type: none;
}

#phdescription ul li:before {
content: "■";
  color: #e67622;
      font-size: 1.3em;
    padding-right: 9px;
}

.ph-spec-title {
    text-align: right;
}

.ph-item-bottom-box li.nav-item a {
    border-top: 8px solid #d6a97e;
    background-color: #ccc;
    line-height: 27px;
    box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.2);
}

.ph-item-bottom-box li.nav-item a.active {
    border-top: 8px solid #ffab5b;
    background-color: #fff;
}
.tab-content{
    box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -2px -2px 5px 0px rgba(0,0,0,0.2);
}



/*相關商品*/
#phrelated .row-item.col-sm-12.col-md-3.col-lg-3.col-xl-3{
    width:100%;
}

#phrelated .row-item.col-sm-12.col-md-3.col-lg-3.col-xl-3 img,
#phrelated .row-item.col-sm-12.col-md-3.col-lg-3.col-xl-3 .ph-btn{
    display:none;
}
/*end 產品頁面結束*/


/*新聞發佈頁面的標題*/
.page-header{
  margin: 0 0 2px;
  padding-bottom: 2px;
}



/*新聞發佈內文標題*/
h1.article-title a {
    display: inline-block;
    border-bottom: #e0e0e0 thin solid;
    width: 100%;
    line-height: 2em;
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 2.2rem;
    margin-bottom: 30px;
    text-align: left;
}

h1.article-title a:after {
    background: #e67622;
    height: 3px;
    width: 60px;
    content: "";
    display: block;
    margin: 5px auto -4px 0;
    padding: 0px;
}

/*EOL產品頁面產品停產變更通知*/
.itemid-578 .blog h2.article-title a,
.itemid-666 .blog h2.article-title a {
    font-size: 0.8em;
}
/*578、666eol*/
.itemid-578 .item-ct,
.itemid-666 .item-ct{
  flex-direction:column;
}


/*品質保證頁面表格Quality Assurance*/
table.compliance tr:nth-child(2n){
  background-color:#eee;
  
}
table.compliance tr td:nth-child(2n+1){
    width: 120px;
    text-align: center;
}

/*里程碑milestone*/
table.milestone{
    td {
      display: grid;
      padding-left: 30px;
      border: 0px;
    }
    tbody {
      border-left: 3px solid #2b4a79;
      
    }
    tr:before {
        content: "◉";
        font-size: 1.6em;
        position: absolute;
        left: 1px;
        color: #2b4a79;
    }
    tr td:nth-child(1) {
        color: #b67c44;
        font-size: 1.6em;
        font-weight: 900;
    }
    tr td:nth-child(2) {
        border: 1px solid #ccc;
        border-radius: 10px;
        margin-left: 27px;
        width: 85%;
        padding: 20px;
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2);
    }
}


/*小螢幕選單項目*/
@media screen and (min-width: 768px){
	.t3-sl {
    	padding-bottom: 22px;
	    padding-top: 22px;
	}
}


/**全寬頁面****/
/*套用full-width樣式的表格*/
table.full-width{
  width:100%;
}
table.full-width,
table.full-width td,
table.full-width tr td{
    border:0px;
  padding: 10px;
}
table.stripe tr:nth-child(2n){
background-color:#eee;  
}

table.full-width img{
  vertical-align: middle;
}


#map-div img{
  margin:0 auto;
}

.tb-center{
  display: table-cell;
    vertical-align: middle;
    text-align: center;
}
@media (min-width: 1600px){
    .container-hd {
        width: 100%;
	}
}

.acm-slideshow .owl-carousel .item .img-bg {
    width: 100%!important;
}
html.full-width #t3-mainbody.container {
  width: 100%!important;
  max-width: 100%!important;
  padding-left: 0px;
  padding-right: 0px;
}
/*#t3-mainbody .container {
  width: 100%!important;
  max-width: 100%!important;
  padding-left: 0px;
  padding-right: 0px;
}*/




/*下載中心phoca download*/

/*download下載搜尋*/
.dl-search .search{
  float:right;
}


#phoca-dl-categories-box .col {
    display: inline-block;
    
    margin: 10px;
  padding: 0 0px;
    background-color: orange;
  width: 300px;
  /*width: 32%;*/
}
#phoca-dl-categories-box .col .card-body,
#phoca-dl-categories-box .col .card-footer{
    padding: 0 10px;
}

#phoca-dl-categories-box .col h3.card-title a,
#phoca-dl-categories-box .col .card-footer.pd-categories-card{
  color:#fff;
}

li.result__taxonomy-item.result__taxonomy--Type {
    display: none;
}



.new-products:before{
  content:"Products";
  font-size:2em;
  display:block;
  padding:20px 0;
}

.ph-product-module-box.new-products .ph-product-module-item-box-image img{
     max-width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
}

.ph-product-module-box.new-products {
    display: flex;
}

.ph-product-module-box.new-products .ph-product-module-item-box {
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
  background: #fff;
    margin: 10px;
    padding: 20px 10px 40px 10px;
}

/*新首頁-2*/
.ph-product-module-box.new-products2 .ph-product-module-item-box-image img{
     max-width: 70%;
    text-align: center;
    margin: 0 auto;
    padding: 10px;
}

.ph-product-module-box.new-products2 {
    display: flex;
}

.ph-product-module-box.new-products2 .ph-product-module-item-box {
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
  background: #fff;
    margin: 10px;
    padding: 20px 10px 40px 10px;
}


@media (min-width: 768px) {
    .com_sppagebuilder .col-sm-12 {
         width: unset; 
    }
}



/*end of 新首頁-2*/

/*news->events*/

.arrow-readmore layout-blog.view-category article .item-ct{
  width:100%;
}

.arrow-readmore.layout-blog.view-category article section.readmore {
    align-self: self-end;
}


.arrow-readmore .item-ct{
  flex-direction:column-reverse;
  
}

.arrow-readmore section.readmore {
    order: -1;
}


.arrow-readmore section.readmore a {
    transform: skewX(308deg);
}


.arrow-readmore section.readmore  {
    transform: skewX(45deg);
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    width:180px;
}



@media (max-width: 768px){

    .layout-blog.view-category article, 
    .layout-blog.view-category article .item-image,
    .layout-blog.view-category article .item-ct{
        flex-direction: column;
    }
    /*273、488展會資訊 events*/
    .itemid-273.layout-blog.view-category article section.readmore,
    .itemid-488.layout-blog.view-category article section.readmore {
        align-self: self-start;
    }

    .itemid-273 .article-header, 
    .itemid-488 .article-header {
        order: -1;
    }
    .itemid-273 .article-intro, 
    .itemid-488 .article-intro {
        order: -2;
    }
    .itemid-273 section.readmore, 
    .itemid-488 section.readmore {
        order: 1;
    }
 } 

#mod-custom166 .category-module.blog-department,
#mod-custom174 .category-module.blog-department {
    background: #ffffff;
    padding-bottom: 72px;
    padding-top: 30px;
}


.category-module.application-articles {
    background: #3410E8 url(/images/solution/ip_surveillance/industry_solution-surveillance/ip_surveillance-650-150.jpg) no-repeat 100% 100%;
    background-size: cover;
}

.category-module.application-articles:before{
  content:"Applicaion";
  font-size:2em;
  display:block;
  text-align: center;
    color: #fff;
  padding:20px 0;
}


.category-module.application-articles .items-row .item {
    text-align: center;
  }

/*//share isons*/
span.a2a_kit.a2a_kit_size_32.addtoany_list {
    position: fixed;
    bottom: 20px;
    right: 0;
}

/*FAQ分頁籤模組*/
#mod-custom166 .container,
#mod-custom174 .container{
  max-width:100%;
}

.j40 .modal-dialog .modal-body{
    height:unset;
}

.layout-blog.view-category article, 
.layout-blog.view-category article .item-image,
.layout-blog.view-category article .item-ct{
	display:flex;
}

/*oring-頻道影片專區*/
.layout-blog.view-category .oring-channel article, 
.layout-blog.view-category .oring-channel article .item-image,
.layout-blog.view-category .oring-channel article .item-ct{
	display:block;
}

.layout-blog .item-image {
    max-width: 400px;
    margin-right: 25px;
}

.t3-copyright {

    background-image: url(/images/footer-bg.png);
    background-repeat: repeat-x;
    min-height: 230px;
}


.squal-module-title{
    text-align:center;
}


/*//比較商品關閉
.fa-fw{display:none !important;}*/
/*231203Tom編輯產品頁面排版 開始*/
.ph-spec-title{
    text-align:left;
}

.category-module.application-articles .items-row .item{
    min-height:340px;
}

/*//tom20240626EditStart*/
.layout-blog.view-category article, 
.layout-blog.view-category article .item-image, 
.layout-blog.view-category article .item-ct{
    min-height:80px;
    width:-webkit-fill-available;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-around;
    align-items: center;
}

#phoca-dl-categories-box .col{
    background-color: #2b4a79;
}

#phoca-dl-categories-box .col h3.card-title a,
#phoca-dl-categories-box .col .card-footer.pd-categories-card {
    padding-bottom: 20px;
}

.text-muted{
    color:#ffffff;
}

.blog .article-title, 
.blog-featured .article-title, 
.blog .article-title a, 
.blog-featured .article-title a{
    min-height:80px;
}

/*231203Tom編輯產品頁面排版 結束*/

/*231222Tom編輯產品頁面排版 開始*/
mark{
    background-color: #f8f8f8;
}

.table.spec tr td.ph-cf-title{
    text-align:left !important;
}

/*4/14加上表格欄位文字置中 tom add*/
table.spec tr td {
    text-align: center !important;
}

table td[class*="col-"], 
table th[class*="col-"] {
    text-align: center !important;
}

.ph-cf-title{
    text-align:left !important;
}
/*231222Tom編輯產品頁面排版 結束*/

/*240101Tom編輯產品頁面排版 開始*/
.item h1.item-title.ja-animation{
    font-size:28px;
}

.blog-department .items-row .item{
    text-align:center;
    min-height:333px;
}
/*240101Tom編輯產品頁面排版 結束*/
.acm-features.style-1 .features-item-inner{  min-height:444px;
  margin-top:27px;
  
}

.squal-module-title{
  color:darkblue;
font-weight:bold !important;
}

.section-wrap > div p{
  font-weight:normal !important;
}

.acm-features.style-3 .features-item h3 a{
   font-weight:bold !important;
}
.com_phocadownload .form-select{color:#000000;}
#shakeymodal {
    top: 30vh;
}
/*240206選單粗細修改*/

.t3-megamenu .mega-nav > li a, 
.t3-megamenu .dropdown-menu .mega-nav > li a{
    font-weight:500 !important;
    color:#000;
}

.t3-megamenu .dropdown-header, 
.t3-megamenu .mega-nav .mega-group > .dropdown-header, 
.t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, 
.t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header{
  margin-top:16px !important;
}


.pd-button-box-bt{
    display:none;
}

.controls select{
    color:#000000;
}

.blog-list .item-title a{
  font-size:16px;
  font-family:Microsoft JhengHei;
}
.navbar-collapse{
    overflow-x: hidden;
}




#sp-page-builder .sp-pagebuilder-page-edit,
.com_t4pagebuilder .t4b-edit-btn{
  display: none;
}