@charset "UTF-8";
body{ letter-spacing: initial; }
i{font-style:normal; vertical-align: bottom: ; margin: 0 5px;display: inline-block;}
#outer-wp.v1 .width{ width: 1280px;margin: auto; padding: 80px 0; }
#outer-wp.v1 { max-width: 100%; margin: auto; padding: 0;font-family: "微軟正黑體,arial";line-height:29px; letter-spacing:0.1em; font-size: 15px; color: #626262; background: #ffffff;}
#outer-wp.v1 #header{ width: 100%; background: linear-gradient(to bottom, #30b9cd, #0d2969);display: block;}
#outer-wp.v1 .banner{  padding: 0; position: relative;z-index: 0; height: 455px; margin: auto;}
#outer-wp.v1 .bannerboxp{ width: 39%;display: inline-block; vertical-align: top; }
#outer-wp.v1 .bannerboximg{ width: 59%;display: inline-block; vertical-align: top; }
#outer-wp.v1 .img{display: inline-block; width: 100%; margin-top: -10%; margin-left: -5%;}
#outer-wp.v1 .imgp{ width: 100%;margin-top: 70px;}
#outer-wp.v1 .bannerimg{ width: 100%; }
#outer-wp.v1 .banner .p{ color: #ffffff; }
#outer-wp.v1 .banner h1{ font-size: 37px; line-height: 51px}
#outer-wp.v1 .no1{background: url(../images/nessus_imgs.jpg); background-size: cover;}
#outer-wp.v1 h1{ line-height: 51px }
#outer-wp.v1 h3{font-size: 31px;line-height: 51px}
#outer-wp.v1 .title1{ font-size: 35px; line-height: 50px; }
#outer-wp.v1 .title2{ font-size: 21px;color: #0d2a6a;margin-bottom: 5px; }
#outer-wp.v1 .title3{ font-size: 25px;margin-bottom: 5px; }
#outer-wp.v1 .title4{ color: #abce36; font-size: 29px;font-weight: bold;}
#outer-wp.v1 .title4 b{ font-size: 41px; font-weight: bold; }
#outer-wp.v1 .box{margin: 60px 0 0 0 ;}
#outer-wp.v1 .box{ width: 33%; display: inline-block; margin: 30px 0; text-align: center; vertical-align: top;}
#outer-wp.v1 .boxss{ width: 16%; display: inline-block; margin: 30px 0; text-align: center; vertical-align: top;}
#outer-wp.v1 .boxss img{ max-width: 100%; }
#outer-wp.v1 .verification{ display: inline-block;padding: 10px 20px; border: solid 1px #b1ffee; vertical-align: middle;}
#outer-wp.v1 .baf{ background-color: #ffffff }
.red{color: #a00000; font-size: 13px;}
#outer-wp.v1 .imgb{ display: block; margin: auto; }
#outer-wp.v1 .box ul li{ list-style: disc;margin-left: 30px; }
#outer-wp.v1 .box100{ width: 100%; text-align: left; }
#outer-wp.v1 .box2{ width: 33%;display: inline-block;margin: 10px 0;vertical-align: top;}
#outer-wp.v1 .box3{ width: 45%;display: inline-block;margin: 10px;vertical-align: top;}
#outer-wp.v1 .box2 img,.v1 .box3 img{ float: left; }
#outer-wp.v1 .boxs{display: grid; vertical-align: top;}
#outer-wp.v1 .boxs{ text-align: left;display: inline-block;vertical-align: top; margin:0 0 0 15px; float: left;width: 70%; }
#outer-wp.v1 .ba{background: url(../images/nessus_ba.png)}
#outer-wp.v1 .hr{ border: 0;border-bottom: 1px dashed #ccc;background: #999;}
#outer-wp.v1 table{ width:100%; text-align: center; }
#outer-wp.v1 table img{ vertical-align: middle; }
#outer-wp.v1 .focus{ border:solid 3px #ff0000 ; }
#outer-wp.v1 thead tr{ background: #ffe200; height: 95px; }
#outer-wp.v1 tbody tr:nth-child(odd){ background: #ebebeb; }
#outer-wp.v1 tbody tr:nth-child(even){ background: #d0d0d0; }
#outer-wp.v1 td,.v1 th{ padding:15px;text-align: center; }
#outer-wp.v1 tr{ font-size: 16px;}
#outer-wp.v1 tr .title2{ font-size: 31px; }
#outer-wp.v1 .ba .title1{display: block;text-align: center; background: url(../images/nessus_ba.png); margin: -35px auto; width:1000px;height: 100px;color: #ffffff;font-weight: 100;font-size: 31px;}
#outer-wp.v1 .ba input{ border-radius: 10px;line-height: 55px;padding: 0px 15px; width: 46.9%;display: inline-block; background: #798694;margin: 10px;letter-spacing: 2px;
    font-size: 17px;opacity:0.6;  border: 1px solid #656565;color: #ffffff ;
box-shadow: inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7;
-webkit-box-shadow: inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7;
-moz-box-shadow: inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7
-o-box-shadow:inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7}
#outer-wp.v1 .ba input::placeholder{ color: #ffffff }
#outer-wp.v1 .ba p{    color: #ffffff;
    padding: 0 10px;
    font-size: 17px;
    margin-bottom: -10px;}
