.owl-carousel {
    overflow: hidden;
}
h2, h3 {
    font-weight: normal !important;
    margin-bottom: 15px;
}
.img_div {
    height: 265px;
    min-height: 265px !important;
}
.img {
    max-height: 250px !important;
}
.pro_div {
    display: inline-block;
    padding-top: 15px;
    width: 100%;
    max-width: 100%;
    min-height: 400px;
    max-height: 400px;
    border:1px dashed #FFF;
}
.film_div{
    display: inline-block;
    padding-top: 15px;
    width: 100%;
    max-width: 100%;
    min-height: 420px;
    max-height: 420px;
    border:1px dashed #FFF;
}
.pro_div.nocolor:hover{
    border:1px solid #FFF;
}
.pro_div:hover{
    border-top:1px solid #e67e22;
}
.pro_name {
    word-wrap: break-word;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px;
}
.owl-dots {
    text-align: center;    
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}
.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
}
/*背景+文字*/
.home_about_page_0 {
    width: 100%;
    background-color: #000;
    position: relative;
    z-index: 1;
}
.parallax {
    position: relative; 
    background-position: 0% 0%;
    height: 550px;
    background-size: cover;
}
.parallax_s {
    position: relative; 
    background-position: 0% 0%;
    height: 450px;
    background-size: cover;
}
.box-2_s {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 450px;
}

.parallax-1 {   
    background-image: url(https://www.energypark.org.tw/_admin/_upload/things/thingsCancel/119/file/2012-%E5%B7%A5%E7%A0%94%E9%99%A2%E3%80%8C%E5%A4%8F%E6%9C%88%E2%80%A7%E7%AF%80%E9%9B%BB%E4%B8%AD%E3%80%8D%E6%B5%B7%E5%A0%B1%E5%AE%8C%E7%A8%BF2.jpg?2018-12-31);
    background-attachment: fixed;
    background-position: center;
}
.parallax-2 {   
    background-image: url(/assets/images/banner_bg.jpg?2018-12-31);
    background-attachment: fixed;
}

.box-2 {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 550px;
}

.parallax-1 > div > div, .parallax-1 > div > div > h2, .parallax-2 > div > div, .parallax-2 > div > div > h2 {
    position: relative;
    color: #FFF;
}

.parallax-1 > div > div > div > h3, .parallax-2 > div > div > div > h3 {
    position: relative;
    color: #FFF;
    margin-bottom: 5px;
}
.parallax-1 > div > div, .parallax-2 > div > div {
    top: 50%;
    transform: translateY(-50%) !important;
    font-size: 16px;
    line-height: 1.68em;
}
.__Description {
    color: #666;
    padding: 15px 25px;
    font-size: 1em;
    letter-spacing: 1px;
    line-height: 21px;
    font-weight: normal;
    font-family: "Arial","Microsoft Yahei" !important;
    border-bottom: #f1f1f1 1px dashed;
    text-align: center;
    min-height: 50px;
}
.__Description > div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.price{ font-size:1.15em; padding-top:2%;}
.button.button-xlarge {
    font-weight:100;
    font-size: 18px;
    letter-spacing:inherit; 
    height: 52px;
    line-height: 52px;
}
.article_font{letter-spacing:0.1em;}

.pro_pop_div{
    background-image: url(/images/fus_bg.jpg?2018-12-31);
}
.my_animated{
    margin-top:200px;   
}
.counter-lined{
    font-family:"Arial","Microsoft JhengHei";
    font-weight: 100;
}
.service_txt{ margin:0 5%;}
.Pnum{ font-size: 22px; font-family:monospace; }
.banner_bg{
    background-image:url(/assets/images/banner_bg.jpg?2018-12-31);
    background-attachment: fixed;
    background-position: center top;
}
.banners_text{
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    z-index: 1;
    height: 150px;
    width: 100%;
    text-align: center;
}
.banners_text div{
    padding-right: 15%;
    top: 50%;
    transform: translateY(-50%) !important;
    position: absolute;
    text-align: right;
    width: 100%;
}
.banners_text div h3{
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em #000;
    margin-bottom: 0px;
}
#oc-product0 .owl-dots{
    position: absolute;
    width: 100%;
    margin-top:-30px;
    z-index: 2; 
}
/*.bannerImg{ width:100%;}*/
@media screen and (max-width: 1919px) {
.banners_text div {    
    padding-right:50px;
}
}
@media screen and (max-width: 1024px) {
.parallax-1 > div > div, .parallax-2 > div > div {
    top: 0%;
    transform: translateY(0%) !important;
    padding: 50px 10px;
    font-size: 15px;
    line-height:inherit;
}
.parallax_s, .home_about_page_0, .box-2_s{
    height: auto;
}
.film_div{
    min-height: 350px;
    height: auto;   
}

.article_font {
    text-align: justify;
}
.article_font div{
    padding: 0 15px;
}
.pro_div {
    min-height: auto;
}
.banners_text div {
    text-align: center;
    padding-right: 0;
    top: 50%;
    transform: translateY(-50%) !important;
    position: absolute;
    width: 100%;
}
.banners_text div h3{
    padding:0 15px;
}
}