.head_frame {
text-align: center;
display: inline-block;
font-size: larger;
font-weight: bold;
background-color: #888888;
color: #ffffff;
margin: 3px;
}
.title_text {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
font-size: 1.5em;
color: white;
font-weight: bold;
text-shadow: 0 0 3px white, 0 0 5px black;
padding: 3px;
letter-spacing: 3px;
background:
radial-gradient(
circle at bottom left,
transparent 0,
transparent 2em,
beige 2em,
beige 4em,
transparent 4em,
transparent 6em,
khaki 6em,
khaki 8em,
transparent 8em,
transparent 10em
),
radial-gradient(
circle at top right,
transparent 0,
transparent 2em,
beige 2em,
beige 4em,
transparent 4em,
transparent 6em,
khaki 6em,
khaki 8em,
transparent 8em,
transparent 10em
),
radial-gradient(
circle at top left,
transparent 0,
transparent 2em,
navajowhite 2em,
navajowhite 4em,
transparent 4em,
transparent 6em,
peachpuff 6em,
peachpuff 8em,
transparent 8em,
transparent 10em
),
radial-gradient(
circle at bottom right,
transparent 0,
transparent 2em,
palegoldenrod 2em,
palegoldenrod 4em,
transparent 4em,
transparent 6em,
peachpuff 6em,
peachpuff 8em,
transparent 8em,
transparent 10em
), blanchedalmond;
background-blend-mode: multiply;
background-size: 10em 10em;
background-position: 0 0, 0 0, 5em 5em, 5em 5em;
}
.ch {
position: relative;
width: calc(95% - 2.5em);
border-radius: 0.2em;
background: #996666;
background: linear-gradient(-45deg, transparent 15px, #996666 0);
-webkit-filter: drop-shadow(2px 2px 4px gray);
filter: drop-shadow(2px 2px 4px gray);
font-size: 1.4em;
font-weight: bold;
color: white;
padding: 0.7em 0.7em 0.7em 2.5em;
margin-top: 2em;
margin-bottom: 1em;
}
.ch::after {
content: url('https://pic.pimg.tw/qupyqupy/1550284548-2117827845.png?v=1550284552');
position: absolute;
-webkit-filter: drop-shadow(1px 1px 1px black);
filter: drop-shadow(1px 1px px black);
left: 0.3em;
top: 0.6em;
}
.foot_btn {
width: 50%;
}
選擇1：
選擇2：
