@charset "UTF-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {

.examples_of_installation_wrap {
width: 80% !important;
margin:0 auto 40px;
}

.examples_of_installation_wrap table {
border-top: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
width: 100%;
font-size: 0.8em;
}
.examples_of_installation_wrap table th {
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
padding: 10px;
text-align: center;
vertical-align: middle;
font-weight: normal;
background: #F1F1F1;
}
.examples_of_installation_wrap table td {
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
padding: 10px;
}



.pagination {
 display:inline-block;
 padding-left:0;
 margin:20px 0;
 border-radius:4px
}
.pagination>li {
 display:inline
}
.pagination>li>a,
.pagination>li>span {
 position:relative;
 float:left;
 padding:6px 12px;
 margin-left:-1px;
 line-height:1.42857143;
 color:#428bca;
 text-decoration:none;
 background-color:#fff;
 border:1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
 margin-left:0;
 border-top-left-radius:4px;
 border-bottom-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
 border-top-right-radius:4px;
 border-bottom-right-radius:4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
 color:#2a6496;
 background-color:#eee;
 border-color:#ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
 z-index:2;
 color:#fff;
 cursor:default;
 background-color:#428bca;
 border-color:#428bca
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
 color:#777;
 cursor:not-allowed;
 background-color:#fff;
 border-color:#ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
 padding:10px 16px;
 font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
 border-top-left-radius:6px;
 border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
 border-top-right-radius:6px;
 border-bottom-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
 padding:5px 10px;
 font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
 border-top-left-radius:3px;
 border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
 border-top-right-radius:3px;
 border-bottom-right-radius:3px
}



}


/*sp*/
@media only screen and (max-width: 768px) {

.examples_of_installation_wrap {
width: 100% !important;
margin:0 auto 40px;
overflow:scroll;
}

.examples_of_installation_wrap table {
border-top: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
width: 200%;
font-size: 0.8em;
}
.examples_of_installation_wrap table th {
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
padding: 10px;
text-align: center;
vertical-align: middle;
font-weight: normal;
background: #F1F1F1;
}
.examples_of_installation_wrap table td {
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
padding: 10px;
}



.pagination {
 display:inline-block;
 padding-left:0;
 margin:20px 0;
 border-radius:4px
}
.pagination>li {
 display:inline
}
.pagination>li>a,
.pagination>li>span {
 position:relative;
 float:left;
 padding:6px 12px;
 margin-left:-1px;
 line-height:1.42857143;
 color:#428bca;
 text-decoration:none;
 background-color:#fff;
 border:1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
 margin-left:0;
 border-top-left-radius:4px;
 border-bottom-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
 border-top-right-radius:4px;
 border-bottom-right-radius:4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
 color:#2a6496;
 background-color:#eee;
 border-color:#ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
 z-index:2;
 color:#fff;
 cursor:default;
 background-color:#428bca;
 border-color:#428bca
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
 color:#777;
 cursor:not-allowed;
 background-color:#fff;
 border-color:#ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
 padding:10px 16px;
 font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
 border-top-left-radius:6px;
 border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
 border-top-right-radius:6px;
 border-bottom-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
 padding:5px 10px;
 font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
 border-top-left-radius:3px;
 border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
 border-top-right-radius:3px;
 border-bottom-right-radius:3px
}



}