@charset "UTF-8";.qf3form.example2{padding:20px 10px;background:#fff;box-sizing:border-box}.qf3form.example2 *{margin:0;box-sizing:border-box;max-width:none;font-size:1em;line-height:1rem}.qf3form.example2 h1{font-size:1.5em;text-align:center;padding-bottom:2em;line-height:120%}.qf3form.example2 .qf3{padding:0 5% 1.2em}.qf3form.example2 .qf3label{font-size:86%;width:100%;display:block}.qf3form.example2 .qf3txt input,.qf3form.example2 select,.qf3form.example2 textarea{display:inline-block;width:100%;background:#fff;padding:0.6em;border:1px solid #8e8e8e;border-radius:0.3em;font-size:82%}.qf3form.example2 .qf3labelreq{padding-left:0.1em}.qf3form.example2.qfoverlay{position:absolute;top:0;left:0;width:100%;background-color:#000;opacity:0.8;z-index:9990;margin:0}.qf3form.example2.qfmodalform{position:absolute;top:0;left:50%;width:520px;margin-left:-260px;z-index:9999;border:1px solid #ccc;border-radius:20px}.qf3form.example2.qfmodalform .qfajaxres .qfclose{display:none}.qf3form.example2 .qfmess span{padding:1em;display:block}.qf3form.example2 .qfclose{position:absolute;top:15px;right:5px;height:24px;width:24px;cursor:pointer;color:#f00;font-size:24px}.qf3form.example2 .radioblok{display:inline-block}.qf3form.example2 .qfradio.ver .qf3label{vertical-align:top}.qf3form.example2 .qfradio.ver .radioblok label{display:block;white-space:nowrap;margin-top:-0.5em;margin-left:1.6em;line-height:0;height:1em;margin-bottom:0.3em;font-size:92%}.qf3form.example2 .qfradio.hor .radioblok label{display:inline-block;white-space:nowrap;margin:0 1em 0 0.5em}.qf3form.example2 .qfradio.hor .radioblok input{vertical-align:middle}.qf3form.example2 textarea{height:10em;vertical-align:top}.qf3form.example2 .qfcheckbox input,.qf3form.example2 .qfbackemail input{margin:0 0.5em 0 0;vertical-align:middle}.qf3form.example2 .qfchkbx{display:inline-block;padding-left:1em}.qf3form.example2 .qfhidden{display:none}.qf3form.example2 .qf3btn input{border:1px solid #8d8d8d;border-radius:2em;padding:0.4em 1em;font-size:86%;background:#fff;cursor:pointer;color:#000;text-transform:none}.qf3form.example2 .qf3btn input:hover{background:#f0f0f0}.qf3form.example2 .qffile input{max-width:38%;display:inline-block;border:0;padding:0.3em}.qf3form.example2 .filelabel{padding-left:1em}.qf3form.example2 .customfile svg{width:1.8em;vertical-align:middle;cursor:pointer;color:#0074e9}.qf3form.example2 .customfile svg:hover{color:#5ea7f1}.qf3form.example2 .customfilebox{display:flex;flex-wrap:wrap;margin-left:38%}.qf3form.example2 .customfilebox>div{padding:5px;position:relative;height:38px;box-sizing:content-box;margin:15px 5px 5px 0;border:1px solid #e1ebf7}.qf3form.example2 .customfilebox>div>div{width:30px;height:100%;border:3px solid #0074e9;background:#fff;border-radius:5px;position:relative}.qf3form.example2 .customfilebox>div>div>div{width:30px;max-width:30px;height:1em;margin-top:62%;margin-left:-3px;background:#fff;font-size:11px;text-align:center;font-weight:bold;line-height:1}.qf3form.example2 .customfilebox>div>div::before{content:'';position:absolute;top:-3px;right:-3px;border:7px solid transparent;border-color:#e3fffe #e3fffe #0074e9 #0074e9}.qf3form.example2 .customfilebox img{height:100%}.qf3form.example2 .customfilebox a{position:absolute;top:-3px;right:-3px;color:red;display:block;height:1.1em;width:1.1em;border-radius:1em;background:#fff;text-align:center;line-height:0;padding-top:0.6em}.qf3form.example2 .customfilebox a:hover{color:#000;text-decoration:none}.qf3form.example2 .customfilemes{margin-left:38%;font-size:78%;color:#252727}.qf3form.example2 .customfilemes.qfinline{margin:0;display:inline;padding-left:10px}.qf3form.example2 .qfcapt{text-align:right}.qf3form.example2 .qfcapt a{color:#CCC;font-size:10px;padding:1em 2em}.qf3form.example2 .nfl{display:none}.qf3form.example2 .qf_checkbox .qf3label{margin:1.8em 0 0 0}.qf3form.example2 .qf_checkbox .qfempty{margin:0}.qf3form.example2 .qf_checkbox input{position:absolute;opacity:0}.qf3form.example2 .qf_checkbox .chbxlabel{position:relative;padding:0.3em 0 0 4em;cursor:pointer;font-size:80%}.qf3form.example2 .qf_checkbox .chbxlabel:before{content:'';font-size:80%;position:absolute;top:0;left:0;width:3.7em;height:1.8em;border:0;border-radius:1em;background:#CDD1DA;box-shadow:inset 0 2px 3px rgba(0,0,0,.2);transition:.2s}.qf3form.example2 .qf_checkbox .chbxlabel:after{content:'';font-size:80%;position:absolute;top:0.1em;left:0.1em;width:1.6em;height:1.5em;border:0;border-radius:1em;background:#FFF;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:.2s}.qf3form.example2 .qf_checkbox input:checked+.chbxlabel:before{background:#51af7c}.qf3form.example2 .qf_checkbox input:checked+.chbxlabel:after{left:2em}.qf3form.example2 .double{display:inline-block;width:62%}.qf3form.example2 .single{display:inline-block;width:38%}.qf3form.example2 .qfcalendar input{width:100%}.qf3form.example2 .double_inner,.qf3form.example2 .qf_date_inner{display:flex;width:100%;justify-content:space-between}.qf3form.example2 .double .qf_date{width:48%}.qf3form.example2 .qf_calen{position:relative;z-index:9999}.qf3form.example2 .widgetCalendar{position:absolute;left:0;height:0px;overflow:hidden;width:100%;min-width:180px}.qf3form.example2 .qf_date_a{display:block;padding:0 1.2em;background-image:url(https://tmmarden.edu.hk/components/com_qf3/assets/datepicker/images/calendar.png);background-size:100% 100%;width:3em}.qf3form.example2 div.datepicker{height:200px}.qf3form.example2 .datepickerContainer,.qf3form.example2 .datepickerContainer table{width:100%;height:100%}.qf3form.example2 input.invalid,.qf3form.example2 textarea.invalid{border-color:#fcaaaa;background:#fffefe}.qf3form.example2 .qfhide{width:1px;overflow:hidden;display:inline-block;opacity:0}a.qf3modal.example2{display:inline-block;background:#fff;color:#000;padding:0.1em 1em;border:1px solid #ccc;border-radius:1em;font-weight:bold;font-family:fantasy}a.qf3modal.example2:hover{background:#f6f6f6}@media screen and (max-width:720px){.qf3form.example2.qfmodalform{left:5%;width:90%;margin-left:0}}