div.beanGroup{position:relative;margin:64px auto 0px auto;text-align:center;height:560px}img.bean{position:absolute;left:50%;top:0;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);transform:translate(-50%, 0%);border-radius:50%;width:560px;height:560px;border:4px solid #b3a262;-webkit-box-shadow:0 0 24px 6px #5d4b72;box-shadow:0 0 24px 6px #5d4b72}div.thaiName{position:absolute;left:50%;top:50%;width:800px;height:90px;background-color:#fff1dc;-webkit-box-shadow:inset 0 0 24px 6px #c4b684, 0 0 24px 6px #5d4b72;box-shadow:inset 0 0 24px 6px #c4b684, 0 0 24px 6px #5d4b72;border:4px solid #b3a262;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:64px;color:#A61C76;border-radius:90px;padding:6px 0px 6px 0px}div.engTrans{background-color:rgba(255, 255, 255, 0.75);position:absolute;height:45px;line-height:45px;left:50%;top:calc(55px + 50%);-webkit-transform:translate(-50%, 0px);-ms-transform:translate(-50%, 0px);transform:translate(-50%, 0px);font-size:24px;border-radius:0px 0 12px 12px;border:2px solid #b3a262;color:#666;padding:0px 18px 0px 18px}body{padding:20px;background-color:#e6e6e6}h1.title{text-align:center;font-weight:normal;color:#a61c76;font-size:3em}h2{text-align:left;font-weight:normal;font-size:2.5em;line-height:1.6em!important;color:#5d4b72;margin:0px 0px 0px 0px}h2.q{color:#aa9abc;margin-top:36px}h2 em{font-style:normal;color:#A61C76}h2 div{display:inline;color:#e8003b}p{text-align:center;font-size:2em;color:#5d4b72;margin:0px 0px 24px 0px}p.sub1{padding-top:64px;font-size:3em}b{font-weight:normal;color:#A61C76}u{border-color:#999999!important;border-bottom:2px dotted #A61C76;line-height:1.1em}u>em{background-color:gray!important;color:#f2f2f2!important}u>em:after{border-color:transparent transparent gray transparent}