@charset 'UTF-8';

.home-header
{
position: relative;
}
.home-mainSlider
{
z-index: 1;
}
.home-mainSlider .slick-slide
{
height: 447px;
}
@media (max-width: 959.98px)
{
.home-mainSlider .slick-slide
{
height: 350px;
}
}
@media (max-width: 767.98px)
{
.home-mainSlider .slick-slide
{
height: 280px;
}
}
@media (max-width: 605.98px)
{
.home-mainSlider .slick-slide
{
height: auto;
}
}
.home-mainSlider .slick-slide img
{
margin-right: 10px; 
margin-left: auto;
}
@media (max-width: 959.98px)
{
.home-mainSlider .slick-slide img
{
max-width: 50%;
}
}
@media (max-width: 605.98px)
{
.home-mainSlider .slick-slide img
{
max-width: 70%;
margin: 0 auto 37.8vw auto;
}
}
.home-mainSlider-slideInner
{
max-width: 1130px;
margin-right: auto; 
margin-left: auto;
}
.home-mainSlider-slide1
{
background-image: radial-gradient(farthest-corner at 50% 50%, #0071aa 0%, #005f8f 100%);
}
.home-mainSlider-slide2
{
background-image: radial-gradient(farthest-corner at 50% 50%, #ffe41e 0%, #ffcd1e 100%);
}
.home-mainSlider-slide3
{
background-image: radial-gradient(farthest-corner at 50% 50%, #3dcf8f 0%, #38bd82 100%);
}
.home-mainCopy
{
z-index: 2;
top: 35%; right: 0;
left: 0;
width: 100%;
max-width: 1130px; 
margin: 0 auto;
}
.topslide-banner {
padding-left: 15px;
margin-top: 20px;
}
@media (min-width: 606px)
{
.home-mainCopy
{
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media (max-width: 767.98px)
{
.home-mainCopy
{
top: 20%;
}
}
@media (max-width: 605.98px)
{
.home-mainCopy
{
position: absolute;
top: 50.5vw; text-align: center;
}
.topslide-banner {
padding-right: 15px;
}
}
.home-mainCopy-text
{
font-size: 4.2rem;
font-weight: bold;
line-height: 1.5;
margin: 0; 
padding-left: 15px;
color: #fff;
}
@media (max-width: 1189.98px)
{
.home-mainCopy-text
{
font-size: 3.5vw;
}
}
@media (max-width: 959.98px)
{
.home-mainCopy-text
{
font-size: 4vw;
}
}
@media (max-width: 767.98px)
{
.home-mainCopy-text
{
font-size: 2.5rem;
}
}
@media (max-width: 605.98px)
{
.home-mainCopy-text
{
font-size: 6vw;
padding-right: 15px;
}
}
.home-subSlider
{
position: relative;
z-index: 2;
max-width: 1130px;
margin-top: -25px;
margin-right: auto; margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.home-subSlider-items
{
margin-right: 27px; 
margin-left: 27px;
}
@media (max-width: 767.98px)
{
.home-subSlider
{
margin-top: 0px;
z-index: 0;
}
.home-subSlider-items
{
margin-right: 18px; 
margin-left: 18px;
}
}
.home-subSlider-item
{
padding: 0 10px;
}
.home-subSlider-item:focus
{
outline: 0;
}
.home-subSlider-item > div,
.home-subSlider-item > a
{
position: relative;
display: block;
overflow: hidden;
color: inherit;
border: 1px solid #fff;
background: #fff;
}
.home-subSlider-item > a:hover img
{
opacity: .8;
}
.home-subSlider-item img
{
-webkit-transition: opacity .2s ease-out 0s;
transition: opacity .2s ease-out 0s; 
background: no-repeat 50% 50%;
background-size: cover;
}
.home-subSlider-desc
{
position: absolute;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px; 
text-align: center;
background: rgba(255, 255, 255, .8);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-subSlider-desc .home-subSlider-heading,
.home-subSlider-desc p
{
font-size: 1.5rem;
line-height: 1.53;
width: 100%; 
margin: 0;
}
.home-subSlider-desc .home-subSlider-heading ~ p
{
margin-top: 1em;
}
.home-news .page-container
{
padding-top: 20px; padding-bottom: 20px; }
@media (max-width: 767.98px)
{
.home-news .page-container
{
padding-top: 32px;
}
}
@media (max-width: 605.98px)
{
.home-news .page-container
{
padding-top: 28px;
}
}
@media (max-width: 767.98px)
{
.home-news .page-container
{
padding-bottom: 48px;
}
}
@media (max-width: 605.98px)
{
.home-news .page-container
{
padding-bottom: 42px;
}
}
.home-news-inner
{
max-width: 940px;
}
.home-news-list
{  margin-top: -10px;
margin-bottom: 20px;
padding: 0;
list-style: none;
}
@media (max-width: 767.98px)
{
.home-news-list
{
margin-top: -24px;
}
}
@media (max-width: 605.98px)
{
.home-news-list
{
margin-top: -21px;
}
}
.home-news-list li
{
padding: 10px 0; 
border-bottom: 1px dotted #808080;
}
.home-news-list a
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px 0; 
color: inherit;
}
.home-news-list a,
.home-news-list a:hover,
.home-news-list a:focus
{
text-decoration: none;
}
.home-news-list a:hover
{
color: #0071aa;
}
@media (max-width: 605.98px)
{
.home-news-list a
{
display: block;
}
}
@media (min-width: 606px)
{
.home-news-list time
{
width: 8em;
}
.home-news-list span
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
@media (max-width: 605.98px)
{
.home-news-list time
{
display: block;
}
}
@media (max-width: 605.98px)
{
.home-searchMaker
{
margin-bottom: 30px;
}
}
@media (max-width: 605.98px) and (max-width: 767.98px)
{
.home-searchMaker
{
margin-bottom: 24px;
}
}
@media (max-width: 605.98px) and (max-width: 605.98px)
{
.home-searchMaker
{
margin-bottom: 21px;
}
}
.home-searchMaker-list
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-searchMaker-list li
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 14.28571%;
padding: 5px; 
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-searchMaker-list li._large
{
width: 50%;
}
@media (max-width: 959.98px)
{
.home-searchMaker-list li
{
width: 20%;
}
}
@media (max-width: 767.98px)
{
.home-searchMaker-list li
{
width: 33.33333%;
}
}
.home-searchMaker-list a
{
display: block;
width: 100%;
-webkit-transition: opacity .2s ease-out 0s;
transition: opacity .2s ease-out 0s;
}
.home-searchMaker-list a:hover
{
opacity: .8;
}
.home-newArrival
{
background: #ececec no-repeat 50% 50%;
background-size: cover;
}
.home-newArrival.lazyloaded
{
background-image: url(/img/home/bg-new-arrival.png);
}
.home-newArrival-items
{
margin-right: 27px; 
margin-left: 27px;
}
@media (max-width: 767.98px)
{
.home-newArrival-items
{
margin-right: 18px; 
margin-left: 18px;
}
}
.home-newArrival-item
{
padding: 0 10px;
}
.home-newArrival-item a
{
display: block;
text-decoration: none;
color: inherit;
color: background .2s ease-out 0s; 
background: #fff;
}
.home-newArrival-item a:hover
{
color: #fff;
}
.home-newArrival-item a:hover p
{
background: #0071aa;
}
.home-newArrival-item a:hover p::before
{
color: #fff;
}
.home-newArrival-item a:hover figure
{
border-color: #0071aa;
}
.home-newArrival-item a:hover figure img
{
opacity: .8;
}
.home-newArrival-item figure
{
margin: 0;
padding: 30px;
-webkit-transition: border .2s ease-out 0s;
transition: border .2s ease-out 0s; 
border: 5px solid #fff;
}
.home-newArrival-item img
{
-webkit-transition: opacity .2s ease-out 0s;
transition: opacity .2s ease-out 0s;
background-position: 50% 50%;
background-size: contain;
}
.home-newArrival-item p
{
position: relative;
overflow: hidden;
margin: 0;
padding: 3px 3px 3px 25px;
-webkit-transition: background .2s ease-out 0s;
transition: background .2s ease-out 0s; 
white-space: nowrap;
text-overflow: ellipsis;
background: #d9d9d9;
}
.home-newArrival-item p::before
{
font-family: 'icon';
font-size: 10px;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
position: absolute;
top: 50%;
left: 10px;
margin-top: -4px;
content: '\e912';
-webkit-transition: color .2s ease-out 0s;
transition: color .2s ease-out 0s; 
text-transform: none;
color: #0071aa;
speak: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.home-cameraSystem-items
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none;
text-align: center; 
-ms-flex-wrap: wrap; 
flex-wrap: wrap;
}
@media (max-width: 605.98px)
{
.home-cameraSystem-items
{
display: block;
margin-right: -15px; 
margin-left: -15px;
text-align: center; }
} .home-cameraSystem-item,
.home-cameraSystem-purpose
{
max-width: 33.3333%; 
-webkit-box-flex: 0; 
-ms-flex: 0 0 33.3333%; 
flex: 0 0 33.3333%;
} .home-cameraSystem-item:nth-child(4),
.home-cameraSystem-item:nth-child(5),
.home-cameraSystem-item:nth-child(6),
.home-cameraSystem-item:nth-child(7),
.home-cameraSystem-item:nth-child(8),
.home-cameraSystem-item:nth-child(9)
{
margin-top: 20px;
} @media (max-width: 767.98px)
{
.home-cameraSystem-item,
.home-cameraSystem-purpose
{
max-width: 100%;
}
.home-cameraSystem-item:nth-child(odd),
.home-cameraSystem-purpose:nth-child(odd)
{
background: url(/img/bg-dot-gray.png);
}
}
@media (min-width: 768px)
{
.home-cameraSystem-item:nth-child(odd),
.home-cameraSystem-purpose:nth-child(odd)
{
background: url(/img/bg-dot-gray.png);
}
}
@media (min-width: 606px) and (max-width: 767.98px)
{ .home-cameraSystem-item,
.home-cameraSystem-purpose
{
max-width: 50%; 
-webkit-box-flex: 0; 
-ms-flex: 0 0 50%; 
flex: 0 0 50%;
}
.home-cameraSystem-item:nth-child(4n),
.home-cameraSystem-item:nth-child(4n+1)
{
background: url(/img/bg-dot-gray.png);
}
}
@media (max-width: 605.98px)
{
.home-cameraSystem-item
{
max-width: inherit;
}
.home-cameraSystem-item:nth-child(odd)
{
background: url(/img/bg-dot-gray.png);
}
} .home-cameraSystem-item a,
.home-cameraSystem-purpose a
{
position: relative;
display: block;
padding: 10px 0px 10px 0px; text-decoration: none;
color: inherit;
height: 100%; }
.home-cameraSystem-item a:hover,
.home-cameraSystem-purpose a:hover
{
background: rgba(0, 147, 221, .2);
} @media (max-width: 605.98px)
{
.home-cameraSystem-item a
{
padding: 15px; }
}
.home-cameraSystem-item a::after
{
position: absolute;
z-index: 1; 
right: 0;
bottom: 0;
width: 0;
height: 0;  }
.home-cameraSystem-item-heading
{
font-size: 2rem;
margin-bottom: 15px;
}
@media (max-width: 605.98px)
{
.home-cameraSystem-item-heading
{
margin-bottom: 10px;
}
}
.home-cameraSystem-item figure
{
position: relative; }  .home-cameraSystem-item img
{
width: auto;  -webkit-transition: -webkit-transform .2s ease-out 0s;
transition: -webkit-transform .2s ease-out 0s;
transition: transform .2s ease-out 0s;
transition: transform .2s ease-out 0s, -webkit-transform .2s ease-out 0s;
} .home-cameraSystem-purpose img
{
width: auto;
height: 60px;
}
@media (max-width: 605.98px)
{ .home-cameraSystem-item img
{ }
} .home-cameraSystem-item ul,
.home-cameraSystem-purpose ul
{
position: relative; 
margin: 0;
padding: 10px 0 10px 10px; list-style: none;
text-align: left;
} @media (max-width: 767.98px)
{
.home-cameraSystem-item ul,
.home-cameraSystem-purpose ul
{
padding: 10px 0 10px 0px;
}
}  .home-cameraSystem-item li span::before,
.home-cameraSystem-purpose li span::before
{
margin-right: 3px; 
content: '\30fb';
}
.home-cameraSystem-inlineList li
{
display: inline-block;
margin-right: 10px; 
margin-left: 10px;
}
@media (max-width: 605.98px)
{
.home-cameraSystem-inlineList li
{
margin-left: 0;
}
}
.home-caseStudy
{
background: url(/img/bg-dot-gray.png);
}
.home-caseStudy-items
{
padding: 0; 
list-style: none;
}
.home-caseStudy-items li
{
margin-bottom: 10px;
}
.home-caseStudy-items a
{
text-decoration: none; 
color: inherit;
color: #0071aa;
}
.home-caseStudy-items a:hover
{
text-decoration: underline; 
color: #0071aa;
}
.home-caseStudy-item
{
line-height: 1.533;
position: relative; 
display: block;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 10px;
background: #fff;
}
.home-caseStudy-item::after
{
position: absolute;
z-index: 1; 
right: 0;
bottom: 0;
width: 0;
height: 0;
content: '';
border-width: 0 0 15px 15px;
border-style: solid;
border-color: transparent transparent #0071aa transparent;
}
@media (max-width: 605.98px)
{
.home-caseStudy-item
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-caseStudy-item-header
{
padding-right: 5px; 
-webkit-box-flex: 1; 
-ms-flex: 1; 
flex: 1;
}
.home-caseStudy-item p
{
padding-left: 5px; 
-webkit-box-flex: 1; 
-ms-flex: 1; 
flex: 1;
}
}
.home-caseStudy-item-header
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center; 
-webkit-box-pack: center; 
-ms-flex-pack: center; 
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-caseStudy-item-header > div
{
width: 100%;
}
.home-caseStudy-item-header img
{
width: auto; 
max-height: 44px;
}
.home-caseStudy-item-heading
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-caseStudy-item-heading img
{
width: auto; 
max-height: 44px;
}
.home-caseStudy-item p
{
margin: 0;
}
.home-facebook
{
text-align: center;
border-bottom: 1px solid #ccc;
}
.home-facebook .fb-page
{
width: 100%;
max-width: 500px;
}
.bigSearch
{
position: absolute;
z-index: 5; 
top: 88px;
right: 0;
left: 0;
width: 100%;
max-width: 1130px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (max-width: 767.98px)
{
.bigSearch
{
position: relative;
z-index: inherit;  padding-bottom: 103px; background: url(/img/bg-dot-gray.png);
}
}
.bigSearch-inner
{
max-width: 346px;
background: rgba(255, 255, 255, .85);
}
@media (max-width: 767.98px)
{
.bigSearch-inner
{
position: relative;
z-index: 2; 
max-width: inherit;
}
}
.bigSearch-heading
{
font-size: 1.7rem;
padding: 10px 15px; 
text-align: center;
color: #fff;
background: #000;
}
.bigSearch-body
{
padding: 20px;
}
.bigSearch-fromGroup
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px; 
-webkit-box-align: center; 
-ms-flex-align: center; 
align-items: center;
}
.bigSearch-fromGroup-label
{
width: 5em;
margin-right: 1em;
text-align: right;
}
.bigSearch-fromGroup-select
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.bigSearch-fromGroup-select div
{
font-size: 1.3rem;
line-height: 1.3;
position: relative;
overflow: hidden;
padding: 8px 36px 8px 10px;
cursor: pointer; 
color: #808080;
border: 1px solid #d9d9d9;
border-radius: 4px;
background: #d9d9d9;
}
.bigSearch-fromGroup-select div::after,
.bigSearch-fromGroup-select div::before
{
position: absolute; 
content: '';
}
.bigSearch-fromGroup-select div::before
{
top: 0;
right: 0;
bottom: 0;
width: 34px; 
background: #000;
}
.bigSearch-fromGroup-select div::after
{
font-family: 'icon';
font-size: 10px;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
top: 50%;
right: 17px;
margin-top: -.5em;
margin-right: -.5em;
content: '\e910';
-webkit-transform: scale(.6);
transform: scale(.6);
text-transform: none;
color: #fff; 
speak: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bigSearch-fromGroup-select div._active
{
color: #333; 
background: #fff;
}
.bigSearch-overlay
{
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-right: 15px;
padding-left: 15px;
-webkit-transition: opacity .2s ease-out 0s;
transition: opacity .2s ease-out 0s;
background: rgba(0, 0, 0, .4);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bigSearch-modal
{
overflow: hidden; 
max-width: 910px;
border: 1px solid #fff;
background: #fff;
}
.bigSearch-modal-header
{
position: relative;
}
.bigSearch-modal-heading
{
font-size: 2rem;
margin: 0; 
padding: 18px 20px;
color: #fff;
background: #000;
}
@media (max-width: 767.98px)
{
.bigSearch-modal-heading
{
padding: 15px;
}
}
.bigSearch-modal-close
{
font-size: 20px;
line-height: 1.5;
position: absolute;
top: 50%;
right: 20px;
width: 1.5em;
height: 1.5em;
margin-top: -.75em; 
padding: 0;
color: #fff;
border: 0;
outline: 0;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media (max-width: 767.98px)
{
.bigSearch-modal-close
{
right: 15px;
}
}
.bigSearch-makerItems
{
display: grid;
margin: 0 -2px -2px 0;
padding: 0;
list-style: none;
grid-template-columns: repeat(14, 1fr);
grid-column-gap: 0;
grid-row-gap: 0;
}
@media (max-width: 959.98px)
{
.bigSearch-makerItems
{
grid-template-columns: repeat(12, 1fr);
}
}
@media (max-width: 767.98px)
{
.bigSearch-makerItems
{
grid-template-columns: repeat(8, 1fr);
}
}
.bigSearch-makerItem
{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 5px;
cursor: pointer;
-webkit-transition: background .2s ease-out 0s;
transition: background .2s ease-out 0s; 
border-right: 1px dotted #808080;
border-bottom: 1px dotted #808080;
grid-column: span 2;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bigSearch-makerItem > img,
.bigSearch-makerItem span
{
-webkit-transition: opacity .2s ease-out 0s;
transition: opacity .2s ease-out 0s; 
opacity: .4;
}
.bigSearch-makerItem._active
{
background: #d9eaf2;
}
.bigSearch-makerItem._active::after
{
opacity: .3;
}
.bigSearch-makerItem._active > img,
.bigSearch-makerItem._active span
{
opacity: 1;
}
.bigSearch-makerItem._large
{
grid-column: span 4;
grid-row: span 2;
}
.bigSearch-catItems
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -2px -2px 0;
padding: 0;
list-style: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bigSearch-catItems li
{
width: 33.333%;
border-right: 1px dotted #808080; 
border-bottom: 1px dotted #808080;
}
@media (max-width: 767.98px)
{
.bigSearch-catItems li
{
width: 50%;
}
}
.bigSearch-catItem
{
line-height: 1.4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
cursor: pointer;
-webkit-transition: opacity .2s ease-out 0s, background .2s ease-out 0s;
transition: opacity .2s ease-out 0s, background .2s ease-out 0s; 
color: #808080;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bigSearch-catItem._active
{
color: #000;
background: #d9eaf2;
}
.bigSearch-catItem._active span::before
{
color: #0071aa;
}
.bigSearch-catItem span
{
position: relative;
padding-left: 15px;
}
.bigSearch-catItem span::before
{
font-family: 'icon';
font-size: 10px;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
content: '\e912';
text-transform: none;
color: #1a7fb3; 
speak: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.bigSearch-btn[disabled]
{
border-color: #999; 
background: #999;
}
.no-touchevents .bigSearch-makerItem:hover::after
{
opacity: .1;
}
.no-touchevents .bigSearch-makerItem:hover > img,
.no-touchevents .bigSearch-makerItem:hover span
{
opacity: .8;
}
.no-touchevents .bigSearch-catItem:hover
{
color: #000;
}
.no-touchevents .bigSearch-catItem:hover span::before
{
color: #0071aa;
}