.wrapper{ position: absolute; top: 0; left: 50%; width: 100%; height: 100%; max-width: 19.2rem; max-height: 8.5rem; font-family: arial,'Kanit'; font-size: .22rem; color: #B44725; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.wrapper::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 2.83rem; height: 6rem; background-repeat: no-repeat; background-size: 100% 100%;  }
.wrapper::after{ content: ""; position: absolute; top: 0; right: 0; width: 2.07rem; height: 3.13rem; background-repeat: no-repeat; background-size: 100% 100%; }
.shadow{ left: 0; bottom: 0; width: 100%; height: 1.12rem; }

.detail{ margin: .5rem auto 0; width: 78%; height: calc(100% - 1.3rem); word-break: break-word; overflow: auto; box-sizing: border-box; }
.detail .text{ margin-bottom: .2rem }
.text-bot{margin: .2rem .2rem 0;text-align: right}
.text-bot a{ color: #E7AA82; font-size: .24rem; text-decoration: underline; font-family: 'Kanit'; }