﻿
div.tabulation-constraint{overflow-x:auto;position:relative;clear:both;}
div.tabulation-constraint div.constraint{padding:10px 0px 10px 0px;}
div.tabulation-constraint div.constraint p{padding:5px 0px 0px 5px;font-size:12px;}
div.tabulation-constraint div.constraint p b{font-family:Roboto,Arial,sans-serif;font-size:13px;}
div.tabulation-constraint table{width:99.75%;border-collapse:collapse;font-size:14px;}
div.tabulation-constraint table tr{transition:background .2s linear}
div.tabulation-constraint table tr th{padding:5px 6px;color:#fff;font-weight:400;line-height:18px;white-space:nowrap;background-color:#737679;background:linear-gradient(180deg, #939699, #737679);border:solid;border-width:1px;border-color:#737679 #939699;}
div.tabulation-constraint table tr th.rs{border-bottom:1px solid #939699;}
div.tabulation-constraint table tr th:lang(en){font-family:Roboto,Arial,sans-serif;}/*  lang="en" */
div.tabulation-constraint table tr th b{font-family:Roboto,Arial,sans-serif;font-weight:400;}
div.tabulation-constraint table tr th sub{font-size:15px;}
div.tabulation-constraint table tr td{transition:background .2s linear}
div.tabulation-constraint table tr td{line-height:22px;white-space:nowrap;border:solid;border-width:1px;border-color:#c0c6c9;}
div.tabulation-constraint table.sheet tr td{padding:2px 8px;text-align:center;}
div.tabulation-constraint table.sheet tr td:lang(en){font-family:"Roboto-Light",Arial,sans-serif;font-size:1.075em;}
div.tabulation-constraint table.sheet tr td.n{padding:5px 8px;font-family:Roboto,Arial,sans-serif;line-height:1em;}
div.tabulation-constraint table.sheet tr td.header{text-align:left;background-color:#f3f6f9;}
div.tabulation-constraint table.sheet tr td b{font-family:"Roboto-Light",sans-serif;font-weight:normal;font-size:1.075em;}
div.tabulation-constraint table.numeric tr td{padding:2px 8px;text-align:right;font-family:Roboto,Arial,sans-serif;}
div.tabulation-constraint table.numeric tr td.c{text-align:center;}
div.tabulation-constraint table.device tr:nth-child(odd){background-color:#f3f6f9;}
div.tabulation-constraint table.device tr td{padding:2px 8px;}
div.tabulation-constraint table.device tr td:first-child{text-align:right;}
div.tabulation-constraint table.device tr td b{font-family:"Roboto-Light",sans-serif;font-weight:normal;font-size:1.075em;}
div.tabulation-constraint table.model tr td:first-child{text-align:left;}

div.tabulation-constraint .cm{background:url(../images/checkmark.png?var=1.0) no-repeat center;}
div.tabulation-constraint .co{background:url(../images/optional.png?var=1.0) no-repeat center;}
div.tabulation-constraint .cx{background:url(../images/no.png?var=1.0) no-repeat center;}

/*div.tabulation-constraint table.numeric tr td:first-child{padding-left:10px;text-align:left;}*/
div.tabulation-constraint table.numeric tr td sup{padding-left:2px;font-size:11px;}
/* FIX-WIDTH */
div.tabulation-constraint table.fix-52-width td{width:5.26%}/*19*/
div.tabulation-constraint table.fix-55-width td{width:5.55%}/*18*/
div.tabulation-constraint table.fix-58-width td{width:5.88%}/*17*/
div.tabulation-constraint table.fix-62-width td{width:6.25%}/*16*/
div.tabulation-constraint table.fix-66-width td{width:6.66%}/*15*/
div.tabulation-constraint table.fix-71-width td{width:7.14%}/*14*/
div.tabulation-constraint table.fix-77-width td{width:7.69%}/*13*/
div.tabulation-constraint table.fix-74-width td{width:8.33%}/*12*/
div.tabulation-constraint table.fix-90-width td{width:9.09%}/*11*/
div.tabulation-constraint table.fix-10-width td{width:10%}
div.tabulation-constraint table.fix-11-width td{width:11.11%}/*9*/
div.tabulation-constraint table.fix-12-width td{width:12.5%}/*8*/
div.tabulation-constraint table.fix-14-width td{width:14.28%}/*7*/
div.tabulation-constraint table.fix-16-width td{width:16.66%}/*6*/
div.tabulation-constraint table.fix-20-width td{width:20%}/*5*/
div.tabulation-constraint table.fix-25-width td{width:25%}/*4*/
div.tabulation-constraint table.fix-33-width td{width:33.33%}/*3*/
div.tabulation-constraint table.fix-45-width td:first-child{width:25%}/*2*/
div.tabulation-constraint table.fix-35-width td:first-child{width:30%}/*3*/
div.tabulation-constraint table.fix-35-width td{width:35%}
div.tabulation-constraint table.fix-30-width td:nth-child(1){width:18%}/*3*/
div.tabulation-constraint table.fix-30-width td:nth-child(2){width:26%}
div.tabulation-constraint table.fix-30-width td:nth-child(3){width:56%}
/* maiusBox CSS */
ul.accessories{margin:0px 0px 0px 0px;}
ul.accessories li{margin:2px 0px 10px 0px;display:inline-block;box-sizing:border-box;}
ul.accessories li.row-2{width:50%;}
ul.accessories li.row-3{width:33.33%;}
ul.accessories li.row-4{width:25%;}
ul.accessories li div{margin:1px;padding:2px;border:1px solid #d3d6d9;}
ul.accessories li span{text-align:center;line-height:28px;border-top:1px solid #c3c6c9;background-color:rgba(0,0,0,0.1);display:block;position:relative;}
ul.accessories li span:before{content:"";width:32px;height:32px;bottom:29px;right:0px;position:absolute;transition:all .1s linear}
ul.accessories li:hover span:before{width:96px;height:96px;}
div.zoom-image-item:hover{cursor:pointer;}

/* border: solid rgba(30,39,45,0.7); border-width: 50px 20px 20px 20px; box-sizing:border-box; */
/* body div.maius-matrix 對應 [ media (max-width:767px) ] background-color:rgba(30,39,45,0.8); */
div.maius-matrix{width:1px;height:1px;padding:50px 10px 10px 10px;background-color:rgba(30,39,45,0.95);display:none;position:absolute;box-shadow:1px 1px 12px 0 rgba(0,0,0,0.3);z-index:12;transition:background-color .35s ease}
div.maius-matrix:before{content:"";width:36px;height:36px;background:url(../images/cancel.png) no-repeat center;position:absolute;top:8px;right:8px;}
div.maius-matrix div.maius-matrix-container{width:100%;height:100%;background-color:#131619;}
div.maius-matrix div.maius-matrix-direction{top:10px;left:20px;position:absolute;}
div.maius-matrix div.maius-matrix-direction:before{content:attr(data-direction);font-family:"Roboto-Light",Arial,sans-serif;font-size:26px;color:#939699;letter-spacing:1px;}
div.maius-matrix div.error-log{width:100%;height:100%;background:url(../images/bug-128.png) no-repeat center rgba(255,255,255,0.3);display:none;}

@media (max-width:600px){
/*div.video-player-content{width:100%}*/
div.maius-matrix{min-width:60px;min-height:60px;}
}
