*{
outline: 0;
-webkit-user-select: none;
-webkit-touch-callout: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
body {
position: relative;
overflow-x: hidden;
font-family: Trebuchet MS; 
background: #f7dda6;
}
input{-webkit-user-select: text;}
table{
font-size: 1em;
word-break: break-all;
}
hr{
border:0;
height:1px;
background-color:#b3afab;
color:#b3afab;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5);
margin: 0.6em auto;
}
select{
background: rgba(0,0,0,0);
-webkit-appearance: none;
appearance: none;
border: 0;
color: #3e3a39;
font-weight: bold;
line-height: 1.8em;
padding-left: 0.3em;
}
.zodiac_sel_hide select{width: 5.5em;}
.birthhour_sel_hide select{width: 11em;}
.position_sel_hide select{width: 8em;}
.year_sel_hide select{width: 6em;}
.ym_sel_hide select{width: 7.2em;}
.zodiac_sel_hide{
display:block;
width: 4em;
overflow: hidden;
}
.zodiac_select{
display:block;
width: 3.8em;
height: 2em;
border: 0.15em solid #ffcc33;
background: url(../img/select_arrow.png?1), rgba(255,255,255,0.6);
background-size: 1.8em, 100%;
background-position: right center, center center;
background-repeat: no-repeat;
border-radius: 0.5em;
}
.birthhour_sel_hide{
display:block;
width: 10.5em;
overflow: hidden;
}
.birthhour_select{
display:block;
width: 10em;
height: 2em;
border: 0.15em solid #ffcc33;
background: url(../img/select_arrow.png?1), rgba(255,255,255,0.6);
background-size: 1.8em, 100%;
background-position: right center, center center;
background-repeat: no-repeat;
border-radius: 0.5em;
}
.position_sel_hide{
-webkit-appearance: none;
appearance: none;
border: 0;
color: #3e3a39;
font-weight: bold;
line-height: 1.8em;
width: 7.5em;
}
.position_select{
display:block;
width: 7em;
height: 2em;
border: 0.15em solid #ffcc33;
background: url(../img/select_arrow.png?1), rgba(255,255,255,0.6);
background-size: 1.8em, 100%;
background-position: right center, center center;
background-repeat: no-repeat;
border-radius: 0.5em;
}
.ym_sel_hide{
-webkit-appearance: none;
appearance: none;
border: 0;
color: #3e3a39;
font-weight: bold;
line-height: 1.8em;
width: 6.8em;
}
.ym_select{
display:block;
width: 6.5em;
height: 2em;
border: 0.15em solid #ffcc33;
background: url(../img/select_arrow.png?1), rgba(255,255,255,0.6);
background-size: 1.8em, 100%;
background-position: right center, center center;
background-repeat: no-repeat;
border-radius: 0.5em;
}
.year_sel_hide{
display: block;
-webkit-appearance: none;
appearance: none;
border: 0;
color: #3e3a39;
font-weight: bold;
line-height: 1.8em;
width: 5.5em;
}
.year_select{
display: block;
width: 5em;
height: 2em;
border: 0.15em solid #ffcc33;
background: url(../img/select_arrow.png?1), rgba(255,255,255,0.6);
background-size: 1.8em, 100%;
background-position: right center, center center;
background-repeat: no-repeat;
border-radius: 0.5em;
}