@charset "utf-8";
/* ----- Custom checkboxes, radios ----- */
/*	wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }/* input, label positioning */
.custom-checkbox input { position: absolute; left: 2px; top: 2px; margin: 0; }
.custom-checkbox label { display: block; position: relative; font-size: 1.3em; padding-right: 1em; line-height: 1; padding: .5em 0 .5em 30px; margin: 0 0 .3em; cursor: pointer; }

/* input, label positioning */
.custom-radio input { position: absolute; left: 2px; top: 2px; margin: 0; }
.custom-radio label { display: block; position: relative; font-size: 1.3em; padding-right: 1em; line-height: 1; padding: .5em 0 .5em 30px; margin: 0 0 .3em; cursor: pointer; }
/* ---- toggle button examples ---- */
#sex,#age,#zgxl,#yynl,#ymys,#sflx,#jzsj{ width: 100%; display: block; }

#sex .custom-checkbox,#age .custom-checkbox,#zgxl .custom-checkbox,#yynl .custom-checkbox, #ymys .custom-checkbox,#sflx .custom-checkbox,#jzsj .custom-checkbox,
#sex .custom-radio,#age .custom-radio,#zgxl .custom-radio,#yynl .custom-radio,#ymys .custom-radio,#sflx .custom-radio,#jzsj .custom-radio { min-width:70px;margin:0 10px;  float: left; }
#yxgj,#ymyx { width: 100%; display: block; clear: left; }
#yxgj .custom-checkbox,#ymyx .custom-checkbox, #yxgj .custom-radio, #ymyx .custom-radio { min-width:70px; margin:0 10px;  float: left; }

.toggle .custom-checkbox label, .toggle .custom-radio label { font-size:14px; text-align:center; line-height:26px; border:1px solid #ccc; background:#fff;  border-radius:5px; color:#666; cursor:pointer;padding:0 10px;min-width:70px; }
.toggle .custom-checkbox label.hover, .toggle .custom-checkbox label.focus, .toggle .custom-radio label.hover, .toggle .custom-radio label.focus { background:#001555;border:1px solid #001555; color:#fff; }
.toggle .custom-checkbox label.checked, .toggle .custom-radio label.checked, .toggle .custom-checkbox label.checkedHover, .toggle .custom-checkbox label.checkedFocus { background:#001555;border:1px solid #001555; color:#fff;  }

.toggle2 .custom-checkbox label, .toggle2 .custom-radio label { padding:6px 10px;min-width:120px; margin-bottom:20px;}




@media (max-width: 767px) {	
.toggle2 .custom-checkbox label, .toggle2 .custom-radio label { padding:3px 10px;min-width:100px; margin-bottom:12px;}


}


.con1 .toggle  { width: 100%; display: block;}