/***************HOME*********************/

 /*share*/    
.indexTitle{text-transform:uppercase;font-size:48px;line-height:1.2}
.indexTitle hr{border:4px solid #b0d3ea;border-radius:4px;}

 /*kv*/ 
.kv .swiper-slide aside{
	  background-image:url(../images/bg/kv.jpg);
	  position:relative;
	  height: 372px;
        
}


.slogan{/*text-align:center;background-color:rgba(255,255,255,.9);border:#26a7e5 5px solid;border-radius:15px;*/
            position:absolute;width:820px;left:calc(50% - 500px);bottom:50px;color:#b0d3ea;
        	font-size:30px;}

.slogan h4{font-size:100%;letter-spacing:.5em;}
.slogan h1{font-size:200%;}

 /*news*/
.newsCategory{text-align:center;margin-bottom:40px;}
.newsCategory li{position:relative;transition:all .7s;margin:0 5px;}
.newsCategory li:before{content: "";position:absolute;bottom: -18px;left: calc(50% - 8px);opacity:0;transition:all .7s;transform:translateY(-5px);
                                    border-width:8px;border-top-color:#296fa9;}

.newsCategory li:after{height:4px;background:#296fa9;content:"";width:100%;bottom: -3px;left: 0;position:absolute;opacity:0;transition:all .7s}
.newsCategory li a{color:#296fa9;font-size:22px;padding:0 1em;border-bottom:1px solid #ccc;}

.newsCategory li:hover:after,.newsCategory li.active:after{opacity:1}
.newsCategory li:hover:before,.newsCategory li.active:before{opacity:1;transform:translateY(0);}
.newsCategory li:hover a,.newsCategory li.active a{color:#296fa9;}

.newsList{}
.newsList li{width:31.33%;margin:1%;box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0);transition:all .7s}
.newsList li a{color:#474747;}
.newsList li article{padding:1em;background: #f1f1f1}
.newsList li h3{color:#fff;background:#296fa9;font-size:18px;padding:.5em 1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsList li date{color:#8b8b8b;font-size:13px;}
.newsList li p{line-height:1.5}

.newsList li:hover {box-shadow: 0 0 5px 0px rgba(0, 0, 0, .5);transform:translate3d(0,-10px,0);}
.newsList li:hover h3{background:#b0d3ea;}
.newsList li:hover article{background:#fff;}


/*events*/
.indexEvents{margin:30px 0 -50px;}
.eventList{display:flex;height:245px;}
.eventList li{flex:1;background:no-repeat center center;background-size:cover;filter:grayscale(.2);}
.eventList li a{text-align:center;
	                 display:flex; 
					 justify-content: center;
					 align-items: center;
					 height:100%;
					 width:100%;
					 overflow: hidden;
				}

.eventList li a *{transition:all .7s;}

.eventList li a aside{color:#fff;width:100%;}
.eventList li a h2{font-weight:300;letter-spacing:.2em;font-size:17px;transform:translateY(20px);
						  border-radius:20px;background:rgba(0,0,0,.7);padding:.3em .7em;width: 14em;margin:0 auto 5px;}
.eventList li a h4{color:#333;background:rgba(255,255,255,.7);padding:.2em .5em;
						 border-radius:20px;width:40%;margin:auto;font-family:'Yantramanav';
						 opacity:0;transform:translateY(-10px);
						}

.eventList li a:hover{background:rgba(250,200,0,.7)}
.eventList li a:hover h2{background:none;transform:translateY(0) scale(1.3);}
.eventList li a:hover h4{opacity:1;transform:translateY(0)}


.eventList li:nth-child(3){background-image:url(../images/events/1.jpg)}
.eventList li:nth-child(2){background-image:url(../images/events/2.jpg)}
.eventList li:nth-child(1){background-image:url(../images/bg/possive2.jpg)}
.eventList li:nth-child(4){background-image:url(../images/events/4.jpg)}


/********************內頁*********************/
/*layout*/
.mainWp .container{display:table;}
.main-content{display:table-cell;vertical-align:top;}
.main-content>h4{margin-bottom:1em;font-weight:600;color:#ff4200}
.main-content p{margin-bottom:1.5em;}

.main-content dfn{color:#ff4200;font-style:normal;}

.left-content{display:table-cell;vertical-align:top;width:250px;padding-right:80px;}

.mainHead{font-size:28px;color:#296fa9;border-bottom:2px solid #296fa9;font-weight:300;padding-bottom:1em;margin-bottom:1em;}

.disc-list2 b{color:#296fa9;}

.subNav{}
.subNav ul{text-align:right;}
.subNav li {margin-bottom:.5em;}
.subNav li a{padding-bottom:.5em;color:#333;position:relative;display:inline-block;transition:all .7s;}
.subNav li a:before{height:3px;background:#b0d3ea;content: "";position:absolute;bottom:0;left:0;width:0%;transition:all .7s;}

.subNav li.active a,
.subNav li a:hover{color:#296fa9}

.subNav li a:hover:before,
.subNav li.active a:before{width:100%;}


/*mainKV*/
.mainKV{height: 179px;position:relative;}
.mainKV aside{width:calc(50% + 200px);height:100%;position:absolute;right:0;top:0;z-index:0;
					  background-position:center right;}

.mainKV .mainTitle{font-size:25px;position:absolute;right:calc( 50% + 200px - 1em);top:2em;z-index:10;}
.mainKV .mainTitle h2{font-size:250%;font-family: 'Anton', sans-serif;}
.mainKV .mainTitle h4{font-size:100%;color:#666;}

.aboutKV aside{background-image:url(../images/bg/about.jpg?v=20251016);}
.possiveKV {height:400px;}
.possiveKV aside{background-image:url(../images/bg/possive2.jpg);}
.dramaKV aside{background-image:url(../images/bg/drama.jpg);}
.transformationKV aside{background-image:url(../images/bg/transformation.jpg);}


.concertKV{height:0;}
.concertKV aside{position:relative;float:right;height:auto;margin-bottom:30px;}
.concertKV aside img{
							width:100%;
							padding-bottom: 30.1%;
							background-color:#b0d3ea;
							background-position:center center;
						}


/*節電方式*/
.savewayList{
/*
	moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
*/
}
.savewayList li{ break-inside: avoid;border-radius:5px;position:relative;font-size:14px;transition:all .7s;
	                  border:1px solid #eee;padding:1.8em 1em 1em 1.8em;margin-bottom:1em;
	              }
.savewayList li h4{position:absolute;left:2px;top:2px;border-radius:7px;background:#296fa9;font-size:15px;color:#fff;width:25px;line-height:25px;text-align:center;;}

.savewayList li:hover{background:#296fa9;;color:#fff;}
.savewayList li:hover h4{background:#fff;;color:#296fa9;}


/*video*/
.savevideoList{}
.savevideoList li {width:48%;margin:1%;text-align:center;margin-bottom:10px;}
.savevideoList li h3{font-size:18px;line-height:2;font-weight:300;}


/*app*/
.prizeList{margin-bottom:50px;}
.prizeList dl{padding:1em;}
.prizeList dl + dl{border-top:1px solid #ccc;}

.prizeList dl.list-head{background:#296fa9;color:#fff;}
.prizeList dt{width:40%;font-weight:600}
.prizeList dd{text-align:right;}

.save-app{margin-bottom:50px;}
.save-app aside{width:150px;}
.save-app article{padding:0px 20px;}

.save-app p{margin-bottom:10px;}

.app-dw a{margin-bottom:10px;display:block;}
.app-dw button{color:#000;min-width:120px;line-height:2.5}
.app-dw button:hover{background-color:#296fa9;color:#FFF;}


/*節能智慧屋*/
.eventDetail{margin-bottom:50px;}
.eventDetail dl{padding:2em 0em;}
.eventDetail dl + dl{border-top:1px solid #ccc;}

.eventDetail dt{width:12em;padding-right:1em;	font-weight:600;vertical-align:top;}
.eventDetail dd{}
.eventDetail dd ol{margin:.5em 1.5em;}
.eventDetail dd ol li{margin-bottom:.5em;}

.eventDetail dd ol.disc{list-style: disc;}



/*建造列表*/
.buildList{
	moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
.buildList li{ break-inside: avoid;border-radius:5px;position:relative;font-size:14px;transition:all .7s;
	                  border:1px solid #eee;padding:1em;margin-bottom:1em;text-align:left;
	                  position:relative;
	              }
.buildList li h5{font-size:18px;color:#b0d3ea;margin-left:50px;}
.buildList li p{margin-bottom:0;margin-left:50px;}
.buildList li  i{position:absolute;left:15px;top:20px;font-size:30px;color:#b0d3ea}


/*news-content*/
.news-content{max-width:1000px;margin:auto;padding-top:30px;}
.news-content p{margin-bottom:1.5em;}
.news-content aside{margin:20px 0;text-align:center;}

.news-content h2{font-size: 28px;
    color: #296fa9;
    border-bottom: 2px solid #296fa9;
    font-weight: 300;
    padding-bottom: 1em;
    margin-bottom: 1em;
}