#outer-wp.v1 .ba form{color: #00ffea; font-size: 21px}
#outer-wp.v1 .ba textarea {border-radius: 10px;line-height: 55px;padding: 0px 15px;display: block; background: #798694;margin: 10px;letter-spacing: 2px;width: 96%;
    font-size: 17px;opacity:0.6;  border: 1px solid #656565; color: #ffffff;
box-shadow: inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7;
-webkit-box-shadow: inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7;
-moz-box-shadow: inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7
-o-box-shadow:inset 0px 1px 4px 0px #020202, 0px 1px 1px 0px #c3daf7}

#outer-wp.v1 .ba .btn{display: inline-block;width: 20%; float: right; font-size: 15px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

opacity:1; 
box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000;
-webkit-box-shadow:inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000;
-moz-box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000
-o-box-shadow:inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000;
border:0; cursor: pointer;
}
#outer-wp.v1 .ba .btn:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
color: #000000;
}
#outer-wp.v1 .btn{display: inline-block;width: 80%; float: right;    font-size: 17px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

opacity:1; 
box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000;
-webkit-box-shadow:inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000;
-moz-box-shadow: inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000
-o-box-shadow:inset 0px 1px 1px 0px #ffffff, 0px 1px 0px 0px #000000;
border:0; cursor: pointer;
    text-align: center;
    padding: 10px;
    margin: 30px 0; color: #ffffff;    border-radius: 5px;
}
#outer-wp.v1 .btn:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
color: #000000;
}

@media (max-width: 1280px){
    #outer-wp.v1 .width{ width: 99%; margin: auto; }
    #outer-wp.v1 .imgb{ width: 99%; margin: auto; }
    #outer-wp.v1 .ba .title1{ width: 100%; }
    #outer-wp.v1 .box2 img, .v1 .box3 img{ max-width: 25%; }
    #outer-wp.v1 .box2,#outer-wp.v1 .box3,#outer-wp.v1 .box,#outer-wp.v1 .boxss{ width: 49%;margin: 20px auto; }
    body{ min-width: 100%; }
    #outer-wp.v1 .ba textarea,#outer-wp.v1 .ba input{ width: 90%; }
    #outer-wp.v1 .imgp{ margin-top: 10%; }
    #outer-wp.v1 .banner .p{  }
    #outer-wp.v1 .banner h1{ font-size: 23px; line-height: 25px;}
    #outer-wp.v1 h3{ font-size: 21px;}
    #outer-wp.v1 .banner .p{ top:240px }
    #outer-wp.v1 tr{ font-size: 15px;line-height: 19px; }
    #outer-wp.v1 tr .title2{ font-size: 25px; display: block; }
    #outer-wp.v1 .ba .title1{ margin: auto; font-size: 25px;}
    #outer-wp.v1 .hr{ display: none; }
    #outer-wp.v1 #header{background-position: 44.5% top;}
}
@media (max-width: 1100px){
    #outer-wp.v1 .banner .p{ top:220px }
}
@media (max-width: 768px){
    #outer-wp.v1 .width{ width: 95%; margin: auto; }
    #outer-wp.v1 .bannerboxp
    #outer-wp.v1 .imgb{ width: 95%; margin: auto; }
    #outer-wp.v1 .ba .title1{ width: 100%; }
    #outer-wp.v1 .box2 img, .v1 .box3 img{ max-width: 25%; }
    #outer-wp.v1 .box2,#outer-wp.v1 .box3,#outer-wp.v1 .box,#outer-wp.v1 .boxss{ width: 100%;margin: 20px auto; }
    body{ min-width: 100%; }
    #outer-wp.v1 .ba textarea,#outer-wp.v1 .ba input{ width: 90%; }
    #outer-wp.v1 .imgp{ width: 60%; }
    #outer-wp.v1 .img{ margin:-8% auto 0 auto; width: 70%;min-width:400px}
    #outer-wp.v1 .banner .p{ width: 100%; }
    #outer-wp.v1 .banner h1{ font-size: 23px; line-height: 25px;}
    #outer-wp.v1 h3{ font-size: 21px;}
    #outer-wp.v1 .banner .p{ top:160px;font-size: 13px;}
    #outer-wp.v1 tr{ font-size: 15px;line-height: 19px; }
    #outer-wp.v1 tr .title2{ font-size: 25px; display: block; }
    #outer-wp.v1 .ba .title1{ margin: auto; font-size: 25px;}
    #outer-wp.v1 .hr{ display: none; }
    #outer-wp.v1 .banner .p{ line-height: 21px; }
    #outer-wp.v1 .bannerboxp{ width: 100%;display: block; }
    #outer-wp.v1 .bannerboximg{ max-width: 80%;width: 100%;display: block;  }
    #outer-wp.v1 .imgp { margin-top: 1%; }
}
@media (max-width: 500px){

}