5078 width: 100%; |
5078 width: 100%; |
5079 height: 100%; |
5079 height: 100%; |
5080 position: fixed; |
5080 position: fixed; |
5081 top: 0; |
5081 top: 0; |
5082 left: 0; |
5082 left: 0; |
5083 background: rgba(0, 0, 0, 0.6); |
5083 background: rgba(80, 80, 80, 0.7); |
5084 z-index: 100000; |
5084 z-index: 100000; |
5085 } |
5085 } |
5086 @media screen and (max-width: 450px) and (max-width: 767px) { |
5086 @media screen and (max-width: 450px) and (max-width: 767px) { |
5087 .MessageBox { |
5087 .MessageBox { |
5088 width: 100%; |
5088 width: 100%; |
5089 height: 100%; |
5089 height: 100%; |
5090 position: fixed; |
5090 position: fixed; |
5091 top: 0; |
5091 top: 0; |
5092 left: 0; |
5092 left: 0; |
5093 background: rgba(0, 0, 0, 0.6); |
5093 background: rgba(80, 80, 80, 0.7); |
5094 z-index: 100000; |
5094 z-index: 100000; |
5095 } |
5095 } |
5096 } |
5096 } |
5097 .MessageBoxContainer { |
5097 .MessageBoxContainer { |
5098 top: 35%; |
5098 top: 35%; |
5099 color: #fff; |
5099 color: #fff; |
5100 position: relative; |
5100 position: relative; |
5101 width: 100%; |
5101 width: 100%; |
5102 background-color: #232323; |
5102 background-color: rgba(0, 0, 0, 0.7); |
5103 background-color: rgba(0, 0, 0, 0.8); |
|
5104 padding: 20px; |
5103 padding: 20px; |
|
5104 } |
|
5105 .MessageBoxContainer.info { |
|
5106 width: 60%; |
|
5107 left: 20%; |
|
5108 background-color: rgba(255, 255, 255, 0.9); |
|
5109 color: #333; |
5105 } |
5110 } |
5106 @media screen and (max-width: 450px) and (max-width: 767px) { |
5111 @media screen and (max-width: 450px) and (max-width: 767px) { |
5107 .MessageBoxContainer { |
5112 .MessageBoxContainer { |
5108 top: 25%; |
5113 top: 25%; |
5109 color: #fff; |
5114 color: #fff; |
5110 position: relative; |
5115 position: relative; |
5111 width: 100%; |
5116 width: 100%; |
5112 background-color: #232323; |
5117 background-color: rgba(0, 0, 0, 0.7); |
5113 } |
5118 } |
5114 } |
5119 } |
5115 .MessageBoxContainer input, |
5120 .MessageBoxContainer input, |
5116 .MessageBoxContainer select { |
5121 .MessageBoxContainer select { |
5117 width: 50%; |
5122 width: 50%; |