*{padding:0;border:0;outline:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a,a:visited,a:active{text-decoration:none}
body{background:#ffc2e4;font-family:Tahoma;font-weight:400;direction:rtl}
.baran{display:block;width:100%;height:100%;position:absolute;text-align:center;padding-bottom:40px;top:8px}
main{padding-top:40px}
.main-box{width:100%;max-width:780px;height:auto;background:#272525;margin:0 auto 0!important;border:7px solid #b64fbd;border-radius:5px;box-shadow:0 1px 5px #aca9a9}
.main-box-inner{width:100%;height:100%;padding:6px;border:3px solid #fff}
.header{height:170px;background-image:url('../images/header.png')}
.navbar{border-top:1px solid #7b6d6d;margin-bottom:10px}
.navbar ul{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;padding:0 30px}
.navbar ul li{list-style:none}
.navbar a{color:#fff;padding:5px 0;display:inline-block;font-size:12px}
.content{display:-ms-flexbox;display:-webkit-box;display:flex}
.content .right,.content .left{width:22%;height:296px}
.content .center{width:55%;padding-top:20px}
.content .center .message{color:#eeee0d;text-align:center;font-weight:600;font-size:16px;margin-bottom:15px}
.content .center .login{background-image:repeating-linear-gradient(0deg,#fff,#fff 30px,transparent 30px,transparent 36px),repeating-linear-gradient(90deg,#fff,#fff 30px,transparent 30px,transparent 36px),repeating-linear-gradient(180deg,#fff,#fff 30px,transparent 30px,transparent 36px),repeating-linear-gradient(270deg,#fff,#fff 30px,transparent 30px,transparent 36px);padding-top:20px;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;flex-direction:column;flex-wrap:wrap;background-position:0 0,0 0,100% 0,0 100%;background-size:2px 100%,100% 2px,2px 100%,100% 2px;background-repeat:no-repeat}
.input-login{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;margin-bottom:8px}
.input-login label,.gender label{color:#fff;vertical-align:middle;display:inline-block;width:52px;font-size:12px}
.input{background:#fff;width:150px;height:25px;border:1px solid #ccc;border-radius:2px;display:inline-block}
.select-gender{width:150px;height:25px;border-radius:2px;background:#ffc2e4;border:1px solid #ccc}
.login button{margin-top:8px;padding:7px 33px;margin-bottom:50px;font-size:12px;margin-right:54px}
.left .address{font-weight:500;color:#fff;text-align:center;margin-top:86px;display:block}
.link{color:#08ff00;font-weight:500;text-align:center;display:block}
.rules{margin-top:4px;background:linear-gradient(#38061f,#080004);color:#fff;padding:15px;border:1px solid #626161;border-radius:6px}
.right p{color:#fff;padding:0 10px}
.rules p{line-height:22px;font-size:12px}
.rules span{font-size:12px}
.tags{text-align:center}
.right{margin-top:78px}
.right span{padding:0 20px;display:block;margin-bottom:10px;font-size:15px;color:#08ff00}