:root{--a-color:#3498db;--caption_font:16px;--input_font:18px;--button_font:15px;--icon_font:22px;--help_font:13px}.center,.center img{margin:0 auto}body{max-width:680px;width:100%;margin:0 auto}.my-footer{width:90%;max-width:680px;background-color:#d9ddee;font-size:0.8em;border-top:1px solid;border-color:#b2a394;margin:0 auto 10px;padding:5px 0 5px;bottom:0;text-align:center;color:#3462ac}.my-banner{padding:20px 20px 0;margin:0 auto}.my-banner img{display:block;margin:0 auto;height:60px}.paymentlogo img{padding:5px;border-radius:4px;border:solid 1px;border-color:#657fbd;width:100px;height:100px}.top-menu{border-top:1px solid;border-color:#b2a394;padding-top:10px;width:90%;display:grid;grid-template-columns:2fr 3fr 2fr;grid-template-rows:auto;gap:25px;margin:10px auto 10px;font-weight:bold}.top-menu div{text-align:center;border-radius:5px;background-color:#d9ddee;width:100%;padding:3px 0}.top-menu i{margin:0px 10px;color:#f49819;line-height:25px;font-weight:bold;font-size:25px}.top-menu span{margin:0px;color:#3462ac;line-height:25px;font-size:var(--button_font)}.account-infos{border-top:1px solid;border-color:#b2a394;padding-top:10px;color:#3782d8;width:90%;margin:0px auto;display:grid;grid-template-columns:5fr 1fr;grid-template-rows:auto;column-gap:10px}.account-infos i{margin:3px 5px;font-size:var(--caption_font);color:#3782d8}.account-infos span{margin:3px;font-size:var(--button_font);color:#777}.exit_but i{margin:0px;color:#f49819;font-weight:bold;font-size:40px}.exit_but :hover{background-color:#ffead3}.my-page{width:90%;margin:0 auto 50px;border-top:1px solid;border-color:#b2a394;padding:30px 0 30px}.my-menu{width:90%;margin:20px auto 20px;display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:30px}.my-menu-item{border-radius:6px;background-color:#d9ddee;width:100%;display:grid;align-items:center;grid-template-columns:2fr 3fr;grid-template-rows:auto;row-gap:10px;font-size:var(--button_font)}.my-menu-item img{display:block;margin:0 10px 0 auto;padding:5px;height:100%;width:40px}.my-menu-item label{font-size:var(--button_font);color:#3462ac}.my-menu-item i{display:block;float:right;padding:5px;font-size:35px;color:#f49819;font-weight:bold}.my-caption{border:1px solid;border-radius:6px;background-color:#d9ddee;width:90%;margin:0 auto 30px;display:grid;align-items:center;grid-template-columns:1fr 3fr;grid-template-rows:auto;gap:2px;font-size:var(--caption_font);color:#657fbd;font-weight:bold}.my-caption img{display:block;margin:0 10px 0 auto;padding:2px;width:40px}.my-caption i{float:right;margin-right:20px;padding:5px;font-size:30px;color:#f49819}.my-form{width:90%;margin:0 auto 0px;display:grid;align-items:center;grid-template-columns:1fr;grid-template-rows:auto;column-gap:10px;row-gap:30px;font-size:var(--button_font)}.my-button{border-radius:4px;background-color:#d9ddee;display:grid;margin:0 auto;align-items:center;grid-template-columns:2fr 3fr;grid-template-rows:auto;gap:2px;font-size:var(--button_font);color:#3782d8;font-weight:bold}.my-button img{display:block;float:right;padding:5px;width:100%;max-width:45px}.my-button i{float:right;padding:5px;max-height:45px;font-size:var(--icon_font);color:#f49819;font-weight:bold}.my-button div,.my-menu-item div{padding:4px}.my-button p ,.my-menu-item p{margin:0;font-size:var(--help_font)}.my-button:active,.my-menu-item:active,.top-menu>div:hover{border-radius:3px;border:1px solid;border-color:#657fbd;background-color:#ffead3;transform:translateY(3px);box-shadow:0 0 5px #d9ddee}.my-button:hover ,.my-menu-item:hover ,.top-menu>div:hover{border-radius:3px;border:1px solid;border-color:#657fbd;background-color:#ffead3}.ui-validate-no{padding:0px;background-color:#d9ddee;opacity:0.5}.my-button-blur{margin:0 5%;pointer-events:none;opacity:0.7}.mychoiceblock{display:grid;align-items:center;grid-template-columns:repeat(3,auto);grid-template-rows:auto;gap:20px}.mychoice{border-radius:5px;border:1px solid;display:grid;text-align:center;grid-template-columns:auto;grid-template-rows:auto;font-size:var(--help_font);opacity:0.3}.mychoice:hover{background-color:#ffead3}.mychoice img{padding:0px;width:100%}.mychoice.selected{background-color:#ffead3;transform:scale(2px);box-shadow:3px #d9ddee;opacity:1.0}.my-transaction{display:grid;align-items:left;margin-bottom:20px;padding-top:2px;border-top:#7887ab solid 1px;font-size:var(--help_font);color:#657fbd}.my-cashin i{color:green;font-weight:bold;font-size:25px}.my-cashout i{color:red;font-weight:bold;font-size:25px}.my-transaction .top{font-size:1.1em}.my-transaction .info{}.my-transaction .info span{margin-left:10px;color:#f49819}.my-transaction .status{color:#b2a394}.my-transaction #amount{color:#3782d8;font-weight:bold}@media screen and (max-width:767px){.my-banner{padding:10px 5px 0;margin:0 auto}.my-button{align-items:center;grid-template-columns:1fr 2fr}.my-menu-item{align-items:center;grid-template-columns:1fr 3fr}body{width:100%;margin:0 auto}}input{height:30px}.ui-input-label{margin-bottom:10px;font-size:18px;color:#777}.ui-input-label i{margin-right:10px}.ui-input-control input{border:0;outline:0;background:transparent !important;width:100%;padding:0;margin:0;text-align:center;line-height:30px;font-size:20px;color:#3462ac;resize:none}.ui-input-input{padding:5px 8px 0;position:relative;line-height:30px;font-size:18px}.ui-input-placeholder{color:#657fbd}.ui-input-inner .ui-input-input{padding:0;font-size:20px}ui-input-inner input,.ui-input-inner textarea{font-size:18px}.ui-input-checkbox label{line-height:22px;font-size:20px;color:#777}.ui-input-required.ui-input-raw .ui-input-label:before{content:'*';color:red;margin-right:3px}.ui-input-checkbox span{width:24px;height:24px;line-height:22px;font-size:20px;margin:0 7px 0 0;text-align:center;float:left;border:1px solid #657fbd;border-radius:4px;background:#f4f0d5}.ui-input-error{margin-top:10px;font-size:14px;color:rgb(231, 182, 48)}.ui-input-control i{font-size:16px}.ui-input-increment i{line-height:32px;font-size:20px;cursor:pointer;display:block}.ui-dropdown-container *{font-size:20px;color:#777}.ui-dropdown-label{margin-bottom:3px;font-size:18px}.ui-dropdown-required .ui-dropdown-label:before{color:red;content:'*';margin-right:5px}.ui-dropdown select{width:100%;outline:0;border:0;height:24px;background:white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABmUExURUdwTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAItlF7YAAAAhdFJOUwBhOmj+UgEV/fwRZQ5ea3L1WKdZcG9tW31VeVd1Y1ymVGqm2I8AAACOSURBVDjL7dNHDoAgEAVQCypgwd4b97+kMcYIyKBr41+/hMzMx7L+fCRRACSSmJ9jDgQvvgAdbogjQJrCLqXi2x6BHPHkYVZAkk4de9COg7P7ggqNxI1ulTNSHYr1S49VaUPnsWUZwoecROeaTh5eLjGXwz1d9VSj5HDsuXD17sY31Sw579+VmLX/R/5iNk59I2Ux5kcjAAAAAElFTkSuQmCC) no-repeat 100% 50%;background-size:14px;font-size:14px;float:left;cursor:pointer;padding:0;margin:3px 0 0 -4px;color:#3782d8;appearance:none}.ui-dropdown-required .ui-dropdown-label{font-weight:normal}.ui-dropdown-container select:disabled{background-color:#F0F0F0;cursor:not-allowed;color:gray}.ui-notify figure{background-color:#FFF;box-shadow:0 3px 20px rgba(0,0,0,0.2);border-radius:var(--radius);font-size:16px;padding:0;color:#000;cursor:default;position:relative;height:60px;display:block}.ui-notify-icon{float:left;font-size:30px;padding:0 0 0 10px;width:50px;text-align:center;height:60px;line-height:60px;border-radius:var(--radius) 0 0 var(--radius)}.ui-input-inner .ui-input-icon-left, .ui-input-inner .ui-input-icon-right{height:34px;line-height:50px;color:#777;font-size:20px}.ui-input-raw .ui-input-increment{border:0;position:relative;top:-15px;padding:0px 0 0 !important}.ui-textboxlist-label{margin-bottom:3px;font-size:16px;text-align:left;color:#777}.ui-textboxlist-item>div:first-child{float:right;width:36px;text-align:center;color:#3782d8;font-size:16px;height:35px;border-left:1px solid #E0E0E0}.ui-textboxlist-item input{width:100%;background-color:transparent;border:0;padding:1px 10px 0;border-radius:var(--radius);outline:0;font-size:16px;color:#3782d8;line-height:30px}