body{
font-size: 15px;
font-family: arial, 'Microsoft JhengHei', sans-serif;
max-width: 800px;
width: 100%;
margin: 50px auto;
}
a{
text-decoration: none;
color: inherit;
}
.fl {
float: left;
}
.fr {
float: right;
}
.tl {
text-align: left;
}
.tr {
text-align: right;
}
.tc {
text-align: center;
}
.hide {
display: none !important;
}
.no_border {
border: none !important;
}
.nobg {
background: none !important;
}
.btn{
background-color: #092E6E;
color: #fff;
font-weight: bold !important;
font-size: 15px;
padding: 5px 10px;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
display: inline-block;
}
.required{
color: red;
}
.required_field:after{
content: " *";
color: red;
}
.container{
/*width: 100%;*/
border:1px solid #ccc;
padding: 30px;
/*position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);*/
}
#survey_form{
margin-top: 30px;
/* font-size: 18px;*/
}
.user_info_field{
margin-bottom: 20px;
}
/* form css override */
.form-group{
margin-bottom: 25px !important;
}
.radio-group label, .checkbox-group label{
display: inline-table;
}
.description-wrap{
display: none !important;
}
.container img{
width: 100%;
}
.bold{
font-weight: bold;
}
.italic{
font-style: italic;
}
.underline{
text-decoration: underline;
}
.left{
text-align: left;
}
.center{
text-align: center;
}
.right{
text-align: right;
}
.full{
text-align: justify;
}
.font_style1{
font-size: 2em;
}
.font_style2{
font-size: 1.5em;
}
.font_style3{
font-size: 1.33em;
}
.font_style4{
font-size: 1.17em;
}
.font_style5{
font-size: 0.83em;
}
@media screen and (max-width: 719px) {
body {
font-size: 12px;
}
.btn{
font-size: 12px !important;
}
/* .font_style1{
font-size: 1.5em;
}
.font_style2{
font-size: 1.125em;
}
.font_style3{
font-size: 0.9975em;
}
.font_style4{
font-size: 0.8775em;
}
.font_style5{
font-size: 0.625em;
}
.font_style6{
font-size: 0.5025em;
}*/
}