@charset "UTF-8";.nav-list{margin-bottom:0;}
.img-rwd{max-width:100%;height:auto;}
.img-toBg{width:100%;height:100%;-moz-background-size:100% auto;-o-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;}
.fleximg{width:100%;margin:0 auto;position:relative;image-rendering:optimizeQuality;}
.fleximg:before{display:block;content:" ";width:100%;background-size:100%;background-position:center center;background-repeat:no-repeat;image-rendering:optimizeQuality;}
.img_bk{overflow:hidden;margin-bottom:15px;}
.collapseImg{width:90%;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.bg-cover, .img-toBg, .icon:before, #cross_platform, #save_energy, #feature_nvr{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover;}
.bg-cont, #save_energy .aniamte-product, #save_energy .data_bk i.pc200w{-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;}
.bg-nrp, .img-toBg, .icon:before, #cross_platform, #save_energy, #save_energy .aniamte-product, #save_energy .data_bk i.pc200w, #feature_nvr, #feature_nvr #step_list > li{background-repeat:no-repeat;}
.bg-pos-center, .img-toBg, .icon:before, #save_energy, #save_energy .aniamte-product, #save_energy .data_bk i.pc200w, #feature_nvr{background-position:50% 50%;}
html, body{font-size:16px;}
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6{margin:0;padding:0;}
.text-shadow{text-shadow:0px 1px 5px rgba(0, 0, 0, 0.55);}
.icon{display:inline-block;}
.icon:before{content:"";display:inline-block;}
a.readmore{font-size:16px;text-decoration:none;}
a.readmore:hover{text-decoration:underline;}
a.readmore.blue_txt{color:#09F;}
#page{width:100%;overflow:hidden;}
#banner{padding-bottom:35px;}
#banner .title{font-size:48px;font-weight:400;margin:0;margin-bottom:15px;}
#banner .sub-title{line-height:1.3;}
@media (max-width:767px){#banner .sub-title{font-weight:600;}
}
#banner .feature-list{list-style-position:inside;list-style-type:disc;font-size:18px;line-height:1.7;}
.section.font_white{color:white;}
.section.font_black{color:#000;}
.section.no_pad{padding-bottom:0;}
.section.no_pad_top{padding-top:0;}
.section, #collapse_bk{padding:75px 0;}
@media (max-width:767px){.section, #collapse_bk{padding:25px 0;}
}
.section .section-title, .section .section-descript, .section .img, #collapse_bk .section-title, #collapse_bk .section-descript, #collapse_bk .img{text-align:center;font-weight:400;line-height:1.5;}
@media (max-width:767px){.section .section-title, .section .section-descript, .section .img, #collapse_bk .section-title, #collapse_bk .section-descript, #collapse_bk .img{font-weight:600;text-align:center;line-height:1.4;}
}
.section header, #collapse_bk header{max-width:950px;margin:0 auto;}
.section header.tal > *, .section .section-title.tal, .section .section-descript.tal, #collapse_bk header.tal > *, #collapse_bk .section-title.tal, #collapse_bk .section-descript.tal{text-align:left;}
.section .section-descript, #collapse_bk .section-descript{margin-top:15px;width:100%;}
.section .section-descript > *, #collapse_bk .section-descript > *{max-width:900px;display:inline-block;text-align:left;}
.section .section-descript h4, #collapse_bk .section-descript h4{line-height:1.4;}
@media (min-width:768px){.vmiddle{position:relative;padding-top:10%;}
.vmiddle > *{top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
}
.hr{background-color:#ddd;height:1px;margin-top:3%;margin-bottom:3%;}
.center-block{text-align:center;}
.fadeout{opacity:0 !important;display:none;}
body{font-family:segoe ui, Helvetica, Verdana, "微軟正黑體", "Microsoft JhengHei", "微軟雅黑體", "Microsoft YaHei", Arial, "新細明體";}
#banner-product, #banner_product{position:relative;display:inline-block;}
a.p_zoom{position:absolute;bottom:35px;right:0;}
#gallery_zoom{width:30px;height:30px;line-height:30px;display:block;background:url(../../images/templates/btn/gallery_zoom.png) no-repeat;background-position:0px 0px;border:none;}
#cpu_speed.font_black{color:#fff;background-color:#000;}
#cpu_speed.font_black .data_bk{margin:0 auto;max-width:960px;}
#cpu_speed.font_small .data_bk .num{font-size:75px;}
@media (max-width:992px){#cpu_speed.font_small .data_bk .num{font-size:60px;}
}
@media (max-width:767px){#cpu_speed.font_small .data_bk .num{font-size:45px;}
}
@media (max-width:767px){#cpu_speed .raid_num:last-child{display:inline-block;margin-top:35px;}
}
.data_bk{font-weight:normal;padding-top:35px;padding-bottom:50px;}
.data_bk .data_item{text-align:center;}
.data_bk .num, .data_bk .unit{display:inline-block;}
.data_bk .num{font-weight:300;}
.data_bk .unit{margin-left:5px;}
.data_bk .type{border-top:1px solid;padding-top:5px;}
@media (min-width:1px) and (max-width:991px){.data_bk .data_item .num{font-size:55px;}
.data_bk .data_item .unit{font-size:15px;}
.data_bk .data_item .type{font-size:15px;}
}
@media (min-width:991px){.data_bk .data_item .num{font-size:80px;}
.data_bk .data_item .unit{font-size:16px;}
.data_bk .data_item .type{font-size:16px;}
}
#cross_platform{background-image:url("../../images/feature/template/dark/bay_4/cross_platform_bg.jpg");background-position:50% bottom;color:#fff;}
@media (max-width:767px){#cross_platform{background-position:left bottom;background-color:#000;}
}
#cross_platform .data_bk{color:#fff;margin-top:10%;}
@media (max-width:767px){#cross_platform .data_bk{margin-top:8%;margin-bottom:85%;}
}
#cross_platform .data_bk > *{max-width:700px;margin:0 auto;}
#save_energy{color:#fff;background-color:#6bcc7d;background-image:url("../../images/feature/template/dark/save_energy_bg.jpg");}
#save_energy .aniamte-product{position:relative;text-align:center;}
#save_energy .aniamte-product > img{display:inline-block;}
#save_energy .aniamte-product{background-image:url("../../images/feature/template/dark/save_energy_clock.jpg");}
#save_energy .aniamte-product > a{position:absolute;font-size:16px;line-height:1.7;color:#fff;max-width:220px;z-index:5;}
#save_energy .aniamte-product .s_left{text-align:right;padding-right:15px;border-right:2px solid #fff;}
#save_energy .aniamte-product .s_right{text-align:left;padding-left:15px;border-left:2px solid #fff;}
#save_energy .data_bk .type{border-top:1px solid #fff;}
#save_energy .data_bk i.pc200w{display:inline-block;width:100%;background-image:url("../../images/feature/template/dark/pc_200w.svg");margin-top:15px;}
@media (max-width:767px){#save_energy .data_bk i.pc200w{height:120px;}
}
@media (min-width:768px){#save_energy .data_bk i.pc200w{height:150px;}
}
@media (max-width:1199px){.s_left, .s_right{display:none;}
}
@media (min-width:1200px){.s_left, .s_right{display:inline-block;}
}
@media (min-width:991px){#save_energy.bay_2 .s_left{right:878px;}
#save_energy.bay_2 .s_right{left:878px;}
#save_energy.bay_2 .s1{top:106px;}
#save_energy.bay_2 .s2{top:215px;}
#save_energy.bay_2 .s3{top:282px;}
#save_energy.bay_2 .s4{top:347px;}
#save_energy.bay_2 .s5{top:123px;}
#save_energy.bay_2 .s6{top:201px;}
}
@media (min-width:991px){#save_energy.bay_4 .s_left{right:878px;}
#save_energy.bay_4 .s_right{left:878px;}
#save_energy.bay_4 .s1{top:106px;}
#save_energy.bay_4 .s2{top:215px;}
#save_energy.bay_4 .s3{top:282px;}
#save_energy.bay_4 .s4{top:347px;}
#save_energy.bay_4 .s5{top:123px;}
#save_energy.bay_4 .s6{top:201px;}
}
#feature_nvr{background-image:url("../../images/feature/template/dark/nvr_bg.jpg");color:#fff;}
#feature_nvr .section-descript p{color:#fff;}
#feature_nvr .data_item .unit, #feature_nvr .data_item .type{font-size:18px;}
#feature_nvr #step_list{font-size:18px;line-height:1.7;list-style-type:none;}
@media (max-width:767px){#feature_nvr #step_list{padding:0 15%;}
}
@media (min-width:991px){#feature_nvr #step_list{padding-left:5%;}
}
#feature_nvr #step_list > li{margin-bottom:25px;padding-left:31px;background-position:left 4px;}
#feature_nvr #step_list .num_1{background-image:url("../../images/feature/template/dark/icon_nvr_step1.png");}
#feature_nvr #step_list .num_2{background-image:url("../../images/feature/template/dark/icon_nvr_step2.png");}
#feature_nvr #step_list .num_3{background-image:url("../../images/feature/template/dark/icon_nvr_step3.png");}
#feature_nvr #step_list .num_4{background-image:url("../../images/feature/template/dark/icon_nvr_step4.png");}
#feature_nvr #step_list .num_5{background-image:url("../../images/feature/template/dark/icon_nvr_step5.png");}
#feature_nvr #feature_nvr_img_bk{margin-top:5%;position:relative;}
#feature_nvr #nvr_img_bk #channel_icon{position:absolute;bottom:50px;right:25px;z-index:10;border:1px solid #fff;background-color:rgba(0, 0, 0, 0.75);text-align:center;padding:15px 35px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;z-index:1;}
@media (max-width:1199px){#feature_nvr #nvr_img_bk #channel_icon{right:5px;}
}
@media (max-width:767px){#feature_nvr #nvr_img_bk #channel_icon{right:13px;bottom:30px;padding:10px 20px;}
}
#feature_nvr #nvr_img_bk #channel_icon .name{font-weight:normal;font-size:18px;}
#feature_nvr #nvr_img_bk #channel_icon .num{font-weight:300;font-size:60px;}
@media (max-width:767px){#feature_nvr #nvr_img_bk #channel_icon .num{font-size:40px;}
}
#feature_nvr #nvr_img_bk #channel_icon .name, #feature_nvr #nvr_img_bk #channel_icon .num{display:inline-block;}
#feature_nvr .link_bk{margin-top:25px;text-align:center;}
@media (max-width:767px){#feature_nvr .link_bk{text-align:left;}
}
#feature_nvr .link_bk > a{display:inline-block;color:#fff;text-decoration:none;font-size:16px;font-weight:medium;}
#feature_nvr .link_bk > a:hover{text-decoration:underline;}
#feature_nvr .link_bk > a:first-child{margin-right:25px;padding-right:25px;border-right:1px solid #fff;}


@media (max-width:767px){
	.detail_content{display: none;}
}