body {position: relative;  margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif,'Microsoft JhengHei','微軟正黑體'; font-size: 14.5px; line-height: 1.5; color: #555;}

nav{background-color: #fff; color: #999; box-shadow:none; margin:0; padding: 0; }
nav a{color: #333;}
nav ul a{color: #333; font-size: 17px;}
nav ul a:hover{color: #008A71;}

@media only screen and (max-width: 600px) {
    nav{height: 70px;}
}

hr{  border-width: 1px; border-color:#eee ;}
.footer-link {
    padding: 15px 30px 10px 30px;
    background-color: #666;
    color: #fff;
}

.footer-link-ul {
    float: left;
    letter-spacing: -.41em;
    padding: 0;
    margin: 0;
}

.footer-link-li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    font-size: 13px
}

.footer-link-li:before {
    content: "|";
    margin: 0 10px;
    vertical-align: top
}

.footer-link-li:first-child:before {
    display: none
}

.footer-contactus {float: right; }
.footer-contactus a{color: #fff;}

@media only screen and (max-width: 600px) {
    .footer-link-li:before {
        content:none;
    }
    .footer-link-li.addr{display: block;}
    .footer-link-li.tel{margin-right: 1rem;}
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
  }
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


h1{padding-left: 10px;  border-left: 6px solid #009a74; color:#333; font-weight: bold; font-size:2.2rem ; font-weight: 400; line-height: 1.4; vertical-align: middle;}
h2{font-weight: 400; font-size:2rem;}
h3{font-weight: 400; font-size:1.8rem;}
h4{font-weight: 400; font-size:1.6rem; line-height: 2.2rem; letter-spacing: .1rem;}
h5{font-weight: 400; font-size:1.4rem; line-height: 2rem; letter-spacing: .1rem;}
h6{font-weight: 400; font-size:1.2rem; line-height: 2rem; letter-spacing: .1rem;}
@media only screen and (max-width: 600px) {
   h4,h5,h6{letter-spacing: initial;}
    
}

@media only screen and (max-width: 360px) {
h1{font-size: 1.8rem;}
h2{font-weight: 400; font-size:1.6rem;}
h3{font-weight: 400; font-size:1.4rem;}
h4{font-weight: 400; font-size:1.1rem; line-height:initial; letter-spacing:normal;}
h5{font-weight: 400; font-size:1rem; line-height:initial; letter-spacing:normal;}
h6{font-weight: 400; font-size:1rem; line-height: initial; letter-spacing: normal;}
}




.no_border{border:none ;}

.header-fixed{position: fixed;}
.img-fluid{width: 100%; display: inline-block;}

.brand-logo img{height: 70px;}
.banner{width: 100%; max-height: 350px; overflow: hidden; position: relative;}
.banner .content{width: 100%; position: absolute; top: 30%; left: 0;}
.banner h1{color: #fff;}
.banner img{width: 100%;}

@media only screen and (max-width: 600px) {
    .banner{height: 200px;}
    .banner h1{line-height: 5rem;}
    .banner .content{top: 15%; left: 0;}
    .banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 0% 50%;
    }
    
}

@media only screen and (max-width: 1440px) {
    .container {
        width: 85%;
    }
}

.btn, .btn-large, .btn-small{background-color: #fff; color: #008A71; border:1px solid #aaa ;}
.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover{background-color: #008A71; color: #fff; border: 0;}
.clearfix{display: block; width: 100%; height: 1px; border: 0; padding: 0; margin: 0; clear: both;}
#btn_contactus{background-color: #008A71;}
#btn_contactus.btn-floating{width: 60px; height: 60px; line-height: 60px; position: fixed; right: 5%; bottom: 10%;}
#btn_contactus.btn-floating i{font-size: 2.5rem; line-height: 60px;}



.carousel-wrap { width: 100%; margin: auto; position: relative; }
.carousel-wrap .owl-carousel .owl-nav{ overflow: hidden;  height: 0px;}
.carousel-wrap .owl-theme .owl-dots .owl-dot.active span, 
.carousel-wrap .owl-theme .owl-dots .owl-dot:hover span {background: #333;}
.carousel-wrap .owl-carousel .item {text-align: center;}
.carousel-wrap .owl-carousel .nav-btn{
      height: 47px;
      position: absolute;
      width: 26px;
      cursor: pointer;
      top: 35% !important;
  }
.carousel-wrap .owl-carousel .owl-prev.disabled,
.carousel-wrap .owl-carousel .owl-next.disabled{pointer-events: none; opacity: 0.2;}
.carousel-wrap .owl-carousel .prev-slide{background: url('/assest/img/linghting2/icon/nav-icon.png') no-repeat scroll 0 0; left:33px;}
.carousel-wrap .owl-carousel .next-slide{background: url('/assest/img/linghting2/icon/nav-icon.png') no-repeat scroll -24px 0px; right:33px;}
.carousel-wrap .owl-carousel .prev-slide:hover{background-position: 0px -53px;}
.carousel-wrap .owl-carousel .next-slide:hover{background-position: -24px -53px;}

  span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
  }
  span.img-text:hover {
    color: #2caae1;
  }

.ushio_home_light .separated {padding: 0; margin: 0;}
.home-light-latest{background-color: #333;}
.home-light-latest h1{color: #fff; margin-left:2rem;}
.home-light-latest h5{color: #fff; font-size: 1.2rem; margin-left:3rem; width: 80%;}
.home-light-latest .brief{display: block; font-size: 1.2em; overflow: hidden; width: 100%; height: 160px;}
.home-light-latest a.btn-view{color: #fff; border:1px solid #fff; padding: 12px 25px; margin-left:2.75rem; cursor: pointer;}


@media only screen and (max-width: 600px) {
    .home-light-latest {min-height: 350px; padding-bottom: 0;}
    .home-light-latest .brief{display: block; font-size: 1.2em; overflow: hidden; width: 100%; height: 2rem;}
    .ushio_home_light,.ushio_home_service {padding: 0;}
    .ushio_home_light .row,.ushio_home_service .row{margin-bottom: 0;}
    .ushio_home_service .separated {padding: 0;}
}

.ushio_home_light .separated {padding: 0; margin: 0;}
.home-service-latest{background-color: #333;}
.home-service-latest h1{color: #fff; margin-left:2rem;}
.home-service-latest h5{color: #fff; font-size: 1.2rem; margin-left:3rem; width: 80%;}
.home-service-latest .brief{display: block; font-size: 1.2em; overflow: hidden; width: 100%; height: 160px;}
.home-service-latest a.btn-view{color: #fff; border:1px solid #fff; padding: 12px 25px; margin-left:2.75rem; cursor: pointer;}

@media only screen and (max-width: 600px) {
    .home-service-latest {min-height: 350px;}
    .home-service-latest .brief{display: block; font-size: 1.2em; overflow: hidden; width: 100%; height: 2rem;}
}


.ushio_home_tv .separated {padding: 0; margin: 0;}
.ushio_home_tv .title {margin: 2rem;}
.ushio_home_tv .home-tv-latest{background-color: #008A71; position: relative; padding: 0; margin: 0; }
.ushio_home_tv .home-tv-latest .watermark1{position: absolute; bottom: 0;  left: 2rem; width: 80%; z-index: 1; }
.ushio_home_tv .home-tv-latest .watermark2{position: absolute; bottom: 4rem; left: 2rem;  width: 80%; z-index: 1;}
.ushio_home_tv .home-tv-latest h1{color: #fff; position: relative; }
.ushio_home_tv .home-tv-latest h5{color: #fff; padding-left: 10px; font-weight: 400; line-height: 2rem; font-size: 1.2rem; }
.ushio_home_tv .home-tv-latest a.btn-view{position: absolute; top: 2.8rem; right: 0; color: #fff;  color: #fff; border:1px solid #fff; font-size: 1rem; padding: 12px 25px; margin-left:2.75rem; cursor: pointer}

@media only screen and (max-width: 600px) {
    .ushio_home_tv .home-tv-latest h1{width: 100%; overflow: hidden;}
    .home-light-latest h5,.ushio_home_service .home-service-latest h5, .ushio_home_tv .home-tv-latest h5{line-height: 1.6rem; font-size: 1.1rem;}
    .ushio_home_tv .home-tv-latest .watermark1{position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
    .ushio_home_tv .home-tv-latest .watermark2{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1;}
    .ushio_home_tv .home-tv-latest a.btn-view{top:auto; bottom: 1rem; right: 1rem;}
}


.ushio_home_light figure, .ushio_home_tv figure,.ushio_home_service figure{margin: 0; padding: 0; overflow: hidden;}
.ushio_home_light figure img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ushio_home_light figure:hover img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.ushio_home_service figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ushio_home_service figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.ushio_home_tv .home-tv-latest {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ushio_home_tv .home-tv-latest:hover{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}


.ushio_about_page .banner {position: relative;}

/* .ushio_about_page .banner h1{position: absolute; right: 9.3rem; top:5rem;} */
.ushio_about_page h5{margin:0 1rem; font-size: 1.1rem;}
.ushio_about_page h6{margin:0 1rem; font-size: 1rem;}
.ushio_about_page .content.about p{line-height: 2rem; margin-bottom: 2rem; }
.ushio_about_page .info_item{display: block; margin:2.3733333333rem 0 1.424rem 0;}
.ushio_about_page .contactus{border-left:5px solid #009a74; margin-left: 1.2rem; }
.ushio_about_page .contactus h5,.ushio_about_page .contactus h6{font-family: Noto Sans JP,"游ゴシック",YuGothic,Hiragino Kaku Gothic ProN,Hiragino Kaku Gothic Pro,Meiryo,sans-serif;}
.ushio_about_page .contactus a{color: #333;}
.ushio_about_page footer {position: absolute; bottom: 0; left: 0; width: 100%;} 

@media only screen and (max-width: 1366px) {
    .ushio_about_page footer { bottom: auto; } 
}
@media (-webkit-device-pixel-ratio: 1.25) {
    /* Add Styles Here */
    .ushio_about_page footer {position:static;} 
}

.ushio_design_page .salescope li{text-align: center; list-style: none; width: 30%; display: inline-block; margin-bottom: 2rem; padding: 2rem 0 2rem 0; border: 1px solid #333; vertical-align: middle; text-align: center;}
.ushio_design_page .salescope li:nth-child(2){margin: 0 4% 2rem 4%;}
.ushio_design_page .salescope li:nth-child(5){margin: 0 4% 2rem 4%;}
.ushio_design_page .salescope li h2{font-size: 2.2rem; color: #333; margin: 1.8rem 0; }
.ushio_design_page .salescope li h2 span{font-size: 1.2rem;  display: block; color: #666;}


@media only screen and (max-width: 600px) {
    .ushio_design_page .banner h1{color: #333;}
    .ushio_design_page .salescope li{width: 49%;}
    .ushio_design_page .salescope li:nth-child(2){margin: 0 0 2rem 0;}
    .ushio_design_page .salescope li:nth-child(5){margin: 0 0 2rem 0;}
    .ushio_design_page .salescope li h2{margin: 0; padding:1rem; font-size: 1.6rem; height: 6rem; line-height: 2rem;}
    .ushio_design_page .salescope li h2 span{font-size: 1rem; display: block; color: #666;}
}

/* .ushio_design_page .simulation figure{border: 0px solid #000; width: 100%; margin: 0; padding: 0;}  */
.ushio_design_page .simulation img{width: 100%;}
.ushio_design_page figure{margin: 0; padding: 0; overflow: hidden;}
.ushio_design_page .simulation figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.ushio_design_page .simulation figure:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.ushio_design_page .service_flow li{margin: 2rem 0;}
.ushio_design_page .service_flow .imgbox {border: 1px solid #008A71; text-align: center; padding: 5px;}
.ushio_design_page .service_flow .imgbox img{width: 100%;}
.ushio_design_page .service_flow .title{font-size: 17px; font-weight: bold;}
.ushio_design_page .service_flow .desc{line-height: 1.8rem;}

.ushio_lighting_page .banner h1{color: #333; padding: 0; }
.ushio_lighting_page .carousel-item .item-title{color: #333; font-weight:400; text-align: center; height: 4rem; overflow: hidden;}
.ushio_lighting_page .carousel-item .card-image{transition: transform .5s ease; width: 300px; height: 250px; overflow: hidden;}
.ushio_lighting_page .carousel-item .card-image:hover{transform: scale(1.25);  cursor: pointer;}
.ushio_lighting_page .carousel-item-image{width: 100%; overflow: hidden;}
.ushio_lighting_page .carousel-item-image img{width: 100%;}
.ushio_lighting_page .owl-nav{width: 100%; position: absolute; left: 0; top: 20%; width: 100%; display: block !important}
.ushio_lighting_page .owl-dots{display: block !important}
.ushio_lighting_page .owl-nav button span{font-size: 3rem; font-weight: normal;}
.ushio_lighting_page .owl-nav .owl-prev{float: left; position: absolute; left: -2rem; }
.ushio_lighting_page .owl-nav .owl-next{float: right; position: absolute; right: -2rem; }

@media only screen and (max-width: 600px) {
    .ushio_lighting_page .banner img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position:initial;
    }
    .ushio_lighting_page .owl-dots{display: none !important}
}




.ushio_videowall_page .banner h1{color: #fff; padding: 0; }

.ushio_videowall_page .ledmodal li{text-align: center; list-style: none; width: 30%; display: inline-block; margin-bottom: 2rem; padding: 2rem 1.5rem; border: 1px solid #333; vertical-align: middle; text-align: center;}
.ushio_videowall_page .ledmodal li:nth-child(2){margin: 0 4% 2rem 4%;}
.ushio_videowall_page .ledmodal li:nth-child(5){margin: 0 4% 2rem 4%;}
.ushio_videowall_page .ledmodal li h2{font-size: 2.2rem; color: #333; margin: 1.8rem 0; }
.ushio_videowall_page .ledmodal li h2 span{font-size: 1.2rem; margin-top: .5rem;  display: block; color: #666; line-height: 1.5;}
.ushio_videowall_page .title{font-size: 19px; color: #008A71; font-weight:bold; text-align: center;}
.ushio_videowall_page .owl-nav{width: 100%; position: absolute; left: 0; top: 30%; width: 100%; display: block !important;}
.ushio_videowall_page .owl-nav button span{font-size: 3rem; font-weight: normal;}
.ushio_videowall_page .owl-nav .owl-prev{float: left; position: absolute; left: -2rem; }
.ushio_videowall_page .owl-nav .owl-next{float: right; position: absolute; right: -2rem; }
.ushio_videowall_page .carousel-item .item-title{color: #333; font-weight:400; text-align: center; height: 3.5rem; overflow: hidden;}
.ushio_videowall_page .carousel-item .card-image{transition: transform .5s ease; width: 300px; height: 250px; overflow: hidden;}
.ushio_videowall_page .carousel-item .card-image:hover{transform: scale(1.25);  cursor: pointer;}
.ushio_videowall_page .carousel-item-image{width: 100%; overflow: hidden;}
.ushio_videowall_page .carousel-item-image img{width: 100%;}
.ushio_videowall_page .videowall_ref .modalbox{position: relative; border: 1px solid #ccc; overflow: hidden; padding: 0; margin: 0;}
.ushio_videowall_page .videowall_ref h4{position: absolute; bottom: 0; right:1rem; border: 1px solid #ccc; border-radius: .8rem; font-size: 1.4rem;  padding:.2rem 1rem; background-color: #fff; }
.ushio_videowall_page .videowall_ref .imgbox img{width: 100%;}



@media only screen and (max-width: 600px) {
    .ushio_videowall_page .videowall_flow .imgbox img{width: 100%;}
}

@media only screen and (max-width: 600px) {
  
    .ushio_videowall_page .ledmodal li{width: 100%;}
    .ushio_videowall_page .ledmodal li:nth-child(2){margin: 0 0 2rem 0;}
    .ushio_videowall_page .ledmodal li:nth-child(5){margin: 0 0 2rem 0;}
    .ushio_videowall_page .ledmodal li h2{margin: 0; padding:.5rem; font-size: 1.6rem; height: 6rem; line-height: 2rem;}
    .ushio_videowall_page .ledmodal li h2 span{font-size: 1rem; display: block; color: #666;}
}