@charset "UTF-8";html,body{height:100%;margin:0;padding:0}body{font-family:"lucida Grande",Verdana,"Microsoft YaHei"}h1,h2,div,span,form,table,tr,td,img,button,a,p{padding:0;margin:0;border:0}input{margin:0;outline:none}h1{font-size:32px;font-weight:normal;color:#f5ca84}table{border-collapse:collapse;border-spacing:0}a,a:hover{text-decoration:none}.noshow{opacity:0}.inlinebk{display:inline-block;*display:inline;zoom:1}.vm{vertical-align:middle}.vb{vertical-align:bottom}.vt{vertical-align:top}.clear{width:1px;clear:both}.pb10{padding-bottom:10px}.mt5{margin-top:5px}#outer{position:relative;width:100%;height:100%}#outer .spacer{display:inline-block;height:100%;width:1px;margin-left:-1px;margin-right:-4px;vertical-align:middle}#middle{display:inline-block;width:100%;text-align:center;vertical-align:middle}#wrap{display:inline-block}#middle,#wrap{*display:inline}#wrap .context{position:relative;width:100%;color:#666}#footer{position:absolute;width:100%;text-align:center;bottom:3px}#footer span{text-align:left;padding-left:10px;line-height:24px}#footer .browserSupport{display:inline-block;float:right;width:318px;height:60px;right:10px;top:15%}#footer .browserSupport img{z-index:-1}#footer .invisbleBtn,#footer .invisbleBtn a{display:inline-block;position:absolute;width:40px;height:58px;z-index:10;opacity:0;filter:alpha(opacity=0)}.ie{top:0px;left:100px}.mz{top:0px;left:142px}.ch{top:0px;left:184px}.qq{top:0px;left:226px}.cn360{top:0px;left:268px}/*default*/#default{margin-top:40px}.inputs{margin-bottom:25px;margin-top:15px;vertical-align:middle}#SafeCode{height:30px;line-height:30px;font-family:verdana;font-size:16px;max-width:270px}#btnSubmit{font-size:16px;border:0px;padding:0 15px 0 5px;margin-left:0px;color:#fff;text-decoration:none;outline:0}#btnSubmit,#btnSubmit .txt #btnSubmit,#btnSubmit .txt{height:35px;line-height:35px;padding-top:0px}#btnSubmit .png{vertical-align:top;margin-top:2px}#btnSubmit:hover,#btnCMS:hover{cursor:pointer}.com6{vertical-align:middle;height:40px;padding-bottom:3px\0}.ico_search{width:20px;background:url(../Images/search_ico.png) no-repeat 50% 50%}.ico_us,.ico_fi,.ico_desktop,.ico_mobile{float:left;margin-left:30px;width:30px}.ico_us{background:url(../Images/us.png) no-repeat 0% 50%}.ico_fi{background:url(../Images/fi.png) no-repeat 0% 50%}.ico_desktop{background:url(../Images/desktop.png) no-repeat 0% 50%}.ico_mobile{background:url(../Images/mobile.png) no-repeat 0% 50%}.ico_arrow{float:right;margin-right:30px;background:url(../Images/arrow.png) no-repeat 50% 50%}.landscape-mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;font-size:21px;padding:10px;z-index:2}.inputs .btn-try{float:left;_float:none}.btn-try{border-radius:10px;background-image:url(../Images/btn-tryout.png);padding:0 20px;font-size:12px;width:250px;_width:250px;height:50px;color:#191919;line-height:50px;font-size:24px;font-weight:bold;margin:10px 0 0 0}.btn-try-icon{position:relative;margin:0 0 0 5px;float:left;_float:none;bottom:5px}.btn-tv-pc-220{position:absolute;left:50%;margin-left:-110px;top:-220px}.hidden{display:none;visibility:hidden}/*IE8+,others*/html > body .spacer{height:25% !important}/*IE6 hack*/#navi a{_line-height:1em;_padding:25px 0 0 0}#btnMember span,#btnMiddle span{_line-height:30px;_vertical-align:bottom}.ico_us,.ico_fi,.ico_desktop,.ico_mobile{_height:30px}.ico_arrow{_width:20px}/*898软件城*/.software-mall{width:240px;height:204px;position:absolute;right:0px;top:50%;margin-top:-86px;background:url("../Images/mall-898.png")}.mall-main{width:240px;height:204px;position:relative}.mall-line{display:block;width:240px;height:204px}.mall-close{display:block;width:24px;height:24px;position:absolute;top:0px;right:0px;background:url("../Images/mall-close.png")}.safecode-box{display:inline-block}#btn_little-helper{width:75px;height:75px;background:url("../Images/btn_little-helper-75x75.png")}/*前端mark*/.frontend-mark{top:2px;position:relative;width:660px;width:239px;height:25px;margin:0 auto;background:url("../Images/img_frontend-mark0.png") no-repeat}/*導入 Phone*/@media only screen and (max-width:480px){#default{margin:0px 0 0}#outer .spacer{display:none}.inputs{padding:20% 20px}#SafeCode{width:100%;box-sizing:border-box;max-width:none;-webkit-appearance:none;height:40px;border-radius:5px;border:1px solid #191919;outline:none;line-height:normal;vertical-align:middle}#btnSubmit{margin:14px auto 0;display:block;width:100%;height:auto;border-radius:5px;padding:5px 0;font-size:18px}#btnSubmit .png{vertical-align:middle;margin:0}#btnSubmit,#btnSubmit .txt #btnSubmit,#btnSubmit .txt{height:auto;line-height:inherit;vertical-align:inherit}#footer{height:80px}#navi .bg{min-width:300px;width:100%;top:60px;position:relative;padding:120px 0 80px}#wrap{width:100%}.software-mall{right:auto;top:auto;margin:0;left:50%;margin-left:-118px;width:235px;height:84px;background-image:url(/Images/mall-898-m.png)}.software-mall .mall-close{display:none}.trial{padding:0 20px}.trial img{width:100%}.btn-try-icon{display:none;visibility:hidden}.btn-try{width:100%;display:block;box-sizing:border-box;height:auto;border-radius:5px;font-size:18px}.btn-tv-pc-220{left:50%;margin-left:-107px;top:-200px}.btn-tv-pc-220 img{height:200px;width:200px}.safecode-box{display:block;margin-left:auto}.mobile-pt14{padding-top:14px}/*android software keyboard導致下方的客服往輸入框移動故在body 新增最低高度 及 讓背景在有輸入框的時候能填滿*/body.search{min-height:550px;background-attachment:fixed} }@media only screen and (max-width:320px) and (max-width:568px){.btn-tv-pc-220{left:50%;margin-left:-90px;top:-180px}.btn-tv-pc-220 img{height:180px;width:180px} }@media only screen and (max-width:768px){#footer .browserSupport{display:none} }/*横屏 css*/@media screen and (min-aspect-ratio:13 / 9) and (max-width:750px) and (min-width:450px){.landscape-mask{display:block} }body{font-family:"lucida Grande",Verdana,"Microsoft YaHei";/*background:url("../Images/img_bg.jpg") no-repeat center bottom;*/}.brand{width:auto;height:134px;margin:0 auto}.brand-sm{background-image:url("../Images/logo_brand.png");background-repeat:no-repeat;width:144px;height:134px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto;display:none}#btnMember{background:#276790}#btnMember:hover{background:rgba(39,103,144,0.8)}#btnMiddle{background:#353e9b}#btnMiddle:hover{background:rgba(53,62,155,0.8)}#btnSubmit{font-size:16px;border:0px;padding:0 15px 0 5px;margin-left:0px;background:#1c2ece;color:#fff;text-decoration:none;outline:0}#btnSubmit,#btnSubmit .txt #btnSubmit,#btnSubmit .txt{height:35px;line-height:35px;padding-top:0px}#btnSubmit .png{vertical-align:top;margin-top:2px}#btnSubmit:hover,#btnCMS:hover{cursor:pointer}/*navi switch*/#navi .bg{background:rgba(255,255,255,0.8);padding-top:120px;padding-bottom:100px;width:400px}#navi .logo{margin-bottom:80px}#navi a{color:#fff;display:block;font-size:22px;font-weight:bold;border-radius:50px;width:260px;margin:0 auto 40px;text-align:left;vertical-align:middle;height:52px;line-height:52px}#navi a:hover,#navi a:active{color:#fff}/*IE8 below*/@media \0screen\,screen\9{#navi .bg{background:#E0F2F5}#btnMember:hover{background:#43a4d7}#btnMiddle:hover{background:#26488f} }#btnSubmit{background:#1c2ece}.safecode-box{margin-left:95px;display:inline-block}/*導入 Phone*/@media only screen and (max-width:480px){.context .logo{margin:0 auto;height:110px}#default{margin:0px 0 0}#outer .spacer{display:none}.inputs{padding:20% 20px}#SafeCode{width:100%;box-sizing:border-box;max-width:none;-webkit-appearance:none;height:40px;border-radius:5px;border:1px solid #191919;outline:none;line-height:normal;vertical-align:middle}#btnSubmit{margin:14px auto 0;display:block;width:100%;box-sizing:border-box;height:auto;border-radius:5px;padding:5px 0;font-size:18px;border:1px solid #0e1a89 !important}#btnSubmit .png{vertical-align:middle;margin:0}#btnSubmit,#btnSubmit .txt #btnSubmit,#btnSubmit .txt{height:auto;line-height:inherit;vertical-align:inherit}#footer{height:80px}#navi .bg{min-width:300px;width:100%;top:60px;position:relative;padding:120px 0 80px}#wrap{width:100%}.software-mall{right:auto;top:auto;margin:0;left:50%;margin-left:-118px;width:235px;height:84px;background-image:url(/Images/mall-898-m.png)}.software-mall .mall-close{display:none}.trial{padding:0 20px}.trial img{width:100%}.btn-try-icon{display:none;visibility:hidden}.btn-try{width:100%;display:block;box-sizing:border-box;height:auto;border-radius:5px;font-size:18px}.btn-tv-pc-220{left:50%;margin-left:-107px;top:-200px}.btn-tv-pc-220 img{height:200px;width:200px}.safecode-box{display:block;margin-left:auto}.mobile-pt14{padding-top:14px}/*android software keyboard導致下方的客服往輸入框移動故在body 新增最低高度 及 讓背景在有輸入框的時候能填滿*/body.search{min-height:550px;background-attachment:fixed} }img{border:none;padding:0;margin:0}ul{list-style:none;padding:0;margin:0;display:inline}.top{width:auto;padding:10px 0;background:#00a200}.top .topbox{width:88%;color:#fff;margin:0 auto}.top .topbox .left{float:left;font-size:30px}.top .topbox .right{width:60px;height:24px;line-height:24px;text-align:center;float:right;background:#e6fae9;color:#333;font-size:14px;margin-top:8px;moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #9accac}.top1{width:86%;margin:30px auto 0 auto;background:#fff;padding:15px;border:1px solid #c4d1cb}.top1 .left1{width:47%;float:left;padding:10px}.top1 .right1{width:47%;float:right;padding:10px}.title{width:98%;margin:0 auto;height:40px;font-size:20px;line-height:40px;color:#2a85bf;border-bottom:1px dashed #adb2b4}.title1{width:98%;margin:0 auto;height:40px;font-size:20px;line-height:40px;color:#23573b;border-bottom:1px dashed #adb2b4}.box{width:100%;padding:15px 0 0px 10px}.box1{width:100%;padding:15px 0 0px 10px}.box a,.box1 a{color:#333}.box a:hover,.box1 a:hover{color:#b53232}.box li{width:150px;text-align:center;line-height:30px;float:left;margin:0 10px 10px 0;border:1px solid #54b2e2;moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.box li:hover{background:#ebf7ff}.box1 li:hover{background:#e6fae9}.box li b{font-weight:normal;font-size:12px;color:#666}.box1 li{width:150px;text-align:center;line-height:30px;float:left;margin:0 10px 10px 0;border:1px solid #4aa574;moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.box1 li b{font-weight:normal;font-size:12px;color:#666}.top2{width:100%;background:#00a200;padding:7px 0;text-align:center;font-size:35px;color:#ffffff}.top12{width:100%}.top12 .left12{width:96%;margin:2% auto 0 auto;background:#fff;padding:5px 0;border:1px dashed #adb2b4}.top12 .left22{width:96%;margin:2% auto 0 auto;background:#fff;padding:5px 0;border:1px dashed #adb2b4}.top12 .right12{width:96%;margin:2% auto 0 auto;background:#fff;padding:5px 0;border:1px dashed #adb2b4}.title2{width:100%;height:34px;font-size:20px;line-height:30px;text-align:center;border-bottom:1px dashed #adb2b4;color:#2a85c4;font-weight:900}.title12{width:100%;height:34px;font-size:20px;line-height:30px;text-align:center;border-bottom:1px dashed #adb2b4;color:#23573b;font-weight:900}.box2{width:100%}.box12{width:100%}.box2 a,.box12 a{color:#333}.box2 a:hover,.box12 a:hover{color:#b53232}.box2 li{width:90%;margin:3% 5%;text-align:center;line-height:36px;border:1px solid #54b2e2;border-radius:10px;background:#ebf7ff}.box2 li:hover{background:#fff}.box12 li:hover{background:#fff}.box2 li b{font-weight:normal;font-size:12px;color:#666}.box12 li{width:90%;margin:3% 5%;text-align:center;line-height:36px;border:1px solid #4aa574;border-radius:10px;background:#e6fae9}.box12 li b{font-weight:normal;font-size:12px;color:#666}