/* This code is only meant for previewing your Reflow design. */
/*.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 1324px;*/
*{font-family:Helvetica, sans-serif;}
div{position:relative;}
body{padding:0;margin:0;}
.Top1{height: 3px;width: 100%;background-color:#ff8c19;}
.Top2{height: 12px;width: 100%;background-color: rgb(35, 31, 32);}

.header{height: 126px;margin: 0px;padding:0 50px;display:block;}
.LogoTQS1{float: left;height:80px;width:160px;background:url(../Images/logo_Fusion2.gif)}
.instancename {position: absolute;top: 50px;left: 235px;font-size: 18px;color: #666;}
.CompanyLogo,.CompanyLogo img,.LogoPreview td div{width:auto;min-width:60px;max-width:240px;height:60px;float:right; text-align:center;}
.CompanyLogo img{border-radius:3px;}
.CompanyLogo{position:absolute;right:50px;top:8px;border-radius:5px;border:1px solid #eee;overflow:hidden;padding:2px;}
.LogoTQS1+.CompanyLogo{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.LogoTQS1+.CompanyLogo:hover{box-shadow:0 0 6px #e5e5e5;}
.DataAdd tr.LogoPreview td{text-align:center;padding:0; padding-top:10px;}
.DataAdd tr.LogoPreview th+td{border-right:1px solid #ccc;}
.LogoPreview td div{border-radius:5px;border:1px solid #eee;overflow:hidden; margin:0 auto; display:inline-block; float:none; padding:2px;}
.LogoPreview td div img{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);height:60px;}
.LogoPreview td p{display:block; text-align:center; font-size:12px;line-height:20px;}

.MainContent{min-height: 680px;padding: 15px 50px 0px 50px;clear: none;min-width: 1250px;overflow: auto;}
.MainContent .header{height:80px;}

.LoginBox{height: 450px;margin: 0px auto;clear: both;width: 895px;background: rgb(255, 255, 255) url('../Images/LogBG.jpg') no-repeat no-repeat 50% 50%;background-size: auto;}
.loginMes input{transition:all 0.16s ease-out;-webkit-transition:all 0.16s ease-out;}
.LoginBox label{color: white;}
.LoginPrompt{min-height: 32px;width:266px;font-size:14px;text-transform:uppercase;font-family:Arial;font-weight:bold;color:#ffd47f;background:url(../Images/LoginPromptBG.png) repeat;line-height:32px;padding:0 5px;position:absolute;right:-4px;bottom: 210px;}
.LoginPrompt span{cursor:pointer; height:16px;width:16px;background:url(../Images/Icon/Icon_LoginPrompt_Wrong.png) no-repeat;float:left;vertical-align:middle;margin-top:8px;margin-right:5px;}
.loginMes{height:210px;width:auto;position:absolute;right:45px;top:150px;}
.inoutLogin{font-size: 14px;font-weight: 700;color: #ff8c19;width: 267px;height: 30px;line-height: 30px;background-color: #f4f4f4;border: 1px solid rgb(204, 204, 204);border-radius: 4px;margin: 3px 0 0 10px;padding-left: 5px;text-align:center;outline:none;}
.inoutLogin:focus{border-color:#ff8c19;}
.watermark{color: gray;font-weight: normal;}
.UserName{float: right;height: 30px;margin-left: 0px;margin-top: 8px;clear: both;width: 280px;text-align: right;}
.password{float: right;height: 30px;margin-left: 0px;margin-top: 15px;clear: both;width: 280px;text-align: right;}

.Login{float: right;height: 30px;margin-top: 15px;clear: both;width: 274px;background: none;}
.Login input{display: block;margin: 3px;font-size: 14px;color: rgb(255, 255, 255);text-align: center;font-weight: 900;line-height: 26px;word-wrap: break-word;height: 30px;width: 274px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border: 1px solid rgb(204, 204, 204);background-color:#ff781e;cursor:pointer;font-family:‘Trebuchet MS’, Helvetica, sans-serif;}
.Login input[type=submit]:hover{background:#ff8c19;border-color:#fafafa;text-decoration:none;}
.LoginHelp{float: right;height: 36px;margin-left: 0%;margin-top: 15px;clear: both;width: 280px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;background-color: rgba(255, 255, 255, 0);}
.LoginTextBox{float: left;height: 273px;margin: 0px;clear: both;width: 895px;}

.bottom{height: 14px;width: 100%;background-color: #ff8c19;margin-top:10px;position:fixed;bottom:103px;z-index:300;border-top:1px solid #eee;}
.footer{height: 103px;width: 100%;background-color: rgb(35, 31, 32);position:fixed;bottom:0;z-index:300;overflow: hidden;}

.LogoTQS2{height:40px;width:225px;float: left;clear: none;color: rgb(0, 0, 0);background:url(../Images/tqs-technologies-logo-w.png) no-repeat;background-size:cover;display:block;margin-left:50px;margin-top:15px;}
.LoginHelpLink{margin: 0;font-size: 13px;color: #fff;text-align: right;font-weight: 400;line-height: 1em;word-wrap: break-word;/*text-transform:uppercase;*/}
.LoginHelpLink a{color: #fff;text-shadow:0 0 5px #000;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');transition:all 0.16s ease-out;-webkit-transition:all 0.16s ease-out;}
.LoginHelpLink a:hover{text-shadow:0 0 5px #fff;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ffffff');}
.LoginHelpLink a[href=SignUp]{margin-left:1.2em;}
.LoginText1{float: none;font-size: 35px;color: rgb(51, 51, 51);width: auto;height: auto;text-align: center;font-weight: 500;line-height: 1em;word-wrap: break-word;margin-left: auto;margin-top: 40px;clear: none;min-height: 0px;min-width: 0.5em;font-family: arial;margin-right: auto;font-style: normal;}
.LoginText2{float: none;font-size: 20px;color: rgb(51, 51, 51);width: auto;height: auto;text-align: center;font-weight: 500;line-height: 1em;word-wrap: break-word;margin: 45px auto 0px;clear: none;min-height: 0px;min-width: 0.5em;font-family: arial;opacity: 1;}

.loginDownload.LoginHelpLink{position:absolute;left:10px;top:-5px;width:120px;text-align:center;overflow:visible;}
.loginDownload a{text-decoration:none;text-align:left;color:#eee;}
.loginDownload a:hover{text-shadow:none;}
.loginDownload>a{display:block;width:120px;height:24px;line-height:24px;text-align:center;color:#fc0; cursor:default;background-color:rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);}
.loginDownload>a:after{content:'▼';font-size:12px;position:relative;left:10px;}
.loginDownload>a:hover+ul,.loginDownload ul:hover{height:auto;padding:10px;}
.loginDownload ul{display:block;width:255px;height:0;padding:0 10px;margin:0;background-color:rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);overflow:hidden;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;}
.loginDownload ul li{display:block;margin-left:-1px;list-style:none;}
.loginDownload ul li a{display:block;height:32px; width:100%;line-height:32px;text-indent:5px;white-space:nowrap;font-size:14px;color:#ccc;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #888;}
.loginDownload ul li:first-child a{border:none;}
.loginDownload ul li a:hover{color:#fff;background-color:#f90; border-top-color:#f90;}
.loginDownload ul li:hover+li a{ border-top-color:#f90;}


.FooterText,.Version{float: right; font-size: 12px; color: #fff; text-align: left; font-weight: 400; line-height: 1em; word-wrap: break-word;top:0;right:0px;position:relative; font-family: arial;margin-top:7px}
.Version{position:absolute; top:7px; font-size:13px;display:block;color:#eee;}
.Version a.NewFunctionLink{margin:0;padding:0;text-decoration:underline;color:#ddd;}
    .Version a.NewFunctionLink:hover { text-decoration: none; }
.Version a.NewFunctionLink:after{content:'';}
.Version a{top:16px;position:relative;display:block;text-align:right;color:#f60;font-weight:normal;opacity:0.8;}
.Version a:hover{opacity:1;text-decoration:none;}
.Version a:after{content:'▲';font-size:12px;}
.Recommended{position:absolute;right:0;top:-100%;display:none;padding:10px;background-color:#111;border:1px solid #333;box-shadow:0 0 5px #111}
.Version a:hover+.Recommended,.Recommended:hover{display:block;}
.Recommended b,.Layout a div b{display:block;line-height:24px; white-space:nowrap;}
.Recommended b img,.Layout a div b img{display:inline-block;margin:0 2px;height:24px;width:24px;vertical-align:middle;outline:none;border:none;}
.Recommended b span,.Layout a div b span{font-weight:normal;color:#f90;}

.FooterLogo{ height:36px; width:140px;}

/*.FooterMain{    height: 60px;    margin-left:25px;width: 100%;top:30px;}*/
.FooterMain{
    min-height:90px;
    margin:0 auto;
    line-height:90px;
    width:100%;
    font-size:12px;
    font-weight:400;
    color:#dfdfdf;
}

.Regedit .Top2{position: absolute;height: 100px;}
.Regedit .header{height:100px;}
.Regedit .header .LogoTQS1{background: url(../Images/logo_Fusion2.png); top:10px;}
.Regedit .TipBox{width:760px; margin:0 auto; text-align:center;margin-top:80px;}
.Regedit .TipBox h4{height:220px; width:760px; background:#ffdacc;line-height:220px; font-size:22px; color:#cc2940;}
.Regedit .TipBox+img{ width:60px; height:30px;background: url(../Images/logo_Fusion2.png)}
.Regedit .RegeditBox{ width:420px; margin:0 auto;padding-top:32px;}
.Regedit .RegeditBox input{margin:0;}
.Regedit .RegeditBox .btn_Normal{font-size:14px; display:inline-block;width:90px;}
.Regedit .Error{ width:100%;top:0;left:0; padding:0;height:28px; line-height:28px; text-indent:32px;font-family:Arial; font-weight:bold; color:#ffd47f;font-size:14px;background-color:rgba(0,0,0,0.5);background-image:url(../Images/Code_error.png); background-repeat:no-repeat; background-position:4px 4px; position:absolute;}
.Regedit .PageMainContent{margin:0;width:100%;}
.Regedit .Navigation{border-radius:0;}

.PageMainContent .install{}
.install{width:650px; margin:0 auto; padding-top:60px;height:auto; padding-bottom:12px; z-index:51;}
.install .TitleBox{margin-top:-10px;}
.install .TitleBox h2{ /*text-shadow:0 1px 0 #e5300b; font-weight:bold;*/ font-size:23px;}
.install .TitleBox h2#msg{ font-size:14px; background:#f01d39; color:#ff8;line-height: 24px;width: 98%;margin: 0 auto; position:relative;top:2px;}
.PageMainContent .install .TitleBox{display:inline;}
.install .DataAdd td,.install .DataAdd th{height:30px;line-height:30px;}
.install .DataAdd td input,.install .DataAdd tr td select{ height:30px;}
div.selectBox{/*height:30px;*/padding:4px 0; text-align:center;}
div.selectBox input[type=file]{height:22px; width:98%;}
.install .ButtonGroup{right:5px;}
.install .DeleteReminder+.ButtonGroup{top:50px;right:40px;}
.install .SignUp .LoginPrompt{top: 10px;width: 470px;height:0;right: 6px;border-left: 160px solid #fc0;}
.install .SignUp .LoginPrompt h6{font-size: 13px;}
.install .SignUp .LoginPrompt+.TitleBox h2{color:#fafafa;}
.install .SignUp .validation-summary-errors{background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);padding:8px 0;text-indent:10px;line-height:24px;color: #fd3;margin-bottom:10px;font-size: 14px;}

.Remind{ margin:0 auto;text-align: center;margin-top: 50px;}
.Remind .myspan{text-align:center;margin-top: 10px;font-size: 16px;color: #333;font-weight: bold; height:36px;line-height:36px;}
.Remind .myspan span{font-size: 36px;width: 36px;display: inline-block;color: #f40;vertical-align: middle;}

.removeFixed{position:relative;bottom:0;}
.bottom60px{margin-bottom:-60px;}
.removeScrollbar{overflow:hidden;}

/*Header Style2*/
.Style2 .Top2{display:none;}
.Style2 .header{margin:0;padding:0;width:100%;height:100px;background:#231F20;}
.Style2 .LogoTQS1{background: url(../Images/logo_Fusion2.png);position:absolute;top:10px;left: 10px;}
.Style2 .CompanyLogo{height: 100px; width: 210px;top: 0;right: 0; border:none; text-align:center;padding:0;}
.Style2 .header .nav{height:100px; position:absolute;top:0;}
.Style2 .header .Navigation{height:100px;background-color:#231F20;left:180px;width: auto;background-color:#303434;display:inline-block;}
.Style2 .header .Navigation ul{margin:0;}
.Style2 .header .Navigation ul li{line-height:100px;border:none;border-right:1px solid #404444;font-size:16px;}
.Style2 .header .Navigation>ul>li:first-child{border-left:1px solid #404444;}
.Style2 .header .Navigation ul li a{height:100px;line-height:100px;padding: 0 30px;display: inline-block;}
.Style2 .header .Navigation ul li ul{left:0;}
.Style2 .header .Navigation ul li ul li{line-height:46px;}
.Style2 .header .Navigation ul li ul li a{height:46px; line-height:46px;}
.Style2 .header .navRight{ position:absolute;right:0;z-index:1;}
.Style2 .header .Btn-Icon_logout{width:210px;background-position:center 10px;height:60px;opacity:0;transition:opacity 0.16s ease-out;-webkit-transition:opacity 0.16s ease-out; display:block;}
.Style2 .header .Btn-Icon_logout:hover{opacity:1;background-position:center 10px;background-color:rgba(0,0,0,0.6);}
.Style2 .header .Btn-Icon_logout:active{background-position:center -36px;}
.Style2 .header .welcomeUser{color:rgba(0,0,0,0); text-align:center;height: 100px; position:absolute;top:0;right:0;border:none;}
.Style2 .header .welcomeUser span{width:210px;height:40px;position:absolute;bottom:0;right:0;display:block;}
.Style2 .header .welcomeUser span a{}

/*Style3*/
.Style3{min-width:960px;padding-top:4px;}
    .Style3 .Top2{ display: none; }
    .Style3 .Top1 {z-index:100000;position:fixed;top:0;left:0; height: 4px; background: #f60; }
.Style3 .header{z-index:200;position:fixed;left:0;top:0;float:left;height:auto;width:200px;margin:0;padding:0;padding-top:4px;background:#231F20;transition:all 0.16s ease-out;}
    .Style3 .header .CompanyInfoMain { display: none; }
.Style3 .header .LogoTQS1{background: url(../Images/logo_Fusion2.png);display:block;margin:0 auto;float:none;}
.Style3 .header .CompanyInfoMain .CompanyLogo{position:relative;top:auto;right:auto;left:37px;margin:0 auto;padding:2px;display:table-cell; width:120px;height:120px;float:none;vertical-align:middle;border:1px solid #4d4a4b;border-radius:0;}
.Style3 .CompanyLogo img { border-radius:0;}
.Style3 .PageMainContent{left:200px;min-width:880px;width:auto;height:auto;padding:0 10px 140px 10px;margin-left:220px;margin-right:10px;margin:0;overflow:hidden;}
    .Style3 .pagemain { margin: 0; }

    .Style3 .welcomeUser,.Style3 .welcomeUser span a { padding:0;float:none;font-family: 'bebas_neueregular',Impact, Charcoal, sans-serif;font-size:32px;line-height:36px;color:#f80; }
        .Style3 .welcomeUser span a:hover { color: #f80;text-decoration:none;cursor:default; }
.Style3 .nav,.Style3 .Navigation ul,.Style3 .nav .Navigation ul li a{height:auto;margin:0;padding:0;}
{margin:0;padding:0;}
.Style3 .nav .navRight { display: none; }
.Style3 .nav .Navigation{width:100%;height:auto;border-top: 1px solid #333;}
.Style3 .nav .Navigation ul li{float:none;width:100%;padding:0; text-align:left;line-height:36px;font-size:16px;border:none;}
    .Style3 .nav .Navigation>ul>li {border-bottom:1px solid rgba(35, 31, 32,.5);}
.Style3 .nav .Navigation ul li a{line-height:36px;display:block;text-align:left;text-indent:16px;}
    .Style3 .nav .Navigation > ul > li > a:before {position:relative;left:-5px;}
    .Style3 .nav .Navigation > ul > li > a:after { content: '>'; position: absolute; right: -6px; top: 0; width: 38px;padding-right:6px; height: 38px; line-height: 38px; font-family: SimSun; font-size: 12px;color:rgba(255,255,255,.2);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
    .Style3 .nav .Navigation > ul > li:hover > a:after,.Style3 .nav .Navigation > ul > li.active > a:after {transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform-origin:center center;-ms-transform-origin:center center;-webkit-transform-origin:center center;-moz-transform-origin:center center; -o-transform-origin:center center; }
    .Style3 .nav .Navigation > ul > li.nav-Dashboard > a:after, .Style3 .nav .Navigation > ul > li.nav-Download > a:after, .Style3 .nav .Navigation > ul > li.nav-Report > a:after { transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.Style3 .nav .Navigation ul li ul{left:200px;top:0px;}
    .Style3 .nav .Navigation ul li ul.OverView {position:fixed; top: auto; bottom: 61px; }
.Style3 .nav .Navigation ul li ul li a{padding-right:12px;font-size:14px;}

.Style3 .Dashboard{margin:0;}
.Style3.UserGuide a div div, .Style3 .UserGuide div h2 + div,.Style3 .UserGuide a:hover div div {margin-bottom:8px;font-size:64px;line-height:64px; background-image: none; transition:all 0.2s ease;-webkit-transition:all 0.2s ease; }
.Style3 .UserGuide a div{ color: #aaa; }
.Style3 .UserGuide{/*border:none;*/}
    .Style3 .UserGuide div h2 { color: #666; }
    .Style3 .UserGuide div h3 {position:relative; line-height: 12px;transition:none;-webkit-transition:none; }
    .Style3 .UserGuide a:hover h3 { text-decoration: none;text-shadow:none; }
        .Style3 .UserGuide a h3:before { content: 'ADD'; position: absolute; top: 0;lef:0; display:block;width:100%;text-align:center;font-size:20px; color: #f60;opacity:0;transition:all 0.1s ease;-webkit-transition:all 0.1s ease; }
    .Style3 .UserGuide a:hover * { color: #f60; }
    .Style3 .UserGuide a:hover h2 { color: #444; }
    .Style3 .UserGuide a:hover h3 { font-weight: bold;color:rgba(0,0,0,0); }
        .Style3 .UserGuide a:hover h3:before {opacity:1;}
.UserMenuDownload ul li a:before{position: absolute;left: 13px;top: 13px;width: 36px;height: 42px;font-size: 42px;text-indent: 0;line-height: 40px;background:none;}

    .Style3 .UserGuide > div > div:before{ color: #ccc; }
    .Style3 .UserGuide > div > h2 { color: #999; }

        /*db左边*/
        .Style3 .Left_Information dd span a,.Style3 .Left_Information dd span a.btn-0Add,.Style3 .btn-Add{ background-image: none; }
            .Style3 .Left_Information dd span a:hover { text-decoration: none; }
            .Style3 .Left_Information dd span a:before {position:absolute;left:0;top:0;text-indent: 0;line-height: 14px; color:#fa0;}
            .Style3 .Left_Information dd span a:hover:before { color: #f70; }

/*弹出窗口*/
.Style3 .PopWindow {margin-bottom:60px; border: 0; outline: 8px solid #ccc; }
    .Style3 .PopWindow textarea { width: 100%; }
.Style3 .btn-AddContactInformation:hover { background-color: #f90; border-color: #f90; box-shadow: 0 2px #f90; }



@media screen and (max-width:1600px) {
    /*Dashboard*/
    .Style3 .DashboardMain { padding-top: 10px; border: 0; }
    .Style3 .Left_Information, .Style3 .Middle_Progress, .Style3 .Right_Log { position: relative; left: auto; right: auto; top: auto; bottom: auto; }
    .Style3 .Left_Information { position: absolute; left: 0; top: 382px; width: 49%; }
        .Style3 .Left_Information .UserMenuDownload { height: auto; }

    .Style3 .Middle_Progress { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
        .Style3 .Middle_Progress ul { height: 320px; padding: 0; margin-top: 8px; }
            .Style3 .Middle_Progress ul li a dl i div { background-color: #e5e5e5/*#fc9*/; }
        .Style3 .Middle_Progress .whiteMatte { top:32px;height: 320px; visibility:hidden; }

    .Style3 .Right_Log { width: 49%; float: right; }
        .Style3 .Right_Log dt { margin: 0; }
        .Style3 .Right_Log ul { height: 368px;padding-top:8px;border:1px dotted #ccc;border-top-width:0;}
        .Style3 .Right_Log:hover ul { border-color:#fff;transition:all 0.1s ease;-webkit-transition:all 0.1s ease; }

}
@media screen and (min-width:1281px){
    .Style3 .nav .Navigation ul li ul {position: relative; left: auto;display:block;overflow:hidden;background:rgba(0,0,0,0);transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; }
    .Style3 .nav .Navigation ul li ul { background: #4b4d4d; }
    .Style3 .nav .Navigation>ul>li:hover > a/*,.Style3 .nav .Navigation>ul>li.Selection:hover > a*/{ background-color: #232626;color:#f60; }
    .Style3 .nav .Navigation > ul > li.Selection > a { color:#f90; }

    .Darkness .nav .Navigation ul li ul { background-color: rgba(255,255,255,.15); }
    .Darkness .Navigation ul li:hover { background-color: #333; }

        .Style3 .nav .Navigation ul li ul li a { height: 0;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
            .Style3 .nav .Navigation ul li ul li a:hover { color: #fff;background-color:#f90;background: #ffbb00;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYmIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjk5MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffbb00 0%, #ff9900 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb00), color-stop(100%,#ff9900));
background: -webkit-linear-gradient(top,  #ffbb00 0%,#ff9900 100%);
background: -o-linear-gradient(top,  #ffbb00 0%,#ff9900 100%);
background: -ms-linear-gradient(top,  #ffbb00 0%,#ff9900 100%);
background: linear-gradient(to bottom,  #ffbb00 0%,#ff9900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#ff9900',GradientType=0 );
text-shadow:0 1px 0px rgba(0,0,0,.1); }
    .Style3 .nav .Navigation ul li.active ul li a { height:36px;border-bottom:1px soild rgba(0,0,0,.2); }
}
@media screen and (max-width:1024px) {
    .Style3 .UserGuide div h3 { font-size: 13px; }
    .Style3 .UserGuide a h3:before { font-size: 16px; }
    .Style3.UserGuide a div div, .Style3 .UserGuide div h2 + div, .Style3 .UserGuide a:hover div div { font-size: 52px; }
}
@media screen and (max-width:1280px) {
    .Style3 .header { width: 80px; }
        .Style3 .header .LogoTQS1 { width: 52px; }
    .Style3 .nav .Navigation>ul>li>a,.Style3 .nav .Navigation>ul>li:hover>a { height: 72px;word-break:break-all; color:rgba(0,0,0,0);}
        .Style3 .nav .Navigation > ul > li > a:before {position:absolute;left:0;top:0; font-size: 32px;width:80px;height:72px;line-height: 72px;text-align:center;text-indent:-2px; color:rgba(255,255,255,.8);text-shadow:0 1px 2px #222}
        .Style3 .nav .Navigation > ul > li:hover > a:before {font-size:36px; color: #fafafa;transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; }
    .Style3 .nav .Navigation > ul > li.Selection > a{ /*background: #f60;*/border-left:6px solid #f60; }
    .Style3 .nav .Navigation > ul > li.Selection > a:before {font-size:42px; color: #fff; text-shadow:0 0 4px #ff8; }
        /*.Style3 .nav .Navigation > ul > li > a:hover:before {text-shadow:0 0 2px rgba(255,255,255,.6);}*/
        .Style3 .nav .Navigation > ul > li > a:after {display:none;}
    .Style3 .nav .Navigation > ul > li > ul > li > a {text-indent:10px; border-left: 4px solid #4b4d4d; }
    .Style3 .nav .Navigation > ul > li > ul > li:hover > a { border-color: #f90;color:#f90; }
    .Style3 .nav .Navigation ul li ul { left: 80px; }
        .Style3 .nav .Navigation ul li ul:before {display:block;padding:0 10px; font-family: 'bebas_neueregular',Impact, Charcoal, sans-serif;font-size:24px;text-align:left;text-indent:4px; color:#f90;text-shadow:0 1px 1px #333;}
    /*.Style3 .header .Navigation ul li.active ul,.Style3 .header .Navigation ul li.active { display: block; background: #4b4d4d; }*/
    /*.Style3 .nav .Navigation ul li ul li:after { content: ' '; position:absolute;bottom:0;left:0;display: block; height: 1px; width: 100%;background: rgba(0,0,0,.2); }*/
    .Style3 .PageMainContent { left: 80px; }

    .Style3 .nav-Dashboard ul:before { content: 'Dashboard'; }
.Style3 .nav-Order ul:before { content: 'Transaction'; }
.Style3 .nav-Operations ul:before { content: 'Operations'; }
.Style3 .nav-Inventory ul:before { content: 'Inventory'; }
.Style3 .nav-Download ul:before { content: 'Download'; }
.Style3 .nav-Administrator ul:before { content: 'Administrator'; }
.Style3 .nav-Report ul:before { content: 'Report'; }
.Style3 .nav-Preservation ul:before { content: 'Preservation'; }

/*help*/
.Style3 .DataAdd th span div { width: 755px; }
}
/*Download*/
@media screen and (max-width:1500px) {
    .Style3 .Download { width: 98%; }
    .Style3 .Download_Collapse { width: 100%; }        
    .Style3 .PageMainContent { width: 100%; }
    .Style3 .img_Mobile { width: 35%; background-position: center center; background-repeat: no-repeat; }
    .Style3 .TextPart { width: 60%; }
        .Style3 .TextPart .InfoDetail table.RequirementsList { width: 100%; }
    .Style3 .InfoDetail { margin: 30px auto 0 auto; border: none; }
    .Style3 a.downloadMobileUserMenu.mobilePdf, .Style3 a.downloadMobileUserMenu.mobilePdf + .mobilePdf, .Style3 .downloadMobile ,.Style3 .D_PrinterEngine a.downloadMobileUserMenu{ position: relative; left: 0; top: 0; display: inline-block; margin: 10px 1%; width: 46%; }
    .Style3 a.downloadMobileUserMenu:before, .Style3 a.downloadMobileUserMenu:after { width: 100%; }
    .Style3 .downloadMobile { width: 95%; margin: 0 1%; }
    .Style3 .Download_Collapse .downloadMobile { position: absolute;left:auto;right:0;display:block;width:82px;height:72px;padding:0;color:rgba(0,0,0,0); margin: 0; transition:width 0s linear;-webkit-transition:width 0s linear;}
            .Style3 .Download_Collapse .downloadMobile:before { content: '↓';display:block;margin:0 auto; text-align:center;color: #fff; }

.Style3 .D_PrinterEngine a.downloadMobileUserMenu{width:95%;height:180px;line-height:180px;font-size:24px;background:none;text-shadow:none;overflow:hidden;}
.Style3 .D_PrinterEngine a.downloadMobileUserMenu:hover{line-height:140px;background-color:#f43;}
.Style3 .D_PrinterEngine a.downloadMobileUserMenu:before{z-index:-1;background:url(../Images/TQS/Icon_UserManual_Big_Red.png) center center no-repeat;opacity:0.3;}
.Style3 .D_PrinterEngine a.downloadMobileUserMenu:hover:before{z-index:1;background:url(../Images/TQS/Icon_UserManual_Big_White.png) center center no-repeat;}
.Style3 .D_PrinterEngine a.downloadMobileUserMenu:after{top:0px;font-size:42px;}
.Style3 .D_PrinterEngine a.downloadMobileUserMenu:hover:after{top:36px;}

    .Style3 .ReportFormTop form > select, .thirdCondition { font-size: 16px; }
    .Style3 .thirdCondition select, .Style3 .ReportFormTop .Operating ul + select { font-size: 14px; }

}

@media screen and (max-width:1150px) {
    .Style3 .PopWindow { width: 980px; }
        .Style3 .PopWindow .WindowMain,.Style3 .WindowMain h6,.Style3 .WindowMain #popupform,.Style3 .WindowMain #popupformitem,.Style3 .WindowMain .ButtonGroup { width: 935px; }
        
    .Style3 .PopWindow .DataAdd th span div{left:-140px;}
    .Style3 .PopWindow .DataAdd th span div:before{left:142px;}
    .Style3 .PopWindow .Detail th span div{left:-80px;width:160px;}
    .Style3 .PopWindow .Detail th span div:before{left:76px;}

    .Style3 .DetailPart { width: 912px; }
    .Style3 .DefaultInfo { width: 759px; }
    .Style3 .Layout a {width:30%;margin:10px 1.5%;height:154px;}
    .Style3 .Layout h4 { height: 52px; line-height: 52px; }

    .Style3 .pagemain .ReportFormTop form > select, .Style3 .pagemain .thirdCondition, .Style3 .pagemain .Operating{margin-right:0;}
    
    .Style3 .D_Mobile .Title h2,.Style3 .D_PrinterEngine .Title h2, .Style3 .D_UserMenu .Title h2 { padding-left: 20px; transition:all 0.16s ease; }

    .Style3 .DefaultInfo > div { width: 450px; }
    .Style3 .btn-AddContactInformation { width: 760px; }
        
}


.PageHeader,.PagePosition,.CompanyInfoMain .User{ display: none; }
.CompanyInfoMain { float: right; }

.Style3 .PageHeader,.Style3 .PagePosition,.Style3 .PageHeader .CompanyInfoMain{ display: block;padding-top:5px; height: 75px; line-height:75px;overflow:hidden;}
.Style3 .PageHeader {margin-bottom:-1px; border-bottom: 1px solid #ccc; }
    .Style3 .PageHeader .CompanyInfoMain {z-index:1; padding-top: 8px; }    
.Style3 .PageHeader .CompanyInfoMain > * { float: right; }
    .Style3 .PageHeader .CompanyInfoMain .CompanyLogo {position:relative;right:0;top:0;height:56px;min-width:60px; margin-right:10px;padding: 1px; border: 1px solid #d9d9d9; border-radius: 0;cursor:pointer;}
        .Style3 .PageHeader .CompanyInfoMain .CompanyLogo img {min-height:56px;max-height:56px;min-width:56px; }
    .Style3 .PageHeader .CompanyInfoMain .User { width: auto;height: 75px; display: inline-block;}
        .Style3 .PageHeader .CompanyInfoMain .User .welcomeUser {text-align:left; border:0;}

        .Style3 .PageHeader .CompanyInfoMain .User .UserFunction { width: 100%;margin-top:6px; }
            .Style3 .PageHeader .CompanyInfoMain .User .UserFunction a {float:right; display: inline-block;margin-right:20px; text-decoration:underline;font-size:12px;line-height:16px;color:#5c8ab8;}
                .Style3 .PageHeader .CompanyInfoMain .User .UserFunction a:first-child { margin: 0; }
                .Style3 .PageHeader .CompanyInfoMain .User .UserFunction a:hover { text-decoration: none; }
    .Style3 .PageHeader .Btn-Icon_logout { height: auto; width: auto; display: inline-block;background:none; border:0; }
        .Style3 .PageHeader .Btn-Icon_logout:before { content: 'Sign Out'; }

.Style3 .PageCutover li { display: none; }
.Style3 .PagePosition { position: absolute; left: 10px; top: 0;width:100%; overflow:hidden;}
    .Style3 .PagePosition > * { display: inline-block;font-family:'bebas_neueregular',Impact, Charcoal, sans-serif; font-size: 42px;color: #f60; }
    .Style3 .PagePosition h2 {color:#f60; float:left;}
        .Style3 .PagePosition h2:before { /*content: '■';*/ content: ' '; margin-right: 2px; display: inline-block; height: 23px; width: 23px; background: #f60; }
        
    .Style3 .PagePosition h3 {  }
        .Style3 .PagePosition h3 + h2 {font-size: 32px;line-height:82px;color:#808080;  }
            .Style3 .PagePosition h3 + h2:before { background: #808080; }
        .Style3 .PagePosition h3+h2:after { content: '/'; color: #ccc; }


    .Style3 .bottom { display: none; }
    .Style3 .footer {position:fixed;height:90px;border-top:1px solid #343131; background: #231F20;overflow:visible; }
        .Style3 .footer .FooterMain { top: 0px;margin:0;height:auto; }
        /*.Style3 .removeFixed { position: relative;overflow:hidden;}*/
.Style3 .Footer_Image{
    margin-left:20px;
    height:65px;
    width:42px;
    vertical-align:middle;
    background:url(../Images/tqs-licensed-partner.png) no-repeat;
    background-size:cover;
}
.Style3 .LogoTQS2 {
    background-image: url(../Images/tqs-technologies-logo-w.png);
}
    .Style3 .FooterText, .Style3 .Version { right:0px; }
    .Style3 .Version a { position: relative; display: inline-block; margin-left: 6px; }
    .Style3 .Recommended { top: -52px; }

.Style3 select.PageCutover2 {left:0;margin-right:0;padding:0 15px;max-width:320px;font-size:20px;color:#666;background:#f5f5f5;text-transform:uppercase;border-right:1px solid #ccc;}
    .Style3 select.PageCutover2:hover { background: #e8e8e8;}



.Style3 .ReportFormTop form>em,.Style3 .UserGuide em { display: none; }
.Style3 .UserGuide em {z-index:1; position: relative; left: auto;top:auto; float:left;display: inline-block; width: 0;height:160px;line-height:140px;font-size:16px;font-weight:bold;color:#444;font-family:SimSun;font-style:normal; overflow: visible;}
.Style3 .UserGuide em:before{content:' ';width:1px;height:52px;display:block;background-color:#ddd;box-shadow:0 90px 0 #ddd;}
.Style3 .UserGuide em:after {z-index;100;position:absolute;top:0;right:-8px;text-align:center;color:#f60;}
.Style3 .UserGuide { padding:0;height:170px;overflow:hidden; }
    .Style3 .UserGuide.Off { padding: 0;height:28px; }
.Style3 .UserGuide a.popup,.Style3 .UserGuide>div {position:relative;left:auto; width: 12.5%;height:140px;float:left;display:inline-block;text-decoration:none; /*overflow:hidden;*/ transition:all 0.1s ease;-webkit-transition:all 0.1s ease;}
    .Style3 .UserGuide > div { top: 8px; }
.Style3 .UserGuide a.popup:hover { background-color:#fff; }
.Style3 .UserGuide a.popup>div { position: relative; left: auto; right: auto;top:8px;height:auto;display:block;width:100%; }

/*.Style3 .Off a.popup,.Style3 .Off em,.Style3 .Off .Icon_userGudie_DropdownOn,.Style3 .Off div{ display:none;}*/
.Style3 .Off div{ display:inline-block;}
.Style3 .Off h5,.Style3 .On h5{ color:#666; line-height:28px; text-indent:0.6em; font-size:14px; display:block;border-bottom:1px solid #e5e5e5;}

.Darkness .Icon_userGudie_DropdownOn, .Darkness .Icon_userGudie_DropdownOff { background-image: url(../Images/Icon/Darkness_Icon_userGudie_Dropdown.png); }

.Style3 .Middle_Progress ul li a strong { }
.Style3 .Right_Log ul li a { text-indent: 36px; }
.Style3 .Right_Log ul li a em { position: absolute; left: 4px;font-size:19px;font-style:normal;color:#ccc;background:none;}
    .Style3 .Right_Log ul li a:hover { text-indent: 26px; }
        .Style3 .Right_Log ul li:hover a em { color: #f60; }


@media screen and (max-width:961px) {
    .Style3 .header { width: 60px;right:0; }
    .Style3 .nav .Navigation ul li ul { left: 60px; }
    .Style3 .nav .Navigation > ul > li > a:before{width:60px;}
    .Style3 .PageMainContent{left:55px;}

    .Style3 .PopWindow { width: 880px; }
        .Style3 .PopWindow .WindowMain,.Style3 .WindowMain h6,.Style3 .WindowMain #popupform,.Style3 .WindowMain #popupformitem,.Style3 .WindowMain .ButtonGroup { width: 835px; }
            
    .Style3 .PopWindow .DataAdd th span div{left:-140px;}
    .Style3 .PopWindow .DataAdd th span div:before{left:142px;}
    .Style3 .PopWindow .Detail th span div{left:-80px;width:160px;}
    .Style3 .PopWindow .Detail th span div:before{left:76px;}

    .Style3 .DetailPart { width: 812px; }
    .Style3 .DefaultInfo { width: 659px; }
    .Style3 .Layout a {width:30%;margin:10px 1.5%;height:154px;}
    .Style3 .Layout h4 { height: 52px; line-height: 52px; }

    .Style3 .AddressInfoOperation { width: 220px; }
    .Style3 .DefaultInfo > div { width: 400px; }
    .Style3 .btn-AddContactInformation { width: 660px; }
    .Style3 .AddressBook ul { width: 33%; }
}


/*Page 图标*/
.Style3 a[class*='icon'], .Style3 a[class*='btn-'], .Style3 .btn-ShowFilter span, .Style3 .btn-ShowFilter span,
.Style3 .btn-Icon_CollapseTriangle:hover, .Style3 .pageTable tbody tr td a.btn-Icon_CollapseTriangle:hover, .Style3 .pageTable tbody tr:hover td a.btn-Icon_CollapseTriangle, .Style3 .pageTable tbody tr td a.extendsion,
.Style3 em[class*='em-'], .Style3 .SearchDiv .SearchInput dd li em, .Style3 .SearchDiv .SearchInput dd li.SelectKey em,
.Style3 .OrderNext, .Style3 .OrderPre, .Style3 .ButtonGroup .PrintButtonGround .icon_Print,
.Style3 table.Detail tbody tr.AddDetail td:first-child a, .Style3 .UpLoad table.Detail tbody td a,
.Style3 .btn-Icon_closeWindow,
.Style3 .OrderList, .Style3 .PageInventory .SearchDiv a.ShowItemProfile:before, .Style3 a.SlipList, .Style3 a.QuickMove{ background: none; }

.Darkness .SearchDiv .SearchInput dt a.SearchDropdown { background-image: url(../Images/TQS/icon_SearchDropdown.png); }

    .Style3 a[class*='icon']:hover:before, .Style3 a[class*='btn-']:hover:before,.Style3 .btn-ShowFilter span:hover:before,
    .Style3 .OrderNext,.Style3 .OrderPre,
    [class*='icon'],[class*='btn-'],[class*='em-'],
    .Style3 table.Detail tbody tr.AddDetail td:first-child a,.Style3 table.Detail tbody tr.AddDetail td:first-child a.btn-Delete,.Style3 table.Detail tbody tr td:first-child.RightCheck,
    table.Detail tr td a,.Style3 .UpLoad table.Detail tbody td a,.Style3 .btn-Icon_closeWindow,
    .btn-TR_fillter,
    .Style3 .OrderList, .Style3 .PageInventory .SearchDiv a.ShowItemProfile:before,.Style3 a.SlipList,.Style3 a.QuickMove{ text-decoration: none;text-indent: 0;font-weight:normal; }

    .Style3 .pageTable tbody tr td a[class*='icon']:before, .Style3 .pageTable tbody tr td a[class*='btn-']:before,.Style3 em[class*='em-']:before ,.Style3 table.Detail tbody tr.AddDetail td:first-child a/*,.Style3 table.Detail tr td a,.icon_Barcode:before*/{ position: relative; font-size: 20px; text-align: left; display: block; line-height: 20px; font-weight: normal; color: #ccc;transition: all 0.16s ease-out;-webkit-transition: all 0.16s ease-out; }
.Style3 .pageTable tbody tr:hover td a[class*='icon']:before, .Style3 .pageTable tbody tr:hover td a[class*='btn-']:before,tr:hover td .icon_Barcode:before,tr:hover td .icon_ToggleSelect:before,tr:hover td .icon_ToggleTextbox:before,.Style3 .pageTable tbody tr:hover td a.QuickMove:before{ color: #f60; }
.Style3 .pageTable tbody tr td a[class*='icon']:hover:before, .Style3 .pageTable tbody tr td a[class*='btn-']:hover:before,tr:hover td .icon_Barcode:hover:before,.icon_ToggleSelect:hover:before,.icon_ToggleTextbox:hover:before,.Style3 .pageTable tbody tr:hover td a.QuickMove:hover:before { color: #f90;transition:0.1s ease;-webkit-transition:0.1s ease; }

.function li a { font-size: 24px;text-decoration:none;text-align:center; color: #ccc; }
    .function li a.btn-ItemFlag { font-size:30px;}
    .function li a:hover { color: #d8d8d8; }
.function li:hover .btn-Export:before { color: #fafafa; }

.Style3 a.btn-DeleteUser { background-color: #f90; }
    .Style3 .btn-DeleteUser:hover {background-color:#f60;}

    .Style3 .pageTable tbody tr td a[class*='btn-'], .Style3 .pageTable tbody tr td a[class*='icon'] { text-decoration: none; }

/*搜索过滤器*/
.Style3 .btn-ShowFilter span { float: left; }
.Style3 .btn-ShowFilter span:before{ color: #ccc; }
.Style3 .btn-ShowFilter span:hover:before { color: #aaa; }
.Style3 .pageTable tr.TR_fillter div .btn-TR_fillter {top: 2px;right: -16px;height:16px;width:16px;overflow:hidden; background: #fff; }
    .pageTable tr.TR_fillter div .btn-TR_fillter:before { line-height: 16px; }
.btn-TR_fillter:before {font-size:20px;line-height: 24px; color:#f60;opacity:0.5;}
    .btn-TR_fillter:hover:before, .pageTable tr.TR_fillter td input[type=text]:focus + .btn-TR_fillter:before { opacity: .8; }

/*搜索框搜索类型*/
.Style3 em[class*='em-']:before { font-size: 20px;color:#f60;transition:none;-webkit-transition:none; }
.Style3 li.SelectKey em[class*='em-']:before { color: #fff; }

/*三角形图标*/
.Style3 .btn-Icon_CollapseTriangle,.Style3 .btn-IconSquenceTriangel { text-decoration: none; }
.Style3 .pageTable tbody tr td a.btn-Icon_CollapseTriangle:before,.Style3 .pageTable tbody tr:hover td a.btn-Icon_CollapseTriangle:before,.Style3 .pageTable tbody tr:hover td .btn-Icon_CollapseTriangle:hover:before {left:0;width:16px;height:16px;font-size:12px;text-align: center;text-indent:0;line-height: 16px;color: #ccc;transform-origin:center center;-ms-transform-origin:center center;-webkit-transform-origin:center center;-moz-transform-origin:center center;-o-transform-origin:center center; }
.btn-Icon_CollapseTriangle.extendsion:before { transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.Style3 .btn-IconSquenceTriangel { color: #777;line-height: 15px;}
@-moz-document url-prefix() { 
.Style3 .btn-IconSquenceTriangel{ top: 6px; right: 0; }
.Style3 th .icon_Help { top: 0; }
.Style3 .icon_Print:before{ line-height: 32px; }
}
    .Style3 .btn-IconSquenceTriangel:before { background-color: #ccc; }

/*弹出窗口*/
.OrderNext:before, .OrderPre:before {display:block; width: 42px; height: 42px;font-size:42px;line-height: 42px;text-align:center; color: #fb6; }
.OrderNumberTitle:hover .OrderNext:before, .OrderNumberTitle:hover .OrderPre:before { color: #fff; background-color: #fc9; }
.OrderNumberTitle:hover .OrderNext:hover:before,.OrderNumberTitle:hover .OrderPre:hover:before {background-color:#fa6 }
.icon_Print:before {font-size:25.5px;line-height:28px; color: #fafafa; }
.Style3 th .icon_Help { position: relative;top:auto;right:auto;bottom:auto;left:auto;}
.Style3 .DataAdd th span { top: 2px; }
.Style3 .PopWindow .Detail th .HelpSpan:after{content:'';}
.Style3 .PopWindow .Detail th .HelpSpan .icon_Help{opacity:1;}
        .Style3 .PopWindow .Detail th .HelpSpan .icon_Help:before {font-size:16px; color: #ddd; }
        .Style3 .PopWindow .Detail th .HelpSpan .icon_Help:hover:before { color: #fafafa; }
        .Style3 .PopWindow .Detail th .HelpSpan .icon_Help.active:before{color:#f60;border-radius:50%;background-color:#fff;}
.Style3 .pageTable th .HelpSpan .icon_Help:before { font-size: 24px;color:#999;}
.Style3 .pageTable th .HelpSpan .icon_Help:hover:before { color: #333; }
    .Style3 .PopWindow .HelpSpan .icon_Help {}
.Style3 .icon_Help, .Style3 .icon_Help:hover { text-decoration: none; }
.icon_Help:before { font-size: 20px; line-height: 20px; color: #f90; }
.icon_Help:hover:before { color: #f60; }
.Style3 .Detail tr th .btn-Add:before {line-height:12px;color:#ccc; }
.Style3 .Detail tr th .btn-Add:hover:before,.Style3 .Detail tr th .btn-Add:hover {text-decoration:none;color: #fafafa;text-shadow:0 0 2px #ccc;}

/*地址簿*/
.Style3 .CompanyExtendsion li { background: none; }
.CompanyExtendsion li:before{ position: absolute; left: 10px;text-indent:0;color:#666; }
.Style3 .editGroup a[class*='icon'],.Style3 .editGroup a[class*='icon']:hover{ background-image: none; }
.Style3 .editGroup a:before {display:block; font-size: 30px; }
.Style3 .editGroup a:hover:before { color: #f90; }
.Style3 .editGroup a:after {left:-16ps; top: 20px; }
.Style3 .editGroup a:hover:after { top: 5px; }

.Style3 a.btn-SaveUser { background: #f80; }
    .Style3 .btn-SaveUser:hover,.Style3 .btn-NewUser:hover{ background: #ffa200; }

.Style3 .DefaultInfo > div { }
    

/*Item删除 添加*/
.Style3 table.Detail tbody tr.AddDetail td:first-child a:before { font-size: 14px;color:#f60; }
.Style3 table.Detail tbody tr.AddDetail td:first-child a:hover:before {position:relative;top:1px; color: #f90; }
    .Style3 table.Detail tbody tr.AddDetail td:first-child a.btn-Delete:before { font-size: 20px; line-height: 24px;  }
.Style3 table.Detail tbody tr.AddDetail td:first-child a.btn-Add { z-index: 1; }
.Style3 table.Detail tbody tr.AddDetail td:first-child a.btn-Add:before { line-height: 14px; }


.Style3 table.Detail tbody tr td:first-child.RightCheck:before { font-size:20px;background: none; color: #f60; }

.Style3 table.Detail tr td a.icon_Barcode { position: absolute; }
.Style3 .WindowMain tr td a[class*=icon],.Style3 .WindowMain tr td a[class*=btn-],.Style3 tr td .icon_Print:before{font-size:20px;line-height:20px;color:#ccc;}
.Style3 table.Detail tr:hover td a ,.Style3 tr:hover td .icon_Print:before{color:#f90;}
.Style3 table.Detail tr:hover td a:hover,.Style3 tr td .icon_Print:hover:before{color:#f60;}
.Style3 .UpLoad table.Detail tbody td a { top:0;color:#f60;transition:0.1s ease;-webkit-transition:0.1s ease; }

.Style3 .btn-Icon_closeWindow {font-size:60px; color: #854; }

/*Inventory*/
.Style3 .OrderList:before, .Style3 .PageInventory .SearchDiv a.ShowItemProfile:before,.Style3 a.QuickMove:before {font-size:20px;line-height:20px;font-weight:normal; color: #ccc;transition:all 0.12s ease-out;-webkit-transition:all 0.12s ease-out; }
.Style3 .PageInventory .SearchDiv a.ShowItemProfile:hover:before,.Style3 tr:hover a.QuickMove:before { color: #999; }
.Style3 .OrderList:hover:before,.Style3 tr:hover a.QuickMove:hover:before  { color: #f60; }

.Style3 .SlipList:before,.Style3 .QuickMove:before {font-size:20px;line-height:20px;font-weight:normal; color: #f60; }




/*Report*/
.Style3 .ReportFormTop { }
    .Style3 .ReportFormTop form { display: block; }
    .Style3 .ReportFormTop form > select, .Style3 .thirdCondition,.Style3 .Operating { width: 23.8%; margin: 10px 1%;padding:0;}
        .Style3 .ReportFormTop form > select {overflow:auto;/*overflow-x:hidden;overflow-y:auto;*/ }
            .Style3 .ReportFormTop form > select:focus { border-color: #ccc; }
            .Style3 .ReportFormTop form > select option { padding:2px 10px;background-color:transparent; }
.Style3 .Operating { width:200px; }
.Style3 .Order input[type=text] { width: 100%;margin:0; }

.ClearFloat:after { content: ' '; clear: both; }

.ButtonGroup:after { content: ' '; display: block; clear: both; }

/*table*/
.Style3 .pageTable tr.Red > td, .Style3 table.Detail tr.Red > td { background-color: #f90; color: #fff; }
    .Style3 .pageTable tbody tr.Red > td a[class*='icon']:before,.Style3 .pageTable tbody tr.Red > td a.btn-Icon_CollapseTriangle:before { color:#fff;opacity:.8; }
.Style3 .pageTable tbody tr.Red > td a[class*='icon']:hover:before,.Style3 .pageTable tbody tr.Red:hover > td a.btn-Icon_CollapseTriangle:hover:before { opacity: 1; }
.Style3 .pageTable tr.Red:hover > td, .Style3 table.Detail:hover tr.Red > td { background-color: #f60; }

.PageScale { transform: scale(0.5,0.5);-ms-transform: scale(0.5,0.5);-webkit-transform: scale(0.5,0.5);transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top; }
.Style3 .nav .Navigation.sm-height>ul>li>a,.Style3 .nav .Navigation.sm-height>ul>li:hover>a { height: 42px;}
    .Style3 .nav .Navigation.sm-height > ul > li > a:before { font-size: 24px; }
        .Style3 .nav .Navigation.sm-height > ul > li > a:before {height:42px;line-height: 42px;}




/*Darkness————————————————————————————————————————————————————————————————————————————————*/
.Darkness input[type=text],.Darkness input[type=password],.Darkness .thirdCondition select,.Darkness .ReportFormTop .Operating ul+select,.Darkness select,.Darkness textarea{border-color:#666;}
.Darkness .SearchDiv .SearchInput dt input:focus { color: #eee; border-color:#f60;}
.Darkness input[type=file] { color: #aaa; }
.Darkness input[type=text],.Darkness select,.Darkness textarea{ background-color: rgba(255,255,255,.2);}
.Darkness input[type=text], .Darkness input[type=password],.Darkness select,.Darkness textarea {color:#ddd;}
.Darkness input:focus,.Darkness select:focus,.Darkness textarea:focus,.Darkness .DataAdd td .CheckInputEmptyOrNot:focus,.Darkness .DataAdd td .CheckSelectedOrNot:focus{ color: #eee;border-color:#ccc;}
.Darkness .DataAdd td .CheckInputEmptyOrNot:focus, .Darkness .DataAdd td .CheckSelectedOrNot:focus,.PageInventory .SearchDiv input[type=text].InventoryItem:focus { border-color: #f60; }
.Darkness select option { background: #666; }
.Darkness select.PageCutover2 option { background: #333;border-color:#666; }

.Darkness {background-color:#333; }
    .Darkness .PageHeader { border-color: #555; }
    .Darkness .PageHeader .CompanyInfoMain .CompanyLogo { border-color: #666; }
    .Darkness .PageHeader .CompanyInfoMain .User .UserFunction a { color: #f44; }
    .Darkness .PagePosition { text-shadow: 0 1px 1px #111; }

    .Darkness .nav {background-color:#231F20;}

        .Darkness .nav .Navigation > ul > li{ border-bottom: 1px solid rgba(255,255,255,.1); }
            .Darkness .nav .Navigation > ul > li:hover {border-color:#333;}
            .Darkness .nav .Navigation>ul>li:hover > a { background-color:rgba(0,0,0,.4); }

    .Darkness .FormTop, .Darkness .OrderPart, .Darkness .DetailList .TitleBox,.Darkness select.PageCutover2,.Darkness .ReportFormTop,.Darkness .UserGuide,.Darkness .Off h5, .Darkness .On h5{background-color:#252525;border-color:#555;}
    .Darkness .Off h5 { color: #aaa; }
        .Darkness select.PageCutover2:hover { background-color: #333; }
            
    .Style3 .PagePosition > * {color: #f90; }
        .Darkness .PagePosition h3 + h2 {left:10px;color: #aaa;  }
            .Darkness .PagePosition h3 + h2:before { background: #666; }
        .Darkness .PagePosition h3+h2:after {color: #666; }

.Darkness .Left_Information dt, .Darkness .Right_Log dt { background: rgba(255,255,255,.2); }

/*Dashboard*/
.Darkness .UserGuide em:before{background-color: #555;box-shadow: 0 90px 0 #555; }
.Darkness .UserGuide em:after { color: #666; }
.Darkness .UserGuide a.popup:hover { background: rgba(255,255,255,.08); }
.Darkness .UserGuide a:hover h2 { color: #aaa; }
.Darkness .UserGuide a h3:before { color: #eee; }
.Darkness .UserGuide a:hover * { color: #eee;}
.Darkness .UserGuide a:hover div:before { text-shadow: 0 0 4px #999; }
.Darkness .UserGuide a h3:before { color: #eee; }

.Darkness .UserGuide div h2{color:#ccc;}
.Darkness .UserGuide > div > div:before{ color: #555; }
    .Darkness .UserGuide > div > h2 { color: #666; }

.Darkness .PagePosition h2 { color: #f90; }
.Darkness .PagePosition h2:before { background: #f90; }

/*.Darkness .DashboardMain > div { box-shadow:0 2px 4px rgba(0,0,0,.2); }*/
.Darkness .Left_Information dt, .Darkness .Right_Log dt { color: #ccc; }
.Darkness .Left_Information:hover dt, .Darkness .Right_Log:hover dt { color: #fff; }

.Darkness .Left_Information dd,.Darkness .Right_Log li a,.Darkness .Right_Log li {color:#999;}
.Darkness .Left_Information dd:nth-child(even),.Darkness .Right_Log:hover li:nth-child(odd){background-color:rgba(255,255,255,.05);}
.Darkness .Left_Information dd:nth-child(odd),.Darkness .Right_Log:hover li:nth-child(even){background-color:rgba(0,0,0,.05);}
.Darkness .Left_Information dd:hover,.Darkness .Right_Log li:hover a,.Darkness .Right_Log:hover li:hover {background-color:rgba(0,0,0,.2);}
.Darkness .Left_Information dd span a:before { color: #fff;opacity:.4; transition:all 0.16s ease;}
.Darkness .Left_Information:hover dd span a:before {color:#f90;opacity:1; }
.Darkness .Left_Information dd span a:hover:before { color: #f60; }
.Darkness .UserMenuDownload ul li { border-color: #555; }
.Darkness .UserMenuDownload ul li:hover{ border-color: #f33; }
.Darkness .UserMenuDownload ul li+li:hover{ border-color: #f60; }
.Darkness .UserMenuDownload ul li+li+li:hover{ border-color: #f90; }

.Darkness .Middle_Progress { border-color: #555; }
    .Darkness .Middle_Progress dt { }
    .Darkness .Middle_Progress ul li a,.Darkness .Middle_Progress ul li a:hover { border:0; }
    .Darkness .Middle_Progress ul li:hover { background-color: rgba(255,255,255,.05;) }
.Darkness .Middle_Progress ul li a { border-color: #555; }
.Darkness .Middle_Progress ul li a:hover dl i,.Darkness .Middle_Progress ul li a dl i div { background-color: rgba(255,255,255,.2);box-shadow:none; }
.Darkness .Middle_Progress ul li a strong { color: #999; }
.Darkness .Middle_Progress ul li a em{ opacity: 0.25; }
.Darkness .Middle_Progress ul li a:hover em { opacity: 1; }
.Darkness .Middle_Progress .whiteMatte {width: 17px; background: #333; }

.Darkness .Right_Log ul li a em { opacity: 0.2; }
.Darkness .Right_Log:hover ul li a em { opacity: .6; }
.Darkness .Right_Log ul li:hover a em { opacity: 1; }
.Darkness .Right_Log li:hover a span{ color: #999; }

@media screen and (max-width: 1600px) {
    .Darkness .Middle_Progress { }
    .Darkness .Right_Log ul { border-color: #555; }
    .Darkness .Right_Log:hover ul { border-color: #757575; }
}

/*表格*/
.Darkness .pageTable,.Darkness .DashboardMain,.Darkness .ReportTip, .InventoryBoard,.Darkness .TextPart .InfoDetail table.RequirementsList tr>*{ border-color:#555; }
/*斑马线*/
.Darkness .pageTable tr,.Darkness .TextPart .InfoDetail table.RequirementsList tr:nth-child(even),.Darkness .ExcelTemplate li:nth-child(even){ background-color: rgba(0,0,0,.02); }
.Darkness .pageTable tr.G,.Darkness .tableList .pageTable tbody tr:nth-child(odd),.Darkness .TextPart .InfoDetail table.RequirementsList tr:nth-child(odd),.Darkness .pageTable .Info tr:nth-child(odd),.Darkness .ExcelTemplate li:nth-child(odd)  { background-color: rgba(0,0,0,.15); }
.Darkness .pageTable td,.Darkness .pageTable tr:hover>td ,.Darkness .ExcelTemplate li{ color: #aaa;border-color:transparent; }
.Darkness .pageTable tr:hover > td,.Darkness .pageTable .Info tbody tr:hover td,.Darkness .ExcelTemplate li:hover { background-color: rgba(0,0,0,.3);color: #f90; }
.Darkness .pageTable tbody tr>td .BarcodeDigital .BarcodeOperating div table tr td{background-color:transparent;}
/*表头*/
.Darkness .pageTable thead tr, .Darkness .TableThead thead tr { background-color: #444;}
.Darkness .pageTable th, .Darkness .TableThead th {color:#eee; border-color:#555; }
.Darkness .pageTable tbody tr td a[class*='icon']:before, .Darkness .pageTable tbody tr td a[class*='btn-']:before { color:#999;}
.Darkness .pageTable tbody tr:hover td a[class*='icon']:before, .Darkness .pageTable tbody tr:hover td a[class*='btn-']:before,tr:hover td .icon_Barcode:before{ color: #f90; }
.Darkness .pageTable tbody tr td a[class*='icon']:hover:before, .Darkness .pageTable tbody tr td a[class*='btn-']:hover:before,tr:hover td .icon_Barcode:hover:before { color: #f60;}

    .Darkness .pageTable tbody td a { text-decoration: underline; }
    .Darkness .pageTable tbody tr:hover td a {}
        .Darkness .pageTable tbody td a:hover,.Darkness .pageTable tbody td .PrinterList a { text-decoration: none; }

/*表中表*/
    .Darkness .pageTable .InfoTD, .Darkness .pageTable tr:hover .InfoTD { background-color: #3a3a3a; border-bottom:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.05);}
        .Darkness .pageTable .InfoTD th, .Darkness .pageTable .InfoTD td { background: none; }
    .Darkness .pageTable .Info tr { background-color: transparent; }
    .Darkness .pageTable .InfoTD th {color:#ccc;font-weight:bold; background-color: rgba(0,0,0,.2);border-color:#555; }
    .Darkness .pageTable .InfoTD td {color:#aaa; background-color:rgba(0,0,0,.05); }
    .Darkness .pageTable .Info{margin:4px 0;border:0;background:none;}    
    .Darkness .pageTable tbody tr td .Info tr td a[class*='icon']:before{opacity:.6;color:#999;transition:none;}
    .Darkness .pageTable tbody tr td .Info tr:hover td a[class*='icon']:before{opacity:1;color:#f90;}
    


/*筛选*/
    .Darkness .pageTable tr.TR_fillter td,.Darkness .pageTable tr.TR_fillter:hover td { background-color:#404040; }
    .Darkness .pageTable tr.TR_fillter td { border-color: #666; }
        .Darkness .pageTable tr.TR_fillter td input[type=text], .Darkness .pageTable tr.TR_fillter td select { border-color: #666; }
            .Darkness .pageTable tr.TR_fillter td input[type=text]:focus { border-color: #aaa;color:#eee; }
        
.Darkness a.btn-TR_fillter:before,.Darkness .pageTable tr.TR_fillter div a.btn-TR_fillter { text-decoration:none;color: #ccc;background-color:transparent; }
    /*.Darkness a.btn-TR_fillter:hover:before,.Darkness .pageTable tr.TR_fillter div a.btn-TR_fillter:hover:before {text-decoration:none; color: #f90;opacity:1; }*/


/*排序*/
.Darkness .btn-IconSquenceTriangel:before {color:#999; background-color: #444; }
.Darkness .btn-IconSquenceTriangel:hover:before { color: #ddd; }

.Darkness .SearchDiv .SearchInput dd { box-shadow: 0 2px 8px #111; }
.Darkness .SearchDiv .SearchInput dd li { background-color:#333;border-color:rgba(255,255,255,0.1); }
.Darkness .SearchDiv em[class*='em-']:before { color: #666; }
.Darkness .SearchDiv dt input { background-color: rgba(255,255,255,.2);}
.Drakness input, .Drakness select, .Drakness textarea, .Drakness .DataAdd td .CheckInputEmptyOrNot, .Drakness .DataAdd td .CheckSelectedOrNot { border-color: #666; }
/*搜索按钮*/
.Darkness .Btn-Search_90x27 {background-color:#f90; border-color: rgba(255,255,255,.5); }
    .Darkness .Btn-Search_90x27:hover {background-color:#f60;border-color: rgba(255,255,255,.5); }

/*筛选器*/
.Darkness .btn-ShowFilter,.Darkness .btn-ShowFilter span:before { color: #4b4d4d; }
    .Darkness .btn-ShowFilter:hover,.Darkness .btn-ShowFilter:hover span:before { color: #999; }

/*右边功能模块*/
.Darkness .function li a { color: #666; }
    .Darkness .function li a:hover { color: #888; }
/*导出PDF-Exc*/
.Darkness .rightPart .function li:hover .btn-Export,.Darkness .rightPart .function li ul li,.Darkness .Operating ul li {background-color:#333;}
    .Darkness .rightPart .function li ul li:hover, .Darkness .Operating ul li:hover { background-color: #3d3d3d; }
.Darkness .rightPart .function li ul { box-shadow: 0 1px 8px #111; }
.Darkness .rightPart .function li ul,.Darkness .rightPart .function li ul li,.Darkness .Operating ul li,.Darkness .Operating ul { border-color: rgba(255,255,255,0.1); }

/*Inventory*/
.Darkness #DetailList,.Darkness .DetailList,.Darkness .pageTable tr td div.NoResult { background-color: #333; }
.Darkness .PageInventory .SearchDiv input[type=button],.Darkness .InventoryData { background-color: rgba(255,255,255,.1);border-color:#666; }
    .Darkness .PageInventory .SearchDiv input[type=button].btn_Submit { background-color: rgba(255,255,255,.2); }
    .Darkness .PageInventory .SearchDiv input[type=button]:hover{ background-color: rgba(255,255,255,.3); }
    
.Darkness .InventoryData { background-color: #252525; }
.Darkness .tableList,.Darkness .tableList .pageTable { border-color: #666; }
.Darkness .FormTop, .Darkness .OrderPart, .Darkness .DetailList .TitleBox { color: #666; }
.Darkness .OrderList:before, .Darkness .PageInventory .SearchDiv a.ShowItemProfile:before { opacity: 0.5; }
.Darkness .OrderList:hover:before, .Darkness .PageInventory .SearchDiv a.ShowItemProfile:hover:before { opacity: 1; }

.Darkness .DetailListDiv .pageTable tr th { background-color: #555;border-color:#666; }
.Darkness .pageTable tbody td a.SlipList { text-decoration: none; }
.Darkness .SlipList:before { color: #eee;}

.Darkness .DetailList .TitleBox { background-image: url(../Images/TQS/Darkness_DetailListTop.gif); }
    .Darkness .DetailList .TitleBox h2 { color: #ccc; }
.Darkness a.Close { text-shadow: none; }
    .Darkness a.Close:hover { color: #ccc; text-shadow: 0 0 5px #aaa; }


/*Download*/
.Darkness .img_Mobile {background-image:url(../images/Icon/img_Mobile.png); }
.Darkness .InfoDetail { border-color: #666; }
.Darkness .InfoDetail .img_FlatImg {background-image: url(../Images/Icon/FlatImg.png); }
.Darkness .D_PrinterEngine .InfoDetail .img_FlatImg{ background-image: url(../Images/Icon/Print_FlatImg.png);}
.Darkness .D_Mobile .Title p, .Darkness .D_PrinterEngine .Title p, .Darkness .D_UserMenu .Title p { color: #888; }
.Darkness .FunctionsDesc div p { color: #aaa; }
.Darkness ul.InfoToggle li { backgrond-color: rgba(255,255,255,.2); }
.Darkness a.downloadMobileUserMenu {background-color:transparent; text-shadow:none;}

.Darkness .TextPart .InfoDetail table.RequirementsList tr th { color: #ccc; }
.Darkness .TextPart .InfoDetail table.RequirementsList tr td { color: #999; }


/*Report*/
.Darkness .ReportFormTop select:focus,.Darkness .ReportFormTop input[type=text]:focus { border-color: #ccc; }

/*Corporate Profile*/
.Darkness .DataAdd tr.LogoPreview th + td,.Darkness .LogoPreview td div,.Darkness .LogoPreview td p{ color:#999; border-color: #555;}
.Darkness .pageTable tbody tr td .PrinterList a.btn-Icon_closeWindow:before {font-size:28px; }
.Darkness .pageTable tbody tr:hover td .PrinterList a.btn-Icon_closeWindow:before { color: #fff;opacity:.4; }
.Darkness .pageTable tbody tr:hover td .PrinterList a.btn-Icon_closeWindow:hover:before { opacity: .6; }
.Darkness .PrinterList { background-color: #333; outline-color: #555;box-shadow: 0 2px 4px #111; }

/*分页*/
.Darkness .PageNavi a { background-color: rgba(255,255,255,.12); }
    .Darkness .PageNavi a:hover {background-color:#f90;}


/*弹窗*/
.Darkness .PopWindow { background-color: #333;outline-color:#555; }

.Darkness .EditPopupBox{background-color:rgba(0,0,0,.2);box-shadow:0 1px 2px #444;border-color:rgba(0,0,0,.3);}
.Darkness .EditPopupBox h2{color:#ccc;}

.Darkness .DataAdd th,.Darkness .DataAdd td{color:#888;}
.Darkness .PopWindow .DataAdd th span div { outline: none; }

.Darkness input[readonly=readonly], .Darkness input[readonly=readonly]:focus, .Darkness .DataAdd td input[readonly=readonly].CheckInputEmptyOrNot,.Darkness .DataAdd td input[disabled=disabled].CheckInputEmptyOrNot, .Darkness select[disabled=disabled].CheckSelectedOrNot,.Darkness .DataAdd select[disabled=disabled].CheckInputEmptyOrNot, .Darkness select[disabled=disabled] { background-color: rgba(255,255,255,.2);border-color:rgba(255,255,255,.1);color:#888;}

.Darkness .DetailPart .DataAdd td { color: #111; }
.Darkness .DetailPart {background-color:rgba(255,255,255,.1);border-color:#555;}
.Darkness .Tab { border-color: #696969; }
.Darkness .Tab li { border-color: #555; }
    .Darkness .Tab li a { background-color:rgba(0,0,0,.4); }
        .Darkness .Tab li a:hover { background-color: rgba(0,0,0,.2);text-shadow:none;}
.Darkness .Tab li.selectTab a { background-color: transparent; border-bottom:1px solid #464646;}

.Darkness a.icon_Barcode { opacity: 0.5; }
.Darkness tr:hover a.icon_Barcode { opacity: 1; }
.Darkness a.icon_Barcode:hover { }

.Darkness table.Detail tbody tr.AddDetail td:first-child a:before { color: #f90; }
.Darkness table.Detail tbody tr.AddDetail td:first-child a:hover:before { color: #f60; }
.Darkness table.Detail tbody tr td:first-child.RightCheck:before { color: #8a0; }

.Darkness .DeleteReminder { color: #999; }

.Darkness .KitOrderDetail > div:first-child { border-color: #666; }
.Darkness .DetailPart .Kit fieldset legend { color: #111; }


/*表格*/
.Darkness table.Detail tbody tr.AddDetail{ background-color:transparent; }
.Darkness table.Detail thead th{ border-color: #555; }
.Darkness table.Detail tbody td{ color: #aaa; }
.Darkness table.Detail tbody > tr:hover td{color:#ccc; background-color: rgba(0,0,0,.3); }
.Darkness table.Detail tbody td a { text-decoration: underline; color:#f60;}
    .Darkness table.Detail tbody td a:hover { text-decoration: none; color: #f90; }
    .Darkness table.Detail tbody td a[class*='icon'] { text-decoration: none; opacity: .6; }
.Darkness table.Detail tbody tr:hover td a[class*='icon'] { color: #f90; opacity: 1; }
.Darkness table.Detail tbody tr td a[class*='icon']:hover{ color: #f60;}

.Darkness .UpLoad p { color: #999; }
.Darkness .selectBox { border-color: #555; }


.Darkness .Logbox{ background-color: rgba(255,255,255,.1);border-color:#555; }
    .Darkness .Logbox span,.Darkness .Logbox > p:before { color: #222;border-left-color:#222; }
.Darkness #History .Logbox p { background-color:#464646; }
    .Darkness #History .Logbox.active p { background-color: rgba(0,0,0,.1) }
        .Darkness #History .Logbox.active p:before { border-top-color:#222;}
    .Darkness #History .Logbox p:hover { background-color: rgba(0,0,0,.1); }
    .Darkness .Logbox.active > div {  }

.Darkness .Logbox table {color:#999; background-color: transparent; }
.Darkness .Logbox th { background-color: #333;color:#999; }
.Darkness .Logbox th, .Darkness .Logbox td { border-color: #444; }

.Darkness table.Detail thead {background-color:rgba(0,0,0,.4); }
.Darkness table.Detail tfoot tr.Total,.Darkness table.Detail tfoot tr.Total:hover{background-color:rgba(0,0,0,.25);border-color:#666;}
    .Darkness .itemsum, .Darkness .itemLineSum, .Darkness table.Detail tfoot tr.Total td span.itemsum, .Darkness table.Detail tfoot tr.Total td span.itemLineSum { color: #666; }

/*打印列表*/
.Darkness .PrinterSelect h3 { color: #888; }
.Darkness .PrinterSelect > ul li a,.Darkness .PrinterList ul, .Darkness .PrinterList dl  { background-color: rgba(255,255,255,.1); border-color: #666; }
    .Darkness .PrinterSelect > ul li a:hover { background-color:#fafafa; }

    .Darkness .pageTable tbody tr td:last-child .PrinterList ul li a:first-child, .Darkness .PrinterList ul li a:first-child, .Darkness .PrinterList dl dd a:first-child {color:#999; border-color: #666; }
    .Darkness .pageTable tbody tr td:last-child .PrinterList ul li a.Selection, .Darkness .PrinterList dl dd a.Selection { color: #fefefe; }

    .Darkness .pageTable tbody tr td:last-child .PrinterList ul li a:hover, .Darkness .pageTable tbody tr td .PrinterList ul li a:hover, .Darkness .PrinterList ul li a:hover, .Darkness .PrinterList dl dd a:hover {color:#f90; background-color: rgba(255,255,255,.0); }
    .Darkness .pageTable tbody tr td:last-child .PrinterList ul li a.Selection, .Darkness .PrinterList dl dd a.Selection { background: #ff8c19; color: #fefefe; }

.Darkness .ButtonGroup .PrintButtonGround .icon_Print { border-color: rgba(255,255,255,.2); }


/*关闭按钮*/
.Darkness .btn-Icon_closeWindow { color: #ddd; }

/*Barcode*/
.Darkness .BarcodeDigital { box-shadow: 0 2px 4px #222; border-color: #666; } 

/*Title*/
.Darkness .EditPopupBox .OrderNumberTitle h3 { color: #f90; }
.Darkness .OrderNext:before, .Darkness .OrderPre:before { color: #aaa; }
.Darkness .OrderNumberTitle:hover .OrderNext:before, .Darkness .OrderNumberTitle:hover .OrderPre:before { background-color: #555; }
.Darkness .OrderNumberTitle:hover .OrderNext:hover:before, .Darkness .OrderNumberTitle:hover .OrderPre:hover:before {background-color: #666; }


/*Company*/
.Darkness .CompanyName td {color:#f90; text-shadow: 0 0 4px rgba(255,103,0,.5); }
.Darkness .btn-NewUser { border-color: #555; }
    .Darkness .btn-NewUser:hover { box-shadow: none; background: rgba(255,255,255,.2);border-color: #666;}
.Darkness .userList li { border-color: rgba(255,255,255,.2); }
.Darkness .userList li:last-child,.Darkness .userList li:last-child:hover { background-color: transparent;border-color:#333; }

.Darkness .btn-AddContactInformation {border: 1px solid #555;box-shadow: 0 1px #555; }

.Darkness #userTable ,.Darkness .DefaultInfo,.Darkness .AddressBook .addressList,.Darkness .AddressBook .contactList{ background-color: rgba(255,255,255,.1); }
    .Darkness .DefaultInfo:before { color: #1a1a1a; }
.Darkness .DefaultInfo {border-color:#555; box-shadow:0 0px #555; }
.Darkness .DefaultInfo:hover{background-color:rgba(255,255,255,.1);border-color:#666; box-shadow:0 4px #555; }
.Darkness .AddressInfoOperation dd a:before { color: #666; }
.Darkness .AddressInfoOperation a { color: #f90; }

.Darkness .AddressInfoOperation,.Darkness .AddressBook .addressList,.Darkness .AddressBook .contactList { border-color: #666; }
.Darkness .CompanyExtendsion li { color: #999; }
.Darkness .CompanyExtendsion li:before { color: #666; }

.Darkness .AddressBook h3 { color: #aaa; }
    .Darkness .AddressBook h3 .icon_AddAddress { border-color: #666; }
        .Darkness .AddressBook h3 .icon_AddAddress:hover { background-color: rgba(255,255,255,.1); border-color: #666; }
.Darkness .AddressBook ul.DefaultAddressColor, .Darkness .AddressBook ul.DefaultContactColor { background-color: transparent; }
.Darkness .AddressBook ul { border-color: #666; }

.Darkness .AddressBook li:before { color: #ddd; }
.Darkness .AddressBook ul li { color: #999; }

.Darkness .AddressBook ul.DefaultAddressColor:before, .Darkness .AddressBook ul.DefaultContactColor:before { border-color: #f90; }
.Darkness .AddressBook ul.DefaultAddressColor:after, .Darkness .AddressBook ul.DefaultContactColor:after { color: #f90; }

/*Import Data*/
.Darkness .FilePost legend { background-color: #555; }
.Darkness .FilePost fieldset { border-color: #555; }
.Darkness .ExcelTemplate li a { color: #f33; }
.Darkness .ExcelTemplate li a:first-child:before { color: #666; }
.Darkness .ImportData input[type=file] { color: #666; outline-color: #555; }
.Darkness .ExcelTemplate li, .Darkness .ImportData p,.Darkness .Tips,.Darkness .ErrorDiv h6 { color: #999; }
.Darkness .ProgressBar { background: #555; border-color: #555; }
.Darkness .ProgressbarText { color: #fff; }
.Darkness .ProgressbarBar {background-color:#f60; border-color: #555;outline-color:#f63; }
.Darkness .ErrorDiv {  left: -18px;padding: 10px 0; width: 558px;border-color: rgba(255,255,255,.05); background-color: rgba(0,0,0,.5);  }


/*日历控件*/
.Darkness .xdsoft_datetimepicker{box-shadow:0 0 4px #111;}
.Darkness .xdsoft_datetimepicker,.Darkness .xdsoft_mounthpicker div,.Darkness .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {color:#eee; background-color: #333; border-color:#555;}
.Darkness .xdsoft_calendar table{background:rgba(255,255,255,.2);}
.Darkness .xdsoft_datetimepicker .xdsoft_calendar th{color:#ccc;background:none;border-color:#666;}
.Darkness .xdsoft_datetimepicker .xdsoft_calendar td,.Darkness .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { }{color:#444;background:rgba(255,255,255,.8);border-color:#666;}


.Darkness .Theme { background-color: transparent; }




/*Lightness*/
.Lightness { }
    /*.Lightness .Top1 { background: #f66; }*/

    .Lightness .header,.Lightness .footer { background: #f5f5f5;border-right:1px solid;border-color:#ccc;}
        .Lightness .header .LogoTQS1 { background: url(../Images/logo_Fusion2_Lightness.png); }
    .Lightness .PagePosition > * { color: #f60; }
.Lightness .nav, .Lightness .Navigation ul, .Lightness .nav .Navigation ul li a{background-color:#fafafa;}
        .Lightness .nav .Navigation,.Lightness .nav .Navigation>ul>li{border-color:#ddd;}
        /*.Lightness .nav .Navigation>ul>li{border-top:1px solid #eee;}*/
.Lightness .nav .Navigation{border:none;}

.Lightness .Navigation ul li a{color:#666;}
.Lightness .nav .Navigation>ul>li:first-child{border-top:1px solid #ddd;}
.Lightness .nav .Navigation > ul > li > a:after{color:#bbb;}

    .Lightness .nav .Navigation > ul > li ul {}

.Lightness .nav .Navigation > ul > li>ul li a{background-color:transparent;}
    .Lightness .nav .Navigation > ul > li.active ul {border-bottom:1px solid #ddd }
.Lightness .nav .Navigation>ul>li.active >a,.Lightness .nav .Navigation>ul>li:hover > a,.Lightness .nav .Navigation > ul > li.active>ul li{color: #666;background-color:#e5e5e5;}
.Lightness .nav .Navigation > ul > li.active > a:after{color:rgba(0,0,0,.4);}

.Lightness .nav .Navigation ul li ul{background-color:#eee;}


.Lightness .nav .Navigation > ul > li >ul li a{color: #999;background-color: rgba(255,255,255,.85);}

.Lightness .nav .Navigation > ul > li.Selection{border-color:#f90;}
.Lightness .nav .Navigation > ul > li.Selection > a{color:#fff;background-color:#f90;}
.Lightness .nav .Navigation > ul > li.Selection > a:after{color:#fff;}
    .Lightness .nav .Navigation > ul > li.Selection > ul li a {color:#f60; }
    .Lightness .nav .Navigation > ul > li.Selection.active > ul li { background-color: #f90; }
    .Lightness .nav .Navigation > ul > li.Selection.active ul { border-color: #f90; }
        .Lightness .nav .Navigation > ul > li.Selection.active ul li a:hover { color: #fff;text-shadow:0 1px 1px #f90; }

@media screen and (min-width: 1281px) {
    .Lightness .nav .Navigation ul li.active ul li a:hover {color:#f66;background:none;background-color:rgba(255,255,255,.4); }
}
@media screen and (max-width: 1280px) {
    .Lightness .nav .Navigation > ul > li > a, .Lightness .nav .Navigation > ul > li:hover > a,.Lightness .nav .Navigation>ul>li.active >a,.Lightness .nav .Navigation > ul > li.Selection > a { color:transparent;}
    .Lightness .nav .Navigation > ul > li.Selection > a { border-left: 0; }
    .Lightness .nav .Navigation > ul > li.active > a { background-color: #fafafa; }
    .Lightness .nav .Navigation > ul > li.Selection.active > a{ background-color: #f90; }
    /*.Lightness .nav .Navigation > ul > li.Selection:hover > a:before{ color:#f90;text-shadow: 0 0 4px #ff8; }*/
    .Lightness .nav .Navigation > ul > li.Selection:hover { border-color:#ddd; }
    .Lightness .nav .Navigation > ul > li.Selection.active:hover > a ,.Lightness .nav .Navigation > ul > li.active:hover > a,.Lightness .nav .Navigation > ul > li.active>ul li,.Lightness .nav .Navigation > ul > li.Selection.active > ul li { background-color: #eee; }
    .Lightness .nav .Navigation > ul > li.active > ul li a{ color: #757575; }
    .Lightness .nav .Navigation > ul > li > ul > li > a{border-left-color:#eee; }
    .Lightness .nav .Navigation > ul > li > ul > li:hover > a {text-indent:1.2em;background-color:#fff; }
    .Lightness .nav .Navigation > ul > li > ul li a { background-color: transparent; }
    .Lightness .nav .Navigation > ul > li > a:before {color:#999; text-shadow: 0 1px 1px #ddd; }
    .Lightness .nav .Navigation > ul > li:hover > a:before{color:#f90;text-shadow: 0 1px 1px #eee;background-color:#eee;}
    .Lightness .nav .Navigation > ul > li ul,.Lightness .nav .Navigation > ul > li.Selection.active > ul {border:1px solid #eee;background-color:;}
    .Lightness .nav .Navigation ul li ul:before { text-shadow: 0 1px 1px #ccc; }
}

.Lightness .FormTop, .Lightness .OrderPart, .Lightness .DetailList .TitleBox { background-color: #fafafa; }
.Lightness .SearchDiv .SearchInput dt input{border-color:#ddd;}
.Lightness .Btn-Search_90x27 { border-color: #eee; }

/*Dashboard*/
.Lightness .Middle_Progress ul li:before { content: '';position:absolute;left:0;bottom:-3px;height:0;width:0; border-radius: 50%; border: 4px solid #fff;transition:all 0.16s ease; }
.Lightness .Middle_Progress ul li a,.Lightness .Middle_Progress ul li a:hover{border:0;/*border-left:5px solid #fff;*/border-bottom: 2px dotted #eee;}
.Lightness .Middle_Progress ul li a:hover,.Lightness .Middle_Progress ul li:hover:before{border-color:#f66;}

    .Lightness .Middle_Progress ul li a:hover dl i { background-color: #f5f5f5; }

/*表格*/
.Lightness .pageTable td { border-width:0; }
.Lightness .pageTable tr:hover > td,.Lightness .pageTable .Info tbody tr:hover td,.Lightness .ExcelTemplate li:hover {color: #f60; }
.Lightness .pageTable>tbody> tr:hover > td:first-child:before,.Lightness .ExcelTemplate li:hover:before{content:'';position:absolute;left:0;top:0;height:30px;border-left:4px solid #f60;}
.Lightness .ExcelTemplate li:hover:before{height:100%;}
.Lightness .pageTable > tbody > tr > td tr:hover > td:first-child { border-left: 4px solid #f60; }
.Lightness .pageTable tbody tr td .BarcodeOperating tr:hover td:first-child{border-left:0;}
/*.Lightness .datalist .pageTable > tbody > tr:hover > td:first-child:before {left:0; }*/
.Lightness .pageTable>tbody> tr:hover > td:first-child.DisplayList:before,.Lightness .pageTable>tbody> tr:hover > td:first-child.InfoTD:before{border:0;}

.Lightness .pageTable tbody tr:hover td a[class*='icon']:before, .Lightness .pageTable tbody tr:hover td a[class*='btn-']:before, tr:hover td .icon_Barcode:before { color: #f66; }
.Lightness .pageTable tbody tr td a[class*='icon']:hover:before, .Lightness .pageTable tbody tr td a[class*='btn-']:hover:before, tr:hover td .icon_Barcode:hover:before {top:-2px; /*color: #f60;*/ }

.Lightness .pageTable tbody td a { text-decoration: underline; }
    .Lightness .pageTable tbody td a:hover, .Lightness .pageTable tbody td .PrinterList a { text-decoration: none; }

/*弹窗*/
.Lightness .popupBox { background: rgba(255,255,255,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);}
.Lightness .PopWindow { outline-color:#ddd;box-shadow: 0 5px 25px #999; }

.Lightness .pageTable .Info tbody td { color: #f66; }
.Lightness .EditPopupBox h2 { color: #f66; }
.Lightness .btn-Icon_closeWindow { color: #444; }

.Lightness .footer{}
    .Lightness .Footer_Image{
        margin-left:20px;
        height:65px;
        width:49px;
        vertical-align:middle;
        background:url(../Images/tqs-logo.jpg) no-repeat;
        background-size:cover;
    }
    .Lightness .LogoTQS2 {background-size:contain; width:250px; height:45px; background-image: url(../Images/logo_tqs_footer.png);opacity:.8;}
    .Lightness .FooterText, .Lightness .Version ,.Lightness .Version a.NewFunctionLink{ color: #666; }
        .Lightness .Version a { color: #f33; }
    .Lightness .Recommended { background-color: #fafafa;border-color:#ccc;box-shadow: 0 0 5px #ccc; }
        .Lightness .Recommended b span, .Lightness .Layout a div b span { color: #f60; }

.Lightness .LoadBG { background: #fff; }
.Lightness .load img{ z-index: 1; }

.install .ButtonGroup{right:5px;}
/********************/
.Footer_Right{
    float:right;
    margin:0 50px 0 0;
    padding:0;
    padding-top:10px;
}
.Footer_Image_Div{
    float:right;margin:0;padding:0;
}
.Footer_Image{
    margin-left:20px;
    height:65px;
    width:42px;
    vertical-align:middle;
    background:url(../Images/tqs-licensed-partner.png) no-repeat;
    background-size:cover;
}
.Footer_Text_Div{
    float:right;
    margin:0;
    padding:0;
    position:relative;
}
.SubLogBox .history_group {
    background: #efefef;
}
.ItemDetail table.Detail tbody tr.ErrorItem {
    background:#FFD39B;
}

.ItemDetail table.Detail tbody tr.ErrorItem:hover td{
    background:#FFD39B;
}

table.Detail tbody tr td:first-child.RightWarning:before {
    content: '';
    color: #ff8c19;
    width: 20px;
    height: 20px;
    display: block;
    background: url('../Images/Icon/cc_warning.png') no-repeat 0px 0px;
    left: 6px;
    position: relative;
}
table.Detail tbody td a.CycleComment_icon {
    width: 20px;
    height: 20px;
    background-image: url('../Images/Icon/comment.png');
    background-position:0 0;
    position: absolute;
    z-index: 10;
    right: 5px;
    top: 4px;
    cursor: pointer;
    -webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
}
    table.Detail tbody td a.CycleComment_icon:hover {
        background-position:0px -20px;
    }

#KitSetting {
    max-height: 300px;
    overflow: HIDDEN;
}