﻿@charset "utf-8";::selection{background:#936;color:#fff}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,cite,code,del,dfn,em,img,ins,q,samp,strong,var,b,dl,dt,dd,ol,ul,li,form,label,table,tr,th,td{margin:0;padding:0;border:0;outline:0;box-sizing:content-box}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:400}
html{height:100%}
body{height:100%;background-color:#272c30;cursor:default}
div.frame-stage{min-height:100%;position:relative;font-family:"微軟正黑體","STHeitiTC-Light",Arial,sans-serif;font-size:15px}
div.frame-body{padding:120px 0 245px;color:#333639;background-color:#fff;box-sizing:border-box}
div.frame-body div.headline{padding:20px;background-color:#e3e6e9}
div.frame-body div.questions{padding:20px 35px 50px}
div.frame-body div.questions p span{display:block}
div.frame-matrix{width:900px;min-width:900px;margin:0 auto;}
div.frame-header{top:0;left:0;height:120px;min-height:120px;position:absolute;width:100%;background-color:#050505}
div.frame-header a{text-decoration:none}
div.frame-header div.header div.intro{width:260px;height:60px}
div.frame-header div.header div.language{width:150px;height:22px;margin:1px 0 0;font-size:13px;text-align:center;background-color:#333639;float:right}
div.frame-header div.header div.language a{transition:color .2s linear;font-family:Arial,sans-serif;font-size:12px;font-weight:700;color:#d3d6d9;line-height:20px;vertical-align:top}
div.frame-header div.header div.language a:hover{color:#fff}
div.frame-header div.analyticsBar{height:1px}
div.frame-header div.analyticsBar div{width:1%;height:1px;background-color:#c3c6c9}
div.frame-header div.group div.header{height:70px}
div.frame-header div.group div.nav{height:50px;background-color:#1e2327}
div.frame-header div.group div.nav ul[role="menubar"] > li{display:inline-block}
div.frame-header div.group div.nav ul[role="menubar"] > li:not(.drop):hover{background-color:#0080ff}
div.frame-header div.group div.nav ul[role="menubar"] > li.drop{display:none}
div.frame-header div.group div.nav ul[role="menubar"] > li.drop span{width:135px;height:50px;background:url(../images/more-choice.png) center right no-repeat;display:list-item}
div.frame-header div.group div.nav ul[role="menubar"] > li.drop span.x{background:url(../images/cancel.png) center right no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li:nth-child(1n+2){border-left:1px solid #2e3234}
div.frame-header div.group div.nav ul[role="menubar"] > li a{padding:0 15px 0 50px;font-size:18px;color:#c3c6c9;line-height:50px;display:block}
div.frame-header div.group div.nav ul[role="menubar"] > li a.login{background:url(../images/inbox.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.solve{background:url(../images/solve.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.spanner{background:url(../images/spanner.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.m{background:url(../images/pencil.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.t{background:url(../images/tray.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.reg{background:url(../images/plus.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.h{background:url(../images/help.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.set{background:url(../images/settings.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li a.storage{background:url(../images/safe.png) 12px 12px no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li b.mailslot{margin:0px 0px 0px 20px;color:#838689;display:block}
div.frame-header div.group div.nav ul[role="menubar"] > li > ul.dropdown-wrap{padding:1px 0 0;background-color:#1e2327;width:1000px;position:absolute;z-index:99}
div.frame-header div.group div.nav ul[role="menubar"] > li.manage:hover{background-color:#bcd447}
div.frame-header div.group div.nav ul[role="menubar"] > li.manage:hover a span{background:url(../images/safe-b.png) no-repeat}
div.frame-header div.group div.nav ul[role="menubar"] > li.manage:hover ul[role="manage"]{display:block}
div.frame-header div.group div.nav ul[role="manage"]{margin:-1px 0 0;border:3px solid #bcd447;position:absolute;z-index:99;display:none}
div.frame-header div.group div.nav ul[role="manage"] > li{background-color:#bcd447;transition:all .1s linear}
div.frame-header div.group div.nav ul[role="manage"] > li.alt{height:1px;background-color:#839918}
div.frame-header div.group div.nav ul[role="manage"] > li:hover{background-color:#839918}
div.frame-header div.group div.nav ul[role="manage"] > li a{padding:0 32px 0 18px;font-size:18px;color:#fff;line-height:40px;display:block}
div.frame-header div.group div.nav ul[role="manage"] > li b{font-family:Tahoma,Arial,sans-serif;font-weight:400;font-size:20px}
div.frame-header div.group div.ns{width:28px;height:1px;position:absolute;display:none}
div.frame-header div.group div.ns:after{content:"";border-left:13px solid transparent;border-right:13px solid transparent;border-top:13px solid #0080ff;top:-1px;left:1px;position:absolute;display:inline-block}
div.nav ul.dropdown-wrap{display:none;border-top:8px solid #0080ff}
div.nav ul.dropdown-wrap > li{float:none;list-style-type:none;display:block;width:200px}
div.nav ul.dropdown-wrap > li:hover{background-color:#050505}
div.nav ul.dropdown-wrap > li span{font-size:18px;color:#c3c6c9;background:url(../images/drop-arrow.png) no-repeat scroll right center rgba(0,0,0,0);cursor:help;display:block;border-bottom:1px solid #303436;padding:11px 14px}
div.nav ul.dropdown-wrap > li > div{background-color:#050505;display:none;left:200px;position:absolute;top:0;width:950px}
div.nav ul.dropdown-wrap > li > div p{padding:20px 0 0 20px;font-size:16px;color:#c3c6c9}
div.frame-footer{bottom:0;height:240px;padding:5px 0 0;position:absolute;width:100%;background-color:#1e2327}
div.frame-footer div p.nav{padding:10px}
div.frame-footer div p.nav b{font-family:Arial,sans-serif;font-size:12px;color:#636669;font-weight:400}
div.frame-footer div p.nav a{font-size:14px;color:#c3c6c9;text-decoration:none;margin:0 0 0 18px;padding:0 0 0 12px;background:url(../images/drop-arrow.png) no-repeat scroll left center;float:right}
div.frame-footer div p.nav a:hover{color:#f3f6f9}
div.frame-footer div p.eion{height:159px;background:url(../images/footer-background.png) no-repeat scroll center center}
div.member-matrix h2{font-size:22px;line-height:30px}
div.member-matrix h2.member{padding:0 20px 0 0}
div.member-matrix h2.member form{display:inline}
div.member-matrix h2.member input{font-family:"微軟正黑體","STHeitiTC-Light",Arial,sans-serif;font-size:16px;color:#fff;line-height:28px;background-color:#0080ff;border-width:0;margin:0 1px 0 0;padding:1px 20px;cursor:pointer;display:inline-block;vertical-align:middle;transition:background-color .15s linear;float:right}
div.member-matrix h2.member input:hover{background-color:#bcd447}
div.member-matrix h2.member input.r{background-color:#d3d6d9;cursor:default}
div.member-matrix form[name=loginForm]{padding:60px}
div.member-matrix ul{margin:20px 0 50px}
div.member-matrix ul li{padding:2px 0}
div.member-matrix ul li.headline{font-size:18px;padding:16px 0 6px;color:#939699}
div.member-matrix ul li.c{padding:15px 0 2px}
div.member-matrix ul li label{padding:5px 0 0;display:inline-block}
div.member-matrix ul li cite{width:25%;font-size:16px;font-style:normal;color:#939699;line-height:34px;padding:0 8px 0 0;display:inline-block;text-align:right;vertical-align:top;transition:background .2s linear}
div.member-matrix ul li em{font-style:normal;color:#fff;line-height:22px;margin:0 0 0 15px;padding:2px 15px;display:inline-block}
div.member-matrix ul li dfn{font-style:normal;color:#fff;line-height:36px;height:36px;margin:0 0 0 1px;padding:0 16px;vertical-align:middle;display:inline-block}
div.member-matrix ul li span{font-size:18px;color:#232629;line-height:36px;height:36px;padding:0 0 0 3px;border-width:0;border-bottom:1px solid #d3d6d9;background-color:#fff;width:320px;display:inline-block;vertical-align:middle}
div.member-matrix ul li b.kits{margin:0 0 0 10px;width:24px;height:24px;background:url(../images/bulb.png) no-repeat scroll center center;display:inline-block;vertical-align:middle}
div.member-matrix ul li span.pwd{font-family:Arial,sans-serif;color:#939699}
div.member-matrix ul li label b{font-size:13px;font-weight:400;color:#939699;transition:color .3s linear}
div.member-matrix ul li label input[type="radio"]{margin:0 5px 0 20px}
div.member-matrix ul li input{font-family:"微軟正黑體","STHeitiTC-Light",Arial,sans-serif;font-size:18px;height:36px;padding:0 0 0 3px;border-width:0;display:inline-block;vertical-align:middle;border-radius:0}
div.member-matrix ul li input[type="checkbox"]{margin:1px 3px;height:24px}
div.member-matrix ul li input[type="text"]{color:#232629;width:60%;max-width:500px;border-bottom:1px solid #d3d6d9;background-color:#fff}
div.member-matrix ul li input[type="password"]{font-family:Arial,sans-serif;font-size:18px;color:#232629;width:60%;max-width:500px;border-bottom:1px solid #d3d6d9;background-color:#fff}
div.member-matrix ul li input.submit{margin:0 0 0 1px;color:#fff;background-color:#0080ff;width:160px;height:42px;transition:all .25s linear;-webkit-appearance:none}
div.member-matrix ul li input.submit:hover{color:#fff;background-color:#936}
div.member-matrix ul li input.failed{color:#fff;background-color:#c3c6c9;padding:0 30px;-webkit-appearance:none}
div.member-matrix p a{color:#48c72c;text-decoration:none}
div.member-matrix p a:hover{color:#ff8000}
div.member-matrix p.kits{margin:30px;padding:0 20px 0 42px;min-height:26px;background:url(../images/help.png) no-repeat scroll 12px 1px}
div.member-matrix ul li span.submit{font-size:22px;line-height:50px;letter-spacing:2px;text-align:center;color:#939699;background-color:#c3c6c9;width:220px;height:50px;display:inline-block}
div.member-matrix ul li span.submit.go{color:#fff;background-color:#0080ff}
div.member-matrix ul li span.submit.go:hover{color:#fff;background-color:#bcd447}
div.member-matrix div.solution{margin:15px 0 0 120px}
div.member-matrix div.solution p{font-family:Arial,sans-serif;font-size:17px;line-height:24px}
div.member-matrix div.validation{margin:32px 0 0 96px;padding:0 0 0 78px;font-size:36px;color:#bcd447;line-height:66px;display:none}
div.member-matrix div.send{background:url(../images/send.png) no-repeat scroll left center}
div.member-matrix div.finish{background:url(../images/checkmark.png) no-repeat scroll left center}
div.member-matrix div.sad{background:url(../images/wrong.png) no-repeat scroll left center}
div.member-matrix div.failed{background:url(../images/wrong.png) no-repeat scroll center center;background-color:#fff}
div.member-matrix div.widget{background-color:#fff;border:1px solid #fff;position:absolute;display:none;box-shadow:1px 1px 8px rgba(50,55,60,0.5);cursor:default}
div.member-matrix div.widget p{padding:20px}
div.questions h1{font-family:'Segoe UI',Arial,sans-serif;font-weight:lighter;font-size:36px}
div.questions h2{margin:10px 0;font-size:26px;color:#939699}
div.questions h3{margin:20px 0 0;padding:2px 0 2px 28px;font-size:22px;color:#bcd447;background:url(../images/help.png) no-repeat scroll left center}
div.questions p{margin:0 0 0 28px;font-size:14px;color:#131619}
div.tiptop{width:180px;height:35px;line-height:35px;text-align:center;background-color:#fff;border:1px solid #c0c3c6;box-shadow:1px 1px 8px rgba(80,85,90,0.3);position:absolute;display:none}
div.tiptop span{font-size:16px;color:#e30}
div.tiptop:before{content:"";border-left:18px solid transparent;border-right:18px solid transparent;border-top:18px solid #999c9f;top:35px;left:50px;position:absolute;display:inline-block}
div.tiptop:after{content:"";border-left:17px solid transparent;border-right:17px solid transparent;border-top:17px solid #fff;top:35px;left:51px;position:absolute;display:inline-block}
@media (min-width:1280px){div.frame-matrix{width:1200px;}
}@media (min-width:768px) and (max-width:979px){div.frame-matrix{width:728px;}
div.frame-header div.group div.nav ul[role="menubar"] > li a{padding:0 10px 0 40px;font-size:17px}
}@media (max-width:767px){div.frame-matrix{width:100%;min-width:320px}
div.member-matrix form[name=loginForm]{padding:60px 0}
div.member-matrix ul li label > b b{padding:0 0 0 25px;display:block}
div.frame-header div.group div.nav ul[role="menubar"]{width:160px;background-color:#1e2327;float:right}
div.frame-header div.group div.nav ul[role="menubar"] > li.drop{display:block}
div.frame-header div.group div.nav ul[role="menubar"] > li{display:block}
div.frame-header div.group div.nav ul[role="menubar"] > li:nth-child(1n+2){display:none}
div.frame-body div.questions p span{display:inline}
div.frame-footer div p.nav a.c{display:none}
div.frame-footer div p.nav b{display:none}
}