/* ---------------------------------------------------------------------- h -->none prognosi (c) john paizis 1.2 08/10/13 ---------------------------------------------------------------------- */ :root { --c-navy: #3e78b3; --c-page: #ccc; } /* framework ---------------------------------------------------------------------- */ div[visible="false"] { display: none; } .clear { clear: both; width: 100%; height: 0px; } a:hover, a:visited, a:link, a:active { text-decoration: none; } html { overflow1-x:hidden; overflow-y: scroll; height:100%; min-height: 100%; background:#fff; } .bbb { background: url(img/XSPLASH1.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:566px; border-top: 4px solid #aaa; border-bottom: 4px solid #aaa; } .bbb[clr="HS"] { background:-webkit-linear-gradient(top, #6aaab3, #ccc); } .bbb[clr="RT"] { background:-webkit-linear-gradient(top, #EF72A4, #ccc); } .bbb[clr="CS"] { background:-webkit-linear-gradient(top, #4A86C1, #ccc); } .bbb[clr="SS"] { background:-webkit-linear-gradient(top, #999, #ccc); } /* body ---------------------------------------------------------------------- */ body { margin:0; left:0px; top:0px; height:auto; -webkit-user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-family:sans-serif,Verdana,Helvetica,Arial,sans-serif; font-size:14px; background:#fff; } /* ? ---------------------------------------------------------------------- */ frame { padding-top:100px; } /* prognosi ---------------------------------------------------------------------- */ .pro-menu { background:#ffff00; padding-left:12px; max-width: 882px; } .pro-menu .logo img { float:left; margin-top:8px; height:24px; margin-left:36px; } .pro-menu .home { float:left; overflow:hidden; background:#cccccc; font-weight:bold; overflow:hidden; padding: 8px 16px 8px 16px; margin-top:4px; margin-left:8px; } .pro-menu .link { margin-left:0px; float:left; width:180px; white-space: nowrap; overflow:hidden; padding: 4px 4px 2px 12px; text-align: left; color:#cccccc; font-size:16px; font-weight:bold; text-decoration: none; } @media not screen and (min-width: 680px) { .pro-menu .link { display:none; } } .pro-menu .link p { margin: 0px 0px 0px 0px; padding-top:9px; padding-left:4px; padding-right:4px; padding-bottom:8px; color: #222222; font-size:18px; text-align: left; } .pro-menu .link p[color="green"] { color: #008000; } .pro-menu .link p[color="red"] { color: #ff0000; } .pro-menu .link p[color="sel"] { border-bottom: 4px solid #7c91ac; } .pro-menu .link a { color: inherit; text-decoration:none; } .pro-menu .clear { height:8px; clear: both; } /* ? ---------------------------------------------------------------------- */ .user-logo { margin-top:-4px; margin-right:12px; border: 2px solid #ccc; border-radius:50%; } /* exc ---------------------------------------------------------------------- */ .error { position: fixed; background:#eee; top:0; left:0; right:0; bottom:0; z-Index:999; background:rgba(0,0,0,0.6); } .error .frame { text-align1:center; background:#eee; border-top:4px solid #777; padding-top:8px; padding-bottom:20px; padding-left:8px; padding-right:8px; max-height:180px; position:absolute; bottom:0; left:0; right:0; overflow:hidden; } .error .panel { max-width: 720px; left:0; right:0; top:0; bottom:0; margin:auto; } .error .footer { height:48px; position:absolute; bottom:8px; background:#eee; z-Index:999; width:100%; } .error .close { border-radius:50%; border:2px solid red; display:inline-block; width:32px; height:32px; margin-left:12px; line-height:32px; text-align:center; color:red; font-size:16px; cursor:pointer; box-shadow: 0px 0px 2px 2px #799977; z-index:2; position:absolute; bottom:8px; } .err { text-align1:center; margin: auto; text-shadow: 1px 1px 0 #fff, 2px 2px 0 #343a40; color: #D8000C; margin-left:22px; font-size: 56px; } .exc { padding: 12px 12px 44px 12px; margin-bottom: 12px; color: #777; font-size: 20px; top:0px; bottom:40px; } /* mes ---------------------------------------------------------------------- */ .mes { padding: 12px 12px 12px 12px; background: #ffffff; max-width: 836px; margin: auto; margin-top: 12px; margin-bottom: 12px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; color: #444444; font-size: 20px; } .view-panel { height:100%; } /* ? ---------------------------------------------------------------------- */ .xxx { max-width: 960px; margin:0 auto; box-shadow: 0 0 24px #aaa; min-height:100%; } .page21 { position:absolute; top:52px; bottom:0; left:0; right:0; overflow:hidden; z-index:-1; overflow-y: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; } .page21 { } .main { position:absolute; top:48px; bottom:0; left:0; right:0; z-index:-1; } /* page ---------------------------------------------------------------------- */ .page { } .page[type="XX"] { background:-webkit-linear-gradient(top, #ccc, #fff); } .page[mm="1"] { } .home { position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; z-index:-1; -webkit-overflow-scrolling: touch; background:linear-gradient(180deg, #ccc, #eee); } @media not screen and (min-width: 960px) { .home { overflow-y: scroll; } } @media not screen and (min-width: 480px) { .home { overflow-y: scroll; } } .home1[type="HS"] { background:#ccc; } .pagex[menu="1"][clr="HS"] { background:-webkit-linear-gradient(top, rgba(106,170,179,0.8), rgba(170,170,170,0.8)); } .pagex[menu="1"][clr="RT"] { } .pagex[menu="1"][clr="CS"] { background:-webkit-linear-gradient(top, #4A86C1, #ccc); } .pagex[menu="1"][clr="SS"] { background:-webkit-linear-gradient(top, #999, #ccc); } .pagex[menu="1"][clr="MY"] { background:-webkit-linear-gradient(top, #55acee, #ccc); } .pagex[menu="1"][clr="SY"] { background:-webkit-linear-gradient(top, #777, #ccc); } .pagex[menu="1"][clr="TK"] { background:-webkit-linear-gradient(top, rgba(106,170,179,0.8), rgba(170,170,170,0.8)); } .pagex[menu="1"][clr="BS"] { background:-webkit-linear-gradient(top, #999, #fff); } .pagex[menu="1"][clr="MG"] { background:-webkit-linear-gradient(top, #999, #fff); } .page[clr="EX"] { background:#ccc; } .page[effect="opacity"][anim="0"] { } .page[effect="opacity"][anim="1"] { } .page .panel { } .tool { height: 40px; background: #ff0000; margin:auto; position:relative; display:block; overflow:hidden; border-bottom: 6px solid #eee; box-shadow: 0 4px 2px -2px #777; display:none; } .tool[fixed="yes"] { position:fixed; } .page .tool { display:none; } .tool h1 { margin: auto; max-width: 960px; margin-top:4px; margin-bottom:4px; height:28px; line-height: 28px; display:block; display:none; text-align:left; font-size: 16px; font-weight: normal; color: #444; } .tool h1 .bk { float:left; width: 32px; height: 44px; margin-top:-2px; text-align:center; font-size:32px; font-weight:bold; } .tool h1 a { color: #444; text-decoration:none; float:left; height:32px; line-height:30px; padding:2px 10px 0px 10px; } .tool h1 a[type="back"] { font-size:36px; margin-top:-3px; } .tool h1 a[type="home"] { font-size:30px; margin-top:1px; } .tool h1 a[type="home"]:hover { background:#ccc; } .tool h1 a[type="help"] { width:32px; background: url(img/help.png) no-repeat; background-size: 32px 32px; float:left; margin-left:8px; } .tool h1 a:hover { color: #0080ff; } .tool h1 img { float:left; padding:12px 8px 8px 8px; width:16px; } .tool h1 .ar { float:left; width: 0; height: 0; margin:6px 6px 8px 6px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #fff; } .tool h1 .close { float:left; width: 40px; height: 40px; color: #FFF; cursor : pointer; } .tool h1 .close:after { position: relative; top: -2px; bottom: 0; left: 0; right: 0; content: "\274c"; /* use the hex value here... */ font-size: 22px; line-height: 40px; text-align: right; } .tool h1 .close:active { color: #0080ff; } .tool h1 span { color: #444; text-decoration:none; float:left; height:52px; line-height:30px; padding:2px 10px 0px 10px; } .tool h1 li { margin: 0px 0px 0px 0px; padding-right: 16px; float:left; list-style-type: none; } .tool h1 .ll { width: 35px; height: 4px; background-color: #eeeeee; margin: 5px 0; } .tool h1 .caption { display:inline; } .page .background { } @media not screen and (min-width: 944px) { .page .background { width: auto; } } /* form ---------------------------------------------------------------------- */ .form { margin: auto; margin-top: 16px; margin-bottom: 20px; max-width: 680px; padding-left:16px; padding-right:16px; } @media not screen and (min-width: 710px) { .form { padding-left:0; padding-right:0; } } .form .button__ { padding: 8px 8px 8px 8px; height: 18px; text-align:center; font-size: 16px; font-weight: bold; background: #0080ff; color: #ffffff; -webkit-box-shadow: 0 0 0px #000; -webkit-border-radius: 0px; border: 0px; border-radius: 6px; width:160px; margin-left:181px; } .form .button__:active { background: #0000ff; color: #ffffff; } .form .button2 { padding: 8px 6px 1px 6px; height:24px; text-align:center; font-size: 16px; font-weight: bold; -webkit-box-shadow: 0 0 0px #000; -webkit-border-radius: 0px; } .form .note { border: 2px solid #eeeeee; padding: 12px 12px 12px 12px; font-size: 14px; color:#666666; background:#ffffee; } .form .none { margin: 2px 2px 2px 2px; height:4px; border: 0px; clear: both; } .form .h1 { border-bottom:8px solid #eee; box-shadow: 0 4px 2px -2px #ccc; padding: 8px 16px 0px 132px; font-size:14px; height: 20px; color:#444; font-weight:bold; } @media not screen and (min-width: 480px) { .form .h1 { padding-left:48px; } } .form .h1-- { padding: 12px 16px 6px 132px; margin-top: 8px; font-size:18px; text-align:left; color:#606060; border-bottom:4px solid #eee; } .form .h1 img { position:relative; left:-36px; top:10px; } .form .h1 span { position:relative; left:-32px; } .form .qq { position:relative; top:-32px; height:32px; font-size:20px; font-weight:bold; } .form .ql { padding: 12px 16px 6px 132px; margin-top: 8px; font-size:18px; text-align:left; color:#606060; background:#eee; border-bottom:4px solid #eee; } .form .ql span { position:relative; left:-32px; } .form .ql .exp { position:relative; display:inline-block; width:20px; left:-34px; } .form .ql-data { border-bottom:4px solid #ccc; } .form .ql-data[slave="1"] { padding-left:40px; } .form .h2 { padding: 6px 0px 6px 0px; margin-top: 2px; font-size:24px; text-align:left; color:#606060; } .form .h3 { padding: 4px 16px 6px 8px; margin-top: 2px; font-size:24px; text-align:center; color:#606060; border-top: 2px solid #eee; } .hint { padding: 8px 0px 8px 16px; margin-top:6px; margin-bottom:6px; font-size: 14px; background-color: #BDE5F8; color:#00529B; font-weight: normal; line-height:20px; } .warn { padding: 8px 0px 8px 16px; margin-top:4px; margin-bottom:4px; font-size: 15px; background-color: #FEEFB3; color:#9F6000; font-weight: normal; line-height:20px; } .errr { padding: 8px 0px 8px 16px; margin-top:4px; margin-bottom:4px; font-size: 15px; background-color: #FFD2D2; color:#D8000C; font-weight: normal; line-height:20px; } .form .warn span{ } .form .XTEXT { padding: 6px 0px 6px 24px; font-size: 14px; color:#606060; font-weight: normal; line-height:20px; } .form .XTEXT a { text-decoration: none; color: #0080ff; } .form .h4 { padding: 24px 16px 6px 16px; margin-top: 2px; font-size:36px; text-align:center; color:#606060; } @media not screen and (min-width: 680px) { .form .button2 { color: #0080ff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } } @media screen and (min-width: 680px) { .form .button2 { background: #0080ff; color: #ffffff; border-radius: 6px; border: 0px; width:160px; margin-left:176px; } } /* horz ---------------------------------------------------------------------- */ .horz { margin:auto; padding-bottom:12px; border-bottom: 2px solid #dddddd; } .horz .none { margin: 2px 2px 2px 2px; height:4px; border: 0px; } .horz .button { margin: auto; overflow: hidden; padding-top:10px; font-size: 16px; font-weight: bold; -webkit-box-shadow: 0 0 0px #000; background: #0080ff; color: #ffffff; border: 0px; width:180px; text-align:center; height:32px; cursor:pointer; } .horz .button[type="googleplay"] { background: url(img/googleplay.png); background-size:100% 100%; } .horz .button[type="appstore"] { background: url(img/appstore.png); background-size:100% 100%; } .horz .button[type="appgallery"] { background: url(img/appgallery.png); background-size:100% 100%; } .horz .button[type="pcc"] { background: url(img/pcc.png); background-size:100% 100%; } .horz .button[type="gray"] { background:#666666; } .horz .h1 { padding: 12px 16px 6px 16px; margin-top: 2px; font-size:24px; text-align:center; color:#606060; } .horz .h2 { padding: 6px 16px 6px 16px; margin-top: 2px; font-size:24px; text-align:left; color:#606060; } .horz .h3 { padding: 24px 16px 6px 16px; margin-top: 2px; font-size:24px; text-align:center; color:#606060; border-top: 2px dotted #cccccc; } .horz .XTEXT { padding: 6px 16px 6px 16px; font-size: 14px; color:#606060; font-weight: normal; text-align:center; } .horz .XTEXT[color="red"] { color:#ff0000; } .horz .XTEXT a { text-decoration: none; color: #0080ff; } /* load ---------------------------------------------------------------------- */ .load { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 1; background-color: rgba(0,0,0,0.3); display:none; } .load[loading="yes"] { display:inline; z-index: 999; } .spinner { margin:auto; position: relative; top:50%; width: 70px; text-align: center; width:200px; height:200px; z-Index:999; } .spinner > div { width: 44px; height: 44px; background-color: #eee; border: 2px solid #aaa; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } /* pack ---------------------------------------------------------------------- */ .pack { background:linear-gradient(180deg, #eee, #fff) } .pack[has="1"] { background:linear-gradient(180deg, #BDE5F8, #fff); } .pack[has="0"] { background:linear-gradient(180deg, #FEEFB3, #fff); } .pack[has="X"] { background:linear-gradient(180deg, #999, #fff); } /* dialogs ---------------------------------------------------------------------- */ .dlg { padding:24px; bottom:0; background: #fff; left:0; right:0; width:600px; margin:auto; border-radius: 4px; box-shadow: 0 0 36px -12px rgba(0, 0, 0, 0.4); padding-bottom: 60px; position: relative; top: 50%; transform: translateY(-50%); } .dlg[type="cb"] { width:360px; } .dlg[type="dt"] { width:372px; } @media not screen and (min-width: 988px) { .dlg--[type="text"] { top: auto; height:auto; margin:0; max-height:320px; width:auto; border-radius:0; } } @media not screen and (min-width: 480px) { .dlg { top: auto; bottom: 0px; transform: inherit; margin: inherit; position: absolute; padding-left: 0; padding-right: 0; padding-bottom: 32px; width: calc(100% - 0px); } .dlg[type="cb"] { width: calc(100% - 0px); } .dlg[type="dt"] { width: calc(100% - 0px); } } .dlg H2 { font-size: 16px; display: inline-block; margin-top: 0px; padding-top: 0px; text-align: center; padding:8px 8px 8px 8px; box-sizing: content-box; width:calc(100% - 16px); border-bottom: 2px solid #eee; } .dlg .button { float:left; height:32px; line-height:32px; width:100px; border-radius:2px; -webkit-box-shadow: 0 2px 2px #777; text-align: left; cursor: pointer; padding-left:8px; vertical-align:center; margin-right:16px; } .dlg .button img { width:32px; height:32px; } .dlg .button[shape="y"] { background: #0080ff; color: #fff; } .dlg .button[shape="n"] { background:#eee; } .dlg .button[shape="c"] { margin-left:36px; width:112px; background:#eee; } .dlg .button[shape="x"] { margin-left:36px; margin-bottom:8px; width:112px; background:#eee; } .yn { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 999; background:#eee; background-color:rgba(0, 0, 0, 0.3); } .yn[visible="false"] { display: none; visibility:hidden; } .yn[visible="true"] { display:inline; visibility: visible; } .yn[vis="0"] { display: none; visibility:hidden; } .yn[vis="1"] { display:inline; visibility: visible; } .yndlg { font-size: 18px; line-height: 24px; font-weight: normal; padding: 6px 4px 6px 4px; margin-top: 8px; margin-bottom: 16px; text-align: left; color:#222; border-bottom:2px solid #eee; min-height:80px; } @media not screen and (min-width: 988px) { .yndlg-- { text-align:center; } } .cb { max-height:321px; margin: 0px 0px 16px 0px; overflow-y:scroll; overscroll-behavior-y: none; overflow-x:hidden; } .cb--::-webkit-scrollbar { width: 16px; } .cb--::-webkit-scrollbar-track { background: #eee; } .cb--::-webkit-scrollbar-thumb { background: #ccc; } .cb--::-webkit-scrollbar-thumb:hover { background: #999; } .cb .list li { padding-left: 36px; border-bottom: 2px solid #eee; } .cb .list li[sel="1"] { background: #eee; } /* dt ---------------------------------------------------------------------- */ .dt { height:400px; width:364px; margin: auto ; } .dt .line { margin-left: 46px; height: 32px; width:360px; } .dt .prev { width:36px; height: 32px; line-height: 32px; display: inline-block; text-align:center; } .dt .prev .arrow { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid #444; position: relative; top: -26px; } .dt .next { width:36px; height: 32px; line-height: 32px; display: inline-block; text-align:center; } .dt .next .arrow { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 12px solid #444; position: relative; top: -26px; } .dt .text { width:200px; height: 32px; line-height: 32px; display: inline-block; text-align:center; margin-right: 32px; border-bottom: 2px solid #eee; } .dt li { float:left; list-style-type: none; width:36px; height:30px; line-height:30px; text-align:center; background:#fff; border: 2px solid #fff; border-radius: 4px; margin:2px 2px 2px 2px; padding:4px 4px 4px 4px; } .dt li[cal="1"] { font-size: 18px; } .dt li[sel="1"] { border: 2px solid #0080ff; background:#eee; } /* pagecontrol ---------------------------------------------------------------------- */ .pagecontrol { width:100%; display:inline-block; height:36px; border-bottom:8px solid #eee; box-shadow: 0 4px 2px -2px #ccc; } .pagecontrol .sel { float:left; width:104px; max-width: calc(18%); cursor:pointer; height:32px; line-height:30px; text-align: center; margin-right:6px; border:2px solid #eee; border-radius:8px; background:#fff; } .pagecontrol .sel:first-child { margin-left:32px; } .pagecontrol .sel[sel="1"] { border:2px solid #0080ff; } /* data ---------------------------------------------------------------------- */ .data { padding-top:4px; padding-bottom:8px; } .data[color="green"] { background:	#cce6cc; } .data[color="red"] { background: #ffcccc; } .data[color="blue"] { background: #cce6ff; } .data a { text-decoration: none; } .data .button { padding: 8px 6px 0px 8px; -webkit-box-shadow: 0 0 0px #000; border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0 2px 2px  #777; cursor : pointer; margin-top:3px; margin-bottom:3px; background-color: #0080ff; color: #ffffff; border: 0px; width:120px; text-align:center; margin-left:8px; height:24px; } .data .button[type="green"] { background-color:#008000; } .data .button[type="red"] { background-color:#ff0000; } .data .button:active { background-color:#000080; } .data .button[type="gray"] { background-color:#666666; cursor : inherit; } .data .button[type="googleplay"] { padding:0; background: url(img/googleplay.png) no-repeat center center; background-color:#000; background-size:auto 100%; width:130px; height:40px; } .data .button[type="appstore"] { padding:0; background: url(img/appstore.png) no-repeat center center; background-color:#000; background-size:auto 100%; width:130px; height:40px; } .data .button[type="appgallery"] { padding:0; background: url(img/appgallery.png) no-repeat center center; background-color:#000; background-size:auto 100%; width:130px; height:40px; } .data .button[type="pcc"] { padding:0; background: url(img/pcc.png) no-repeat center center; background-color:#fff; background-size:auto 100%; width:130px; height:40px; } .data li { min-height:32px; list-style-type: none; border-width: 0px; border-style:solid; overflow: hidden; } .data li[visible="false"] { display: none; } .data li[color="green"] { background: #4da07d; } .data li[color="red"] { background: #e74c3c; } .data li:last-child { } .data li label { padding-left: 8px; padding-top: 8px; margin-top: 4px; float:left; max-width:160px; width:120px; text-align:left; color:#606060; } .data li label[__link="yes"] { text-decoration: underline; cursor: pointer; color: #0080ff; } .data li label[__link="yes"][readonly="yes"] { text-decoration: none; cursor: inherit; color: #606060; } .data li label[nd--="1"] { color: #ff0000; } .data li label[color="red"] { color: #ff0000; } .data li[color="green"] label { color: #fff; } .data li[color="red"] label { color: #fff; } .data li label img { padding: 0; margin:0; margin-top: -6px; float:right; width:24px; height:24px; } .data li label .clr { padding: 0; margin:0; margin-top: -6px; float:right; width:24px; height:24px; } .data li label a { cursor: pointer; } .data li text { padding: 8px 6px 10px 6px; margin-top: 4px; display:block; overflow:hidden; font-size:15px; position:relative; color:#888888; } .data li[color="green"] text { color: #fff; } .data li[color="red"] text { color: #fff; } .data li text[color="green"] { color: #4da07d; } .data li text[color="red"] { color: #e74c3c; } .data li .payment { border: 2px solid #ccc; margin: 2px 0px 2px 0px; background:#fff; margin-top:8px; padding:8px 8px 8px 4px; font-size:16px; border-radius: 6px; -webkit-border-radius: 6px; float:left; display: inline; overflow: hidden; width:340px; cursor: pointer; color:#000088; } .data li[disabled="yes"] .payment { background: #ccc; color:#444; } .data li .payment span { float:left; padding-top:2px; } .data li .payment img { width:58px; height:36px; margin-top:-8px; margin-right:4px; border:1px solid #ccc; border-radius:8px; float:left; } .data li .round { border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 2px #000; width: 18px; height: 18px; top:0px; float:left; margin-left:12px; margin-right:8px; position:relative; background:#fff; z-index:99; cursor: pointer; } .data li[checked="yes"] .round { background:#55acee; } .data li .button { margin: 4px 4px 4px 4px; padding: 8px 6px 1px 6px; height:24px; text-align:center; font-size: 16px; font-weight: bold; -webkit-box-shadow: 0 0 0px #000; -webkit-border-radius: 0px; width:160px; } .data li .button[type="googleplay"] { padding:0; background: url(img/googleplay.png); background-size:100% 100%; } .data li .button[type="appstore"] { padding:0; background: url(img/appstore.png); background-size:100% 100%; } .data li .button[type="appgallery"] { padding:0; background: url(img/appgallery.png); background-size:100% 100%; } .data li .button[type="pcc"] { padding:0; background: url(img/pcc.png); background-size:100% 100%; } .data li what { padding: 1px 6px 1px 2px; float:left; margin-top: 8px; font-size:16px; text-align:left; color:#606060; } .data li .link { padding: 1px 6px 1px 2px; margin-top: 10px; font-size:16px; text-align:left; color:#0080ff; } .data li .docs { padding: 1px 6px 1px 8px; margin-top: 10px; font-size:14px; text-align:left; color:#0080ff; height:24px; } .data li .docs a:hover { text-decoration:underline; } .data li a { text-decoration:none; } .data li info { border: 2px solid #dddddd; padding: 6px 6px 6px 6px; margin-top: 4px; font-size:16px; float:left; width:320px; text-align:left; color:#606060; } .data li info[type="full"] { } .data hr { border-top: 1px solid #eee; } .data input { border: 1px solid #ccc; margin: 4px 4px 2px 4px; padding: 1px 6px 1px 6px; border-radius: 2px; font-size:14px; height:28px; line-height:24px; display: inline; float:left; width:240px; box-sizing:content-box; color:#000088; border-radius:4px; background: #fff; max-width:calc(100% - 150px); } .data input[type="date"] { background: #fff; cursor:pointer; } .data input[size="small"] { width:120px; } .data input[align="right"] { text-align: right; } .data input[size="cc"] { width:60px; } .data input[size="single"] { width:320px; } .data input[size="full"] { width: calc(100% - 196px); min-width:calc(100% - 150px); } .data input[type="link"] { width: calc(100% - 20px); } .data input[border="red"] { border: 1px solid #ff0000; } .data input[type="password"] { } .data input[type="text"] { } .data-- input[type="checkbox"] { float:left; margin-top: 10px; font-size:12px; height:16px; width:16px; } .data input[type=checkbox] { visibility: hidden; } .data input[kind="currency"] { width:120px; text-align: right; } .data input[kind="transparent"] { background: inherit; } .data .checkbox { width: 44px; height: 8px; background: #ccc; position: relative; float:left; margin-left:8px; margin-bottom:16px; margin-top:16px; border-radius: 3px; } .data .checkbox label { display: block; width: 18px; height: 18px; border-radius: 50%; margin:0; transition: all .3s ease; cursor: pointer; position: absolute; top: -5px; left: -3px; background: #777; padding:0; } .data .checkbox input[type=checkbox] + label { padding:0; } .data .checkbox input[type=checkbox]:checked + label { left: 30px; background: green; padding:0; } .data .checkbox input[type=checkbox]:disabled + label { cursor: default; padding:0; } .data input[readonly="yes"]{ border: 1px solid #fff; border-bottom: 1px solid #ccc; color:#222; background:#fff; cursor: default; } .data input[type="link"] { border: 1px solid #ccc; } .data textarea { border: 1px solid #dddddd; margin: 4px 4px 4px 4px; padding: 1px 6px 1px 6px; font-size:15px; display: inline; overflow: hidden; width:320px; min-height:26px; min-width:200px; height:86px; font-family:Helvetica,Arial,sans-serif; } .data textarea[readonly="yes"]{ color:#606060; background:#eeeeee; } .data select { border: 1px solid #ccc; margin: 4px 4px 4px 4px; padding: 0px 6px 1px 2px; border-radius: 2px; font-size:15px; height:28px; display: inline; float:left; border-radius:4px; width:244px; box-sizing:content-box; color:#000088; cursor:pointer; background: #fff; max-width:calc(100% - 150px); } .data select[size="small"] { width:120px; } .data select[size="single"] { width:320px; } .data select[size="full"] { width:320px; } .data select[size="text"] { width:240px; } .data select[readonly="yes"]{ border: 1px solid #fff; border-bottom: 1px solid #ccc; background: #fff; color:#222; cursor: default; } .data .title { padding: 6px 6px 6px 6px; margin-top: 4px; margin-left: 16px; font-size:24px; text-align:left; color:#000000; } @media__ not screen and (min-width: 480px) { .data  { padding-top:0px; padding-bottom:0px; } .data li { } .data li label { width:96%; margin-left:2%; margin-right:2%; padding-left:0%; padding-right:0%; max-width:92%; text-align:left; } .data-- li .button { color: #0080ff; } .data li .link  { margin-left:10px } .data li .docs  { margin-left:10px } .data-- .button { background-color: #0080ff; color: #ffffff; padding-left:12px; padding-top:10px; height:32px; margin-left:2%; margin-right:2%; padding-left:2%; padding-right:2%; width:92%; margin-top:8px; } .data input { width:calc(100% - 18px); margin-left:2px; margin-right:2px; height:30px; } .data input[readonly="yes"]{ color:#606060; background:#fff; border-bottom:1px solid #606060; } .data input[size="small"] { width:calc(100% - 18px); margin-left:2px; margin-right:2px; } .data input[size="single"] { width:calc(100% - 18px); margin-left:2px; margin-right:2px; } .data input[size="full"] { width:calc(100% - 18px); margin-left:2px; margin-right:2px; } .data textarea { width:calc(100% - 18px); margin-left:2px; margin-right:2px; padding-left:0; padding-right:0; border: none; outline: none; border-bottom:1px solid #000088; } .data textarea[readonly="yes"]{ color:#606060; background:#fff; border-bottom:1px solid #606060; } .data select { width:calc(100% - 14px); margin-left:2px; margin-right:2px; } } @media screen and (min-width: 730px) { .data li[xpos="2"] { margin-left: 280px; margin-top:-38px; } } @media__ screen and (min-width: 680px) { .data li[xpos="2"] { margin-left: 280px; margin-top:-38px; } .data-- li .button { float:left; background-color: #0080ff; color: #ffffff; border: 0px; } .data li .link  { float:left; margin-left:176px; } .data li .docs  { float:left; margin-left:0px; } } /* feed ---------------------------------------------------------------------- */ .feed { margin-top:24px; padding-top:4px; padding-bottom:8px; padding-left:24px; border-top: 6px solid #eee; display:none; } .feed li { list-style-type: none; border-width: 0px; border-style:solid; overflow: hidden; } .feed label { padding: 6px 6px 4px 6px; margin-top: 4px; font-size:15px; display:inline-block; text-align:left; color:#444; } .feed textarea { border: 1px solid #ccc; margin: 4px 4px 4px 4px; padding: 1px 6px 1px 6px; font-size:15px; display:inline-block; overflow: hidden; width:320px; min-height:80px; max-height:80px; min-width:480px; max-width:480px; height:86px; font-family:Helvetica,Arial,sans-serif; } .feed .button { overflow: hidden; margin-left:4px; height:26px; font-size: 15px; font-weight: bold; background: #0080ff; color: #ffffff; display:inline-block; border: 0px; width:140px; text-align:center; height:32px; line-height:32px; cursor : pointer; } /* user ---------------------------------------------------------------------- */ .user { padding-top:4px; padding-bottom:8px; max-width:452px; margin: auto; } @media not screen and (min-width: 480px) { .user { max-width:372px; } } .user[color="green"] { background:	#cce6cc; } .user[color="red"] { background: #ffcccc; } .user[color="blue"] { background: #cce6ff; } .user a { text-decoration: none; } .user .button { padding: 8px 6px 1px 6px; font-size: 16px; font-weight: bold; -webkit-box-shadow: 0 0 0px #000; -webkit-border-radius: 0px; } .user .button[type="green"] { background:#008000; } .user .button[type="red"] { background:#ff0000; } .user .button:active { background:#000080; } .user .button[type="googleplay"] { padding:0; background: url(img/googleplay.png); background-size:100% 100%; } .user .button[type="appstore"] { padding:0; background: url(img/appstore.png); background-size:100% 100%; } .user .button[type="appgallery"] { padding:0; background: url(img/appgallery.png); background-size:100% 100%; } .user .button[type="pcc"] { padding:0; background: url(img/pcc.png); background-size:100% 100%; } .user .button[type="gray"] { background:#666666; } .user li { min-height:42px; list-style-type: none; border-width: 0px; border-style:solid; overflow: hidden; } .user li[visible="false"] { display: none; } .user li[color="green"] { background: #008000; } .user li[color="red"] { background: #ff0000; } .user li:last-child { border-bottom-width:0; } .user li label { padding: 6px 6px 0px 6px; margin-top: 4px; font-size:15px; float:left; width:40px; text-align:right; color:#000000; } .user li label[__link="yes"] { text-decoration: underline; } .user li label img { padding: 0; margin:0; margin-top: -6px; float:right; width:32px; height:32px; } .user li img[type="icon"] { padding-left:8px; width:48px; } .user li .icon { border-radius:50%; float:left; height:52px; width:52px; border:2px solid #777; margin-right:8px; } .user li .icon[sel="1"] { background:#0080ff; } .user li .text { padding: 6px 6px 10px 6px; float:left; overflow:hidden; margin-left:0px; font-size:15px; position:relative; top:4px; color:#444; } .user li .step { border-radius:50%; width:24px; height:24px; font-size:24px; float:right; border: 2px solid #777; color:#777; margin-right:4px; text-align:center; } .user li .button { margin: 4px 4px 4px 4px; padding: 8px 6px 1px 6px; height:24px; float:left; text-align:center; font-size: 16px; font-weight: bold; cursor: pointer; -webkit-box-shadow: 0 2px 2px #777; -webkit-border-radius: 0px; border-radius: 4px; width:180px; background: #0080ff; color: #fff; } .user li .link { padding: 1px 6px 1px 2px; margin-top: 4px; padding-top: 4px; padding-left: 12px; font-size:15px; color:#0080ff; float:left; height:28px; width:320px; } @media not screen and (min-width: 480px) { .user li .link { width:240px; } } .user li .link:hover { background:#eee; } .user li .account { margin-top: 4px; padding-left: 12px; font-size:15px; color:#444; display:inline-block; padding-top:8px; height:28px; line-height:28px; width:320px; } @media not screen and (min-width: 480px) { .user li .account { width:240px; } } .user li .account[type="user"] { font-weight:bold; } .user li .account[type="link"] { color:#0080ff; cursor : pointer; } .user li .account[type="link"]:hover { background:#eee; } .user li a { text-decoration:none; } .user li info { border: 2px solid #dddddd; padding: 6px 6px 6px 6px; margin-top: 4px; font-size:15px; float:left; width:320px; text-align:left; color:#606060; } .user li info[type="full"] { } .user input { border: 0; border-bottom: 2px solid #ccc; margin: 4px 4px 4px 4px; padding: 1px 6px 1px 6px; font-size:15px; height:32px; display: inline; float:left; width:320px; -webkit-box-sizing:content-box; -webkit-appearance:none; color:#000088; background: #ffffff; } .user input[readonly="yes"]{ color:#606060; background:#eeeeee; } .user select { border: 0; border-bottom: 2px solid #ccc; margin: 4px 4px 4px 4px; padding: 1px 6px 1px 6px; font-size:14px; height:32px; border-radius:4px; border:2px solid #eee; display: inline; float:left; width:320px; -webkit-box-sizing:content-box; color:#000088; background: #ffffff; } @media not screen and (min-width: 480px) { .user select { width:240px; } } .user select[readonly="yes"] { color:#606060; background:#eeeeee; } .user .title { padding: 6px 6px 6px 6px; border-bottom: 2px solid #dddddd; margin-top: 4px; margin-left: 16px; font-size:24px; text-align:left; color:#000000; } /* help ---------------------------------------------------------------------- */ .help { padding-top:4px; padding-bottom:8px; max-width:632px; margin: auto; } .help li { min-height:42px; list-style-type: none; border-width: 0px; border-bottom: 1px solid #ddd; border-style:solid; padding-right:100px; overflow: hidden; } .help li:first-child-- { border-top: 1px solid #ddd; } .help li .help-hdr { line-height:42px; font-size:15px; padding-left:12px; color:#0080ff; } /* hist ---------------------------------------------------------------------- */ .hist { font-size:15px; } .hist p { font-size:15px; padding:8px 16px 8px 16px; line-height:24px; color:#444; } .hist p span { font-size:15px; line-height:24px; color:#777; } /* tabs ---------------------------------------------------------------------- */ .tabs { height:40px; border-bottom:2px solid #eee; margin-left:16px; margin-right:16px; padding-left:32px; padding-top:8px; } .tabs li { list-style-type: none; float:left; width:120px; line-height:40px; text-align:center; box-sizing:content-box; height:40px; cursor:pointer; } .tabs li[sel="1"] { background:#eee; } /* grid ---------------------------------------------------------------------- */ .grid { overflow-x:auto; background: #fff; padding:2px 16px 12px 16px; margin: auto; max-width:660px; } @media not screen and (min-width: 710px) { .grid { padding-left:0; padding-right:0; } } /* list ---------------------------------------------------------------------- */ .list { margin: 0px 0px 0px 0px; border-bottom: 1px solid #eee; min-width:660px; } .list[flex="1"] { min-width:0px; } .list a, .list a:visited, .list a:link, .list a:hover { color:#444; } .list li { padding: 0px 0px 0px 0px; height: 38px; line-height: 38px; list-style-type: none; border-bottom: 1px solid #ddd; font-weight: normal; overflow: hidden; white-space:nowrap; color:#222; } .list li[ref="1"]:hover { background:#C4E1FF; cursor:pointer; } .list li[clicked="1"] { background:#eee; } .list li[off="1"] { opacity: 0.7; } .list li a { color:#000; } .list li[grp="1"] { border-bottom:8px solid #eee; box-shadow: 0 4px 2px -2px #ccc; padding-left:132px; margin-bottom:2px; height: 30px; color:#444; font-weight:bold; } @media not screen and (min-width: 480px) { .list-- li[grp="1"] { padding-left:48px; } } .list li[flt="1"] { } .list li[grp="1"][dsk="1"] { border-bottom:10px solid #ddd; } .list li[sum="1"] { background:#fff; } .list li .sel { float:left; width:36px; } .list input[type=checkbox] { visibility: hidden; } .list .checkbox { width: 44px; height: 8px; background: #ccc; position: relative; float:left; margin-left:8px; margin-top:14px; border-radius: 3px; } .list .checkbox label { display: block; width: 18px; height: 18px; border-radius: 50%; transition: all .5s ease; cursor: pointer; position: absolute; top: -5px; left: -3px; background: #777; } .list .checkbox input[type=checkbox]:checked + label { left: 30px; background: green; } .list .checkbox input[type=checkbox]:disabled + label { cursor: default; } .list li input[type="checkbox"] { position:relative; width:20px; height:20px; top:4px; left:4px; } .list li li { border-width:0; margin-top: 0px; margin-left: 2px; display: inline-block; padding-left:2px; text-overflow: ellipsis; } .list li li[type="id"] { color:#777; } .list li li .sel { width:32px; height:32px; } .list li li .clr { margin:4px 3px 4px 3px; height:26px; border:1px solid #ddd; } .list li li .clr img { position:relative; width:16px; margin-top:8px; left:-6px; } .list li li .dur { margin:6px 4px 4px 4px; height:26px; line-height:26px; text-align:center; } .list li li .but { margin:6px 4px 4px 4px; height:24px; line-height:20px; font-size:16px; padding-top:4px; text-align:center; width:24px; cursor:pointer; } .list li li .but:hover { background:#eee; } .list li li .du2 { margin:6px 4px 4px 4px; height:26px; line-height:26px; text-align:center; } .list li li .press { margin:4px 0px 4px 4px; width:40px; background:#eee; color:#444; font-size:32px; height:32px; line-height:32px; border-radius:4px; font-weight:bold; text-align:center; } .list li li .press[disabled="yes"] { color:#ccc; } .list li img { float: left; margin-top:-3px; padding: 0px 0px 0px 0px; border-style: none; } .list li .sp { left:0px; position:relative; top:0px; margin-left: 2px; margin-right: 2px; width: 24px; height: 24px; } .list li .sp > div { width: 16px; height: 16px; margin:3px 3px 3px 3px; background-color: #eee; border: 2px solid #aaa; border-radius: 100%; display: inline-block; } .list li .sp[nr="3"] > div { background-color: #ccc; -webkit-animation: bx-bodelay 1.4s infinite ease-in-out both; animation: bx-bodelay 1.4s infinite ease-in-out both; } .list li .sp[nr="0"] > div { background-color: #ff0000; } .list li .sp[nr="1"] > div { background-color: #00ff00; } .list li .sp[nr="2"] > div { background-color: #00ff00; } .list .h1 { padding: 0px 0px 0px 0px; border-bottom:8px solid #eee; box-shadow: 0 4px 2px -2px #ccc; padding-left:132px; height: 30px; margin-bottom:2px; color:#444; font-weight:bold; line-height: 42px; list-style-type: none; font-size: 15px; overflow: hidden; white-space:nowrap; } @media not screen and (min-width: 480px) { .list .h1  { padding-left:48px; } } .list .data { padding-top:0; padding-bottom:0; } .list .data li { border-bottom: 1px solid #eee; } @media not screen and (min-width: 680px) { .list .data li { } .list .data li[nl="1"] { height:40px; border-bottom:1px solid #fff; padding-left:8px; padding-right:8px; } } @media__ not screen and (min-width: 480px) { .list .data li { height:80px; } } .list .data li label { border-width:0; margin: 0 auto; padding:0; padding-right:8px; text-overflow: ellipsis; text-align: right; } @media not screen and (min-width: 680px) { .list .data li label { } } @media__ not screen and (min-width: 480px) { .list .data li label { margin-left:8px; text-align: left; } } .list .data li input { border: 1px solid #aaa; background:#eee; } .list .data li input[readonly="yes"] { } @media not screen and (min-width: 680px) { .list .data li input { } } .list .data li select { border: 1px solid #aaa; background:#eee; } @media not screen and (min-width: 680px) { .list .data li select { } } .list li tool { width:48px; height:48px; vertical-align:center; float: left; color: #ffffff; text-decoration: none; display: inline-block; background-position: center center; background-repeat: no-repeat; margin: 0px 4px 0px 4px; background-image: url(images/tool.png); } .list li text { margin-top: 0px; text-align: center; width:100%; float: left; display: inline; } .list li head { margin-top: 0px; text-align: center; background: #eeeeee; width:100%; float: left; display: inline; } .list li next { float: right; width:24px; color:#777; top:0px; } .list li img { float: left; padding: 6px 6px 6px 6px; border-style: none; } .list goto { width: 0px; height: 0px; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid #333333; margin-top: -8px; margin-right: 16px; float:right; } /* nav ---------------------------------------------------------------------- */ .mah-foot { width:100%; background:#fff; position:fixed; z-Index:997; left:0; right:0; bottom:0; } .nav { background:#fff; margin-left:8px; float: left; } .nav .button { padding: 6px 8px 8px 8px; margin: 8px 4px 8px 0px; height: 16px; text-align:center; font-size: 16px; font-weight: bold; background: #fff; color: #777; border:2px solid #eee; cursor:pointer; width:46px; float:left; } .nav .button[disabled="yes"] { background: #eee; cursor:default; } .nav .button[xtype="prev"] { border-top-left-radius:20px; border-bottom-left-radius:20px; } .nav .button[xtype="next"] { border-top-right-radius:20px; border-bottom-right-radius:20px; } .nav .button:active { background: #0000ff; color: #ffffff; } .nav .button[disabled="yes"]:active { background: #eee; color: #777; } .nav .viewer { padding: 8px 8px 8px 8px; margin: 8px 4px 8px 0px; height: 18px; text-align:center; font-size: 16px; font-weight: bold; background: #bbbbbb; color: #ffffff; -webkit-box-shadow: 0 0 0px #000; -webkit-border-radius: 0px; border: 0px; width:80px; float:left; } /* title ---------------------------------------------------------------------- */ .title { height: 48px; padding-top:8px; padding-left:120px; width: 100%; Z-INDEX : 800; position:relative; overflow:hidden; display:block; left:0; top:0; } @media not screen and (min-width: 960px) { .title { padding-left:76px; } } .title h1 { --left: 0px; --position: absolute; --width: 0px; text-align: center; position:absolute; margin: 0; left:0; right:0; Z-INDEX : -1; padding: 4px 6px 6px 4px; font-size: 18px; font-weight: bold; color: #000000; } .title a { height: 40px; font-family: inherit; font-size: 18px; background:#ffff00; } .title a[visible="false"] { display:none; } .title a[shape="back"] { margin: 0px 5px 5px 7px; margin-top: -8px; float: left; left: 6px; width: 40px; background: url(back.png) no-repeat; } .title a[shape="exec"] { margin-left:8px; float: left; width:44px; cursor: pointer; background-color:#fff; background-size: 32px 32px; background-repeat: no-repeat; background-position: center; border-radius:50%; border:3px solid #ddd; } @media not screen and (min-width: 960px) { .title a[shape="exec"] { background-color: #ddd; border:3px solid #bbb; } } .title a[shape="exec"][disabled="yes"] { background: #eee; background-size: 32px 32px; background-repeat: no-repeat; background-position: center; cursor: default; } .title a[shape="tool"] { margin: 4px 5px 5px 7px; padding-top: 4px; float: left; width:40px; } .title a[shape="help"] { margin: 0px 0px 5px 7px; margin-top: -2px; float: right; width: 40px; background: url(help.png) no-repeat; } .title a[shape="add"] { margin: 0px 5px 5px 7px; margin-top: -4px; float: left; width:40px; background: url(img/add.png) no-repeat; } .title a[shape="edit"] { margin: 0px 5px 5px 7px; margin-top: -4px; float: left; width:40px; background: url(img/edit.png) no-repeat; } .title a[shape="del"] { margin: 0px 5px 5px 7px; margin-top: -4px; float: left; width:40px; background: url(img/del.png) no-repeat; } .title a text { margin-left:16px; margin-top:11px; padding-left: 2px; padding-right: 6px; font-size: 15px; color: #3e78b3; float: left; } .title a span { font-size:32px; font-weight:bold; } /* view ---------------------------------------------------------------------- */ .view { float: left; width: 192px; margin-right: 8px; } .view li { height: 48px; background: #bbbbbb; border-top: 4px solid #cccccc; border-bottom: 4px solid #cccccc; font-size: 18px; font-weight: normal; padding-left: 8px; list-style-type: none; line-height: 48px; vertical-align: middle; } /* xi... ---------------------------------------------------------------------- */ .xi-report { background:#eee; margin-top:16px; padding:4px 4px 4px 4px; } .xi-report li { list-style-type: none; } .xi-report li[rep="1"] { background:#fff; } .xi-report select { border: 1px solid #ddd; margin: 4px 4px 4px 4px; padding: 4px 6px 1px 6px; border-radius: 6px; font-size:15px; height:38px; line-height:36px; display: inline; overflow: hidden; max-width:320px; width:334px; color:#000088; background: #ffffff; } .xi-filter { width:320px; margin-left:24px; padding:4px 4px 4px 4px; } .xi-filter li { list-style-type: none; } .xi-filter .del { width:40px; height:38px; background: url(img/notok.png) no-repeat; float:left; } .xi-filter select { border: 1px solid #ddd; margin: 4px 4px 4px 4px; padding: 4px 6px 1px 6px; border-radius: 6px; font-size:15px; height:38px; line-height:36px; display: inline; overflow: hidden; max-width:260px; width:260px; color:#000088; background: #ffffff; float:left; } .xi-filter select[readonly="yes"]{ color:#606060; background:#eeeeee; } .scroll { } .scroll input { border: 1px solid #dddddd; margin: 4px 4px 4px 4px; padding: 1px 6px 1px 6px; border-radius: 6px; font-size:15px; height:26px; display: inline; overflow: hidden; max-width:320px; width:320px; color:#000088; background: #ffffff; } /* bx ---------------------------------------------------------------------- */ .bx-e { position : relative; top:-430px; margin:auto; width:880px; height:340px; border:10px solid #eee; border-radius:20px; z-index:-1; transition: opacity 0.5s; } .bx-e[back="1"] { opacity:0; } @media not screen and (min-width: 960px) { .bx-e { margin-left:24px; margin-right:24px; } } @media not screen and (min-width: 480px) { .bx-e { display:none; } } .bx-container { height:80px; } @media not screen and (min-width: 960px) { .bx-container { height:560px; overflow-y:hidden; overflow-x:scroll; } } @media not screen and (min-width: 480px) { .bx-container { height:inherit; overflow-x:hidden; } } .bx-header { position:fixed; top:40px; left:0; right:0; max-width:750px; margin:auto; height:30px; padding-top:32px; padding-left:90px; padding-right:32px; padding-bottom:18px; font-size:20px; color:#fff; white-space:nowrap; z-index:1; } .bx-header[mm="1"] { background:#fff; } @media not screen and (min-width: 960px) { .bx-header { width:100%; max-width:100%; padding-left:0px; background: var(--c-page); background: #ccc; border-bottom:2px solid #bbb; top:20px; } .bx-header[mm="1"] { background:#eee; top:20px; } } .bx-header .bx-caption { color:#eee; display:inline-block; min-width:540px; padding:6px 6px 6px 6px; border:2px solid #eee; border-radius:12px; margin-left:39px; white-space: nowrap; } @media not screen and (min-width: 960px) { .bx-header .bx-caption { padding-top: 12px; margin-left: -6px; left:0; right:0; position: relative; border: 0; } } .bx-header a { color:#fff; } .bx-header a:hover, .bx-header a:visited, .bx-header a:link, .bx-header a:active { text-decoration: none; color:#fff; } .bx-header span { padding-left:12px; padding-right:12px; font-size:20px; vertical-align: center; padding-top1:4px; margin-top1:4px; } .bx-header span[disabled="1"] { color:#ddd; } .bx-header .bx-page { float:left; margin-left:24px; color:#0080ff; } .bx-header .bx-page a:hover, .bx-header .bx-page a:visited, .bx-header .bx-page a:link, .bx-header .bx-page a:active { text-decoration: none; color:#fff; } .bx-header[mm="1"] .bx-page a:hover, .bx-header[mm="1"] .bx-page a:visited, .bx-header[mm="1"] .bx-page a:link, .bx-header[mm="1"] .bx-page a:active { text-decoration: none; color:#aaa; } .bx-footer { width: 140px; height: 60px; display: inline-block; margin: auto; margin-left: -162px; margin-top: -32px; } @media not screen and (min-width: 960px) { .bx-footer { margin: inherit; margin-top: 0px; margin-left:0px; width: 52px; position: fixed; top: 56px; right: 16px; z-index:2; } } .bx-footer .task { float:right; width:44px; height:44px; cursor: pointer; background-color:#eee; background-size: 32px 32px; background-repeat: no-repeat; background-position: center; border:4px solid #eee; border-radius: 50%; } @media not screen and (min-width: 960px) { .bx-footer .task { width:34px; height:34px; border:2px solid #eee; background-color: #fff; } } .bx-footer .note { float:right; width:44px; height:44px; background-size: 32px 32px; background-repeat: no-repeat; background-position: center; border:4px solid #222; border-radius: 50%; } @media not screen and (min-width: 960px) { .bx-footer .note { width:34px; height:34px; border:2px solid #222; background-color: #fff; } } .bx-hint { margin-top: 372px; margin-bottom: 16px; } @media not screen and (min-width: 960px) { .bx-hint { margin-top:0px; } } .bx-orange { float:left; width:40px; height:100px; background:#ff0000; } .bx { overflow: auto; width:860px; margin:auto; padding-top:10px; padding-left:10px; margin-top: 68px; padding-bottom:24px; } .bx::before-- { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; z-index: -1; background-image:url(512x512.png); background-position: calc(50% - 60px) 220px; background-size: 140px; background-repeat: no-repeat; } @media not screen and (min-width: 960px) { .bx { padding-top:0px; padding-left:48px; } .bx::before { background: inherit; } } @media not screen and (min-width: 480px) { .bx { max-width:360px; padding-top:10px; padding-left:10px; width:100%; } .bx::before { background: inherit; } } .bx-panel { overflow-y: hidden; overflow-x: hidden; } @media not screen and (min-width: 680px) { .bx-panel { overflow-y: inherit; overflow-x: inherit; } } .bx-panel[back="1"] { overflow-x: hidden; } .bx[home="1"] { max-width:800px; } .bx p { height: 0px;//32px; clear: both; font-size: 24px; font-weight: normal; height:0; color:#ffffff; text-shadow: 0 0 3px #777777; padding-left:24px; padding-top:1px; text-overflow: ellipsis; white-space:nowrap; margin-left:4px; margin-top:0px; margin-bottom:0px; } @media__ (min-width: 481px) and (max-width: 959px) { .bx p { height: 24px; } } .bx li { height: 84px; width: 160px; float: left; background: #fff; box-sizing: border-box; list-style-type: none; border-radius: 6px; font-weight: normal; padding: 4px 0px 4px 0px; margin: 8px 0px 0px 8px; opacity:0.94; overflow: hidden; transition: opacity 0.5s; white-space:nowrap; border: 1px solid rgba(0, 0, 0, .3); box-shadow: 0 2px 4px #999; } .bx[back="1"] li { opacity:0; } @media__ (min-width: 481px) and (max-width: 959px) { .bx li { width:calc(100% - 32px); height: 56px; box-shadow: 0 2px 4px #aaa; border-radius: 8px; margin-bottom: 2px; } } .bx li[clr="!b"] { background:#EBE2B2; } .bx li[clr="!c"] { background:#F0E7C8; } .bx li[clr="!d"] { background:#DCDFE1; } .bx li[clr="!e"] { background:#B1C9E0; } .bx li[clr="!x"] { background:#eee; } @media not screen and (min-width: 400px) { .bx li { } } .bx li[type__="sys"] { background: #747474; color: #ffffff; } .bx li[type__="folder"] { background: #ffffff; } .bx li[type__="record"] { background: #d9e9d9; } .bx li[type__="chart"] { width: 328px; background: #fff;//rgba(255,255,255,0.2); background:inherit; border: 0px; box-shadow: 0 0px 0px; padding-right:20px; padding-top:10px; padding-bottom:0px; } @media not screen and (min-width: 960px) { .bx li[type__="chart"] { background:#fff; } } @media not screen and (min-width: 480px) { .bx li[type__="chart"] { background:#fff; height:92px; border-radius: 6px; border: 1px solid rgba(0, 0, 0, .3); box-shadow: 0 2px 4px #aaa; } } @media__ (min-width: 481px) and (max-width: 959px) { .bx li[type__="chart"] { height:120px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, .3); box-shadow: 0 2px 4px #aaa; width:calc(100% - 32px); } } .bx li[type__="mbox"] { background:#dddddd; } @media not screen and (min-width: 480px) { .bx li[type__="mbox"] { display:none; } } .bx li[type__="null"] { border: 0px; box-shadow: 0 0px 0px; background:inherit; } @media not screen and (min-width: 480px) { .bx li[type__="null"] { display:none; } } .bx li[type__="left"] { width: 78px; border: 0px; box-shadow: 0 0px 0px; background:inherit; } @media not screen and (min-width: 480px) { .bx li[type__="left"] { display:none; } } @media not screen and (min-width: 400px) { } .bx .bx-main { height: 140px; width: 232px; float: left; list-style-type: none; font-weight: normal; padding: 4px 0px 4px 0px; margin: 0px 0px 0px 0px; color: #222222; } @media not screen and (min-width: 720px) { .bx .bx-main { float:none; display:block; width:inherit; clear: both; } } .bx .bx-main img { left:4px; position:relative; top:10px; padding: 4px 8px 4px 8px; border-radius: 8px; margin-left: 2px; margin-right: 2px; width: 32px; height: 32px; } .bx .bx-main span { font-weight: normal; position:relative; color:#444; top:30px; left:-40px; width:100%; text-align:center; margin:0; text-overflow: ellipsis; } .bx .bx-text { margin-top:36px; margin-left:12px; margin-right:12px; display1:block; padding-top:4px; height:20px; border-top:1px solid #ccc; font-size: 15px; color:#777; } .bx .bx-open { margin-top:4px; padding-left:12px; display1:block; font-size: 15px; color:#ff0000; } .bx .bx-tool { height: 112px; width: 164px; float: left; list-style-type: none; font-weight: normal; padding: 4px 0px 4px 0px; margin: 4px 0px 4px 8px; border-radius: 2px; color: #fff; overflow: hidden; white-space:nowrap; background: rgba(255,255,255,0.7); box-shadow: 0 0 12px #777; } .bx .bx-tool[clr1="MY"] { background-color: rgba(85,172,238,0.4); background:#eee; } .bx .bx-tool[clr1="TK"] { background-color: rgba(200,0,0,0.4); background:#eee; } .bx .bx-tool[clr1="XX"] { background:#eee; } .bx .bx-tool img { left:4px; position:relative; top:12px; padding: 4px 8px 4px 8px; border-radius: 8px; margin-left: 2px; margin-right: 2px; width: 32px; height: 32px; -webkit-filter: drop-shadow(0 0 4px #ccc); filter: drop-shadow(0 0 4px #ccc); } .bx .bx-tool span { font-weight: normal; position:relative; color:#444; top:28px; left:-40px; text-align:center; margin:0; text-overflow: ellipsis; } .bx .bx-tool next { float: right; position:relative; width:24px; font-size:36px; color:#bbb; top:28px; } .bx .bx-tool .sp { left:2px; position:relative; top:40px; padding: 4px 8px 4px 8px; margin-left: 2px; margin-right: 2px; width: 24px; height: 24px; } .bx .bx-tool .sp > div { width: 16px; height: 16px; background-color: #eee; display: inline-block; } .bx .bx-tool .sp[nr="3"] > div { background-color: #ccc; } .bx .bx-tool .sp[nr="0"] > div { background-color: #ff0000; } .bx .bx-tool .sp[nr="1"] > div { background-color: green; } .bx .bx-tool .sp[nr="2"] > div { background-color: green; } .bx .bx-tool .vr { left:2px; position:relative; top:40px; padding: 4px 8px 4px 8px; margin-left: 2px; margin-right: 2px; width: 124px; height: 24px; } .bx .bx-tool .vr > div { color:#999; font-size:16px; } .bx .bx-tool .vr[nr="0"] > div { color: #aaa; } .bx .bx-tool .vr[nr="1"] > div { color: #aaa; } .bx .bx-tool .vr[nr="2"] > div { color: #aaa; -webkit-animation: bx-vers 1.4s infinite ease-in-out both; animation: bx-vers 1.4s infinite ease-in-out both; } @-webkit-keyframes bx-vers { 0% { color: #fff } 100% { color: #aaa } } @keyframes bx-vers { 0% { color: #fff } 100% { color: #aaa } } .bx .bx-tool .vr[nr="3"] > div { color: #aaa; } .bx .bx-tool .dt { left:2px; position:relative; top:40px; padding: 4px 8px 4px 8px; margin-left: 2px; margin-right: 2px; width: 124px; height: 24px; } .bx .bx-tool .dt > div { color:green; font-size:16px; } .bx .bx-tool .dt[nr="0"] > div { color: #aaa; } .bx .bx-tool .dt[nr="1"] > div { color: green; } .bx .bx-tool .dt[nr="2"] > div { color: red; -webkit-animation: bx-days 1.4s infinite ease-in-out both; animation: bx-days 1.4s infinite ease-in-out both; } @-webkit-keyframes bx-days { 0% { color: #fff } 100% { color: #red } } @keyframes bx-days { 0% { color: #fff } 100% { color: #red } } .bx .bx-tool .dt[nr="3"] > div { color: #aaa; } .bx .bx-tool .tk { left:2px; position:relative; top:40px; padding: 4px 8px 4px 8px; margin-left: 2px; margin-right: 2px; width: 124px; height: 24px; } .bx .bx-tool .tk > div { font-size:16px; } .bx .bx-tool .tk[nr="0"] > div { color: #aaa; } .bx .bx-tool .tk[nr="2"] > div { color: red; } .bx .bx-tool .tk[nr="3"] > div { color: #aaa; } .bx .bx-docs { display:block; clear: both; height:52px; margin: 8px 0px 4px 8px; border-bottom:1px solid #ddd; margin-left:112px; max-width:480px; } .bx .bx-docs:hover { background: rgba(255,255,255,0.2); } .bx .bx-docs img{ margin-top:10px; margin-left:12px; float:left; } .bx .bx-docs span{ top:16px; float:left; margin-left:8px; font-size:16px; position:relative; text-align:left; color:#fff; } .bx .bx-rels { display:block; clear: both; height:52px; margin: 8px 0px 4px 8px; box-shadow: 0 0 12px #777; margin-left:120px; max-width:520px; background:#fff; } .bx .bx-rels img{ margin-top:10px; float:left; margin-left:12px; } .bx .bx-rels span{ top:16px; margin-left:8px; float:left; font-size:18px; position:relative; text-align:left; color:#444; } .bx .bx-msgs { display:block; clear: both; height:56px; margin: 0px 0px 4px 8px; margin-left:120px; max-width:520px; } .bx .bx-msgs:hover { background: rgba(255,255,255,0.2); } .bx .bx-msgs img{ margin-top:10px; margin-left:12px; float:left; } .bx .bx-msgs span{ top:16px; float:left; margin-left:8px; font-size:16px; position:relative; text-align:left; color:#fff; } .bx .block { margin: 0px 0px 0px 0px; padding-top:4px; padding-bottom:4px; background1: linear-gradient(to right, #fff, #ccc , #fff); display:inline-block; width:100%; } .bx .block[trans="1"] { background1: #fff; background-color: rgba(0,0,0,0.2); padding-top:16px; padding-bottom:16px; } .bx .packs { max-width:720px; margin:auto; } .bx li1:active { background: #0000ff; color: #ffffff; } .bx li1[disabled="yes"] { background: #ddd; color: #222222; } .bx li[type__="state"] { width: 328px; border: 0px; box-shadow: 0 0px 0px; background:inherit; color: #444; } @media not screen and (min-width: 480px) { .bx li[type__="state"] { display: none; } } .bx li[type__="rels"] { width: 336px; background: #fff; color: #444; } @media not screen and (min-width: 400px) { } .bx li span { font-weight: normal; float:left; color:#333; width:100%; height:28px; clear:both; text-align:center; margin:0; padding-top:4px; margin-top:0px; text-overflow: ellipsis; } @media__ (min-width: 481px) and (max-width: 959px) { .bx li span { float:none; display:inline-block; width: inherit; text-align:left; margin-left:44px; position: relative; top:-18px; } } .bx li[disabled="yes"] span { color:#666; } .bx li1[disabled="yes"] span { background: #ccc; color: #777; } .bx li[sub="yes"] span { } .bx li[sub="yes"] span:after { top: -44px; bottom: 0; float:left; right: 0; content: "\2630"; /* use the hex value here... */ font-size: 22px; line-height: 40px; text-align: right; } .bx li .sub { padding-left:24px; margin-top:-72px; content: "\2630"; /* use the hex value here... */ float:left; width:28px; height:28px; font-size: 22px; line-height: 40px; text-align: right; } .bx li .sub:after { content: "\2630"; /* use the hex value here... */ } .bx li[type__="state"] span { border-top:2px solid #ddd; border-bottom:2px solid #ddd; padding-top:4px; height:20px; left:-10px; width:280px; position:relative; color:#777; } .bx li span img { width:auto; left:0; margin:0; padding:0; top:-7px; } .bx li span img { width:auto; left:0; margin:0; padding:0; top:0px; } .bx li text { font-size: 16px; font-weight: normal; position:relative; color:#444; top:8px; padding-left:16px; width:60px; text-align:center; margin:0; text-overflow: ellipsis; } .bx li text[rel="1"] { color:#444; } .bx li text[rel="2"] { color:#444; font-weight:bold; } .bx li text[rel="3"] { color:#ccc; } .bx li .mark { font-size: 20px; font-weight: normal; float:right; left:100px; margin-top:-72px; margin-left:6px; margin-right:12px; width:28px; height:28px; text-align:center; line-height: 28px; color:#999; opacity:0.8; } @media__ (min-width: 481px) and (max-width: 959px) { .bx li .mark { margin-top:-52px; margin-right:48px; } } .bx li img { left:46px; position:relative; top:4px; padding: 4px 8px 2px 8px; border-radius: 8px; margin-left: 4px; margin-right: 2px; width: 40px; height: 40px; } .bx li[type__="left"] img { top:12px; } .bx li[disabled="yes"] img { filter: grayscale(100%); } @media__ (min-width: 481px) and (max-width: 959px) { .bx li img { top:-2px; } } .bx li next { margin-top:-70px; margin-left:5px; float:left; width:140px; height:70px; border:3px solid #ddd; border-radius: 4px; font-size:24px; color:#777; } .bx li .stat { left:2px; float:left; margin-top:-54px; padding: 4px 8px 4px 8px; margin-left: 18px; margin-right: 2px; width: 32px; height: 32px; } .bx li .stat > div { width: 24px; height: 24px; background-color: #eee; border-radius: 100%; display: inline-block; } .bx li .stat[nr="3"] > div { background-color: #ccc; } .bx li .stat[nr="0"] > div { background-color: #ff0000; } .bx li .stat[nr="1"] > div { background-color: green; } .bx li .stat[nr="2"] > div { background-color: green; } .bx li .sp { left:14px; position:relative; top:8px; padding: 4px 8px 4px 8px; margin-left: 2px; margin-right: 2px; width: 32px; height: 32px; } .bx li .sp > div { width: 24px; height: 24px; margin:3px 3px 3px 3px; background-color: #eee; border: 2px solid #aaa; border-radius: 100%; display: inline-block; } .bx li .sp[nr="3"] > div { background-color: #ccc; -webkit-animation: bx-bodelay 1.4s infinite ease-in-out both; animation: bx-bodelay 1.4s infinite ease-in-out both; } .bx li .sp[nr="0"] > div { background-color: #ff0000; } .bx li .sp[nr="1"] > div { background-color: #00ff00; } .bx li .sp[nr="2"] > div { background-color: #00ff00; } .bx li .sp .bo { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } @-webkit-keyframes bx-bodelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes bx-bodelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .bx li .unv { width:0px; height:0px; overflow:hidden; clear:both; } .bx li[unavailable="1"]:after { position: relative; top: -64px; left: 12px; content: "\274c"; /* use the hex value here... */ color:#ff0000; font-size: 36px; line-height: 40px; text-align: center; overflow:hidden; } .bx goto { width: 0px; height: 0px; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid #333333; margin-top: 14px; margin-right: 16px; float:right; } .bxo { list-style-type: none; border-width: 0px; font-weight: normal; overflow: hidden; position: relative; width:100%; height: 74px; background-color: rgba(255,255,255,0.2); background:#fff; margin-top:8px; } .bxo [book="yes"] { height: 74px; border-top: 2px solid #dddddd; background: -webkit-linear-gradient(#eeeeee, #ffffff); } .bxo a { text-decoration: none; color:#000080; } .bxo a:hover { text-decoration: underline; color:#0000ff; } .bxo banner{ position: relative; float:left; width:80px; height:74px; } .bxo .button[type="googleplay"] { width:160px; text-align:center; height:36px; background: url(img/googleplay.png); background-size:100% 100%; } .bxo .button[type="appstore"] { width:160px; text-align:center; height:36px; background: url(img/appstore.png); background-size:100% 100%; } .bxo .button[type="appgallery"] { width:160px; text-align:center; height:36px; background: url(img/appgallery.png); background-size:100% 100%; } .bxo .button[type="pcc"] { width:160px; text-align:center; height:36px; background: url(img/pcc.png); background-size:100% 100%; } .bxo .button[type="download"] { width:160px; text-align:center; height:28px; background:#0080ff; border-radius: 6px; color:#fff; padding-top:8px; } .bxo .button[type="download"]:active { background: #444; color: #fff; } .bxo img{ position: absolute; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; width:40px; height:40px; } .bxo topic{ position:absolute; display:block; left:78px; top:8px; font-size: 20px; color:#444; } .bxo .link{ position:absolute; display:block; left:78px; top:8px; font-size: 16px; color:#444; } .bxo .text{ position:absolute; display:block; left:78px; top:8px; font-size: 14px; color:#444; } .bxo dets{ position:absolute; display:block; left:88px; font-size: 15px; top:30px; } .bxo manual{ position:absolute; display:block; left:78px; top:40px; font-size: 14px; color:#444444; } /* mm ---------------------------------------------------------------------- */ .mm { padding: 8px 8px 8px 8px; } .mm li { height: 32px; list-style-type: none; border-bottom-color: #eee; border-width: 0px; border-bottom-width: 1px; border-style: solid; font-family: "Arial"; font-size: 14px; font-weight: normal; overflow: hidden; white-space:nowrap; -webkit-tap-highlight-color:#0000ff; padding: 4px 6px 4px 24px; vertical-align: middle; } .mm li[type__="menu"] { cursor: pointer; } .mm li[disabled="yes"] { cursor: default; } .mm li img { display: inline; width: 32px; vertical-align: middle; border:none; } .mm li .indent { width:32px; height:32px; display:inline-block; vertical-align: middle; border:none; } .mm li .mark { float:right; color: #0080ff; padding-top:8px; margin-right:32px; vertical-align: middle; } .mm li span { margin-left: 8px; } .mm li[type__="menu"] span { color:#0080ff; } .mm li[disabled="yes"] span { color: #bbb; } /* home ---------------------------------------------------------------------- */ .home-id { border: 4px solid #dddddd; margin: 8px 4px 0px 4px; padding: 1px 6px 1px 6px; border-radius: 24px; font-size:16px; width: 520px; height:46px; } .home-docs { background:#ddd; margin-top:4px; padding-top:4px; margin-left:10px; margin-right:10px; border-radius: 24px; padding-bottom:4px; height:54px; } .home-docs[disabled="1"] { opacity:0.5; } .home-docs H1 { height:100%; margin-top:12px; } .home-docs a { color:#444 } .home-docs[disabled="1"] a { pointer-events: none; cursor: default; } .home-docs a:hover { text-decoration: underline; } .home-docs a:visited { color:#444 } .home-rels { margin-top:10px; padding-top:4px; padding-bottom:4px; font-size:16px; height:43px; } .home-rels[disabled="1"] { opacity:0.5; } .home-rels a { color:#444; } .home-rels[disabled="1"] a { pointer-events: none; cursor: default; } .home-rels a:hover { text-decoration: underline; } .home-rels a:visited { color:#444; } /* mdi ---------------------------------------------------------------------- */ .mdi-background { overflow:hidden; display:block; position:fixed; width:100%; height:100%; left:0; top:0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .mdi-background[clr="HS"]:before { content:""; display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:-1; background:linear-gradient(180deg, rgba(106,170,179,1), rgba(192,192,192,1)); } .mdi-background[clr="RT"]:before { content:""; display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:-1; background:linear-gradient(270deg, rgba(128,128,128,0.86), rgba(239,114,164,0.86)); background-size: 200% 200%; animation: AnimationName 10s ease infinite; } .mdi-background[clr="CS"]:before { content:""; display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:-1; background:linear-gradient(270deg, rgba(128,128,128,0.86), rgba(192,192,192,0.86)); background-size: 200% 200%; animation: AnimationName 10s ease infinite; } .mdi-background[clr="SS"]:before { content:""; display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:-1; background:linear-gradient(270deg, rgba(128,128,128,0.86), rgba(192,192,192,0.86)); background-size: 200% 200%; animation: AnimationName 10s ease infinite; } @keyframes AnimationName { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } .mdi-menu { height:40px; max-width: 872px; padding-top:4px; padding-left:8px; } .mdi-sep { position:abslolute; margin-top:6px; width:100%; height:4px; background:#50a0ab; } .mdi-menu a[disabled="yes"] { pointer-events: none; cursor: default; } .mdi-menu .link { float: left; height: 40px; margin: 4px 2px 0px 6px; padding-top: 2px; background-repeat: no-repeat; background-position: center top; border-bottom: 4px solid #50a0ab; } .mdi-menu .link[color="sel"] { border-bottom: 4px solid #444444; } .mdi-menu .link p { margin: 0px 0px 0px 0px; padding-top:6px; padding-left:4px; padding-right:4px; padding-bottom:8px; color: #222222; font-size:18px; text-align: center; } .mdi-menu .link p[color="green"] { color: #008000; } .mdi-menu .link p[color="red"] { color: #ff0000; } .mdi-menu .link p[color="sel"] { border-bottom: 4px solid #7c91ac; } .mdi-menu .link p:active { color:#0080ff; } .mdi-menu .link p[disabled="yes"] { color:#a0a0a0; } .mdi-menu .left { float: left; margin-left: 16px; } @media screen and (min-width: 680px) { .mdi-menu .link p { height: 20px; } } @media not screen and (min-width: 680px) { .mdi-menu { height:56px; } .mdi-menu .link { width: 44px; height: 44px; } .mdi-menu .link p { height: 4px; font-size:0px; } } /* myh ---------------------------------------------------------------------- */ .myh-back { margin-top:12px; } .myh-left { border:8px solid #ffffff; background:#ffffff; height:96%; } .myh-imgs { width:48px; float:left; } @media screen and (min-width: 680px) { .myh-back { position:relative; margin-left:216px; } .myh-left { float:left; margin-left:-216px; width:192px; position:absolute; } } @media not screen and (min-width: 700px) { .myh-imgs { display:none; } } /* mmn ---------------------------------------------------------------------- */ .mmn-back { margin:auto; width:860px; overflow:hidden; padding-bottom:36px; transition:visibility 0.4s linear,opacity 0.4s linear; z-index:2; } .mmn-back[vis="1"] { visibility: visible; opacity:100; } .mmn-back[vis="0"] { visibility: hidden; opacity:0; } .mmn-left { padding-bottom:36px; border-right:0; margin:8px 0px 0px 0px; margin:8px 8px 8px 8px; box-sizing: border-box; border-radius1:8px; border-right:8px solid #eee; } .mmn-main { border-right:0; border-left:0; background:inherit; } .mmn-exit { font-size: 36px; font-weight: bold; padding-left:120px; cursor:pointer; height:40px; } @media screen and (min-width: 960px) { .--mmn-back { width:100%; max-width:944px; min-height:100%; } .mmn-left { width:288px; padding-left:48px; padding-top:0px; position:relative; top:120px; } .mmn-vert { width:212px; padding-top:4px; padding-right:0px; padding-left:4px; padding-right:4px; } .mmn-vert[disp="0"] { position: fixed; } .mmn-vert[disp="1"] { position: relative; } .mmn-vert[disp="2"] { position: absolute; } .mmn-main { margin-left:294px; } } @media not screen and (min-width: 960px) { .mmn-left { padding-left: 46px; border-right:0px; } .mmn-left[sel="yes"] { display:none; } .mmn-vert { padding-top: 24px; } .mmn-vert[min="1"] { display: none; } .mmn-main { padding-left:0px; } .mmn-main[min="1"] { display: none; } .mmn-back { width: 100%; max-width: 680px; margin:auto; margin-top:60px; } .mmn-exit { position: fixed; top:70px; left:8px; z-index:4; } } @media screen and (min-width: 960px) { .--mmn-back { margin-top:40px; } .mmn-left { position:fixed; box-sizing: border-box; bottom:36px; } .mmn-left[pin="1"] { position:absolute; padding-bottom:0px; top:16px; bottom:100px; } } .mmn-left .line { padding: 4px 0px 4px 12px; border-bottom: 1px solid #eee; height:32px; color:#444; } .mmn-left .line img { margin-right:4px; margin-top:4px; } .mmn-left .line .mark { float:right; color: #0080ff; margin-right:12px; padding-top:8px; } .mmn-vert .line[sel="0"] { } @media not screen and (min-width: 960px) { .mmn-vert .line[sel="0"] { display:none; } .mmn-vert[exp="1"] .line[sel="0"] { display:block; } } .mmn-vert .line[sel="1"] { display:block; } .mmn-vert .line[sel="2"] { display:block; background:#C4E1FF; color:#222; } @media not screen and (min-width: 960px) { .mmn-vert .line[sel="1"] { display:none; } .mmn-vert .line[sel="2"] { display:block; } } .mmn-left .line:hover { background:#55acee; color:#fff; } .mmn-left .line[sel="true"] { background:#7c91ac; color:#ffffff; } .mmn-left .line[type="bck"] { padding-right:24px; padding-left:20px; font-size:20px; line-height:18px; color:#999; } .mmn-left .line[type="bck"] span { font-size:15px; padding-left:8px; vertical-align: middle; margin-top:-3px; display:inline-block; color:#999; } .mmn-left .line[type="img"] { padding-top: 2px; border-bottom: 0; height:35px; } .mmn-left .line[type="img"]:hover { background:inherit; } .mmn-left .line[type="hdr"] { background:#fff; color:#222; } .mmn-left .line[type="sel"] { padding-top: 0px; height:35px; } .mmn-left .line[type="sel"][sel="1"] { background: #0080ff; } .mmn-left .line[type="hdr"]:hover { } .mmn-left .line[type="app"] { border-bottom: 1px solid #eee; color:#777; } .mmn-left .line[type="app"]:hover { background:inherit; } .mmn-left .line a:hover { text-decoration:underline; } .mmn-left .line a, .mmn-left .line a:visited, .mmn-left .line a:link, .mmn-left .line a:active{ color:#444; } .mmn-vert .line[sel="2"] a{ color:#fff; } .mmn-left img { float: left; border-style: none; width:32px; height:32px; margin-top:-4px; } .mmn-left .line text { margin-left: 8px; margin-top: 8px; float: left; font-size: 14px; } .mmn-left .link { padding: 10px 4px 4px 12px; margin: 4px 0px 2px 0px; height:26px; background:#ffffff; font-size: 14px; color:#00ff00; border: 0px; } .mmn-left .link a { text-decoration: none; color:#50a0ab; } .mmn-left H1 { padding: 4px 0px 4px 20px; margin: 14px 6px 4px 14px; background:#ffffff; height:32px; font-size: 16px; color:#606060; font-size: 14px; } /* popmenu ---------------------------------------------------------------------- */ .popmm { position: fixed; background:#eee; top:0; left:0; right:0; bottom:0; z-Index:999; background:rgba(0,0,0,0.2); } .popmenu { position: fixed; width:100px; height:100px; background:#ff0000; z-index:998; } /* mah ---------------------------------------------------------------------- */ .mah-back { margin:0 auto; margin-top:40px; background:#fff; overflow:hidden; position: relative; box-shadow: 0px; padding-top:0px; border-top:8px solid #fff; padding-bottom:16px; } .mah-head { width:100%; background:#fff; position:fixed; z-Index:997; left:0; right:0; } @media print { .mah-head { position:inherit; } } @media not screen and (min-width: 960px) { .mah-head { border-bottom:4px solid #eee; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.70); } } @page { margin-top: 30mm !important; margin-bottom: 20mm !important; } .mah-disp { width:100%; max-width:656px; margin:auto; padding-bottom:8px; } @media not screen and (min-width: 960px) { .mah-disp { max-width:680px; } } .mah-head .mm { padding-right:12px; padding-left:12px; margin-left:78px; font-size:36px; font-weight:bold; line-height:16px; margin-top:-3px; float:left; color: var(--c-navy); white-space: nowrap; } @media not screen and (min-width: 960px) { .mah-head .mm { margin-left:32px; } } .mah-head .pp { padding:4px 4px 4px 4px; font-size:28px; font-weight:bold; line-height:28px; text-align: center; float:left; border-radius: 50%; height:28px; width:28px; color: var(--c-navy); cursor: pointer; white-space: nowrap; } .mah-head .pp:hover { background: #eee; } .mah-head .pp[disabled="yes"] { color:#444; cursor: default; } .mah-head H1 { font-size:22px; font-weight:normal; color:#444; padding:4px 0px 2px 174px; margin:0; white-space: nowrap; } @media not screen and (min-width: 960px) { .mah-head H1 { padding-left: 98px; } } .mah-head H1 .text { text-overflow: ellipsis; overflow:hidden; display:inline-block; width: calc(100% - 120px); } @media not screen and (min-width: 960px) { .mah-head H1 .text { width: calc(100% - 68px); } } .mah-head H3 { font-size:14px; font-weight:normal; color:#aaa; padding:0px 0px 6px 112px; margin:8px 62px 0px 62px; } @media not screen and (min-width: 960px) { .mah-head H3 { padding:0px 0px 6px 68px; } } .mah-left { background:#fff; padding-top:10px; padding-bottom:36px; border-right:0; margin:8px 0px 0px 0px; margin:8px 8px 8px 8px; box-sizing: border-box; z-Index:998; } .mah-left[top="1"] { display: none; } .mah-main { border-right:0; border-left:0; background:inherit; padding-top:174px; padding-bottom:24px; min-height:400px; } .mah-main[tool="0"] { padding-top:120px; } @media screen and (min-width: 960px) { .mah-back { width:100%; max-width:944px; min-height:100%; } .mah-left { min-width:224px; padding-top:0px; position:relative; padding-top:10px; top:162px; } .mah-vert { width:212px; padding-top:0px; padding-right:0px; padding-left:4px; padding-right:4px; top:180px; bottom:40px; overflow-y:scroll; } .mah-vert::-webkit-scrollbar { width: 8px; } .mah-vert::-webkit-scrollbar-track { background: #fff; } .mah-vert::-webkit-scrollbar-thumb { background: #999; } .mah-vert::-webkit-scrollbar-thumb:hover { background: #444; } .mah-vert[disp="0"] { position: fixed; } .mah-vert[disp="1"] { position: relative; } .mah-vert[disp="2"] { position: absolute; } .mah-main { margin-left:236px; vertical-align:top; } } @media not screen and (min-width: 960px) { .mah-left { padding-top: 16px; padding-bottom: 8px; } .mah-left[top="1"] { display: inherit; } .mah-left[top="0"] { margin-top: -50px; } .mah-left[top="0"] .mah-vert { margin-top:10px; top: 0px; } .mah-left[sel="yes"] { display:none; } .mah-main { padding-left:0px; padding-top:0px; } .mah-main[tool="0"] { padding-top:0px; } } @media screen and (min-width: 960px) { .mah-back { margin-top:40px; } .mah-main[emb="1"] { min-height:700px; } .mah-left { position:fixed; box-sizing: border-box; } .mah-left[pin="1"] { position:absolute; padding-bottom:0px; top:16px; } } .mah-main .mm { padding-right:20px; padding-left:20px; margin-left:80px; font-size:28px; font-weight:bold; line-height:16px; float:left; color:#444; } .mah-main H1 { font-size:22px; font-weight:normal; color:#444; padding:4px 0px 6px 148px; margin:0; } .mah-main H3 { font-size:14px; font-weight:normal; color:#999; padding:0px 0px 6px 132px; margin:8px 16px 8px 16px; border-bottom:1px solid #ccc; } .mah-left .line { padding: 10px 0px 4px 12px; border-bottom: 1px solid #ddd; height:22px; color:#606060; } .mah-left .line[type="view"] { cursor:pointer; } .mah-left .line[type="link"] { cursor:pointer; } .mah-left .line img { margin-right:4px; margin-top:4px; } .mah-left .line .mark { float:right; color: #0080ff; margin-right:12px; } .mah-vert .line[sel="0"] { } .mah-vert .line .show { display:none; font-size: 24px; margin-right: 8px; position: relative; top:-8px; float:right; } @media not screen and (min-width: 960px) { .mah-vert { margin:auto; margin-top:160px; max-width:596px; padding-left:84px; } .mah-left[tool="0"] .mah-vert { margin-top:100px; } .mah-vert .line .show { display:inline-block; } .mah-vert[min="0"] .line { display:block; } .mah-vert .line[sel="0"] { display:none; } .mah-vert[exp="1"] .line[sel="0"] { display:block; } } .mah-vert .line[sel="1"] { display:block; } .mah-vert .line[sel="2"] { display:block; background:#C4E1FF; } .mah-left .line:hover { background:#55acee; color:#fff; } @media not screen and (min-width: 960px) { .mah-vert .line[sel="2"] { background: linear-gradient(to right, #C4E1FF, #fff); } } .mah-left .line[sel="true"] { background:#7c91ac; color:#ffffff; } .mah-left .line[type="bck"] { padding-right:24px; padding-left:20px; font-size:20px; line-height:18px; color:#999; } .mah-left .line[type="bck"] span { font-size:15px; padding-left:8px; vertical-align: middle; margin-top:-3px; display:inline-block; color:#999; } .mah-left .line[type="img"] { display:block; padding-top: 2px; border-bottom: 0; height:35px; } .mah-left .line[type="img"]:hover { background:inherit; } .mah-left .line[type="hdr"] { display:block; background:#ddd; white-space: nowrap; overflow:hidden; color:#222; } .mah-left .line[type="sel"] { padding-top: 0px; height:35px; } .mah-left .line[type="sel"][sel="1"] { background: #0080ff; } .mah-left .line[type="hdr"]:hover { } @media not screen and (min-width: 960px) { .mah-left .line[type="hdr"] { cursor: pointer; background: linear-gradient(to right, #ddd, #fff); } } .mah-left .line[type="app"] { border-bottom: 1px solid #eee; color:#777; } .mah-left .line[type="app"]:hover { background:inherit; } .mah-left .line a:hover { text-decoration:underline; } .mah-left .line a, .mah-left .line a:visited, .mah-left .line a:link, .mah-left .line a:active{ color:#444; } .mah-vert .line[sel="2"] a{ color:#fff; } .mah-left img { float: left; border-style: none; width:32px; height:32px; margin-top:-4px; } .mah-left .line text { margin-left: 8px; margin-top: 8px; float: left; font-size: 14px; } .mah-left .link { padding: 10px 4px 4px 12px; margin: 4px 0px 2px 0px; height:26px; background:#ffffff; font-size: 14px; color:#00ff00; border: 0px; } .mah-left .link a { text-decoration: none; color:#50a0ab; } .mah-left H1 { padding: 4px 0px 4px 20px; margin: 14px 6px 4px 14px; background:#ffffff; height:32px; font-size: 16px; color:#606060; font-size: 14px; } /* templatemo ---------------------------------------------------------------------- */ #templatemo_footer_wrapper { padding-top: 12px; margin:auto; border-top: 6px solid #eeeeee; color: #666666; } #templatemo_footer { max-width:872px; margin-top: 4px; margin: 0 auto; __margin-left: 10px; color: #666666; } #templatemo_footer .section_w220 { float: left; width: 160px; padding-right: 4px; padding-left: 4px; } #templatemo_footer .section_w220 h4 a { color: #50a0ab; } #templatemo_footer .section_w440 { margin-left: 0px; float: left; padding-left: 15px; } #templatemo_footer .section_w440 h4 { height:16px; } /* attr ---------------------------------------------------------------------- */ .attr { margin-top: 12px; background:#ffffff; } .attr .line { padding: 4px 4px 4px 12px; margin: 4px 0px 2px 0px; background:#ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height:32px; font-size: 14px; color:#606060; } .attr .link { padding: 10px 4px 4px 12px; margin: 4px 0px 2px 0px; height:26px; background:#ffffff; font-size: 14px; color:#00ff00; border: 0px; } .attr .link a { text-decoration: none; color:#50a0ab; } /* link ---------------------------------------------------------------------- */ .bl1 { margin-top: 0px; padding-bottom: 8px; clear:both; } .bl1 .line { padding: 2px 2px 2px 2px; margin: 16px 2px 2px 2px; border: 0px; line-height:22px; float: left; width: 282px; } .bl1 .line[disabled="1"] { opacity:0.5; } .bl1 .line[visible="0"] { display:none; } .bl1 .line img { margin-left:8px; padding: 0px 0px 0px 0px; } .bl1 .line .XTEXT { padding: 0px 0px 8px 8px; font-size: 14px; font-weight: normal; color:#444; } .bl1 .line .XGOTO { margin-top:0px; padding: 0px 8px 4px 8px; font-size:24px; text-align:left; } .bl1 .line .XGOTO a { color:#efefef; text-decoration: none; } .bl1 .line[disabled="1"] .XGOTO a { pointer-events: none; cursor: default; } .bl1 .line .XGOTO a:hover { text-decoration: underline; } .bl1 .dots { border-bottom: 2px solid #cccccc; clear:both; } /* disp ---------------------------------------------------------------------- */ .disp { margin-top: 8px; } .disp .line { padding: 6px 2px 6px 2px; margin: 2px 2px 2px 2px; border: 0px; float: left; } .disp .line img { padding: 0px 0px 0px 0px; border-radius:50%; border: 2px solid #50a0ab; } .disp .line .XPAGE { padding: 4px 8px 8px 8px; font-size:16px; text-align:left; color:#505050; } .disp .line .XTEXT { padding: 0px 0px 8px 8px; font-size: 14px; font-weight: normal; color:#505050; } .disp .line .XGOTO { margin-top:4px; padding: 0px 8px 4px 8px; font-size:14px; font-weight:bold; text-align:left; color:#606060; } .disp .line .XGOTO a { color:#50a0ab; text-decoration: none; } .disp .line .XGOTO a:active { color:#0000ff; } .disp .line .XNOTE { margin: 0px 8px 8px 8px; padding: 8px 8px 8px 8px; font-size: 14px; font-weight: normal; background: #f8f8f8; } .disp .dots { margin: 2px 0px 2px 0px; height:2px; border: 0px; border-bottom: 1px solid #dddddd; clear: both; } .disp .none { margin: 2px 2px 2px 2px; height:4px; border: 0px; clear: both; } .disp .line .button { padding: 8px 8px 8px 8px; height: 18px; text-align:center; font-size: 16px; font-weight: bold; background: #7c91ac; color: #ffffff; -webkit-box-shadow: 0 0 0px #000; -webkit-border-radius: 0px; float:left; border: 0px; width:100px; margin-left:8px; } .disp .line .button:active { background: #0000ff; color: #ffffff; } /* pro-company ---------------------------------------------------------------------- */ #pro-company2 { text-align: center; color:#f6f6f6; font-size: 24px; } /* menu ---------------------------------------------------------------------- */ .menu { padding-top:2px; display:block; } .menu H1{ color:#444444; font-size:24px; font-weight:normal; } .menu a { color:#444444; text-decoration: none; } .menu a:hover { text-decoration: underline; } .menu H2{ color:#444444; font-size:18px; font-weight:normal; margin: 12px 2px 2px 2px; } .menu H3{ color:#0080ff; font-size:18px; font-weight:normal; margin: 2px 2px 2px 2px; } .menu H3 a { color:#0080ff; text-decoration: none; } .menu HX{ color:#ff0000; font-size:18px; font-weight:normal; margin: 2px 2px 2px 2px; } .menu HX a { color:#ff0000; text-decoration: none; } .menu H4{ color:#888888; font-size:14px; font-weight:normal; margin: 4px 2px 8px 2px; } .menu img { padding: 0px 0px 0px 0px; } .menu .dots { border-bottom: 2px solid #dddddd; clear:both; } .menu .line { padding: 4px 4px 4px 4px; margin: 2px 2px 2px 2px; border: 0px; display:inline-block; width: 100px; } .menu .line[visible="false"] { display:none; } .menu .line img { padding: 12px 12px 12px 12px; border-radius:50%; border: 2px solid #ffffff; background:#ffffff; } .menu .line .XGOTO { padding-top: 6px; font-size:14px; text-align:center; text-decoration: none; color:#444444; } .menu .line .XGOTO a { } .menu .none { margin: 2px 2px 2px 2px; height:4px; border: 0px; clear: both; } /* repl ---------------------------------------------------------------------- */ .posl { width:360px; margin-top: 16px; padding: 32px 16px 32px 16px; border-radius: 8px; border:4px solid #eee; } /* repl ---------------------------------------------------------------------- */ .repl { margin-top: 16px; padding: 16px 16px 16px 16px; border-radius:12px; border:4px solid #eee; } .repl li[type="sep"] { list-style-type: none; } .repl li[type="box"] { height: 32px; list-style-type: none; border-width: 0px; font-size: 16px; font-weight: normal; overflow: hidden; white-space:nowrap; } .repl li[type="box"]:hover { background: #ffff00; } .repl li[touch="yes"] { background: #0000ff; color: #ffffff; } .repl li[status="blocked"] { background: #cccccc; } .repl li[sel1="yes"] { background: #ff00ff; } .repl li li { margin-top: 12px; float: left; display: inline; } .repl li li[bold="0"] { font-weight:normal; } .repl li li[bold="1"] { font-weight:bold; } .repl li img { float: left; padding: 6px 6px 6px 6px; border-style: none; } .repl li text { margin-top: 12px; text-align: center; width:100%; float: left; display: inline; } .repl li[type="sep"] { height : 4px; border-bottom: 2px solid #e1e1a8; border-bottom: 2px solid #ccc; } /* msr ---------------------------------------------------------------------- */ .page-back { float:left; padding-right:8px; padding-left:24px; font-size:20px; line-height:32px; color:#999; cursor:pointer; } .page-help { float:right; margin-right:78px; font-size:18px; line-height:28px; display:inline; border-radius:50%; text-align:center; width:28px; height:28px; background:#eee; color:var(--c-navy); } @media not screen and (min-width: 960px) { .page-help { margin-right:8px; } } .docs-search { margin-top: 2px; margin-bottom: 2px; height:36px; box-sizing: border-box; margin-left:16px; margin-right:16px; width:calc(100% - 32px); position:relative; } @media not screen and (min-width: 960px) { .docs-search { margin-left:8px; margin-right:8px; width:calc(100% - 16px); } } .docs-search input { border: 2px solid #eee; background: #fff; margin: 2px 2px 2px 2px; padding: 0px 6px 0px 30px; margin-right:40px; border:2px solid #777; border-radius: 24px; font-size:16px; height:34px; box-sizing: border-box; width:100%; } .docs-search:before { content: url(img/find.png); left:0; margin-left:12px; margin-top:10px; position:absolute; } .docs-search[dsk="1"] input { background: #ddd; } .msr { } .msr li { height: 74px; list-style-type: none; border-width: 0px; font-weight: normal; border-bottom: 2px solid #dddddd; margin: 4px 4px 12px 4px; overflow: hidden; position: relative; } .msr li a { text-decoration: none; color:#000080; } .msr li banner{ position: relative; float:left; width:80px; height:74px; border-right: 2px solid #eeeeee; } .msr li img{ position: absolute; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; width:40px; height:40px; } .msr li topic{ position:absolute; display:block; left:78px; top:8px; font-size: 18px; color:#444444; } .msr li dets{ position:absolute; display:block; left:78px; font-size: 15px; top:30px; } .msr li manual{ position:absolute; display:block; left:78px; top:40px; font-size: 15px; text-decoration: underline; color:#444444; } .mto { padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:24px; } .mto li { list-style-type: none; border-width: 0px; font-weight: normal; margin: 0px 4px 0px 4px; overflow: hidden; position: relative; } .mto li[book="yes"] { height: 70px; border-top: 1px solid #dddddd; } .mto li[work="yes"] { height: 74px; border-top: px solid #dddddd; } .mto li[link="yes"] { height: 32px; padding-bottom:0px; background:#eee; border-top:2px solid #fff; } .mto li[text="yes"] { height: 24px; } .mto li[butt="yes"] { height: 48px; } .mto li[horz="yes"] { height: 12px; border-top: 1px solid #dddddd; } .mto li[visible="false"] { display: none; } .mto li[has="n"]:before { content: "\2715"; position: absolute; font-size: 16px; color: red; left: 56px; top: 5px; } .mto li[has="y"]:before { content: "\2713"; position: absolute; font-size: 16px; color: green; left: 56px; top: 5px; } .mto li a { text-decoration: none; color:#000080; } .mto li a:hover { text-decoration: underline; color:#0000ff; } .mto li banner{ position: relative; float:left; width:80px; height:74px; } .mto li .button[type="googleplay"] { width:160px; text-align:center; height:36px; background: url(img/googleplay.png); background-size:100% 100%; } .mto li .button[type="appstore"] { width:160px; text-align:center; height:36px; background: url(img/appstore.png); background-size:100% 100%; } .mto li .button[type="appgallery"] { width:160px; text-align:center; height:36px; background: url(img/appgallery.png); background-size:100% 100%; } .mto li .button[type="pcc"] { width:160px; text-align:center; height:36px; background: url(img/pcc.png); background-size:100% 100%; } .mto li .button[type="download"] { width:160px; text-align:center; height:28px; background:#0080ff; border-radius: 6px; color:#fff; padding-top:8px; } .mto li .button[type="download"]:active { background: #444; color: #fff; } .mto li img{ position: absolute; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; width:40px; height:40px; } .mto li topic{ position:absolute; display:block; left:78px; top:8px; font-size: 20px; color:#444; } .mto li .link{ position:absolute; display:block; left:78px; top:8px; font-size: 14px; color:#444; } .mto li .text{ position:absolute; display:block; left:78px; top:8px; font-size: 14px; color:#444; } .mto li dets{ position:absolute; display:block; left:88px; font-size: 15px; top:30px; } .mto li manual{ position:absolute; display:block; left:78px; top:40px; font-size: 14px; color:#444444; } /* help-desk ---------------------------------------------------------------------- */ .help-desk-status { margin: 5px 8px 4px 8px; padding: 6px 6px 6px 6px; border: 2px solid #dddddd; width:120px; display:block; background: #ffffff; font-size: 16px; vertical-align: text-center; height:20px; } .help-desk-status[status="online"] { background: #008000; color: #ffffff; } .help-desk-status[status="offline"] { background: #800000; color: #ffffff; } .help-desk-status[status="nologin"] { background: #888888; color: #ffffff; } .help-desk-days { display:block; margin-left:10px; margin-bottom:16px; } /* footer ---------------------------------------------------------------------- */ .footer_list_menu { margin: 0px; padding: 0px; list-style: none; } .footer_list_menu li { margin: 0px; padding: 3px 0; font-size:14px; } .footer_list_menu li a { font-weight: normal; color:#50a0ab; text-decoration: none; } .footer_list_menu li a:hover{ font-weight : normal; text-decoration: underline; } .footer_link_menu { margin: 0px; padding: 0px; list-style: none; } .footer_link_menu li { margin: 0px; padding: 3px 0; } .footer_link_menu li a { font-weight: normal; color:#50a0ab; } .cleaner_h20 { clear: both; width:100%; height: 16px; } .footer_link a { color:#50a0ab; text-decoration: none; } .footer_link a:hover{ font-weight: normal; text-decoration: underline; } /* tiles ---------------------------------------------------------------------- */ .tiles { margin-top:8px; } .tiles li { float:left; list-style-type: none; margin-right:4px; width:128px; height:60px; background:#eee; } @media not screen and (min-width: 680px) { .tiles li { float:none; width:inherit; margin-bottom:4px; margin-right:0px; } } .tiles li .text { position:relative; top:4px; left:4px; font-size:14px; color:#777; } .tiles li .data { position:relative; top:12px; left:4px; font-size:24px; text-align:right; padding-right:12px; color:#222; } /* t2 ---------------------------------------------------------------------- */ .t2 { height:40px; left:0; right:0; position:fixed; top:0; background:#fff; overflow:hidden; z-index:998; border-top:4px solid #fff; border-bottom:4px solid #eee; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.70); } @media not screen and (min-width: 960px) { .t2 { border-bottom:4px solid #fff; box-shadow: 0px 0px 0px #fff; } } @media not screen and (min-width: 760px) { .t2 { position:fixed; } } @media print { .t2 { position:absolute; } } .t2[fade="1"] { background-color: rgba(255,255,255,0.7); } .t2[page="HS"] { } .t2[page="RT"] { } .t2[page="CS"] { } .t2[fix="1"]{ } .logo { float:left; height:124px; margin-left:24px; margin-left:0px; margin-top:-58px; } .cons { float:left; margin-top:3px; margin-left:12px; height:40px; z-Index:9; color:#777; font-size:26px; } .comp { float:left; left:0; margin-top:3px; padding:4px 8px 4px 8px; border: 2px solid #ccc; border-radius:6px; margin-left:16px; background:#fff; width:360px; z-Index:9; color:#777; font-size:18px; cursor: pointer; } .comp[null="1"] { background: inherit; cursor: inherit; } .home1 { position:absolute; top:1px; width:38px; height:38px; margin-left:0px; text-align:center; z-Index:9; color:#444; border-radius:50%; font-size:26px; font-weight:bold; background:#fff; display:none; } .sess { position:absolute; top:12px; height:40px; margin-left:282px; z-Index:9; color:#444; font-size:18px; color:#777; display:none; } @media not screen and (min-width: 680px) { .sess { display:none; } .comp { display:none; } } .imgl { position:absolute; top:10px; width:40px; height:40px; margin-left:116px; z-Index:9; } .imgt { float:left; width:20px; margin-left:-14px; margin-right:2px; color:#444; text-shadow: 2px 2px 2px #fff; margin-top:-2px; font-size:30px; font-weight:bold; display--:none; } .flag { position:absolute; top:0px; width:30px; height:40px; margin-left:250px; z-Index:9; color:#444; font-size:32px; display:none; } .dots { padding-right:16px; margin-left:-16px; padding-top:12px; font-size:22px; line-height:16px; float:left; color:#999; } .imgl1 { float:left; width:70px; height:70px; margin-left:8px; margin-right:4px; margin-top:20px; display1:none; } @media not screen and (min-width: 1000px) { .logo { display1:none; } .imgl { display1:inline; } } /* f2 ---------------------------------------------------------------------- */ .f2 { height:52px; background:#333; width:100%; bottom:24px; overflow:hidden; position:absolute; z-index:998; display:none; } @media not screen and (min-width: 760px) { .f2 { } } .f2 .tools { margin:auto; max-width:958px; overflow:hidden; height:100%; } .tools li { margin: 4px 4px 4px 4px; padding-right: 16px; float:left; list-style-type: none; width: 64px; height: 40px; border-radius:4px; border:2px solid #333; } @media not screen and (min-width: 760px) { .tools li { margin:0; border-radius:0px; } } .tools li[type="help"]	{ padding-top:4px; height: 40px; cursor : pointer; } .tools li[type="help"] span { font-size:30px; padding-left:30px; color: #eee; } .tools li[type="tool"] { background:#555; border:2px solid #666; cursor : pointer; } .tools li:hover { background:#666; } .tools li .caption { position:relative; text-align:center; width:100%; left:8px; top:-20px; font-size:11px; color:#777; } .tools li img { position:relative; top:4px; left:24px; } /* menu ---------------------------------------------------------------------- */ .menu { float:left; margin:auto; position:relative; width:45px; height:60px; margin-top:16px; padding-left:15px; display: inline-block; cursor: pointer; } @media screen and (min-width: 760px) { .menu { display:none; } } .bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #ffffff; margin: 6px 0; transition: 0.4s; } .change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px) ; transform: rotate(-45deg) translate(-9px, 6px) ; } .change .bar2 { opacity: 0; } .change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px) ; transform: rotate(45deg) translate(-8px, -8px) ; } .fr { margin:auto; max-width:952px; overflow:hidden; height:100%; } .fr .ver { } .fr .sep { } .fr .use { } @media not screen and (min-width: 440px) { .fr .ver { width:100%; display:inline-block; text-align:center; align:center; } .fr .sep { display:none; } .fr .use { width:100%; display:inline-block; text-align:center; } } .m1 { float:left; max-width:740px; height:56px; } @media not screen and (min-width: 760px) { .vm { display1:none; } .logo { display1:inline; } .imgl { display1:none; } } .pg { background:#eee; position:relative; top:6px; height:36px; right:64px; background:-webkit-linear-gradient(left, rgba(128,128,128,0.0), rgba(128,128,128,0.2)); } .mi { float:left; height:32px; padding:2px 0px 0px 0px; margin:8px 4px 0px 4px; font-size:16px; font-weight:strong1; color:#fff; } .mi[drp="1"] { height:100%; padding:12px 10px 0px 10px; margin:16px 0px 0px 0px; } .mi[reg="1"] { text-shadow: 1px 1px #fff; font-weight:bold; margin-left:8px; } .mi[page="HS"] { } .mi[page="RT"] { } .mi[page="CS"] { } .mi[page="XX"] { } .mi span { color:#444; } .mi a { color:#444; text-decoration: none; } .mi[reg="1"] a { color:#55acee; } .mi a:visited { color:#444; } .mi[reg="1"] a:visited { color:#55acee; } .mi a:hover { text-decoration: underline; } .mi:hover[drp="1"] { background:#777; } .mi:hover[drp="1"] a { color:#fff; } .mi:hover[drp="1"] ul a { color:#fff; } .mi ul { display:none; list-style: none; -webkit-padding-start:0; margin-left:-10px; width:200px; border: 4px solid #777; padding:4px 12px 12px 16px; line-height:32px; position: absolute; background:#777; z-index:2; } .mi:hover ul { display:block; } .mi img { width:36px; height:36px; margin-top:-8px; } /* f3 ---------------------------------------------------------------------- */ .f3 { padding:0px 0px 24px 0px; background:#fff; background:#fff; color: #444; font-size:14px; position:fixed; bottom:0px; height:24px; width:100%; } @media not screen and (min-width: 1000px) { .f3  { padding-left:24px; } } .f3 .fr { padding-bottom:36px; } .f3 .fr[sep="1"]{ border-top: 1px solid #777; padding-top:18px; } .f3 span { float:left; color:#444; } .f3 a { float:left; color:#444; text-decoration: none; } .f3 a:hover { text-decoration: underline; } /* legal ---------------------------------------------------------------------- */ .legal { max-width:670px; text-align:left; } .legal H1 { font-size:36px; color:#444; padding-bottom:12px; border-bottom:2px solid #444; } .legal H2 { font-size:28px; color:#444; padding-bottom:12px; } .legal H3 { font-size:20px; color:#444; padding-bottom:12px; padding-top:8px; margin:0px 0px 0px 0px; } .legal p { font-size:15px; line-height:20px; color:#444; padding-bottom:12px; margin:0px 0px 0px 0px; } .legal p[up="1"] { font-size:15px; line-height:20px; color:#444; padding-bottom:0px; padding-left:16px; margin-top:-16px; } .legal p[ns="1"] { border-top:1px solid #444; padding-top:8px; } .legal ul { margin-top:-8px; font-size:15px; } .legal ul li { color:#444; margin-left:-8px; padding:6px 6px 6px 6px; background:#eee; margin-bottom:2px; } /* aph... ---------------------------------------------------------------------- */ .aph { top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: 999; display:inline; background-color: rgba(0,0,0,0.7); visibility: hidden; opacity:0; } .aph[vis="1"] { visibility: visible; opacity: 1; } .aph-box { margin: auto; position: absolute; top: 0px; bottom: 0px; height:400px; margin-left:-260px; left:50%; width:520px; background-color: #fff; z-Index:999; box-shadow: 0 0 24px #000; } @media not screen and (min-width: 560px) { .aph-box { top:0; bottom:0; margin-left:0; left:0; width:100%; height:100%; } } .aph-dat { position: absolute; top:16px; bottom:16px; left:12px; right:12px; z-Index:998; } @media not screen and (min-width: 560px) { .aph-dat { left:0; right:0; } } /* ============================================== EntranceB ============================================== */ .EntranceB{ animation-name: EntranceB; -webkit-animation-name: EntranceB; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes EntranceB { 0% { scale:0; opacity:0; } 100% { scale:1; opacity:1; } } /* ============================================== EntranceD ============================================== */ .EntranceD{ animation-name: EntranceD; -webkit-animation-name: EntranceD; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes EntranceD { 0% { scale:0; opacity:0; } 100% { scale:1; opacity:1; } } @media not screen and (min-width: 480px) { @keyframes EntranceD { 0% { transform: translateY(140%); } 100% { transform: translateY(0%); } } } /* ---------------------------------------------------------------------- hlp.css Copyright(c)2001-2019 Prognosi. All rights reserved. 0022 - 08/10/2019XTEXT ---------------------------------------------------------------------- */ .hlp-page-H1 { margin: 12px 4px 32px 12px; padding: 12px 12px 24px 4px; color:#222222; font-size: 28px; font-family:"Helvetica"; border-bottom:4px solid #eee;  } .hlp-page { padding: 4px 4px 4px 4px; font-family:"Helvetica"; border: 0px; color:#555; padding-bottom:16px; } .hlp-page hr { border: 0px; border-top: 2px dashed #dddddd; } .hlp-page .XTOPIC {	margin-top: 24px; padding: 8px 8px 8px 8px;	border-top-color: #cccccc; border-width: 0px; border-top-width: 2px; border-style: solid; font-size: 24px; font-weight: normal; } .hlp-page .XGOTO { padding: 8px 8px 4px 8px; margin-top: 2px; font-size:14px; text-align:left; color:#606060; } .hlp-page .XLINK { padding: 0px 8px 8px 8px; font-size: 14px; font-weight: normal; color:#888888; } .hlp-page .XNOTE { margin: 0px 8px 8px 8px; padding: 8px 8px 8px 8px; font-size: 14px; font-weight: normal; background: #f8f8f8; } .hlp-page .XATTR { padding: 0px 8px 8px 8px; font-size: 14px; font-weight: bold; } .hlp-page .XDOT { padding: 0px 8px 8px 8px; font-size: 14px; font-weight: normal; } .hlp-page .XPAGE { padding: 24px 8px 12px 0px; margin-top: 24px; margin-left: 8px; font-size:18px; font-weight:bold; text-align:left; border-top: 1px solid #dddddd; margin-bottom: 4px; color:#505050; } .hlp-page .XTYPE { border-left:4px solid #999; padding: 4px 8px 4px 12px; margin-top: 8px; margin-left: 48px; font-size:15px; font-weight:bold; text-align:left; color:#444444; } .hlp-page .XINFO { border-left:4px solid #999; padding: 0px 64px 4px 12px; line-height:20px; font-size: 14px; font-weight: normal; margin-left:48px; margin-bottom: 8px; } .hlp-page .XINFO a { text-decoration:underline;color:#0000ee } .hlp-page .XINFO a:hover { text-decoration:underline;color:#0000ee } .hlp-page .XINFO a:visited { text-decoration:underline;color:#0000ee } .hlp-page .XLINE { margin-left: 8px; margin-right:64px; border-bottom: 1px dotted #ccc; margin-bottom: 12px; } .hlp-page .sep { height:8px } .hlp-page .XLI { position:relative; line-height:20px; margin-top:8px; margin-bottom:8px; font-size: 14px; font-weight: normal; } .hlp-page .XLI img { position:absolute; left:10px; margin-top:-2px; width:24px; } .hlp-page .XLI .n { position:absolute; list-style-type: none; left:48px; font-weight:bold } .hlp-page .XLI span { display:block; margin-left: 72px } .hlp-page .XLI span[mono="1"] { font-family:Monospace; float:left; margin-left:0px; margin-right:4px } .hlp-page .XLI a { text-decoration:underline;color:#0000ee } .hlp-page .XLI a:hover { text-decoration:underline;color:#0000ee } .hlp-page .XLI a:visited { text-decoration:underline;color:#0000ee } .hlp-page .XLC { margin-top:8px; line-height:20px; margin-left:8px; padding: 8px 8px 8px 12px; background:#FCF8E3; font-size: 14px; color:#80653B; font-weight: normal; border: 1px solid #FAEBCC; } .hlp-page .XLC span { left:16px; } .hlp-page .XLR { margin-top:8px; line-height:20px; margin-left:8px; padding: 8px 8px 8px 12px; background:#F2DEDE; font-size: 14px; color:#9A3F5C; font-weight: normal; border: 1px solid #EBCCD1; } .hlp-page .XLR span { left:16px; } .hlp-page .XLR a { text-decoration:underline;color:#0000ee } .hlp-page .XLR a:hover { text-decoration:underline;color:#0000ee } .hlp-page .XLR a:visited { text-decoration:underline;color:#0000ee } .hlp-page .XLW { margin-top:8px; line-height:20px; margin-left:8px; padding: 8px 8px 8px 16px; background:#808000; color:#ffffff; font-size: 14px; font-weight: normal; } .hlp-page .XLW span { left:16px; } .hlp-page .XLB { margin-top:8px; margin-bottom:8px; line-height:20px; margin-left:8px; padding: 8px 8px 12px 4px; background:#cce6ff; color:#444; font-size: 14px; font-weight: normal; border: 1px solid #AED7FF; } .hlp-page .XINFO span { margin-left:24px } .hlp-page .XLB span { left:48px; } .hlp-page .XLB .n { margin-left:60px; padding:4px 8px 0px 0px; position: relative; } .hlp-page .XLB .n[type="N"]::before { color: #0000ee; content: url('data:image/svg+xml; utf8, <svg width="24" height="24" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" id="IconChangeColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 13C12.5523 13 13 12.5523 13 12V3C13 2.44771 12.5523 2 12 2H3C2.44771 2 2 2.44771 2 3V6.5C2 6.77614 2.22386 7 2.5 7C2.77614 7 3 6.77614 3 6.5V3H12V12H8.5C8.22386 12 8 12.2239 8 12.5C8 12.7761 8.22386 13 8.5 13H12ZM9 6.5C9 6.5001 9 6.50021 9 6.50031V6.50035V9.5C9 9.77614 8.77614 10 8.5 10C8.22386 10 8 9.77614 8 9.5V7.70711L2.85355 12.8536C2.65829 13.0488 2.34171 13.0488 2.14645 12.8536C1.95118 12.6583 1.95118 12.3417 2.14645 12.1464L7.29289 7H5.5C5.22386 7 5 6.77614 5 6.5C5 6.22386 5.22386 6 5.5 6H8.5C8.56779 6 8.63244 6.01349 8.69139 6.03794C8.74949 6.06198 8.80398 6.09744 8.85143 6.14433C8.94251 6.23434 8.9992 6.35909 8.99999 6.49708L8.99999 6.49738" fill="currentColor" id="mainIconPathAttribute"></path> </svg>'); position: absolute; margin-left:-32px; top: 4px; left: 0; font-size:32px; } .hlp-page .XLB .n[type="T"]::before { content: "\27A5"; position: absolute; margin-left:-32px; top: 4px; left: 0; font-size:26px; color: #222; } .hlp-page .XLB .n[type="P"]::before { content: "\2193"; position: absolute; margin-left:-26px; top: 4px; left: 0; font-size:26px; font-weight: bold; color: #222; } .hlp-page .XLB a { text-decoration:underline;color:#0000ee } .hlp-page .XLB a:hover { text-decoration:underline;color:#0000ee } .hlp-page .XLB a:visited { text-decoration:underline;color:#0000ee } .hlp-page .XLT { margin-top:2px; line-height:20px; margin-left:0px; padding: 8px 8px 8px 37px; background:#ffffff; font-size: 14px; font-weight: normal; } .hlp-page .XLT span { left:16px; } .hlp-page .XLD { margin-top:8px; line-height:20px; margin-left:8px; padding: 8px 8px 8px 12px; background:#dddddd; font-size: 14px; font-weight: normal; } .hlp-page .XLD span { left:16px; } .hlp-page .XLA { margin-top:2px; line-height:20px; margin-left:0px; padding: 5px 8px 5px 8px; background:#ffffff; font-size: 14px; font-weight: normal; } .hlp-page .XLA span { left:16px; } .hlp-page .XLA info { color:#777777; } .hlp-page pre { tab-size:4; user-select: text; background:#eee; margin-left:8px; border-left: 8px solid #ddd; padding-top:10px } .hlp-page pre[type="js"] { background:#B9DCFF; border-left: 8px solid #75BAFF; color:#222 } .hlp-page pre[type="xx"] { background:#fff; border-left: 0px; color:#222 } .hlp-page xmp { tab-size:4; user-select: text; background:#eee; margin-left:8px; border-left: 8px solid #ddd } .hlp-content { } .hlp-content li { position:relative; color:#000080; white-space1: nowrap; text-overflow1: ellipsis; margin-left:0px; list-style-type: none; padding: 8px 0px 8px 20px; font-size: 14px; font-weight: normal; border-bottom: 1px solid #ddd;  } .hlp-content li[grp="yes"] { border-left:4px solid #ccc; padding-left:16px;background:#eee; } .hlp-content li[sel="yes"] { padding-left:16px;background:#7c91ac;color:#ddd; } .hlp-content li[sub="yes"] { border-left: 12px solid #ccc; padding-left:8px; } .hlp-content li a, .hlp-content li a:visited { text-decoration:none;color:inherit } .hlp-content li a:hover { text-decoration:underline;color:#0000ff } .hlp-content li[nil="yes"] { color:#aaaaaa } .hlp-content .manual { margin-left:0px; text-decoration:none; background:#ffffff; list-style-type: none; padding: 8px 8px 8px 8px; font-size: 14px; font-weight: normal; border-right-x: 4px solid #cccccc; } .hlp-content .group { margin-left:0px; border-top: 1px solid #cccccc; text-decoration:none; background:#eee; list-style-type: none; padding: 8px 8px 8px 12px; font-size: 14px; font-weight: normal; border-right-x: 4px solid #cccccc; } .hlp-content .group::after { content: "\276F"; float:right; margin-top:-2px; padding-right:4px; color:#444; } .hlp-content .group[grp="yes"] { background:#eee; border-bottom: 1px solid #dddddd; border-left: 0px solid #7c91ac; } .hlp-content .group[grp="yes"]::after { color:#ccc; } .hlp-content .group[nil="yes"] { color:#aaaaaa } .hlp-content .group a { text-decoration:none;color:inherit } .hlp-content .group a:hover { text-decoration:underline;color:#0000ff } .hlp-content li img { position:absolute; margin-top:4px; display:none; } .hlp-content li span { position:relative; left:0px; margin-top:8px; } .hlp-page .XLG { position:relative; margin-top:8px; padding: 8px 8px 8px 37px; font-size: 14px; font-weight: normal; } .hlp-page .XLG img { margin-left:60px; border-radius: 6px; border:2px solid #444; box-shadow: 0px 0px 8px 1px #444; } .hlp-page .XLG video { margin-left:60px;border-radius: 6px; border:2px solid #444; box-shadow: 0px 0px 8px 1px #444; } .hlp-page .XGO { margin-top:4px; margin-left:8px; padding-top:4px; padding-bottom:4px; height:16px; border-radius1:10px; border-bottom1: 2px solid #000080; color:#000080; background:#ffffff; font-size: 14px; font-weight: normal; } .hlp-page .XGO a { position:relative; color:inherit; text-decoration: none; left:16px; } .hlp-page .XGO a:hover { text-decoration:underline;color:#0000ff } .hlp-page .XGO:before {	content: "\2022"; font-size:24px; vertical-align: middle; display: inline-block; margin-left:24px; margin-top:-2px; } .hlp-page .XCONSOLE { padding: 0px 8px 8px 28px; color: #0000ff; font-size: 14px; font-family: "Courier New", Courier, monspace; font-weight: normal; } .hlp-page .XTEXT { padding: 0px 8px 0px 8px; line-height:20px; font-size: 14px; font-weight: normal; } .hlp-page .XMENU { padding: 0px 4px 8px 4px; margin-left:44px; line-height:14px; font-size: 16px; font-weight: normal; } .hlp-page .XCODE { padding: 0px 8px 8px 8px; line-height:20px; font-family:"Courier"; font-size: 14px; font-weight: normal; } /* msr ---------------------------------------------------------------------- */ .pds-box { width:100%; height:80px; margin-top:100px; position:absolute; display:block; } @media not screen and (min-width: 872px) { .pds-box { margin-top:60px; } } .pds-box a { color:#fff; text-decoration: none; font-size:36px; font-weight:bold; } .pds-search { margin-top: 16px; margin-bottom: 2px; padding-left:24px; padding-right:24px; } .pds-search input { border: 4px solid #dddddd; margin: 4px 0px 4px 0px; padding: 1px 6px 1px 6px; border-radius: 24px; font-size:16px; width: 600px; box-sizing: border-box; height:44px; } @media not screen and (min-width: 872px) { .pds-search input { width: 100%; } } .pds-search select { border: 4px solid #dddddd; margin: 4px 4px 4px 4px; padding: 1px 6px 1px 6px; border-radius: 24px; font-size:16px; width: 600px; height:46px; } .pds-search select[platform="1"] { width: 160px; } .pds-form[type="HS"] { background:-webkit-linear-gradient(top, #06A5B1, #fff); } .pds-form[type="RT"] { background:-webkit-linear-gradient(top, #E94486, #fff) } .pds-form[type="PP"] { background:-webkit-linear-gradient(top, #777777, #fff) } .pds-form[type="DV"] { background:-webkit-linear-gradient(top, #777777, #fff) } /* myh ---------------------------------------------------------------------- */ .myh-back { margin-top:12px; } .myh-left { border:8px solid #ffffff; background:#ffffff; height:96%; } .myh-imgs { width:48px; float:left; } @media screen and (min-width: 680px) { .myh-back { position:relative; margin-left:216px; } .myh-left { float:left; margin-left:-216px; width:192px; position:absolute; } } @media not screen and (min-width: 700px) { .myh-imgs { display:none; } } .panel { height:100%; } /* form ---------------------------------------------------------------------- */ .pds-back { margin:0 auto; min-height:100%; background:#fff; overflow:hidden; position: relative; height:auto; box-shadow: 0px; padding-top:0px; } .pds-left { background:#eee; padding-top:10px; padding-bottom:36px; border-right:0; margin:8px 8px 8px 8px; box-sizing: border-box; box-shadow: 1px 0 8px rgba(0,0,0,.3); } .pds-left[long="1"] { background:#fff; box-shadow: 0px 0 0px #fff; border-right:4px solid #ddd; } .pds-main { border-right:0; border-left:0; background:inherit; padding-top:24px; } @media screen and (min-width: 980px) { .pds-back { width:100%; display:table; max-width:944px; } .pds-left { min-width:224px; padding-top:0px; position:relative; padding-top:10px; top:50px; float:left; min-height1:100%; } .pds-vert { width:200px; padding-top:46px; padding-left:8px; padding-right:8px; } .pds-vert[disp="0"] { position: fixed; } .pds-vert[disp="1"] { position: relative; } .pds-vert[disp="2"] { position: absolute; } .pds-main { margin-left:232px; vertical-align:top; height:100%; } } @media not screen and (min-width: 980px) { .pds-left[sel="yes"] { display:none; } .pds-main { padding-left:0px; } } @media screen and (min-width: 980px) { .pds-back { margin-top:40px; } .pds-main[emb="1"] { min-height:700px; } .pds-left[long="1"] { position:absolute; box-sizing: border-box; bottom:0; height:100%; } .pds-left[fix="1"] { box-sizing: border-box; position:fixed; } } .pds-main H1 { font-size:22px; font-weight:normal; color:#999; padding:4px 0px 6px 80px; margin:0; } .pds-left .line { padding: 10px 0px 4px 12px; border-bottom: 1px solid #ddd; height:22px; color:#606060; } .pds-left .line img { margin-right:4px; margin-top:4px; } .pds-left .line:hover { background:#C4E1FF; } .pds-vert .line[sel="0"] { } @media not screen and (min-width: 980px) { .pds-vert .line[sel="0"] { display:none; } .pds-vert[exp="1"] .line[sel="0"] { display:block; } } .pds-vert .line[sel="1"] { display:block; } .pds-vert .line[sel="2"] { display:block; background:#55acee; color:#fff; } .pds-vert a, .pds-vert a:hover { text-decoration:none; } .pds-vert a, .pds-vert a:visited, .pds-vert a:link1, .pds-vert a:active1{ color:#444; } .pds-left .line[sel="true"] { background:#7c91ac; color:#ffffff; } .pds-left .line[type="bck"] { padding-right:24px; padding-left:20px; font-size:20px; line-height:18px; color:#999; } .pds-left .line[type="bck"] span { font-size:15px; padding-left:8px; vertical-align: middle; margin-top:-3px; display:inline-block; color:#999; } .pds-left .line[type="img"] { padding-top: 2px; height:35px; } .pds-left .line[type="img"]:hover { background:inherit; } .pds-left .line[type="hdr"] { background:#777; color:#eee; } .pds-left .line[type="hdr"]:hover { background:#777; } .pds-left .line[type="app"] { border-bottom: 1px solid #eee; color:#777; } .pds-left .line[type="app"]:hover { background:inherit; } .pds-left .line a:hover { text-decoration:underline; } .pds-left .line a, .pds-left .line a:visited, .pds-left .line a:link, .pds-left .line a:active{ color:#444; } .pds-vert .line[sel="2"] a{ color:#fff; } .pds-left img { float: left; border-style: none; width:32px; height:32px; margin-top:-4px; } .pds-left .line text { margin-left: 8px; margin-top: 8px; float: left; font-size: 14px; } .pds-left .link { padding: 10px 4px 4px 12px; margin: 4px 0px 2px 0px; height:26px; background:#ffffff; font-size: 14px; color:#00ff00; border: 0px; } .pds-left .link a { text-decoration: none; color:#50a0ab; } .pds-left H1 { padding: 4px 0px 4px 20px; margin: 14px 6px 4px 14px; background:#ffffff; height:32px; font-size: 16px; color:#606060; font-size: 14px; } /* emb ! ---------------------------------------------------------------------- */ /* ds ---------------------------------------------------------------------- */ .pds-ds-out { margin-left:60px; margin-right:60px; width:840px; } @media not screen and (min-width: 1000px) { .pds-ds-out { width:560px; } } @media not screen and (min-width: 700px) { .pds-ds-out { width:280px; } } @media not screen and (min-width: 420px) { .pds-ds-out { margin-left:0px; margin-right:0px; } } .pds-ds-box { height:340px; width:100%; box-sizing: border-box; overflow:hidden; } .pds-ds-box[type="mobile"] { height:500px; } .pds-ds-scroll { transition: all 0.4s ease-in-out; white-space: nowrap; } .pds-ds { display:inline-block; padding:12px 8px 12px 8px; width:280px; box-sizing: border-box; color:#444444; box-sizing: border-box; white-space: normal; } .pds-ds[vis="0"] { display:none; } .pds-ds:hover { opacity:0.6; } .pds-ds[type="mobile"]:hover { opacity:1; } .pds-ds:hover[video="1"] { opacity:1; } .pds-ds .xf { padding-top:12px; overflow:hidden; border-radius:4px; background-color: #fff; height:312px; } .pds-ds .xu H3 { margin:0px 0px 0px 0px; padding:8px 16px 8px 16px; line-height:24px; position:relative; background:#eee; font-weight:normal; font-size:16px; color:#444; -webkit-transition: background-color 1s; transition: background-color 1s; } .pds-ds a { text-decoration: none; color:#444444; } .pds-ds H1 { text-align:center; z-index:1; position:relative; margin-top:12px; margin-bottom:12px; font-size:18px; font-weight:bold; text-shadow:0; color:#444; } .pds-ds H2 { text-align:center; z-index:1; position:relative; margin-top:0px; margin-bottom:4px; font-size:15px; } .pds-ds .xu H3 { margin:0px 0px 0px 0px; padding:8px 16px 8px 16px; line-height:24px; height:110px; position:relative; background:#eee; font-size:16px; color:#444; -webkit-transition: background-color 1s; transition: background-color 1s; } .pds-ds img { padding-top:0px; margin-bottom:8px; height:167px; } .pds-ds img[type="pos"] { height:163px; box-shadow: 0px 0px 4px 1px #777; border:2px solid #444; border-radius:4px; } .pds-ds img[type="mob"] { height:163px; box-shadow: 0px 0px 4px 1px #777; border:2px solid #444; border-radius:4px; } .pds-ds img[type="mobile"] { height:433px; border-radius:8px; border:2px solid #ccc; box-shadow: 0px 0px 8px 1px #444; } .pds-ds img[bck="1"] { } .pds-ds video { padding-top:0px; margin-bottom:8px; height:163px; outline:none; } .pds-wr { float:right; color:#444; font-size:64px; margin-top:-210px; user-select: none; cursor:pointer; padding-right:8px; position: relative; z-index:2; } .pds-wr[type="mobile"] { margin-top:-290px; } .pds-wr[disabled="1"] { color:#ccc; } .pds-wr:hover { color:#0070c8; } .pds-wr[disabled="1"]:hover { color:#ccc; } .pds-wl { float:left; color:#444; font-size:64px; margin-top:-210px; user-select: none; cursor:pointer; padding-left:8px; position: relative; z-index:2; } .pds-wl[type="mobile"] { margin-top:-290px; } .pds-wl[disabled="1"] { color:#ccc; } .pds-wl:hover { color:#0070c8; } .pds-wl[disabled="1"]:hover { color:#ccc; } .pds-header H0 { position:absolute; margin:auto; left:0; right:0; width:100%; box-sizing: border-box; margin-top:78px; font-size:28px; font-weight1:bold; text-shadow: 1px 1px #000; color:#ffffff; white-space: nowrap; text-align:center; } @media not screen and (min-width: 872px) { .pds-header H0 { margin-top:32px; } } @media not screen and (min-width: 440px) { .pds-header H0 { margin-top:40px; padding-left:16px; } } .pds-mto { padding-top:16px; padding-left:16px; padding-right:16px; padding-bottom:24px; } .pds-mto li { list-style-type: none; border-width: 0px; font-weight: normal; margin: 0px 4px 0px 4px; overflow: hidden; position: relative; } .pds-mto li[book="yes"] { height1: 86px; border-bottom: 2px solid #ccc; margin-top:24px; } .pds-mto li[work="yes"] { border-top: px solid #dddddd; } .pds-mto li[link="yes"] { height: 30px; line-height: 24px; padding-top:0px; padding-bottom:6px; border-bottom: 1px solid #eee; } .pds-mto li[text="yes"] { line-height: 24px; } .pds-mto li[butt="yes"] { height: 48px; } .pds-mto li a { text-decoration: none; color:#000080; } .pds-mto li a:hover { text-decoration: underline; color:#0000ff; } .pds-mto li banner{ position: relative; float:left; width:80px; height:82px; } .pds-mto li img{ position: absolute; top: 50%; left: 50%; margin-left: -22px; margin-top: -22px; width:40px; height:40px; } .pds-mto li topic{ position:absolute; display:block; left:78px; top:8px; font-size: 20px; color:#444; } .pds-mto li .link{ position:absolute; display:block; left:78px; top:8px; font-size: 16px; color:#444; } .pds-mto li .text{ position:absolute; display:block; left:78px; top:8px; font-size: 14px; color:#444; } .pds-mto li dets{ position:absolute; display:block; left:88px; font-size: 15px; top:30px; } .pds-mto li manual{ position:absolute; line-height:18px; display:block; left:78px; top:40px; font-size: 15px; color:#444444; } /* report ---------------------------------------------------------------------- */ .reps { overflow-x:auto; max-width:920px; margin:0 auto; margin-top:0px; margin-bottom:36px; padding:24px 0px 24px 0px; border-radius:16px; border:4px solid #eee; } .rep2 { width:900px; overflow:hidden; } .rep2 .band { } .rep2 .row { background:#fff; overflow: hidden; width:2000px; padding-left:16px; } .rep2 .row:hover { background:#fff000; } .rep2 .row[eee="1"] { } .rep2 .sep { float: left; display: inline; overflow: hidden; } .rep2 .box { float: left; display:  inline-block; vertical-align:middle; text-align:left; margin: auto; padding:0; height:100%; background:inherit; color:#000; opacity:1; font-weight:normal; vertical-align: middle; font-family:Tahoma; overflow: hidden; } .rep2 .logo { float: left; display:  inline-block; vertical-align:middle; margin: auto; padding:0; height:100%; background:#fff; color:#000; opacity:1; font-weight:normal; vertical-align: middle; font-family:Tahoma; overflow: hidden; } /* order... ---------------------------------------------------------------------- */ .pos-order { } .pos-order li { height: 32px; background: #ffffff; list-style-type: none; border-top-color: #eeeeee; border-width: 0px; border-top-width: 2px; border-style: dotted; font-size: 20px; font-weight: normal; padding-top: 10px; padding-left: 2px; overflow: hidden; white-space:nowrap; } .pos-order li[touch="yes"] { background: #0000ff; color: #ffffff; } .pos-order li[kitok="0"] { background: #f0f3c0; } .pos-order li[dr="1"] { background: #b4b4ff; } .pos-order li[voided="1"] { background: #f0c0c0; } .pos-order li[sel1="yes"] { background:#00ff00; } .pos-order li[kind="H"] { } .pos-order li[kind="X"] { padding-left: 108px; } .pos-order li[kind="F"] { padding-left: 108px; } .pos-order li[kind="B"] { color: #800080; } .pos-order li[kind="B"]:active1 { background: #0000ff; color: #ffffff; } .pos-order li[kind="D"] { color:#000080; } .pos-order li[kind="A"] { color:#ff0000; } .pos-order li[kind="Y"] { color:#008000; } .pos-order[order="yes"] li:last-child { border-bottom-width:0; } .pos-order li span { float: left; overflow: hidden; max-width: 160px; } .pos-order li text { margin-left: 8px; } .pos-order li value { margin: 0px 10px 0px 4px; float:right; width:60px; text-align:right; white-space: nowrap; } .pos-order li total { margin: 0px 10px 0px 4px; float:right; width:80px; text-align:right; white-space: nowrap; } .pos-order li line[dis="1"] { background:#000080; position:absolute; left:64px; width:100px; height:3px; } .pos-order li line[crg="1"] { background:#ff0000; position:absolute; left:64px; width:100px; height:3px; } .pos-order li line[pay="1"] { background:#008000; position:absolute; left:64px; width:100px; height:3px; } .pos-order li line[cob="1"] { background:#800080; position:absolute; left:64px; width:100px; height:3px; } .pos-order li gi { margin: 0px 4px 0px 4px; font-weight:bold; float:right; color:#800080; } .pos-order li price { margin: 0px 10px 0px 4px; float:right; width:60px; text-align:right; } .pos-order li count { margin: 0px 4px 0px 4px; font-weight:bold; float:right; color:#0000ff; } .pos-order li quantity { margin-right: 8px; float:left; width:48px; font-weight:bold; text-align:right; color:#3e78b3; } .pos-order li sep { position:relative; left:54px; width:2px; height:46px; float:left; top: -12px; border-left-color: #666666; border-width: 2px; border-left-style: solid; } .pos-order li cat { padding: 8px 8px 8px 8px; font-size:24px; font-weight:bold; } .pos-order li add { width:48px; height:48px; vertical-align:center; float: left; color: #ffffff; text-decoration: none; display: inline-block; background-position: center center; background-repeat: no-repeat; margin: 0px 4px 0px 4px; background-image: url(images/plus48.png); } .pos-order li del { width:48px; height:48px; vertical-align:center; float: left; color: #ffffff; text-decoration: none; display: inline-block; background-position: center center; background-repeat: no-repeat; margin: 0px 4px 0px 4px; background-image: url(images/del48.png); } .pos-order li nil { width:52px; height:48px; float: left; text-decoration: none; display: inline-block; margin: 0px 4px 0px 4px; } .pos-order li[kind="M"] { list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; border-style: none; font-size: 18px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height: 14px; color:#999999; padding: 0px 8px 8px 0px; } .pos-order li[kind="O"] { list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; border-style: none; font-size: 18px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height: 14px; color:#999999; padding: 0px 8px 8px 0px; } .pos-order li[kind="C"] { list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; border-style: none; font-size: 18px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height: 14px; color:#999999; padding: 0px 8px 8px 0px; } .pos-order li[kind="Z"] { list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; border-style: none; font-size: 18px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height: 14px; color:#999999; padding: 0px 8px 8px 0px; } .pos-order li[attr="yes"]{ list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; border-style: none; font-size: 18px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; height: 14px; color:#999999; padding: 0px 8px 8px 56px; } .pos-order li:first-child { border-top-width: 0px; } .pos-order li:last-child[attr="yes"] { border-style: dotted; border-bottom-width: 1px; } /* over ---------------------------------------------------------------------- */ .back { top: 0; left: 0; height: 100%; position: fixed; z-index: 999; background:rgba(0,0,0,0.3); } .over { position:fixed; padding-top: 40px; top:0; right:0; width:140px; height:100%; background:#cccccc; border-left: 8px solid #bbbbbb; z-index:900; } .over [visible="false"] { display:none; } /* attrs ---------------------------------------------------------------------- */ .pos-attrs { --background: #ff0000; } .pos-attrs li { background: #eeeeee; list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; font-size: 16px; font-weight: normal; padding: 4px 0px 4px 0px; margin: 4px 0px 0px 0px; color: #222222; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; -webkit-tap-highlight-color:#0000ff; } .pos-attrs li:active1 { background: #0000ff; color: #ffffff; } .pos-attrs li span { font-size: 18px; font-weight: normal; margin-top: 8px; } .pos-attrs li img { float: left; padding: 6px 6px 6px 6px; margin-left: 4px; margin-right: 2px; width: 32px; height: 32px; } .pos-attrs goto { width: 0px; height: 0px; border-bottom: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid #333333; margin-top: 14px; margin-right: 16px; float:right; } /* menu... ---------------------------------------------------------------------- */ .pos-menu { } .pos-menu li { height: 48px; background: #ffffff; list-style-type: none; border-bottom-color: #eeeeee; border-width: 0px; border-bottom-width: 2px; border-style: solid; font-size: 20px; font-weight: normal; padding-top: 2px; padding-left: 2px; overflow: hidden; white-space:nowrap; } .pos-menu li[exists="1"] { background: #00ff00; } .pos-menu li[touch="yes"] { background: #0000ff; color:#ffffff; } .pos-menu li[disabled="yes"] { background: #999999; } .pos-menu li:active1 { background: #0000ff; color: #ffffff; } .pos-menu li[sel1="yes"] { background:#00ff00; } .pos-menu[order="yes"] li:last-child { border-bottom-width:0; } .pos-menu li span { padding: 12px 8px 8px 8px; font-size:20px; font-weight:bold; float: left; display: inline; } .pos-menu li itm { padding: 12px 8px 8px 8px; font-size:20px; font-weight:bold; float: left; display: inline; color:#3e78b3; } .pos-menu li mat { padding: 12px 8px 8px 8px; margin-left:48px; font-size:20px; font-weight:bold; float: left; display: inline; color:#3e78b3; } .pos-menu li not { padding: 12px 8px 8px 8px; margin-left:48px; font-size:20px; font-weight:bold; float: left; display: inline; color:#3e78b3; } .pos-menu li price { padding: 12px 8px 8px 8px; font-size:20px; font-weight:bold; float:right; width:40px; text-align:right; float: right; display: none; } .pos-menu li count { margin: 2px 32px 8px 4px; font-size:24px; font-weight:bold; float:right; color:#bbbbbb; } .pos-menu li cat { padding: 8px 8px 8px 8px; font-size:20px; font-weight:bold; left:0px; float: left; display: inline; } .pos-menu li next { margin: 5px 5px 5px 5px; float: right; width:40px; height:40px; top:0px; background: url(next.png) no-repeat; } .pos-menu li rqblocked { margin: -1px 44px 0px 0px; float: right; width:40px; height:40px; top:0px; background: url(img-x.png) no-repeat; } .pos-menu li menu { margin: 5px 5px 5px 5px; float: left; height:40px; top:0px; background: url(menu.png) no-repeat; } .pos-menu li add { width:36px; height:48px; vertical-align:center; float: left; color: #ffffff; text-decoration: none; display: inline-block; background-position: center center; background-repeat: no-repeat; margin: 0px 4px 0px 4px; background-image: url(add.png); } .pos-menu li del { width:48px; height:48px; vertical-align:center; float: left; color: #ffffff; text-decoration: none; display: inline-block; background-position: center center; background-repeat: no-repeat; margin: 0px 4px 0px 4px; background-image: url(images/del48.png); } .pos-menu li more { width:48px; height:48px; vertical-align:center; float: left; color: #ffffff; text-decoration: none; display: inline-block; background-position: center center; background-repeat: no-repeat; margin: 0px 4px 0px 4px; background-image: url(images/del48.png); } .arrow-right { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid green; } .pos-menu li[attr="yes"]{ list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; border-style: none; font-size: 18px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; -webkit-tap-highlight-color:#0000ff; height: 14px; color:#999999; padding: 0px 8px 8px 56px; } .pos-menu li:last-child[attr="yes"] { border-style: dotted; border-bottom-width: 1px; } .pos-menu div img { width: 100%; border: none; } /* builder ---------------------------------------------------------------------- */ .pos-menu-builder { } .pos-menu-builder li { height: 44px; background: #ffffff; list-style-type: none; font-size: 20px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; } .pos-menu-builder li[kind="input"] { border-top-color: #eeeeee; border-width: 0px; border-top-width: 2px; border-style: dotted; } .pos-menu-builder li[kind="group"]{ height: 40px; background:#aaaaaa; color:#ffffff; margin: 8px 8px 8px 8px; padding: 8px 8px 8px 8px; height: 24px; } .pos-menu-builder li[kind="group"][expanded="1"]{ background-image: url(img-zoomout.png); background-repeat: no-repeat; background-position: center right; } .pos-menu-builder li[kind="group"][expanded="0"]{ background-image: url(img-zoomin.png); background-repeat: no-repeat; background-position: center right; } .pos-menu-builder li[kind="header"]{ height: 40px; background:#00ff00; color:#000000; margin: 8px 8px 8px 8px; padding: 8px 8px 8px 8px; height: 24px; } .pos-menu-builder li[kind="rq"]{ height: 40px; background:#ffffff; color:#008000; margin: 8px 8px 8px 8px; padding: 8px 8px 8px 8px; height: 24px; font-weight:bold; text-align:right; } .pos-menu-builder li[kind="rq"][warning="1"]{ background:#ff0000; color:#ffffff; } .pos-menu-builder li[nodisp="yes"]{ display:none; } .pos-menu-builder li quantity{ height:40px; width:60px; float:left; text-align:right; padding-right: 4px; margin-right: 4px; background:#ffffff; color:#3e78b3; height: 24px; } .pos-menu-builder li input { padding-left: 8px; padding-right: 8px; height:100%; -webkit-appearance:none; border:none; float:left; font-size: 16px; font-weight: bold; } .pos-menu-builder li button { width: 64px; height:100%; background: #00ff00; float:left; text-align:center; font-size: 20px; font-weight: bold; margin: 2px 2px 2px 2px; border: solid 2px rgb(170,170,170); background:#000fff; color:#ffffff; } .pos-menu-builder li input[valid="yes"] { background: #00ff00; } .pos-menu-builder li input[type="radio"] { } .pos-menu-builder li input[type="radio"]:checked { background: #00ff00; } .pos-menu-builder li input[type="checkbox"] { } .pos-menu-builder li input[type="checkbox"]:checked { background: #00ff00; } .pos-menu-builder button1 { margin: 8px 8px 8px 8px; padding: 8px 8px 8px 8px; height: 24px; text-align:center; font-size: 20px; font-weight: bold; -webkit-border-radius: 12px; border: solid 2px rgb(170,170,170); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(174,174,174,0.85)), color-stop(0.5, rgba(120,120,120,0.85)), color-stop(0.5, rgba(112,112,112,0.85)), to(rgba(114,114,114,0.85))); background:#ff0000; color:#ffffff; } /* menu-selector ---------------------------------------------------------------------- */ .pos-menu-selector { width:320px; } .pos-menu-selector li { height: 50px; background: #ffffff; list-style-type: none; border-bottom-color: #cccccc; border-width: 0px; border-bottom-width: 1px; border-style: dotted; font-size: 20px; font-weight: normal; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; -webkit-tap-highlight-color:#0000ff; }