15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu

Câu 1: Để tạo sự khác biệt rõ ràng về mặt hình ảnh giữa các nhóm trường nhập liệu trong một biểu mẫu phức tạp, giúp người dùng dễ dàng phân biệt các phần khác nhau, phương pháp định kiểu CSS nào sau đây là phù hợp nhất?

• A. Sử dụng thuộc tính `color` khác nhau cho nhãn của mỗi trường nhập liệu.
• B. Tăng kích thước phông chữ của tất cả các nhãn trong biểu mẫu.
• C. Áp dụng `border-style: dashed` cho tất cả các trường nhập liệu.
• D. Sử dụng phần tử `
  
  ` kết hợp với `

  ` để nhóm các trường liên quan và tạo tiêu đề cho nhóm.

Câu 2: Trong CSS, thuộc tính `box-sizing` với giá trị `border-box` có tác dụng gì đối với việc định kích thước các phần tử biểu mẫu?

• A. Tính cả `padding` và `border` vào tổng chiều rộng và chiều cao của phần tử, giúp dễ dàng kiểm soát kích thước tổng thể.
• B. Loại bỏ hoàn toàn đường viền (border) của phần tử.
• C. Chỉ tính `padding` vào kích thước của phần tử, không bao gồm `border`.
• D. Tự động điều chỉnh kích thước phần tử dựa trên nội dung bên trong.

Câu 3: Để đảm bảo các nhãn (labels) trong biểu mẫu được căn chỉnh thẳng hàng và đẹp mắt, đặc biệt khi các nhãn có độ dài văn bản khác nhau, kỹ thuật CSS nào sau đây thường được sử dụng?

• A. Sử dụng `text-align: center` cho tất cả các nhãn.
• B. Đặt tất cả các nhãn với `float: left` và chiều rộng cố định.
• C. Sử dụng Flexbox hoặc Grid Layout để tạo bố cục cột cho nhãn và trường nhập liệu, cho phép căn chỉnh linh hoạt.
• D. Áp dụng `vertical-align: middle` cho các nhãn.

Câu 4: Giả sử bạn muốn tạo hiệu ứng đặc biệt khi người dùng di chuột qua một nút gửi (

A. button[type="submit"] { background-color: blue; }

B. button[type="submit"]:hover { background-color: orange; cursor: pointer; }

C. button[type="submit"]:active { background-color: green; }

D. .submit-button { background-color: red; }

Câu 5: Thuộc tính CSS nào được sử dụng để thay đổi hình dạng con trỏ chuột khi người dùng di chuyển chuột qua một phần tử biểu mẫu, ví dụ để biểu thị rằng phần tử đó có thể tương tác được?

• A. pointer-events
• B. mouse-icon
• C. cursor
• D. icon-style

Câu 6: Để làm nổi bật trường nhập liệu hiện đang được người dùng chọn (focus), ví dụ bằng cách thay đổi màu đường viền hoặc màu nền, bạn sẽ sử dụng pseudo-class nào trong CSS?

• A. :focus
• B. :active
• C. :hover
• D. :valid

Câu 7: Khi thiết kế biểu mẫu đáp ứng (responsive), điều gì quan trọng nhất cần xem xét về kích thước và bố cục của các trường nhập liệu trên các thiết bị khác nhau?

• A. Luôn giữ kích thước trường nhập liệu cố định để đảm bảo tính nhất quán.
• B. Sử dụng đơn vị tương đối (ví dụ: %, em, vw) cho chiều rộng và kích thước phông chữ để chúng tự động điều chỉnh theo kích thước màn hình.
• C. Ẩn bớt các trường nhập liệu không quan trọng trên màn hình nhỏ để tiết kiệm không gian.
• D. Chỉ thiết kế biểu mẫu cho kích thước màn hình máy tính để bàn, bỏ qua các thiết bị di động.

Câu 8: Để tạo khoảng cách giữa các trường nhập liệu và nhãn của chúng trong biểu mẫu, thuộc tính CSS nào được sử dụng để thiết lập khoảng đệm bên trong (inner spacing) của trường nhập liệu?

• A. margin
• B. border-spacing
• C. line-height
• D. padding

Câu 9: Trong CSS, để định kiểu cho phần giữ chỗ (placeholder text) bên trong trường nhập liệu, bạn sử dụng pseudo-element nào?

• A. :placeholder
• B. :input-placeholder
• C. ::placeholder
• D. .placeholder

Câu 10: Để tạo hiệu ứng bóng đổ xung quanh một nhóm các trường nhập liệu trong biểu mẫu, thuộc tính CSS nào sau đây là phù hợp nhất?

• A. text-shadow
• B. box-shadow
• C. drop-shadow
• D. element-shadow

Câu 11: Khi sử dụng Flexbox để bố cục biểu mẫu, thuộc tính `flex-direction: column;` thường được áp dụng cho phần tử chứa nào (form container) để đạt được điều gì?

• A. Để các trường nhập liệu và nhãn được sắp xếp theo hàng ngang.
• B. Để các trường nhập liệu và nhãn được căn giữa theo chiều ngang.
• C. Để các trường nhập liệu và nhãn được sắp xếp theo cột dọc, từ trên xuống dưới.
• D. Để các trường nhập liệu và nhãn tự động co giãn theo chiều ngang.

Câu 12: Giả sử bạn có một trường nhập liệu email yêu cầu người dùng phải nhập đúng định dạng email. CSS pseudo-class nào có thể được sử dụng để định kiểu trường này khi dữ liệu nhập vào không hợp lệ (invalid)?

• A. :required
• B. :optional
• C. :valid
• D. :invalid

Câu 13: Để vô hiệu hóa (disable) một trường nhập liệu trong biểu mẫu, ngăn người dùng tương tác, và đồng thời muốn làm cho nó hiển thị mờ đi để báo hiệu trạng thái vô hiệu hóa, bạn có thể kết hợp thuộc tính HTML `disabled` với CSS như thế nào?

• A. input:hidden { opacity: 0.5; }
• B. input:disabled { opacity: 0.5; cursor: not-allowed; }
• C. input { visibility: hidden; }
• D. input:read-only { color: gray; }

Câu 14: Khi thiết kế biểu mẫu, việc cung cấp phản hồi trực quan ngay lập tức cho người dùng về tính hợp lệ của dữ liệu nhập vào là rất quan trọng. CSS pseudo-class nào giúp bạn định kiểu trường nhập liệu khi dữ liệu đã nhập là hợp lệ (valid)?

• A. :valid
• B. :invalid
• C. :required
• D. :optional

Câu 15: Trong CSS, thuộc tính `appearance: none;` thường được sử dụng để làm gì đối với các phần tử biểu mẫu như `` hoặc các nút?

• A. Ẩn hoàn toàn phần tử biểu mẫu.
• B. Làm cho phần tử biểu mẫu trở nên trong suốt.
• C. Loại bỏ kiểu dáng mặc định của trình duyệt, cho phép tùy chỉnh hoàn toàn giao diện bằng CSS.
• D. Chỉ áp dụng kiểu dáng CSS cho phần tử khi nó được tương tác.

Câu 16: Để tạo một biểu mẫu có bố cục hai cột, trong đó nhãn và trường nhập liệu tương ứng được sắp xếp cạnh nhau trên mỗi hàng, phương pháp bố cục CSS nào là hiệu quả và linh hoạt nhất?

• A. Sử dụng bảng (
  ) để tạo bố cục cột.
  B. Sử dụng CSS Grid Layout để định nghĩa cấu trúc cột và dòng cho biểu mẫu.
  C. Sử dụng thuộc tính `float: left` cho nhãn và trường nhập liệu.
  D. Sử dụng thuộc tính `display: inline-block` cho nhãn và trường nhập liệu.

  Câu 17: Khi thiết kế kiểu dáng cho hộp kiểm (checkbox) và nút radio, thuộc tính CSS nào cho phép bạn thay đổi màu sắc của dấu kiểm hoặc chấm tròn khi chúng được chọn (checked)?

  • A. color
  • B. background-color
  • C. border-color
  • D. accent-color

  Câu 18: Để tạo một biểu mẫu có giao diện hiện đại, bạn muốn loại bỏ hoàn toàn đường viền mặc định của các trường nhập liệu và thay thế bằng một đường gạch chân mảnh khi trường được focus. Làm thế nào để đạt được điều này bằng CSS?

  • A. input { border: none; border-bottom: 1px solid black; }
  • B. input { outline: none; border-bottom: 2px dotted blue; }
  • C. input { border: none; border-bottom: 1px solid transparent; } input:focus { outline: none; border-bottom-color: black; }
  • D. input { border-style: hidden; border-bottom-width: thin; }

  Câu 19: Trong CSS, thuộc tính `resize` có giá trị `vertical` được sử dụng chủ yếu cho phần tử biểu mẫu nào và có tác dụng gì?

  • A. Phần tử ``, cho phép người dùng thay đổi chiều cao của hộp văn bản theo chiều dọc.</strong></li> <li>B. Phần tử `<input type=</li> <li>C. Phần tử `<select>`, cho phép người dùng thay đổi chiều cao của danh sách chọn.</li> <li>D. Bất kỳ phần tử biểu mẫu nào, cho phép thay đổi kích thước theo cả chiều ngang và chiều dọc.</li> </ul> </div> <div class="question-block"> <p>Câu 20: Để đảm bảo tính dễ đọc và thẩm mỹ cho văn bản bên trong các trường nhập liệu, thuộc tính CSS nào quan trọng nhất cần được điều chỉnh?</p> <ul> <li>A. background-color</li> <li><strong>B. font-size, font-family, line-height, color</strong></li> <li>C. border-width, border-style, border-color</li> <li>D. padding, margin</li> </ul> </div> <div class="question-block"> <p>Câu 21: Bạn muốn tạo một nút gửi biểu mẫu có hình dạng tròn thay vì hình chữ nhật mặc định. Thuộc tính CSS nào được sử dụng để điều chỉnh độ cong của góc và tạo hình dạng tròn?</p> <ul> <li>A. corner-radius</li> <li>B. angle-radius</li> <li><strong>C. border-radius</strong></li> <li>D. shape-radius</li> </ul> </div> <div class="question-block"> <p>Câu 22: Để tạo khoảng cách giữa biểu mẫu và các phần tử khác trên trang web, thuộc tính CSS nào được sử dụng để thiết lập khoảng cách bên ngoài (outer spacing) của biểu mẫu?</p> <ul> <li><strong>A. margin</strong></li> <li>B. padding</li> <li>C. border-spacing</li> <li>D. outline-offset</li> </ul> </div> <div class="question-block"> <p>Câu 23: Trong CSS, để nhóm các quy tắc định kiểu chỉ áp dụng cho các trường nhập liệu `<input>` bên trong một biểu mẫu có class là "registration-form", bạn sử dụng bộ chọn (selector) nào?</p> <ul> <li>A. input in .registration-form {}</li> <li><strong>B. .registration-form input {}</strong></li> <li>C. .registration-form > input {}</li> <li>D. input.registration-form {}</li> </ul> </div> <div class="question-block"> <p>Câu 24: Để tạo hiệu ứng chuyển đổi mượt mà (transition) khi màu nền của nút thay đổi khi di chuột qua, thuộc tính CSS nào cần được sử dụng?</p> <ul> <li>A. animation</li> <li>B. transform</li> <li>C. hover-effect</li> <li><strong>D. transition</strong></li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn đặt chiều rộng tối đa (max-width) cho một biểu mẫu để nó không bị trải rộng quá mức trên màn hình lớn, nhưng vẫn tự động co lại trên màn hình nhỏ. Thuộc tính CSS nào phù hợp nhất?</p> <ul> <li>A. min-width</li> <li>B. width: auto;</li> <li><strong>C. max-width</strong></li> <li>D. width: 100%;</li> </ul> </div> <div class="question-block"> <p>Câu 26: Để làm cho nhãn của trường nhập liệu (label) có màu sắc khác biệt so với văn bản nhập vào bên trong trường, bạn sẽ sử dụng thuộc tính CSS nào cho phần tử `<label>`?</p> <ul> <li><strong>A. color</strong></li> <li>B. background-color</li> <li>C. text-decoration</li> <li>D. font-weight</li> </ul> </div> <div class="question-block"> <p>Câu 27: Để thay đổi kiểu phông chữ (font family) cho toàn bộ văn bản trong biểu mẫu, bạn sẽ áp dụng thuộc tính CSS nào cho phần tử `</p> <form>` hoặc phần tử chứa biểu mẫu?</p> <ul> <li><strong>B. font-family</strong></li> <li>C. text-font</li> <li>D. typeface</li> </ul> </div> <div class="question-block"> <p>Câu 28: Khi thiết kế biểu mẫu trên thiết bị di động, điều quan trọng là đảm bảo các trường nhập liệu có kích thước đủ lớn để dễ dàng chạm và nhập liệu. Đơn vị đo chiều cao nào thường được ưu tiên sử dụng cho chiều cao của trường nhập liệu để tối ưu trải nghiệm trên di động?</p> <ul> <li>A. px (pixels)</li> <li>B. pt (points)</li> <li>C. em</li> <li><strong>D. rem hoặc em (đơn vị tương đối, dễ dàng điều chỉnh theo kích thước phông chữ gốc)</strong></li> </ul> </div> <div class="question-block"> <p>Câu 29: Để tạo một đường viền bao quanh toàn bộ biểu mẫu, giúp phân tách nó khỏi nội dung khác trên trang, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. outline</li> <li>B. box-shadow</li> <li><strong>C. border</strong></li> <li>D. frame</li> </ul> </div> <div class="question-block"> <p>Câu 30: Để thiết kế một biểu mẫu tối giản, bạn muốn loại bỏ hoàn toàn đường viền mặc định của tất cả các trường nhập liệu. Đoạn mã CSS nào sau đây thực hiện điều này một cách hiệu quả nhất?</p> <ul> <li>A. input { border-style: none; }</li> <li><strong>B. input { border: 0; }</strong></li> <li>C. input { border-width: 0px; }</li> <li>D. input { outline: none; }</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='9010'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='270108,270109,270110,270111,270112,270113,270114,270115,270116,270117,270118,270119,270120,270121,270122,270123,270124,270125,270126,270127,270128,270129,270130,270131,270132,270133,270134,270135,270136,270137'> </div> </div><div class='step ' data-question-id='270108' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Để tạo sự khác biệt rõ ràng về mặt hình ảnh giữa các nhóm trường nhập liệu trong một biểu mẫu phức tạp, giúp người dùng dễ dàng phân biệt các phần khác nhau, phương pháp định kiểu CSS nào sau đây là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270108]' id='ays-answer-1077585-9010' value='1077585'/> <label for='ays-answer-1077585-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `color` khác nhau cho nhãn của mỗi trường nhập liệu.</label><label for='ays-answer-1077585-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270108]' id='ays-answer-1077586-9010' value='1077586'/> <label for='ays-answer-1077586-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng kích thước phông chữ của tất cả các nhãn trong biểu mẫu.</label><label for='ays-answer-1077586-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270108]' id='ays-answer-1077587-9010' value='1077587'/> <label for='ays-answer-1077587-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng `border-style: dashed` cho tất cả các trường nhập liệu.</label><label for='ays-answer-1077587-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270108]' id='ays-answer-1077588-9010' value='1077588'/> <label for='ays-answer-1077588-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng phần tử `<fieldset>` kết hợp với `<legend>` để nhóm các trường liên quan và tạo tiêu đề cho nhóm.</label><label for='ays-answer-1077588-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270108'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzU4NSI6IjAiLCIxMDc3NTg2IjoiMCIsIjEwNzc1ODciOiIwIiwiMTA3NzU4OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng ứng dụng CSS để cải thiện cấu trúc và khả năng đọc của biểu mẫu thông qua phân nhóm trực quan.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270109' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Trong CSS, thuộc tính `box-sizing` với giá trị `border-box` có tác dụng gì đối với việc định kích thước các phần tử biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270109]' id='ays-answer-1077589-9010' value='1077589'/> <label for='ays-answer-1077589-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Tính cả `padding` và `border` vào tổng chiều rộng và chiều cao của phần tử, giúp dễ dàng kiểm soát kích thước tổng thể.</label><label for='ays-answer-1077589-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270109]' id='ays-answer-1077590-9010' value='1077590'/> <label for='ays-answer-1077590-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Loại bỏ hoàn toàn đường viền (border) của phần tử.</label><label for='ays-answer-1077590-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270109]' id='ays-answer-1077591-9010' value='1077591'/> <label for='ays-answer-1077591-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ tính `padding` vào kích thước của phần tử, không bao gồm `border`.</label><label for='ays-answer-1077591-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270109]' id='ays-answer-1077592-9010' value='1077592'/> <label for='ays-answer-1077592-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động điều chỉnh kích thước phần tử dựa trên nội dung bên trong.</label><label for='ays-answer-1077592-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270109'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzU4OSI6IjEiLCIxMDc3NTkwIjoiMCIsIjEwNzc1OTEiOiIwIiwiMTA3NzU5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi tập trung vào sự hiểu biết về thuộc tính `box-sizing` và ảnh hưởng của giá trị `border-box` lên mô hình hộp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270110' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để đảm bảo các nhãn (labels) trong biểu mẫu được căn chỉnh thẳng hàng và đẹp mắt, đặc biệt khi các nhãn có độ dài văn bản khác nhau, kỹ thuật CSS nào sau đây thường được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270110]' id='ays-answer-1077593-9010' value='1077593'/> <label for='ays-answer-1077593-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `text-align: center` cho tất cả các nhãn.</label><label for='ays-answer-1077593-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270110]' id='ays-answer-1077594-9010' value='1077594'/> <label for='ays-answer-1077594-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt tất cả các nhãn với `float: left` và chiều rộng cố định.</label><label for='ays-answer-1077594-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270110]' id='ays-answer-1077595-9010' value='1077595'/> <label for='ays-answer-1077595-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng Flexbox hoặc Grid Layout để tạo bố cục cột cho nhãn và trường nhập liệu, cho phép căn chỉnh linh hoạt.</label><label for='ays-answer-1077595-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270110]' id='ays-answer-1077596-9010' value='1077596'/> <label for='ays-answer-1077596-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng `vertical-align: middle` cho các nhãn.</label><label for='ays-answer-1077596-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270110'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzU5MyI6IjAiLCIxMDc3NTk0IjoiMCIsIjEwNzc1OTUiOiIxIiwiMTA3NzU5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về kỹ thuật bố cục CSS để căn chỉnh các phần tử trong biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270111' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Giả sử bạn muốn tạo hiệu ứng đặc biệt khi người dùng di chuột qua một nút gửi (<button type="submit">) trong biểu mẫu. Đoạn mã CSS nào sau đây thể hiện cách định kiểu trạng thái `:hover` cho nút này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270111]' id='ays-answer-1077597-9010' value='1077597'/> <label for='ays-answer-1077597-9010' class=' ays_position_initial ays-quiz-keyboard-label'>button[type='submit'] { background-color: blue; }</label><label for='ays-answer-1077597-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270111]' id='ays-answer-1077598-9010' value='1077598'/> <label for='ays-answer-1077598-9010' class=' ays_position_initial ays-quiz-keyboard-label'>button[type='submit']:hover { background-color: orange; cursor: pointer; }</label><label for='ays-answer-1077598-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270111]' id='ays-answer-1077599-9010' value='1077599'/> <label for='ays-answer-1077599-9010' class=' ays_position_initial ays-quiz-keyboard-label'>button[type='submit']:active { background-color: green; }</label><label for='ays-answer-1077599-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270111]' id='ays-answer-1077600-9010' value='1077600'/> <label for='ays-answer-1077600-9010' class=' ays_position_initial ays-quiz-keyboard-label'>.submit-button { background-color: red; }</label><label for='ays-answer-1077600-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270111'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzU5NyI6IjAiLCIxMDc3NTk4IjoiMSIsIjEwNzc1OTkiOiIwIiwiMTA3NzYwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu nhận biết cách sử dụng pseudo-class `:hover` để tạo hiệu ứng tương tác trên nút biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270112' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Thuộc tính CSS nào được sử dụng để thay đổi hình dạng con trỏ chuột khi người dùng di chuyển chuột qua một phần tử biểu mẫu, ví dụ để biểu thị rằng phần tử đó có thể tương tác được?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270112]' id='ays-answer-1077601-9010' value='1077601'/> <label for='ays-answer-1077601-9010' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-events</label><label for='ays-answer-1077601-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270112]' id='ays-answer-1077602-9010' value='1077602'/> <label for='ays-answer-1077602-9010' class=' ays_position_initial ays-quiz-keyboard-label'>mouse-icon</label><label for='ays-answer-1077602-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270112]' id='ays-answer-1077603-9010' value='1077603'/> <label for='ays-answer-1077603-9010' class=' ays_position_initial ays-quiz-keyboard-label'>cursor</label><label for='ays-answer-1077603-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270112]' id='ays-answer-1077604-9010' value='1077604'/> <label for='ays-answer-1077604-9010' class=' ays_position_initial ays-quiz-keyboard-label'>icon-style</label><label for='ays-answer-1077604-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270112'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYwMSI6IjAiLCIxMDc3NjAyIjoiMCIsIjEwNzc2MDMiOiIxIiwiMTA3NzYwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính CSS điều khiển hiển thị con trỏ chuột, một khía cạnh quan trọng của trải nghiệm người dùng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270113' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để làm nổi bật trường nhập liệu hiện đang được người dùng chọn (focus), ví dụ bằng cách thay đổi màu đường viền hoặc màu nền, bạn sẽ sử dụng pseudo-class nào trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270113]' id='ays-answer-1077605-9010' value='1077605'/> <label for='ays-answer-1077605-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1077605-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270113]' id='ays-answer-1077606-9010' value='1077606'/> <label for='ays-answer-1077606-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1077606-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270113]' id='ays-answer-1077607-9010' value='1077607'/> <label for='ays-answer-1077607-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1077607-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270113]' id='ays-answer-1077608-9010' value='1077608'/> <label for='ays-answer-1077608-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-1077608-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270113'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYwNSI6IjEiLCIxMDc3NjA2IjoiMCIsIjEwNzc2MDciOiIwIiwiMTA3NzYwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi tập trung vào pseudo-class `:focus` và ứng dụng của nó trong việc cải thiện khả năng sử dụng biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270114' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Khi thiết kế biểu mẫu đáp ứng (responsive), điều gì quan trọng nhất cần xem xét về kích thước và bố cục của các trường nhập liệu trên các thiết bị khác nhau?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270114]' id='ays-answer-1077609-9010' value='1077609'/> <label for='ays-answer-1077609-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Luôn giữ kích thước trường nhập liệu cố định để đảm bảo tính nhất quán.</label><label for='ays-answer-1077609-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270114]' id='ays-answer-1077610-9010' value='1077610'/> <label for='ays-answer-1077610-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng đơn vị tương đối (ví dụ: %, em, vw) cho chiều rộng và kích thước phông chữ để chúng tự động điều chỉnh theo kích thước màn hình.</label><label for='ays-answer-1077610-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270114]' id='ays-answer-1077611-9010' value='1077611'/> <label for='ays-answer-1077611-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Ẩn bớt các trường nhập liệu không quan trọng trên màn hình nhỏ để tiết kiệm không gian.</label><label for='ays-answer-1077611-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270114]' id='ays-answer-1077612-9010' value='1077612'/> <label for='ays-answer-1077612-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thiết kế biểu mẫu cho kích thước màn hình máy tính để bàn, bỏ qua các thiết bị di động.</label><label for='ays-answer-1077612-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270114'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYwOSI6IjAiLCIxMDc3NjEwIjoiMSIsIjEwNzc2MTEiOiIwIiwiMTA3NzYxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra sự hiểu biết về thiết kế biểu mẫu đáp ứng và các yếu tố cần cân nhắc để đảm bảo trải nghiệm tốt trên nhiều thiết bị.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270115' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Để tạo khoảng cách giữa các trường nhập liệu và nhãn của chúng trong biểu mẫu, thuộc tính CSS nào được sử dụng để thiết lập khoảng đệm bên trong (inner spacing) của trường nhập liệu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270115]' id='ays-answer-1077613-9010' value='1077613'/> <label for='ays-answer-1077613-9010' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1077613-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270115]' id='ays-answer-1077614-9010' value='1077614'/> <label for='ays-answer-1077614-9010' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-1077614-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270115]' id='ays-answer-1077615-9010' value='1077615'/> <label for='ays-answer-1077615-9010' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-1077615-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270115]' id='ays-answer-1077616-9010' value='1077616'/> <label for='ays-answer-1077616-9010' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1077616-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270115'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYxMyI6IjAiLCIxMDc3NjE0IjoiMCIsIjEwNzc2MTUiOiIwIiwiMTA3NzYxNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `padding` và vai trò của nó trong việc tạo khoảng cách bên trong phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270116' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Trong CSS, để định kiểu cho phần giữ chỗ (placeholder text) bên trong trường nhập liệu, bạn sử dụng pseudo-element nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270116]' id='ays-answer-1077617-9010' value='1077617'/> <label for='ays-answer-1077617-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-1077617-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270116]' id='ays-answer-1077618-9010' value='1077618'/> <label for='ays-answer-1077618-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:input-placeholder</label><label for='ays-answer-1077618-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270116]' id='ays-answer-1077619-9010' value='1077619'/> <label for='ays-answer-1077619-9010' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-1077619-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270116]' id='ays-answer-1077620-9010' value='1077620'/> <label for='ays-answer-1077620-9010' class=' ays_position_initial ays-quiz-keyboard-label'>.placeholder</label><label for='ays-answer-1077620-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270116'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYxNyI6IjAiLCIxMDc3NjE4IjoiMCIsIjEwNzc2MTkiOiIxIiwiMTA3NzYyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi tập trung vào pseudo-element `::placeholder` và ứng dụng của nó trong việc định dạng văn bản giữ chỗ trong trường nhập liệu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270117' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Để tạo hiệu ứng bóng đổ xung quanh một nhóm các trường nhập liệu trong biểu mẫu, thuộc tính CSS nào sau đây là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270117]' id='ays-answer-1077621-9010' value='1077621'/> <label for='ays-answer-1077621-9010' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-1077621-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270117]' id='ays-answer-1077622-9010' value='1077622'/> <label for='ays-answer-1077622-9010' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1077622-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270117]' id='ays-answer-1077623-9010' value='1077623'/> <label for='ays-answer-1077623-9010' class=' ays_position_initial ays-quiz-keyboard-label'>drop-shadow</label><label for='ays-answer-1077623-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270117]' id='ays-answer-1077624-9010' value='1077624'/> <label for='ays-answer-1077624-9010' class=' ays_position_initial ays-quiz-keyboard-label'>element-shadow</label><label for='ays-answer-1077624-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270117'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYyMSI6IjAiLCIxMDc3NjIyIjoiMSIsIjEwNzc2MjMiOiIwIiwiMTA3NzYyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `box-shadow` và khả năng ứng dụng để tạo hiệu ứng hình ảnh cho biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270118' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Khi sử dụng Flexbox để bố cục biểu mẫu, thuộc tính `flex-direction: column;` thường được áp dụng cho phần tử chứa nào (form container) để đạt được điều gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270118]' id='ays-answer-1077625-9010' value='1077625'/> <label for='ays-answer-1077625-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Để các trường nhập liệu và nhãn được sắp xếp theo hàng ngang.</label><label for='ays-answer-1077625-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270118]' id='ays-answer-1077626-9010' value='1077626'/> <label for='ays-answer-1077626-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Để các trường nhập liệu và nhãn được căn giữa theo chiều ngang.</label><label for='ays-answer-1077626-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270118]' id='ays-answer-1077627-9010' value='1077627'/> <label for='ays-answer-1077627-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Để các trường nhập liệu và nhãn được sắp xếp theo cột dọc, từ trên xuống dưới.</label><label for='ays-answer-1077627-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270118]' id='ays-answer-1077628-9010' value='1077628'/> <label for='ays-answer-1077628-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Để các trường nhập liệu và nhãn tự động co giãn theo chiều ngang.</label><label for='ays-answer-1077628-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270118'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYyNSI6IjAiLCIxMDc3NjI2IjoiMCIsIjEwNzc2MjciOiIxIiwiMTA3NzYyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về Flexbox và cách thuộc tính `flex-direction: column;` ảnh hưởng đến bố cục các phần tử con.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270119' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Giả sử bạn có một trường nhập liệu email yêu cầu người dùng phải nhập đúng định dạng email. CSS pseudo-class nào có thể được sử dụng để định kiểu trường này khi dữ liệu nhập vào không hợp lệ (invalid)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270119]' id='ays-answer-1077629-9010' value='1077629'/> <label for='ays-answer-1077629-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-1077629-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270119]' id='ays-answer-1077630-9010' value='1077630'/> <label for='ays-answer-1077630-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:optional</label><label for='ays-answer-1077630-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270119]' id='ays-answer-1077631-9010' value='1077631'/> <label for='ays-answer-1077631-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-1077631-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270119]' id='ays-answer-1077632-9010' value='1077632'/> <label for='ays-answer-1077632-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-1077632-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270119'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYyOSI6IjAiLCIxMDc3NjMwIjoiMCIsIjEwNzc2MzEiOiIwIiwiMTA3NzYzMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi tập trung vào pseudo-class `:invalid` và vai trò của nó trong việc hiển thị trạng thái hợp lệ/không hợp lệ của trường nhập liệu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270120' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Để vô hiệu hóa (disable) một trường nhập liệu trong biểu mẫu, ngăn người dùng tương tác, và đồng thời muốn làm cho nó hiển thị mờ đi để báo hiệu trạng thái vô hiệu hóa, bạn có thể kết hợp thuộc tính HTML `disabled` với CSS như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270120]' id='ays-answer-1077633-9010' value='1077633'/> <label for='ays-answer-1077633-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input:hidden { opacity: 0.5; }</label><label for='ays-answer-1077633-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270120]' id='ays-answer-1077634-9010' value='1077634'/> <label for='ays-answer-1077634-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled { opacity: 0.5; cursor: not-allowed; }</label><label for='ays-answer-1077634-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270120]' id='ays-answer-1077635-9010' value='1077635'/> <label for='ays-answer-1077635-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { visibility: hidden; }</label><label for='ays-answer-1077635-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270120]' id='ays-answer-1077636-9010' value='1077636'/> <label for='ays-answer-1077636-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input:read-only { color: gray; }</label><label for='ays-answer-1077636-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270120'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYzMyI6IjAiLCIxMDc3NjM0IjoiMSIsIjEwNzc2MzUiOiIwIiwiMTA3NzYzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách kết hợp HTML (thuộc tính `disabled`) và CSS để tạo hiệu ứng trạng thái vô hiệu hóa một cách trực quan.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270121' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Khi thiết kế biểu mẫu, việc cung cấp phản hồi trực quan ngay lập tức cho người dùng về tính hợp lệ của dữ liệu nhập vào là rất quan trọng. CSS pseudo-class nào giúp bạn định kiểu trường nhập liệu khi dữ liệu đã nhập là hợp lệ (valid)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270121]' id='ays-answer-1077637-9010' value='1077637'/> <label for='ays-answer-1077637-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-1077637-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270121]' id='ays-answer-1077638-9010' value='1077638'/> <label for='ays-answer-1077638-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-1077638-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270121]' id='ays-answer-1077639-9010' value='1077639'/> <label for='ays-answer-1077639-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-1077639-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270121]' id='ays-answer-1077640-9010' value='1077640'/> <label for='ays-answer-1077640-9010' class=' ays_position_initial ays-quiz-keyboard-label'>:optional</label><label for='ays-answer-1077640-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270121'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzYzNyI6IjEiLCIxMDc3NjM4IjoiMCIsIjEwNzc2MzkiOiIwIiwiMTA3NzY0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về pseudo-class `:valid` và ứng dụng của nó trong việc cung cấp phản hồi hợp lệ/không hợp lệ cho người dùng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270122' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Trong CSS, thuộc tính `appearance: none;` thường được sử dụng để làm gì đối với các phần tử biểu mẫu như `<select>` hoặc các nút?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270122]' id='ays-answer-1077641-9010' value='1077641'/> <label for='ays-answer-1077641-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Ẩn hoàn toàn phần tử biểu mẫu.</label><label for='ays-answer-1077641-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270122]' id='ays-answer-1077642-9010' value='1077642'/> <label for='ays-answer-1077642-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho phần tử biểu mẫu trở nên trong suốt.</label><label for='ays-answer-1077642-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270122]' id='ays-answer-1077643-9010' value='1077643'/> <label for='ays-answer-1077643-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Loại bỏ kiểu dáng mặc định của trình duyệt, cho phép tùy chỉnh hoàn toàn giao diện bằng CSS.</label><label for='ays-answer-1077643-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270122]' id='ays-answer-1077644-9010' value='1077644'/> <label for='ays-answer-1077644-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ áp dụng kiểu dáng CSS cho phần tử khi nó được tương tác.</label><label for='ays-answer-1077644-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270122'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY0MSI6IjAiLCIxMDc3NjQyIjoiMCIsIjEwNzc2NDMiOiIxIiwiMTA3NzY0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi tập trung vào thuộc tính `appearance: none;` và tác dụng của nó trong việc tùy chỉnh giao diện mặc định của các phần tử biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270123' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Để tạo một biểu mẫu có bố cục hai cột, trong đó nhãn và trường nhập liệu tương ứng được sắp xếp cạnh nhau trên mỗi hàng, phương pháp bố cục CSS nào là hiệu quả và linh hoạt nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270123]' id='ays-answer-1077645-9010' value='1077645'/> <label for='ays-answer-1077645-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bảng (<table>) để tạo bố cục cột.</label><label for='ays-answer-1077645-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270123]' id='ays-answer-1077646-9010' value='1077646'/> <label for='ays-answer-1077646-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng CSS Grid Layout để định nghĩa cấu trúc cột và dòng cho biểu mẫu.</label><label for='ays-answer-1077646-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270123]' id='ays-answer-1077647-9010' value='1077647'/> <label for='ays-answer-1077647-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `float: left` cho nhãn và trường nhập liệu.</label><label for='ays-answer-1077647-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270123]' id='ays-answer-1077648-9010' value='1077648'/> <label for='ays-answer-1077648-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `display: inline-block` cho nhãn và trường nhập liệu.</label><label for='ays-answer-1077648-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270123'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY0NSI6IjAiLCIxMDc3NjQ2IjoiMSIsIjEwNzc2NDciOiIwIiwiMTA3NzY0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng lựa chọn phương pháp bố cục CSS phù hợp cho biểu mẫu hai cột, nhấn mạnh tính hiệu quả và linh hoạt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270124' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Khi thiết kế kiểu dáng cho hộp kiểm (checkbox) và nút radio, thuộc tính CSS nào cho phép bạn thay đổi màu sắc của dấu kiểm hoặc chấm tròn khi chúng được chọn (checked)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270124]' id='ays-answer-1077649-9010' value='1077649'/> <label for='ays-answer-1077649-9010' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1077649-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270124]' id='ays-answer-1077650-9010' value='1077650'/> <label for='ays-answer-1077650-9010' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1077650-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270124]' id='ays-answer-1077651-9010' value='1077651'/> <label for='ays-answer-1077651-9010' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1077651-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270124]' id='ays-answer-1077652-9010' value='1077652'/> <label for='ays-answer-1077652-9010' class=' ays_position_initial ays-quiz-keyboard-label'>accent-color</label><label for='ays-answer-1077652-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270124'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY0OSI6IjAiLCIxMDc3NjUwIjoiMCIsIjEwNzc2NTEiOiIwIiwiMTA3NzY1MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi tập trung vào thuộc tính `accent-color` và ứng dụng đặc biệt của nó trong việc tùy chỉnh màu sắc của các phần tử điều khiển biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270125' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Để tạo một biểu mẫu có giao diện hiện đại, bạn muốn loại bỏ hoàn toàn đường viền mặc định của các trường nhập liệu và thay thế bằng một đường gạch chân mảnh khi trường được focus. Làm thế nào để đạt được điều này bằng CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270125]' id='ays-answer-1077653-9010' value='1077653'/> <label for='ays-answer-1077653-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { border: none; border-bottom: 1px solid black; }</label><label for='ays-answer-1077653-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270125]' id='ays-answer-1077654-9010' value='1077654'/> <label for='ays-answer-1077654-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { outline: none; border-bottom: 2px dotted blue; }</label><label for='ays-answer-1077654-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270125]' id='ays-answer-1077655-9010' value='1077655'/> <label for='ays-answer-1077655-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { border: none; border-bottom: 1px solid transparent; } input:focus { outline: none; border-bottom-color: black; }</label><label for='ays-answer-1077655-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270125]' id='ays-answer-1077656-9010' value='1077656'/> <label for='ays-answer-1077656-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { border-style: hidden; border-bottom-width: thin; }</label><label for='ays-answer-1077656-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270125'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY1MyI6IjAiLCIxMDc3NjU0IjoiMCIsIjEwNzc2NTUiOiIxIiwiMTA3NzY1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu vận dụng kiến thức CSS để tùy chỉnh hoàn toàn đường viền mặc định và tạo hiệu ứng đường gạch chân khi focus, thể hiện khả năng sáng tạo trong thiết kế biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270126' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Trong CSS, thuộc tính `resize` có giá trị `vertical` được sử dụng chủ yếu cho phần tử biểu mẫu nào và có tác dụng gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270126]' id='ays-answer-1077657-9010' value='1077657'/> <label for='ays-answer-1077657-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử `<textarea>`, cho phép người dùng thay đổi chiều cao của hộp văn bản theo chiều dọc.</label><label for='ays-answer-1077657-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270126]' id='ays-answer-1077658-9010' value='1077658'/> <label for='ays-answer-1077658-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử `<input type="text">`, cho phép người dùng thay đổi chiều cao của trường nhập liệu văn bản.</label><label for='ays-answer-1077658-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270126]' id='ays-answer-1077659-9010' value='1077659'/> <label for='ays-answer-1077659-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử `<select>`, cho phép người dùng thay đổi chiều cao của danh sách chọn.</label><label for='ays-answer-1077659-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270126]' id='ays-answer-1077660-9010' value='1077660'/> <label for='ays-answer-1077660-9010' class=' ays_position_initial ays-quiz-keyboard-label'>Bất kỳ phần tử biểu mẫu nào, cho phép thay đổi kích thước theo cả chiều ngang và chiều dọc.</label><label for='ays-answer-1077660-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270126'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY1NyI6IjEiLCIxMDc3NjU4IjoiMCIsIjEwNzc2NTkiOiIwIiwiMTA3NzY2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `resize` và ứng dụng cụ thể của giá trị `vertical` đối với phần tử `<textarea>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270127' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Để đảm bảo tính dễ đọc và thẩm mỹ cho văn bản bên trong các trường nhập liệu, thuộc tính CSS nào quan trọng nhất cần được điều chỉnh?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270127]' id='ays-answer-1077661-9010' value='1077661'/> <label for='ays-answer-1077661-9010' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1077661-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270127]' id='ays-answer-1077662-9010' value='1077662'/> <label for='ays-answer-1077662-9010' class=' ays_position_initial ays-quiz-keyboard-label'>font-size, font-family, line-height, color</label><label for='ays-answer-1077662-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270127]' id='ays-answer-1077663-9010' value='1077663'/> <label for='ays-answer-1077663-9010' class=' ays_position_initial ays-quiz-keyboard-label'>border-width, border-style, border-color</label><label for='ays-answer-1077663-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270127]' id='ays-answer-1077664-9010' value='1077664'/> <label for='ays-answer-1077664-9010' class=' ays_position_initial ays-quiz-keyboard-label'>padding, margin</label><label for='ays-answer-1077664-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270127'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY2MSI6IjAiLCIxMDc3NjYyIjoiMSIsIjEwNzc2NjMiOiIwIiwiMTA3NzY2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi nhấn mạnh tầm quan trọng của các thuộc tính CSS liên quan đến văn bản trong việc cải thiện trải nghiệm người dùng khi tương tác với biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270128' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn muốn tạo một nút gửi biểu mẫu có hình dạng tròn thay vì hình chữ nhật mặc định. Thuộc tính CSS nào được sử dụng để điều chỉnh độ cong của góc và tạo hình dạng tròn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270128]' id='ays-answer-1077665-9010' value='1077665'/> <label for='ays-answer-1077665-9010' class=' ays_position_initial ays-quiz-keyboard-label'>corner-radius</label><label for='ays-answer-1077665-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270128]' id='ays-answer-1077666-9010' value='1077666'/> <label for='ays-answer-1077666-9010' class=' ays_position_initial ays-quiz-keyboard-label'>angle-radius</label><label for='ays-answer-1077666-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270128]' id='ays-answer-1077667-9010' value='1077667'/> <label for='ays-answer-1077667-9010' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-1077667-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270128]' id='ays-answer-1077668-9010' value='1077668'/> <label for='ays-answer-1077668-9010' class=' ays_position_initial ays-quiz-keyboard-label'>shape-radius</label><label for='ays-answer-1077668-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270128'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY2NSI6IjAiLCIxMDc3NjY2IjoiMCIsIjEwNzc2NjciOiIxIiwiMTA3NzY2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `border-radius` và khả năng ứng dụng để tạo hình dạng nút tùy chỉnh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270129' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Để tạo khoảng cách giữa biểu mẫu và các phần tử khác trên trang web, thuộc tính CSS nào được sử dụng để thiết lập khoảng cách bên ngoài (outer spacing) của biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270129]' id='ays-answer-1077669-9010' value='1077669'/> <label for='ays-answer-1077669-9010' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1077669-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270129]' id='ays-answer-1077670-9010' value='1077670'/> <label for='ays-answer-1077670-9010' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1077670-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270129]' id='ays-answer-1077671-9010' value='1077671'/> <label for='ays-answer-1077671-9010' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-1077671-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270129]' id='ays-answer-1077672-9010' value='1077672'/> <label for='ays-answer-1077672-9010' class=' ays_position_initial ays-quiz-keyboard-label'>outline-offset</label><label for='ays-answer-1077672-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270129'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY2OSI6IjEiLCIxMDc3NjcwIjoiMCIsIjEwNzc2NzEiOiIwIiwiMTA3NzY3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `margin` và vai trò của nó trong việc tạo khoảng cách bên ngoài phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270130' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Trong CSS, để nhóm các quy tắc định kiểu chỉ áp dụng cho các trường nhập liệu `<input>` bên trong một biểu mẫu có class là 'registration-form', bạn sử dụng bộ chọn (selector) nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270130]' id='ays-answer-1077673-9010' value='1077673'/> <label for='ays-answer-1077673-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input in .registration-form {}</label><label for='ays-answer-1077673-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270130]' id='ays-answer-1077674-9010' value='1077674'/> <label for='ays-answer-1077674-9010' class=' ays_position_initial ays-quiz-keyboard-label'>.registration-form input {}</label><label for='ays-answer-1077674-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270130]' id='ays-answer-1077675-9010' value='1077675'/> <label for='ays-answer-1077675-9010' class=' ays_position_initial ays-quiz-keyboard-label'>.registration-form > input {}</label><label for='ays-answer-1077675-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270130]' id='ays-answer-1077676-9010' value='1077676'/> <label for='ays-answer-1077676-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input.registration-form {}</label><label for='ays-answer-1077676-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270130'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY3MyI6IjAiLCIxMDc3Njc0IjoiMSIsIjEwNzc2NzUiOiIwIiwiMTA3NzY3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng sử dụng bộ chọn CSS kết hợp class và phần tử để định kiểu cụ thể cho trường nhập liệu trong biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270131' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Để tạo hiệu ứng chuyển đổi mượt mà (transition) khi màu nền của nút thay đổi khi di chuột qua, thuộc tính CSS nào cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270131]' id='ays-answer-1077677-9010' value='1077677'/> <label for='ays-answer-1077677-9010' class=' ays_position_initial ays-quiz-keyboard-label'>animation</label><label for='ays-answer-1077677-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270131]' id='ays-answer-1077678-9010' value='1077678'/> <label for='ays-answer-1077678-9010' class=' ays_position_initial ays-quiz-keyboard-label'>transform</label><label for='ays-answer-1077678-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270131]' id='ays-answer-1077679-9010' value='1077679'/> <label for='ays-answer-1077679-9010' class=' ays_position_initial ays-quiz-keyboard-label'>hover-effect</label><label for='ays-answer-1077679-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270131]' id='ays-answer-1077680-9010' value='1077680'/> <label for='ays-answer-1077680-9010' class=' ays_position_initial ays-quiz-keyboard-label'>transition</label><label for='ays-answer-1077680-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270131'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY3NyI6IjAiLCIxMDc3Njc4IjoiMCIsIjEwNzc2NzkiOiIwIiwiMTA3NzY4MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `transition` và ứng dụng của nó trong việc tạo hiệu ứng chuyển động trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270132' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn đặt chiều rộng tối đa (max-width) cho một biểu mẫu để nó không bị trải rộng quá mức trên màn hình lớn, nhưng vẫn tự động co lại trên màn hình nhỏ. Thuộc tính CSS nào phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270132]' id='ays-answer-1077681-9010' value='1077681'/> <label for='ays-answer-1077681-9010' class=' ays_position_initial ays-quiz-keyboard-label'>min-width</label><label for='ays-answer-1077681-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270132]' id='ays-answer-1077682-9010' value='1077682'/> <label for='ays-answer-1077682-9010' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto;</label><label for='ays-answer-1077682-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270132]' id='ays-answer-1077683-9010' value='1077683'/> <label for='ays-answer-1077683-9010' class=' ays_position_initial ays-quiz-keyboard-label'>max-width</label><label for='ays-answer-1077683-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270132]' id='ays-answer-1077684-9010' value='1077684'/> <label for='ays-answer-1077684-9010' class=' ays_position_initial ays-quiz-keyboard-label'>width: 100%;</label><label for='ays-answer-1077684-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270132'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY4MSI6IjAiLCIxMDc3NjgyIjoiMCIsIjEwNzc2ODMiOiIxIiwiMTA3NzY4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `max-width` và ứng dụng của nó trong thiết kế biểu mẫu đáp ứng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270133' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Để làm cho nhãn của trường nhập liệu (label) có màu sắc khác biệt so với văn bản nhập vào bên trong trường, bạn sẽ sử dụng thuộc tính CSS nào cho phần tử `<label>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270133]' id='ays-answer-1077685-9010' value='1077685'/> <label for='ays-answer-1077685-9010' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1077685-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270133]' id='ays-answer-1077686-9010' value='1077686'/> <label for='ays-answer-1077686-9010' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1077686-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270133]' id='ays-answer-1077687-9010' value='1077687'/> <label for='ays-answer-1077687-9010' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration</label><label for='ays-answer-1077687-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270133]' id='ays-answer-1077688-9010' value='1077688'/> <label for='ays-answer-1077688-9010' class=' ays_position_initial ays-quiz-keyboard-label'>font-weight</label><label for='ays-answer-1077688-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270133'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY4NSI6IjEiLCIxMDc3Njg2IjoiMCIsIjEwNzc2ODciOiIwIiwiMTA3NzY4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về thuộc tính `color` và ứng dụng để định kiểu văn bản trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270134' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Để thay đổi kiểu phông chữ (font family) cho toàn bộ văn bản trong biểu mẫu, bạn sẽ áp dụng thuộc tính CSS nào cho phần tử `</p> <form>` hoặc phần tử chứa biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270134]' id='ays-answer-1077689-9010' value='1077689'/> <label for='ays-answer-1077689-9010' class=' ays_position_initial ays-quiz-keyboard-label'></label><label for='ays-answer-1077689-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270134]' id='ays-answer-1077690-9010' value='1077690'/> <label for='ays-answer-1077690-9010' class=' ays_position_initial ays-quiz-keyboard-label'>font-family</label><label for='ays-answer-1077690-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270134]' id='ays-answer-1077691-9010' value='1077691'/> <label for='ays-answer-1077691-9010' class=' ays_position_initial ays-quiz-keyboard-label'>text-font</label><label for='ays-answer-1077691-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270134]' id='ays-answer-1077692-9010' value='1077692'/> <label for='ays-answer-1077692-9010' class=' ays_position_initial ays-quiz-keyboard-label'>typeface</label><label for='ays-answer-1077692-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270134'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY4OSI6IjAiLCIxMDc3NjkwIjoiMSIsIjEwNzc2OTEiOiIwIiwiMTA3NzY5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính `font-family` và cách áp dụng kiểu dáng chung cho biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270135' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Khi thiết kế biểu mẫu trên thiết bị di động, điều quan trọng là đảm bảo các trường nhập liệu có kích thước đủ lớn để dễ dàng chạm và nhập liệu. Đơn vị đo chiều cao nào thường được ưu tiên sử dụng cho chiều cao của trường nhập liệu để tối ưu trải nghiệm trên di động?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270135]' id='ays-answer-1077693-9010' value='1077693'/> <label for='ays-answer-1077693-9010' class=' ays_position_initial ays-quiz-keyboard-label'>px (pixels)</label><label for='ays-answer-1077693-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270135]' id='ays-answer-1077694-9010' value='1077694'/> <label for='ays-answer-1077694-9010' class=' ays_position_initial ays-quiz-keyboard-label'>pt (points)</label><label for='ays-answer-1077694-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270135]' id='ays-answer-1077695-9010' value='1077695'/> <label for='ays-answer-1077695-9010' class=' ays_position_initial ays-quiz-keyboard-label'>em</label><label for='ays-answer-1077695-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270135]' id='ays-answer-1077696-9010' value='1077696'/> <label for='ays-answer-1077696-9010' class=' ays_position_initial ays-quiz-keyboard-label'>rem hoặc em (đơn vị tương đối, dễ dàng điều chỉnh theo kích thước phông chữ gốc)</label><label for='ays-answer-1077696-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270135'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY5MyI6IjAiLCIxMDc3Njk0IjoiMCIsIjEwNzc2OTUiOiIwIiwiMTA3NzY5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thiết kế biểu mẫu thân thiện với thiết bị di động và lựa chọn đơn vị đo chiều cao phù hợp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270136' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Để tạo một đường viền bao quanh toàn bộ biểu mẫu, giúp phân tách nó khỏi nội dung khác trên trang, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270136]' id='ays-answer-1077697-9010' value='1077697'/> <label for='ays-answer-1077697-9010' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1077697-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270136]' id='ays-answer-1077698-9010' value='1077698'/> <label for='ays-answer-1077698-9010' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1077698-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270136]' id='ays-answer-1077699-9010' value='1077699'/> <label for='ays-answer-1077699-9010' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1077699-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270136]' id='ays-answer-1077700-9010' value='1077700'/> <label for='ays-answer-1077700-9010' class=' ays_position_initial ays-quiz-keyboard-label'>frame</label><label for='ays-answer-1077700-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270136'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzY5NyI6IjAiLCIxMDc3Njk4IjoiMCIsIjEwNzc2OTkiOiIxIiwiMTA3NzcwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về thuộc tính `border` và ứng dụng để tạo đường viền cho biểu mẫu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='270137' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 2</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Để thiết kế một biểu mẫu tối giản, bạn muốn loại bỏ hoàn toàn đường viền mặc định của tất cả các trường nhập liệu. Đoạn mã CSS nào sau đây thực hiện điều này một cách hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270137]' id='ays-answer-1077701-9010' value='1077701'/> <label for='ays-answer-1077701-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { border-style: none; }</label><label for='ays-answer-1077701-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270137]' id='ays-answer-1077702-9010' value='1077702'/> <label for='ays-answer-1077702-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { border: 0; }</label><label for='ays-answer-1077702-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270137]' id='ays-answer-1077703-9010' value='1077703'/> <label for='ays-answer-1077703-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { border-width: 0px; }</label><label for='ays-answer-1077703-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-270137]' id='ays-answer-1077704-9010' value='1077704'/> <label for='ays-answer-1077704-9010' class=' ays_position_initial ays-quiz-keyboard-label'>input { outline: none; }</label><label for='ays-answer-1077704-9010' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9010 === 'undefined'){ window.quizOptions_9010 = []; } window.quizOptions_9010['270137'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTA3NzcwMSI6IjAiLCIxMDc3NzAyIjoiMSIsIjEwNzc3MDMiOiIwIiwiMTA3NzcwNCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng áp dụng CSS để loại bỏ đường viền mặc định của trường nhập liệu, thể hiện phong cách thiết kế tối giản.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-9010 * { box-sizing: border-box; } #ays-quiz-container-9010 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-9010 #ays_finish_quiz_9010 { } /* Styles for Quiz container */ #ays-quiz-container-9010{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-9010 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-9010 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-9010 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-9010 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-9010 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-9010 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-9010 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-9010 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-9010.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-9010.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-9010 #ays_finish_quiz_9010 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-9010.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container p, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-9010.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-9010 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-9010 .ays-quiz-password-message-box, #ays-quiz-container-9010 .ays-quiz-question-note-message-box, #ays-quiz-container-9010 .ays_quiz_question, #ays-quiz-container-9010 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-9010 textarea, #ays-quiz-container-9010 input::first-letter, #ays-quiz-container-9010 select::first-letter, #ays-quiz-container-9010 option::first-letter { color: initial !important; } #ays-quiz-container-9010 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-9010 .select2-container, #ays-quiz-container-9010 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-9010 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-9010 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-9010 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-9010 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-9010 .ays-questions-container .ays-field, div#ays-quiz-container-9010 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-9010 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-9010 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-9010 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-9010 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-9010 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-9010 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-9010 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-9010 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-9010 .information_form input[type='text'], #ays-quiz-container-9010 .information_form input[type='url'], #ays-quiz-container-9010 .information_form input[type='number'], #ays-quiz-container-9010 .information_form input[type='email'], #ays-quiz-container-9010 .information_form input[type='tel'], #ays-quiz-container-9010 .information_form textarea, #ays-quiz-container-9010 .information_form select, #ays-quiz-container-9010 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-9010 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-9010 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-9010 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-9010 .right_answer_text{ color:#33cc33; } #ays-quiz-container-9010 .right_answer_text p { font-size:16px; } #ays-quiz-container-9010 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-9010 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-9010 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9010 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9010 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9010 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-9010 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9010 .ays_cb_and_a, #ays-quiz-container-9010 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-9010 iframe { /*min-height: 450px;*/ } #ays-quiz-container-9010 label.ays_for_checkbox, #ays-quiz-container-9010 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-9010 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-9010 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-9010 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-9010 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-9010 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-9010 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-9010 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-9010 div.lds-spinner, #ays-quiz-container-9010 div.lds-spinner2 { color: #000000; } #ays-quiz-container-9010 div.lds-spinner div:after, #ays-quiz-container-9010 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-9010 .lds-circle, #ays-quiz-container-9010 .lds-facebook div, #ays-quiz-container-9010 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-9010 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-9010 .lds-dual-ring::after, #ays-quiz-container-9010 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-9010 .ui.rating .icon, #ays-quiz-container-9010 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-9010 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-9010 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-9010 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-9010 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-9010 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-9010 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-9010 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-9010 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-9010 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-9010 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-9010 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-9010 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-9010 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-9010 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-9010 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-9010 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-9010 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-9010 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-9010 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-9010 div.ays-quiz-redirection-timer, #ays-quiz-container-9010 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-9010 div.ays-quiz-after-timer * , #ays-quiz-container-9010 div.ays-quiz-redirection-timer *, #ays-quiz-container-9010 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-9010 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-9010 input#ays-submit, #ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button, #ays-quiz-container-9010 #ays_finish_quiz_9010 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-9010 #ays_finish_quiz_9010 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button.ays_restart_button, #ays-quiz-container-9010 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-9010 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-9010 input#ays-submit, #ays-quiz-container-9010 #ays_finish_quiz_9010 input.action-button, #ays-quiz-container-9010 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-9010 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-9010 input#ays-submit:hover, #ays-quiz-container-9010 input#ays-submit:focus, #ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button:hover, #ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button:focus, #ays-quiz-container-9010 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-9010 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-9010 .ays_restart_button { color: #ffffff; } #ays-quiz-container-9010 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-9010 .ays_buttons_div { justify-content: center; } #ays-quiz-container-9010 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-9010 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-9010 input[type='button'], #ays-quiz-container-9010 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-9010 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-9010 input[type='button']:focus-visible, div#ays-quiz-container-9010 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-9010 #ays_finish_quiz_9010 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-9010 #ays_finish_quiz_9010 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-9010 #ays_finish_quiz_9010 i.ays_early_finish.action-button[disabled], #ays-quiz-container-9010 #ays_finish_quiz_9010 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-9010 #ays_finish_quiz_9010 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-9010 #ays_finish_quiz_9010 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-9010 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-9010 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-9010 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-9010.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-9010 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-9010 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-9010 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-9010 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-9010 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-9010 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-9010 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-9010 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-9010 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-9010 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-9010 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-9010 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-9010 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-9010 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-9010 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-9010 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-9010 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-9010 .ays-field .select2-container--default, #ays-quiz-container-9010 .ays-field .select2-container--default .selection, #ays-quiz-container-9010 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-9010 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-9010 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-9010 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-9010 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-9010 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-9010 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-9010 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-9010 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-9010 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-9010 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-9010 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-9010 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-9010 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-9010 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-9010 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-9010 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-9010 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-9010 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-9010 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-9010 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-9010.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-9010.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-9010 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-9010 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-9010 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-9010 label[for^='ays-answer']:before, #ays-quiz-container-9010 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-9010 .ays_question_report { text-align: right; } div#ays-quiz-container-9010 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-9010 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-9010.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-9010.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-9010.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-9010.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-9010.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-9010.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-9010 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-9010.ays_quiz_classic_dark .correct_div, #ays-quiz-container-9010.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-9010.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-9010.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-9010.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-9010.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-9010.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-9010.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-9010 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-9010 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-9010 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-9010 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-9010 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-9010 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-9010 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-9010.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-9010.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-9010 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-9010 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-9010 .ays-quiz-personality-result-box div:before, #ays-quiz-container-9010 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-9010 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-9010 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-9010 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-9010 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-9010 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-9010 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-9010 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-9010 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-9010 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-9010 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-9010 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-9010 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-9010 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-9010{ max-width: 100%; } div#ays-quiz-container-9010 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-9010.ays_quiz_modern_light .step, div#ays-quiz-container-9010.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-9010.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-9010.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-9010.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-9010.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-9010 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-9010 .select2-container, div#ays-quiz-container-9010 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-9010 input#ays-submit, div#ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button, div#ays-quiz-container-9010 #ays_finish_quiz_9010 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button.ays_restart_button, #ays-quiz-container-9010 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-9010 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-9010 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-9010 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-9010 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-9010 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-9010 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-9010 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-9010 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-9010 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-9010 p { margin: 0.625em; } #ays-quiz-container-9010.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-9010.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-9010 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-9010.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-9010 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button:hover, #ays-quiz-container-9010 #ays_finish_quiz_9010 .action-button:focus, #ays-quiz-container-9010 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-9010 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['9010'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiI5MDEwIiwiYXV0aG9yX2lkIjoiMyIsInBvc3RfaWQiOm51bGwsInRpdGxlIjoiVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiBDaFx1MDBlMm4gdHJcdTFlZGRpIHNcdTAwZTFuZyB0XHUxZWExbyBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMiIsImRlc2NyaXB0aW9uIjoiPHA+VHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiBDaFx1MDBlMm4gdHJcdTFlZGRpIHNcdTAwZTFuZyB0XHUxZWExbyBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMiBiYW8gZ1x1MWVkM20gbmhpXHUxZWMxdSBjXHUwMGUydSBoXHUxZWNmaSBoYXksIGJcdTAwZTFtIHNcdTAwZTF0IGNoXHUwMWIwXHUwMWExbmcgdHJcdTAwZWNuaC4gQ1x1MDBmOW5nIGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5LjxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBzXHUxZWYxIGtoXHUwMGUxYyBiaVx1MWVjN3Qgclx1MDBmNSByXHUwMGUwbmcgdlx1MWVjMSBtXHUxZWI3dCBoXHUwMGVjbmggXHUxZWEzbmggZ2lcdTFlZWZhIGNcdTAwZTFjIG5oXHUwMGYzbSB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgdHJvbmcgbVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1IHBoXHUxZWU5YyB0XHUxZWExcCwgZ2lcdTAwZmFwIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZFx1MWVjNSBkXHUwMGUwbmcgcGhcdTAwZTJuIGJpXHUxZWM3dCBjXHUwMGUxYyBwaFx1MWVhN24ga2hcdTAwZTFjIG5oYXUsIHBoXHUwMWIwXHUwMWExbmcgcGhcdTAwZTFwIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIFNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBjb2xvcmAga2hcdTAwZTFjIG5oYXUgY2hvIG5oXHUwMGUzbiBjXHUxZWU3YSBtXHUxZWQ3aSB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UuPFwvbGk+XHJcbjxsaT5CLiBUXHUwMTAzbmcga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBwaFx1MDBmNG5nIGNoXHUxZWVmIGNcdTFlZTdhIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgbmhcdTAwZTNuIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidS48XC9saT5cclxuPGxpPkMuIFx1MDBjMXAgZFx1MWVlNW5nIGBib3JkZXItc3R5bGU6IGRhc2hlZGAgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBTXHUxZWVkIGRcdTFlZTVuZyBwaFx1MWVhN24gdFx1MWVlZCBgPGZpZWxkc2V0PmAga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgYDxsZWdlbmQ+YCBcdTAxMTFcdTFlYzMgbmhcdTAwZjNtIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbGlcdTAwZWFuIHF1YW4gdlx1MDBlMCB0XHUxZWExbyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNobyBuaFx1MDBmM20uPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IFRyb25nIENTUywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJveC1zaXppbmdgIHZcdTFlZGJpIGdpXHUwMGUxIHRyXHUxZWNiIGBib3JkZXItYm94YCBjXHUwMGYzIHRcdTAwZTFjIGRcdTFlZTVuZyBnXHUwMGVjIFx1MDExMVx1MWVkMWkgdlx1MWVkYmkgdmlcdTFlYzdjIFx1MDExMVx1MWVjYm5oIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRcdTAwZWRuaCBjXHUxZWEzIGBwYWRkaW5nYCB2XHUwMGUwIGBib3JkZXJgIHZcdTAwZTBvIHRcdTFlZDVuZyBjaGlcdTFlYzF1IHJcdTFlZDluZyB2XHUwMGUwIGNoaVx1MWVjMXUgY2FvIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLCBnaVx1MDBmYXAgZFx1MWVjNSBkXHUwMGUwbmcga2lcdTFlYzNtIHNvXHUwMGUxdCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHRcdTFlZDVuZyB0aFx1MWVjMy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBMb1x1MWVhMWkgYlx1MWVjZiBob1x1MDBlMG4gdG9cdTAwZTBuIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiAoYm9yZGVyKSBjXHUxZWU3YSBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IHRcdTAwZWRuaCBgcGFkZGluZ2Agdlx1MDBlMG8ga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBjXHUxZWU3YSBwaFx1MWVhN24gdFx1MWVlZCwga2hcdTAwZjRuZyBiYW8gZ1x1MWVkM20gYGJvcmRlcmAuPFwvbGk+XHJcbjxsaT5ELiBUXHUxZWYxIFx1MDExMVx1MWVkOW5nIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmgga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBwaFx1MWVhN24gdFx1MWVlZCBkXHUxZWYxYSB0clx1MDBlYW4gblx1MWVkOWkgZHVuZyBiXHUwMGVhbiB0cm9uZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyBjXHUwMGUxYyBuaFx1MDBlM24gKGxhYmVscykgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MDFiMFx1MWVlM2MgY1x1MDEwM24gY2hcdTFlYzluaCB0aFx1MWViM25nIGhcdTAwZTBuZyB2XHUwMGUwIFx1MDExMVx1MWViOXAgbVx1MWVhZnQsIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IGtoaSBjXHUwMGUxYyBuaFx1MDBlM24gY1x1MDBmMyBcdTAxMTFcdTFlZDkgZFx1MDBlMGkgdlx1MDEwM24gYlx1MWVhM24ga2hcdTAwZTFjIG5oYXUsIGtcdTFlZjkgdGh1XHUxZWFkdCBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBTXHUxZWVkIGRcdTFlZTVuZyBgdGV4dC1hbGlnbjogY2VudGVyYCBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBuaFx1MDBlM24uPFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlYjd0IHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgbmhcdTAwZTNuIHZcdTFlZGJpIGBmbG9hdDogbGVmdGAgdlx1MDBlMCBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWQxIFx1MDExMVx1MWVjYm5oLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBTXHUxZWVkIGRcdTFlZTVuZyBGbGV4Ym94IGhvXHUxZWI3YyBHcmlkIExheW91dCBcdTAxMTFcdTFlYzMgdFx1MWVhMW8gYlx1MWVkMSBjXHUxZWU1YyBjXHUxZWQ5dCBjaG8gbmhcdTAwZTNuIHZcdTAwZTAgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1LCBjaG8gcGhcdTAwZTlwIGNcdTAxMDNuIGNoXHUxZWM5bmggbGluaCBob1x1MWVhMXQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gXHUwMGMxcCBkXHUxZWU1bmcgYHZlcnRpY2FsLWFsaWduOiBtaWRkbGVgIGNobyBjXHUwMGUxYyBuaFx1MDBlM24uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IGtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRpIGNodVx1MWVkOXQgcXVhIG1cdTFlZDl0IG5cdTAwZmF0IGdcdTFlZWRpICg8YnV0dG9uIHR5cGU9XHJcbjx1bD5cclxuPGxpPkEuIGJ1dHRvblt0eXBlPVwic3VibWl0XCJdIHsgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBidXR0b25bdHlwZT1cInN1Ym1pdFwiXTpob3ZlciB7IGJhY2tncm91bmQtY29sb3I6IG9yYW5nZTsgY3Vyc29yOiBwb2ludGVyOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYnV0dG9uW3R5cGU9XCJzdWJtaXRcIl06YWN0aXZlIHsgYmFja2dyb3VuZC1jb2xvcjogZ3JlZW47IH08XC9saT5cclxuPGxpPkQuIC5zdWJtaXQtYnV0dG9uIHsgYmFja2dyb3VuZC1jb2xvcjogcmVkOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHRoYXkgXHUwMTExXHUxZWQ1aSBoXHUwMGVjbmggZFx1MWVhMW5nIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IGtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRpIGNodXlcdTFlYzNuIGNodVx1MWVkOXQgcXVhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSwgdlx1MDBlZCBkXHUxZWU1IFx1MDExMVx1MWVjMyBiaVx1MWVjM3UgdGhcdTFlY2Igclx1MWViMW5nIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMyBjXHUwMGYzIHRoXHUxZWMzIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYyBcdTAxMTFcdTAxYjBcdTFlZTNjP1xyXG48dWw+XHJcbjxsaT5BLiBwb2ludGVyLWV2ZW50czxcL2xpPlxyXG48bGk+Qi4gbW91c2UtaWNvbjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBjdXJzb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBpY29uLXN0eWxlPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogXHUwMTEwXHUxZWMzIGxcdTAwZTBtIG5cdTFlZDVpIGJcdTFlYWR0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBoaVx1MWVjN24gXHUwMTExYW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBjaFx1MWVjZG4gKGZvY3VzKSwgdlx1MDBlZCBkXHUxZWU1IGJcdTFlYjFuZyBjXHUwMGUxY2ggdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBob1x1MWViN2MgbVx1MDBlMHUgblx1MWVjMW4sIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgcHNldWRvLWNsYXNzIG5cdTAwZTBvIHRyb25nIENTUz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA6Zm9jdXM8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT5DLiA6aG92ZXI8XC9saT5cclxuPGxpPkQuIDp2YWxpZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MDBlMXAgXHUxZWU5bmcgKHJlc3BvbnNpdmUpLCBcdTAxMTFpXHUxZWMxdSBnXHUwMGVjIHF1YW4gdHJcdTFlY2RuZyBuaFx1MWVhNXQgY1x1MWVhN24geGVtIHhcdTAwZTl0IHZcdTFlYzEga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyB2XHUwMGUwIGJcdTFlZDEgY1x1MWVlNWMgY1x1MWVlN2EgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IHRyXHUwMGVhbiBjXHUwMGUxYyB0aGlcdTFlYmZ0IGJcdTFlY2Iga2hcdTAwZTFjIG5oYXU/XHJcbjx1bD5cclxuPGxpPkEuIEx1XHUwMGY0biBnaVx1MWVlZiBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBjXHUxZWQxIFx1MDExMVx1MWVjYm5oIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHRcdTAwZWRuaCBuaFx1MWVhNXQgcXVcdTAwZTFuLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBTXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTAxYTFuIHZcdTFlY2IgdFx1MDFiMFx1MDFhMW5nIFx1MDExMVx1MWVkMWkgKHZcdTAwZWQgZFx1MWVlNTogJSwgZW0sIHZ3KSBjaG8gY2hpXHUxZWMxdSByXHUxZWQ5bmcgdlx1MDBlMCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHBoXHUwMGY0bmcgY2hcdTFlZWYgXHUwMTExXHUxZWMzIGNoXHUwMGZhbmcgdFx1MWVmMSBcdTAxMTFcdTFlZDluZyBcdTAxMTFpXHUxZWMxdSBjaFx1MWVjOW5oIHRoZW8ga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBtXHUwMGUwbiBoXHUwMGVjbmguPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gXHUxZWE4biBiXHUxZWRidCBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3Uga2hcdTAwZjRuZyBxdWFuIHRyXHUxZWNkbmcgdHJcdTAwZWFuIG1cdTAwZTBuIGhcdTAwZWNuaCBuaFx1MWVjZiBcdTAxMTFcdTFlYzMgdGlcdTFlYmZ0IGtpXHUxZWM3bSBraFx1MDBmNG5nIGdpYW4uPFwvbGk+XHJcbjxsaT5ELiBDaFx1MWVjOSB0aGlcdTFlYmZ0IGtcdTFlYmYgYmlcdTFlYzN1IG1cdTFlYWJ1IGNobyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIG1cdTAwZTBuIGhcdTAwZWNuaCBtXHUwMGUxeSB0XHUwMGVkbmggXHUwMTExXHUxZWMzIGJcdTAwZTBuLCBiXHUxZWNmIHF1YSBjXHUwMGUxYyB0aGlcdTFlYmZ0IGJcdTFlY2IgZGkgXHUwMTExXHUxZWQ5bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIGtob1x1MWVhM25nIGNcdTAwZTFjaCBnaVx1MWVlZmEgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IHZcdTAwZTAgbmhcdTAwZTNuIGNcdTFlZTdhIGNoXHUwMGZhbmcgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdGhpXHUxZWJmdCBsXHUxZWFkcCBraG9cdTFlYTNuZyBcdTAxMTFcdTFlYzdtIGJcdTAwZWFuIHRyb25nIChpbm5lciBzcGFjaW5nKSBjXHUxZWU3YSB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3U/XHJcbjx1bD5cclxuPGxpPkEuIG1hcmdpbjxcL2xpPlxyXG48bGk+Qi4gYm9yZGVyLXNwYWNpbmc8XC9saT5cclxuPGxpPkMuIGxpbmUtaGVpZ2h0PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIHBhZGRpbmc8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogVHJvbmcgQ1NTLCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBwaFx1MWVhN24gZ2lcdTFlZWYgY2hcdTFlZDcgKHBsYWNlaG9sZGVyIHRleHQpIGJcdTAwZWFuIHRyb25nIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgcHNldWRvLWVsZW1lbnQgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIDpwbGFjZWhvbGRlcjxcL2xpPlxyXG48bGk+Qi4gOmlucHV0LXBsYWNlaG9sZGVyPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDo6cGxhY2Vob2xkZXI8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiAucGxhY2Vob2xkZXI8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBiXHUwMGYzbmcgXHUwMTExXHUxZWQ1IHh1bmcgcXVhbmggbVx1MWVkOXQgbmhcdTAwZjNtIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUsIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dD9cclxuPHVsPlxyXG48bGk+QS4gdGV4dC1zaGFkb3c8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYm94LXNoYWRvdzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGRyb3Atc2hhZG93PFwvbGk+XHJcbjxsaT5ELiBlbGVtZW50LXNoYWRvdzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBLaGkgc1x1MWVlZCBkXHUxZWU1bmcgRmxleGJveCBcdTAxMTFcdTFlYzMgYlx1MWVkMSBjXHUxZWU1YyBiaVx1MWVjM3UgbVx1MWVhYnUsIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBmbGV4LWRpcmVjdGlvbjogY29sdW1uO2AgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBjaFx1MWVlOWEgblx1MDBlMG8gKGZvcm0gY29udGFpbmVyKSBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWExdCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMWlcdTFlYzF1IGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIFx1MDExMFx1MWVjMyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3Ugdlx1MDBlMCBuaFx1MDBlM24gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWFmcCB4XHUxZWJmcCB0aGVvIGhcdTAwZTBuZyBuZ2FuZy48XC9saT5cclxuPGxpPkIuIFx1MDExMFx1MWVjMyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3Ugdlx1MDBlMCBuaFx1MDBlM24gXHUwMTExXHUwMWIwXHUxZWUzYyBjXHUwMTAzbiBnaVx1MWVlZmEgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBcdTAxMTBcdTFlYzMgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IHZcdTAwZTAgbmhcdTAwZTNuIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVhZnAgeFx1MWViZnAgdGhlbyBjXHUxZWQ5dCBkXHUxZWNkYywgdFx1MWVlYiB0clx1MDBlYW4geHVcdTFlZDFuZyBkXHUwMWIwXHUxZWRiaS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYzMgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IHZcdTAwZTAgbmhcdTAwZTNuIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgY28gZ2lcdTAwZTNuIHRoZW8gY2hpXHUxZWMxdSBuZ2FuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBlbWFpbCB5XHUwMGVhdSBjXHUxZWE3dSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHBoXHUxZWEzaSBuaFx1MWVhZHAgXHUwMTExXHUwMGZhbmcgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGVtYWlsLiBDU1MgcHNldWRvLWNsYXNzIG5cdTAwZTBvIGNcdTAwZjMgdGhcdTFlYzMgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IHRyXHUwMWIwXHUxZWRkbmcgblx1MDBlMHkga2hpIGRcdTFlZWYgbGlcdTFlYzd1IG5oXHUxZWFkcCB2XHUwMGUwbyBraFx1MDBmNG5nIGhcdTFlZTNwIGxcdTFlYzcgKGludmFsaWQpP1xyXG48dWw+XHJcbjxsaT5BLiA6cmVxdWlyZWQ8XC9saT5cclxuPGxpPkIuIDpvcHRpb25hbDxcL2xpPlxyXG48bGk+Qy4gOnZhbGlkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIDppbnZhbGlkPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBcdTAxMTBcdTFlYzMgdlx1MDBmNCBoaVx1MWVjN3UgaFx1MDBmM2EgKGRpc2FibGUpIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUsIG5nXHUwMTAzbiBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYywgdlx1MDBlMCBcdTAxMTFcdTFlZDNuZyB0aFx1MWVkZGkgbXVcdTFlZDFuIGxcdTAwZTBtIGNobyBuXHUwMGYzIGhpXHUxZWMzbiB0aFx1MWVjYiBtXHUxZWRkIFx1MDExMWkgXHUwMTExXHUxZWMzIGJcdTAwZTFvIGhpXHUxZWM3dSB0clx1MWVhMW5nIHRoXHUwMGUxaSB2XHUwMGY0IGhpXHUxZWM3dSBoXHUwMGYzYSwgYlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBrXHUxZWJmdCBoXHUxZWUzcCB0aHVcdTFlZDljIHRcdTAwZWRuaCBIVE1MIGBkaXNhYmxlZGAgdlx1MWVkYmkgQ1NTIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dDpoaWRkZW4geyBvcGFjaXR5OiAwLjU7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gaW5wdXQ6ZGlzYWJsZWQgeyBvcGFjaXR5OiAwLjU7IGN1cnNvcjogbm90LWFsbG93ZWQ7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBpbnB1dCB7IHZpc2liaWxpdHk6IGhpZGRlbjsgfTxcL2xpPlxyXG48bGk+RC4gaW5wdXQ6cmVhZC1vbmx5IHsgY29sb3I6IGdyYXk7IH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogS2hpIHRoaVx1MWViZnQga1x1MWViZiBiaVx1MWVjM3UgbVx1MWVhYnUsIHZpXHUxZWM3YyBjdW5nIGNcdTFlYTVwIHBoXHUxZWEzbiBoXHUxZWQzaSB0clx1MWVmMWMgcXVhbiBuZ2F5IGxcdTFlYWRwIHRcdTFlZTljIGNobyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHZcdTFlYzEgdFx1MDBlZG5oIGhcdTFlZTNwIGxcdTFlYzcgY1x1MWVlN2EgZFx1MWVlZiBsaVx1MWVjN3UgbmhcdTFlYWRwIHZcdTAwZTBvIGxcdTAwZTAgclx1MWVhNXQgcXVhbiB0clx1MWVjZG5nLiBDU1MgcHNldWRvLWNsYXNzIG5cdTAwZTBvIGdpXHUwMGZhcCBiXHUxZWExbiBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IGtoaSBkXHUxZWVmIGxpXHUxZWM3dSBcdTAxMTFcdTAwZTMgbmhcdTFlYWRwIGxcdTAwZTAgaFx1MWVlM3AgbFx1MWVjNyAodmFsaWQpP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDp2YWxpZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDppbnZhbGlkPFwvbGk+XHJcbjxsaT5DLiA6cmVxdWlyZWQ8XC9saT5cclxuPGxpPkQuIDpvcHRpb25hbDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE1OiBUcm9uZyBDU1MsIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBhcHBlYXJhbmNlOiBub25lO2AgdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBsXHUwMGUwbSBnXHUwMGVjIFx1MDExMVx1MWVkMWkgdlx1MWVkYmkgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IG5oXHUwMWIwIGA8c2VsZWN0PmAgaG9cdTFlYjdjIGNcdTAwZTFjIG5cdTAwZmF0P1xyXG48dWw+XHJcbjxsaT5BLiBcdTFlYThuIGhvXHUwMGUwbiB0b1x1MDBlMG4gcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1LjxcL2xpPlxyXG48bGk+Qi4gTFx1MDBlMG0gY2hvIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSB0clx1MWVkZiBuXHUwMGVhbiB0cm9uZyBzdVx1MWVkMXQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIExvXHUxZWExaSBiXHUxZWNmIGtpXHUxZWMzdSBkXHUwMGUxbmcgbVx1MWViN2MgXHUwMTExXHUxZWNibmggY1x1MWVlN2EgdHJcdTAwZWNuaCBkdXlcdTFlYzd0LCBjaG8gcGhcdTAwZTlwIHRcdTAwZjl5IGNoXHUxZWM5bmggaG9cdTAwZTBuIHRvXHUwMGUwbiBnaWFvIGRpXHUxZWM3biBiXHUxZWIxbmcgQ1NTLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgQ1NTIGNobyBwaFx1MWVhN24gdFx1MWVlZCBraGkgblx1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZTNjIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSBjXHUwMGYzIGJcdTFlZDEgY1x1MWVlNWMgaGFpIGNcdTFlZDl0LCB0cm9uZyBcdTAxMTFcdTAwZjMgbmhcdTAwZTNuIHZcdTAwZTAgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IHRcdTAxYjBcdTAxYTFuZyBcdTFlZTluZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlYWZwIHhcdTFlYmZwIGNcdTFlYTFuaCBuaGF1IHRyXHUwMGVhbiBtXHUxZWQ3aSBoXHUwMGUwbmcsIHBoXHUwMWIwXHUwMWExbmcgcGhcdTAwZTFwIGJcdTFlZDEgY1x1MWVlNWMgQ1NTIG5cdTAwZTBvIGxcdTAwZTAgaGlcdTFlYzd1IHF1XHUxZWEzIHZcdTAwZTAgbGluaCBob1x1MWVhMXQgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT5BLiBTXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWEzbmcgKDx0YWJsZT4pIFx1MDExMVx1MWVjMyB0XHUxZWExbyBiXHUxZWQxIGNcdTFlZTVjIGNcdTFlZDl0LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBTXHUxZWVkIGRcdTFlZTVuZyBDU1MgR3JpZCBMYXlvdXQgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgY1x1MWVhNXUgdHJcdTAwZmFjIGNcdTFlZDl0IHZcdTAwZTAgZFx1MDBmMm5nIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGZsb2F0OiBsZWZ0YCBjaG8gbmhcdTAwZTNuIHZcdTAwZTAgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1LjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXk6IGlubGluZS1ibG9ja2AgY2hvIG5oXHUwMGUzbiB2XHUwMGUwIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogS2hpIHRoaVx1MWViZnQga1x1MWViZiBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBoXHUxZWQ5cCBraVx1MWVjM20gKGNoZWNrYm94KSB2XHUwMGUwIG5cdTAwZmF0IHJhZGlvLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY2hvIHBoXHUwMGU5cCBiXHUxZWExbiB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgc1x1MWVhZmMgY1x1MWVlN2EgZFx1MWVhNXUga2lcdTFlYzNtIGhvXHUxZWI3YyBjaFx1MWVhNW0gdHJcdTAwZjJuIGtoaSBjaFx1MDBmYW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuIChjaGVja2VkKT9cclxuPHVsPlxyXG48bGk+QS4gY29sb3I8XC9saT5cclxuPGxpPkIuIGJhY2tncm91bmQtY29sb3I8XC9saT5cclxuPGxpPkMuIGJvcmRlci1jb2xvcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBhY2NlbnQtY29sb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTg6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBnaWFvIGRpXHUxZWM3biBoaVx1MWVjN24gXHUwMTExXHUxZWExaSwgYlx1MWVhMW4gbXVcdTFlZDFuIGxvXHUxZWExaSBiXHUxZWNmIGhvXHUwMGUwbiB0b1x1MDBlMG4gXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGNcdTFlZTdhIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSB2XHUwMGUwIHRoYXkgdGhcdTFlYmYgYlx1MWViMW5nIG1cdTFlZDl0IFx1MDExMVx1MDFiMFx1MWVkZG5nIGdcdTFlYTFjaCBjaFx1MDBlMm4gbVx1MWVhM25oIGtoaSB0clx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgZm9jdXMuIExcdTAwZTBtIHRoXHUxZWJmIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTF0IFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExaVx1MWVjMXUgblx1MDBlMHkgYlx1MWViMW5nIENTUz9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXQgeyBib3JkZXI6IG5vbmU7IGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjazsgfTxcL2xpPlxyXG48bGk+Qi4gaW5wdXQgeyBvdXRsaW5lOiBub25lOyBib3JkZXItYm90dG9tOiAycHggZG90dGVkIGJsdWU7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gaW5wdXQgeyBib3JkZXI6IG5vbmU7IGJvcmRlci1ib3R0b206IDFweCBzb2xpZCB0cmFuc3BhcmVudDsgfSBpbnB1dDpmb2N1cyB7IG91dGxpbmU6IG5vbmU7IGJvcmRlci1ib3R0b20tY29sb3I6IGJsYWNrOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gaW5wdXQgeyBib3JkZXItc3R5bGU6IGhpZGRlbjsgYm9yZGVyLWJvdHRvbS13aWR0aDogdGhpbjsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBUcm9uZyBDU1MsIHRodVx1MWVkOWMgdFx1MDBlZG5oIGByZXNpemVgIGNcdTAwZjMgZ2lcdTAwZTEgdHJcdTFlY2IgYHZlcnRpY2FsYCBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGNoXHUxZWU3IHlcdTFlYmZ1IGNobyBwaFx1MWVhN24gdFx1MWVlZCBiaVx1MWVjM3UgbVx1MWVhYnUgblx1MDBlMG8gdlx1MDBlMCBjXHUwMGYzIHRcdTAwZTFjIGRcdTFlZTVuZyBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFBoXHUxZWE3biB0XHUxZWVkIGA8dGV4dGFyZWE+YCwgY2hvIHBoXHUwMGU5cCBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHRoYXkgXHUwMTExXHUxZWQ1aSBjaGlcdTFlYzF1IGNhbyBjXHUxZWU3YSBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiB0aGVvIGNoaVx1MWVjMXUgZFx1MWVjZGMuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gUGhcdTFlYTduIHRcdTFlZWQgYDxpbnB1dCB0eXBlPTxcL2xpPlxyXG48bGk+Qy4gUGhcdTFlYTduIHRcdTFlZWQgYDxzZWxlY3Q+YCwgY2hvIHBoXHUwMGU5cCBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHRoYXkgXHUwMTExXHUxZWQ1aSBjaGlcdTFlYzF1IGNhbyBjXHUxZWU3YSBkYW5oIHNcdTAwZTFjaCBjaFx1MWVjZG4uPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWE1dCBrXHUxZWYzIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSBuXHUwMGUwbywgY2hvIHBoXHUwMGU5cCB0aGF5IFx1MDExMVx1MWVkNWkga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyB0aGVvIGNcdTFlYTMgY2hpXHUxZWMxdSBuZ2FuZyB2XHUwMGUwIGNoaVx1MWVjMXUgZFx1MWVjZGMuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjA6IFx1MDExMFx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHRcdTAwZWRuaCBkXHUxZWM1IFx1MDExMVx1MWVjZGMgdlx1MDBlMCB0aFx1MWVhOW0gbVx1MWVmOSBjaG8gdlx1MDEwM24gYlx1MWVhM24gYlx1MDBlYW4gdHJvbmcgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1LCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gcXVhbiB0clx1MWVjZG5nIG5oXHUxZWE1dCBjXHUxZWE3biBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmg/XHJcbjx1bD5cclxuPGxpPkEuIGJhY2tncm91bmQtY29sb3I8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gZm9udC1zaXplLCBmb250LWZhbWlseSwgbGluZS1oZWlnaHQsIGNvbG9yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyLXdpZHRoLCBib3JkZXItc3R5bGUsIGJvcmRlci1jb2xvcjxcL2xpPlxyXG48bGk+RC4gcGFkZGluZywgbWFyZ2luPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjE6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBuXHUwMGZhdCBnXHUxZWVkaSBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBoXHUwMGVjbmggZFx1MWVhMW5nIHRyXHUwMGYybiB0aGF5IHZcdTAwZWMgaFx1MDBlY25oIGNoXHUxZWVmIG5oXHUxZWFkdCBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmggXHUwMTExXHUxZWQ5IGNvbmcgY1x1MWVlN2EgZ1x1MDBmM2Mgdlx1MDBlMCB0XHUxZWExbyBoXHUwMGVjbmggZFx1MWVhMW5nIHRyXHUwMGYybj9cclxuPHVsPlxyXG48bGk+QS4gY29ybmVyLXJhZGl1czxcL2xpPlxyXG48bGk+Qi4gYW5nbGUtcmFkaXVzPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGJvcmRlci1yYWRpdXM8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBzaGFwZS1yYWRpdXM8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIGtob1x1MWVhM25nIGNcdTAwZTFjaCBnaVx1MWVlZmEgYmlcdTFlYzN1IG1cdTFlYWJ1IHZcdTAwZTAgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQga2hcdTAwZTFjIHRyXHUwMGVhbiB0cmFuZyB3ZWIsIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB0aGlcdTFlYmZ0IGxcdTFlYWRwIGtob1x1MWVhM25nIGNcdTAwZTFjaCBiXHUwMGVhbiBuZ29cdTAwZTBpIChvdXRlciBzcGFjaW5nKSBjXHUxZWU3YSBiaVx1MWVjM3UgbVx1MWVhYnU/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gbWFyZ2luPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gcGFkZGluZzxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyLXNwYWNpbmc8XC9saT5cclxuPGxpPkQuIG91dGxpbmUtb2Zmc2V0PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IFRyb25nIENTUywgXHUwMTExXHUxZWMzIG5oXHUwMGYzbSBjXHUwMGUxYyBxdXkgdFx1MWVhZmMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgYDxpbnB1dD5gIGJcdTAwZWFuIHRyb25nIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSBjXHUwMGYzIGNsYXNzIGxcdTAwZTAgXCJyZWdpc3RyYXRpb24tZm9ybVwiLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiAoc2VsZWN0b3IpIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dCBpbiAucmVnaXN0cmF0aW9uLWZvcm0ge308XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gLnJlZ2lzdHJhdGlvbi1mb3JtIGlucHV0IHt9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gLnJlZ2lzdHJhdGlvbi1mb3JtID4gaW5wdXQge308XC9saT5cclxuPGxpPkQuIGlucHV0LnJlZ2lzdHJhdGlvbi1mb3JtIHt9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBoaVx1MWVjN3UgXHUxZWU5bmcgY2h1eVx1MWVjM24gXHUwMTExXHUxZWQ1aSBtXHUwMWIwXHUxZWUzdCBtXHUwMGUwICh0cmFuc2l0aW9uKSBraGkgbVx1MDBlMHUgblx1MWVjMW4gY1x1MWVlN2Egblx1MDBmYXQgdGhheSBcdTAxMTFcdTFlZDVpIGtoaSBkaSBjaHVcdTFlZDl0IHF1YSwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGNcdTFlYTduIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPkEuIGFuaW1hdGlvbjxcL2xpPlxyXG48bGk+Qi4gdHJhbnNmb3JtPFwvbGk+XHJcbjxsaT5DLiBob3Zlci1lZmZlY3Q8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gdHJhbnNpdGlvbjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNTogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgY2hpXHUxZWMxdSByXHUxZWQ5bmcgdFx1MWVkMWkgXHUwMTExYSAobWF4LXdpZHRoKSBjaG8gbVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MWVjMyBuXHUwMGYzIGtoXHUwMGY0bmcgYlx1MWVjYiB0clx1MWVhM2kgclx1MWVkOW5nIHF1XHUwMGUxIG1cdTFlZTljIHRyXHUwMGVhbiBtXHUwMGUwbiBoXHUwMGVjbmggbFx1MWVkYm4sIG5oXHUwMWIwbmcgdlx1MWVhYm4gdFx1MWVmMSBcdTAxMTFcdTFlZDluZyBjbyBsXHUxZWExaSB0clx1MDBlYW4gbVx1MDBlMG4gaFx1MDBlY25oIG5oXHUxZWNmLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT5BLiBtaW4td2lkdGg8XC9saT5cclxuPGxpPkIuIHdpZHRoOiBhdXRvOzxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBtYXgtd2lkdGg8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiB3aWR0aDogMTAwJTs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNjogXHUwMTEwXHUxZWMzIGxcdTAwZTBtIGNobyBuaFx1MDBlM24gY1x1MWVlN2EgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IChsYWJlbCkgY1x1MDBmMyBtXHUwMGUwdSBzXHUxZWFmYyBraFx1MDBlMWMgYmlcdTFlYzd0IHNvIHZcdTFlZGJpIHZcdTAxMDNuIGJcdTFlYTNuIG5oXHUxZWFkcCB2XHUwMGUwbyBiXHUwMGVhbiB0cm9uZyB0clx1MDFiMFx1MWVkZG5nLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjaG8gcGhcdTFlYTduIHRcdTFlZWQgYDxsYWJlbD5gP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGNvbG9yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYmFja2dyb3VuZC1jb2xvcjxcL2xpPlxyXG48bGk+Qy4gdGV4dC1kZWNvcmF0aW9uPFwvbGk+XHJcbjxsaT5ELiBmb250LXdlaWdodDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBcdTAxMTBcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIGtpXHUxZWMzdSBwaFx1MDBmNG5nIGNoXHUxZWVmIChmb250IGZhbWlseSkgY2hvIHRvXHUwMGUwbiBiXHUxZWQ5IHZcdTAxMDNuIGJcdTFlYTNuIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSwgYlx1MWVhMW4gc1x1MWViZCBcdTAwZTFwIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY2hvIHBoXHUxZWE3biB0XHUxZWVkIGA8Zm9ybT5gIGhvXHUxZWI3YyBwaFx1MWVhN24gdFx1MWVlZCBjaFx1MWVlOWEgYmlcdTFlYzN1IG1cdTFlYWJ1P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkIuIGZvbnQtZmFtaWx5PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gdGV4dC1mb250PFwvbGk+XHJcbjxsaT5ELiB0eXBlZmFjZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBLaGkgdGhpXHUxZWJmdCBrXHUxZWJmIGJpXHUxZWMzdSBtXHUxZWFidSB0clx1MDBlYW4gdGhpXHUxZWJmdCBiXHUxZWNiIGRpIFx1MDExMVx1MWVkOW5nLCBcdTAxMTFpXHUxZWMxdSBxdWFuIHRyXHUxZWNkbmcgbFx1MDBlMCBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBjXHUwMGYzIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgXHUwMTExXHUxZWU3IGxcdTFlZGJuIFx1MDExMVx1MWVjMyBkXHUxZWM1IGRcdTAwZTBuZyBjaFx1MWVhMW0gdlx1MDBlMCBuaFx1MWVhZHAgbGlcdTFlYzd1LiBcdTAxMTBcdTAxYTFuIHZcdTFlY2IgXHUwMTExbyBjaGlcdTFlYzF1IGNhbyBuXHUwMGUwbyB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMWIwdSB0aVx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgY2hvIGNoaVx1MWVjMXUgY2FvIGNcdTFlZTdhIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBcdTAxMTFcdTFlYzMgdFx1MWVkMWkgXHUwMWIwdSB0clx1MWVhM2kgbmdoaVx1MWVjN20gdHJcdTAwZWFuIGRpIFx1MDExMVx1MWVkOW5nP1xyXG48dWw+XHJcbjxsaT5BLiBweCAocGl4ZWxzKTxcL2xpPlxyXG48bGk+Qi4gcHQgKHBvaW50cyk8XC9saT5cclxuPGxpPkMuIGVtPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIHJlbSBob1x1MWViN2MgZW0gKFx1MDExMVx1MDFhMW4gdlx1MWVjYiB0XHUwMWIwXHUwMWExbmcgXHUwMTExXHUxZWQxaSwgZFx1MWVjNSBkXHUwMGUwbmcgXHUwMTExaVx1MWVjMXUgY2hcdTFlYzluaCB0aGVvIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgcGhcdTAwZjRuZyBjaFx1MWVlZiBnXHUxZWQxYyk8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBtXHUxZWQ5dCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gYmFvIHF1YW5oIHRvXHUwMGUwbiBiXHUxZWQ5IGJpXHUxZWMzdSBtXHUxZWFidSwgZ2lcdTAwZmFwIHBoXHUwMGUybiB0XHUwMGUxY2ggblx1MDBmMyBraFx1MWVjZmkgblx1MWVkOWkgZHVuZyBraFx1MDBlMWMgdHJcdTAwZWFuIHRyYW5nLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIG91dGxpbmU8XC9saT5cclxuPGxpPkIuIGJveC1zaGFkb3c8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYm9yZGVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gZnJhbWU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogXHUwMTEwXHUxZWMzIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgdFx1MWVkMWkgZ2lcdTFlYTNuLCBiXHUxZWExbiBtdVx1MWVkMW4gbG9cdTFlYTFpIGJcdTFlY2YgaG9cdTAwZTBuIHRvXHUwMGUwbiBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MWViN2MgXHUwMTExXHUxZWNibmggY1x1MWVlN2EgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UuIFx1MDExMG9cdTFlYTFuIG1cdTAwZTMgQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHRoXHUxZWYxYyBoaVx1MWVjN24gXHUwMTExaVx1MWVjMXUgblx1MDBlMHkgbVx1MWVkOXQgY1x1MDBlMWNoIGhpXHUxZWM3dSBxdVx1MWVhMyBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0IHsgYm9yZGVyLXN0eWxlOiBub25lOyB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGlucHV0IHsgYm9yZGVyOiAwOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gaW5wdXQgeyBib3JkZXItd2lkdGg6IDBweDsgfTxcL2xpPlxyXG48bGk+RC4gaW5wdXQgeyBvdXRsaW5lOiBub25lOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIxNTgzIiwicXVlc3Rpb25faWRzIjoiMjcwMTA4LDI3MDEwOSwyNzAxMTAsMjcwMTExLDI3MDExMiwyNzAxMTMsMjcwMTE0LDI3MDExNSwyNzAxMTYsMjcwMTE3LDI3MDExOCwyNzAxMTksMjcwMTIwLDI3MDEyMSwyNzAxMjIsMjcwMTIzLDI3MDEyNCwyNzAxMjUsMjcwMTI2LDI3MDEyNywyNzAxMjgsMjcwMTI5LDI3MDEzMCwyNzAxMzEsMjcwMTMyLDI3MDEzMywyNzAxMzQsMjcwMTM1LDI3MDEzNiwyNzAxMzciLCJvcmRlcmluZyI6IjkwMTAiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='9010'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_9010' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-9948'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_9948' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 03</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 03 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Để làm cho tất cả các hộp văn bản (input type="text") trong biểu mẫu có chiều rộng đầy đủ và hiển thị trên từng dòng riêng biệt, thuộc tính CSS nào sau đây cần được áp dụng cho chúng?</p> <ul> <li>A. position: absolute;</li> <li>B. float: left;</li> <li>C. display: inline;</li> <li><strong>D. display: block;</strong></li> </ul> </div> <div class="question-block"> <p>Câu 2: Bạn muốn tạo một vùng đệm (padding) 10px xung quanh nội dung bên trong tất cả các nút nhấn (button) của biểu mẫu. Đoạn mã CSS nào sau đây thực hiện đúng điều này?</p> <ul> <li>A. button { margin: 10px; }</li> <li><strong>B. button { padding: 10px; }</strong></li> <li>C. button { border: 10px solid transparent; }</li> <li>D. button { width: 10px; height: 10px; }</li> </ul> </div> <div class="question-block"> <p>Câu 3: Khi thiết kế biểu mẫu, bạn sử dụng thuộc tính `box-sizing` với giá trị `border-box` cho các phần tử `input` và `textarea`. Lợi ích chính của việc sử dụng giá trị này là gì?</p> <ul> <li>A. Giảm khoảng cách giữa các phần tử.</li> <li>B. Làm cho nội dung văn bản tự động xuống dòng.</li> <li><strong>C. Đảm bảo padding và border được tính gộp vào tổng chiều rộng/chiều cao của phần tử.</strong></li> <li>D. Tăng tốc độ tải trang web.</li> </ul> </div> <div class="question-block"> <p>Câu 4: Bạn muốn làm nổi bật hộp văn bản khi người dùng nhấp chuột vào để nhập dữ liệu. Trạng thái giả (pseudo-class) nào trong CSS được sử dụng để định kiểu cho phần tử khi nó nhận tiêu điểm (focus)?</p> <ul> <li><strong>A. :focus</strong></li> <li>B. :hover</li> <li>C. :active</li> <li>D. :checked</li> </ul> </div> <div class="question-block"> <p>Câu 5: Để thay đổi màu nền của nút "Gửi" (input type="submit") khi con trỏ chuột di chuyển qua nó, bạn sẽ kết hợp vùng chọn nào với thuộc tính `background-color`?</p> <ul> <li>A. input[type="submit"]:focus</li> <li>B. input[type="submit"]:active</li> <li>C. input[type="submit"]:checked</li> <li><strong>D. input[type="submit"]:hover</strong></li> </ul> </div> <div class="question-block"> <p>Câu 6: Bạn muốn định kiểu cho các hộp kiểm (input type="checkbox") chỉ khi chúng đã được chọn. Vùng chọn CSS nào sau đây là phù hợp nhất?</p> <ul> <li>A. input[type="checkbox"]:hover</li> <li>B. input[type="checkbox"]:focus</li> <li><strong>C. input[type="checkbox"]:checked</strong></li> <li>D. input[type="checkbox"]:disabled</li> </ul> </div> <div class="question-block"> <p>Câu 7: Để thêm một khoảng trống 15px bên ngoài lề dưới của mỗi phần tử `label` trong biểu mẫu, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. label { padding-bottom: 15px; }</li> <li><strong>B. label { margin-bottom: 15px; }</strong></li> <li>C. label { border-bottom: 15px solid transparent; }</li> <li>D. label { height: 15px; }</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn có một phần tử `textarea` trong biểu mẫu và muốn ngăn người dùng thay đổi kích thước của nó bằng cách kéo góc. Thuộc tính CSS nào giúp thực hiện điều này?</p> <ul> <li><strong>A. resize: none;</strong></li> <li>B. overflow: hidden;</li> <li>C. size: auto;</li> <li>D. draggable: false;</li> </ul> </div> <div class="question-block"> <p>Câu 9: Để áp dụng một đường viền màu xám nhạt cho tất cả các phần tử `fieldset` (nhóm các control trong biểu mẫu), bạn sử dụng thuộc tính nào?</p> <ul> <li>A. outline: 1px solid lightgrey;</li> <li>B. background-color: lightgrey;</li> <li>C. margin: 1px solid lightgrey;</li> <li><strong>D. border: 1px solid lightgrey;</strong></li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn muốn thay đổi màu văn bản hiển thị bên trong tất cả các hộp văn bản (`input[type="text"]`) thành màu xanh dương. Thuộc tính CSS nào được sử dụng để định kiểu màu của văn bản?</p> <ul> <li>A. background-color</li> <li>B. border-color</li> <li><strong>C. color</strong></li> <li>D. text-decoration</li> </ul> </div> <div class="question-block"> <p>Câu 11: Xét đoạn CSS sau: `input[type="password"] { border-color: red; }`. Đoạn mã này sẽ áp dụng kiểu gì cho các phần tử trong biểu mẫu?</p> <ul> <li>A. Tô màu nền đỏ cho hộp nhập mật khẩu.</li> <li><strong>B. Đặt màu đường viền của hộp nhập mật khẩu là màu đỏ.</strong></li> <li>C. Thay đổi màu chữ trong hộp nhập mật khẩu thành màu đỏ.</li> <li>D. Tạo hiệu ứng bóng đổ màu đỏ cho hộp nhập mật khẩu.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Bạn muốn tạo một khoảng trống 8px giữa đường viền và nội dung bên trong của một nút nhấn. Thuộc tính nào sau đây là lựa chọn đúng?</p> <ul> <li><strong>A. padding: 8px;</strong></li> <li>B. margin: 8px;</li> <li>C. outline: 8px;</li> <li>D. border-spacing: 8px;</li> </ul> </div> <div class="question-block"> <p>Câu 13: Để làm cho một nút nhấn (button) có góc bo tròn 5px, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. corner-radius: 5px;</li> <li>B. angle-radius: 5px;</li> <li>C. border-style: rounded 5px;</li> <li><strong>D. border-radius: 5px;</strong></li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn muốn định kiểu cho tất cả các phần tử `input` có thuộc tính `disabled` (bị vô hiệu hóa) để chúng có màu nền xám và con trỏ chuột hiển thị dạng mũi tên (không cho phép tương tác). Vùng chọn và thuộc tính nào sau đây phù hợp?</p> <ul> <li><strong>A. input:disabled { background-color: #ccc; cursor: default; }</strong></li> <li>B. input:active { background-color: #ccc; cursor: default; }</li> <li>C. input[disabled="true"] { background-color: #ccc; cursor: default; }</li> <li>D. input.disabled { background-color: #ccc; cursor: default; }</li> </ul> </div> <div class="question-block"> <p>Câu 15: Xét đoạn CSS sau: `input[type="radio"]:checked + label { font-weight: bold; }`. Đoạn mã này sẽ có tác dụng gì trên biểu mẫu?</p> <ul> <li>A. In đậm tất cả các nhãn (label) trong biểu mẫu.</li> <li>B. In đậm nhãn của nút radio khi con trỏ chuột nằm trên nút radio đó.</li> <li><strong>C. In đậm nhãn đi liền sau một nút radio đã được chọn.</strong></li> <li>D. In đậm nút radio khi nó được chọn.</li> </ul> </div> <div class="question-block"> <p>Câu 16: Để làm cho văn bản gợi ý (placeholder text) bên trong hộp văn bản có màu xám nhạt, bạn cần sử dụng pseudo-element nào?</p> <ul> <li>A. ::before</li> <li><strong>B. ::placeholder</strong></li> <li>C. ::after</li> <li>D. ::text</li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn muốn căn chỉnh văn bản nhập vào ở giữa theo chiều ngang trong tất cả các hộp văn bản (`input[type="text"]`). Thuộc tính CSS nào được sử dụng cho mục đích này?</p> <ul> <li><strong>A. text-align: center;</strong></li> <li>B. vertical-align: middle;</li> <li>C. justify-content: center;</li> <li>D. align-items: center;</li> </ul> </div> <div class="question-block"> <p>Câu 18: Để loại bỏ hoàn toàn đường viền mặc định của một phần tử `textarea`, bạn sử dụng khai báo CSS nào?</p> <ul> <li>A. border: none;</li> <li>B. outline: none;</li> <li><strong>C. border: 0;</strong></li> <li>D. border-width: 0;</li> </ul> </div> <div class="question-block"> <p>Câu 19: Bạn muốn tạo một hiệu ứng bóng đổ nhẹ cho nút "Đăng nhập" khi người dùng nhấp và giữ chuột vào nó. Trạng thái giả (pseudo-class) nào cần được sử dụng kết hợp với thuộc tính `box-shadow`?</p> <ul> <li>A. :hover</li> <li><strong>B. :active</strong></li> <li>C. :focus</li> <li>D. :visited</li> </ul> </div> <div class="question-block"> <p>Câu 20: Khi định kiểu cho một biểu mẫu, bạn nhận thấy các phần tử `input` và `button` mặc định có kích thước và khoảng cách không đồng đều giữa các trình duyệt. Việc áp dụng một bộ CSS reset hoặc normalize vào đầu file CSS có lợi ích gì?</p> <ul> <li><strong>A. Giảm sự khác biệt về hiển thị mặc định giữa các trình duyệt, tạo điểm bắt đầu nhất quán để định kiểu.</strong></li> <li>B. Tự động căn giữa tất cả các phần tử trong biểu mẫu.</li> <li>C. Làm cho biểu mẫu phản hồi (responsive) trên các kích thước màn hình khác nhau.</li> <li>D. Tăng tốc độ gửi dữ liệu từ biểu mẫu lên máy chủ.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Bạn muốn thiết lập chiều cao cố định là 40px cho tất cả các hộp nhập liệu văn bản và mật khẩu trong biểu mẫu. Vùng chọn CSS nào sau đây là chính xác để áp dụng kiểu này?</p> <ul> <li>A. input[type="text", type="password"] { height: 40px; }</li> <li>B. input[type="text"] and input[type="password"] { height: 40px; }</li> <li>C. input[type="text"] input[type="password"] { height: 40px; }</li> <li><strong>D. input[type="text"], input[type="password"] { height: 40px; }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 22: Để thay đổi kiểu con trỏ chuột thành hình bàn tay khi di chuột qua một nút nhấn, bạn sử dụng thuộc tính CSS nào với giá trị tương ứng?</p> <ul> <li><strong>A. cursor: pointer;</strong></li> <li>B. pointer-events: auto;</li> <li>C. mouse-style: hand;</li> <li>D. cursor: hand;</li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn các phần tử `label` và `input[type="text"]` hiển thị trên cùng một dòng nhưng vẫn kiểm soát được chiều rộng và khoảng cách giữa chúng như các khối độc lập. Giá trị nào của thuộc tính `display` là phù hợp nhất?</p> <ul> <li>A. display: block;</li> <li><strong>B. display: inline-block;</strong></li> <li>C. display: inline;</li> <li>D. display: flex;</li> </ul> </div> <div class="question-block"> <p>Câu 24: Xét đoạn mã HTML và CSS sau:<br /> HTML: `<input type="checkbox" id="agree"><label for="agree">Tôi đồng ý</label>`<br /> CSS: `#agree:checked + label { color: green; }`<br /> Khi người dùng nhấp vào hộp kiểm "agree" và nó được chọn, điều gì sẽ xảy ra?</p> <ul> <li>A. Hộp kiểm sẽ chuyển sang màu xanh lá cây.</li> <li>B. Văn bản "Tôi đồng ý" sẽ được gạch chân.</li> <li>C. Văn bản "Tôi đồng ý" sẽ biến mất.</li> <li><strong>D. Văn bản "Tôi đồng ý" sẽ chuyển sang màu xanh lá cây.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 25: Để áp dụng kiểu cho tất cả các phần tử `input` ngoại trừ các phần tử có thuộc tính `type="submit"`, bạn sử dụng vùng chọn kết hợp nào?</p> <ul> <li><strong>A. input:not([type="submit"])</strong></li> <li>B. input except [type="submit"]</li> <li>C. input![type="submit"]</li> <li>D. input:not(submit)</li> </ul> </div> <div class="question-block"> <p>Câu 26: Bạn muốn tạo một đường viền màu xanh dương mỏng (1px solid) cho các hộp văn bản khi chúng đang được người dùng nhập liệu (đang có focus). Khai báo CSS nào sau đây thực hiện đúng?</p> <ul> <li>A. input[type="text"]:hover { border: 1px solid blue; }</li> <li>B. input[type="text"]:active { border: 1px solid blue; }</li> <li><strong>C. input[type="text"]:focus { border: 1px solid blue; }</strong></li> <li>D. input[type="text"]:checked { border: 1px solid blue; }</li> </ul> </div> <div class="question-block"> <p>Câu 27: Trong việc định kiểu biểu mẫu, sự khác biệt chính giữa `margin` và `padding` là gì?</p> <ul> <li>A. `margin` tạo khoảng trống bên trong phần tử, còn `padding` tạo khoảng trống bên ngoài phần tử.</li> <li><strong>B. `padding` tạo khoảng trống bên trong đường viền của phần tử, còn `margin` tạo khoảng trống bên ngoài đường viền của phần tử.</strong></li> <li>C. Cả hai đều tạo khoảng trống bên trong phần tử, nhưng `padding` chỉ áp dụng cho văn bản.</li> <li>D. Cả hai đều tạo khoảng trống bên ngoài phần tử, nhưng `margin` chỉ áp dụng cho các phần tử block.</li> </ul> </div> <div class="question-block"> <p>Câu 28: Bạn muốn làm mờ (giảm độ trong suốt) các phần tử `input` khi chúng ở trạng thái `disabled`. Thuộc tính CSS nào được sử dụng để điều chỉnh độ trong suốt?</p> <ul> <li><strong>A. opacity</strong></li> <li>B. visibility</li> <li>C. display</li> <li>D. transparent</li> </ul> </div> <div class="question-block"> <p>Câu 29: Để thiết lập màu nền là màu vàng nhạt cho toàn bộ phần tử `form`, bạn sử dụng vùng chọn và thuộc tính nào?</p> <ul> <li>A. body { background-color: lightyellow; }</li> <li>B. input { background-color: lightyellow; }</li> <li><strong>C. form { background-color: lightyellow; }</strong></li> <li>D. fieldset { background-color: lightyellow; }</li> </ul> </div> <div class="question-block"> <p>Câu 30: Bạn muốn ẩn hoàn toàn một phần tử `input` mà không chiếm không gian trên bố cục trang. Thuộc tính `display: none;` hay `visibility: hidden;` sẽ phù hợp hơn?</p> <ul> <li><strong>A. display: none; (ẩn và không chiếm không gian)</strong></li> <li>B. visibility: hidden; (ẩn nhưng vẫn chiếm không gian)</li> <li>C. Cả hai đều giống nhau về mặt hiển thị và bố cục.</li> <li>D. Không có thuộc tính CSS nào có thể ẩn hoàn toàn một phần tử.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='9948'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='298113,298114,298115,298116,298117,298118,298119,298120,298121,298122,298123,298124,298125,298126,298127,298128,298129,298130,298131,298132,298133,298134,298135,298136,298137,298138,298139,298140,298141,298142'> </div> </div><div class='step ' data-question-id='298113' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Để làm cho tất cả các hộp văn bản (input type='text') trong biểu mẫu có chiều rộng đầy đủ và hiển thị trên từng dòng riêng biệt, thuộc tính CSS nào sau đây cần được áp dụng cho chúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298113]' id='ays-answer-1186957-9948' value='1186957'/> <label for='ays-answer-1186957-9948' class=' ays_position_initial ays-quiz-keyboard-label'>position: absolute;</label><label for='ays-answer-1186957-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298113]' id='ays-answer-1186958-9948' value='1186958'/> <label for='ays-answer-1186958-9948' class=' ays_position_initial ays-quiz-keyboard-label'>float: left;</label><label for='ays-answer-1186958-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298113]' id='ays-answer-1186959-9948' value='1186959'/> <label for='ays-answer-1186959-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline;</label><label for='ays-answer-1186959-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298113]' id='ays-answer-1186960-9948' value='1186960'/> <label for='ays-answer-1186960-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-1186960-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298113'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk1NyI6IjAiLCIxMTg2OTU4IjoiMCIsIjExODY5NTkiOiIwIiwiMTE4Njk2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298114' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn tạo một vùng đệm (padding) 10px xung quanh nội dung bên trong tất cả các nút nhấn (button) của biểu mẫu. Đoạn mã CSS nào sau đây thực hiện đúng điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298114]' id='ays-answer-1186961-9948' value='1186961'/> <label for='ays-answer-1186961-9948' class=' ays_position_initial ays-quiz-keyboard-label'>button { margin: 10px; }</label><label for='ays-answer-1186961-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298114]' id='ays-answer-1186962-9948' value='1186962'/> <label for='ays-answer-1186962-9948' class=' ays_position_initial ays-quiz-keyboard-label'>button { padding: 10px; }</label><label for='ays-answer-1186962-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298114]' id='ays-answer-1186963-9948' value='1186963'/> <label for='ays-answer-1186963-9948' class=' ays_position_initial ays-quiz-keyboard-label'>button { border: 10px solid transparent; }</label><label for='ays-answer-1186963-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298114]' id='ays-answer-1186964-9948' value='1186964'/> <label for='ays-answer-1186964-9948' class=' ays_position_initial ays-quiz-keyboard-label'>button { width: 10px; height: 10px; }</label><label for='ays-answer-1186964-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298114'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk2MSI6IjAiLCIxMTg2OTYyIjoiMSIsIjExODY5NjMiOiIwIiwiMTE4Njk2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298115' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Khi thiết kế biểu mẫu, bạn sử dụng thuộc tính `box-sizing` với giá trị `border-box` cho các phần tử `input` và `textarea`. Lợi ích chính của việc sử dụng giá trị này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298115]' id='ays-answer-1186965-9948' value='1186965'/> <label for='ays-answer-1186965-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm khoảng cách giữa các phần tử.</label><label for='ays-answer-1186965-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298115]' id='ays-answer-1186966-9948' value='1186966'/> <label for='ays-answer-1186966-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho nội dung văn bản tự động xuống dòng.</label><label for='ays-answer-1186966-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298115]' id='ays-answer-1186967-9948' value='1186967'/> <label for='ays-answer-1186967-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo padding và border được tính gộp vào tổng chiều rộng/chiều cao của phần tử.</label><label for='ays-answer-1186967-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298115]' id='ays-answer-1186968-9948' value='1186968'/> <label for='ays-answer-1186968-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang web.</label><label for='ays-answer-1186968-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298115'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk2NSI6IjAiLCIxMTg2OTY2IjoiMCIsIjExODY5NjciOiIxIiwiMTE4Njk2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298116' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn muốn làm nổi bật hộp văn bản khi người dùng nhấp chuột vào để nhập dữ liệu. Trạng thái giả (pseudo-class) nào trong CSS được sử dụng để định kiểu cho phần tử khi nó nhận tiêu điểm (focus)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298116]' id='ays-answer-1186969-9948' value='1186969'/> <label for='ays-answer-1186969-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1186969-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298116]' id='ays-answer-1186970-9948' value='1186970'/> <label for='ays-answer-1186970-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1186970-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298116]' id='ays-answer-1186971-9948' value='1186971'/> <label for='ays-answer-1186971-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1186971-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298116]' id='ays-answer-1186972-9948' value='1186972'/> <label for='ays-answer-1186972-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1186972-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298116'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk2OSI6IjEiLCIxMTg2OTcwIjoiMCIsIjExODY5NzEiOiIwIiwiMTE4Njk3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298117' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Để thay đổi màu nền của nút 'Gửi' (input type='submit') khi con trỏ chuột di chuyển qua nó, bạn sẽ kết hợp vùng chọn nào với thuộc tính `background-color`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298117]' id='ays-answer-1186973-9948' value='1186973'/> <label for='ays-answer-1186973-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit']:focus</label><label for='ays-answer-1186973-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298117]' id='ays-answer-1186974-9948' value='1186974'/> <label for='ays-answer-1186974-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit']:active</label><label for='ays-answer-1186974-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298117]' id='ays-answer-1186975-9948' value='1186975'/> <label for='ays-answer-1186975-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit']:checked</label><label for='ays-answer-1186975-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298117]' id='ays-answer-1186976-9948' value='1186976'/> <label for='ays-answer-1186976-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='submit']:hover</label><label for='ays-answer-1186976-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298117'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk3MyI6IjAiLCIxMTg2OTc0IjoiMCIsIjExODY5NzUiOiIwIiwiMTE4Njk3NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298118' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn muốn định kiểu cho các hộp kiểm (input type='checkbox') chỉ khi chúng đã được chọn. Vùng chọn CSS nào sau đây là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298118]' id='ays-answer-1186977-9948' value='1186977'/> <label for='ays-answer-1186977-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='checkbox']:hover</label><label for='ays-answer-1186977-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298118]' id='ays-answer-1186978-9948' value='1186978'/> <label for='ays-answer-1186978-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='checkbox']:focus</label><label for='ays-answer-1186978-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298118]' id='ays-answer-1186979-9948' value='1186979'/> <label for='ays-answer-1186979-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='checkbox']:checked</label><label for='ays-answer-1186979-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298118]' id='ays-answer-1186980-9948' value='1186980'/> <label for='ays-answer-1186980-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='checkbox']:disabled</label><label for='ays-answer-1186980-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298118'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk3NyI6IjAiLCIxMTg2OTc4IjoiMCIsIjExODY5NzkiOiIxIiwiMTE4Njk4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298119' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Để thêm một khoảng trống 15px bên ngoài lề dưới của mỗi phần tử `label` trong biểu mẫu, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298119]' id='ays-answer-1186981-9948' value='1186981'/> <label for='ays-answer-1186981-9948' class=' ays_position_initial ays-quiz-keyboard-label'>label { padding-bottom: 15px; }</label><label for='ays-answer-1186981-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298119]' id='ays-answer-1186982-9948' value='1186982'/> <label for='ays-answer-1186982-9948' class=' ays_position_initial ays-quiz-keyboard-label'>label { margin-bottom: 15px; }</label><label for='ays-answer-1186982-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298119]' id='ays-answer-1186983-9948' value='1186983'/> <label for='ays-answer-1186983-9948' class=' ays_position_initial ays-quiz-keyboard-label'>label { border-bottom: 15px solid transparent; }</label><label for='ays-answer-1186983-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298119]' id='ays-answer-1186984-9948' value='1186984'/> <label for='ays-answer-1186984-9948' class=' ays_position_initial ays-quiz-keyboard-label'>label { height: 15px; }</label><label for='ays-answer-1186984-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298119'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk4MSI6IjAiLCIxMTg2OTgyIjoiMSIsIjExODY5ODMiOiIwIiwiMTE4Njk4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298120' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn có một phần tử `textarea` trong biểu mẫu và muốn ngăn người dùng thay đổi kích thước của nó bằng cách kéo góc. Thuộc tính CSS nào giúp thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298120]' id='ays-answer-1186985-9948' value='1186985'/> <label for='ays-answer-1186985-9948' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-1186985-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298120]' id='ays-answer-1186986-9948' value='1186986'/> <label for='ays-answer-1186986-9948' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-1186986-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298120]' id='ays-answer-1186987-9948' value='1186987'/> <label for='ays-answer-1186987-9948' class=' ays_position_initial ays-quiz-keyboard-label'>size: auto;</label><label for='ays-answer-1186987-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298120]' id='ays-answer-1186988-9948' value='1186988'/> <label for='ays-answer-1186988-9948' class=' ays_position_initial ays-quiz-keyboard-label'>draggable: false;</label><label for='ays-answer-1186988-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298120'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk4NSI6IjEiLCIxMTg2OTg2IjoiMCIsIjExODY5ODciOiIwIiwiMTE4Njk4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298121' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Để áp dụng một đường viền màu xám nhạt cho tất cả các phần tử `fieldset` (nhóm các control trong biểu mẫu), bạn sử dụng thuộc tính nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298121]' id='ays-answer-1186989-9948' value='1186989'/> <label for='ays-answer-1186989-9948' class=' ays_position_initial ays-quiz-keyboard-label'>outline: 1px solid lightgrey;</label><label for='ays-answer-1186989-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298121]' id='ays-answer-1186990-9948' value='1186990'/> <label for='ays-answer-1186990-9948' class=' ays_position_initial ays-quiz-keyboard-label'>background-color: lightgrey;</label><label for='ays-answer-1186990-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298121]' id='ays-answer-1186991-9948' value='1186991'/> <label for='ays-answer-1186991-9948' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 1px solid lightgrey;</label><label for='ays-answer-1186991-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298121]' id='ays-answer-1186992-9948' value='1186992'/> <label for='ays-answer-1186992-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border: 1px solid lightgrey;</label><label for='ays-answer-1186992-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298121'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk4OSI6IjAiLCIxMTg2OTkwIjoiMCIsIjExODY5OTEiOiIwIiwiMTE4Njk5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298122' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn thay đổi màu văn bản hiển thị bên trong tất cả các hộp văn bản (`input[type='text']`) thành màu xanh dương. Thuộc tính CSS nào được sử dụng để định kiểu màu của văn bản?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298122]' id='ays-answer-1186993-9948' value='1186993'/> <label for='ays-answer-1186993-9948' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1186993-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298122]' id='ays-answer-1186994-9948' value='1186994'/> <label for='ays-answer-1186994-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1186994-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298122]' id='ays-answer-1186995-9948' value='1186995'/> <label for='ays-answer-1186995-9948' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1186995-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298122]' id='ays-answer-1186996-9948' value='1186996'/> <label for='ays-answer-1186996-9948' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration</label><label for='ays-answer-1186996-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298122'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk5MyI6IjAiLCIxMTg2OTk0IjoiMCIsIjExODY5OTUiOiIxIiwiMTE4Njk5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298123' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Xét đoạn CSS sau: `input[type='password'] { border-color: red; }`. Đoạn mã này sẽ áp dụng kiểu gì cho các phần tử trong biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298123]' id='ays-answer-1186997-9948' value='1186997'/> <label for='ays-answer-1186997-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Tô màu nền đỏ cho hộp nhập mật khẩu.</label><label for='ays-answer-1186997-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298123]' id='ays-answer-1186998-9948' value='1186998'/> <label for='ays-answer-1186998-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu đường viền của hộp nhập mật khẩu là màu đỏ.</label><label for='ays-answer-1186998-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298123]' id='ays-answer-1186999-9948' value='1186999'/> <label for='ays-answer-1186999-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi màu chữ trong hộp nhập mật khẩu thành màu đỏ.</label><label for='ays-answer-1186999-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298123]' id='ays-answer-1187000-9948' value='1187000'/> <label for='ays-answer-1187000-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo hiệu ứng bóng đổ màu đỏ cho hộp nhập mật khẩu.</label><label for='ays-answer-1187000-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298123'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4Njk5NyI6IjAiLCIxMTg2OTk4IjoiMSIsIjExODY5OTkiOiIwIiwiMTE4NzAwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298124' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn tạo một khoảng trống 8px giữa đường viền và nội dung bên trong của một nút nhấn. Thuộc tính nào sau đây là lựa chọn đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298124]' id='ays-answer-1187001-9948' value='1187001'/> <label for='ays-answer-1187001-9948' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 8px;</label><label for='ays-answer-1187001-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298124]' id='ays-answer-1187002-9948' value='1187002'/> <label for='ays-answer-1187002-9948' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 8px;</label><label for='ays-answer-1187002-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298124]' id='ays-answer-1187003-9948' value='1187003'/> <label for='ays-answer-1187003-9948' class=' ays_position_initial ays-quiz-keyboard-label'>outline: 8px;</label><label for='ays-answer-1187003-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298124]' id='ays-answer-1187004-9948' value='1187004'/> <label for='ays-answer-1187004-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing: 8px;</label><label for='ays-answer-1187004-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298124'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAwMSI6IjEiLCIxMTg3MDAyIjoiMCIsIjExODcwMDMiOiIwIiwiMTE4NzAwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298125' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Để làm cho một nút nhấn (button) có góc bo tròn 5px, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298125]' id='ays-answer-1187005-9948' value='1187005'/> <label for='ays-answer-1187005-9948' class=' ays_position_initial ays-quiz-keyboard-label'>corner-radius: 5px;</label><label for='ays-answer-1187005-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298125]' id='ays-answer-1187006-9948' value='1187006'/> <label for='ays-answer-1187006-9948' class=' ays_position_initial ays-quiz-keyboard-label'>angle-radius: 5px;</label><label for='ays-answer-1187006-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298125]' id='ays-answer-1187007-9948' value='1187007'/> <label for='ays-answer-1187007-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border-style: rounded 5px;</label><label for='ays-answer-1187007-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298125]' id='ays-answer-1187008-9948' value='1187008'/> <label for='ays-answer-1187008-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius: 5px;</label><label for='ays-answer-1187008-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298125'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAwNSI6IjAiLCIxMTg3MDA2IjoiMCIsIjExODcwMDciOiIwIiwiMTE4NzAwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298126' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn muốn định kiểu cho tất cả các phần tử `input` có thuộc tính `disabled` (bị vô hiệu hóa) để chúng có màu nền xám và con trỏ chuột hiển thị dạng mũi tên (không cho phép tương tác). Vùng chọn và thuộc tính nào sau đây phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298126]' id='ays-answer-1187009-9948' value='1187009'/> <label for='ays-answer-1187009-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled { background-color: #ccc; cursor: default; }</label><label for='ays-answer-1187009-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298126]' id='ays-answer-1187010-9948' value='1187010'/> <label for='ays-answer-1187010-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input:active { background-color: #ccc; cursor: default; }</label><label for='ays-answer-1187010-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298126]' id='ays-answer-1187011-9948' value='1187011'/> <label for='ays-answer-1187011-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[disabled='true'] { background-color: #ccc; cursor: default; }</label><label for='ays-answer-1187011-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298126]' id='ays-answer-1187012-9948' value='1187012'/> <label for='ays-answer-1187012-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input.disabled { background-color: #ccc; cursor: default; }</label><label for='ays-answer-1187012-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298126'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAwOSI6IjEiLCIxMTg3MDEwIjoiMCIsIjExODcwMTEiOiIwIiwiMTE4NzAxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298127' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Xét đoạn CSS sau: `input[type='radio']:checked + label { font-weight: bold; }`. Đoạn mã này sẽ có tác dụng gì trên biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298127]' id='ays-answer-1187013-9948' value='1187013'/> <label for='ays-answer-1187013-9948' class=' ays_position_initial ays-quiz-keyboard-label'>In đậm tất cả các nhãn (label) trong biểu mẫu.</label><label for='ays-answer-1187013-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298127]' id='ays-answer-1187014-9948' value='1187014'/> <label for='ays-answer-1187014-9948' class=' ays_position_initial ays-quiz-keyboard-label'>In đậm nhãn của nút radio khi con trỏ chuột nằm trên nút radio đó.</label><label for='ays-answer-1187014-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298127]' id='ays-answer-1187015-9948' value='1187015'/> <label for='ays-answer-1187015-9948' class=' ays_position_initial ays-quiz-keyboard-label'>In đậm nhãn đi liền sau một nút radio đã được chọn.</label><label for='ays-answer-1187015-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298127]' id='ays-answer-1187016-9948' value='1187016'/> <label for='ays-answer-1187016-9948' class=' ays_position_initial ays-quiz-keyboard-label'>In đậm nút radio khi nó được chọn.</label><label for='ays-answer-1187016-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298127'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAxMyI6IjAiLCIxMTg3MDE0IjoiMCIsIjExODcwMTUiOiIxIiwiMTE4NzAxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298128' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Để làm cho văn bản gợi ý (placeholder text) bên trong hộp văn bản có màu xám nhạt, bạn cần sử dụng pseudo-element nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298128]' id='ays-answer-1187017-9948' value='1187017'/> <label for='ays-answer-1187017-9948' class=' ays_position_initial ays-quiz-keyboard-label'>::before</label><label for='ays-answer-1187017-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298128]' id='ays-answer-1187018-9948' value='1187018'/> <label for='ays-answer-1187018-9948' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-1187018-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298128]' id='ays-answer-1187019-9948' value='1187019'/> <label for='ays-answer-1187019-9948' class=' ays_position_initial ays-quiz-keyboard-label'>::after</label><label for='ays-answer-1187019-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298128]' id='ays-answer-1187020-9948' value='1187020'/> <label for='ays-answer-1187020-9948' class=' ays_position_initial ays-quiz-keyboard-label'>::text</label><label for='ays-answer-1187020-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298128'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAxNyI6IjAiLCIxMTg3MDE4IjoiMSIsIjExODcwMTkiOiIwIiwiMTE4NzAyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298129' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn căn chỉnh văn bản nhập vào ở giữa theo chiều ngang trong tất cả các hộp văn bản (`input[type='text']`). Thuộc tính CSS nào được sử dụng cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298129]' id='ays-answer-1187021-9948' value='1187021'/> <label for='ays-answer-1187021-9948' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-1187021-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298129]' id='ays-answer-1187022-9948' value='1187022'/> <label for='ays-answer-1187022-9948' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align: middle;</label><label for='ays-answer-1187022-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298129]' id='ays-answer-1187023-9948' value='1187023'/> <label for='ays-answer-1187023-9948' class=' ays_position_initial ays-quiz-keyboard-label'>justify-content: center;</label><label for='ays-answer-1187023-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298129]' id='ays-answer-1187024-9948' value='1187024'/> <label for='ays-answer-1187024-9948' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: center;</label><label for='ays-answer-1187024-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298129'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAyMSI6IjEiLCIxMTg3MDIyIjoiMCIsIjExODcwMjMiOiIwIiwiMTE4NzAyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298130' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Để loại bỏ hoàn toàn đường viền mặc định của một phần tử `textarea`, bạn sử dụng khai báo CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298130]' id='ays-answer-1187025-9948' value='1187025'/> <label for='ays-answer-1187025-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border: none;</label><label for='ays-answer-1187025-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298130]' id='ays-answer-1187026-9948' value='1187026'/> <label for='ays-answer-1187026-9948' class=' ays_position_initial ays-quiz-keyboard-label'>outline: none;</label><label for='ays-answer-1187026-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298130]' id='ays-answer-1187027-9948' value='1187027'/> <label for='ays-answer-1187027-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border: 0;</label><label for='ays-answer-1187027-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298130]' id='ays-answer-1187028-9948' value='1187028'/> <label for='ays-answer-1187028-9948' class=' ays_position_initial ays-quiz-keyboard-label'>border-width: 0;</label><label for='ays-answer-1187028-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298130'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAyNSI6IjAiLCIxMTg3MDI2IjoiMCIsIjExODcwMjciOiIxIiwiMTE4NzAyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298131' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn muốn tạo một hiệu ứng bóng đổ nhẹ cho nút 'Đăng nhập' khi người dùng nhấp và giữ chuột vào nó. Trạng thái giả (pseudo-class) nào cần được sử dụng kết hợp với thuộc tính `box-shadow`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298131]' id='ays-answer-1187029-9948' value='1187029'/> <label for='ays-answer-1187029-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1187029-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298131]' id='ays-answer-1187030-9948' value='1187030'/> <label for='ays-answer-1187030-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1187030-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298131]' id='ays-answer-1187031-9948' value='1187031'/> <label for='ays-answer-1187031-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1187031-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298131]' id='ays-answer-1187032-9948' value='1187032'/> <label for='ays-answer-1187032-9948' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-1187032-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298131'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAyOSI6IjAiLCIxMTg3MDMwIjoiMSIsIjExODcwMzEiOiIwIiwiMTE4NzAzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298132' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Khi định kiểu cho một biểu mẫu, bạn nhận thấy các phần tử `input` và `button` mặc định có kích thước và khoảng cách không đồng đều giữa các trình duyệt. Việc áp dụng một bộ CSS reset hoặc normalize vào đầu file CSS có lợi ích gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298132]' id='ays-answer-1187033-9948' value='1187033'/> <label for='ays-answer-1187033-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm sự khác biệt về hiển thị mặc định giữa các trình duyệt, tạo điểm bắt đầu nhất quán để định kiểu.</label><label for='ays-answer-1187033-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298132]' id='ays-answer-1187034-9948' value='1187034'/> <label for='ays-answer-1187034-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động căn giữa tất cả các phần tử trong biểu mẫu.</label><label for='ays-answer-1187034-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298132]' id='ays-answer-1187035-9948' value='1187035'/> <label for='ays-answer-1187035-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho biểu mẫu phản hồi (responsive) trên các kích thước màn hình khác nhau.</label><label for='ays-answer-1187035-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298132]' id='ays-answer-1187036-9948' value='1187036'/> <label for='ays-answer-1187036-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ gửi dữ liệu từ biểu mẫu lên máy chủ.</label><label for='ays-answer-1187036-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298132'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAzMyI6IjEiLCIxMTg3MDM0IjoiMCIsIjExODcwMzUiOiIwIiwiMTE4NzAzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298133' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn muốn thiết lập chiều cao cố định là 40px cho tất cả các hộp nhập liệu văn bản và mật khẩu trong biểu mẫu. Vùng chọn CSS nào sau đây là chính xác để áp dụng kiểu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298133]' id='ays-answer-1187037-9948' value='1187037'/> <label for='ays-answer-1187037-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text', type='password'] { height: 40px; }</label><label for='ays-answer-1187037-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298133]' id='ays-answer-1187038-9948' value='1187038'/> <label for='ays-answer-1187038-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'] and input[type='password'] { height: 40px; }</label><label for='ays-answer-1187038-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298133]' id='ays-answer-1187039-9948' value='1187039'/> <label for='ays-answer-1187039-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'] input[type='password'] { height: 40px; }</label><label for='ays-answer-1187039-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298133]' id='ays-answer-1187040-9948' value='1187040'/> <label for='ays-answer-1187040-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password'] { height: 40px; }</label><label for='ays-answer-1187040-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298133'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzAzNyI6IjAiLCIxMTg3MDM4IjoiMCIsIjExODcwMzkiOiIwIiwiMTE4NzA0MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298134' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Để thay đổi kiểu con trỏ chuột thành hình bàn tay khi di chuột qua một nút nhấn, bạn sử dụng thuộc tính CSS nào với giá trị tương ứng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298134]' id='ays-answer-1187041-9948' value='1187041'/> <label for='ays-answer-1187041-9948' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-1187041-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298134]' id='ays-answer-1187042-9948' value='1187042'/> <label for='ays-answer-1187042-9948' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-events: auto;</label><label for='ays-answer-1187042-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298134]' id='ays-answer-1187043-9948' value='1187043'/> <label for='ays-answer-1187043-9948' class=' ays_position_initial ays-quiz-keyboard-label'>mouse-style: hand;</label><label for='ays-answer-1187043-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298134]' id='ays-answer-1187044-9948' value='1187044'/> <label for='ays-answer-1187044-9948' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: hand;</label><label for='ays-answer-1187044-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298134'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA0MSI6IjEiLCIxMTg3MDQyIjoiMCIsIjExODcwNDMiOiIwIiwiMTE4NzA0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298135' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn các phần tử `label` và `input[type='text']` hiển thị trên cùng một dòng nhưng vẫn kiểm soát được chiều rộng và khoảng cách giữa chúng như các khối độc lập. Giá trị nào của thuộc tính `display` là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298135]' id='ays-answer-1187045-9948' value='1187045'/> <label for='ays-answer-1187045-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-1187045-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298135]' id='ays-answer-1187046-9948' value='1187046'/> <label for='ays-answer-1187046-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline-block;</label><label for='ays-answer-1187046-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298135]' id='ays-answer-1187047-9948' value='1187047'/> <label for='ays-answer-1187047-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline;</label><label for='ays-answer-1187047-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298135]' id='ays-answer-1187048-9948' value='1187048'/> <label for='ays-answer-1187048-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display: flex;</label><label for='ays-answer-1187048-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298135'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA0NSI6IjAiLCIxMTg3MDQ2IjoiMSIsIjExODcwNDciOiIwIiwiMTE4NzA0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298136' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Xét đoạn mã HTML và CSS sau:<br /> HTML: `<input type='checkbox' id='agree'><label for='agree'>Tôi đồng ý</label>`<br /> CSS: `#agree:checked + label { color: green; }`<br /> Khi người dùng nhấp vào hộp kiểm 'agree' và nó được chọn, điều gì sẽ xảy ra?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298136]' id='ays-answer-1187049-9948' value='1187049'/> <label for='ays-answer-1187049-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Hộp kiểm sẽ chuyển sang màu xanh lá cây.</label><label for='ays-answer-1187049-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298136]' id='ays-answer-1187050-9948' value='1187050'/> <label for='ays-answer-1187050-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Văn bản 'Tôi đồng ý' sẽ được gạch chân.</label><label for='ays-answer-1187050-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298136]' id='ays-answer-1187051-9948' value='1187051'/> <label for='ays-answer-1187051-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Văn bản 'Tôi đồng ý' sẽ biến mất.</label><label for='ays-answer-1187051-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298136]' id='ays-answer-1187052-9948' value='1187052'/> <label for='ays-answer-1187052-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Văn bản 'Tôi đồng ý' sẽ chuyển sang màu xanh lá cây.</label><label for='ays-answer-1187052-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298136'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA0OSI6IjAiLCIxMTg3MDUwIjoiMCIsIjExODcwNTEiOiIwIiwiMTE4NzA1MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298137' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Để áp dụng kiểu cho tất cả các phần tử `input` ngoại trừ các phần tử có thuộc tính `type='submit'`, bạn sử dụng vùng chọn kết hợp nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298137]' id='ays-answer-1187053-9948' value='1187053'/> <label for='ays-answer-1187053-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input:not([type='submit'])</label><label for='ays-answer-1187053-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298137]' id='ays-answer-1187054-9948' value='1187054'/> <label for='ays-answer-1187054-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input except [type='submit']</label><label for='ays-answer-1187054-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298137]' id='ays-answer-1187055-9948' value='1187055'/> <label for='ays-answer-1187055-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input![type='submit']</label><label for='ays-answer-1187055-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298137]' id='ays-answer-1187056-9948' value='1187056'/> <label for='ays-answer-1187056-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(submit)</label><label for='ays-answer-1187056-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298137'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA1MyI6IjEiLCIxMTg3MDU0IjoiMCIsIjExODcwNTUiOiIwIiwiMTE4NzA1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298138' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn muốn tạo một đường viền màu xanh dương mỏng (1px solid) cho các hộp văn bản khi chúng đang được người dùng nhập liệu (đang có focus). Khai báo CSS nào sau đây thực hiện đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298138]' id='ays-answer-1187057-9948' value='1187057'/> <label for='ays-answer-1187057-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text']:hover { border: 1px solid blue; }</label><label for='ays-answer-1187057-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298138]' id='ays-answer-1187058-9948' value='1187058'/> <label for='ays-answer-1187058-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text']:active { border: 1px solid blue; }</label><label for='ays-answer-1187058-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298138]' id='ays-answer-1187059-9948' value='1187059'/> <label for='ays-answer-1187059-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text']:focus { border: 1px solid blue; }</label><label for='ays-answer-1187059-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298138]' id='ays-answer-1187060-9948' value='1187060'/> <label for='ays-answer-1187060-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text']:checked { border: 1px solid blue; }</label><label for='ays-answer-1187060-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298138'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA1NyI6IjAiLCIxMTg3MDU4IjoiMCIsIjExODcwNTkiOiIxIiwiMTE4NzA2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298139' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Trong việc định kiểu biểu mẫu, sự khác biệt chính giữa `margin` và `padding` là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298139]' id='ays-answer-1187061-9948' value='1187061'/> <label for='ays-answer-1187061-9948' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` tạo khoảng trống bên trong phần tử, còn `padding` tạo khoảng trống bên ngoài phần tử.</label><label for='ays-answer-1187061-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298139]' id='ays-answer-1187062-9948' value='1187062'/> <label for='ays-answer-1187062-9948' class=' ays_position_initial ays-quiz-keyboard-label'>`padding` tạo khoảng trống bên trong đường viền của phần tử, còn `margin` tạo khoảng trống bên ngoài đường viền của phần tử.</label><label for='ays-answer-1187062-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298139]' id='ays-answer-1187063-9948' value='1187063'/> <label for='ays-answer-1187063-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai đều tạo khoảng trống bên trong phần tử, nhưng `padding` chỉ áp dụng cho văn bản.</label><label for='ays-answer-1187063-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298139]' id='ays-answer-1187064-9948' value='1187064'/> <label for='ays-answer-1187064-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai đều tạo khoảng trống bên ngoài phần tử, nhưng `margin` chỉ áp dụng cho các phần tử block.</label><label for='ays-answer-1187064-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298139'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA2MSI6IjAiLCIxMTg3MDYyIjoiMSIsIjExODcwNjMiOiIwIiwiMTE4NzA2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298140' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn làm mờ (giảm độ trong suốt) các phần tử `input` khi chúng ở trạng thái `disabled`. Thuộc tính CSS nào được sử dụng để điều chỉnh độ trong suốt?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298140]' id='ays-answer-1187065-9948' value='1187065'/> <label for='ays-answer-1187065-9948' class=' ays_position_initial ays-quiz-keyboard-label'>opacity</label><label for='ays-answer-1187065-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298140]' id='ays-answer-1187066-9948' value='1187066'/> <label for='ays-answer-1187066-9948' class=' ays_position_initial ays-quiz-keyboard-label'>visibility</label><label for='ays-answer-1187066-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298140]' id='ays-answer-1187067-9948' value='1187067'/> <label for='ays-answer-1187067-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display</label><label for='ays-answer-1187067-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298140]' id='ays-answer-1187068-9948' value='1187068'/> <label for='ays-answer-1187068-9948' class=' ays_position_initial ays-quiz-keyboard-label'>transparent</label><label for='ays-answer-1187068-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298140'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA2NSI6IjEiLCIxMTg3MDY2IjoiMCIsIjExODcwNjciOiIwIiwiMTE4NzA2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298141' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Để thiết lập màu nền là màu vàng nhạt cho toàn bộ phần tử `form`, bạn sử dụng vùng chọn và thuộc tính nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298141]' id='ays-answer-1187069-9948' value='1187069'/> <label for='ays-answer-1187069-9948' class=' ays_position_initial ays-quiz-keyboard-label'>body { background-color: lightyellow; }</label><label for='ays-answer-1187069-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298141]' id='ays-answer-1187070-9948' value='1187070'/> <label for='ays-answer-1187070-9948' class=' ays_position_initial ays-quiz-keyboard-label'>input { background-color: lightyellow; }</label><label for='ays-answer-1187070-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298141]' id='ays-answer-1187071-9948' value='1187071'/> <label for='ays-answer-1187071-9948' class=' ays_position_initial ays-quiz-keyboard-label'>form { background-color: lightyellow; }</label><label for='ays-answer-1187071-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298141]' id='ays-answer-1187072-9948' value='1187072'/> <label for='ays-answer-1187072-9948' class=' ays_position_initial ays-quiz-keyboard-label'>fieldset { background-color: lightyellow; }</label><label for='ays-answer-1187072-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298141'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA2OSI6IjAiLCIxMTg3MDcwIjoiMCIsIjExODcwNzEiOiIxIiwiMTE4NzA3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='298142' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 3</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn muốn ẩn hoàn toàn một phần tử `input` mà không chiếm không gian trên bố cục trang. Thuộc tính `display: none;` hay `visibility: hidden;` sẽ phù hợp hơn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298142]' id='ays-answer-1187073-9948' value='1187073'/> <label for='ays-answer-1187073-9948' class=' ays_position_initial ays-quiz-keyboard-label'>display: none; (ẩn và không chiếm không gian)</label><label for='ays-answer-1187073-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298142]' id='ays-answer-1187074-9948' value='1187074'/> <label for='ays-answer-1187074-9948' class=' ays_position_initial ays-quiz-keyboard-label'>visibility: hidden; (ẩn nhưng vẫn chiếm không gian)</label><label for='ays-answer-1187074-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298142]' id='ays-answer-1187075-9948' value='1187075'/> <label for='ays-answer-1187075-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai đều giống nhau về mặt hiển thị và bố cục.</label><label for='ays-answer-1187075-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-298142]' id='ays-answer-1187076-9948' value='1187076'/> <label for='ays-answer-1187076-9948' class=' ays_position_initial ays-quiz-keyboard-label'>Không có thuộc tính CSS nào có thể ẩn hoàn toàn một phần tử.</label><label for='ays-answer-1187076-9948' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_9948 === 'undefined'){ window.quizOptions_9948 = []; } window.quizOptions_9948['298142'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTE4NzA3MyI6IjEiLCIxMTg3MDc0IjoiMCIsIjExODcwNzUiOiIwIiwiMTE4NzA3NiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-9948 * { box-sizing: border-box; } #ays-quiz-container-9948 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-9948 #ays_finish_quiz_9948 { } /* Styles for Quiz container */ #ays-quiz-container-9948{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-9948 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-9948 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-9948 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-9948 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-9948 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-9948 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-9948 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-9948 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-9948.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-9948.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-9948 #ays_finish_quiz_9948 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-9948.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container p, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-9948.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-9948 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-9948 .ays-quiz-password-message-box, #ays-quiz-container-9948 .ays-quiz-question-note-message-box, #ays-quiz-container-9948 .ays_quiz_question, #ays-quiz-container-9948 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-9948 textarea, #ays-quiz-container-9948 input::first-letter, #ays-quiz-container-9948 select::first-letter, #ays-quiz-container-9948 option::first-letter { color: initial !important; } #ays-quiz-container-9948 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-9948 .select2-container, #ays-quiz-container-9948 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-9948 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-9948 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-9948 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-9948 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-9948 .ays-questions-container .ays-field, div#ays-quiz-container-9948 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-9948 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-9948 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-9948 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-9948 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-9948 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-9948 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-9948 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-9948 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-9948 .information_form input[type='text'], #ays-quiz-container-9948 .information_form input[type='url'], #ays-quiz-container-9948 .information_form input[type='number'], #ays-quiz-container-9948 .information_form input[type='email'], #ays-quiz-container-9948 .information_form input[type='tel'], #ays-quiz-container-9948 .information_form textarea, #ays-quiz-container-9948 .information_form select, #ays-quiz-container-9948 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-9948 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-9948 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-9948 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-9948 .right_answer_text{ color:#33cc33; } #ays-quiz-container-9948 .right_answer_text p { font-size:16px; } #ays-quiz-container-9948 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-9948 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-9948 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9948 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9948 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9948 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-9948 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-9948 .ays_cb_and_a, #ays-quiz-container-9948 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-9948 iframe { /*min-height: 450px;*/ } #ays-quiz-container-9948 label.ays_for_checkbox, #ays-quiz-container-9948 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-9948 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-9948 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-9948 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-9948 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-9948 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-9948 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-9948 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-9948 div.lds-spinner, #ays-quiz-container-9948 div.lds-spinner2 { color: #000000; } #ays-quiz-container-9948 div.lds-spinner div:after, #ays-quiz-container-9948 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-9948 .lds-circle, #ays-quiz-container-9948 .lds-facebook div, #ays-quiz-container-9948 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-9948 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-9948 .lds-dual-ring::after, #ays-quiz-container-9948 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-9948 .ui.rating .icon, #ays-quiz-container-9948 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-9948 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-9948 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-9948 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-9948 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-9948 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-9948 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-9948 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-9948 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-9948 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-9948 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-9948 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-9948 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-9948 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-9948 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-9948 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-9948 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-9948 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-9948 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-9948 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-9948 div.ays-quiz-redirection-timer, #ays-quiz-container-9948 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-9948 div.ays-quiz-after-timer * , #ays-quiz-container-9948 div.ays-quiz-redirection-timer *, #ays-quiz-container-9948 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-9948 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-9948 input#ays-submit, #ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button, #ays-quiz-container-9948 #ays_finish_quiz_9948 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-9948 #ays_finish_quiz_9948 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button.ays_restart_button, #ays-quiz-container-9948 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-9948 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-9948 input#ays-submit, #ays-quiz-container-9948 #ays_finish_quiz_9948 input.action-button, #ays-quiz-container-9948 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-9948 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-9948 input#ays-submit:hover, #ays-quiz-container-9948 input#ays-submit:focus, #ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button:hover, #ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button:focus, #ays-quiz-container-9948 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-9948 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-9948 .ays_restart_button { color: #ffffff; } #ays-quiz-container-9948 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-9948 .ays_buttons_div { justify-content: center; } #ays-quiz-container-9948 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-9948 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-9948 input[type='button'], #ays-quiz-container-9948 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-9948 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-9948 input[type='button']:focus-visible, div#ays-quiz-container-9948 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-9948 #ays_finish_quiz_9948 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-9948 #ays_finish_quiz_9948 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-9948 #ays_finish_quiz_9948 i.ays_early_finish.action-button[disabled], #ays-quiz-container-9948 #ays_finish_quiz_9948 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-9948 #ays_finish_quiz_9948 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-9948 #ays_finish_quiz_9948 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-9948 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-9948 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-9948 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-9948.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-9948 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-9948 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-9948 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-9948 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-9948 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-9948 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-9948 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-9948 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-9948 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-9948 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-9948 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-9948 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-9948 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-9948 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-9948 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-9948 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-9948 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-9948 .ays-field .select2-container--default, #ays-quiz-container-9948 .ays-field .select2-container--default .selection, #ays-quiz-container-9948 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-9948 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-9948 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-9948 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-9948 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-9948 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-9948 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-9948 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-9948 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-9948 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-9948 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-9948 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-9948 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-9948 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-9948 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-9948 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-9948 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-9948 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-9948 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-9948 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-9948 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-9948.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-9948.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-9948 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-9948 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-9948 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-9948 label[for^='ays-answer']:before, #ays-quiz-container-9948 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-9948 .ays_question_report { text-align: right; } div#ays-quiz-container-9948 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-9948 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-9948.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-9948.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-9948.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-9948.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-9948.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-9948.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-9948 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-9948.ays_quiz_classic_dark .correct_div, #ays-quiz-container-9948.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-9948.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-9948.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-9948.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-9948.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-9948.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-9948.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-9948 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-9948 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-9948 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-9948 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-9948 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-9948 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-9948 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-9948.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-9948.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-9948 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-9948 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-9948 .ays-quiz-personality-result-box div:before, #ays-quiz-container-9948 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-9948 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-9948 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-9948 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-9948 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-9948 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-9948 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-9948 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-9948 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-9948 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-9948 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-9948 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-9948 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-9948 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-9948{ max-width: 100%; } div#ays-quiz-container-9948 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-9948.ays_quiz_modern_light .step, div#ays-quiz-container-9948.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-9948.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-9948.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-9948.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-9948.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-9948 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-9948 .select2-container, div#ays-quiz-container-9948 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-9948 input#ays-submit, div#ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button, div#ays-quiz-container-9948 #ays_finish_quiz_9948 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button.ays_restart_button, #ays-quiz-container-9948 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-9948 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-9948 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-9948 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-9948 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-9948 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-9948 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-9948 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-9948 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-9948 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-9948 p { margin: 0.625em; } #ays-quiz-container-9948.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-9948.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-9948 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-9948.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-9948 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button:hover, #ays-quiz-container-9948 #ays_finish_quiz_9948 .action-button:focus, #ays-quiz-container-9948 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-9948 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['9948'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiI5OTQ4IiwiYXV0aG9yX2lkIjoiMyIsInBvc3RfaWQiOm51bGwsInRpdGxlIjoiVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiBDaFx1MDBlMm4gdHJcdTFlZGRpIHNcdTAwZTFuZyB0XHUxZWExbyBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMyIsImRlc2NyaXB0aW9uIjoiPHA+VHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiBDaFx1MDBlMm4gdHJcdTFlZGRpIHNcdTAwZTFuZyB0XHUxZWExbyBCXHUwMGUwaSBGMTI6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBDU1MgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMyBiYW8gZ1x1MWVkM20gbmhpXHUxZWMxdSBjXHUwMGUydSBoXHUxZWNmaSBoYXksIGJcdTAwZTFtIHNcdTAwZTF0IGNoXHUwMWIwXHUwMWExbmcgdHJcdTAwZWNuaC4gQ1x1MDBmOW5nIGxcdTAwZTBtIGJcdTAwZTBpIHRcdTFlYWRwIHRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBuZ2F5LjxcL3A+XHJcblxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE6IFx1MDExMFx1MWVjMyBsXHUwMGUwbSBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiAoaW5wdXQgdHlwZT1cInRleHRcIikgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IGNcdTAwZjMgY2hpXHUxZWMxdSByXHUxZWQ5bmcgXHUwMTExXHUxZWE3eSBcdTAxMTFcdTFlZTcgdlx1MDBlMCBoaVx1MWVjM24gdGhcdTFlY2IgdHJcdTAwZWFuIHRcdTFlZWJuZyBkXHUwMGYybmcgcmlcdTAwZWFuZyBiaVx1MWVjN3QsIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBjXHUxZWE3biBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjaFx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT5BLiBwb3NpdGlvbjogYWJzb2x1dGU7PFwvbGk+XHJcbjxsaT5CLiBmbG9hdDogbGVmdDs8XC9saT5cclxuPGxpPkMuIGRpc3BsYXk6IGlubGluZTs8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gZGlzcGxheTogYmxvY2s7PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCB2XHUwMGY5bmcgXHUwMTExXHUxZWM3bSAocGFkZGluZykgMTBweCB4dW5nIHF1YW5oIG5cdTFlZDlpIGR1bmcgYlx1MDBlYW4gdHJvbmcgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBuXHUwMGZhdCBuaFx1MWVhNW4gKGJ1dHRvbikgY1x1MWVlN2EgYmlcdTFlYzN1IG1cdTFlYWJ1LiBcdTAxMTBvXHUxZWExbiBtXHUwMGUzIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSB0aFx1MWVmMWMgaGlcdTFlYzduIFx1MDExMVx1MDBmYW5nIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBidXR0b24geyBtYXJnaW46IDEwcHg7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYnV0dG9uIHsgcGFkZGluZzogMTBweDsgfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGJ1dHRvbiB7IGJvcmRlcjogMTBweCBzb2xpZCB0cmFuc3BhcmVudDsgfTxcL2xpPlxyXG48bGk+RC4gYnV0dG9uIHsgd2lkdGg6IDEwcHg7IGhlaWdodDogMTBweDsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYmlcdTFlYzN1IG1cdTFlYWJ1LCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgYm94LXNpemluZ2Agdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2IgYGJvcmRlci1ib3hgIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgaW5wdXRgIHZcdTAwZTAgYHRleHRhcmVhYC4gTFx1MWVlM2kgXHUwMGVkY2ggY2hcdTAwZWRuaCBjXHUxZWU3YSB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgZ2lcdTAwZTEgdHJcdTFlY2Igblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBHaVx1MWVhM20ga2hvXHUxZWEzbmcgY1x1MDBlMWNoIGdpXHUxZWVmYSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkIuIExcdTAwZTBtIGNobyBuXHUxZWQ5aSBkdW5nIHZcdTAxMDNuIGJcdTFlYTNuIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgeHVcdTFlZDFuZyBkXHUwMGYybmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIFx1MDExMFx1MWVhM20gYlx1MWVhM28gcGFkZGluZyB2XHUwMGUwIGJvcmRlciBcdTAxMTFcdTAxYjBcdTFlZTNjIHRcdTAwZWRuaCBnXHUxZWQ5cCB2XHUwMGUwbyB0XHUxZWQ1bmcgY2hpXHUxZWMxdSByXHUxZWQ5bmdcL2NoaVx1MWVjMXUgY2FvIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFRcdTAxMDNuZyB0XHUxZWQxYyBcdTAxMTFcdTFlZDkgdFx1MWVhM2kgdHJhbmcgd2ViLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IEJcdTFlYTFuIG11XHUxZWQxbiBsXHUwMGUwbSBuXHUxZWQ1aSBiXHUxZWFkdCBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhNXAgY2h1XHUxZWQ5dCB2XHUwMGUwbyBcdTAxMTFcdTFlYzMgbmhcdTFlYWRwIGRcdTFlZWYgbGlcdTFlYzd1LiBUclx1MWVhMW5nIHRoXHUwMGUxaSBnaVx1MWVhMyAocHNldWRvLWNsYXNzKSBuXHUwMGUwbyB0cm9uZyBDU1MgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBwaFx1MWVhN24gdFx1MWVlZCBraGkgblx1MDBmMyBuaFx1MWVhZG4gdGlcdTAwZWF1IFx1MDExMWlcdTFlYzNtIChmb2N1cyk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gOmZvY3VzPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOmhvdmVyPFwvbGk+XHJcbjxsaT5DLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT5ELiA6Y2hlY2tlZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDU6IFx1MDExMFx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgblx1MWVjMW4gY1x1MWVlN2Egblx1MDBmYXQgXCJHXHUxZWVkaVwiIChpbnB1dCB0eXBlPVwic3VibWl0XCIpIGtoaSBjb24gdHJcdTFlY2YgY2h1XHUxZWQ5dCBkaSBjaHV5XHUxZWMzbiBxdWEgblx1MDBmMywgYlx1MWVhMW4gc1x1MWViZCBrXHUxZWJmdCBoXHUxZWUzcCB2XHUwMGY5bmcgY2hcdTFlY2RuIG5cdTAwZTBvIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBiYWNrZ3JvdW5kLWNvbG9yYD9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXRbdHlwZT1cInN1Ym1pdFwiXTpmb2N1czxcL2xpPlxyXG48bGk+Qi4gaW5wdXRbdHlwZT1cInN1Ym1pdFwiXTphY3RpdmU8XC9saT5cclxuPGxpPkMuIGlucHV0W3R5cGU9XCJzdWJtaXRcIl06Y2hlY2tlZDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBpbnB1dFt0eXBlPVwic3VibWl0XCJdOmhvdmVyPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIGNcdTAwZTFjIGhcdTFlZDlwIGtpXHUxZWMzbSAoaW5wdXQgdHlwZT1cImNoZWNrYm94XCIpIGNoXHUxZWM5IGtoaSBjaFx1MDBmYW5nIFx1MDExMVx1MDBlMyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbi4gVlx1MDBmOW5nIGNoXHUxZWNkbiBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXTpob3ZlcjxcL2xpPlxyXG48bGk+Qi4gaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdOmZvY3VzPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGlucHV0W3R5cGU9XCJjaGVja2JveFwiXTpjaGVja2VkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdOmRpc2FibGVkPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogXHUwMTEwXHUxZWMzIHRoXHUwMGVhbSBtXHUxZWQ5dCBraG9cdTFlYTNuZyB0clx1MWVkMW5nIDE1cHggYlx1MDBlYW4gbmdvXHUwMGUwaSBsXHUxZWMxIGRcdTAxYjBcdTFlZGJpIGNcdTFlZTdhIG1cdTFlZDdpIHBoXHUxZWE3biB0XHUxZWVkIGBsYWJlbGAgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGxhYmVsIHsgcGFkZGluZy1ib3R0b206IDE1cHg7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gbGFiZWwgeyBtYXJnaW4tYm90dG9tOiAxNXB4OyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gbGFiZWwgeyBib3JkZXItYm90dG9tOiAxNXB4IHNvbGlkIHRyYW5zcGFyZW50OyB9PFwvbGk+XHJcbjxsaT5ELiBsYWJlbCB7IGhlaWdodDogMTVweDsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYHRleHRhcmVhYCB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgdlx1MDBlMCBtdVx1MWVkMW4gbmdcdTAxMDNuIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdGhheSBcdTAxMTFcdTFlZDVpIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgY1x1MWVlN2Egblx1MDBmMyBiXHUxZWIxbmcgY1x1MDBlMWNoIGtcdTAwZTlvIGdcdTAwZjNjLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gZ2lcdTAwZmFwIHRoXHUxZWYxYyBoaVx1MWVjN24gXHUwMTExaVx1MWVjMXUgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gcmVzaXplOiBub25lOzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIG92ZXJmbG93OiBoaWRkZW47PFwvbGk+XHJcbjxsaT5DLiBzaXplOiBhdXRvOzxcL2xpPlxyXG48bGk+RC4gZHJhZ2dhYmxlOiBmYWxzZTs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA5OiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IHhcdTAwZTFtIG5oXHUxZWExdCBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgZmllbGRzZXRgIChuaFx1MDBmM20gY1x1MDBlMWMgY29udHJvbCB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUpLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gb3V0bGluZTogMXB4IHNvbGlkIGxpZ2h0Z3JleTs8XC9saT5cclxuPGxpPkIuIGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Z3JleTs8XC9saT5cclxuPGxpPkMuIG1hcmdpbjogMXB4IHNvbGlkIGxpZ2h0Z3JleTs8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYm9yZGVyOiAxcHggc29saWQgbGlnaHRncmV5OzxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogQlx1MWVhMW4gbXVcdTFlZDFuIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSB2XHUwMTAzbiBiXHUxZWEzbiBoaVx1MWVjM24gdGhcdTFlY2IgYlx1MDBlYW4gdHJvbmcgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiAoYGlucHV0W3R5cGU9XCJ0ZXh0XCJdYCkgdGhcdTAwZTBuaCBtXHUwMGUwdSB4YW5oIGRcdTAxYjBcdTAxYTFuZy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBtXHUwMGUwdSBjXHUxZWU3YSB2XHUwMTAzbiBiXHUxZWEzbj9cclxuPHVsPlxyXG48bGk+QS4gYmFja2dyb3VuZC1jb2xvcjxcL2xpPlxyXG48bGk+Qi4gYm9yZGVyLWNvbG9yPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGNvbG9yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gdGV4dC1kZWNvcmF0aW9uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIENTUyBzYXU6IGBpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0geyBib3JkZXItY29sb3I6IHJlZDsgfWAuIFx1MDExMG9cdTFlYTFuIG1cdTAwZTMgblx1MDBlMHkgc1x1MWViZCBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZ1x1MDBlYyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1P1xyXG48dWw+XHJcbjxsaT5BLiBUXHUwMGY0IG1cdTAwZTB1IG5cdTFlYzFuIFx1MDExMVx1MWVjZiBjaG8gaFx1MWVkOXAgbmhcdTFlYWRwIG1cdTFlYWR0IGtoXHUxZWE5dS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gXHUwMTEwXHUxZWI3dCBtXHUwMGUwdSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY1x1MWVlN2EgaFx1MWVkOXAgbmhcdTFlYWRwIG1cdTFlYWR0IGtoXHUxZWE5dSBsXHUwMGUwIG1cdTAwZTB1IFx1MDExMVx1MWVjZi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBUaGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgY2hcdTFlZWYgdHJvbmcgaFx1MWVkOXAgbmhcdTFlYWRwIG1cdTFlYWR0IGtoXHUxZWE5dSB0aFx1MDBlMG5oIG1cdTAwZTB1IFx1MDExMVx1MWVjZi48XC9saT5cclxuPGxpPkQuIFRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBiXHUwMGYzbmcgXHUwMTExXHUxZWQ1IG1cdTAwZTB1IFx1MDExMVx1MWVjZiBjaG8gaFx1MWVkOXAgbmhcdTFlYWRwIG1cdTFlYWR0IGtoXHUxZWE5dS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtob1x1MWVhM25nIHRyXHUxZWQxbmcgOHB4IGdpXHUxZWVmYSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gdlx1MDBlMCBuXHUxZWQ5aSBkdW5nIGJcdTAwZWFuIHRyb25nIGNcdTFlZTdhIG1cdTFlZDl0IG5cdTAwZmF0IG5oXHUxZWE1bi4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBsXHUxZWYxYSBjaFx1MWVjZG4gXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gcGFkZGluZzogOHB4OzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIG1hcmdpbjogOHB4OzxcL2xpPlxyXG48bGk+Qy4gb3V0bGluZTogOHB4OzxcL2xpPlxyXG48bGk+RC4gYm9yZGVyLXNwYWNpbmc6IDhweDs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogXHUwMTEwXHUxZWMzIGxcdTAwZTBtIGNobyBtXHUxZWQ5dCBuXHUwMGZhdCBuaFx1MWVhNW4gKGJ1dHRvbikgY1x1MDBmMyBnXHUwMGYzYyBibyB0clx1MDBmMm4gNXB4LCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGNvcm5lci1yYWRpdXM6IDVweDs8XC9saT5cclxuPGxpPkIuIGFuZ2xlLXJhZGl1czogNXB4OzxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyLXN0eWxlOiByb3VuZGVkIDVweDs8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYm9yZGVyLXJhZGl1czogNXB4OzxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgaW5wdXRgIGNcdTAwZjMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc2FibGVkYCAoYlx1MWVjYiB2XHUwMGY0IGhpXHUxZWM3dSBoXHUwMGYzYSkgXHUwMTExXHUxZWMzIGNoXHUwMGZhbmcgY1x1MDBmMyBtXHUwMGUwdSBuXHUxZWMxbiB4XHUwMGUxbSB2XHUwMGUwIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IGhpXHUxZWMzbiB0aFx1MWVjYiBkXHUxZWExbmcgbVx1MDE2OWkgdFx1MDBlYW4gKGtoXHUwMGY0bmcgY2hvIHBoXHUwMGU5cCB0XHUwMWIwXHUwMWExbmcgdFx1MDBlMWMpLiBWXHUwMGY5bmcgY2hcdTFlY2RuIHZcdTAwZTAgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgcGhcdTAwZjkgaFx1MWVlM3A/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gaW5wdXQ6ZGlzYWJsZWQgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjY2NjOyBjdXJzb3I6IGRlZmF1bHQ7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBpbnB1dDphY3RpdmUgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjY2NjOyBjdXJzb3I6IGRlZmF1bHQ7IH08XC9saT5cclxuPGxpPkMuIGlucHV0W2Rpc2FibGVkPVwidHJ1ZVwiXSB7IGJhY2tncm91bmQtY29sb3I6ICNjY2M7IGN1cnNvcjogZGVmYXVsdDsgfTxcL2xpPlxyXG48bGk+RC4gaW5wdXQuZGlzYWJsZWQgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjY2NjOyBjdXJzb3I6IGRlZmF1bHQ7IH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogWFx1MDBlOXQgXHUwMTExb1x1MWVhMW4gQ1NTIHNhdTogYGlucHV0W3R5cGU9XCJyYWRpb1wiXTpjaGVja2VkICsgbGFiZWwgeyBmb250LXdlaWdodDogYm9sZDsgfWAuIFx1MDExMG9cdTFlYTFuIG1cdTAwZTMgblx1MDBlMHkgc1x1MWViZCBjXHUwMGYzIHRcdTAwZTFjIGRcdTFlZTVuZyBnXHUwMGVjIHRyXHUwMGVhbiBiaVx1MWVjM3UgbVx1MWVhYnU/XHJcbjx1bD5cclxuPGxpPkEuIEluIFx1MDExMVx1MWVhZG0gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBuaFx1MDBlM24gKGxhYmVsKSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUuPFwvbGk+XHJcbjxsaT5CLiBJbiBcdTAxMTFcdTFlYWRtIG5oXHUwMGUzbiBjXHUxZWU3YSBuXHUwMGZhdCByYWRpbyBraGkgY29uIHRyXHUxZWNmIGNodVx1MWVkOXQgblx1MWViMW0gdHJcdTAwZWFuIG5cdTAwZmF0IHJhZGlvIFx1MDExMVx1MDBmMy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gSW4gXHUwMTExXHUxZWFkbSBuaFx1MDBlM24gXHUwMTExaSBsaVx1MWVjMW4gc2F1IG1cdTFlZDl0IG5cdTAwZmF0IHJhZGlvIFx1MDExMVx1MDBlMyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBJbiBcdTAxMTFcdTFlYWRtIG5cdTAwZmF0IHJhZGlvIGtoaSBuXHUwMGYzIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBcdTAxMTBcdTFlYzMgbFx1MDBlMG0gY2hvIHZcdTAxMDNuIGJcdTFlYTNuIGdcdTFlZTNpIFx1MDBmZCAocGxhY2Vob2xkZXIgdGV4dCkgYlx1MDBlYW4gdHJvbmcgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24gY1x1MDBmMyBtXHUwMGUwdSB4XHUwMGUxbSBuaFx1MWVhMXQsIGJcdTFlYTFuIGNcdTFlYTduIHNcdTFlZWQgZFx1MWVlNW5nIHBzZXVkby1lbGVtZW50IG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiA6OmJlZm9yZTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA6OnBsYWNlaG9sZGVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gOjphZnRlcjxcL2xpPlxyXG48bGk+RC4gOjp0ZXh0PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMTAzbiBjaFx1MWVjOW5oIHZcdTAxMDNuIGJcdTFlYTNuIG5oXHUxZWFkcCB2XHUwMGUwbyBcdTFlZGYgZ2lcdTFlZWZhIHRoZW8gY2hpXHUxZWMxdSBuZ2FuZyB0cm9uZyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIGhcdTFlZDlwIHZcdTAxMDNuIGJcdTFlYTNuIChgaW5wdXRbdHlwZT1cInRleHRcIl1gKS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgY2hvIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIHRleHQtYWxpZ246IGNlbnRlcjs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOzxcL2xpPlxyXG48bGk+Qy4ganVzdGlmeS1jb250ZW50OiBjZW50ZXI7PFwvbGk+XHJcbjxsaT5ELiBhbGlnbi1pdGVtczogY2VudGVyOzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBcdTAxMTBcdTFlYzMgbG9cdTFlYTFpIGJcdTFlY2YgaG9cdTAwZTBuIHRvXHUwMGUwbiBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MWViN2MgXHUwMTExXHUxZWNibmggY1x1MWVlN2EgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYHRleHRhcmVhYCwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcga2hhaSBiXHUwMGUxbyBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGJvcmRlcjogbm9uZTs8XC9saT5cclxuPGxpPkIuIG91dGxpbmU6IG5vbmU7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGJvcmRlcjogMDs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBib3JkZXItd2lkdGg6IDA7PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBoaVx1MWVjN3UgXHUxZWU5bmcgYlx1MDBmM25nIFx1MDExMVx1MWVkNSBuaFx1MWViOSBjaG8gblx1MDBmYXQgXCJcdTAxMTBcdTAxMDNuZyBuaFx1MWVhZHBcIiBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhNXAgdlx1MDBlMCBnaVx1MWVlZiBjaHVcdTFlZDl0IHZcdTAwZTBvIG5cdTAwZjMuIFRyXHUxZWExbmcgdGhcdTAwZTFpIGdpXHUxZWEzIChwc2V1ZG8tY2xhc3MpIG5cdTAwZTBvIGNcdTFlYTduIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJveC1zaGFkb3dgP1xyXG48dWw+XHJcbjxsaT5BLiA6aG92ZXI8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gOmFjdGl2ZTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDpmb2N1czxcL2xpPlxyXG48bGk+RC4gOnZpc2l0ZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogS2hpIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gbVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1LCBiXHUxZWExbiBuaFx1MWVhZG4gdGhcdTFlYTV5IGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGBpbnB1dGAgdlx1MDBlMCBgYnV0dG9uYCBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCBjXHUwMGYzIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgdlx1MDBlMCBraG9cdTFlYTNuZyBjXHUwMGUxY2gga2hcdTAwZjRuZyBcdTAxMTFcdTFlZDNuZyBcdTAxMTFcdTFlYzF1IGdpXHUxZWVmYSBjXHUwMGUxYyB0clx1MDBlY25oIGR1eVx1MWVjN3QuIFZpXHUxZWM3YyBcdTAwZTFwIGRcdTFlZTVuZyBtXHUxZWQ5dCBiXHUxZWQ5IENTUyByZXNldCBob1x1MWViN2Mgbm9ybWFsaXplIHZcdTAwZTBvIFx1MDExMVx1MWVhN3UgZmlsZSBDU1MgY1x1MDBmMyBsXHUxZWUzaSBcdTAwZWRjaCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEdpXHUxZWEzbSBzXHUxZWYxIGtoXHUwMGUxYyBiaVx1MWVjN3Qgdlx1MWVjMSBoaVx1MWVjM24gdGhcdTFlY2IgbVx1MWViN2MgXHUwMTExXHUxZWNibmggZ2lcdTFlZWZhIGNcdTAwZTFjIHRyXHUwMGVjbmggZHV5XHUxZWM3dCwgdFx1MWVhMW8gXHUwMTExaVx1MWVjM20gYlx1MWVhZnQgXHUwMTExXHUxZWE3dSBuaFx1MWVhNXQgcXVcdTAwZTFuIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gVFx1MWVmMSBcdTAxMTFcdTFlZDluZyBjXHUwMTAzbiBnaVx1MWVlZmEgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUuPFwvbGk+XHJcbjxsaT5DLiBMXHUwMGUwbSBjaG8gYmlcdTFlYzN1IG1cdTFlYWJ1IHBoXHUxZWEzbiBoXHUxZWQzaSAocmVzcG9uc2l2ZSkgdHJcdTAwZWFuIGNcdTAwZTFjIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgbVx1MDBlMG4gaFx1MDBlY25oIGtoXHUwMGUxYyBuaGF1LjxcL2xpPlxyXG48bGk+RC4gVFx1MDEwM25nIHRcdTFlZDFjIFx1MDExMVx1MWVkOSBnXHUxZWVkaSBkXHUxZWVmIGxpXHUxZWM3dSB0XHUxZWViIGJpXHUxZWMzdSBtXHUxZWFidSBsXHUwMGVhbiBtXHUwMGUxeSBjaFx1MWVlNy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogQlx1MWVhMW4gbXVcdTFlZDFuIHRoaVx1MWViZnQgbFx1MWVhZHAgY2hpXHUxZWMxdSBjYW8gY1x1MWVkMSBcdTAxMTFcdTFlY2JuaCBsXHUwMGUwIDQwcHggY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgaFx1MWVkOXAgbmhcdTFlYWRwIGxpXHUxZWM3dSB2XHUwMTAzbiBiXHUxZWEzbiB2XHUwMGUwIG1cdTFlYWR0IGtoXHUxZWE5dSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUuIFZcdTAwZjluZyBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgY2hcdTAwZWRuaCB4XHUwMGUxYyBcdTAxMTFcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dFt0eXBlPVwidGV4dFwiLCB0eXBlPVwicGFzc3dvcmRcIl0geyBoZWlnaHQ6IDQwcHg7IH08XC9saT5cclxuPGxpPkIuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdIGFuZCBpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0geyBoZWlnaHQ6IDQwcHg7IH08XC9saT5cclxuPGxpPkMuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdIGlucHV0W3R5cGU9XCJwYXNzd29yZFwiXSB7IGhlaWdodDogNDBweDsgfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBpbnB1dFt0eXBlPVwidGV4dFwiXSwgaW5wdXRbdHlwZT1cInBhc3N3b3JkXCJdIHsgaGVpZ2h0OiA0MHB4OyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBcdTAxMTBcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIGtpXHUxZWMzdSBjb24gdHJcdTFlY2YgY2h1XHUxZWQ5dCB0aFx1MDBlMG5oIGhcdTAwZWNuaCBiXHUwMGUwbiB0YXkga2hpIGRpIGNodVx1MWVkOXQgcXVhIG1cdTFlZDl0IG5cdTAwZmF0IG5oXHUxZWE1biwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHZcdTFlZGJpIGdpXHUwMGUxIHRyXHUxZWNiIHRcdTAxYjBcdTAxYTFuZyBcdTFlZTluZz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBjdXJzb3I6IHBvaW50ZXI7PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gcG9pbnRlci1ldmVudHM6IGF1dG87PFwvbGk+XHJcbjxsaT5DLiBtb3VzZS1zdHlsZTogaGFuZDs8XC9saT5cclxuPGxpPkQuIGN1cnNvcjogaGFuZDs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGBsYWJlbGAgdlx1MDBlMCBgaW5wdXRbdHlwZT1cInRleHRcIl1gIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGRcdTAwZjJuZyBuaFx1MDFiMG5nIHZcdTFlYWJuIGtpXHUxZWMzbSBzb1x1MDBlMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBjaGlcdTFlYzF1IHJcdTFlZDluZyB2XHUwMGUwIGtob1x1MWVhM25nIGNcdTAwZTFjaCBnaVx1MWVlZmEgY2hcdTAwZmFuZyBuaFx1MDFiMCBjXHUwMGUxYyBraFx1MWVkMWkgXHUwMTExXHUxZWQ5YyBsXHUxZWFkcC4gR2lcdTAwZTEgdHJcdTFlY2Igblx1MDBlMG8gY1x1MWVlN2EgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXlgIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT5BLiBkaXNwbGF5OiBibG9jazs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gZGlzcGxheTogaW5saW5lLWJsb2NrOzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGRpc3BsYXk6IGlubGluZTs8XC9saT5cclxuPGxpPkQuIGRpc3BsYXk6IGZsZXg7PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCB2XHUwMGUwIENTUyBzYXU6XG5IVE1MOiBgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiIGlkPVwiYWdyZWVcIj48bGFiZWwgZm9yPVwiYWdyZWVcIj5UXHUwMGY0aSBcdTAxMTFcdTFlZDNuZyBcdTAwZmQ8XC9sYWJlbD5gXG5DU1M6IGAjYWdyZWU6Y2hlY2tlZCArIGxhYmVsIHsgY29sb3I6IGdyZWVuOyB9YFxuS2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgbmhcdTFlYTVwIHZcdTAwZTBvIGhcdTFlZDlwIGtpXHUxZWMzbSBcImFncmVlXCIgdlx1MDBlMCBuXHUwMGYzIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuLCBcdTAxMTFpXHUxZWMxdSBnXHUwMGVjIHNcdTFlYmQgeFx1MWVhM3kgcmE/XHJcbjx1bD5cclxuPGxpPkEuIEhcdTFlZDlwIGtpXHUxZWMzbSBzXHUxZWJkIGNodXlcdTFlYzNuIHNhbmcgbVx1MDBlMHUgeGFuaCBsXHUwMGUxIGNcdTAwZTJ5LjxcL2xpPlxyXG48bGk+Qi4gVlx1MDEwM24gYlx1MWVhM24gXCJUXHUwMGY0aSBcdTAxMTFcdTFlZDNuZyBcdTAwZmRcIiBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgZ1x1MWVhMWNoIGNoXHUwMGUybi48XC9saT5cclxuPGxpPkMuIFZcdTAxMDNuIGJcdTFlYTNuIFwiVFx1MDBmNGkgXHUwMTExXHUxZWQzbmcgXHUwMGZkXCIgc1x1MWViZCBiaVx1MWViZm4gbVx1MWVhNXQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFZcdTAxMDNuIGJcdTFlYTNuIFwiVFx1MDBmNGkgXHUwMTExXHUxZWQzbmcgXHUwMGZkXCIgc1x1MWViZCBjaHV5XHUxZWMzbiBzYW5nIG1cdTAwZTB1IHhhbmggbFx1MDBlMSBjXHUwMGUyeS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYGlucHV0YCBuZ29cdTFlYTFpIHRyXHUxZWViIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHR5cGU9XCJzdWJtaXRcImAsIGJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIHZcdTAwZjluZyBjaFx1MWVjZG4ga1x1MWViZnQgaFx1MWVlM3Agblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gaW5wdXQ6bm90KFt0eXBlPVwic3VibWl0XCJdKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGlucHV0IGV4Y2VwdCBbdHlwZT1cInN1Ym1pdFwiXTxcL2xpPlxyXG48bGk+Qy4gaW5wdXQhW3R5cGU9XCJzdWJtaXRcIl08XC9saT5cclxuPGxpPkQuIGlucHV0Om5vdChzdWJtaXQpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcgbVx1MWVjZm5nICgxcHggc29saWQpIGNobyBjXHUwMGUxYyBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiBraGkgY2hcdTAwZmFuZyBcdTAxMTFhbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgKFx1MDExMWFuZyBjXHUwMGYzIGZvY3VzKS4gS2hhaSBiXHUwMGUxbyBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgdGhcdTFlZjFjIGhpXHUxZWM3biBcdTAxMTFcdTAwZmFuZz9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXRbdHlwZT1cInRleHRcIl06aG92ZXIgeyBib3JkZXI6IDFweCBzb2xpZCBibHVlOyB9PFwvbGk+XHJcbjxsaT5CLiBpbnB1dFt0eXBlPVwidGV4dFwiXTphY3RpdmUgeyBib3JkZXI6IDFweCBzb2xpZCBibHVlOyB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdOmZvY3VzIHsgYm9yZGVyOiAxcHggc29saWQgYmx1ZTsgfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdOmNoZWNrZWQgeyBib3JkZXI6IDFweCBzb2xpZCBibHVlOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IFRyb25nIHZpXHUxZWM3YyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgYmlcdTFlYzN1IG1cdTFlYWJ1LCBzXHUxZWYxIGtoXHUwMGUxYyBiaVx1MWVjN3QgY2hcdTAwZWRuaCBnaVx1MWVlZmEgYG1hcmdpbmAgdlx1MDBlMCBgcGFkZGluZ2AgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBgbWFyZ2luYCB0XHUxZWExbyBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIHRyb25nIHBoXHUxZWE3biB0XHUxZWVkLCBjXHUwMGYybiBgcGFkZGluZ2AgdFx1MWVhMW8ga2hvXHUxZWEzbmcgdHJcdTFlZDFuZyBiXHUwMGVhbiBuZ29cdTAwZTBpIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgcGFkZGluZ2AgdFx1MWVhMW8ga2hvXHUxZWEzbmcgdHJcdTFlZDFuZyBiXHUwMGVhbiB0cm9uZyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQsIGNcdTAwZjJuIGBtYXJnaW5gIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgYlx1MDBlYW4gbmdvXHUwMGUwaSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQ1x1MWVhMyBoYWkgXHUwMTExXHUxZWMxdSB0XHUxZWExbyBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIHRyb25nIHBoXHUxZWE3biB0XHUxZWVkLCBuaFx1MDFiMG5nIGBwYWRkaW5nYCBjaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdlx1MDEwM24gYlx1MWVhM24uPFwvbGk+XHJcbjxsaT5ELiBDXHUxZWEzIGhhaSBcdTAxMTFcdTFlYzF1IHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgYlx1MDBlYW4gbmdvXHUwMGUwaSBwaFx1MWVhN24gdFx1MWVlZCwgbmhcdTAxYjBuZyBgbWFyZ2luYCBjaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYmxvY2suPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IEJcdTFlYTFuIG11XHUxZWQxbiBsXHUwMGUwbSBtXHUxZWRkIChnaVx1MWVhM20gXHUwMTExXHUxZWQ5IHRyb25nIHN1XHUxZWQxdCkgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYGlucHV0YCBraGkgY2hcdTAwZmFuZyBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkgYGRpc2FibGVkYC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmggXHUwMTExXHUxZWQ5IHRyb25nIHN1XHUxZWQxdD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBvcGFjaXR5PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gdmlzaWJpbGl0eTxcL2xpPlxyXG48bGk+Qy4gZGlzcGxheTxcL2xpPlxyXG48bGk+RC4gdHJhbnNwYXJlbnQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogXHUwMTEwXHUxZWMzIHRoaVx1MWViZnQgbFx1MWVhZHAgbVx1MDBlMHUgblx1MWVjMW4gbFx1MDBlMCBtXHUwMGUwdSB2XHUwMGUwbmcgbmhcdTFlYTF0IGNobyB0b1x1MDBlMG4gYlx1MWVkOSBwaFx1MWVhN24gdFx1MWVlZCBgZm9ybWAsIGJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIHZcdTAwZjluZyBjaFx1MWVjZG4gdlx1MDBlMCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gYm9keSB7IGJhY2tncm91bmQtY29sb3I6IGxpZ2h0eWVsbG93OyB9PFwvbGk+XHJcbjxsaT5CLiBpbnB1dCB7IGJhY2tncm91bmQtY29sb3I6IGxpZ2h0eWVsbG93OyB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGZvcm0geyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodHllbGxvdzsgfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGZpZWxkc2V0IHsgYmFja2dyb3VuZC1jb2xvcjogbGlnaHR5ZWxsb3c7IH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MWVhOW4gaG9cdTAwZTBuIHRvXHUwMGUwbiBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBgaW5wdXRgIG1cdTAwZTAga2hcdTAwZjRuZyBjaGlcdTFlYmZtIGtoXHUwMGY0bmcgZ2lhbiB0clx1MDBlYW4gYlx1MWVkMSBjXHUxZWU1YyB0cmFuZy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXk6IG5vbmU7YCBoYXkgYHZpc2liaWxpdHk6IGhpZGRlbjtgIHNcdTFlYmQgcGhcdTAwZjkgaFx1MWVlM3AgaFx1MDFhMW4/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gZGlzcGxheTogbm9uZTsgKFx1MWVhOW4gdlx1MDBlMCBraFx1MDBmNG5nIGNoaVx1MWViZm0ga2hcdTAwZjRuZyBnaWFuKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIHZpc2liaWxpdHk6IGhpZGRlbjsgKFx1MWVhOW4gbmhcdTAxYjBuZyB2XHUxZWFibiBjaGlcdTFlYmZtIGtoXHUwMGY0bmcgZ2lhbik8XC9saT5cclxuPGxpPkMuIENcdTFlYTMgaGFpIFx1MDExMVx1MWVjMXUgZ2lcdTFlZDFuZyBuaGF1IHZcdTFlYzEgbVx1MWViN3QgaGlcdTFlYzNuIHRoXHUxZWNiIHZcdTAwZTAgYlx1MWVkMSBjXHUxZWU1Yy48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY1x1MDBmMyB0aFx1MWVjMyBcdTFlYTluIGhvXHUwMGUwbiB0b1x1MDBlMG4gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIxNTgzIiwicXVlc3Rpb25faWRzIjoiMjk4MTEzLDI5ODExNCwyOTgxMTUsMjk4MTE2LDI5ODExNywyOTgxMTgsMjk4MTE5LDI5ODEyMCwyOTgxMjEsMjk4MTIyLDI5ODEyMywyOTgxMjQsMjk4MTI1LDI5ODEyNiwyOTgxMjcsMjk4MTI4LDI5ODEyOSwyOTgxMzAsMjk4MTMxLDI5ODEzMiwyOTgxMzMsMjk4MTM0LDI5ODEzNSwyOTgxMzYsMjk4MTM3LDI5ODEzOCwyOTgxMzksMjk4MTQwLDI5ODE0MSwyOTgxNDIiLCJvcmRlcmluZyI6Ijk5NDgiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='9948'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_9948' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-10886'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_10886' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 04</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 04 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Khi người dùng nhấn phím Tab để di chuyển giữa các trường nhập liệu trong biểu mẫu, trạng thái nào của phần tử HTML sẽ được kích hoạt để bạn có thể định kiểu cho nó?</p> <ul> <li>A. :hover</li> <li>B. :active</li> <li><strong>C. :focus</strong></li> <li>D. :checked</li> </ul> </div> <div class="question-block"> <p>Câu 2: Để đảm bảo một trường nhập liệu (`<input type= <ul> <li>A. width: 250px; box-sizing: content-box;</li> <li><strong>B. width: 250px; box-sizing: border-box;</strong></li> <li>C. max-width: 250px; box-sizing: content-box;</li> <li>D. min-width: 250px; box-sizing: border-box;</li> </ul> </div> <div class="question-block"> <p>Câu 3: Bạn muốn thay đổi màu nền của nút Gửi (`<input type= <ul> <li><strong>A. :hover</strong></li> <li>B. :focus</li> <li>C. :active</li> <li>D. :visited</li> </ul> </div> <div class="question-block"> <p>Câu 4: Xét đoạn mã CSS sau: `input[type=</p> <ul> <li>A. Thêm đường viền màu xanh lá cây cho hộp kiểm khi con trỏ chuột di qua.</li> <li>B. Thêm đường viền màu xanh lá cây cho hộp kiểm khi nó được chọn và đang nhận tiêu điểm.</li> <li>C. Thêm đường viền màu xanh lá cây cho hộp kiểm khi nó bị vô hiệu hóa.</li> <li><strong>D. Thêm đường viền outline màu xanh lá cây cho hộp kiểm khi nó được chọn (đã tích).</strong></li> </ul> </div> <div class="question-block"> <p>Câu 5: Bạn muốn tạo khoảng trống bên <i>trong</i> một trường nhập liệu, giữa nội dung văn bản và đường viền. Thuộc tính CSS nào là phù hợp nhất?</p> <ul> <li>A. margin</li> <li>B. border-spacing</li> <li><strong>C. padding</strong></li> <li>D. gap</li> </ul> </div> <div class="question-block"> <p>Câu 6: Đâu là sự khác biệt chính giữa thuộc tính `border` và `outline` khi áp dụng cho một phần tử, đặc biệt là trong ngữ cảnh của trạng thái `:focus`?</p> <ul> <li>A. `border` không ảnh hưởng đến bố cục, còn `outline` thì có.</li> <li><strong>B. `outline` không ảnh hưởng đến kích thước và bố cục của phần tử, còn `border` thì có.</strong></li> <li>C. `border` chỉ áp dụng cho các phần tử block, còn `outline` áp dụng cho cả inline.</li> <li>D. `outline` hiển thị bên trong đường viền, còn `border` hiển thị bên ngoài.</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn có một nhóm các thẻ `<label>` và `<input>` trong biểu mẫu. Để mỗi cặp label/input hiển thị trên một dòng riêng biệt và chiếm hết chiều rộng có thể của phần tử chứa, bạn nên đặt thuộc tính `display` cho phần tử chứa hoặc cho chính các cặp đó với giá trị nào?</p> <ul> <li><strong>A. block</strong></li> <li>B. inline</li> <li>C. inline-block</li> <li>D. flex</li> </ul> </div> <div class="question-block"> <p>Câu 8: Giả sử bạn muốn loại bỏ kiểu đường viền mặc định của trình duyệt cho tất cả các trường nhập liệu dạng văn bản (`<input type= <ul> <li>A. input[type=</li> <li>B. input[type=</li> <li><strong>C. input[type=</strong></li> <li>D. input[type=</li> </ul> </div> <div class="question-block"> <p>Câu 9: Khi một nút nhấn (`<button>`) đang được người dùng nhấp và giữ chuột, lớp giả nào mô tả trạng thái này?</p> <ul> <li>A. :hover</li> <li><strong>B. :active</strong></li> <li>C. :focus</li> <li>D. :visited</li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn muốn tất cả các trường `<textarea>` trong biểu mẫu không cho phép người dùng kéo giãn kích thước (resize). Thuộc tính CSS nào cần sử dụng?</p> <ul> <li>A. overflow: hidden;</li> <li>B. width: auto; height: auto;</li> <li>C. min-width: none; min-height: none;</li> <li><strong>D. resize: none;</strong></li> </ul> </div> <div class="question-block"> <p>Câu 11: Để chọn <i>tất cả</i> các phần tử `<input>` trong một biểu mẫu, bất kể thuộc tính `type` của chúng là gì, bộ chọn CSS đơn giản nhất là gì?</p> <ul> <li><strong>A. input</strong></li> <li>B. [type=</li> <li>C. input[]</li> <li>D. *.input</li> </ul> </div> <div class="question-block"> <p>Câu 12: Bạn muốn tạo khoảng trống <i>bên ngoài</i> một trường nhập liệu, giữa nó và phần tử kế tiếp. Thuộc tính CSS nào là phù hợp nhất?</p> <ul> <li><strong>A. margin</strong></li> <li>B. padding</li> <li>C. border-width</li> <li>D. outline-offset</li> </ul> </div> <div class="question-block"> <p>Câu 13: Xét đoạn mã CSS sau: `.my-form input[type=</p> <ul> <li>A. Tất cả các thẻ `<input>` trong bất kỳ biểu mẫu nào.</li> <li>B. Tất cả các thẻ `<input>` có thuộc tính `type=</li> <li><strong>C. Tất cả các thẻ `<input>` có thuộc tính `type=</strong></li> <li>D. Chỉ thẻ `<input>` đầu tiên có thuộc tính `type=</li> </ul> </div> <div class="question-block"> <p>Câu 14: Để làm cho văn bản nhập vào trong một trường `<input type= <ul> <li><strong>A. text-align: center;</strong></li> <li>B. vertical-align: middle;</li> <li>C. align-items: center;</li> <li>D. justify-content: center;</li> </ul> </div> <div class="question-block"> <p>Câu 15: Bạn có một nút radio (`<input type= <ul> <li>A. :unchecked</li> <li>B. :not-checked</li> <li>C. :disabled</li> <li><strong>D. :not(:checked)</strong></li> </ul> </div> <div class="question-block"> <p>Câu 16: Trong mô hình hộp (Box Model) của CSS, thứ tự các lớp từ trong ra ngoài của một phần tử là gì?</p> <ul> <li>A. Margin, Border, Padding, Content</li> <li><strong>B. Content, Padding, Border, Margin</strong></li> <li>C. Content, Border, Padding, Margin</li> <li>D. Padding, Content, Border, Margin</li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn muốn áp dụng kiểu chữ in đậm cho thẻ `<label>` ngay sau một nút radio (`<input type= <ul> <li>A. input[type=</li> <li>B. input[type=</li> <li><strong>C. input[type=</strong></li> <li>D. label + input[type=</li> </ul> </div> <div class="question-block"> <p>Câu 18: Để làm tròn các góc của một trường nhập liệu, thuộc tính CSS nào được sử dụng?</p> <ul> <li><strong>A. border-radius</strong></li> <li>B. corner-radius</li> <li>C. box-corner</li> <li>D. border-style: rounded</li> </ul> </div> <div class="question-block"> <p>Câu 19: Bạn muốn đặt màu chữ cho văn bản nhập vào một trường `<input type= <ul> <li>A. background-color</li> <li>B. border-color</li> <li>C. outline-color</li> <li><strong>D. color</strong></li> </ul> </div> <div class="question-block"> <p>Câu 20: Khi thiết kế biểu mẫu, việc loại bỏ hoàn toàn `outline` trên trạng thái `:focus` mà không cung cấp một chỉ báo trực quan thay thế có thể gây ra vấn đề gì nghiêm trọng?</p> <ul> <li>A. Làm tăng kích thước file CSS.</li> <li><strong>B. Gây khó khăn cho người dùng sử dụng bàn phím để điều hướng biểu mẫu (vấn đề về trợ năng).</strong></li> <li>C. Làm giảm hiệu suất tải trang.</li> <li>D. Khiến biểu mẫu trông kém thẩm mỹ trên các trình duyệt cũ.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Bạn muốn áp dụng một kiểu cụ thể (ví dụ: màu nền xám) cho tất cả các trường nhập liệu (`<input>`) và vùng văn bản (`<textarea>`) trong biểu mẫu của mình. Bộ chọn nhóm nào sau đây là phù hợp?</p> <ul> <li><strong>A. input, textarea { background-color: #eee; }</strong></li> <li>B. input + textarea { background-color: #eee; }</li> <li>C. input textarea { background-color: #eee; }</li> <li>D. input > textarea { background-color: #eee; }</li> </ul> </div> <div class="question-block"> <p>Câu 22: Nếu bạn đặt thuộc tính `display: inline;` cho một trường nhập liệu (`<input>`), điều gì sẽ xảy ra với khả năng thiết lập `width` và `height` cho nó?</p> <ul> <li>A. Cả `width` và `height` đều được áp dụng bình thường.</li> <li>B. Chỉ `width` được áp dụng, `height` bị bỏ qua.</li> <li><strong>C. Cả `width` và `height` đều bị bỏ qua, kích thước được xác định bởi nội dung.</strong></li> <li>D. Chỉ `height` được áp dụng, `width` bị bỏ qua.</li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn thay đổi kiểu con trỏ chuột khi di chuột qua nút Gửi (`<input type= <ul> <li>A. cursor: default;</li> <li><strong>B. cursor: pointer;</strong></li> <li>C. cursor: text;</li> <li>D. cursor: move;</li> </ul> </div> <div class="question-block"> <p>Câu 24: Để áp dụng kiểu cho một trường nhập liệu (`<input>`) chỉ khi nó đang ở trạng thái bị vô hiệu hóa (có thuộc tính `disabled`), bạn sử dụng lớp giả nào?</p> <ul> <li><strong>A. :disabled</strong></li> <li>B. :inactive</li> <li>C. :unavailable</li> <li>D. :blocked</li> </ul> </div> <div class="question-block"> <p>Câu 25: Xét đoạn mã HTML `</p> <div class= <ul> <li>A. input[type=</li> <li>B. .user-info input</li> <li>C. #name</li> <li><strong>D. .user-info input[type=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 26: Bạn muốn căn chỉnh các phần tử `inline-block` (như các trường nhập liệu hoặc nhãn được hiển thị inline-block) theo chiều dọc. Thuộc tính CSS nào thường được sử dụng cho mục đích này trên các phần tử đó hoặc phần tử cha của chúng?</p> <ul> <li>A. text-align</li> <li>B. align-items</li> <li><strong>C. vertical-align</strong></li> <li>D. line-height</li> </ul> </div> <div class="question-block"> <p>Câu 27: Thẻ HTML nào sau đây thường được sử dụng để nhóm các phần tử liên quan trong một biểu mẫu (ví dụ: thông tin cá nhân, thông tin thanh toán) và có thể được định kiểu bằng CSS?</p> <ul> <li>A. <group></li> <li><strong>B.<br /> <fieldset></strong></li> <li>C.<br /> <section></li> <li>D. <cluster></li> </ul> </div> <div class="question-block"> <p>Câu 28: Giả sử bạn có một biểu mẫu với nhiều trường nhập liệu. Bạn muốn tất cả các trường nhập liệu ngoại trừ nút Gửi (`<input type= <ul> <li>A. input, *:not(input[type=</li> <li>B. input[type!=</li> <li>C. input:not(submit)</li> <li><strong>D. input:not([type=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn muốn đặt chiều cao cố định là 40px cho tất cả các trường nhập liệu dạng văn bản (`<input type= <ul> <li><strong>A. input[type=</strong></li> <li>B. input[type=</li> <li>C. input[type=</li> <li>D. input, textarea[type=</li> </ul> </div> <div class="question-block"> <p>Câu 30: Lý do chính để sử dụng thẻ `<label>` với thuộc tính `for` liên kết với `id` của trường nhập liệu trong HTML, ngoài mục đích hiển thị văn bản, là gì?</p> <ul> <li>A. Giúp trình duyệt tự động điền dữ liệu.</li> <li>B. Để áp dụng kiểu CSS dễ dàng hơn.</li> <li><strong>C. Cải thiện trợ năng (accessibility), cho phép người dùng nhấp vào nhãn để đặt tiêu điểm vào trường nhập liệu liên quan.</strong></li> <li>D. Để tạo hiệu ứng di chuột (hover) cho trường nhập liệu.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='10886'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='326199,326200,326201,326202,326203,326204,326205,326206,326207,326208,326209,326210,326211,326212,326213,326214,326215,326216,326217,326218,326219,326220,326221,326222,326223,326224,326225,326226,326227,326228'> </div> </div><div class='step ' data-question-id='326199' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Khi người dùng nhấn phím Tab để di chuyển giữa các trường nhập liệu trong biểu mẫu, trạng thái nào của phần tử HTML sẽ được kích hoạt để bạn có thể định kiểu cho nó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326199]' id='ays-answer-1295453-10886' value='1295453'/> <label for='ays-answer-1295453-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1295453-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326199]' id='ays-answer-1295454-10886' value='1295454'/> <label for='ays-answer-1295454-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1295454-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326199]' id='ays-answer-1295455-10886' value='1295455'/> <label for='ays-answer-1295455-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1295455-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326199]' id='ays-answer-1295456-10886' value='1295456'/> <label for='ays-answer-1295456-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1295456-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326199'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ1MyI6IjAiLCIxMjk1NDU0IjoiMCIsIjEyOTU0NTUiOiIxIiwiMTI5NTQ1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326200' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Để đảm bảo một trường nhập liệu (`<input type="text">`) luôn có tổng chiều rộng là 250px, bao gồm cả vùng đệm (padding) và đường viền (border), bạn nên sử dụng thuộc tính CSS nào với giá trị thích hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326200]' id='ays-answer-1295457-10886' value='1295457'/> <label for='ays-answer-1295457-10886' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px; box-sizing: content-box;</label><label for='ays-answer-1295457-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326200]' id='ays-answer-1295458-10886' value='1295458'/> <label for='ays-answer-1295458-10886' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px; box-sizing: border-box;</label><label for='ays-answer-1295458-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326200]' id='ays-answer-1295459-10886' value='1295459'/> <label for='ays-answer-1295459-10886' class=' ays_position_initial ays-quiz-keyboard-label'>max-width: 250px; box-sizing: content-box;</label><label for='ays-answer-1295459-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326200]' id='ays-answer-1295460-10886' value='1295460'/> <label for='ays-answer-1295460-10886' class=' ays_position_initial ays-quiz-keyboard-label'>min-width: 250px; box-sizing: border-box;</label><label for='ays-answer-1295460-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326200'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ1NyI6IjAiLCIxMjk1NDU4IjoiMSIsIjEyOTU0NTkiOiIwIiwiMTI5NTQ2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326201' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn thay đổi màu nền của nút Gửi (`<input type="submit">`) khi người dùng di chuyển con trỏ chuột qua nó nhưng chưa nhấn. Lớp giả (pseudo-class) nào sau đây cần được áp dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326201]' id='ays-answer-1295461-10886' value='1295461'/> <label for='ays-answer-1295461-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1295461-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326201]' id='ays-answer-1295462-10886' value='1295462'/> <label for='ays-answer-1295462-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1295462-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326201]' id='ays-answer-1295463-10886' value='1295463'/> <label for='ays-answer-1295463-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1295463-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326201]' id='ays-answer-1295464-10886' value='1295464'/> <label for='ays-answer-1295464-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-1295464-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326201'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ2MSI6IjEiLCIxMjk1NDYyIjoiMCIsIjEyOTU0NjMiOiIwIiwiMTI5NTQ2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326202' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Xét đoạn mã CSS sau: `input[type="checkbox"]:checked { outline: 2px solid green; }`. Đoạn mã này có tác dụng gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326202]' id='ays-answer-1295465-10886' value='1295465'/> <label for='ays-answer-1295465-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm đường viền màu xanh lá cây cho hộp kiểm khi con trỏ chuột di qua.</label><label for='ays-answer-1295465-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326202]' id='ays-answer-1295466-10886' value='1295466'/> <label for='ays-answer-1295466-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm đường viền màu xanh lá cây cho hộp kiểm khi nó được chọn và đang nhận tiêu điểm.</label><label for='ays-answer-1295466-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326202]' id='ays-answer-1295467-10886' value='1295467'/> <label for='ays-answer-1295467-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm đường viền màu xanh lá cây cho hộp kiểm khi nó bị vô hiệu hóa.</label><label for='ays-answer-1295467-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326202]' id='ays-answer-1295468-10886' value='1295468'/> <label for='ays-answer-1295468-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm đường viền outline màu xanh lá cây cho hộp kiểm khi nó được chọn (đã tích).</label><label for='ays-answer-1295468-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326202'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ2NSI6IjAiLCIxMjk1NDY2IjoiMCIsIjEyOTU0NjciOiIwIiwiMTI5NTQ2OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326203' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn tạo khoảng trống bên *trong* một trường nhập liệu, giữa nội dung văn bản và đường viền. Thuộc tính CSS nào là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326203]' id='ays-answer-1295469-10886' value='1295469'/> <label for='ays-answer-1295469-10886' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1295469-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326203]' id='ays-answer-1295470-10886' value='1295470'/> <label for='ays-answer-1295470-10886' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-1295470-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326203]' id='ays-answer-1295471-10886' value='1295471'/> <label for='ays-answer-1295471-10886' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1295471-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326203]' id='ays-answer-1295472-10886' value='1295472'/> <label for='ays-answer-1295472-10886' class=' ays_position_initial ays-quiz-keyboard-label'>gap</label><label for='ays-answer-1295472-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326203'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ2OSI6IjAiLCIxMjk1NDcwIjoiMCIsIjEyOTU0NzEiOiIxIiwiMTI5NTQ3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326204' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Đâu là sự khác biệt chính giữa thuộc tính `border` và `outline` khi áp dụng cho một phần tử, đặc biệt là trong ngữ cảnh của trạng thái `:focus`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326204]' id='ays-answer-1295473-10886' value='1295473'/> <label for='ays-answer-1295473-10886' class=' ays_position_initial ays-quiz-keyboard-label'>`border` không ảnh hưởng đến bố cục, còn `outline` thì có.</label><label for='ays-answer-1295473-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326204]' id='ays-answer-1295474-10886' value='1295474'/> <label for='ays-answer-1295474-10886' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` không ảnh hưởng đến kích thước và bố cục của phần tử, còn `border` thì có.</label><label for='ays-answer-1295474-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326204]' id='ays-answer-1295475-10886' value='1295475'/> <label for='ays-answer-1295475-10886' class=' ays_position_initial ays-quiz-keyboard-label'>`border` chỉ áp dụng cho các phần tử block, còn `outline` áp dụng cho cả inline.</label><label for='ays-answer-1295475-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326204]' id='ays-answer-1295476-10886' value='1295476'/> <label for='ays-answer-1295476-10886' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` hiển thị bên trong đường viền, còn `border` hiển thị bên ngoài.</label><label for='ays-answer-1295476-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326204'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ3MyI6IjAiLCIxMjk1NDc0IjoiMSIsIjEyOTU0NzUiOiIwIiwiMTI5NTQ3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326205' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn có một nhóm các thẻ `<label>` và `<input>` trong biểu mẫu. Để mỗi cặp label/input hiển thị trên một dòng riêng biệt và chiếm hết chiều rộng có thể của phần tử chứa, bạn nên đặt thuộc tính `display` cho phần tử chứa hoặc cho chính các cặp đó với giá trị nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326205]' id='ays-answer-1295477-10886' value='1295477'/> <label for='ays-answer-1295477-10886' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-1295477-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326205]' id='ays-answer-1295478-10886' value='1295478'/> <label for='ays-answer-1295478-10886' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-1295478-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326205]' id='ays-answer-1295479-10886' value='1295479'/> <label for='ays-answer-1295479-10886' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-1295479-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326205]' id='ays-answer-1295480-10886' value='1295480'/> <label for='ays-answer-1295480-10886' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-1295480-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326205'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ3NyI6IjEiLCIxMjk1NDc4IjoiMCIsIjEyOTU0NzkiOiIwIiwiMTI5NTQ4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326206' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Giả sử bạn muốn loại bỏ kiểu đường viền mặc định của trình duyệt cho tất cả các trường nhập liệu dạng văn bản (`<input type="text">`). Đoạn CSS nào sau đây thực hiện điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326206]' id='ays-answer-1295481-10886' value='1295481'/> <label for='ays-answer-1295481-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { outline: none; }</label><label for='ays-answer-1295481-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326206]' id='ays-answer-1295482-10886' value='1295482'/> <label for='ays-answer-1295482-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { margin: 0; }</label><label for='ays-answer-1295482-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326206]' id='ays-answer-1295483-10886' value='1295483'/> <label for='ays-answer-1295483-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { border: none; }</label><label for='ays-answer-1295483-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326206]' id='ays-answer-1295484-10886' value='1295484'/> <label for='ays-answer-1295484-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] { padding: 0; }</label><label for='ays-answer-1295484-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326206'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ4MSI6IjAiLCIxMjk1NDgyIjoiMCIsIjEyOTU0ODMiOiIxIiwiMTI5NTQ4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326207' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Khi một nút nhấn (`<button>`) đang được người dùng nhấp và giữ chuột, lớp giả nào mô tả trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326207]' id='ays-answer-1295485-10886' value='1295485'/> <label for='ays-answer-1295485-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1295485-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326207]' id='ays-answer-1295486-10886' value='1295486'/> <label for='ays-answer-1295486-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1295486-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326207]' id='ays-answer-1295487-10886' value='1295487'/> <label for='ays-answer-1295487-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1295487-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326207]' id='ays-answer-1295488-10886' value='1295488'/> <label for='ays-answer-1295488-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-1295488-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326207'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ4NSI6IjAiLCIxMjk1NDg2IjoiMSIsIjEyOTU0ODciOiIwIiwiMTI5NTQ4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326208' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn tất cả các trường `<textarea>` trong biểu mẫu không cho phép người dùng kéo giãn kích thước (resize). Thuộc tính CSS nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326208]' id='ays-answer-1295489-10886' value='1295489'/> <label for='ays-answer-1295489-10886' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-1295489-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326208]' id='ays-answer-1295490-10886' value='1295490'/> <label for='ays-answer-1295490-10886' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto; height: auto;</label><label for='ays-answer-1295490-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326208]' id='ays-answer-1295491-10886' value='1295491'/> <label for='ays-answer-1295491-10886' class=' ays_position_initial ays-quiz-keyboard-label'>min-width: none; min-height: none;</label><label for='ays-answer-1295491-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326208]' id='ays-answer-1295492-10886' value='1295492'/> <label for='ays-answer-1295492-10886' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-1295492-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326208'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ4OSI6IjAiLCIxMjk1NDkwIjoiMCIsIjEyOTU0OTEiOiIwIiwiMTI5NTQ5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326209' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Để chọn *tất cả* các phần tử `<input>` trong một biểu mẫu, bất kể thuộc tính `type` của chúng là gì, bộ chọn CSS đơn giản nhất là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326209]' id='ays-answer-1295493-10886' value='1295493'/> <label for='ays-answer-1295493-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input</label><label for='ays-answer-1295493-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326209]' id='ays-answer-1295494-10886' value='1295494'/> <label for='ays-answer-1295494-10886' class=' ays_position_initial ays-quiz-keyboard-label'>[type="*"]</label><label for='ays-answer-1295494-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326209]' id='ays-answer-1295495-10886' value='1295495'/> <label for='ays-answer-1295495-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[]</label><label for='ays-answer-1295495-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326209]' id='ays-answer-1295496-10886' value='1295496'/> <label for='ays-answer-1295496-10886' class=' ays_position_initial ays-quiz-keyboard-label'>*.input</label><label for='ays-answer-1295496-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326209'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ5MyI6IjEiLCIxMjk1NDk0IjoiMCIsIjEyOTU0OTUiOiIwIiwiMTI5NTQ5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326210' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn tạo khoảng trống *bên ngoài* một trường nhập liệu, giữa nó và phần tử kế tiếp. Thuộc tính CSS nào là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326210]' id='ays-answer-1295497-10886' value='1295497'/> <label for='ays-answer-1295497-10886' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1295497-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326210]' id='ays-answer-1295498-10886' value='1295498'/> <label for='ays-answer-1295498-10886' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1295498-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326210]' id='ays-answer-1295499-10886' value='1295499'/> <label for='ays-answer-1295499-10886' class=' ays_position_initial ays-quiz-keyboard-label'>border-width</label><label for='ays-answer-1295499-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326210]' id='ays-answer-1295500-10886' value='1295500'/> <label for='ays-answer-1295500-10886' class=' ays_position_initial ays-quiz-keyboard-label'>outline-offset</label><label for='ays-answer-1295500-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326210'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTQ5NyI6IjEiLCIxMjk1NDk4IjoiMCIsIjEyOTU0OTkiOiIwIiwiMTI5NTUwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326211' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Xét đoạn mã CSS sau: `.my-form input[type="text"] { padding: 8px; border: 1px solid #ccc; }`. Đoạn mã này sẽ áp dụng kiểu cho những phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326211]' id='ays-answer-1295501-10886' value='1295501'/> <label for='ays-answer-1295501-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<input>` trong bất kỳ biểu mẫu nào.</label><label for='ays-answer-1295501-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326211]' id='ays-answer-1295502-10886' value='1295502'/> <label for='ays-answer-1295502-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<input>` có thuộc tính `type="text"` trong bất kỳ biểu mẫu nào.</label><label for='ays-answer-1295502-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326211]' id='ays-answer-1295503-10886' value='1295503'/> <label for='ays-answer-1295503-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<input>` có thuộc tính `type="text"` nằm bên trong một phần tử có lớp (class) là `my-form`.</label><label for='ays-answer-1295503-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326211]' id='ays-answer-1295504-10886' value='1295504'/> <label for='ays-answer-1295504-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thẻ `<input>` đầu tiên có thuộc tính `type="text"` nằm bên trong phần tử có lớp `my-form`.</label><label for='ays-answer-1295504-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326211'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUwMSI6IjAiLCIxMjk1NTAyIjoiMCIsIjEyOTU1MDMiOiIxIiwiMTI5NTUwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326212' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Để làm cho văn bản nhập vào trong một trường `<input type="text">` căn giữa theo chiều ngang, thuộc tính CSS nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326212]' id='ays-answer-1295505-10886' value='1295505'/> <label for='ays-answer-1295505-10886' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-1295505-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326212]' id='ays-answer-1295506-10886' value='1295506'/> <label for='ays-answer-1295506-10886' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align: middle;</label><label for='ays-answer-1295506-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326212]' id='ays-answer-1295507-10886' value='1295507'/> <label for='ays-answer-1295507-10886' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: center;</label><label for='ays-answer-1295507-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326212]' id='ays-answer-1295508-10886' value='1295508'/> <label for='ays-answer-1295508-10886' class=' ays_position_initial ays-quiz-keyboard-label'>justify-content: center;</label><label for='ays-answer-1295508-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326212'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUwNSI6IjEiLCIxMjk1NTA2IjoiMCIsIjEyOTU1MDciOiIwIiwiMTI5NTUwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326213' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn có một nút radio (`<input type="radio">`) và muốn định kiểu đặc biệt cho nó khi nó KHÔNG được chọn. Lớp giả nào sau đây cần được kết hợp với bộ chọn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326213]' id='ays-answer-1295509-10886' value='1295509'/> <label for='ays-answer-1295509-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:unchecked</label><label for='ays-answer-1295509-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326213]' id='ays-answer-1295510-10886' value='1295510'/> <label for='ays-answer-1295510-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:not-checked</label><label for='ays-answer-1295510-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326213]' id='ays-answer-1295511-10886' value='1295511'/> <label for='ays-answer-1295511-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1295511-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326213]' id='ays-answer-1295512-10886' value='1295512'/> <label for='ays-answer-1295512-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:not(:checked)</label><label for='ays-answer-1295512-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326213'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUwOSI6IjAiLCIxMjk1NTEwIjoiMCIsIjEyOTU1MTEiOiIwIiwiMTI5NTUxMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326214' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Trong mô hình hộp (Box Model) của CSS, thứ tự các lớp từ trong ra ngoài của một phần tử là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326214]' id='ays-answer-1295513-10886' value='1295513'/> <label for='ays-answer-1295513-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Margin, Border, Padding, Content</label><label for='ays-answer-1295513-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326214]' id='ays-answer-1295514-10886' value='1295514'/> <label for='ays-answer-1295514-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Content, Padding, Border, Margin</label><label for='ays-answer-1295514-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326214]' id='ays-answer-1295515-10886' value='1295515'/> <label for='ays-answer-1295515-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Content, Border, Padding, Margin</label><label for='ays-answer-1295515-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326214]' id='ays-answer-1295516-10886' value='1295516'/> <label for='ays-answer-1295516-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Padding, Content, Border, Margin</label><label for='ays-answer-1295516-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326214'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUxMyI6IjAiLCIxMjk1NTE0IjoiMSIsIjEyOTU1MTUiOiIwIiwiMTI5NTUxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326215' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn áp dụng kiểu chữ in đậm cho thẻ `<label>` ngay sau một nút radio (`<input type="radio">`) chỉ khi nút radio đó được chọn. Bộ chọn kết hợp nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326215]' id='ays-answer-1295517-10886' value='1295517'/> <label for='ays-answer-1295517-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"] + label:checked { font-weight: bold; }</label><label for='ays-answer-1295517-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326215]' id='ays-answer-1295518-10886' value='1295518'/> <label for='ays-answer-1295518-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked label { font-weight: bold; }</label><label for='ays-answer-1295518-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326215]' id='ays-answer-1295519-10886' value='1295519'/> <label for='ays-answer-1295519-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="radio"]:checked + label { font-weight: bold; }</label><label for='ays-answer-1295519-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326215]' id='ays-answer-1295520-10886' value='1295520'/> <label for='ays-answer-1295520-10886' class=' ays_position_initial ays-quiz-keyboard-label'>label + input[type="radio"]:checked { font-weight: bold; }</label><label for='ays-answer-1295520-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326215'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUxNyI6IjAiLCIxMjk1NTE4IjoiMCIsIjEyOTU1MTkiOiIxIiwiMTI5NTUyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326216' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Để làm tròn các góc của một trường nhập liệu, thuộc tính CSS nào được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326216]' id='ays-answer-1295521-10886' value='1295521'/> <label for='ays-answer-1295521-10886' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-1295521-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326216]' id='ays-answer-1295522-10886' value='1295522'/> <label for='ays-answer-1295522-10886' class=' ays_position_initial ays-quiz-keyboard-label'>corner-radius</label><label for='ays-answer-1295522-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326216]' id='ays-answer-1295523-10886' value='1295523'/> <label for='ays-answer-1295523-10886' class=' ays_position_initial ays-quiz-keyboard-label'>box-corner</label><label for='ays-answer-1295523-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326216]' id='ays-answer-1295524-10886' value='1295524'/> <label for='ays-answer-1295524-10886' class=' ays_position_initial ays-quiz-keyboard-label'>border-style: rounded</label><label for='ays-answer-1295524-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326216'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUyMSI6IjEiLCIxMjk1NTIyIjoiMCIsIjEyOTU1MjMiOiIwIiwiMTI5NTUyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326217' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn đặt màu chữ cho văn bản nhập vào một trường `<input type="text">`. Thuộc tính CSS nào cần dùng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326217]' id='ays-answer-1295525-10886' value='1295525'/> <label for='ays-answer-1295525-10886' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1295525-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326217]' id='ays-answer-1295526-10886' value='1295526'/> <label for='ays-answer-1295526-10886' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1295526-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326217]' id='ays-answer-1295527-10886' value='1295527'/> <label for='ays-answer-1295527-10886' class=' ays_position_initial ays-quiz-keyboard-label'>outline-color</label><label for='ays-answer-1295527-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326217]' id='ays-answer-1295528-10886' value='1295528'/> <label for='ays-answer-1295528-10886' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1295528-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326217'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUyNSI6IjAiLCIxMjk1NTI2IjoiMCIsIjEyOTU1MjciOiIwIiwiMTI5NTUyOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326218' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Khi thiết kế biểu mẫu, việc loại bỏ hoàn toàn `outline` trên trạng thái `:focus` mà không cung cấp một chỉ báo trực quan thay thế có thể gây ra vấn đề gì nghiêm trọng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326218]' id='ays-answer-1295529-10886' value='1295529'/> <label for='ays-answer-1295529-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Làm tăng kích thước file CSS.</label><label for='ays-answer-1295529-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326218]' id='ays-answer-1295530-10886' value='1295530'/> <label for='ays-answer-1295530-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Gây khó khăn cho người dùng sử dụng bàn phím để điều hướng biểu mẫu (vấn đề về trợ năng).</label><label for='ays-answer-1295530-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326218]' id='ays-answer-1295531-10886' value='1295531'/> <label for='ays-answer-1295531-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Làm giảm hiệu suất tải trang.</label><label for='ays-answer-1295531-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326218]' id='ays-answer-1295532-10886' value='1295532'/> <label for='ays-answer-1295532-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Khiến biểu mẫu trông kém thẩm mỹ trên các trình duyệt cũ.</label><label for='ays-answer-1295532-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326218'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUyOSI6IjAiLCIxMjk1NTMwIjoiMSIsIjEyOTU1MzEiOiIwIiwiMTI5NTUzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326219' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn áp dụng một kiểu cụ thể (ví dụ: màu nền xám) cho tất cả các trường nhập liệu (`<input>`) và vùng văn bản (`<textarea>`) trong biểu mẫu của mình. Bộ chọn nhóm nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326219]' id='ays-answer-1295533-10886' value='1295533'/> <label for='ays-answer-1295533-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea { background-color: #eee; }</label><label for='ays-answer-1295533-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326219]' id='ays-answer-1295534-10886' value='1295534'/> <label for='ays-answer-1295534-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input + textarea { background-color: #eee; }</label><label for='ays-answer-1295534-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326219]' id='ays-answer-1295535-10886' value='1295535'/> <label for='ays-answer-1295535-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input textarea { background-color: #eee; }</label><label for='ays-answer-1295535-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326219]' id='ays-answer-1295536-10886' value='1295536'/> <label for='ays-answer-1295536-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input > textarea { background-color: #eee; }</label><label for='ays-answer-1295536-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326219'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUzMyI6IjEiLCIxMjk1NTM0IjoiMCIsIjEyOTU1MzUiOiIwIiwiMTI5NTUzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326220' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Nếu bạn đặt thuộc tính `display: inline;` cho một trường nhập liệu (`<input>`), điều gì sẽ xảy ra với khả năng thiết lập `width` và `height` cho nó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326220]' id='ays-answer-1295537-10886' value='1295537'/> <label for='ays-answer-1295537-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Cả `width` và `height` đều được áp dụng bình thường.</label><label for='ays-answer-1295537-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326220]' id='ays-answer-1295538-10886' value='1295538'/> <label for='ays-answer-1295538-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ `width` được áp dụng, `height` bị bỏ qua.</label><label for='ays-answer-1295538-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326220]' id='ays-answer-1295539-10886' value='1295539'/> <label for='ays-answer-1295539-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Cả `width` và `height` đều bị bỏ qua, kích thước được xác định bởi nội dung.</label><label for='ays-answer-1295539-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326220]' id='ays-answer-1295540-10886' value='1295540'/> <label for='ays-answer-1295540-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ `height` được áp dụng, `width` bị bỏ qua.</label><label for='ays-answer-1295540-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326220'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTUzNyI6IjAiLCIxMjk1NTM4IjoiMCIsIjEyOTU1MzkiOiIxIiwiMTI5NTU0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326221' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn thay đổi kiểu con trỏ chuột khi di chuột qua nút Gửi (`<input type="submit">`) để người dùng biết rằng nó có thể nhấp được. Giá trị phổ biến nào cho thuộc tính `cursor` nên được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326221]' id='ays-answer-1295541-10886' value='1295541'/> <label for='ays-answer-1295541-10886' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: default;</label><label for='ays-answer-1295541-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326221]' id='ays-answer-1295542-10886' value='1295542'/> <label for='ays-answer-1295542-10886' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-1295542-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326221]' id='ays-answer-1295543-10886' value='1295543'/> <label for='ays-answer-1295543-10886' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: text;</label><label for='ays-answer-1295543-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326221]' id='ays-answer-1295544-10886' value='1295544'/> <label for='ays-answer-1295544-10886' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: move;</label><label for='ays-answer-1295544-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326221'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU0MSI6IjAiLCIxMjk1NTQyIjoiMSIsIjEyOTU1NDMiOiIwIiwiMTI5NTU0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326222' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Để áp dụng kiểu cho một trường nhập liệu (`<input>`) chỉ khi nó đang ở trạng thái bị vô hiệu hóa (có thuộc tính `disabled`), bạn sử dụng lớp giả nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326222]' id='ays-answer-1295545-10886' value='1295545'/> <label for='ays-answer-1295545-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1295545-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326222]' id='ays-answer-1295546-10886' value='1295546'/> <label for='ays-answer-1295546-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-1295546-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326222]' id='ays-answer-1295547-10886' value='1295547'/> <label for='ays-answer-1295547-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:unavailable</label><label for='ays-answer-1295547-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326222]' id='ays-answer-1295548-10886' value='1295548'/> <label for='ays-answer-1295548-10886' class=' ays_position_initial ays-quiz-keyboard-label'>:blocked</label><label for='ays-answer-1295548-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326222'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU0NSI6IjEiLCIxMjk1NTQ2IjoiMCIsIjEyOTU1NDciOiIwIiwiMTI5NTU0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326223' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Xét đoạn mã HTML `</p> <div class="user-info"><label for="name">Tên:</label><input type="text" id="name"></div> <div class="address-info"><label for="city">Thành phố:</label><input type="text" id="city"></div> <p>`. Bạn muốn chỉ định kiểu cho trường nhập liệu 'Tên' (`#name`). Bộ chọn CSS nào sau đây có độ đặc hiệu (specificity) cao hơn và chỉ nhắm mục tiêu chính xác trường 'Tên'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326223]' id='ays-answer-1295549-10886' value='1295549'/> <label for='ays-answer-1295549-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"]</label><label for='ays-answer-1295549-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326223]' id='ays-answer-1295550-10886' value='1295550'/> <label for='ays-answer-1295550-10886' class=' ays_position_initial ays-quiz-keyboard-label'>.user-info input</label><label for='ays-answer-1295550-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326223]' id='ays-answer-1295551-10886' value='1295551'/> <label for='ays-answer-1295551-10886' class=' ays_position_initial ays-quiz-keyboard-label'>#name</label><label for='ays-answer-1295551-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326223]' id='ays-answer-1295552-10886' value='1295552'/> <label for='ays-answer-1295552-10886' class=' ays_position_initial ays-quiz-keyboard-label'>.user-info input[type="text"]#name</label><label for='ays-answer-1295552-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326223'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU0OSI6IjAiLCIxMjk1NTUwIjoiMCIsIjEyOTU1NTEiOiIwIiwiMTI5NTU1MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326224' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn căn chỉnh các phần tử `inline-block` (như các trường nhập liệu hoặc nhãn được hiển thị inline-block) theo chiều dọc. Thuộc tính CSS nào thường được sử dụng cho mục đích này trên các phần tử đó hoặc phần tử cha của chúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326224]' id='ays-answer-1295553-10886' value='1295553'/> <label for='ays-answer-1295553-10886' class=' ays_position_initial ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-1295553-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326224]' id='ays-answer-1295554-10886' value='1295554'/> <label for='ays-answer-1295554-10886' class=' ays_position_initial ays-quiz-keyboard-label'>align-items</label><label for='ays-answer-1295554-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326224]' id='ays-answer-1295555-10886' value='1295555'/> <label for='ays-answer-1295555-10886' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align</label><label for='ays-answer-1295555-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326224]' id='ays-answer-1295556-10886' value='1295556'/> <label for='ays-answer-1295556-10886' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-1295556-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326224'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU1MyI6IjAiLCIxMjk1NTU0IjoiMCIsIjEyOTU1NTUiOiIxIiwiMTI5NTU1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326225' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Thẻ HTML nào sau đây thường được sử dụng để nhóm các phần tử liên quan trong một biểu mẫu (ví dụ: thông tin cá nhân, thông tin thanh toán) và có thể được định kiểu bằng CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326225]' id='ays-answer-1295557-10886' value='1295557'/> <label for='ays-answer-1295557-10886' class=' ays_position_initial ays-quiz-keyboard-label'><group></label><label for='ays-answer-1295557-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326225]' id='ays-answer-1295558-10886' value='1295558'/> <label for='ays-answer-1295558-10886' class=' ays_position_initial ays-quiz-keyboard-label'><fieldset></label><label for='ays-answer-1295558-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326225]' id='ays-answer-1295559-10886' value='1295559'/> <label for='ays-answer-1295559-10886' class=' ays_position_initial ays-quiz-keyboard-label'><section></label><label for='ays-answer-1295559-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326225]' id='ays-answer-1295560-10886' value='1295560'/> <label for='ays-answer-1295560-10886' class=' ays_position_initial ays-quiz-keyboard-label'><cluster></label><label for='ays-answer-1295560-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326225'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU1NyI6IjAiLCIxMjk1NTU4IjoiMSIsIjEyOTU1NTkiOiIwIiwiMTI5NTU2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326226' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Giả sử bạn có một biểu mẫu với nhiều trường nhập liệu. Bạn muốn tất cả các trường nhập liệu ngoại trừ nút Gửi (`<input type="submit">`) có cùng một kiểu đường viền. Bộ chọn CSS nào có thể giúp bạn đạt được điều này một cách hiệu quả?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326226]' id='ays-answer-1295561-10886' value='1295561'/> <label for='ays-answer-1295561-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input, *:not(input[type="submit"])</label><label for='ays-answer-1295561-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326226]' id='ays-answer-1295562-10886' value='1295562'/> <label for='ays-answer-1295562-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type!="submit"]</label><label for='ays-answer-1295562-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326226]' id='ays-answer-1295563-10886' value='1295563'/> <label for='ays-answer-1295563-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(submit)</label><label for='ays-answer-1295563-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326226]' id='ays-answer-1295564-10886' value='1295564'/> <label for='ays-answer-1295564-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input:not([type="submit"])</label><label for='ays-answer-1295564-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326226'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU2MSI6IjAiLCIxMjk1NTYyIjoiMCIsIjEyOTU1NjMiOiIwIiwiMTI5NTU2NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326227' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn đặt chiều cao cố định là 40px cho tất cả các trường nhập liệu dạng văn bản (`<input type="text">`) và vùng văn bản (`<textarea>`). Đoạn CSS nào sau đây thực hiện đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326227]' id='ays-answer-1295565-10886' value='1295565'/> <label for='ays-answer-1295565-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"], textarea { height: 40px; }</label><label for='ays-answer-1295565-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326227]' id='ays-answer-1295566-10886' value='1295566'/> <label for='ays-answer-1295566-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] textarea { height: 40px; }</label><label for='ays-answer-1295566-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326227]' id='ays-answer-1295567-10886' value='1295567'/> <label for='ays-answer-1295567-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"] + textarea { height: 40px; }</label><label for='ays-answer-1295567-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326227]' id='ays-answer-1295568-10886' value='1295568'/> <label for='ays-answer-1295568-10886' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea[type="text"] { height: 40px; }</label><label for='ays-answer-1295568-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326227'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU2NSI6IjEiLCIxMjk1NTY2IjoiMCIsIjEyOTU1NjciOiIwIiwiMTI5NTU2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='326228' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 4</strong> </p> <div class='ays_quiz_question'> <p>Lý do chính để sử dụng thẻ `<label>` với thuộc tính `for` liên kết với `id` của trường nhập liệu trong HTML, ngoài mục đích hiển thị văn bản, là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326228]' id='ays-answer-1295569-10886' value='1295569'/> <label for='ays-answer-1295569-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trình duyệt tự động điền dữ liệu.</label><label for='ays-answer-1295569-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326228]' id='ays-answer-1295570-10886' value='1295570'/> <label for='ays-answer-1295570-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Để áp dụng kiểu CSS dễ dàng hơn.</label><label for='ays-answer-1295570-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326228]' id='ays-answer-1295571-10886' value='1295571'/> <label for='ays-answer-1295571-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Cải thiện trợ năng (accessibility), cho phép người dùng nhấp vào nhãn để đặt tiêu điểm vào trường nhập liệu liên quan.</label><label for='ays-answer-1295571-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-326228]' id='ays-answer-1295572-10886' value='1295572'/> <label for='ays-answer-1295572-10886' class=' ays_position_initial ays-quiz-keyboard-label'>Để tạo hiệu ứng di chuột (hover) cho trường nhập liệu.</label><label for='ays-answer-1295572-10886' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_10886 === 'undefined'){ window.quizOptions_10886 = []; } window.quizOptions_10886['326228'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTI5NTU2OSI6IjAiLCIxMjk1NTcwIjoiMCIsIjEyOTU1NzEiOiIxIiwiMTI5NTU3MiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-10886 * { box-sizing: border-box; } #ays-quiz-container-10886 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-10886 #ays_finish_quiz_10886 { } /* Styles for Quiz container */ #ays-quiz-container-10886{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-10886 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-10886 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-10886 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-10886 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-10886 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-10886 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-10886 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-10886 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-10886.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-10886.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-10886 #ays_finish_quiz_10886 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-10886.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container p, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-10886.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-10886 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-10886 .ays-quiz-password-message-box, #ays-quiz-container-10886 .ays-quiz-question-note-message-box, #ays-quiz-container-10886 .ays_quiz_question, #ays-quiz-container-10886 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-10886 textarea, #ays-quiz-container-10886 input::first-letter, #ays-quiz-container-10886 select::first-letter, #ays-quiz-container-10886 option::first-letter { color: initial !important; } #ays-quiz-container-10886 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-10886 .select2-container, #ays-quiz-container-10886 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-10886 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-10886 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-10886 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-10886 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-10886 .ays-questions-container .ays-field, div#ays-quiz-container-10886 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-10886 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-10886 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-10886 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-10886 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-10886 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-10886 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-10886 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-10886 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-10886 .information_form input[type='text'], #ays-quiz-container-10886 .information_form input[type='url'], #ays-quiz-container-10886 .information_form input[type='number'], #ays-quiz-container-10886 .information_form input[type='email'], #ays-quiz-container-10886 .information_form input[type='tel'], #ays-quiz-container-10886 .information_form textarea, #ays-quiz-container-10886 .information_form select, #ays-quiz-container-10886 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-10886 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-10886 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-10886 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-10886 .right_answer_text{ color:#33cc33; } #ays-quiz-container-10886 .right_answer_text p { font-size:16px; } #ays-quiz-container-10886 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-10886 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-10886 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-10886 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-10886 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-10886 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-10886 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-10886 .ays_cb_and_a, #ays-quiz-container-10886 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-10886 iframe { /*min-height: 450px;*/ } #ays-quiz-container-10886 label.ays_for_checkbox, #ays-quiz-container-10886 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-10886 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-10886 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-10886 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-10886 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-10886 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-10886 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-10886 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-10886 div.lds-spinner, #ays-quiz-container-10886 div.lds-spinner2 { color: #000000; } #ays-quiz-container-10886 div.lds-spinner div:after, #ays-quiz-container-10886 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-10886 .lds-circle, #ays-quiz-container-10886 .lds-facebook div, #ays-quiz-container-10886 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-10886 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-10886 .lds-dual-ring::after, #ays-quiz-container-10886 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-10886 .ui.rating .icon, #ays-quiz-container-10886 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-10886 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-10886 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-10886 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-10886 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-10886 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-10886 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-10886 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-10886 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-10886 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-10886 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-10886 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-10886 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-10886 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-10886 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-10886 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-10886 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-10886 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-10886 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-10886 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-10886 div.ays-quiz-redirection-timer, #ays-quiz-container-10886 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-10886 div.ays-quiz-after-timer * , #ays-quiz-container-10886 div.ays-quiz-redirection-timer *, #ays-quiz-container-10886 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-10886 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-10886 input#ays-submit, #ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button, #ays-quiz-container-10886 #ays_finish_quiz_10886 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-10886 #ays_finish_quiz_10886 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button.ays_restart_button, #ays-quiz-container-10886 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-10886 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-10886 input#ays-submit, #ays-quiz-container-10886 #ays_finish_quiz_10886 input.action-button, #ays-quiz-container-10886 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-10886 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-10886 input#ays-submit:hover, #ays-quiz-container-10886 input#ays-submit:focus, #ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button:hover, #ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button:focus, #ays-quiz-container-10886 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-10886 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-10886 .ays_restart_button { color: #ffffff; } #ays-quiz-container-10886 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-10886 .ays_buttons_div { justify-content: center; } #ays-quiz-container-10886 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-10886 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-10886 input[type='button'], #ays-quiz-container-10886 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-10886 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-10886 input[type='button']:focus-visible, div#ays-quiz-container-10886 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-10886 #ays_finish_quiz_10886 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-10886 #ays_finish_quiz_10886 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-10886 #ays_finish_quiz_10886 i.ays_early_finish.action-button[disabled], #ays-quiz-container-10886 #ays_finish_quiz_10886 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-10886 #ays_finish_quiz_10886 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-10886 #ays_finish_quiz_10886 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-10886 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-10886 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-10886 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-10886.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-10886 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-10886 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-10886 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-10886 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-10886 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-10886 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-10886 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-10886 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-10886 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-10886 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-10886 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-10886 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-10886 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-10886 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-10886 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-10886 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-10886 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-10886 .ays-field .select2-container--default, #ays-quiz-container-10886 .ays-field .select2-container--default .selection, #ays-quiz-container-10886 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-10886 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-10886 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-10886 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-10886 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-10886 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-10886 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-10886 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-10886 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-10886 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-10886 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-10886 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-10886 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-10886 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-10886 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-10886 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-10886 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-10886 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-10886 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-10886 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-10886 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-10886.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-10886.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-10886 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-10886 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-10886 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-10886 label[for^='ays-answer']:before, #ays-quiz-container-10886 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-10886 .ays_question_report { text-align: right; } div#ays-quiz-container-10886 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-10886 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-10886.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-10886.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-10886.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-10886.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-10886.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-10886.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-10886 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-10886.ays_quiz_classic_dark .correct_div, #ays-quiz-container-10886.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-10886.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-10886.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-10886.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-10886.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-10886.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-10886.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-10886 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-10886 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-10886 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-10886 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-10886 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-10886 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-10886 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-10886.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-10886.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-10886 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-10886 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-10886 .ays-quiz-personality-result-box div:before, #ays-quiz-container-10886 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-10886 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-10886 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-10886 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-10886 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-10886 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-10886 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-10886 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-10886 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-10886 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-10886 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-10886 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-10886 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-10886 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-10886{ max-width: 100%; } div#ays-quiz-container-10886 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-10886.ays_quiz_modern_light .step, div#ays-quiz-container-10886.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-10886.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-10886.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-10886.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-10886.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-10886 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-10886 .select2-container, div#ays-quiz-container-10886 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-10886 input#ays-submit, div#ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button, div#ays-quiz-container-10886 #ays_finish_quiz_10886 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button.ays_restart_button, #ays-quiz-container-10886 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-10886 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-10886 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-10886 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-10886 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-10886 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-10886 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-10886 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-10886 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-10886 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-10886 p { margin: 0.625em; } #ays-quiz-container-10886.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-10886.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-10886 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-10886.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-10886 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button:hover, #ays-quiz-container-10886 #ays_finish_quiz_10886 .action-button:focus, #ays-quiz-container-10886 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-10886 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['10886'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIxMDg4NiIsImF1dGhvcl9pZCI6IjMiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDQiLCJkZXNjcmlwdGlvbiI6IjxwPlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDQgYmFvIGdcdTFlZDNtIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgaGF5LCBiXHUwMGUxbSBzXHUwMGUxdCBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmguIENcdTAwZjluZyBsXHUwMGUwbSBiXHUwMGUwaSB0XHUxZWFkcCB0clx1MWVhZmMgbmdoaVx1MWVjN20gbmdheS48XC9wPlxyXG5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOiBLaGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhNW4gcGhcdTAwZWRtIFRhYiBcdTAxMTFcdTFlYzMgZGkgY2h1eVx1MWVjM24gZ2lcdTFlZWZhIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUsIHRyXHUxZWExbmcgdGhcdTAwZTFpIG5cdTAwZTBvIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIGtcdTAwZWRjaCBob1x1MWVhMXQgXHUwMTExXHUxZWMzIGJcdTFlYTFuIGNcdTAwZjMgdGhcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBuXHUwMGYzP1xyXG48dWw+XHJcbjxsaT5BLiA6aG92ZXI8XC9saT5cclxuPGxpPkIuIDphY3RpdmU8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gOmZvY3VzPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gOmNoZWNrZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyBtXHUxZWQ5dCB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQgdHlwZT1cclxuPHVsPlxyXG48bGk+QS4gd2lkdGg6IDI1MHB4OyBib3gtc2l6aW5nOiBjb250ZW50LWJveDs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gd2lkdGg6IDI1MHB4OyBib3gtc2l6aW5nOiBib3JkZXItYm94OzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIG1heC13aWR0aDogMjUwcHg7IGJveC1zaXppbmc6IGNvbnRlbnQtYm94OzxcL2xpPlxyXG48bGk+RC4gbWluLXdpZHRoOiAyNTBweDsgYm94LXNpemluZzogYm9yZGVyLWJveDs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBCXHUxZWExbiBtdVx1MWVkMW4gdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIG5cdTAwZmF0IEdcdTFlZWRpIChgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gOmhvdmVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOmZvY3VzPFwvbGk+XHJcbjxsaT5DLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT5ELiA6dmlzaXRlZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgQ1NTIHNhdTogYGlucHV0W3R5cGU9XHJcbjx1bD5cclxuPGxpPkEuIFRoXHUwMGVhbSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBsXHUwMGUxIGNcdTAwZTJ5IGNobyBoXHUxZWQ5cCBraVx1MWVjM20ga2hpIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IGRpIHF1YS48XC9saT5cclxuPGxpPkIuIFRoXHUwMGVhbSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBsXHUwMGUxIGNcdTAwZTJ5IGNobyBoXHUxZWQ5cCBraVx1MWVjM20ga2hpIG5cdTAwZjMgXHUwMTExXHUwMWIwXHUxZWUzYyBjaFx1MWVjZG4gdlx1MDBlMCBcdTAxMTFhbmcgbmhcdTFlYWRuIHRpXHUwMGVhdSBcdTAxMTFpXHUxZWMzbS48XC9saT5cclxuPGxpPkMuIFRoXHUwMGVhbSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBsXHUwMGUxIGNcdTAwZTJ5IGNobyBoXHUxZWQ5cCBraVx1MWVjM20ga2hpIG5cdTAwZjMgYlx1MWVjYiB2XHUwMGY0IGhpXHUxZWM3dSBoXHUwMGYzYS48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gVGhcdTAwZWFtIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBvdXRsaW5lIG1cdTAwZTB1IHhhbmggbFx1MDBlMSBjXHUwMGUyeSBjaG8gaFx1MWVkOXAga2lcdTFlYzNtIGtoaSBuXHUwMGYzIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuIChcdTAxMTFcdTAwZTMgdFx1MDBlZGNoKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgYlx1MDBlYW4gPGk+dHJvbmc8XC9pPiBtXHUxZWQ5dCB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UsIGdpXHUxZWVmYSBuXHUxZWQ5aSBkdW5nIHZcdTAxMDNuIGJcdTFlYTNuIHZcdTAwZTAgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIG1hcmdpbjxcL2xpPlxyXG48bGk+Qi4gYm9yZGVyLXNwYWNpbmc8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gcGFkZGluZzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGdhcDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IFx1MDExMFx1MDBlMnUgbFx1MDBlMCBzXHUxZWYxIGtoXHUwMGUxYyBiaVx1MWVjN3QgY2hcdTAwZWRuaCBnaVx1MWVlZmEgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJvcmRlcmAgdlx1MDBlMCBgb3V0bGluZWAga2hpIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCwgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgbFx1MDBlMCB0cm9uZyBuZ1x1MWVlZiBjXHUxZWEzbmggY1x1MWVlN2EgdHJcdTFlYTFuZyB0aFx1MDBlMWkgYDpmb2N1c2A/XHJcbjx1bD5cclxuPGxpPkEuIGBib3JkZXJgIGtoXHUwMGY0bmcgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIFx1MDExMVx1MWViZm4gYlx1MWVkMSBjXHUxZWU1YywgY1x1MDBmMm4gYG91dGxpbmVgIHRoXHUwMGVjIGNcdTAwZjMuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGBvdXRsaW5lYCBraFx1MDBmNG5nIFx1MWVhM25oIGhcdTAxYjBcdTFlZGZuZyBcdTAxMTFcdTFlYmZuIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgdlx1MDBlMCBiXHUxZWQxIGNcdTFlZTVjIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLCBjXHUwMGYybiBgYm9yZGVyYCB0aFx1MDBlYyBjXHUwMGYzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBib3JkZXJgIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBibG9jaywgY1x1MDBmMm4gYG91dGxpbmVgIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUxZWEzIGlubGluZS48XC9saT5cclxuPGxpPkQuIGBvdXRsaW5lYCBoaVx1MWVjM24gdGhcdTFlY2IgYlx1MDBlYW4gdHJvbmcgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLCBjXHUwMGYybiBgYm9yZGVyYCBoaVx1MWVjM24gdGhcdTFlY2IgYlx1MDBlYW4gbmdvXHUwMGUwaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IG5oXHUwMGYzbSBjXHUwMGUxYyB0aFx1MWViYiBgPGxhYmVsPmAgdlx1MDBlMCBgPGlucHV0PmAgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LiBcdTAxMTBcdTFlYzMgbVx1MWVkN2kgY1x1MWViN3AgbGFiZWxcL2lucHV0IGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gbVx1MWVkOXQgZFx1MDBmMm5nIHJpXHUwMGVhbmcgYmlcdTFlYzd0IHZcdTAwZTAgY2hpXHUxZWJmbSBoXHUxZWJmdCBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUwMGYzIHRoXHUxZWMzIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkIGNoXHUxZWU5YSwgYlx1MWVhMW4gblx1MDBlYW4gXHUwMTExXHUxZWI3dCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZGlzcGxheWAgY2hvIHBoXHUxZWE3biB0XHUxZWVkIGNoXHUxZWU5YSBob1x1MWViN2MgY2hvIGNoXHUwMGVkbmggY1x1MDBlMWMgY1x1MWViN3AgXHUwMTExXHUwMGYzIHZcdTFlZGJpIGdpXHUwMGUxIHRyXHUxZWNiIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGJsb2NrPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gaW5saW5lPFwvbGk+XHJcbjxsaT5DLiBpbmxpbmUtYmxvY2s8XC9saT5cclxuPGxpPkQuIGZsZXg8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIG11XHUxZWQxbiBsb1x1MWVhMWkgYlx1MWVjZiBraVx1MWVjM3UgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGNcdTFlZTdhIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgZFx1MWVhMW5nIHZcdTAxMDNuIGJcdTFlYTNuIChgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0W3R5cGU9PFwvbGk+XHJcbjxsaT5CLiBpbnB1dFt0eXBlPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBpbnB1dFt0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGlucHV0W3R5cGU9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogS2hpIG1cdTFlZDl0IG5cdTAwZmF0IG5oXHUxZWE1biAoYDxidXR0b24+YCkgXHUwMTExYW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhNXAgdlx1MDBlMCBnaVx1MWVlZiBjaHVcdTFlZDl0LCBsXHUxZWRicCBnaVx1MWVhMyBuXHUwMGUwbyBtXHUwMGY0IHRcdTFlYTMgdHJcdTFlYTFuZyB0aFx1MDBlMWkgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIDpob3ZlcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA6YWN0aXZlPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gOmZvY3VzPFwvbGk+XHJcbjxsaT5ELiA6dmlzaXRlZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIGA8dGV4dGFyZWE+YCB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUga2hcdTAwZjRuZyBjaG8gcGhcdTAwZTlwIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcga1x1MDBlOW8gZ2lcdTAwZTNuIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgKHJlc2l6ZSkuIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjXHUxZWE3biBzXHUxZWVkIGRcdTFlZTVuZz9cclxuPHVsPlxyXG48bGk+QS4gb3ZlcmZsb3c6IGhpZGRlbjs8XC9saT5cclxuPGxpPkIuIHdpZHRoOiBhdXRvOyBoZWlnaHQ6IGF1dG87PFwvbGk+XHJcbjxsaT5DLiBtaW4td2lkdGg6IG5vbmU7IG1pbi1oZWlnaHQ6IG5vbmU7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIHJlc2l6ZTogbm9uZTs8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IFx1MDExMFx1MWVjMyBjaFx1MWVjZG4gPGk+dFx1MWVhNXQgY1x1MWVhMzxcL2k+IGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGA8aW5wdXQ+YCB0cm9uZyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUsIGJcdTFlYTV0IGtcdTFlYzMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHR5cGVgIGNcdTFlZTdhIGNoXHUwMGZhbmcgbFx1MDBlMCBnXHUwMGVjLCBiXHUxZWQ5IGNoXHUxZWNkbiBDU1MgXHUwMTExXHUwMWExbiBnaVx1MWVhM24gbmhcdTFlYTV0IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBpbnB1dDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFt0eXBlPTxcL2xpPlxyXG48bGk+Qy4gaW5wdXRbXTxcL2xpPlxyXG48bGk+RC4gKi5pbnB1dDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8ga2hvXHUxZWEzbmcgdHJcdTFlZDFuZyA8aT5iXHUwMGVhbiBuZ29cdTAwZTBpPFwvaT4gbVx1MWVkOXQgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1LCBnaVx1MWVlZmEgblx1MDBmMyB2XHUwMGUwIHBoXHUxZWE3biB0XHUxZWVkIGtcdTFlYmYgdGlcdTFlYmZwLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gbWFyZ2luPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gcGFkZGluZzxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyLXdpZHRoPFwvbGk+XHJcbjxsaT5ELiBvdXRsaW5lLW9mZnNldDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBYXHUwMGU5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIENTUyBzYXU6IGAubXktZm9ybSBpbnB1dFt0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiBUXHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8aW5wdXQ+YCB0cm9uZyBiXHUxZWE1dCBrXHUxZWYzIGJpXHUxZWMzdSBtXHUxZWFidSBuXHUwMGUwby48XC9saT5cclxuPGxpPkIuIFRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGhcdTFlYmIgYDxpbnB1dD5gIGNcdTAwZjMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHR5cGU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIFRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGhcdTFlYmIgYDxpbnB1dD5gIGNcdTAwZjMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHR5cGU9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgdGhcdTFlYmIgYDxpbnB1dD5gIFx1MDExMVx1MWVhN3UgdGlcdTAwZWFuIGNcdTAwZjMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHR5cGU9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IFx1MDExMFx1MWVjMyBsXHUwMGUwbSBjaG8gdlx1MDEwM24gYlx1MWVhM24gbmhcdTFlYWRwIHZcdTAwZTBvIHRyb25nIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIHRleHQtYWxpZ246IGNlbnRlcjs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOzxcL2xpPlxyXG48bGk+Qy4gYWxpZ24taXRlbXM6IGNlbnRlcjs8XC9saT5cclxuPGxpPkQuIGp1c3RpZnktY29udGVudDogY2VudGVyOzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE1OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IG5cdTAwZmF0IHJhZGlvIChgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPkEuIDp1bmNoZWNrZWQ8XC9saT5cclxuPGxpPkIuIDpub3QtY2hlY2tlZDxcL2xpPlxyXG48bGk+Qy4gOmRpc2FibGVkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIDpub3QoOmNoZWNrZWQpPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBUcm9uZyBtXHUwMGY0IGhcdTAwZWNuaCBoXHUxZWQ5cCAoQm94IE1vZGVsKSBjXHUxZWU3YSBDU1MsIHRoXHUxZWU5IHRcdTFlZjEgY1x1MDBlMWMgbFx1MWVkYnAgdFx1MWVlYiB0cm9uZyByYSBuZ29cdTAwZTBpIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gTWFyZ2luLCBCb3JkZXIsIFBhZGRpbmcsIENvbnRlbnQ8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ29udGVudCwgUGFkZGluZywgQm9yZGVyLCBNYXJnaW48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBDb250ZW50LCBCb3JkZXIsIFBhZGRpbmcsIE1hcmdpbjxcL2xpPlxyXG48bGk+RC4gUGFkZGluZywgQ29udGVudCwgQm9yZGVyLCBNYXJnaW48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBjaFx1MWVlZiBpbiBcdTAxMTFcdTFlYWRtIGNobyB0aFx1MWViYiBgPGxhYmVsPmAgbmdheSBzYXUgbVx1MWVkOXQgblx1MDBmYXQgcmFkaW8gKGA8aW5wdXQgdHlwZT1cclxuPHVsPlxyXG48bGk+QS4gaW5wdXRbdHlwZT08XC9saT5cclxuPGxpPkIuIGlucHV0W3R5cGU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGlucHV0W3R5cGU9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gbGFiZWwgKyBpbnB1dFt0eXBlPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBcdTAxMTBcdTFlYzMgbFx1MDBlMG0gdHJcdTAwZjJuIGNcdTAwZTFjIGdcdTAwZjNjIGNcdTFlZTdhIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYm9yZGVyLXJhZGl1czxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGNvcm5lci1yYWRpdXM8XC9saT5cclxuPGxpPkMuIGJveC1jb3JuZXI8XC9saT5cclxuPGxpPkQuIGJvcmRlci1zdHlsZTogcm91bmRlZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWI3dCBtXHUwMGUwdSBjaFx1MWVlZiBjaG8gdlx1MDEwM24gYlx1MWVhM24gbmhcdTFlYWRwIHZcdTAwZTBvIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiBiYWNrZ3JvdW5kLWNvbG9yPFwvbGk+XHJcbjxsaT5CLiBib3JkZXItY29sb3I8XC9saT5cclxuPGxpPkMuIG91dGxpbmUtY29sb3I8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gY29sb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjA6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYmlcdTFlYzN1IG1cdTFlYWJ1LCB2aVx1MWVjN2MgbG9cdTFlYTFpIGJcdTFlY2YgaG9cdTAwZTBuIHRvXHUwMGUwbiBgb3V0bGluZWAgdHJcdTAwZWFuIHRyXHUxZWExbmcgdGhcdTAwZTFpIGA6Zm9jdXNgIG1cdTAwZTAga2hcdTAwZjRuZyBjdW5nIGNcdTFlYTVwIG1cdTFlZDl0IGNoXHUxZWM5IGJcdTAwZTFvIHRyXHUxZWYxYyBxdWFuIHRoYXkgdGhcdTFlYmYgY1x1MDBmMyB0aFx1MWVjMyBnXHUwMGUyeSByYSB2XHUxZWE1biBcdTAxMTFcdTFlYzEgZ1x1MDBlYyBuZ2hpXHUwMGVhbSB0clx1MWVjZG5nP1xyXG48dWw+XHJcbjxsaT5BLiBMXHUwMGUwbSB0XHUwMTAzbmcga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBmaWxlIENTUy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gR1x1MDBlMnkga2hcdTAwZjMga2hcdTAxMDNuIGNobyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTAwZTBuIHBoXHUwMGVkbSBcdTAxMTFcdTFlYzMgXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIGJpXHUxZWMzdSBtXHUxZWFidSAodlx1MWVhNW4gXHUwMTExXHUxZWMxIHZcdTFlYzEgdHJcdTFlZTMgblx1MDEwM25nKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBMXHUwMGUwbSBnaVx1MWVhM20gaGlcdTFlYzd1IHN1XHUxZWE1dCB0XHUxZWEzaSB0cmFuZy48XC9saT5cclxuPGxpPkQuIEtoaVx1MWViZm4gYmlcdTFlYzN1IG1cdTFlYWJ1IHRyXHUwMGY0bmcga1x1MDBlOW0gdGhcdTFlYTltIG1cdTFlZjkgdHJcdTAwZWFuIGNcdTAwZTFjIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBjXHUwMTY5LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQga2lcdTFlYzN1IGNcdTFlZTUgdGhcdTFlYzMgKHZcdTAwZWQgZFx1MWVlNTogbVx1MDBlMHUgblx1MWVjMW4geFx1MDBlMW0pIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gKSB2XHUwMGUwIHZcdTAwZjluZyB2XHUwMTAzbiBiXHUxZWEzbiAoYDx0ZXh0YXJlYT5gKSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MWVlN2EgbVx1MDBlY25oLiBCXHUxZWQ5IGNoXHUxZWNkbiBuaFx1MDBmM20gblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBpbnB1dCwgdGV4dGFyZWEgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gaW5wdXQgKyB0ZXh0YXJlYSB7IGJhY2tncm91bmQtY29sb3I6ICNlZWU7IH08XC9saT5cclxuPGxpPkMuIGlucHV0IHRleHRhcmVhIHsgYmFja2dyb3VuZC1jb2xvcjogI2VlZTsgfTxcL2xpPlxyXG48bGk+RC4gaW5wdXQgPiB0ZXh0YXJlYSB7IGJhY2tncm91bmQtY29sb3I6ICNlZWU7IH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogTlx1MWViZnUgYlx1MWVhMW4gXHUwMTExXHUxZWI3dCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZGlzcGxheTogaW5saW5lO2AgY2hvIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gKSwgXHUwMTExaVx1MWVjMXUgZ1x1MDBlYyBzXHUxZWJkIHhcdTFlYTN5IHJhIHZcdTFlZGJpIGtoXHUxZWEzIG5cdTAxMDNuZyB0aGlcdTFlYmZ0IGxcdTFlYWRwIGB3aWR0aGAgdlx1MDBlMCBgaGVpZ2h0YCBjaG8gblx1MDBmMz9cclxuPHVsPlxyXG48bGk+QS4gQ1x1MWVhMyBgd2lkdGhgIHZcdTAwZTAgYGhlaWdodGAgXHUwMTExXHUxZWMxdSBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGJcdTAwZWNuaCB0aFx1MDFiMFx1MWVkZG5nLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgYHdpZHRoYCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nLCBgaGVpZ2h0YCBiXHUxZWNiIGJcdTFlY2YgcXVhLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBDXHUxZWEzIGB3aWR0aGAgdlx1MDBlMCBgaGVpZ2h0YCBcdTAxMTFcdTFlYzF1IGJcdTFlY2IgYlx1MWVjZiBxdWEsIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgXHUwMTExXHUwMWIwXHUxZWUzYyB4XHUwMGUxYyBcdTAxMTFcdTFlY2JuaCBiXHUxZWRmaSBuXHUxZWQ5aSBkdW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IGBoZWlnaHRgIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcsIGB3aWR0aGAgYlx1MWVjYiBiXHUxZWNmIHF1YS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogQlx1MWVhMW4gbXVcdTFlZDFuIHRoYXkgXHUwMTExXHUxZWQ1aSBraVx1MWVjM3UgY29uIHRyXHUxZWNmIGNodVx1MWVkOXQga2hpIGRpIGNodVx1MWVkOXQgcXVhIG5cdTAwZmF0IEdcdTFlZWRpIChgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPkEuIGN1cnNvcjogZGVmYXVsdDs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gY3Vyc29yOiBwb2ludGVyOzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGN1cnNvcjogdGV4dDs8XC9saT5cclxuPGxpPkQuIGN1cnNvcjogbW92ZTs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogXHUwMTEwXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBjaG8gbVx1MWVkOXQgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IChgPGlucHV0PmApIGNoXHUxZWM5IGtoaSBuXHUwMGYzIFx1MDExMWFuZyBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkgYlx1MWVjYiB2XHUwMGY0IGhpXHUxZWM3dSBoXHUwMGYzYSAoY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZGlzYWJsZWRgKSwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgbFx1MWVkYnAgZ2lcdTFlYTMgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gOmRpc2FibGVkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOmluYWN0aXZlPFwvbGk+XHJcbjxsaT5DLiA6dW5hdmFpbGFibGU8XC9saT5cclxuPGxpPkQuIDpibG9ja2VkPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCBgPGRpdiBjbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gaW5wdXRbdHlwZT08XC9saT5cclxuPGxpPkIuIC51c2VyLWluZm8gaW5wdXQ8XC9saT5cclxuPGxpPkMuICNuYW1lPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIC51c2VyLWluZm8gaW5wdXRbdHlwZT08XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMTAzbiBjaFx1MWVjOW5oIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGBpbmxpbmUtYmxvY2tgIChuaFx1MDFiMCBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgaG9cdTFlYjdjIG5oXHUwMGUzbiBcdTAxMTFcdTAxYjBcdTFlZTNjIGhpXHUxZWMzbiB0aFx1MWVjYiBpbmxpbmUtYmxvY2spIHRoZW8gY2hpXHUxZWMxdSBkXHUxZWNkYy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBjaG8gbVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggblx1MDBlMHkgdHJcdTAwZWFuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMyBob1x1MWViN2MgcGhcdTFlYTduIHRcdTFlZWQgY2hhIGNcdTFlZTdhIGNoXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIHRleHQtYWxpZ248XC9saT5cclxuPGxpPkIuIGFsaWduLWl0ZW1zPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIHZlcnRpY2FsLWFsaWduPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gbGluZS1oZWlnaHQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogVGhcdTFlYmIgSFRNTCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIG5oXHUwMGYzbSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBsaVx1MDBlYW4gcXVhbiB0cm9uZyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgKHZcdTAwZWQgZFx1MWVlNTogdGhcdTAwZjRuZyB0aW4gY1x1MDBlMSBuaFx1MDBlMm4sIHRoXHUwMGY0bmcgdGluIHRoYW5oIHRvXHUwMGUxbikgdlx1MDBlMCBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGJcdTFlYjFuZyBDU1M/XHJcbjx1bD5cclxuPGxpPkEuIDxncm91cD48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gPGZpZWxkc2V0PjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDxzZWN0aW9uPjxcL2xpPlxyXG48bGk+RC4gPGNsdXN0ZXI+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgdlx1MWVkYmkgbmhpXHUxZWMxdSB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UuIEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBuZ29cdTFlYTFpIHRyXHUxZWViIG5cdTAwZmF0IEdcdTFlZWRpIChgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0LCAqOm5vdChpbnB1dFt0eXBlPTxcL2xpPlxyXG48bGk+Qi4gaW5wdXRbdHlwZSE9PFwvbGk+XHJcbjxsaT5DLiBpbnB1dDpub3Qoc3VibWl0KTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBpbnB1dDpub3QoW3R5cGU9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI5OiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWI3dCBjaGlcdTFlYzF1IGNhbyBjXHUxZWQxIFx1MDExMVx1MWVjYm5oIGxcdTAwZTAgNDBweCBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgZFx1MWVhMW5nIHZcdTAxMDNuIGJcdTFlYTNuIChgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gaW5wdXRbdHlwZT08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBpbnB1dFt0eXBlPTxcL2xpPlxyXG48bGk+Qy4gaW5wdXRbdHlwZT08XC9saT5cclxuPGxpPkQuIGlucHV0LCB0ZXh0YXJlYVt0eXBlPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBMXHUwMGZkIGRvIGNoXHUwMGVkbmggXHUwMTExXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIHRoXHUxZWJiIGA8bGFiZWw+YCB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZm9yYCBsaVx1MDBlYW4ga1x1MWViZnQgdlx1MWVkYmkgYGlkYCBjXHUxZWU3YSB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgdHJvbmcgSFRNTCwgbmdvXHUwMGUwaSBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBoaVx1MWVjM24gdGhcdTFlY2Igdlx1MDEwM24gYlx1MWVhM24sIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTAwZmFwIHRyXHUwMGVjbmggZHV5XHUxZWM3dCB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIFx1MDExMWlcdTFlYzFuIGRcdTFlZWYgbGlcdTFlYzd1LjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBDU1MgZFx1MWVjNSBkXHUwMGUwbmcgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIENcdTFlYTNpIHRoaVx1MWVjN24gdHJcdTFlZTMgblx1MDEwM25nIChhY2Nlc3NpYmlsaXR5KSwgY2hvIHBoXHUwMGU5cCBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIG5oXHUxZWE1cCB2XHUwMGUwbyBuaFx1MDBlM24gXHUwMTExXHUxZWMzIFx1MDExMVx1MWViN3QgdGlcdTAwZWF1IFx1MDExMWlcdTFlYzNtIHZcdTAwZTBvIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBsaVx1MDBlYW4gcXVhbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYzMgdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIGRpIGNodVx1MWVkOXQgKGhvdmVyKSBjaG8gdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG4iLCJxdWl6X2ltYWdlIjpudWxsLCJxdWl6X2NhdGVnb3J5X2lkIjoiMTU4MyIsInF1ZXN0aW9uX2lkcyI6IjMyNjE5OSwzMjYyMDAsMzI2MjAxLDMyNjIwMiwzMjYyMDMsMzI2MjA0LDMyNjIwNSwzMjYyMDYsMzI2MjA3LDMyNjIwOCwzMjYyMDksMzI2MjEwLDMyNjIxMSwzMjYyMTIsMzI2MjEzLDMyNjIxNCwzMjYyMTUsMzI2MjE2LDMyNjIxNywzMjYyMTgsMzI2MjE5LDMyNjIyMCwzMjYyMjEsMzI2MjIyLDMyNjIyMywzMjYyMjQsMzI2MjI1LDMyNjIyNiwzMjYyMjcsMzI2MjI4Iiwib3JkZXJpbmciOiIxMDg4NiIsInB1Ymxpc2hlZCI6IjEiLCJjcmVhdGVfZGF0ZSI6bnVsbCwicXVpel91cmwiOm51bGwsImludGVydmFscyI6Ilt7XCJpbnRlcnZhbF9taW5cIjpcIjBcIixcImludGVydmFsX21heFwiOlwiMjVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkFcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCIyNlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI1MFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQlwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjUxXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjc1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJDXCJ9LHtcImludGVydmFsX21pblwiOlwiNzZcIixcImludGVydmFsX21heFwiOlwiMTAwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJEXCJ9XSIsImlzX3VzZXJfbG9nZ2VkX2luIjpmYWxzZSwicXVpel9hbmltYXRpb25fdG9wIjoxMDAsInF1aXpfZW5hYmxlX2FuaW1hdGlvbl90b3AiOiJvbiIsInN0b3JlX2FsbF9ub3RfZmluaXNoZWRfcmVzdWx0cyI6ZmFsc2V9'; </script> <input type='hidden' name='quiz_id' value='10886'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_10886' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-11824'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_11824' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Công nghệ 10 Kết nối tri thức Chương 3: Thiết kế kĩ thuật</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 05</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 05 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Để làm cho mỗi cặp nhãn (label) và ô nhập liệu (input) trong biểu mẫu hiển thị trên một dòng riêng biệt, tránh chúng hiển thị liền kề nhau, bạn cần áp dụng thuộc tính CSS nào cho phần tử chứa chúng hoặc chính các phần tử đó?</p> <ul> <li>A. display: inline;</li> <li>B. display: flex;</li> <li><strong>C. display: block;</strong></li> <li>D. display: inline-block;</li> </ul> </div> <div class="question-block"> <p>Câu 2: Bạn muốn các ô nhập liệu (`input[type="text"]`, `input[type="email"]`, etc.) trong biểu mẫu có cùng chiều rộng là 250px, và bạn muốn đảm bảo rằng vùng đệm (padding) và đường viền (border) được tính gộp vào tổng chiều rộng 250px này. Thuộc tính và giá trị CSS nào cần sử dụng?</p> <ul> <li>A. width: 250px; padding: 10px; border: 1px solid black;</li> <li><strong>B. width: 250px; box-sizing: border-box;</strong></li> <li>C. width: 250px; margin: 10px;</li> <li>D. max-width: 250px; box-sizing: content-box;</li> </ul> </div> <div class="question-block"> <p>Câu 3: Khi người dùng nhấp chuột vào một ô nhập liệu trong biểu mẫu, bạn muốn đường viền xung quanh ô đó chuyển sang màu xanh lam để làm nổi bật ô đang được chọn. Bạn sẽ sử dụng bộ chọn CSS kết hợp với pseudo-class nào?</p> <ul> <li>A. input:hover</li> <li>B. input:active</li> <li>C. input:checked</li> <li><strong>D. input:focus</strong></li> </ul> </div> <div class="question-block"> <p>Câu 4: Bạn có một nút gửi biểu mẫu (`<button type="submit">Gửi</button>`). Bạn muốn khi con trỏ chuột di chuyển qua nút này, màu nền của nút sẽ thay đổi từ xám sang xanh lá cây. Pseudo-class nào cần được sử dụng để định kiểu cho trạng thái này?</p> <ul> <li><strong>A. :hover</strong></li> <li>B. :active</li> <li>C. :focus</li> <li>D. :disabled</li> </ul> </div> <div class="question-block"> <p>Câu 5: Để tạo khoảng cách bên trong (vùng đệm) giữa nội dung của ô nhập liệu và đường viền của nó, giúp văn bản không bị sát vào mép, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. margin</li> <li>B. border</li> <li><strong>C. padding</strong></li> <li>D. outline</li> </ul> </div> <div class="question-block"> <p>Câu 6: Bạn có một nhóm các nút radio (`<input type="radio">`). Khi một nút radio được chọn, bạn muốn thay đổi màu sắc của nhãn (`<label>`) tương ứng với nút đó để người dùng dễ nhận biết. Giả sử cấu trúc HTML là `<input type="radio" id="id_nut"> <label for="id_nut">Tên tùy chọn</label>`. Bộ chọn CSS nào hiệu quả nhất để chọn nhãn của nút radio đã được chọn?</p> <ul> <li>A. input[type="radio"]:checked</li> <li><strong>B. input[type="radio"]:checked + label</strong></li> <li>C. label:active</li> <li>D. label:focus</li> </ul> </div> <div class="question-block"> <p>Câu 7: Để bo tròn các góc của ô nhập liệu hoặc nút nhấn trong biểu mẫu, tạo giao diện mềm mại hơn, thuộc tính CSS nào được sử dụng?</p> <ul> <li><strong>A. border-radius</strong></li> <li>B. border-collapse</li> <li>C. outline-offset</li> <li>D. box-shadow</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn có một ô nhập liệu bắt buộc (`<input type="text" required>`). Bạn muốn ô này có đường viền màu đỏ nếu người dùng chưa nhập dữ liệu vào đó (khi nó ở trạng thái không hợp lệ). Pseudo-class nào giúp bạn chọn các phần tử biểu mẫu ở trạng thái không hợp lệ?</p> <ul> <li>A. :valid</li> <li>B. :checked</li> <li><strong>C. :invalid</strong></li> <li>D. :optional</li> </ul> </div> <div class="question-block"> <p>Câu 9: Để thêm một bóng đổ nhẹ phía dưới ô nhập liệu khi nó đang được người dùng tương tác (ví dụ: khi được focus), tạo hiệu ứng chiều sâu, thuộc tính CSS nào phù hợp?</p> <ul> <li>A. text-shadow</li> <li>B. outline</li> <li>C. border</li> <li><strong>D. box-shadow</strong></li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn muốn tất cả các ô nhập liệu văn bản (`<input type="text">`) và vùng văn bản (`<textarea>`) trong biểu mẫu của mình có cùng phong cách. Bộ chọn CSS nào sẽ chọn cả hai loại phần tử này?</p> <ul> <li><strong>A. input[type="text"], textarea</strong></li> <li>B. input, textarea</li> <li>C. .text-input</li> <li>D. form > input, form > textarea</li> </ul> </div> <div class="question-block"> <p>Câu 11: Để vô hiệu hóa (không cho phép người dùng tương tác) và làm mờ một ô nhập liệu trong biểu mẫu bằng CSS, bạn sử dụng pseudo-class nào?</p> <ul> <li>A. :active</li> <li><strong>B. :disabled</strong></li> <li>C. :read-only</li> <li>D. :not(:enabled)</li> </ul> </div> <div class="question-block"> <p>Câu 12: Bạn muốn căn chỉnh các nhãn (`<label>`) và ô nhập liệu (`<input>`) trong biểu mẫu sao cho các ô nhập liệu nằm thẳng hàng theo chiều dọc. Phương pháp bố cục CSS nào thường được sử dụng để đạt được điều này một cách linh hoạt?</p> <ul> <li>A. Sử dụng float cho label và input.</li> <li>B. Đặt display: inline; cho cả hai.</li> <li><strong>C. Sử dụng Flexbox hoặc Grid cho phần tử chứa (container).</strong></li> <li>D. Sử dụng thuộc tính vertical-align.</li> </ul> </div> <div class="question-block"> <p>Câu 13: Bạn muốn đặt một khoảng trống bên ngoài (lề) giữa các ô nhập liệu liên tiếp trong biểu mẫu để chúng không dính vào nhau. Thuộc tính CSS nào phù hợp để tạo khoảng trống này?</p> <ul> <li><strong>A. margin</strong></li> <li>B. padding</li> <li>C. border-spacing</li> <li>D. gap</li> </ul> </div> <div class="question-block"> <p>Câu 14: Để thay đổi màu chữ (màu văn bản nhập vào) trong các ô nhập liệu của biểu mẫu, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. background-color</li> <li>B. border-color</li> <li>C. outline-color</li> <li><strong>D. color</strong></li> </ul> </div> <div class="question-block"> <p>Câu 15: Bạn có một phần tử `</p> <fieldset>` dùng để nhóm các điều khiển trong biểu mẫu. Để định kiểu cho viền xung quanh nhóm này, bạn áp dụng CSS trực tiếp cho phần tử `</p> <fieldset>` sử dụng thuộc tính nào?</p> <ul> <li>A. outline</li> <li><strong>B. border</strong></li> <li>C. box-shadow</li> <li>D. margin</li> </ul> </div> <div class="question-block"> <p>Câu 16: Pseudo-class `:active` trong CSS được sử dụng để định kiểu cho phần tử biểu mẫu khi nào?</p> <ul> <li>A. Khi con trỏ chuột di chuyển qua phần tử.</li> <li>B. Khi phần tử nhận được focus từ bàn phím hoặc chuột.</li> <li><strong>C. Khi phần tử đang được nhấn và giữ chuột.</strong></li> <li>D. Khi phần tử đã được chọn (như checkbox/radio).</li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn muốn tạo một đường viền màu xám cho tất cả các ô nhập liệu kiểu văn bản (`input[type="text"]`) và mật khẩu (`input[type="password"]`). Bộ chọn CSS nào sau đây là đúng?</p> <ul> <li>A. input[type="text"][type="password"]</li> <li>B. input[type="text"], [type="password"]</li> <li>C. input[type="text"], input[type="password"]</li> <li><strong>D. input[type="text"], input[type="password"] { border: 1px solid gray; }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 18: Để ẩn hoàn toàn một phần tử trong biểu mẫu (nó không hiển thị và không chiếm không gian bố cục), bạn sử dụng thuộc tính và giá trị CSS nào?</p> <ul> <li><strong>A. display: none;</strong></li> <li>B. visibility: hidden;</li> <li>C. opacity: 0;</li> <li>D. height: 0; width: 0;</li> </ul> </div> <div class="question-block"> <p>Câu 19: Bạn muốn các nút nhấn trong biểu mẫu có kích thước vùng đệm trên và dưới là 10px, trái và phải là 15px. Khai báo CSS nào là đúng?</p> <ul> <li>A. padding: 10px 15px 10px 15px;</li> <li><strong>B. padding: 10px 15px;</strong></li> <li>C. padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;</li> <li>D. padding: 10px; margin: 15px;</li> </ul> </div> <div class="question-block"> <p>Câu 20: Pseudo-class `:checked` được sử dụng để định kiểu đặc biệt cho loại phần tử biểu mẫu nào khi chúng ở trạng thái được chọn?</p> <ul> <li>A. Ô nhập liệu văn bản (`<input type="text">`).</li> <li>B. Vùng văn bản (`<textarea>`).</li> <li>C. Nút gửi (`<button type="submit">`).</li> <li><strong>D. Nút radio (`<input type="radio">`) và hộp kiểm (`<input type="checkbox">`).</strong></li> </ul> </div> <div class="question-block"> <p>Câu 21: Để thiết lập màu nền cho một phần tử biểu mẫu, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li><strong>A. background-color</strong></li> <li>B. color</li> <li>C. border-color</li> <li>D. text-decoration-color</li> </ul> </div> <div class="question-block"> <p>Câu 22: Bạn muốn tất cả các phần tử `<select>` (dropdown/combobox) trong biểu mẫu của mình có chiều rộng bằng 100% của phần tử cha chứa nó. Thuộc tính nào giúp đạt được điều này?</p> <ul> <li>A. max-width: 100%;</li> <li>B. display: block;</li> <li><strong>C. width: 100%;</strong></li> <li>D. flex-grow: 1;</li> </ul> </div> <div class="question-block"> <p>Câu 23: Khi một ô nhập liệu bắt buộc (`required`) đã được người dùng điền đầy đủ và hợp lệ, bạn muốn đường viền của nó chuyển sang màu xanh lá cây. Pseudo-class nào được sử dụng để chọn các phần tử biểu mẫu ở trạng thái hợp lệ?</p> <ul> <li><strong>A. :valid</strong></li> <li>B. :required</li> <li>C. :optional</li> <li>D. :enabled</li> </ul> </div> <div class="question-block"> <p>Câu 24: Bạn có một đoạn mã HTML cho một ô nhập liệu: `<input type="text" placeholder="Nhập tên của bạn">`. Để thay đổi màu chữ của văn bản giữ chỗ (placeholder text), bạn cần sử dụng bộ chọn CSS đặc biệt nào?</p> <ul> <li>A. input::placeholder</li> <li><strong>B. input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::placeholder</strong></li> <li>C. input:placeholder</li> <li>D. input[placeholder]</li> </ul> </div> <div class="question-block"> <p>Câu 25: Để loại bỏ đường viền mặc định (outline) xuất hiện khi một phần tử biểu mẫu nhận focus (thường là đường chấm chấm hoặc màu xanh dương), bạn khai báo thuộc tính CSS nào với giá trị none?</p> <ul> <li>A. border: none;</li> <li>B. box-shadow: none;</li> <li><strong>C. outline: none;</strong></li> <li>D. text-decoration: none;</li> </ul> </div> <div class="question-block"> <p>Câu 26: Bạn muốn tất cả các nhãn (`<label>`) trong biểu mẫu của mình có chữ in đậm. Thuộc tính CSS nào cần sử dụng?</p> <ul> <li><strong>A. font-weight: bold;</strong></li> <li>B. text-decoration: underline;</li> <li>C. font-style: italic;</li> <li>D. text-transform: uppercase;</li> </ul> </div> <div class="question-block"> <p>Câu 27: Giả sử bạn muốn căn giữa (horizontally center) toàn bộ biểu mẫu (`</p> <form>`) trên trang web. Nếu biểu mẫu có chiều rộng cố định, bạn có thể sử dụng thuộc tính margin nào?</p> <ul> <li>A. margin: auto;</li> <li>B. margin-left: auto; margin-right: auto;</li> <li>C. margin: 0 auto;</li> <li><strong>D. Cả đáp án 2 và 3 đều đúng.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 28: Để thay đổi kiểu con trỏ chuột khi di chuyển qua một nút nhấn trong biểu mẫu (ví dụ: thành hình bàn tay), bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. display: pointer;</li> <li><strong>B. cursor: pointer;</strong></li> <li>C. text-decoration: pointer;</li> <li>D. outline: pointer;</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn muốn các ô nhập liệu trong biểu mẫu có chiều cao tự động điều chỉnh theo nội dung, nhưng không nhỏ hơn một chiều cao tối thiểu là 30px. Thuộc tính CSS nào phù hợp?</p> <ul> <li><strong>A. min-height: 30px;</strong></li> <li>B. height: 30px;</li> <li>C. line-height: 30px;</li> <li>D. padding-top: 15px; padding-bottom: 15px;</li> </ul> </div> <div class="question-block"> <p>Câu 30: Để tạo một đường gạch dưới cho nhãn của các ô kiểm (checkbox) khi chúng được chọn, bạn sẽ sử dụng bộ chọn CSS kết hợp với pseudo-class nào? (Giả sử cấu trúc HTML tương tự như câu 6: `<input type="checkbox" id="id_check"> <label for="id_check">Tên tùy chọn</label>`)</p> <ul> <li>A. input[type="checkbox"]:hover + label</li> <li>B. label:checked</li> <li><strong>C. input[type="checkbox"]:checked + label</strong></li> <li>D. input[type="checkbox"]:focus + label</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='11824'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='354271,354272,354273,354274,354275,354276,354277,354278,354279,354280,354281,354282,354283,354284,354285,354286,354287,354288,354289,354290,354291,354292,354293,354294,354295,354296,354297,354298,354299,354300'> </div> </div><div class='step ' data-question-id='354271' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Để làm cho mỗi cặp nhãn (label) và ô nhập liệu (input) trong biểu mẫu hiển thị trên một dòng riêng biệt, tránh chúng hiển thị liền kề nhau, bạn cần áp dụng thuộc tính CSS nào cho phần tử chứa chúng hoặc chính các phần tử đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354271]' id='ays-answer-1405005-11824' value='1405005'/> <label for='ays-answer-1405005-11824' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline;</label><label for='ays-answer-1405005-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354271]' id='ays-answer-1405006-11824' value='1405006'/> <label for='ays-answer-1405006-11824' class=' ays_position_initial ays-quiz-keyboard-label'>display: flex;</label><label for='ays-answer-1405006-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354271]' id='ays-answer-1405007-11824' value='1405007'/> <label for='ays-answer-1405007-11824' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-1405007-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354271]' id='ays-answer-1405008-11824' value='1405008'/> <label for='ays-answer-1405008-11824' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline-block;</label><label for='ays-answer-1405008-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354271'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAwNSI6IjAiLCIxNDA1MDA2IjoiMCIsIjE0MDUwMDciOiIxIiwiMTQwNTAwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354272' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn các ô nhập liệu (`input[type='text']`, `input[type='email']`, etc.) trong biểu mẫu có cùng chiều rộng là 250px, và bạn muốn đảm bảo rằng vùng đệm (padding) và đường viền (border) được tính gộp vào tổng chiều rộng 250px này. Thuộc tính và giá trị CSS nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354272]' id='ays-answer-1405009-11824' value='1405009'/> <label for='ays-answer-1405009-11824' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px; padding: 10px; border: 1px solid black;</label><label for='ays-answer-1405009-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354272]' id='ays-answer-1405010-11824' value='1405010'/> <label for='ays-answer-1405010-11824' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px; box-sizing: border-box;</label><label for='ays-answer-1405010-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354272]' id='ays-answer-1405011-11824' value='1405011'/> <label for='ays-answer-1405011-11824' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px; margin: 10px;</label><label for='ays-answer-1405011-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354272]' id='ays-answer-1405012-11824' value='1405012'/> <label for='ays-answer-1405012-11824' class=' ays_position_initial ays-quiz-keyboard-label'>max-width: 250px; box-sizing: content-box;</label><label for='ays-answer-1405012-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354272'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAwOSI6IjAiLCIxNDA1MDEwIjoiMSIsIjE0MDUwMTEiOiIwIiwiMTQwNTAxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354273' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Khi người dùng nhấp chuột vào một ô nhập liệu trong biểu mẫu, bạn muốn đường viền xung quanh ô đó chuyển sang màu xanh lam để làm nổi bật ô đang được chọn. Bạn sẽ sử dụng bộ chọn CSS kết hợp với pseudo-class nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354273]' id='ays-answer-1405013-11824' value='1405013'/> <label for='ays-answer-1405013-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input:hover</label><label for='ays-answer-1405013-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354273]' id='ays-answer-1405014-11824' value='1405014'/> <label for='ays-answer-1405014-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input:active</label><label for='ays-answer-1405014-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354273]' id='ays-answer-1405015-11824' value='1405015'/> <label for='ays-answer-1405015-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input:checked</label><label for='ays-answer-1405015-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354273]' id='ays-answer-1405016-11824' value='1405016'/> <label for='ays-answer-1405016-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus</label><label for='ays-answer-1405016-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354273'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAxMyI6IjAiLCIxNDA1MDE0IjoiMCIsIjE0MDUwMTUiOiIwIiwiMTQwNTAxNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354274' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn có một nút gửi biểu mẫu (`<button type='submit'>Gửi</button>`). Bạn muốn khi con trỏ chuột di chuyển qua nút này, màu nền của nút sẽ thay đổi từ xám sang xanh lá cây. Pseudo-class nào cần được sử dụng để định kiểu cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354274]' id='ays-answer-1405017-11824' value='1405017'/> <label for='ays-answer-1405017-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1405017-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354274]' id='ays-answer-1405018-11824' value='1405018'/> <label for='ays-answer-1405018-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1405018-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354274]' id='ays-answer-1405019-11824' value='1405019'/> <label for='ays-answer-1405019-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1405019-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354274]' id='ays-answer-1405020-11824' value='1405020'/> <label for='ays-answer-1405020-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1405020-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354274'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAxNyI6IjEiLCIxNDA1MDE4IjoiMCIsIjE0MDUwMTkiOiIwIiwiMTQwNTAyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354275' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Để tạo khoảng cách bên trong (vùng đệm) giữa nội dung của ô nhập liệu và đường viền của nó, giúp văn bản không bị sát vào mép, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354275]' id='ays-answer-1405021-11824' value='1405021'/> <label for='ays-answer-1405021-11824' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1405021-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354275]' id='ays-answer-1405022-11824' value='1405022'/> <label for='ays-answer-1405022-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1405022-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354275]' id='ays-answer-1405023-11824' value='1405023'/> <label for='ays-answer-1405023-11824' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1405023-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354275]' id='ays-answer-1405024-11824' value='1405024'/> <label for='ays-answer-1405024-11824' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1405024-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354275'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAyMSI6IjAiLCIxNDA1MDIyIjoiMCIsIjE0MDUwMjMiOiIxIiwiMTQwNTAyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354276' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn có một nhóm các nút radio (`<input type='radio'>`). Khi một nút radio được chọn, bạn muốn thay đổi màu sắc của nhãn (`<label>`) tương ứng với nút đó để người dùng dễ nhận biết. Giả sử cấu trúc HTML là `<input type='radio' id='id_nut'> <label for='id_nut'>Tên tùy chọn</label>`. Bộ chọn CSS nào hiệu quả nhất để chọn nhãn của nút radio đã được chọn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354276]' id='ays-answer-1405025-11824' value='1405025'/> <label for='ays-answer-1405025-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='radio']:checked</label><label for='ays-answer-1405025-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354276]' id='ays-answer-1405026-11824' value='1405026'/> <label for='ays-answer-1405026-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='radio']:checked + label</label><label for='ays-answer-1405026-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354276]' id='ays-answer-1405027-11824' value='1405027'/> <label for='ays-answer-1405027-11824' class=' ays_position_initial ays-quiz-keyboard-label'>label:active</label><label for='ays-answer-1405027-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354276]' id='ays-answer-1405028-11824' value='1405028'/> <label for='ays-answer-1405028-11824' class=' ays_position_initial ays-quiz-keyboard-label'>label:focus</label><label for='ays-answer-1405028-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354276'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAyNSI6IjAiLCIxNDA1MDI2IjoiMSIsIjE0MDUwMjciOiIwIiwiMTQwNTAyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354277' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Để bo tròn các góc của ô nhập liệu hoặc nút nhấn trong biểu mẫu, tạo giao diện mềm mại hơn, thuộc tính CSS nào được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354277]' id='ays-answer-1405029-11824' value='1405029'/> <label for='ays-answer-1405029-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-1405029-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354277]' id='ays-answer-1405030-11824' value='1405030'/> <label for='ays-answer-1405030-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border-collapse</label><label for='ays-answer-1405030-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354277]' id='ays-answer-1405031-11824' value='1405031'/> <label for='ays-answer-1405031-11824' class=' ays_position_initial ays-quiz-keyboard-label'>outline-offset</label><label for='ays-answer-1405031-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354277]' id='ays-answer-1405032-11824' value='1405032'/> <label for='ays-answer-1405032-11824' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1405032-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354277'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAyOSI6IjEiLCIxNDA1MDMwIjoiMCIsIjE0MDUwMzEiOiIwIiwiMTQwNTAzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354278' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn có một ô nhập liệu bắt buộc (`<input type='text' required>`). Bạn muốn ô này có đường viền màu đỏ nếu người dùng chưa nhập dữ liệu vào đó (khi nó ở trạng thái không hợp lệ). Pseudo-class nào giúp bạn chọn các phần tử biểu mẫu ở trạng thái không hợp lệ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354278]' id='ays-answer-1405033-11824' value='1405033'/> <label for='ays-answer-1405033-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-1405033-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354278]' id='ays-answer-1405034-11824' value='1405034'/> <label for='ays-answer-1405034-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1405034-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354278]' id='ays-answer-1405035-11824' value='1405035'/> <label for='ays-answer-1405035-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-1405035-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354278]' id='ays-answer-1405036-11824' value='1405036'/> <label for='ays-answer-1405036-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:optional</label><label for='ays-answer-1405036-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354278'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAzMyI6IjAiLCIxNDA1MDM0IjoiMCIsIjE0MDUwMzUiOiIxIiwiMTQwNTAzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354279' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Để thêm một bóng đổ nhẹ phía dưới ô nhập liệu khi nó đang được người dùng tương tác (ví dụ: khi được focus), tạo hiệu ứng chiều sâu, thuộc tính CSS nào phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354279]' id='ays-answer-1405037-11824' value='1405037'/> <label for='ays-answer-1405037-11824' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-1405037-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354279]' id='ays-answer-1405038-11824' value='1405038'/> <label for='ays-answer-1405038-11824' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1405038-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354279]' id='ays-answer-1405039-11824' value='1405039'/> <label for='ays-answer-1405039-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1405039-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354279]' id='ays-answer-1405040-11824' value='1405040'/> <label for='ays-answer-1405040-11824' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1405040-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354279'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTAzNyI6IjAiLCIxNDA1MDM4IjoiMCIsIjE0MDUwMzkiOiIwIiwiMTQwNTA0MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354280' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn tất cả các ô nhập liệu văn bản (`<input type='text'>`) và vùng văn bản (`<textarea>`) trong biểu mẫu của mình có cùng phong cách. Bộ chọn CSS nào sẽ chọn cả hai loại phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354280]' id='ays-answer-1405041-11824' value='1405041'/> <label for='ays-answer-1405041-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], textarea</label><label for='ays-answer-1405041-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354280]' id='ays-answer-1405042-11824' value='1405042'/> <label for='ays-answer-1405042-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea</label><label for='ays-answer-1405042-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354280]' id='ays-answer-1405043-11824' value='1405043'/> <label for='ays-answer-1405043-11824' class=' ays_position_initial ays-quiz-keyboard-label'>.text-input</label><label for='ays-answer-1405043-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354280]' id='ays-answer-1405044-11824' value='1405044'/> <label for='ays-answer-1405044-11824' class=' ays_position_initial ays-quiz-keyboard-label'>form > input, form > textarea</label><label for='ays-answer-1405044-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354280'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA0MSI6IjEiLCIxNDA1MDQyIjoiMCIsIjE0MDUwNDMiOiIwIiwiMTQwNTA0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354281' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Để vô hiệu hóa (không cho phép người dùng tương tác) và làm mờ một ô nhập liệu trong biểu mẫu bằng CSS, bạn sử dụng pseudo-class nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354281]' id='ays-answer-1405045-11824' value='1405045'/> <label for='ays-answer-1405045-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1405045-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354281]' id='ays-answer-1405046-11824' value='1405046'/> <label for='ays-answer-1405046-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1405046-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354281]' id='ays-answer-1405047-11824' value='1405047'/> <label for='ays-answer-1405047-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:read-only</label><label for='ays-answer-1405047-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354281]' id='ays-answer-1405048-11824' value='1405048'/> <label for='ays-answer-1405048-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:not(:enabled)</label><label for='ays-answer-1405048-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354281'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA0NSI6IjAiLCIxNDA1MDQ2IjoiMSIsIjE0MDUwNDciOiIwIiwiMTQwNTA0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354282' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn căn chỉnh các nhãn (`<label>`) và ô nhập liệu (`<input>`) trong biểu mẫu sao cho các ô nhập liệu nằm thẳng hàng theo chiều dọc. Phương pháp bố cục CSS nào thường được sử dụng để đạt được điều này một cách linh hoạt?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354282]' id='ays-answer-1405049-11824' value='1405049'/> <label for='ays-answer-1405049-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng float cho label và input.</label><label for='ays-answer-1405049-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354282]' id='ays-answer-1405050-11824' value='1405050'/> <label for='ays-answer-1405050-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt display: inline; cho cả hai.</label><label for='ays-answer-1405050-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354282]' id='ays-answer-1405051-11824' value='1405051'/> <label for='ays-answer-1405051-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng Flexbox hoặc Grid cho phần tử chứa (container).</label><label for='ays-answer-1405051-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354282]' id='ays-answer-1405052-11824' value='1405052'/> <label for='ays-answer-1405052-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính vertical-align.</label><label for='ays-answer-1405052-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354282'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA0OSI6IjAiLCIxNDA1MDUwIjoiMCIsIjE0MDUwNTEiOiIxIiwiMTQwNTA1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354283' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn muốn đặt một khoảng trống bên ngoài (lề) giữa các ô nhập liệu liên tiếp trong biểu mẫu để chúng không dính vào nhau. Thuộc tính CSS nào phù hợp để tạo khoảng trống này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354283]' id='ays-answer-1405053-11824' value='1405053'/> <label for='ays-answer-1405053-11824' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1405053-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354283]' id='ays-answer-1405054-11824' value='1405054'/> <label for='ays-answer-1405054-11824' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1405054-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354283]' id='ays-answer-1405055-11824' value='1405055'/> <label for='ays-answer-1405055-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-1405055-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354283]' id='ays-answer-1405056-11824' value='1405056'/> <label for='ays-answer-1405056-11824' class=' ays_position_initial ays-quiz-keyboard-label'>gap</label><label for='ays-answer-1405056-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354283'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA1MyI6IjEiLCIxNDA1MDU0IjoiMCIsIjE0MDUwNTUiOiIwIiwiMTQwNTA1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354284' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Để thay đổi màu chữ (màu văn bản nhập vào) trong các ô nhập liệu của biểu mẫu, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354284]' id='ays-answer-1405057-11824' value='1405057'/> <label for='ays-answer-1405057-11824' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1405057-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354284]' id='ays-answer-1405058-11824' value='1405058'/> <label for='ays-answer-1405058-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1405058-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354284]' id='ays-answer-1405059-11824' value='1405059'/> <label for='ays-answer-1405059-11824' class=' ays_position_initial ays-quiz-keyboard-label'>outline-color</label><label for='ays-answer-1405059-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354284]' id='ays-answer-1405060-11824' value='1405060'/> <label for='ays-answer-1405060-11824' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1405060-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354284'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA1NyI6IjAiLCIxNDA1MDU4IjoiMCIsIjE0MDUwNTkiOiIwIiwiMTQwNTA2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354285' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn có một phần tử `</p> <fieldset>` dùng để nhóm các điều khiển trong biểu mẫu. Để định kiểu cho viền xung quanh nhóm này, bạn áp dụng CSS trực tiếp cho phần tử `</p> <fieldset>` sử dụng thuộc tính nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354285]' id='ays-answer-1405061-11824' value='1405061'/> <label for='ays-answer-1405061-11824' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1405061-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354285]' id='ays-answer-1405062-11824' value='1405062'/> <label for='ays-answer-1405062-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1405062-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354285]' id='ays-answer-1405063-11824' value='1405063'/> <label for='ays-answer-1405063-11824' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1405063-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354285]' id='ays-answer-1405064-11824' value='1405064'/> <label for='ays-answer-1405064-11824' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1405064-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354285'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA2MSI6IjAiLCIxNDA1MDYyIjoiMSIsIjE0MDUwNjMiOiIwIiwiMTQwNTA2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354286' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Pseudo-class `:active` trong CSS được sử dụng để định kiểu cho phần tử biểu mẫu khi nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354286]' id='ays-answer-1405065-11824' value='1405065'/> <label for='ays-answer-1405065-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Khi con trỏ chuột di chuyển qua phần tử.</label><label for='ays-answer-1405065-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354286]' id='ays-answer-1405066-11824' value='1405066'/> <label for='ays-answer-1405066-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Khi phần tử nhận được focus từ bàn phím hoặc chuột.</label><label for='ays-answer-1405066-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354286]' id='ays-answer-1405067-11824' value='1405067'/> <label for='ays-answer-1405067-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Khi phần tử đang được nhấn và giữ chuột.</label><label for='ays-answer-1405067-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354286]' id='ays-answer-1405068-11824' value='1405068'/> <label for='ays-answer-1405068-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Khi phần tử đã được chọn (như checkbox/radio).</label><label for='ays-answer-1405068-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354286'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA2NSI6IjAiLCIxNDA1MDY2IjoiMCIsIjE0MDUwNjciOiIxIiwiMTQwNTA2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354287' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn tạo một đường viền màu xám cho tất cả các ô nhập liệu kiểu văn bản (`input[type='text']`) và mật khẩu (`input[type='password']`). Bộ chọn CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354287]' id='ays-answer-1405069-11824' value='1405069'/> <label for='ays-answer-1405069-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'][type='password']</label><label for='ays-answer-1405069-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354287]' id='ays-answer-1405070-11824' value='1405070'/> <label for='ays-answer-1405070-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], [type='password']</label><label for='ays-answer-1405070-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354287]' id='ays-answer-1405071-11824' value='1405071'/> <label for='ays-answer-1405071-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password']</label><label for='ays-answer-1405071-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354287]' id='ays-answer-1405072-11824' value='1405072'/> <label for='ays-answer-1405072-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password'] { border: 1px solid gray; }</label><label for='ays-answer-1405072-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354287'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA2OSI6IjAiLCIxNDA1MDcwIjoiMCIsIjE0MDUwNzEiOiIwIiwiMTQwNTA3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354288' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Để ẩn hoàn toàn một phần tử trong biểu mẫu (nó không hiển thị và không chiếm không gian bố cục), bạn sử dụng thuộc tính và giá trị CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354288]' id='ays-answer-1405073-11824' value='1405073'/> <label for='ays-answer-1405073-11824' class=' ays_position_initial ays-quiz-keyboard-label'>display: none;</label><label for='ays-answer-1405073-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354288]' id='ays-answer-1405074-11824' value='1405074'/> <label for='ays-answer-1405074-11824' class=' ays_position_initial ays-quiz-keyboard-label'>visibility: hidden;</label><label for='ays-answer-1405074-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354288]' id='ays-answer-1405075-11824' value='1405075'/> <label for='ays-answer-1405075-11824' class=' ays_position_initial ays-quiz-keyboard-label'>opacity: 0;</label><label for='ays-answer-1405075-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354288]' id='ays-answer-1405076-11824' value='1405076'/> <label for='ays-answer-1405076-11824' class=' ays_position_initial ays-quiz-keyboard-label'>height: 0; width: 0;</label><label for='ays-answer-1405076-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354288'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA3MyI6IjEiLCIxNDA1MDc0IjoiMCIsIjE0MDUwNzUiOiIwIiwiMTQwNTA3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354289' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn muốn các nút nhấn trong biểu mẫu có kích thước vùng đệm trên và dưới là 10px, trái và phải là 15px. Khai báo CSS nào là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354289]' id='ays-answer-1405077-11824' value='1405077'/> <label for='ays-answer-1405077-11824' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 10px 15px 10px 15px;</label><label for='ays-answer-1405077-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354289]' id='ays-answer-1405078-11824' value='1405078'/> <label for='ays-answer-1405078-11824' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 10px 15px;</label><label for='ays-answer-1405078-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354289]' id='ays-answer-1405079-11824' value='1405079'/> <label for='ays-answer-1405079-11824' class=' ays_position_initial ays-quiz-keyboard-label'>padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;</label><label for='ays-answer-1405079-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354289]' id='ays-answer-1405080-11824' value='1405080'/> <label for='ays-answer-1405080-11824' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 10px; margin: 15px;</label><label for='ays-answer-1405080-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354289'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA3NyI6IjAiLCIxNDA1MDc4IjoiMSIsIjE0MDUwNzkiOiIwIiwiMTQwNTA4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354290' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Pseudo-class `:checked` được sử dụng để định kiểu đặc biệt cho loại phần tử biểu mẫu nào khi chúng ở trạng thái được chọn?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354290]' id='ays-answer-1405081-11824' value='1405081'/> <label for='ays-answer-1405081-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Ô nhập liệu văn bản (`<input type='text'>`).</label><label for='ays-answer-1405081-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354290]' id='ays-answer-1405082-11824' value='1405082'/> <label for='ays-answer-1405082-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Vùng văn bản (`<textarea>`).</label><label for='ays-answer-1405082-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354290]' id='ays-answer-1405083-11824' value='1405083'/> <label for='ays-answer-1405083-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Nút gửi (`<button type='submit'>`).</label><label for='ays-answer-1405083-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354290]' id='ays-answer-1405084-11824' value='1405084'/> <label for='ays-answer-1405084-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Nút radio (`<input type='radio'>`) và hộp kiểm (`<input type='checkbox'>`).</label><label for='ays-answer-1405084-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354290'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA4MSI6IjAiLCIxNDA1MDgyIjoiMCIsIjE0MDUwODMiOiIwIiwiMTQwNTA4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354291' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Để thiết lập màu nền cho một phần tử biểu mẫu, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354291]' id='ays-answer-1405085-11824' value='1405085'/> <label for='ays-answer-1405085-11824' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1405085-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354291]' id='ays-answer-1405086-11824' value='1405086'/> <label for='ays-answer-1405086-11824' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1405086-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354291]' id='ays-answer-1405087-11824' value='1405087'/> <label for='ays-answer-1405087-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1405087-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354291]' id='ays-answer-1405088-11824' value='1405088'/> <label for='ays-answer-1405088-11824' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration-color</label><label for='ays-answer-1405088-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354291'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA4NSI6IjEiLCIxNDA1MDg2IjoiMCIsIjE0MDUwODciOiIwIiwiMTQwNTA4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354292' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn muốn tất cả các phần tử `<select>` (dropdown/combobox) trong biểu mẫu của mình có chiều rộng bằng 100% của phần tử cha chứa nó. Thuộc tính nào giúp đạt được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354292]' id='ays-answer-1405089-11824' value='1405089'/> <label for='ays-answer-1405089-11824' class=' ays_position_initial ays-quiz-keyboard-label'>max-width: 100%;</label><label for='ays-answer-1405089-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354292]' id='ays-answer-1405090-11824' value='1405090'/> <label for='ays-answer-1405090-11824' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-1405090-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354292]' id='ays-answer-1405091-11824' value='1405091'/> <label for='ays-answer-1405091-11824' class=' ays_position_initial ays-quiz-keyboard-label'>width: 100%;</label><label for='ays-answer-1405091-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354292]' id='ays-answer-1405092-11824' value='1405092'/> <label for='ays-answer-1405092-11824' class=' ays_position_initial ays-quiz-keyboard-label'>flex-grow: 1;</label><label for='ays-answer-1405092-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354292'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA4OSI6IjAiLCIxNDA1MDkwIjoiMCIsIjE0MDUwOTEiOiIxIiwiMTQwNTA5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354293' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Khi một ô nhập liệu bắt buộc (`required`) đã được người dùng điền đầy đủ và hợp lệ, bạn muốn đường viền của nó chuyển sang màu xanh lá cây. Pseudo-class nào được sử dụng để chọn các phần tử biểu mẫu ở trạng thái hợp lệ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354293]' id='ays-answer-1405093-11824' value='1405093'/> <label for='ays-answer-1405093-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-1405093-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354293]' id='ays-answer-1405094-11824' value='1405094'/> <label for='ays-answer-1405094-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-1405094-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354293]' id='ays-answer-1405095-11824' value='1405095'/> <label for='ays-answer-1405095-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:optional</label><label for='ays-answer-1405095-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354293]' id='ays-answer-1405096-11824' value='1405096'/> <label for='ays-answer-1405096-11824' class=' ays_position_initial ays-quiz-keyboard-label'>:enabled</label><label for='ays-answer-1405096-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354293'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA5MyI6IjEiLCIxNDA1MDk0IjoiMCIsIjE0MDUwOTUiOiIwIiwiMTQwNTA5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354294' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn có một đoạn mã HTML cho một ô nhập liệu: `<input type='text' placeholder='Nhập tên của bạn'>`. Để thay đổi màu chữ của văn bản giữ chỗ (placeholder text), bạn cần sử dụng bộ chọn CSS đặc biệt nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354294]' id='ays-answer-1405097-11824' value='1405097'/> <label for='ays-answer-1405097-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input::placeholder</label><label for='ays-answer-1405097-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354294]' id='ays-answer-1405098-11824' value='1405098'/> <label for='ays-answer-1405098-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::placeholder</label><label for='ays-answer-1405098-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354294]' id='ays-answer-1405099-11824' value='1405099'/> <label for='ays-answer-1405099-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input:placeholder</label><label for='ays-answer-1405099-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354294]' id='ays-answer-1405100-11824' value='1405100'/> <label for='ays-answer-1405100-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[placeholder]</label><label for='ays-answer-1405100-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354294'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTA5NyI6IjAiLCIxNDA1MDk4IjoiMSIsIjE0MDUwOTkiOiIwIiwiMTQwNTEwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354295' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Để loại bỏ đường viền mặc định (outline) xuất hiện khi một phần tử biểu mẫu nhận focus (thường là đường chấm chấm hoặc màu xanh dương), bạn khai báo thuộc tính CSS nào với giá trị none?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354295]' id='ays-answer-1405101-11824' value='1405101'/> <label for='ays-answer-1405101-11824' class=' ays_position_initial ays-quiz-keyboard-label'>border: none;</label><label for='ays-answer-1405101-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354295]' id='ays-answer-1405102-11824' value='1405102'/> <label for='ays-answer-1405102-11824' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow: none;</label><label for='ays-answer-1405102-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354295]' id='ays-answer-1405103-11824' value='1405103'/> <label for='ays-answer-1405103-11824' class=' ays_position_initial ays-quiz-keyboard-label'>outline: none;</label><label for='ays-answer-1405103-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354295]' id='ays-answer-1405104-11824' value='1405104'/> <label for='ays-answer-1405104-11824' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration: none;</label><label for='ays-answer-1405104-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354295'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTEwMSI6IjAiLCIxNDA1MTAyIjoiMCIsIjE0MDUxMDMiOiIxIiwiMTQwNTEwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354296' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn muốn tất cả các nhãn (`<label>`) trong biểu mẫu của mình có chữ in đậm. Thuộc tính CSS nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354296]' id='ays-answer-1405105-11824' value='1405105'/> <label for='ays-answer-1405105-11824' class=' ays_position_initial ays-quiz-keyboard-label'>font-weight: bold;</label><label for='ays-answer-1405105-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354296]' id='ays-answer-1405106-11824' value='1405106'/> <label for='ays-answer-1405106-11824' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration: underline;</label><label for='ays-answer-1405106-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354296]' id='ays-answer-1405107-11824' value='1405107'/> <label for='ays-answer-1405107-11824' class=' ays_position_initial ays-quiz-keyboard-label'>font-style: italic;</label><label for='ays-answer-1405107-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354296]' id='ays-answer-1405108-11824' value='1405108'/> <label for='ays-answer-1405108-11824' class=' ays_position_initial ays-quiz-keyboard-label'>text-transform: uppercase;</label><label for='ays-answer-1405108-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354296'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTEwNSI6IjEiLCIxNDA1MTA2IjoiMCIsIjE0MDUxMDciOiIwIiwiMTQwNTEwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354297' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Giả sử bạn muốn căn giữa (horizontally center) toàn bộ biểu mẫu (`</p> <form>`) trên trang web. Nếu biểu mẫu có chiều rộng cố định, bạn có thể sử dụng thuộc tính margin nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354297]' id='ays-answer-1405109-11824' value='1405109'/> <label for='ays-answer-1405109-11824' class=' ays_position_initial ays-quiz-keyboard-label'>margin: auto;</label><label for='ays-answer-1405109-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354297]' id='ays-answer-1405110-11824' value='1405110'/> <label for='ays-answer-1405110-11824' class=' ays_position_initial ays-quiz-keyboard-label'>margin-left: auto; margin-right: auto;</label><label for='ays-answer-1405110-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354297]' id='ays-answer-1405111-11824' value='1405111'/> <label for='ays-answer-1405111-11824' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 0 auto;</label><label for='ays-answer-1405111-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354297]' id='ays-answer-1405112-11824' value='1405112'/> <label for='ays-answer-1405112-11824' class=' ays_position_initial ays-quiz-keyboard-label'>Cả đáp án 2 và 3 đều đúng.</label><label for='ays-answer-1405112-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354297'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTEwOSI6IjAiLCIxNDA1MTEwIjoiMCIsIjE0MDUxMTEiOiIwIiwiMTQwNTExMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354298' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Để thay đổi kiểu con trỏ chuột khi di chuyển qua một nút nhấn trong biểu mẫu (ví dụ: thành hình bàn tay), bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354298]' id='ays-answer-1405113-11824' value='1405113'/> <label for='ays-answer-1405113-11824' class=' ays_position_initial ays-quiz-keyboard-label'>display: pointer;</label><label for='ays-answer-1405113-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354298]' id='ays-answer-1405114-11824' value='1405114'/> <label for='ays-answer-1405114-11824' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-1405114-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354298]' id='ays-answer-1405115-11824' value='1405115'/> <label for='ays-answer-1405115-11824' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration: pointer;</label><label for='ays-answer-1405115-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354298]' id='ays-answer-1405116-11824' value='1405116'/> <label for='ays-answer-1405116-11824' class=' ays_position_initial ays-quiz-keyboard-label'>outline: pointer;</label><label for='ays-answer-1405116-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354298'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTExMyI6IjAiLCIxNDA1MTE0IjoiMSIsIjE0MDUxMTUiOiIwIiwiMTQwNTExNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354299' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn các ô nhập liệu trong biểu mẫu có chiều cao tự động điều chỉnh theo nội dung, nhưng không nhỏ hơn một chiều cao tối thiểu là 30px. Thuộc tính CSS nào phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354299]' id='ays-answer-1405117-11824' value='1405117'/> <label for='ays-answer-1405117-11824' class=' ays_position_initial ays-quiz-keyboard-label'>min-height: 30px;</label><label for='ays-answer-1405117-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354299]' id='ays-answer-1405118-11824' value='1405118'/> <label for='ays-answer-1405118-11824' class=' ays_position_initial ays-quiz-keyboard-label'>height: 30px;</label><label for='ays-answer-1405118-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354299]' id='ays-answer-1405119-11824' value='1405119'/> <label for='ays-answer-1405119-11824' class=' ays_position_initial ays-quiz-keyboard-label'>line-height: 30px;</label><label for='ays-answer-1405119-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354299]' id='ays-answer-1405120-11824' value='1405120'/> <label for='ays-answer-1405120-11824' class=' ays_position_initial ays-quiz-keyboard-label'>padding-top: 15px; padding-bottom: 15px;</label><label for='ays-answer-1405120-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354299'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTExNyI6IjEiLCIxNDA1MTE4IjoiMCIsIjE0MDUxMTkiOiIwIiwiMTQwNTEyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='354300' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 5</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Để tạo một đường gạch dưới cho nhãn của các ô kiểm (checkbox) khi chúng được chọn, bạn sẽ sử dụng bộ chọn CSS kết hợp với pseudo-class nào? (Giả sử cấu trúc HTML tương tự như câu 6: `<input type='checkbox' id='id_check'> <label for='id_check'>Tên tùy chọn</label>`)</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354300]' id='ays-answer-1405121-11824' value='1405121'/> <label for='ays-answer-1405121-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='checkbox']:hover + label</label><label for='ays-answer-1405121-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354300]' id='ays-answer-1405122-11824' value='1405122'/> <label for='ays-answer-1405122-11824' class=' ays_position_initial ays-quiz-keyboard-label'>label:checked</label><label for='ays-answer-1405122-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354300]' id='ays-answer-1405123-11824' value='1405123'/> <label for='ays-answer-1405123-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='checkbox']:checked + label</label><label for='ays-answer-1405123-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-354300]' id='ays-answer-1405124-11824' value='1405124'/> <label for='ays-answer-1405124-11824' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='checkbox']:focus + label</label><label for='ays-answer-1405124-11824' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_11824 === 'undefined'){ window.quizOptions_11824 = []; } window.quizOptions_11824['354300'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTQwNTEyMSI6IjAiLCIxNDA1MTIyIjoiMCIsIjE0MDUxMjMiOiIxIiwiMTQwNTEyNCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-11824 * { box-sizing: border-box; } #ays-quiz-container-11824 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-11824 #ays_finish_quiz_11824 { } /* Styles for Quiz container */ #ays-quiz-container-11824{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-11824 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-11824 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-11824 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-11824 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-11824 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-11824 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-11824 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-11824 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-11824.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-11824.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-11824 #ays_finish_quiz_11824 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-11824.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container p, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-11824.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-11824 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-11824 .ays-quiz-password-message-box, #ays-quiz-container-11824 .ays-quiz-question-note-message-box, #ays-quiz-container-11824 .ays_quiz_question, #ays-quiz-container-11824 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-11824 textarea, #ays-quiz-container-11824 input::first-letter, #ays-quiz-container-11824 select::first-letter, #ays-quiz-container-11824 option::first-letter { color: initial !important; } #ays-quiz-container-11824 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-11824 .select2-container, #ays-quiz-container-11824 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-11824 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-11824 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-11824 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-11824 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-11824 .ays-questions-container .ays-field, div#ays-quiz-container-11824 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-11824 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-11824 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-11824 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-11824 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-11824 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-11824 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-11824 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-11824 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-11824 .information_form input[type='text'], #ays-quiz-container-11824 .information_form input[type='url'], #ays-quiz-container-11824 .information_form input[type='number'], #ays-quiz-container-11824 .information_form input[type='email'], #ays-quiz-container-11824 .information_form input[type='tel'], #ays-quiz-container-11824 .information_form textarea, #ays-quiz-container-11824 .information_form select, #ays-quiz-container-11824 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-11824 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-11824 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-11824 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-11824 .right_answer_text{ color:#33cc33; } #ays-quiz-container-11824 .right_answer_text p { font-size:16px; } #ays-quiz-container-11824 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-11824 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-11824 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-11824 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-11824 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-11824 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-11824 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-11824 .ays_cb_and_a, #ays-quiz-container-11824 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-11824 iframe { /*min-height: 450px;*/ } #ays-quiz-container-11824 label.ays_for_checkbox, #ays-quiz-container-11824 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-11824 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-11824 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-11824 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-11824 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-11824 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-11824 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-11824 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-11824 div.lds-spinner, #ays-quiz-container-11824 div.lds-spinner2 { color: #000000; } #ays-quiz-container-11824 div.lds-spinner div:after, #ays-quiz-container-11824 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-11824 .lds-circle, #ays-quiz-container-11824 .lds-facebook div, #ays-quiz-container-11824 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-11824 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-11824 .lds-dual-ring::after, #ays-quiz-container-11824 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-11824 .ui.rating .icon, #ays-quiz-container-11824 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-11824 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-11824 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-11824 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-11824 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-11824 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-11824 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-11824 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-11824 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-11824 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-11824 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-11824 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-11824 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-11824 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-11824 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-11824 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-11824 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-11824 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-11824 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-11824 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-11824 div.ays-quiz-redirection-timer, #ays-quiz-container-11824 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-11824 div.ays-quiz-after-timer * , #ays-quiz-container-11824 div.ays-quiz-redirection-timer *, #ays-quiz-container-11824 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-11824 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-11824 input#ays-submit, #ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button, #ays-quiz-container-11824 #ays_finish_quiz_11824 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-11824 #ays_finish_quiz_11824 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button.ays_restart_button, #ays-quiz-container-11824 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-11824 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-11824 input#ays-submit, #ays-quiz-container-11824 #ays_finish_quiz_11824 input.action-button, #ays-quiz-container-11824 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-11824 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-11824 input#ays-submit:hover, #ays-quiz-container-11824 input#ays-submit:focus, #ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button:hover, #ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button:focus, #ays-quiz-container-11824 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-11824 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-11824 .ays_restart_button { color: #ffffff; } #ays-quiz-container-11824 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-11824 .ays_buttons_div { justify-content: center; } #ays-quiz-container-11824 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-11824 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-11824 input[type='button'], #ays-quiz-container-11824 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-11824 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-11824 input[type='button']:focus-visible, div#ays-quiz-container-11824 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-11824 #ays_finish_quiz_11824 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-11824 #ays_finish_quiz_11824 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-11824 #ays_finish_quiz_11824 i.ays_early_finish.action-button[disabled], #ays-quiz-container-11824 #ays_finish_quiz_11824 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-11824 #ays_finish_quiz_11824 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-11824 #ays_finish_quiz_11824 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-11824 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-11824 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-11824 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-11824.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-11824 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-11824 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-11824 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-11824 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-11824 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-11824 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-11824 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-11824 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-11824 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-11824 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-11824 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-11824 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-11824 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-11824 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-11824 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-11824 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-11824 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-11824 .ays-field .select2-container--default, #ays-quiz-container-11824 .ays-field .select2-container--default .selection, #ays-quiz-container-11824 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-11824 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-11824 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-11824 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-11824 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-11824 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-11824 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-11824 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-11824 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-11824 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-11824 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-11824 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-11824 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-11824 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-11824 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-11824 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-11824 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-11824 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-11824 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-11824 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-11824 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-11824.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-11824.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-11824 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-11824 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-11824 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-11824 label[for^='ays-answer']:before, #ays-quiz-container-11824 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-11824 .ays_question_report { text-align: right; } div#ays-quiz-container-11824 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-11824 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-11824.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-11824.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-11824.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-11824.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-11824.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-11824.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-11824 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-11824.ays_quiz_classic_dark .correct_div, #ays-quiz-container-11824.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-11824.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-11824.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-11824.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-11824.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-11824.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-11824.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-11824 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-11824 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-11824 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-11824 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-11824 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-11824 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-11824 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-11824.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-11824.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-11824 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-11824 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-11824 .ays-quiz-personality-result-box div:before, #ays-quiz-container-11824 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-11824 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-11824 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-11824 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-11824 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-11824 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-11824 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-11824 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-11824 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-11824 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-11824 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-11824 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-11824 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-11824 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-11824{ max-width: 100%; } div#ays-quiz-container-11824 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-11824.ays_quiz_modern_light .step, div#ays-quiz-container-11824.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-11824.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-11824.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-11824.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-11824.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-11824 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-11824 .select2-container, div#ays-quiz-container-11824 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-11824 input#ays-submit, div#ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button, div#ays-quiz-container-11824 #ays_finish_quiz_11824 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button.ays_restart_button, #ays-quiz-container-11824 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-11824 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-11824 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-11824 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-11824 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-11824 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-11824 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-11824 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-11824 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-11824 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-11824 p { margin: 0.625em; } #ays-quiz-container-11824.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-11824.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-11824 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-11824.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-11824 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button:hover, #ays-quiz-container-11824 #ays_finish_quiz_11824 .action-button:focus, #ays-quiz-container-11824 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-11824 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['11824'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIxMTgyNCIsImF1dGhvcl9pZCI6IjMiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDUiLCJkZXNjcmlwdGlvbiI6IjxwPlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDUgYmFvIGdcdTFlZDNtIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgaGF5LCBiXHUwMGUxbSBzXHUwMGUxdCBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmguIENcdTAwZjluZyBsXHUwMGUwbSBiXHUwMGUwaSB0XHUxZWFkcCB0clx1MWVhZmMgbmdoaVx1MWVjN20gbmdheS48XC9wPlxyXG5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOiBcdTAxMTBcdTFlYzMgbFx1MDBlMG0gY2hvIG1cdTFlZDdpIGNcdTFlYjdwIG5oXHUwMGUzbiAobGFiZWwpIHZcdTAwZTAgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGlucHV0KSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgaGlcdTFlYzNuIHRoXHUxZWNiIHRyXHUwMGVhbiBtXHUxZWQ5dCBkXHUwMGYybmcgcmlcdTAwZWFuZyBiaVx1MWVjN3QsIHRyXHUwMGUxbmggY2hcdTAwZmFuZyBoaVx1MWVjM24gdGhcdTFlY2IgbGlcdTFlYzFuIGtcdTFlYzEgbmhhdSwgYlx1MWVhMW4gY1x1MWVhN24gXHUwMGUxcCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGNobyBwaFx1MWVhN24gdFx1MWVlZCBjaFx1MWVlOWEgY2hcdTAwZmFuZyBob1x1MWViN2MgY2hcdTAwZWRuaCBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBcdTAxMTFcdTAwZjM/XHJcbjx1bD5cclxuPGxpPkEuIGRpc3BsYXk6IGlubGluZTs8XC9saT5cclxuPGxpPkIuIGRpc3BsYXk6IGZsZXg7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGRpc3BsYXk6IGJsb2NrOzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGRpc3BsYXk6IGlubGluZS1ibG9jazs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBCXHUxZWExbiBtdVx1MWVkMW4gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGBpbnB1dFt0eXBlPVwidGV4dFwiXWAsIGBpbnB1dFt0eXBlPVwiZW1haWxcIl1gLCBldGMuKSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBjXHUwMGY5bmcgY2hpXHUxZWMxdSByXHUxZWQ5bmcgbFx1MDBlMCAyNTBweCwgdlx1MDBlMCBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWEzbSBiXHUxZWEzbyByXHUxZWIxbmcgdlx1MDBmOW5nIFx1MDExMVx1MWVjN20gKHBhZGRpbmcpIHZcdTAwZTAgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIChib3JkZXIpIFx1MDExMVx1MDFiMFx1MWVlM2MgdFx1MDBlZG5oIGdcdTFlZDlwIHZcdTAwZTBvIHRcdTFlZDVuZyBjaGlcdTFlYzF1IHJcdTFlZDluZyAyNTBweCBuXHUwMGUweS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggdlx1MDBlMCBnaVx1MDBlMSB0clx1MWVjYiBDU1Mgblx1MDBlMG8gY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPkEuIHdpZHRoOiAyNTBweDsgcGFkZGluZzogMTBweDsgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIHdpZHRoOiAyNTBweDsgYm94LXNpemluZzogYm9yZGVyLWJveDs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiB3aWR0aDogMjUwcHg7IG1hcmdpbjogMTBweDs8XC9saT5cclxuPGxpPkQuIG1heC13aWR0aDogMjUwcHg7IGJveC1zaXppbmc6IGNvbnRlbnQtYm94OzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IEtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIG5oXHUxZWE1cCBjaHVcdTFlZDl0IHZcdTAwZTBvIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSwgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiB4dW5nIHF1YW5oIFx1MDBmNCBcdTAxMTFcdTAwZjMgY2h1eVx1MWVjM24gc2FuZyBtXHUwMGUwdSB4YW5oIGxhbSBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gblx1MWVkNWkgYlx1MWVhZHQgXHUwMGY0IFx1MDExMWFuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbi4gQlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBDU1Mga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgcHNldWRvLWNsYXNzIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dDpob3ZlcjxcL2xpPlxyXG48bGk+Qi4gaW5wdXQ6YWN0aXZlPFwvbGk+XHJcbjxsaT5DLiBpbnB1dDpjaGVja2VkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGlucHV0OmZvY3VzPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgblx1MDBmYXQgZ1x1MWVlZGkgYmlcdTFlYzN1IG1cdTFlYWJ1IChgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCI+R1x1MWVlZGk8XC9idXR0b24+YCkuIEJcdTFlYTFuIG11XHUxZWQxbiBraGkgY29uIHRyXHUxZWNmIGNodVx1MWVkOXQgZGkgY2h1eVx1MWVjM24gcXVhIG5cdTAwZmF0IG5cdTAwZTB5LCBtXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGZhdCBzXHUxZWJkIHRoYXkgXHUwMTExXHUxZWQ1aSB0XHUxZWViIHhcdTAwZTFtIHNhbmcgeGFuaCBsXHUwMGUxIGNcdTAwZTJ5LiBQc2V1ZG8tY2xhc3Mgblx1MDBlMG8gY1x1MWVhN24gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyB0clx1MWVhMW5nIHRoXHUwMGUxaSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA6aG92ZXI8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT5DLiA6Zm9jdXM8XC9saT5cclxuPGxpPkQuIDpkaXNhYmxlZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDU6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBraG9cdTFlYTNuZyBjXHUwMGUxY2ggYlx1MDBlYW4gdHJvbmcgKHZcdTAwZjluZyBcdTAxMTFcdTFlYzdtKSBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZyBjXHUxZWU3YSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSB2XHUwMGUwIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGYzLCBnaVx1MDBmYXAgdlx1MDEwM24gYlx1MWVhM24ga2hcdTAwZjRuZyBiXHUxZWNiIHNcdTAwZTF0IHZcdTAwZTBvIG1cdTAwZTlwLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIG1hcmdpbjxcL2xpPlxyXG48bGk+Qi4gYm9yZGVyPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIHBhZGRpbmc8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBvdXRsaW5lPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBuaFx1MDBmM20gY1x1MDBlMWMgblx1MDBmYXQgcmFkaW8gKGA8aW5wdXQgdHlwZT1cInJhZGlvXCI+YCkuIEtoaSBtXHUxZWQ5dCBuXHUwMGZhdCByYWRpbyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbiwgYlx1MWVhMW4gbXVcdTFlZDFuIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBzXHUxZWFmYyBjXHUxZWU3YSBuaFx1MDBlM24gKGA8bGFiZWw+YCkgdFx1MDFiMFx1MDFhMW5nIFx1MWVlOW5nIHZcdTFlZGJpIG5cdTAwZmF0IFx1MDExMVx1MDBmMyBcdTAxMTFcdTFlYzMgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBkXHUxZWM1IG5oXHUxZWFkbiBiaVx1MWViZnQuIEdpXHUxZWEzIHNcdTFlZWQgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwgbFx1MDBlMCBgPGlucHV0IHR5cGU9XCJyYWRpb1wiIGlkPVwiaWRfbnV0XCI+IDxsYWJlbCBmb3I9XCJpZF9udXRcIj5UXHUwMGVhbiB0XHUwMGY5eSBjaFx1MWVjZG48XC9sYWJlbD5gLiBCXHUxZWQ5IGNoXHUxZWNkbiBDU1Mgblx1MDBlMG8gaGlcdTFlYzd1IHF1XHUxZWEzIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgY2hcdTFlY2RuIG5oXHUwMGUzbiBjXHUxZWU3YSBuXHUwMGZhdCByYWRpbyBcdTAxMTFcdTAwZTMgXHUwMTExXHUwMWIwXHUxZWUzYyBjaFx1MWVjZG4/XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0W3R5cGU9XCJyYWRpb1wiXTpjaGVja2VkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGlucHV0W3R5cGU9XCJyYWRpb1wiXTpjaGVja2VkICsgbGFiZWw8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBsYWJlbDphY3RpdmU8XC9saT5cclxuPGxpPkQuIGxhYmVsOmZvY3VzPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogXHUwMTEwXHUxZWMzIGJvIHRyXHUwMGYybiBjXHUwMGUxYyBnXHUwMGYzYyBjXHUxZWU3YSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBob1x1MWViN2Mgblx1MDBmYXQgbmhcdTFlYTVuIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSwgdFx1MWVhMW8gZ2lhbyBkaVx1MWVjN24gbVx1MWVjMW0gbVx1MWVhMWkgaFx1MDFhMW4sIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGJvcmRlci1yYWRpdXM8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBib3JkZXItY29sbGFwc2U8XC9saT5cclxuPGxpPkMuIG91dGxpbmUtb2Zmc2V0PFwvbGk+XHJcbjxsaT5ELiBib3gtc2hhZG93PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBiXHUxZWFmdCBidVx1MWVkOWMgKGA8aW5wdXQgdHlwZT1cInRleHRcIiByZXF1aXJlZD5gKS4gQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDBmNCBuXHUwMGUweSBjXHUwMGYzIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBtXHUwMGUwdSBcdTAxMTFcdTFlY2Ygblx1MWViZnUgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBjaFx1MDFiMGEgbmhcdTFlYWRwIGRcdTFlZWYgbGlcdTFlYzd1IHZcdTAwZTBvIFx1MDExMVx1MDBmMyAoa2hpIG5cdTAwZjMgXHUxZWRmIHRyXHUxZWExbmcgdGhcdTAwZTFpIGtoXHUwMGY0bmcgaFx1MWVlM3AgbFx1MWVjNykuIFBzZXVkby1jbGFzcyBuXHUwMGUwbyBnaVx1MDBmYXAgYlx1MWVhMW4gY2hcdTFlY2RuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkga2hcdTAwZjRuZyBoXHUxZWUzcCBsXHUxZWM3P1xyXG48dWw+XHJcbjxsaT5BLiA6dmFsaWQ8XC9saT5cclxuPGxpPkIuIDpjaGVja2VkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDppbnZhbGlkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gOm9wdGlvbmFsPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogXHUwMTEwXHUxZWMzIHRoXHUwMGVhbSBtXHUxZWQ5dCBiXHUwMGYzbmcgXHUwMTExXHUxZWQ1IG5oXHUxZWI5IHBoXHUwMGVkYSBkXHUwMWIwXHUxZWRiaSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBraGkgblx1MDBmMyBcdTAxMTFhbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYyAodlx1MDBlZCBkXHUxZWU1OiBraGkgXHUwMTExXHUwMWIwXHUxZWUzYyBmb2N1cyksIHRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBjaGlcdTFlYzF1IHNcdTAwZTJ1LCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gcGhcdTAwZjkgaFx1MWVlM3A/XHJcbjx1bD5cclxuPGxpPkEuIHRleHQtc2hhZG93PFwvbGk+XHJcbjxsaT5CLiBvdXRsaW5lPFwvbGk+XHJcbjxsaT5DLiBib3JkZXI8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYm94LXNoYWRvdzxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Ugdlx1MDEwM24gYlx1MWVhM24gKGA8aW5wdXQgdHlwZT1cInRleHRcIj5gKSB2XHUwMGUwIHZcdTAwZjluZyB2XHUwMTAzbiBiXHUxZWEzbiAoYDx0ZXh0YXJlYT5gKSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MWVlN2EgbVx1MDBlY25oIGNcdTAwZjMgY1x1MDBmOW5nIHBob25nIGNcdTAwZTFjaC4gQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIHNcdTFlYmQgY2hcdTFlY2RuIGNcdTFlYTMgaGFpIGxvXHUxZWExaSBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBpbnB1dFt0eXBlPVwidGV4dFwiXSwgdGV4dGFyZWE8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBpbnB1dCwgdGV4dGFyZWE8XC9saT5cclxuPGxpPkMuIC50ZXh0LWlucHV0PFwvbGk+XHJcbjxsaT5ELiBmb3JtID4gaW5wdXQsIGZvcm0gPiB0ZXh0YXJlYTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBcdTAxMTBcdTFlYzMgdlx1MDBmNCBoaVx1MWVjN3UgaFx1MDBmM2EgKGtoXHUwMGY0bmcgY2hvIHBoXHUwMGU5cCBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYykgdlx1MDBlMCBsXHUwMGUwbSBtXHUxZWRkIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBiXHUxZWIxbmcgQ1NTLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyBwc2V1ZG8tY2xhc3Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIDphY3RpdmU8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gOmRpc2FibGVkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gOnJlYWQtb25seTxcL2xpPlxyXG48bGk+RC4gOm5vdCg6ZW5hYmxlZCk8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAxMDNuIGNoXHUxZWM5bmggY1x1MDBlMWMgbmhcdTAwZTNuIChgPGxhYmVsPmApIHZcdTAwZTAgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQ+YCkgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IHNhbyBjaG8gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Ugblx1MWViMW0gdGhcdTFlYjNuZyBoXHUwMGUwbmcgdGhlbyBjaGlcdTFlYzF1IGRcdTFlY2RjLiBQaFx1MDFiMFx1MDFhMW5nIHBoXHUwMGUxcCBiXHUxZWQxIGNcdTFlZTVjIENTUyBuXHUwMGUwbyB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweSBtXHUxZWQ5dCBjXHUwMGUxY2ggbGluaCBob1x1MWVhMXQ/XHJcbjx1bD5cclxuPGxpPkEuIFNcdTFlZWQgZFx1MWVlNW5nIGZsb2F0IGNobyBsYWJlbCB2XHUwMGUwIGlucHV0LjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWI3dCBkaXNwbGF5OiBpbmxpbmU7IGNobyBjXHUxZWEzIGhhaS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgRmxleGJveCBob1x1MWViN2MgR3JpZCBjaG8gcGhcdTFlYTduIHRcdTFlZWQgY2hcdTFlZTlhIChjb250YWluZXIpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIHZlcnRpY2FsLWFsaWduLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWI3dCBtXHUxZWQ5dCBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIG5nb1x1MDBlMGkgKGxcdTFlYzEpIGdpXHUxZWVmYSBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBsaVx1MDBlYW4gdGlcdTFlYmZwIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTFlYzMgY2hcdTAwZmFuZyBraFx1MDBmNG5nIGRcdTAwZWRuaCB2XHUwMGUwbyBuaGF1LiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gcGhcdTAwZjkgaFx1MWVlM3AgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gbWFyZ2luPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gcGFkZGluZzxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyLXNwYWNpbmc8XC9saT5cclxuPGxpPkQuIGdhcDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBcdTAxMTBcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IGNoXHUxZWVmIChtXHUwMGUwdSB2XHUwMTAzbiBiXHUxZWEzbiBuaFx1MWVhZHAgdlx1MDBlMG8pIHRyb25nIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGNcdTFlZTdhIGJpXHUxZWMzdSBtXHUxZWFidSwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBiYWNrZ3JvdW5kLWNvbG9yPFwvbGk+XHJcbjxsaT5CLiBib3JkZXItY29sb3I8XC9saT5cclxuPGxpPkMuIG91dGxpbmUtY29sb3I8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gY29sb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYDxmaWVsZHNldD5gIGRcdTAwZjluZyBcdTAxMTFcdTFlYzMgbmhcdTAwZjNtIGNcdTAwZTFjIFx1MDExMWlcdTFlYzF1IGtoaVx1MWVjM24gdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyB2aVx1MWVjMW4geHVuZyBxdWFuaCBuaFx1MDBmM20gblx1MDBlMHksIGJcdTFlYTFuIFx1MDBlMXAgZFx1MWVlNW5nIENTUyB0clx1MWVmMWMgdGlcdTFlYmZwIGNobyBwaFx1MWVhN24gdFx1MWVlZCBgPGZpZWxkc2V0PmAgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIG91dGxpbmU8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYm9yZGVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYm94LXNoYWRvdzxcL2xpPlxyXG48bGk+RC4gbWFyZ2luPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IFBzZXVkby1jbGFzcyBgOmFjdGl2ZWAgdHJvbmcgQ1NTIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IGtoaSBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gS2hpIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IGRpIGNodXlcdTFlYzNuIHF1YSBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkIuIEtoaSBwaFx1MWVhN24gdFx1MWVlZCBuaFx1MWVhZG4gXHUwMTExXHUwMWIwXHUxZWUzYyBmb2N1cyB0XHUxZWViIGJcdTAwZTBuIHBoXHUwMGVkbSBob1x1MWViN2MgY2h1XHUxZWQ5dC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gS2hpIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMWFuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIG5oXHUxZWE1biB2XHUwMGUwIGdpXHUxZWVmIGNodVx1MWVkOXQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gS2hpIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBlMyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbiAobmhcdTAxYjAgY2hlY2tib3hcL3JhZGlvKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBtXHUwMGUwdSB4XHUwMGUxbSBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBraVx1MWVjM3Ugdlx1MDEwM24gYlx1MWVhM24gKGBpbnB1dFt0eXBlPVwidGV4dFwiXWApIHZcdTAwZTAgbVx1MWVhZHQga2hcdTFlYTl1IChgaW5wdXRbdHlwZT1cInBhc3N3b3JkXCJdYCkuIEJcdTFlZDkgY2hcdTFlY2RuIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIFx1MDExMVx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dFt0eXBlPVwidGV4dFwiXVt0eXBlPVwicGFzc3dvcmRcIl08XC9saT5cclxuPGxpPkIuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdLCBbdHlwZT1cInBhc3N3b3JkXCJdPFwvbGk+XHJcbjxsaT5DLiBpbnB1dFt0eXBlPVwidGV4dFwiXSwgaW5wdXRbdHlwZT1cInBhc3N3b3JkXCJdPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdLCBpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0geyBib3JkZXI6IDFweCBzb2xpZCBncmF5OyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBcdTAxMTBcdTFlYzMgXHUxZWE5biBob1x1MDBlMG4gdG9cdTAwZTBuIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSAoblx1MDBmMyBraFx1MDBmNG5nIGhpXHUxZWMzbiB0aFx1MWVjYiB2XHUwMGUwIGtoXHUwMGY0bmcgY2hpXHUxZWJmbSBraFx1MDBmNG5nIGdpYW4gYlx1MWVkMSBjXHUxZWU1YyksIGJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIHZcdTAwZTAgZ2lcdTAwZTEgdHJcdTFlY2IgQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGRpc3BsYXk6IG5vbmU7PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gdmlzaWJpbGl0eTogaGlkZGVuOzxcL2xpPlxyXG48bGk+Qy4gb3BhY2l0eTogMDs8XC9saT5cclxuPGxpPkQuIGhlaWdodDogMDsgd2lkdGg6IDA7PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IEJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMGUxYyBuXHUwMGZhdCBuaFx1MWVhNW4gdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IGNcdTAwZjMga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyB2XHUwMGY5bmcgXHUwMTExXHUxZWM3bSB0clx1MDBlYW4gdlx1MDBlMCBkXHUwMWIwXHUxZWRiaSBsXHUwMGUwIDEwcHgsIHRyXHUwMGUxaSB2XHUwMGUwIHBoXHUxZWEzaSBsXHUwMGUwIDE1cHguIEtoYWkgYlx1MDBlMW8gQ1NTIG5cdTAwZTBvIGxcdTAwZTAgXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIHBhZGRpbmc6IDEwcHggMTVweCAxMHB4IDE1cHg7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIHBhZGRpbmc6IDEwcHggMTVweDs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBwYWRkaW5nLXRvcDogMTBweDsgcGFkZGluZy1ib3R0b206IDEwcHg7IHBhZGRpbmctbGVmdDogMTVweDsgcGFkZGluZy1yaWdodDogMTVweDs8XC9saT5cclxuPGxpPkQuIHBhZGRpbmc6IDEwcHg7IG1hcmdpbjogMTVweDs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogUHNldWRvLWNsYXNzIGA6Y2hlY2tlZGAgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IGNobyBsb1x1MWVhMWkgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IG5cdTAwZTBvIGtoaSBjaFx1MDBmYW5nIFx1MWVkZiB0clx1MWVhMW5nIHRoXHUwMGUxaSBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbj9cclxuPHVsPlxyXG48bGk+QS4gXHUwMGQ0IG5oXHUxZWFkcCBsaVx1MWVjN3Ugdlx1MDEwM24gYlx1MWVhM24gKGA8aW5wdXQgdHlwZT1cInRleHRcIj5gKS48XC9saT5cclxuPGxpPkIuIFZcdTAwZjluZyB2XHUwMTAzbiBiXHUxZWEzbiAoYDx0ZXh0YXJlYT5gKS48XC9saT5cclxuPGxpPkMuIE5cdTAwZmF0IGdcdTFlZWRpIChgPGJ1dHRvbiB0eXBlPVwic3VibWl0XCI+YCkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIE5cdTAwZmF0IHJhZGlvIChgPGlucHV0IHR5cGU9XCJyYWRpb1wiPmApIHZcdTAwZTAgaFx1MWVkOXAga2lcdTFlYzNtIChgPGlucHV0IHR5cGU9XCJjaGVja2JveFwiPmApLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogXHUwMTEwXHUxZWMzIHRoaVx1MWViZnQgbFx1MWVhZHAgbVx1MDBlMHUgblx1MWVjMW4gY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGJhY2tncm91bmQtY29sb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBjb2xvcjxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyLWNvbG9yPFwvbGk+XHJcbjxsaT5ELiB0ZXh0LWRlY29yYXRpb24tY29sb3I8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYDxzZWxlY3Q+YCAoZHJvcGRvd25cL2NvbWJvYm94KSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MWVlN2EgbVx1MDBlY25oIGNcdTAwZjMgY2hpXHUxZWMxdSByXHUxZWQ5bmcgYlx1MWViMW5nIDEwMCUgY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQgY2hhIGNoXHUxZWU5YSBuXHUwMGYzLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBnaVx1MDBmYXAgXHUwMTExXHUxZWExdCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBtYXgtd2lkdGg6IDEwMCU7PFwvbGk+XHJcbjxsaT5CLiBkaXNwbGF5OiBibG9jazs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gd2lkdGg6IDEwMCU7PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gZmxleC1ncm93OiAxOzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIzOiBLaGkgbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgYlx1MWVhZnQgYnVcdTFlZDljIChgcmVxdWlyZWRgKSBcdTAxMTFcdTAwZTMgXHUwMTExXHUwMWIwXHUxZWUzYyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIFx1MDExMWlcdTFlYzFuIFx1MDExMVx1MWVhN3kgXHUwMTExXHUxZWU3IHZcdTAwZTAgaFx1MWVlM3AgbFx1MWVjNywgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGYzIGNodXlcdTFlYzNuIHNhbmcgbVx1MDBlMHUgeGFuaCBsXHUwMGUxIGNcdTAwZTJ5LiBQc2V1ZG8tY2xhc3Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgY2hcdTFlY2RuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkgaFx1MWVlM3AgbFx1MWVjNz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA6dmFsaWQ8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA6cmVxdWlyZWQ8XC9saT5cclxuPGxpPkMuIDpvcHRpb25hbDxcL2xpPlxyXG48bGk+RC4gOmVuYWJsZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUwgY2hvIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1OiBgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgcGxhY2Vob2xkZXI9XCJOaFx1MWVhZHAgdFx1MDBlYW4gY1x1MWVlN2EgYlx1MWVhMW5cIj5gLiBcdTAxMTBcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IGNoXHUxZWVmIGNcdTFlZTdhIHZcdTAxMDNuIGJcdTFlYTNuIGdpXHUxZWVmIGNoXHUxZWQ3IChwbGFjZWhvbGRlciB0ZXh0KSwgYlx1MWVhMW4gY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gQ1NTIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dDo6cGxhY2Vob2xkZXI8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gaW5wdXQ6Oi13ZWJraXQtaW5wdXQtcGxhY2Vob2xkZXIsIGlucHV0OjotbW96LXBsYWNlaG9sZGVyLCBpbnB1dDotbXMtaW5wdXQtcGxhY2Vob2xkZXIsIGlucHV0OjpwbGFjZWhvbGRlcjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGlucHV0OnBsYWNlaG9sZGVyPFwvbGk+XHJcbjxsaT5ELiBpbnB1dFtwbGFjZWhvbGRlcl08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNTogXHUwMTEwXHUxZWMzIGxvXHUxZWExaSBiXHUxZWNmIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCAob3V0bGluZSkgeHVcdTFlYTV0IGhpXHUxZWM3biBraGkgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IG5oXHUxZWFkbiBmb2N1cyAodGhcdTAxYjBcdTFlZGRuZyBsXHUwMGUwIFx1MDExMVx1MDFiMFx1MWVkZG5nIGNoXHUxZWE1bSBjaFx1MWVhNW0gaG9cdTFlYjdjIG1cdTAwZTB1IHhhbmggZFx1MDFiMFx1MDFhMW5nKSwgYlx1MWVhMW4ga2hhaSBiXHUwMGUxbyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2Igbm9uZT9cclxuPHVsPlxyXG48bGk+QS4gYm9yZGVyOiBub25lOzxcL2xpPlxyXG48bGk+Qi4gYm94LXNoYWRvdzogbm9uZTs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gb3V0bGluZTogbm9uZTs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiB0ZXh0LWRlY29yYXRpb246IG5vbmU7PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIG5oXHUwMGUzbiAoYDxsYWJlbD5gKSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MWVlN2EgbVx1MDBlY25oIGNcdTAwZjMgY2hcdTFlZWYgaW4gXHUwMTExXHUxZWFkbS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGNcdTFlYTduIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGZvbnQtd2VpZ2h0OiBib2xkOzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOzxcL2xpPlxyXG48bGk+Qy4gZm9udC1zdHlsZTogaXRhbGljOzxcL2xpPlxyXG48bGk+RC4gdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gY1x1MDEwM24gZ2lcdTFlZWZhIChob3Jpem9udGFsbHkgY2VudGVyKSB0b1x1MDBlMG4gYlx1MWVkOSBiaVx1MWVjM3UgbVx1MWVhYnUgKGA8Zm9ybT5gKSB0clx1MDBlYW4gdHJhbmcgd2ViLiBOXHUxZWJmdSBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWQxIFx1MDExMVx1MWVjYm5oLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIG1hcmdpbiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gbWFyZ2luOiBhdXRvOzxcL2xpPlxyXG48bGk+Qi4gbWFyZ2luLWxlZnQ6IGF1dG87IG1hcmdpbi1yaWdodDogYXV0bzs8XC9saT5cclxuPGxpPkMuIG1hcmdpbjogMCBhdXRvOzxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUxZWEzIFx1MDExMVx1MDBlMXAgXHUwMGUxbiAyIHZcdTAwZTAgMyBcdTAxMTFcdTFlYzF1IFx1MDExMVx1MDBmYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogXHUwMTEwXHUxZWMzIHRoYXkgXHUwMTExXHUxZWQ1aSBraVx1MWVjM3UgY29uIHRyXHUxZWNmIGNodVx1MWVkOXQga2hpIGRpIGNodXlcdTFlYzNuIHF1YSBtXHUxZWQ5dCBuXHUwMGZhdCBuaFx1MWVhNW4gdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1ICh2XHUwMGVkIGRcdTFlZTU6IHRoXHUwMGUwbmggaFx1MDBlY25oIGJcdTAwZTBuIHRheSksIGJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gZGlzcGxheTogcG9pbnRlcjs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gY3Vyc29yOiBwb2ludGVyOzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIHRleHQtZGVjb3JhdGlvbjogcG9pbnRlcjs8XC9saT5cclxuPGxpPkQuIG91dGxpbmU6IHBvaW50ZXI7PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBjaGlcdTFlYzF1IGNhbyB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmggdGhlbyBuXHUxZWQ5aSBkdW5nLCBuaFx1MDFiMG5nIGtoXHUwMGY0bmcgbmhcdTFlY2YgaFx1MDFhMW4gbVx1MWVkOXQgY2hpXHUxZWMxdSBjYW8gdFx1MWVkMWkgdGhpXHUxZWMzdSBsXHUwMGUwIDMwcHguIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBwaFx1MDBmOSBoXHUxZWUzcD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBtaW4taGVpZ2h0OiAzMHB4OzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGhlaWdodDogMzBweDs8XC9saT5cclxuPGxpPkMuIGxpbmUtaGVpZ2h0OiAzMHB4OzxcL2xpPlxyXG48bGk+RC4gcGFkZGluZy10b3A6IDE1cHg7IHBhZGRpbmctYm90dG9tOiAxNXB4OzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBcdTAxMTBcdTFlYzMgdFx1MWVhMW8gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgZ1x1MWVhMWNoIGRcdTAxYjBcdTFlZGJpIGNobyBuaFx1MDBlM24gY1x1MWVlN2EgY1x1MDBlMWMgXHUwMGY0IGtpXHUxZWMzbSAoY2hlY2tib3gpIGtoaSBjaFx1MDBmYW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIENTUyBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBwc2V1ZG8tY2xhc3Mgblx1MDBlMG8/IChHaVx1MWVhMyBzXHUxZWVkIGNcdTFlYTV1IHRyXHUwMGZhYyBIVE1MIHRcdTAxYjBcdTAxYTFuZyB0XHUxZWYxIG5oXHUwMWIwIGNcdTAwZTJ1IDY6IGA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCIgaWQ9XCJpZF9jaGVja1wiPiA8bGFiZWwgZm9yPVwiaWRfY2hlY2tcIj5UXHUwMGVhbiB0XHUwMGY5eSBjaFx1MWVjZG48XC9sYWJlbD5gKVxyXG48dWw+XHJcbjxsaT5BLiBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl06aG92ZXIgKyBsYWJlbDxcL2xpPlxyXG48bGk+Qi4gbGFiZWw6Y2hlY2tlZDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBpbnB1dFt0eXBlPVwiY2hlY2tib3hcIl06Y2hlY2tlZCArIGxhYmVsPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gaW5wdXRbdHlwZT1cImNoZWNrYm94XCJdOmZvY3VzICsgbGFiZWw8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjI1MjEiLCJxdWVzdGlvbl9pZHMiOiIzNTQyNzEsMzU0MjcyLDM1NDI3MywzNTQyNzQsMzU0Mjc1LDM1NDI3NiwzNTQyNzcsMzU0Mjc4LDM1NDI3OSwzNTQyODAsMzU0MjgxLDM1NDI4MiwzNTQyODMsMzU0Mjg0LDM1NDI4NSwzNTQyODYsMzU0Mjg3LDM1NDI4OCwzNTQyODksMzU0MjkwLDM1NDI5MSwzNTQyOTIsMzU0MjkzLDM1NDI5NCwzNTQyOTUsMzU0Mjk2LDM1NDI5NywzNTQyOTgsMzU0Mjk5LDM1NDMwMCIsIm9yZGVyaW5nIjoiMTE4MjQiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='11824'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_11824' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-12762'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_12762' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 06</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 06 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Bạn đang thiết kế một biểu mẫu đăng ký. Để tất cả các ô nhập liệu dạng văn bản (text), email và mật khẩu có cùng chiều rộng 300px và hiển thị trên một dòng riêng biệt, bạn cần sử dụng tổ hợp selector và thuộc tính CSS nào là hiệu quả nhất?</p> <ul> <li>A. input { width: 300px; display: inline; }</li> <li>B. input[type="text"], input[type="email"], input[type="password"] { width: 300px; display: inline-block; }</li> <li><strong>C. input[type="text"], input[type="email"], input[type="password"] { width: 300px; display: block; }</strong></li> <li>D. .form-input { width: 300px; display: block; } (với class="form-input" cho từng input)</li> </ul> </div> <div class="question-block"> <p>Câu 2: Khi người dùng nhấp chuột vào một ô nhập liệu (input) trong biểu mẫu, bạn muốn đường viền xung quanh ô đó thay đổi màu sắc để làm nổi bật. Pseudo-class nào sau đây được sử dụng để định kiểu cho trạng thái này?</p> <ul> <li>A. :hover</li> <li><strong>B. :focus</strong></li> <li>C. :active</li> <li>D. :checked</li> </ul> </div> <div class="question-block"> <p>Câu 3: Một biểu mẫu có nhiều ô nhập liệu dạng text và một nút "Gửi". Bạn muốn thêm khoảng trống 15px ở phía dưới mỗi ô nhập liệu dạng text để chúng không dính sát vào nhau. Thuộc tính CSS nào sau đây là phù hợp nhất để áp dụng cho các ô nhập liệu này?</p> <ul> <li><strong>A. margin-bottom: 15px;</strong></li> <li>B. padding-bottom: 15px;</li> <li>C. border-bottom: 15px solid transparent;</li> <li>D. height: auto;</li> </ul> </div> <div class="question-block"> <p>Câu 4: Bạn muốn thiết kế một nút "Đăng nhập" có màu nền xanh dương và chữ màu trắng. Khi người dùng di chuột qua nút, màu nền sẽ chuyển sang xanh lá cây. Đoạn CSS nào sau đây thể hiện đúng yêu cầu này?</p> <ul> <li>A. button { background-color: blue; color: white; } button:focus { background-color: green; }</li> <li>B. button { background-color: green; color: white; } button:hover { background-color: blue; }</li> <li>C. button:hover { background-color: green; } button { background-color: blue; color: white; }</li> <li><strong>D. button { background-color: blue; color: white; } button:hover { background-color: green; }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 5: Trong một biểu mẫu, bạn có một ô nhập liệu bắt buộc (required). Bạn muốn các ô nhập liệu bắt buộc có đường viền màu đỏ khi chúng rỗng hoặc chứa dữ liệu không hợp lệ. Pseudo-class nào sau đây giúp bạn chọn các ô nhập liệu ở trạng thái không hợp lệ?</p> <ul> <li>A. :required</li> <li>B. :valid</li> <li><strong>C. :invalid</strong></li> <li>D. :optional</li> </ul> </div> <div class="question-block"> <p>Câu 6: Bạn có một nhóm các nút radio (radio buttons) cho phép người dùng chọn một tùy chọn duy nhất. Bạn muốn tùy chỉnh giao diện của nút radio khi nó được chọn (ví dụ: thay đổi màu nền của label đi kèm). Pseudo-class nào sau đây được sử dụng để chọn nút radio ở trạng thái "đã chọn"?</p> <ul> <li><strong>A. :checked</strong></li> <li>B. :selected</li> <li>C. :active</li> <li>D. :focus</li> </ul> </div> <div class="question-block"> <p>Câu 7: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `box-sizing: border-box;` cho các ô nhập liệu (input) mang lại lợi ích gì chính?</p> <ul> <li>A. Giúp căn giữa ô nhập liệu trên trang.</li> <li>B. Làm cho ô nhập liệu có đường viền dày hơn.</li> <li>C. Tăng khoảng cách giữa nội dung và đường viền bên trong ô nhập liệu.</li> <li><strong>D. Đảm bảo rằng padding và border được tính gộp vào tổng chiều rộng và chiều cao đã thiết lập.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn muốn tạo kiểu cho một phần tử `<textarea>` để nó có chiều rộng bằng 50% phần tử chứa nó và không cho phép người dùng thay đổi kích thước (resize) theo ý muốn. Thuộc tính CSS nào sau đây cần sử dụng để ngăn chặn hành vi thay đổi kích thước?</p> <ul> <li>A. overflow: hidden;</li> <li>B. display: block;</li> <li><strong>C. resize: none;</strong></li> <li>D. width: 50%;</li> </ul> </div> <div class="question-block"> <p>Câu 9: Để tạo một biểu mẫu có bố cục các trường nhập liệu (input) và nhãn (label) được căn chỉnh thẳng hàng một cách linh hoạt, đặc biệt trong các thiết bị có kích thước màn hình khác nhau, phương pháp bố cục CSS hiện đại nào thường được khuyến khích sử dụng?</p> <ul> <li><strong>A. Flexbox hoặc Grid.</strong></li> <li>B. Sử dụng thuộc tính `float`.</li> <li>C. Sử dụng bảng HTML (`<br /> <table>`).</li> <li>D. Chỉ sử dụng thuộc tính `display: block;` và `width` cố định.</li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn có một nút "Hủy" trong biểu mẫu. Bạn muốn khi người dùng nhấn và giữ chuột vào nút này (trước khi nhả chuột), nút sẽ có hiệu ứng thay đổi màu nền tạm thời. Pseudo-class nào sau đây cần được sử dụng để định kiểu cho trạng thái "đang nhấn"?</p> <ul> <li>A. :focus</li> <li>B. :hover</li> <li>C. :checked</li> <li><strong>D. :active</strong></li> </ul> </div> <div class="question-block"> <p>Câu 11: Khi định kiểu cho các phần tử biểu mẫu, việc sử dụng bộ chọn thuộc tính (Attribute Selectors) như `[type="submit"]` thay vì chỉ dùng tên thẻ `button` có ưu điểm gì?</p> <ul> <li>A. Giúp tăng tốc độ tải trang.</li> <li><strong>B. Cho phép định kiểu riêng biệt cho các loại input hoặc button khác nhau dựa trên chức năng của chúng.</strong></li> <li>C. Làm cho mã CSS ngắn gọn hơn.</li> <li>D. Chỉ áp dụng được cho các trình duyệt web hiện đại.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Bạn có một ô nhập liệu bị vô hiệu hóa (disabled). Bạn muốn ô này có màu nền xám và con trỏ chuột hiển thị biểu tượng "không được phép" khi di chuột qua. Pseudo-class nào sau đây được sử dụng để chọn các phần tử biểu mẫu ở trạng thái "vô hiệu hóa"?</p> <ul> <li><strong>A. :disabled</strong></li> <li>B. :read-only</li> <li>C. :not(:enabled)</li> <li>D. :inactive</li> </ul> </div> <div class="question-block"> <p>Câu 13: Để cải thiện khả năng truy cập (accessibility) cho biểu mẫu, việc định kiểu rõ ràng cho trạng thái `:focus` của các ô nhập liệu là quan trọng vì:</p> <ul> <li>A. Nó làm cho biểu mẫu trông hiện đại hơn.</li> <li>B. Nó giảm thiểu lỗi nhập liệu của người dùng.</li> <li><strong>C. Nó giúp người dùng sử dụng bàn phím hoặc các thiết bị hỗ trợ dễ dàng nhận biết phần tử nào đang được tương tác.</strong></li> <li>D. Nó tự động kiểm tra tính hợp lệ của dữ liệu nhập vào.</li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn muốn tạo kiểu cho tất cả các nhãn (`<label>`) trong biểu mẫu để chúng hiển thị trên cùng một dòng với ô nhập liệu tương ứng và có khoảng cách đều đặn. Thuộc tính `display` với giá trị nào sau đây thường được sử dụng cho `<label>` để đạt được hiệu quả này khi kết hợp với input?</p> <ul> <li>A. block</li> <li><strong>B. inline-block</strong></li> <li>C. flex</li> <li>D. none</li> </ul> </div> <div class="question-block"> <p>Câu 15: Để thêm một lớp nền màu nhạt cho toàn bộ khu vực chứa các trường thông tin liên quan trong biểu mẫu (được nhóm bằng thẻ `</p> <fieldset>`), bạn sẽ áp dụng quy tắc CSS cho selector nào?</p> <ul> <li><strong>A. fieldset</strong></li> <li>B. legend</li> <li>C. form</li> <li>D. input</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn có một ô nhập liệu số (`type="number"`). Bạn muốn tùy chỉnh giao diện của các nút mũi tên lên/xuống mặc định bên cạnh ô nhập liệu này. Pseudo-element nào trong CSS được sử dụng để nhắm mục tiêu các phần tử con đặc biệt của một phần tử?</p> <ul> <li>A. :before</li> <li>B. ::after</li> <li><strong>C. ::placeholder (hoặc các pseudo-element liên quan đến control nội bộ như ::-webkit-inner-spin-button)</strong></li> <li>D. :first-child</li> </ul> </div> <div class="question-block"> <p>Câu 17: Khi sử dụng thuộc tính `outline` để làm nổi bật một ô nhập liệu khi focus, khác biệt chính giữa `outline` và `border` là gì?</p> <ul> <li>A. `border` có thể tạo hiệu ứng động, còn `outline` thì không.</li> <li><strong>B. `outline` không chiếm không gian trong bố cục (layout) của trang, còn `border` thì có.</strong></li> <li>C. `outline` chỉ áp dụng được cho các phần tử biểu mẫu, còn `border` thì không.</li> <li>D. `border` có thể có màu trong suốt, còn `outline` thì luôn có màu đặc.</li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn muốn tạo một hiệu ứng chuyển động mượt mà khi màu đường viền của ô nhập liệu thay đổi từ trạng thái bình thường sang trạng thái `:focus`. Thuộc tính CSS nào sau đây được sử dụng để tạo hiệu ứng chuyển tiếp (transition) cho các thay đổi thuộc tính CSS?</p> <ul> <li><strong>A. transition</strong></li> <li>B. animation</li> <li>C. transform</li> <li>D. filter</li> </ul> </div> <div class="question-block"> <p>Câu 19: Để làm cho một nút "Gửi" trong biểu mẫu có hình dạng bo tròn ở các góc, thuộc tính CSS nào sau đây cần được sử dụng?</p> <ul> <li>A. border-width</li> <li>B. border-style</li> <li><strong>C. border-radius</strong></li> <li>D. border-color</li> </ul> </div> <div class="question-block"> <p>Câu 20: Bạn muốn ẩn hoàn toàn một ô nhập liệu (ví dụ: một trường ẩn `type="hidden"`) khỏi giao diện người dùng mà không chiếm bất kỳ không gian nào trên trang. Thuộc tính `display` với giá trị nào sau đây sẽ đạt được điều này?</p> <ul> <li>A. visibility: hidden;</li> <li>B. opacity: 0;</li> <li>C. display: inline;</li> <li><strong>D. display: none;</strong></li> </ul> </div> <div class="question-block"> <p>Câu 21: Khi thiết kế biểu mẫu trên các thiết bị di động, việc đảm bảo các ô nhập liệu có kích thước đủ lớn để dễ dàng chạm vào là rất quan trọng. Thuộc tính CSS nào sau đây giúp kiểm soát kích thước chiều cao của ô nhập liệu?</p> <ul> <li>A. width</li> <li><strong>B. height</strong></li> <li>C. line-height</li> <li>D. font-size</li> </ul> </div> <div class="question-block"> <p>Câu 22: Bạn muốn thêm một biểu tượng (icon) hoặc văn bản gợi ý (placeholder) bên trong ô nhập liệu khi nó chưa có giá trị. Pseudo-element nào sau đây được sử dụng để định kiểu cho văn bản placeholder trong HTML input?</p> <ul> <li><strong>A. ::placeholder</strong></li> <li>B. ::before</li> <li>C. ::after</li> <li>D. :empty</li> </ul> </div> <div class="question-block"> <p>Câu 23: Để tạo khoảng cách bên trong giữa nội dung (văn bản nhập) và đường viền của một ô nhập liệu, thuộc tính CSS nào sau đây được sử dụng?</p> <ul> <li>A. margin</li> <li>B. border</li> <li><strong>C. padding</strong></li> <li>D. space</li> </ul> </div> <div class="question-block"> <p>Câu 24: Bạn muốn các ô nhập liệu trong biểu mẫu có cùng một kiểu phông chữ và kích thước phông chữ nhất định. Thuộc tính nào sau đây được sử dụng để thiết lập phông chữ cho văn bản bên trong các ô nhập liệu?</p> <ul> <li><strong>A. font</strong></li> <li>B. text-align</li> <li>C. color</li> <li>D. line-height</li> </ul> </div> <div class="question-block"> <p>Câu 25: Khi người dùng đã nhập dữ liệu hợp lệ vào một ô nhập liệu (ví dụ: định dạng email đúng), bạn muốn ô đó có đường viền màu xanh lá cây. Pseudo-class nào sau đây được sử dụng để chọn các phần tử biểu mẫu ở trạng thái "hợp lệ"?</p> <ul> <li>A. :invalid</li> <li><strong>B. :valid</strong></li> <li>C. :required</li> <li>D. :optional</li> </ul> </div> <div class="question-block"> <p>Câu 26: Bạn có một nhóm các checkbox. Bạn muốn tùy chỉnh giao diện của checkbox khi nó không được chọn. Pseudo-class nào sau đây giúp bạn chọn các checkbox ở trạng thái "không được chọn"?</p> <ul> <li>A. :unchecked</li> <li>B. :not(:selected)</li> <li>C. :inactive</li> <li><strong>D. :not(:checked)</strong></li> </ul> </div> <div class="question-block"> <p>Câu 27: Để đảm bảo rằng các phần tử biểu mẫu như input và button hiển thị nhất quán trên các trình duyệt khác nhau, một phương pháp phổ biến là áp dụng một bộ CSS reset hoặc normalize. Mục đích chính của việc này là gì?</p> <ul> <li>A. Để làm cho biểu mẫu có thiết kế độc đáo và sáng tạo hơn.</li> <li>B. Để tăng tốc độ tải trang của biểu mẫu.</li> <li><strong>C. Để loại bỏ hoặc chuẩn hóa các kiểu dáng mặc định khác nhau của trình duyệt cho các phần tử biểu mẫu.</strong></li> <li>D. Để tự động kiểm tra tính hợp lệ của dữ liệu nhập vào biểu mẫu.</li> </ul> </div> <div class="question-block"> <p>Câu 28: Bạn muốn làm cho con trỏ chuột thay đổi thành hình bàn tay khi di chuột qua một nút "Đăng ký" để gợi ý rằng đây là một phần tử có thể tương tác. Thuộc tính CSS nào sau đây được sử dụng để thay đổi kiểu con trỏ chuột?</p> <ul> <li><strong>A. cursor</strong></li> <li>B. pointer-events</li> <li>C. user-select</li> <li>D. outline</li> </ul> </div> <div class="question-block"> <p>Câu 29: Để tạo một hiệu ứng đổ bóng (shadow) cho ô nhập liệu khi nó nhận focus, giúp nó nổi bật lên so với các ô khác, thuộc tính CSS nào sau đây được sử dụng?</p> <ul> <li>A. text-shadow</li> <li>B. outline</li> <li>C. border</li> <li><strong>D. box-shadow</strong></li> </ul> </div> <div class="question-block"> <p>Câu 30: Bạn có một phần tử `<select>` (dropdown list). Bạn muốn tùy chỉnh giao diện của các tùy chọn (`<option>`) bên trong nó. Tuy nhiên, việc định kiểu cho `<option>` bằng CSS thường bị hạn chế bởi trình duyệt. Để tùy chỉnh sâu hơn giao diện của dropdown, phương pháp nào thường được sử dụng trong thực tế?</p> <ul> <li>A. Sử dụng các pseudo-class như `:hover` hoặc `:active` cho thẻ `<option>`.</li> <li><strong>B. Sử dụng thư viện JavaScript hoặc CSS tùy chỉnh để mô phỏng lại dropdown list bằng các phần tử HTML khác (` <div>`, `</p> <ul>`, `</p> <li>`).</strong></li> <li>C. Chỉ có thể thay đổi màu nền và màu chữ cơ bản cho `<select>` và `<option>`.</li> <li>D. Áp dụng thuộc tính `display: flex;` cho `<option>`.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='12762'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='382326,382327,382328,382329,382330,382331,382332,382333,382334,382335,382336,382337,382338,382339,382340,382341,382342,382343,382344,382345,382346,382347,382348,382349,382350,382351,382352,382353,382354,382355'> </div> </div><div class='step ' data-question-id='382326' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Bạn đang thiết kế một biểu mẫu đăng ký. Để tất cả các ô nhập liệu dạng văn bản (text), email và mật khẩu có cùng chiều rộng 300px và hiển thị trên một dòng riêng biệt, bạn cần sử dụng tổ hợp selector và thuộc tính CSS nào là hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382326]' id='ays-answer-1514081-12762' value='1514081'/> <label for='ays-answer-1514081-12762' class=' ays_position_initial ays-quiz-keyboard-label'>input { width: 300px; display: inline; }</label><label for='ays-answer-1514081-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382326]' id='ays-answer-1514082-12762' value='1514082'/> <label for='ays-answer-1514082-12762' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='email'], input[type='password'] { width: 300px; display: inline-block; }</label><label for='ays-answer-1514082-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382326]' id='ays-answer-1514083-12762' value='1514083'/> <label for='ays-answer-1514083-12762' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='email'], input[type='password'] { width: 300px; display: block; }</label><label for='ays-answer-1514083-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382326]' id='ays-answer-1514084-12762' value='1514084'/> <label for='ays-answer-1514084-12762' class=' ays_position_initial ays-quiz-keyboard-label'>.form-input { width: 300px; display: block; } (với class='form-input' cho từng input)</label><label for='ays-answer-1514084-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382326'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDA4MSI6IjAiLCIxNTE0MDgyIjoiMCIsIjE1MTQwODMiOiIxIiwiMTUxNDA4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382327' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Khi người dùng nhấp chuột vào một ô nhập liệu (input) trong biểu mẫu, bạn muốn đường viền xung quanh ô đó thay đổi màu sắc để làm nổi bật. Pseudo-class nào sau đây được sử dụng để định kiểu cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382327]' id='ays-answer-1514085-12762' value='1514085'/> <label for='ays-answer-1514085-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1514085-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382327]' id='ays-answer-1514086-12762' value='1514086'/> <label for='ays-answer-1514086-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1514086-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382327]' id='ays-answer-1514087-12762' value='1514087'/> <label for='ays-answer-1514087-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1514087-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382327]' id='ays-answer-1514088-12762' value='1514088'/> <label for='ays-answer-1514088-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1514088-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382327'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDA4NSI6IjAiLCIxNTE0MDg2IjoiMSIsIjE1MTQwODciOiIwIiwiMTUxNDA4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382328' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Một biểu mẫu có nhiều ô nhập liệu dạng text và một nút 'Gửi'. Bạn muốn thêm khoảng trống 15px ở phía dưới mỗi ô nhập liệu dạng text để chúng không dính sát vào nhau. Thuộc tính CSS nào sau đây là phù hợp nhất để áp dụng cho các ô nhập liệu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382328]' id='ays-answer-1514089-12762' value='1514089'/> <label for='ays-answer-1514089-12762' class=' ays_position_initial ays-quiz-keyboard-label'>margin-bottom: 15px;</label><label for='ays-answer-1514089-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382328]' id='ays-answer-1514090-12762' value='1514090'/> <label for='ays-answer-1514090-12762' class=' ays_position_initial ays-quiz-keyboard-label'>padding-bottom: 15px;</label><label for='ays-answer-1514090-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382328]' id='ays-answer-1514091-12762' value='1514091'/> <label for='ays-answer-1514091-12762' class=' ays_position_initial ays-quiz-keyboard-label'>border-bottom: 15px solid transparent;</label><label for='ays-answer-1514091-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382328]' id='ays-answer-1514092-12762' value='1514092'/> <label for='ays-answer-1514092-12762' class=' ays_position_initial ays-quiz-keyboard-label'>height: auto;</label><label for='ays-answer-1514092-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382328'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDA4OSI6IjEiLCIxNTE0MDkwIjoiMCIsIjE1MTQwOTEiOiIwIiwiMTUxNDA5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382329' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn muốn thiết kế một nút 'Đăng nhập' có màu nền xanh dương và chữ màu trắng. Khi người dùng di chuột qua nút, màu nền sẽ chuyển sang xanh lá cây. Đoạn CSS nào sau đây thể hiện đúng yêu cầu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382329]' id='ays-answer-1514093-12762' value='1514093'/> <label for='ays-answer-1514093-12762' class=' ays_position_initial ays-quiz-keyboard-label'>button { background-color: blue; color: white; } button:focus { background-color: green; }</label><label for='ays-answer-1514093-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382329]' id='ays-answer-1514094-12762' value='1514094'/> <label for='ays-answer-1514094-12762' class=' ays_position_initial ays-quiz-keyboard-label'>button { background-color: green; color: white; } button:hover { background-color: blue; }</label><label for='ays-answer-1514094-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382329]' id='ays-answer-1514095-12762' value='1514095'/> <label for='ays-answer-1514095-12762' class=' ays_position_initial ays-quiz-keyboard-label'>button:hover { background-color: green; } button { background-color: blue; color: white; }</label><label for='ays-answer-1514095-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382329]' id='ays-answer-1514096-12762' value='1514096'/> <label for='ays-answer-1514096-12762' class=' ays_position_initial ays-quiz-keyboard-label'>button { background-color: blue; color: white; } button:hover { background-color: green; }</label><label for='ays-answer-1514096-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382329'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDA5MyI6IjAiLCIxNTE0MDk0IjoiMCIsIjE1MTQwOTUiOiIwIiwiMTUxNDA5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382330' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Trong một biểu mẫu, bạn có một ô nhập liệu bắt buộc (required). Bạn muốn các ô nhập liệu bắt buộc có đường viền màu đỏ khi chúng rỗng hoặc chứa dữ liệu không hợp lệ. Pseudo-class nào sau đây giúp bạn chọn các ô nhập liệu ở trạng thái không hợp lệ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382330]' id='ays-answer-1514097-12762' value='1514097'/> <label for='ays-answer-1514097-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-1514097-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382330]' id='ays-answer-1514098-12762' value='1514098'/> <label for='ays-answer-1514098-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-1514098-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382330]' id='ays-answer-1514099-12762' value='1514099'/> <label for='ays-answer-1514099-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-1514099-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382330]' id='ays-answer-1514100-12762' value='1514100'/> <label for='ays-answer-1514100-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:optional</label><label for='ays-answer-1514100-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382330'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDA5NyI6IjAiLCIxNTE0MDk4IjoiMCIsIjE1MTQwOTkiOiIxIiwiMTUxNDEwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382331' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn có một nhóm các nút radio (radio buttons) cho phép người dùng chọn một tùy chọn duy nhất. Bạn muốn tùy chỉnh giao diện của nút radio khi nó được chọn (ví dụ: thay đổi màu nền của label đi kèm). Pseudo-class nào sau đây được sử dụng để chọn nút radio ở trạng thái 'đã chọn'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382331]' id='ays-answer-1514101-12762' value='1514101'/> <label for='ays-answer-1514101-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1514101-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382331]' id='ays-answer-1514102-12762' value='1514102'/> <label for='ays-answer-1514102-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:selected</label><label for='ays-answer-1514102-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382331]' id='ays-answer-1514103-12762' value='1514103'/> <label for='ays-answer-1514103-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1514103-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382331]' id='ays-answer-1514104-12762' value='1514104'/> <label for='ays-answer-1514104-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1514104-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382331'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEwMSI6IjEiLCIxNTE0MTAyIjoiMCIsIjE1MTQxMDMiOiIwIiwiMTUxNDEwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382332' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `box-sizing: border-box;` cho các ô nhập liệu (input) mang lại lợi ích gì chính?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382332]' id='ays-answer-1514105-12762' value='1514105'/> <label for='ays-answer-1514105-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp căn giữa ô nhập liệu trên trang.</label><label for='ays-answer-1514105-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382332]' id='ays-answer-1514106-12762' value='1514106'/> <label for='ays-answer-1514106-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho ô nhập liệu có đường viền dày hơn.</label><label for='ays-answer-1514106-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382332]' id='ays-answer-1514107-12762' value='1514107'/> <label for='ays-answer-1514107-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng khoảng cách giữa nội dung và đường viền bên trong ô nhập liệu.</label><label for='ays-answer-1514107-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382332]' id='ays-answer-1514108-12762' value='1514108'/> <label for='ays-answer-1514108-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo rằng padding và border được tính gộp vào tổng chiều rộng và chiều cao đã thiết lập.</label><label for='ays-answer-1514108-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382332'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEwNSI6IjAiLCIxNTE0MTA2IjoiMCIsIjE1MTQxMDciOiIwIiwiMTUxNDEwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382333' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn tạo kiểu cho một phần tử `<textarea>` để nó có chiều rộng bằng 50% phần tử chứa nó và không cho phép người dùng thay đổi kích thước (resize) theo ý muốn. Thuộc tính CSS nào sau đây cần sử dụng để ngăn chặn hành vi thay đổi kích thước?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382333]' id='ays-answer-1514109-12762' value='1514109'/> <label for='ays-answer-1514109-12762' class=' ays_position_initial ays-quiz-keyboard-label'>overflow: hidden;</label><label for='ays-answer-1514109-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382333]' id='ays-answer-1514110-12762' value='1514110'/> <label for='ays-answer-1514110-12762' class=' ays_position_initial ays-quiz-keyboard-label'>display: block;</label><label for='ays-answer-1514110-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382333]' id='ays-answer-1514111-12762' value='1514111'/> <label for='ays-answer-1514111-12762' class=' ays_position_initial ays-quiz-keyboard-label'>resize: none;</label><label for='ays-answer-1514111-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382333]' id='ays-answer-1514112-12762' value='1514112'/> <label for='ays-answer-1514112-12762' class=' ays_position_initial ays-quiz-keyboard-label'>width: 50%;</label><label for='ays-answer-1514112-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382333'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEwOSI6IjAiLCIxNTE0MTEwIjoiMCIsIjE1MTQxMTEiOiIxIiwiMTUxNDExMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382334' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Để tạo một biểu mẫu có bố cục các trường nhập liệu (input) và nhãn (label) được căn chỉnh thẳng hàng một cách linh hoạt, đặc biệt trong các thiết bị có kích thước màn hình khác nhau, phương pháp bố cục CSS hiện đại nào thường được khuyến khích sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382334]' id='ays-answer-1514113-12762' value='1514113'/> <label for='ays-answer-1514113-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Flexbox hoặc Grid.</label><label for='ays-answer-1514113-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382334]' id='ays-answer-1514114-12762' value='1514114'/> <label for='ays-answer-1514114-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `float`.</label><label for='ays-answer-1514114-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382334]' id='ays-answer-1514115-12762' value='1514115'/> <label for='ays-answer-1514115-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bảng HTML (`<table>`).</label><label for='ays-answer-1514115-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382334]' id='ays-answer-1514116-12762' value='1514116'/> <label for='ays-answer-1514116-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng thuộc tính `display: block;` và `width` cố định.</label><label for='ays-answer-1514116-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382334'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDExMyI6IjEiLCIxNTE0MTE0IjoiMCIsIjE1MTQxMTUiOiIwIiwiMTUxNDExNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382335' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn có một nút 'Hủy' trong biểu mẫu. Bạn muốn khi người dùng nhấn và giữ chuột vào nút này (trước khi nhả chuột), nút sẽ có hiệu ứng thay đổi màu nền tạm thời. Pseudo-class nào sau đây cần được sử dụng để định kiểu cho trạng thái 'đang nhấn'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382335]' id='ays-answer-1514117-12762' value='1514117'/> <label for='ays-answer-1514117-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1514117-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382335]' id='ays-answer-1514118-12762' value='1514118'/> <label for='ays-answer-1514118-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1514118-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382335]' id='ays-answer-1514119-12762' value='1514119'/> <label for='ays-answer-1514119-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1514119-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382335]' id='ays-answer-1514120-12762' value='1514120'/> <label for='ays-answer-1514120-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1514120-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382335'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDExNyI6IjAiLCIxNTE0MTE4IjoiMCIsIjE1MTQxMTkiOiIwIiwiMTUxNDEyMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382336' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Khi định kiểu cho các phần tử biểu mẫu, việc sử dụng bộ chọn thuộc tính (Attribute Selectors) như `[type='submit']` thay vì chỉ dùng tên thẻ `button` có ưu điểm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382336]' id='ays-answer-1514121-12762' value='1514121'/> <label for='ays-answer-1514121-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp tăng tốc độ tải trang.</label><label for='ays-answer-1514121-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382336]' id='ays-answer-1514122-12762' value='1514122'/> <label for='ays-answer-1514122-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Cho phép định kiểu riêng biệt cho các loại input hoặc button khác nhau dựa trên chức năng của chúng.</label><label for='ays-answer-1514122-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382336]' id='ays-answer-1514123-12762' value='1514123'/> <label for='ays-answer-1514123-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho mã CSS ngắn gọn hơn.</label><label for='ays-answer-1514123-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382336]' id='ays-answer-1514124-12762' value='1514124'/> <label for='ays-answer-1514124-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ áp dụng được cho các trình duyệt web hiện đại.</label><label for='ays-answer-1514124-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382336'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEyMSI6IjAiLCIxNTE0MTIyIjoiMSIsIjE1MTQxMjMiOiIwIiwiMTUxNDEyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382337' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn có một ô nhập liệu bị vô hiệu hóa (disabled). Bạn muốn ô này có màu nền xám và con trỏ chuột hiển thị biểu tượng 'không được phép' khi di chuột qua. Pseudo-class nào sau đây được sử dụng để chọn các phần tử biểu mẫu ở trạng thái 'vô hiệu hóa'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382337]' id='ays-answer-1514125-12762' value='1514125'/> <label for='ays-answer-1514125-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1514125-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382337]' id='ays-answer-1514126-12762' value='1514126'/> <label for='ays-answer-1514126-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:read-only</label><label for='ays-answer-1514126-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382337]' id='ays-answer-1514127-12762' value='1514127'/> <label for='ays-answer-1514127-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:not(:enabled)</label><label for='ays-answer-1514127-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382337]' id='ays-answer-1514128-12762' value='1514128'/> <label for='ays-answer-1514128-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-1514128-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382337'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEyNSI6IjEiLCIxNTE0MTI2IjoiMCIsIjE1MTQxMjciOiIwIiwiMTUxNDEyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382338' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Để cải thiện khả năng truy cập (accessibility) cho biểu mẫu, việc định kiểu rõ ràng cho trạng thái `:focus` của các ô nhập liệu là quan trọng vì:</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382338]' id='ays-answer-1514129-12762' value='1514129'/> <label for='ays-answer-1514129-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Nó làm cho biểu mẫu trông hiện đại hơn.</label><label for='ays-answer-1514129-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382338]' id='ays-answer-1514130-12762' value='1514130'/> <label for='ays-answer-1514130-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Nó giảm thiểu lỗi nhập liệu của người dùng.</label><label for='ays-answer-1514130-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382338]' id='ays-answer-1514131-12762' value='1514131'/> <label for='ays-answer-1514131-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Nó giúp người dùng sử dụng bàn phím hoặc các thiết bị hỗ trợ dễ dàng nhận biết phần tử nào đang được tương tác.</label><label for='ays-answer-1514131-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382338]' id='ays-answer-1514132-12762' value='1514132'/> <label for='ays-answer-1514132-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Nó tự động kiểm tra tính hợp lệ của dữ liệu nhập vào.</label><label for='ays-answer-1514132-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382338'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEyOSI6IjAiLCIxNTE0MTMwIjoiMCIsIjE1MTQxMzEiOiIxIiwiMTUxNDEzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382339' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn muốn tạo kiểu cho tất cả các nhãn (`<label>`) trong biểu mẫu để chúng hiển thị trên cùng một dòng với ô nhập liệu tương ứng và có khoảng cách đều đặn. Thuộc tính `display` với giá trị nào sau đây thường được sử dụng cho `<label>` để đạt được hiệu quả này khi kết hợp với input?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382339]' id='ays-answer-1514133-12762' value='1514133'/> <label for='ays-answer-1514133-12762' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-1514133-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382339]' id='ays-answer-1514134-12762' value='1514134'/> <label for='ays-answer-1514134-12762' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-1514134-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382339]' id='ays-answer-1514135-12762' value='1514135'/> <label for='ays-answer-1514135-12762' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-1514135-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382339]' id='ays-answer-1514136-12762' value='1514136'/> <label for='ays-answer-1514136-12762' class=' ays_position_initial ays-quiz-keyboard-label'>none</label><label for='ays-answer-1514136-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382339'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEzMyI6IjAiLCIxNTE0MTM0IjoiMSIsIjE1MTQxMzUiOiIwIiwiMTUxNDEzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382340' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Để thêm một lớp nền màu nhạt cho toàn bộ khu vực chứa các trường thông tin liên quan trong biểu mẫu (được nhóm bằng thẻ `</p> <fieldset>`), bạn sẽ áp dụng quy tắc CSS cho selector nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382340]' id='ays-answer-1514137-12762' value='1514137'/> <label for='ays-answer-1514137-12762' class=' ays_position_initial ays-quiz-keyboard-label'>fieldset</label><label for='ays-answer-1514137-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382340]' id='ays-answer-1514138-12762' value='1514138'/> <label for='ays-answer-1514138-12762' class=' ays_position_initial ays-quiz-keyboard-label'>legend</label><label for='ays-answer-1514138-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382340]' id='ays-answer-1514139-12762' value='1514139'/> <label for='ays-answer-1514139-12762' class=' ays_position_initial ays-quiz-keyboard-label'>form</label><label for='ays-answer-1514139-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382340]' id='ays-answer-1514140-12762' value='1514140'/> <label for='ays-answer-1514140-12762' class=' ays_position_initial ays-quiz-keyboard-label'>input</label><label for='ays-answer-1514140-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382340'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDEzNyI6IjEiLCIxNTE0MTM4IjoiMCIsIjE1MTQxMzkiOiIwIiwiMTUxNDE0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382341' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn có một ô nhập liệu số (`type='number'`). Bạn muốn tùy chỉnh giao diện của các nút mũi tên lên/xuống mặc định bên cạnh ô nhập liệu này. Pseudo-element nào trong CSS được sử dụng để nhắm mục tiêu các phần tử con đặc biệt của một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382341]' id='ays-answer-1514141-12762' value='1514141'/> <label for='ays-answer-1514141-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:before</label><label for='ays-answer-1514141-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382341]' id='ays-answer-1514142-12762' value='1514142'/> <label for='ays-answer-1514142-12762' class=' ays_position_initial ays-quiz-keyboard-label'>::after</label><label for='ays-answer-1514142-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382341]' id='ays-answer-1514143-12762' value='1514143'/> <label for='ays-answer-1514143-12762' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder (hoặc các pseudo-element liên quan đến control nội bộ như ::-webkit-inner-spin-button)</label><label for='ays-answer-1514143-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382341]' id='ays-answer-1514144-12762' value='1514144'/> <label for='ays-answer-1514144-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:first-child</label><label for='ays-answer-1514144-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382341'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE0MSI6IjAiLCIxNTE0MTQyIjoiMCIsIjE1MTQxNDMiOiIxIiwiMTUxNDE0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382342' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Khi sử dụng thuộc tính `outline` để làm nổi bật một ô nhập liệu khi focus, khác biệt chính giữa `outline` và `border` là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382342]' id='ays-answer-1514145-12762' value='1514145'/> <label for='ays-answer-1514145-12762' class=' ays_position_initial ays-quiz-keyboard-label'>`border` có thể tạo hiệu ứng động, còn `outline` thì không.</label><label for='ays-answer-1514145-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382342]' id='ays-answer-1514146-12762' value='1514146'/> <label for='ays-answer-1514146-12762' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` không chiếm không gian trong bố cục (layout) của trang, còn `border` thì có.</label><label for='ays-answer-1514146-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382342]' id='ays-answer-1514147-12762' value='1514147'/> <label for='ays-answer-1514147-12762' class=' ays_position_initial ays-quiz-keyboard-label'>`outline` chỉ áp dụng được cho các phần tử biểu mẫu, còn `border` thì không.</label><label for='ays-answer-1514147-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382342]' id='ays-answer-1514148-12762' value='1514148'/> <label for='ays-answer-1514148-12762' class=' ays_position_initial ays-quiz-keyboard-label'>`border` có thể có màu trong suốt, còn `outline` thì luôn có màu đặc.</label><label for='ays-answer-1514148-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382342'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE0NSI6IjAiLCIxNTE0MTQ2IjoiMSIsIjE1MTQxNDciOiIwIiwiMTUxNDE0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382343' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn tạo một hiệu ứng chuyển động mượt mà khi màu đường viền của ô nhập liệu thay đổi từ trạng thái bình thường sang trạng thái `:focus`. Thuộc tính CSS nào sau đây được sử dụng để tạo hiệu ứng chuyển tiếp (transition) cho các thay đổi thuộc tính CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382343]' id='ays-answer-1514149-12762' value='1514149'/> <label for='ays-answer-1514149-12762' class=' ays_position_initial ays-quiz-keyboard-label'>transition</label><label for='ays-answer-1514149-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382343]' id='ays-answer-1514150-12762' value='1514150'/> <label for='ays-answer-1514150-12762' class=' ays_position_initial ays-quiz-keyboard-label'>animation</label><label for='ays-answer-1514150-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382343]' id='ays-answer-1514151-12762' value='1514151'/> <label for='ays-answer-1514151-12762' class=' ays_position_initial ays-quiz-keyboard-label'>transform</label><label for='ays-answer-1514151-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382343]' id='ays-answer-1514152-12762' value='1514152'/> <label for='ays-answer-1514152-12762' class=' ays_position_initial ays-quiz-keyboard-label'>filter</label><label for='ays-answer-1514152-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382343'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE0OSI6IjEiLCIxNTE0MTUwIjoiMCIsIjE1MTQxNTEiOiIwIiwiMTUxNDE1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382344' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Để làm cho một nút 'Gửi' trong biểu mẫu có hình dạng bo tròn ở các góc, thuộc tính CSS nào sau đây cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382344]' id='ays-answer-1514153-12762' value='1514153'/> <label for='ays-answer-1514153-12762' class=' ays_position_initial ays-quiz-keyboard-label'>border-width</label><label for='ays-answer-1514153-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382344]' id='ays-answer-1514154-12762' value='1514154'/> <label for='ays-answer-1514154-12762' class=' ays_position_initial ays-quiz-keyboard-label'>border-style</label><label for='ays-answer-1514154-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382344]' id='ays-answer-1514155-12762' value='1514155'/> <label for='ays-answer-1514155-12762' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-1514155-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382344]' id='ays-answer-1514156-12762' value='1514156'/> <label for='ays-answer-1514156-12762' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1514156-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382344'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE1MyI6IjAiLCIxNTE0MTU0IjoiMCIsIjE1MTQxNTUiOiIxIiwiMTUxNDE1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382345' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn muốn ẩn hoàn toàn một ô nhập liệu (ví dụ: một trường ẩn `type='hidden'`) khỏi giao diện người dùng mà không chiếm bất kỳ không gian nào trên trang. Thuộc tính `display` với giá trị nào sau đây sẽ đạt được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382345]' id='ays-answer-1514157-12762' value='1514157'/> <label for='ays-answer-1514157-12762' class=' ays_position_initial ays-quiz-keyboard-label'>visibility: hidden;</label><label for='ays-answer-1514157-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382345]' id='ays-answer-1514158-12762' value='1514158'/> <label for='ays-answer-1514158-12762' class=' ays_position_initial ays-quiz-keyboard-label'>opacity: 0;</label><label for='ays-answer-1514158-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382345]' id='ays-answer-1514159-12762' value='1514159'/> <label for='ays-answer-1514159-12762' class=' ays_position_initial ays-quiz-keyboard-label'>display: inline;</label><label for='ays-answer-1514159-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382345]' id='ays-answer-1514160-12762' value='1514160'/> <label for='ays-answer-1514160-12762' class=' ays_position_initial ays-quiz-keyboard-label'>display: none;</label><label for='ays-answer-1514160-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382345'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE1NyI6IjAiLCIxNTE0MTU4IjoiMCIsIjE1MTQxNTkiOiIwIiwiMTUxNDE2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382346' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Khi thiết kế biểu mẫu trên các thiết bị di động, việc đảm bảo các ô nhập liệu có kích thước đủ lớn để dễ dàng chạm vào là rất quan trọng. Thuộc tính CSS nào sau đây giúp kiểm soát kích thước chiều cao của ô nhập liệu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382346]' id='ays-answer-1514161-12762' value='1514161'/> <label for='ays-answer-1514161-12762' class=' ays_position_initial ays-quiz-keyboard-label'>width</label><label for='ays-answer-1514161-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382346]' id='ays-answer-1514162-12762' value='1514162'/> <label for='ays-answer-1514162-12762' class=' ays_position_initial ays-quiz-keyboard-label'>height</label><label for='ays-answer-1514162-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382346]' id='ays-answer-1514163-12762' value='1514163'/> <label for='ays-answer-1514163-12762' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-1514163-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382346]' id='ays-answer-1514164-12762' value='1514164'/> <label for='ays-answer-1514164-12762' class=' ays_position_initial ays-quiz-keyboard-label'>font-size</label><label for='ays-answer-1514164-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382346'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE2MSI6IjAiLCIxNTE0MTYyIjoiMSIsIjE1MTQxNjMiOiIwIiwiMTUxNDE2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382347' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn muốn thêm một biểu tượng (icon) hoặc văn bản gợi ý (placeholder) bên trong ô nhập liệu khi nó chưa có giá trị. Pseudo-element nào sau đây được sử dụng để định kiểu cho văn bản placeholder trong HTML input?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382347]' id='ays-answer-1514165-12762' value='1514165'/> <label for='ays-answer-1514165-12762' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-1514165-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382347]' id='ays-answer-1514166-12762' value='1514166'/> <label for='ays-answer-1514166-12762' class=' ays_position_initial ays-quiz-keyboard-label'>::before</label><label for='ays-answer-1514166-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382347]' id='ays-answer-1514167-12762' value='1514167'/> <label for='ays-answer-1514167-12762' class=' ays_position_initial ays-quiz-keyboard-label'>::after</label><label for='ays-answer-1514167-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382347]' id='ays-answer-1514168-12762' value='1514168'/> <label for='ays-answer-1514168-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:empty</label><label for='ays-answer-1514168-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382347'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE2NSI6IjEiLCIxNTE0MTY2IjoiMCIsIjE1MTQxNjciOiIwIiwiMTUxNDE2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382348' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Để tạo khoảng cách bên trong giữa nội dung (văn bản nhập) và đường viền của một ô nhập liệu, thuộc tính CSS nào sau đây được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382348]' id='ays-answer-1514169-12762' value='1514169'/> <label for='ays-answer-1514169-12762' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1514169-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382348]' id='ays-answer-1514170-12762' value='1514170'/> <label for='ays-answer-1514170-12762' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1514170-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382348]' id='ays-answer-1514171-12762' value='1514171'/> <label for='ays-answer-1514171-12762' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1514171-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382348]' id='ays-answer-1514172-12762' value='1514172'/> <label for='ays-answer-1514172-12762' class=' ays_position_initial ays-quiz-keyboard-label'>space</label><label for='ays-answer-1514172-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382348'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE2OSI6IjAiLCIxNTE0MTcwIjoiMCIsIjE1MTQxNzEiOiIxIiwiMTUxNDE3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382349' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn các ô nhập liệu trong biểu mẫu có cùng một kiểu phông chữ và kích thước phông chữ nhất định. Thuộc tính nào sau đây được sử dụng để thiết lập phông chữ cho văn bản bên trong các ô nhập liệu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382349]' id='ays-answer-1514173-12762' value='1514173'/> <label for='ays-answer-1514173-12762' class=' ays_position_initial ays-quiz-keyboard-label'>font</label><label for='ays-answer-1514173-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382349]' id='ays-answer-1514174-12762' value='1514174'/> <label for='ays-answer-1514174-12762' class=' ays_position_initial ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-1514174-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382349]' id='ays-answer-1514175-12762' value='1514175'/> <label for='ays-answer-1514175-12762' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1514175-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382349]' id='ays-answer-1514176-12762' value='1514176'/> <label for='ays-answer-1514176-12762' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-1514176-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382349'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE3MyI6IjEiLCIxNTE0MTc0IjoiMCIsIjE1MTQxNzUiOiIwIiwiMTUxNDE3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382350' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Khi người dùng đã nhập dữ liệu hợp lệ vào một ô nhập liệu (ví dụ: định dạng email đúng), bạn muốn ô đó có đường viền màu xanh lá cây. Pseudo-class nào sau đây được sử dụng để chọn các phần tử biểu mẫu ở trạng thái 'hợp lệ'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382350]' id='ays-answer-1514177-12762' value='1514177'/> <label for='ays-answer-1514177-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-1514177-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382350]' id='ays-answer-1514178-12762' value='1514178'/> <label for='ays-answer-1514178-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:valid</label><label for='ays-answer-1514178-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382350]' id='ays-answer-1514179-12762' value='1514179'/> <label for='ays-answer-1514179-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-1514179-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382350]' id='ays-answer-1514180-12762' value='1514180'/> <label for='ays-answer-1514180-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:optional</label><label for='ays-answer-1514180-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382350'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE3NyI6IjAiLCIxNTE0MTc4IjoiMSIsIjE1MTQxNzkiOiIwIiwiMTUxNDE4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382351' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn có một nhóm các checkbox. Bạn muốn tùy chỉnh giao diện của checkbox khi nó không được chọn. Pseudo-class nào sau đây giúp bạn chọn các checkbox ở trạng thái 'không được chọn'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382351]' id='ays-answer-1514181-12762' value='1514181'/> <label for='ays-answer-1514181-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:unchecked</label><label for='ays-answer-1514181-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382351]' id='ays-answer-1514182-12762' value='1514182'/> <label for='ays-answer-1514182-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:not(:selected)</label><label for='ays-answer-1514182-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382351]' id='ays-answer-1514183-12762' value='1514183'/> <label for='ays-answer-1514183-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-1514183-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382351]' id='ays-answer-1514184-12762' value='1514184'/> <label for='ays-answer-1514184-12762' class=' ays_position_initial ays-quiz-keyboard-label'>:not(:checked)</label><label for='ays-answer-1514184-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382351'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE4MSI6IjAiLCIxNTE0MTgyIjoiMCIsIjE1MTQxODMiOiIwIiwiMTUxNDE4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382352' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Để đảm bảo rằng các phần tử biểu mẫu như input và button hiển thị nhất quán trên các trình duyệt khác nhau, một phương pháp phổ biến là áp dụng một bộ CSS reset hoặc normalize. Mục đích chính của việc này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382352]' id='ays-answer-1514185-12762' value='1514185'/> <label for='ays-answer-1514185-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Để làm cho biểu mẫu có thiết kế độc đáo và sáng tạo hơn.</label><label for='ays-answer-1514185-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382352]' id='ays-answer-1514186-12762' value='1514186'/> <label for='ays-answer-1514186-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Để tăng tốc độ tải trang của biểu mẫu.</label><label for='ays-answer-1514186-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382352]' id='ays-answer-1514187-12762' value='1514187'/> <label for='ays-answer-1514187-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Để loại bỏ hoặc chuẩn hóa các kiểu dáng mặc định khác nhau của trình duyệt cho các phần tử biểu mẫu.</label><label for='ays-answer-1514187-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382352]' id='ays-answer-1514188-12762' value='1514188'/> <label for='ays-answer-1514188-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Để tự động kiểm tra tính hợp lệ của dữ liệu nhập vào biểu mẫu.</label><label for='ays-answer-1514188-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382352'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE4NSI6IjAiLCIxNTE0MTg2IjoiMCIsIjE1MTQxODciOiIxIiwiMTUxNDE4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382353' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn làm cho con trỏ chuột thay đổi thành hình bàn tay khi di chuột qua một nút 'Đăng ký' để gợi ý rằng đây là một phần tử có thể tương tác. Thuộc tính CSS nào sau đây được sử dụng để thay đổi kiểu con trỏ chuột?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382353]' id='ays-answer-1514189-12762' value='1514189'/> <label for='ays-answer-1514189-12762' class=' ays_position_initial ays-quiz-keyboard-label'>cursor</label><label for='ays-answer-1514189-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382353]' id='ays-answer-1514190-12762' value='1514190'/> <label for='ays-answer-1514190-12762' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-events</label><label for='ays-answer-1514190-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382353]' id='ays-answer-1514191-12762' value='1514191'/> <label for='ays-answer-1514191-12762' class=' ays_position_initial ays-quiz-keyboard-label'>user-select</label><label for='ays-answer-1514191-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382353]' id='ays-answer-1514192-12762' value='1514192'/> <label for='ays-answer-1514192-12762' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1514192-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382353'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE4OSI6IjEiLCIxNTE0MTkwIjoiMCIsIjE1MTQxOTEiOiIwIiwiMTUxNDE5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382354' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Để tạo một hiệu ứng đổ bóng (shadow) cho ô nhập liệu khi nó nhận focus, giúp nó nổi bật lên so với các ô khác, thuộc tính CSS nào sau đây được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382354]' id='ays-answer-1514193-12762' value='1514193'/> <label for='ays-answer-1514193-12762' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-1514193-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382354]' id='ays-answer-1514194-12762' value='1514194'/> <label for='ays-answer-1514194-12762' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1514194-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382354]' id='ays-answer-1514195-12762' value='1514195'/> <label for='ays-answer-1514195-12762' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1514195-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382354]' id='ays-answer-1514196-12762' value='1514196'/> <label for='ays-answer-1514196-12762' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1514196-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382354'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE5MyI6IjAiLCIxNTE0MTk0IjoiMCIsIjE1MTQxOTUiOiIwIiwiMTUxNDE5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='382355' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 6</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn có một phần tử `<select>` (dropdown list). Bạn muốn tùy chỉnh giao diện của các tùy chọn (`<option>`) bên trong nó. Tuy nhiên, việc định kiểu cho `<option>` bằng CSS thường bị hạn chế bởi trình duyệt. Để tùy chỉnh sâu hơn giao diện của dropdown, phương pháp nào thường được sử dụng trong thực tế?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382355]' id='ays-answer-1514197-12762' value='1514197'/> <label for='ays-answer-1514197-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng các pseudo-class như `:hover` hoặc `:active` cho thẻ `<option>`.</label><label for='ays-answer-1514197-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382355]' id='ays-answer-1514198-12762' value='1514198'/> <label for='ays-answer-1514198-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thư viện JavaScript hoặc CSS tùy chỉnh để mô phỏng lại dropdown list bằng các phần tử HTML khác (`<div>`, `<ul>`, `<li>`).</label><label for='ays-answer-1514198-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382355]' id='ays-answer-1514199-12762' value='1514199'/> <label for='ays-answer-1514199-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có thể thay đổi màu nền và màu chữ cơ bản cho `<select>` và `<option>`.</label><label for='ays-answer-1514199-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-382355]' id='ays-answer-1514200-12762' value='1514200'/> <label for='ays-answer-1514200-12762' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng thuộc tính `display: flex;` cho `<option>`.</label><label for='ays-answer-1514200-12762' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_12762 === 'undefined'){ window.quizOptions_12762 = []; } window.quizOptions_12762['382355'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTUxNDE5NyI6IjAiLCIxNTE0MTk4IjoiMSIsIjE1MTQxOTkiOiIwIiwiMTUxNDIwMCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-12762 * { box-sizing: border-box; } #ays-quiz-container-12762 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-12762 #ays_finish_quiz_12762 { } /* Styles for Quiz container */ #ays-quiz-container-12762{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-12762 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-12762 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-12762 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-12762 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-12762 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-12762 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-12762 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-12762 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-12762.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-12762.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-12762 #ays_finish_quiz_12762 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-12762.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container p, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-12762.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-12762 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-12762 .ays-quiz-password-message-box, #ays-quiz-container-12762 .ays-quiz-question-note-message-box, #ays-quiz-container-12762 .ays_quiz_question, #ays-quiz-container-12762 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-12762 textarea, #ays-quiz-container-12762 input::first-letter, #ays-quiz-container-12762 select::first-letter, #ays-quiz-container-12762 option::first-letter { color: initial !important; } #ays-quiz-container-12762 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-12762 .select2-container, #ays-quiz-container-12762 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-12762 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-12762 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-12762 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-12762 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-12762 .ays-questions-container .ays-field, div#ays-quiz-container-12762 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-12762 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-12762 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-12762 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-12762 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-12762 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-12762 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-12762 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-12762 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-12762 .information_form input[type='text'], #ays-quiz-container-12762 .information_form input[type='url'], #ays-quiz-container-12762 .information_form input[type='number'], #ays-quiz-container-12762 .information_form input[type='email'], #ays-quiz-container-12762 .information_form input[type='tel'], #ays-quiz-container-12762 .information_form textarea, #ays-quiz-container-12762 .information_form select, #ays-quiz-container-12762 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-12762 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-12762 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-12762 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-12762 .right_answer_text{ color:#33cc33; } #ays-quiz-container-12762 .right_answer_text p { font-size:16px; } #ays-quiz-container-12762 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-12762 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-12762 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-12762 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-12762 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-12762 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-12762 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-12762 .ays_cb_and_a, #ays-quiz-container-12762 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-12762 iframe { /*min-height: 450px;*/ } #ays-quiz-container-12762 label.ays_for_checkbox, #ays-quiz-container-12762 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-12762 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-12762 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-12762 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-12762 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-12762 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-12762 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-12762 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-12762 div.lds-spinner, #ays-quiz-container-12762 div.lds-spinner2 { color: #000000; } #ays-quiz-container-12762 div.lds-spinner div:after, #ays-quiz-container-12762 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-12762 .lds-circle, #ays-quiz-container-12762 .lds-facebook div, #ays-quiz-container-12762 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-12762 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-12762 .lds-dual-ring::after, #ays-quiz-container-12762 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-12762 .ui.rating .icon, #ays-quiz-container-12762 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-12762 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-12762 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-12762 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-12762 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-12762 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-12762 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-12762 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-12762 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-12762 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-12762 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-12762 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-12762 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-12762 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-12762 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-12762 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-12762 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-12762 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-12762 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-12762 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-12762 div.ays-quiz-redirection-timer, #ays-quiz-container-12762 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-12762 div.ays-quiz-after-timer * , #ays-quiz-container-12762 div.ays-quiz-redirection-timer *, #ays-quiz-container-12762 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-12762 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-12762 input#ays-submit, #ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button, #ays-quiz-container-12762 #ays_finish_quiz_12762 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-12762 #ays_finish_quiz_12762 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button.ays_restart_button, #ays-quiz-container-12762 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-12762 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-12762 input#ays-submit, #ays-quiz-container-12762 #ays_finish_quiz_12762 input.action-button, #ays-quiz-container-12762 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-12762 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-12762 input#ays-submit:hover, #ays-quiz-container-12762 input#ays-submit:focus, #ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button:hover, #ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button:focus, #ays-quiz-container-12762 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-12762 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-12762 .ays_restart_button { color: #ffffff; } #ays-quiz-container-12762 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-12762 .ays_buttons_div { justify-content: center; } #ays-quiz-container-12762 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-12762 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-12762 input[type='button'], #ays-quiz-container-12762 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-12762 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-12762 input[type='button']:focus-visible, div#ays-quiz-container-12762 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-12762 #ays_finish_quiz_12762 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-12762 #ays_finish_quiz_12762 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-12762 #ays_finish_quiz_12762 i.ays_early_finish.action-button[disabled], #ays-quiz-container-12762 #ays_finish_quiz_12762 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-12762 #ays_finish_quiz_12762 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-12762 #ays_finish_quiz_12762 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-12762 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-12762 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-12762 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-12762.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-12762 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-12762 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-12762 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-12762 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-12762 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-12762 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-12762 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-12762 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-12762 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-12762 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-12762 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-12762 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-12762 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-12762 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-12762 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-12762 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-12762 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-12762 .ays-field .select2-container--default, #ays-quiz-container-12762 .ays-field .select2-container--default .selection, #ays-quiz-container-12762 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-12762 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-12762 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-12762 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-12762 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-12762 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-12762 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-12762 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-12762 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-12762 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-12762 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-12762 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-12762 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-12762 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-12762 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-12762 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-12762 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-12762 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-12762 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-12762 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-12762 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-12762.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-12762.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-12762 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-12762 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-12762 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-12762 label[for^='ays-answer']:before, #ays-quiz-container-12762 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-12762 .ays_question_report { text-align: right; } div#ays-quiz-container-12762 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-12762 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-12762.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-12762.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-12762.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-12762.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-12762.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-12762.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-12762 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-12762.ays_quiz_classic_dark .correct_div, #ays-quiz-container-12762.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-12762.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-12762.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-12762.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-12762.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-12762.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-12762.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-12762 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-12762 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-12762 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-12762 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-12762 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-12762 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-12762 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-12762.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-12762.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-12762 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-12762 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-12762 .ays-quiz-personality-result-box div:before, #ays-quiz-container-12762 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-12762 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-12762 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-12762 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-12762 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-12762 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-12762 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-12762 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-12762 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-12762 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-12762 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-12762 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-12762 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-12762 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-12762{ max-width: 100%; } div#ays-quiz-container-12762 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-12762.ays_quiz_modern_light .step, div#ays-quiz-container-12762.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-12762.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-12762.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-12762.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-12762.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-12762 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-12762 .select2-container, div#ays-quiz-container-12762 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-12762 input#ays-submit, div#ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button, div#ays-quiz-container-12762 #ays_finish_quiz_12762 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button.ays_restart_button, #ays-quiz-container-12762 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-12762 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-12762 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-12762 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-12762 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-12762 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-12762 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-12762 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-12762 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-12762 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-12762 p { margin: 0.625em; } #ays-quiz-container-12762.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-12762.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-12762 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-12762.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-12762 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button:hover, #ays-quiz-container-12762 #ays_finish_quiz_12762 .action-button:focus, #ays-quiz-container-12762 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-12762 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['12762'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIxMjc2MiIsImF1dGhvcl9pZCI6IjMiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDYiLCJkZXNjcmlwdGlvbiI6IjxwPlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDYgYmFvIGdcdTFlZDNtIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgaGF5LCBiXHUwMGUxbSBzXHUwMGUxdCBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmguIENcdTAwZjluZyBsXHUwMGUwbSBiXHUwMGUwaSB0XHUxZWFkcCB0clx1MWVhZmMgbmdoaVx1MWVjN20gbmdheS48XC9wPlxyXG5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOiBCXHUxZWExbiBcdTAxMTFhbmcgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTAxMDNuZyBrXHUwMGZkLiBcdTAxMTBcdTFlYzMgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBkXHUxZWExbmcgdlx1MDEwM24gYlx1MWVhM24gKHRleHQpLCBlbWFpbCB2XHUwMGUwIG1cdTFlYWR0IGtoXHUxZWE5dSBjXHUwMGYzIGNcdTAwZjluZyBjaGlcdTFlYzF1IHJcdTFlZDluZyAzMDBweCB2XHUwMGUwIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gbVx1MWVkOXQgZFx1MDBmMm5nIHJpXHUwMGVhbmcgYmlcdTFlYzd0LCBiXHUxZWExbiBjXHUxZWE3biBzXHUxZWVkIGRcdTFlZTVuZyB0XHUxZWQ1IGhcdTFlZTNwIHNlbGVjdG9yIHZcdTAwZTAgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGxcdTAwZTAgaGlcdTFlYzd1IHF1XHUxZWEzIG5oXHUxZWE1dD9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXQgeyB3aWR0aDogMzAwcHg7IGRpc3BsYXk6IGlubGluZTsgfTxcL2xpPlxyXG48bGk+Qi4gaW5wdXRbdHlwZT1cInRleHRcIl0sIGlucHV0W3R5cGU9XCJlbWFpbFwiXSwgaW5wdXRbdHlwZT1cInBhc3N3b3JkXCJdIHsgd2lkdGg6IDMwMHB4OyBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gaW5wdXRbdHlwZT1cInRleHRcIl0sIGlucHV0W3R5cGU9XCJlbWFpbFwiXSwgaW5wdXRbdHlwZT1cInBhc3N3b3JkXCJdIHsgd2lkdGg6IDMwMHB4OyBkaXNwbGF5OiBibG9jazsgfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIC5mb3JtLWlucHV0IHsgd2lkdGg6IDMwMHB4OyBkaXNwbGF5OiBibG9jazsgfSAodlx1MWVkYmkgY2xhc3M9XCJmb3JtLWlucHV0XCIgY2hvIHRcdTFlZWJuZyBpbnB1dCk8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBLaGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhNXAgY2h1XHUxZWQ5dCB2XHUwMGUwbyBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSAoaW5wdXQpIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSwgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiB4dW5nIHF1YW5oIFx1MDBmNCBcdTAxMTFcdTAwZjMgdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IHNcdTFlYWZjIFx1MDExMVx1MWVjMyBsXHUwMGUwbSBuXHUxZWQ1aSBiXHUxZWFkdC4gUHNldWRvLWNsYXNzIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gdHJcdTFlYTFuZyB0aFx1MDBlMWkgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIDpob3ZlcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA6Zm9jdXM8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT5ELiA6Y2hlY2tlZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IE1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSBjXHUwMGYzIG5oaVx1MWVjMXUgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgZFx1MWVhMW5nIHRleHQgdlx1MDBlMCBtXHUxZWQ5dCBuXHUwMGZhdCBcIkdcdTFlZWRpXCIuIEJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0ga2hvXHUxZWEzbmcgdHJcdTFlZDFuZyAxNXB4IFx1MWVkZiBwaFx1MDBlZGEgZFx1MDFiMFx1MWVkYmkgbVx1MWVkN2kgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgZFx1MWVhMW5nIHRleHQgXHUwMTExXHUxZWMzIGNoXHUwMGZhbmcga2hcdTAwZjRuZyBkXHUwMGVkbmggc1x1MDBlMXQgdlx1MDBlMG8gbmhhdS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Ugblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gbWFyZ2luLWJvdHRvbTogMTVweDs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBwYWRkaW5nLWJvdHRvbTogMTVweDs8XC9saT5cclxuPGxpPkMuIGJvcmRlci1ib3R0b206IDE1cHggc29saWQgdHJhbnNwYXJlbnQ7PFwvbGk+XHJcbjxsaT5ELiBoZWlnaHQ6IGF1dG87PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogQlx1MWVhMW4gbXVcdTFlZDFuIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCBuXHUwMGZhdCBcIlx1MDExMFx1MDEwM25nIG5oXHUxZWFkcFwiIGNcdTAwZjMgbVx1MDBlMHUgblx1MWVjMW4geGFuaCBkXHUwMWIwXHUwMWExbmcgdlx1MDBlMCBjaFx1MWVlZiBtXHUwMGUwdSB0clx1MWVhZm5nLiBLaGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBkaSBjaHVcdTFlZDl0IHF1YSBuXHUwMGZhdCwgbVx1MDBlMHUgblx1MWVjMW4gc1x1MWViZCBjaHV5XHUxZWMzbiBzYW5nIHhhbmggbFx1MDBlMSBjXHUwMGUyeS4gXHUwMTEwb1x1MWVhMW4gQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHRoXHUxZWMzIGhpXHUxZWM3biBcdTAxMTFcdTAwZmFuZyB5XHUwMGVhdSBjXHUxZWE3dSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gYnV0dG9uIHsgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgY29sb3I6IHdoaXRlOyB9IGJ1dHRvbjpmb2N1cyB7IGJhY2tncm91bmQtY29sb3I6IGdyZWVuOyB9PFwvbGk+XHJcbjxsaT5CLiBidXR0b24geyBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsgY29sb3I6IHdoaXRlOyB9IGJ1dHRvbjpob3ZlciB7IGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH08XC9saT5cclxuPGxpPkMuIGJ1dHRvbjpob3ZlciB7IGJhY2tncm91bmQtY29sb3I6IGdyZWVuOyB9IGJ1dHRvbiB7IGJhY2tncm91bmQtY29sb3I6IGJsdWU7IGNvbG9yOiB3aGl0ZTsgfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBidXR0b24geyBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyBjb2xvcjogd2hpdGU7IH0gYnV0dG9uOmhvdmVyIHsgYmFja2dyb3VuZC1jb2xvcjogZ3JlZW47IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogVHJvbmcgbVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1LCBiXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGJcdTFlYWZ0IGJ1XHUxZWQ5YyAocmVxdWlyZWQpLiBCXHUxZWExbiBtdVx1MWVkMW4gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgYlx1MWVhZnQgYnVcdTFlZDljIGNcdTAwZjMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IFx1MDExMVx1MWVjZiBraGkgY2hcdTAwZmFuZyByXHUxZWQ3bmcgaG9cdTFlYjdjIGNoXHUxZWU5YSBkXHUxZWVmIGxpXHUxZWM3dSBraFx1MDBmNG5nIGhcdTFlZTNwIGxcdTFlYzcuIFBzZXVkby1jbGFzcyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBnaVx1MDBmYXAgYlx1MWVhMW4gY2hcdTFlY2RuIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IFx1MWVkZiB0clx1MWVhMW5nIHRoXHUwMGUxaSBraFx1MDBmNG5nIGhcdTFlZTNwIGxcdTFlYzc/XHJcbjx1bD5cclxuPGxpPkEuIDpyZXF1aXJlZDxcL2xpPlxyXG48bGk+Qi4gOnZhbGlkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDppbnZhbGlkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gOm9wdGlvbmFsPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBuaFx1MDBmM20gY1x1MDBlMWMgblx1MDBmYXQgcmFkaW8gKHJhZGlvIGJ1dHRvbnMpIGNobyBwaFx1MDBlOXAgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBjaFx1MWVjZG4gbVx1MWVkOXQgdFx1MDBmOXkgY2hcdTFlY2RuIGR1eSBuaFx1MWVhNXQuIEJcdTFlYTFuIG11XHUxZWQxbiB0XHUwMGY5eSBjaFx1MWVjOW5oIGdpYW8gZGlcdTFlYzduIGNcdTFlZTdhIG5cdTAwZmF0IHJhZGlvIGtoaSBuXHUwMGYzIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuICh2XHUwMGVkIGRcdTFlZTU6IHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBsYWJlbCBcdTAxMTFpIGtcdTAwZThtKS4gUHNldWRvLWNsYXNzIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGNoXHUxZWNkbiBuXHUwMGZhdCByYWRpbyBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkgXCJcdTAxMTFcdTAwZTMgY2hcdTFlY2RuXCI/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gOmNoZWNrZWQ8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA6c2VsZWN0ZWQ8XC9saT5cclxuPGxpPkMuIDphY3RpdmU8XC9saT5cclxuPGxpPkQuIDpmb2N1czxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYmlcdTFlYzN1IG1cdTFlYWJ1LCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJveC1zaXppbmc6IGJvcmRlci1ib3g7YCBjaG8gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGlucHV0KSBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGdcdTAwZWMgY2hcdTAwZWRuaD9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTAwZmFwIGNcdTAxMDNuIGdpXHUxZWVmYSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxsaT5CLiBMXHUwMGUwbSBjaG8gXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gZFx1MDBlMHkgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5DLiBUXHUwMTAzbmcga2hvXHUxZWEzbmcgY1x1MDBlMWNoIGdpXHUxZWVmYSBuXHUxZWQ5aSBkdW5nIHZcdTAwZTAgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGJcdTAwZWFuIHRyb25nIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBcdTAxMTBcdTFlYTNtIGJcdTFlYTNvIHJcdTFlYjFuZyBwYWRkaW5nIHZcdTAwZTAgYm9yZGVyIFx1MDExMVx1MDFiMFx1MWVlM2MgdFx1MDBlZG5oIGdcdTFlZDlwIHZcdTAwZTBvIHRcdTFlZDVuZyBjaGlcdTFlYzF1IHJcdTFlZDluZyB2XHUwMGUwIGNoaVx1MWVjMXUgY2FvIFx1MDExMVx1MDBlMyB0aGlcdTFlYmZ0IGxcdTFlYWRwLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8ga2lcdTFlYzN1IGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBgPHRleHRhcmVhPmAgXHUwMTExXHUxZWMzIG5cdTAwZjMgY1x1MDBmMyBjaGlcdTFlYzF1IHJcdTFlZDluZyBiXHUxZWIxbmcgNTAlIHBoXHUxZWE3biB0XHUxZWVkIGNoXHUxZWU5YSBuXHUwMGYzIHZcdTAwZTAga2hcdTAwZjRuZyBjaG8gcGhcdTAwZTlwIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdGhheSBcdTAxMTFcdTFlZDVpIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgKHJlc2l6ZSkgdGhlbyBcdTAwZmQgbXVcdTFlZDFuLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIG5nXHUwMTAzbiBjaFx1MWViN24gaFx1MDBlMG5oIHZpIHRoYXkgXHUwMTExXHUxZWQ1aSBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjP1xyXG48dWw+XHJcbjxsaT5BLiBvdmVyZmxvdzogaGlkZGVuOzxcL2xpPlxyXG48bGk+Qi4gZGlzcGxheTogYmxvY2s7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIHJlc2l6ZTogbm9uZTs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiB3aWR0aDogNTAlOzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBiXHUxZWQxIGNcdTFlZTVjIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAoaW5wdXQpIHZcdTAwZTAgbmhcdTAwZTNuIChsYWJlbCkgXHUwMTExXHUwMWIwXHUxZWUzYyBjXHUwMTAzbiBjaFx1MWVjOW5oIHRoXHUxZWIzbmcgaFx1MDBlMG5nIG1cdTFlZDl0IGNcdTAwZTFjaCBsaW5oIGhvXHUxZWExdCwgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgdHJvbmcgY1x1MDBlMWMgdGhpXHUxZWJmdCBiXHUxZWNiIGNcdTAwZjMga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBtXHUwMGUwbiBoXHUwMGVjbmgga2hcdTAwZTFjIG5oYXUsIHBoXHUwMWIwXHUwMWExbmcgcGhcdTAwZTFwIGJcdTFlZDEgY1x1MWVlNWMgQ1NTIGhpXHUxZWM3biBcdTAxMTFcdTFlYTFpIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBraHV5XHUxZWJmbiBraFx1MDBlZGNoIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEZsZXhib3ggaG9cdTFlYjdjIEdyaWQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gU1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGZsb2F0YC48XC9saT5cclxuPGxpPkMuIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlYTNuZyBIVE1MIChgPHRhYmxlPmApLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXk6IGJsb2NrO2Agdlx1MDBlMCBgd2lkdGhgIGNcdTFlZDEgXHUwMTExXHUxZWNibmguPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgblx1MDBmYXQgXCJIXHUxZWU3eVwiIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidS4gQlx1MWVhMW4gbXVcdTFlZDFuIGtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIG5oXHUxZWE1biB2XHUwMGUwIGdpXHUxZWVmIGNodVx1MWVkOXQgdlx1MDBlMG8gblx1MDBmYXQgblx1MDBlMHkgKHRyXHUwMWIwXHUxZWRiYyBraGkgbmhcdTFlYTMgY2h1XHUxZWQ5dCksIG5cdTAwZmF0IHNcdTFlYmQgY1x1MDBmMyBoaVx1MWVjN3UgXHUxZWU5bmcgdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIHRcdTFlYTFtIHRoXHUxZWRkaS4gUHNldWRvLWNsYXNzIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGNcdTFlYTduIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gdHJcdTFlYTFuZyB0aFx1MDBlMWkgXCJcdTAxMTFhbmcgbmhcdTFlYTVuXCI/XHJcbjx1bD5cclxuPGxpPkEuIDpmb2N1czxcL2xpPlxyXG48bGk+Qi4gOmhvdmVyPFwvbGk+XHJcbjxsaT5DLiA6Y2hlY2tlZDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiA6YWN0aXZlPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBLaGkgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBiaVx1MWVjM3UgbVx1MWVhYnUsIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiB0aHVcdTFlZDljIHRcdTAwZWRuaCAoQXR0cmlidXRlIFNlbGVjdG9ycykgbmhcdTAxYjAgYFt0eXBlPVwic3VibWl0XCJdYCB0aGF5IHZcdTAwZWMgY2hcdTFlYzkgZFx1MDBmOW5nIHRcdTAwZWFuIHRoXHUxZWJiIGBidXR0b25gIGNcdTAwZjMgXHUwMWIwdSBcdTAxMTFpXHUxZWMzbSBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBHaVx1MDBmYXAgdFx1MDEwM25nIHRcdTFlZDFjIFx1MDExMVx1MWVkOSB0XHUxZWEzaSB0cmFuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ2hvIHBoXHUwMGU5cCBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgcmlcdTAwZWFuZyBiaVx1MWVjN3QgY2hvIGNcdTAwZTFjIGxvXHUxZWExaSBpbnB1dCBob1x1MWViN2MgYnV0dG9uIGtoXHUwMGUxYyBuaGF1IGRcdTFlZjFhIHRyXHUwMGVhbiBjaFx1MWVlOWMgblx1MDEwM25nIGNcdTFlZTdhIGNoXHUwMGZhbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gTFx1MDBlMG0gY2hvIG1cdTAwZTMgQ1NTIG5nXHUxZWFmbiBnXHUxZWNkbiBoXHUwMWExbi48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hvIGNcdTAwZTFjIHRyXHUwMGVjbmggZHV5XHUxZWM3dCB3ZWIgaGlcdTFlYzduIFx1MDExMVx1MWVhMWkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTI6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgYlx1MWVjYiB2XHUwMGY0IGhpXHUxZWM3dSBoXHUwMGYzYSAoZGlzYWJsZWQpLiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMGY0IG5cdTAwZTB5IGNcdTAwZjMgbVx1MDBlMHUgblx1MWVjMW4geFx1MDBlMW0gdlx1MDBlMCBjb24gdHJcdTFlY2YgY2h1XHUxZWQ5dCBoaVx1MWVjM24gdGhcdTFlY2IgYmlcdTFlYzN1IHRcdTAxYjBcdTFlZTNuZyBcImtoXHUwMGY0bmcgXHUwMTExXHUwMWIwXHUxZWUzYyBwaFx1MDBlOXBcIiBraGkgZGkgY2h1XHUxZWQ5dCBxdWEuIFBzZXVkby1jbGFzcyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBjaFx1MWVjZG4gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MWVkZiB0clx1MWVhMW5nIHRoXHUwMGUxaSBcInZcdTAwZjQgaGlcdTFlYzd1IGhcdTAwZjNhXCI/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gOmRpc2FibGVkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOnJlYWQtb25seTxcL2xpPlxyXG48bGk+Qy4gOm5vdCg6ZW5hYmxlZCk8XC9saT5cclxuPGxpPkQuIDppbmFjdGl2ZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBcdTAxMTBcdTFlYzMgY1x1MWVhM2kgdGhpXHUxZWM3biBraFx1MWVhMyBuXHUwMTAzbmcgdHJ1eSBjXHUxZWFkcCAoYWNjZXNzaWJpbGl0eSkgY2hvIGJpXHUxZWMzdSBtXHUxZWFidSwgdmlcdTFlYzdjIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSByXHUwMGY1IHJcdTAwZTBuZyBjaG8gdHJcdTFlYTFuZyB0aFx1MDBlMWkgYDpmb2N1c2AgY1x1MWVlN2EgY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgbFx1MDBlMCBxdWFuIHRyXHUxZWNkbmcgdlx1MDBlYzpcclxuPHVsPlxyXG48bGk+QS4gTlx1MDBmMyBsXHUwMGUwbSBjaG8gYmlcdTFlYzN1IG1cdTFlYWJ1IHRyXHUwMGY0bmcgaGlcdTFlYzduIFx1MDExMVx1MWVhMWkgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5CLiBOXHUwMGYzIGdpXHUxZWEzbSB0aGlcdTFlYzN1IGxcdTFlZDdpIG5oXHUxZWFkcCBsaVx1MWVjN3UgY1x1MWVlN2EgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gTlx1MDBmMyBnaVx1MDBmYXAgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBzXHUxZWVkIGRcdTFlZTVuZyBiXHUwMGUwbiBwaFx1MDBlZG0gaG9cdTFlYjdjIGNcdTAwZTFjIHRoaVx1MWViZnQgYlx1MWVjYiBoXHUxZWQ3IHRyXHUxZWUzIGRcdTFlYzUgZFx1MDBlMG5nIG5oXHUxZWFkbiBiaVx1MWViZnQgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8gXHUwMTExYW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIE5cdTAwZjMgdFx1MWVmMSBcdTAxMTFcdTFlZDluZyBraVx1MWVjM20gdHJhIHRcdTAwZWRuaCBoXHUxZWUzcCBsXHUxZWM3IGNcdTFlZTdhIGRcdTFlZWYgbGlcdTFlYzd1IG5oXHUxZWFkcCB2XHUwMGUwby48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGtpXHUxZWMzdSBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBuaFx1MDBlM24gKGA8bGFiZWw+YCkgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IFx1MDExMVx1MWVjMyBjaFx1MDBmYW5nIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGRcdTAwZjJuZyB2XHUxZWRiaSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSB0XHUwMWIwXHUwMWExbmcgXHUxZWU5bmcgdlx1MDBlMCBjXHUwMGYzIGtob1x1MWVhM25nIGNcdTAwZTFjaCBcdTAxMTFcdTFlYzF1IFx1MDExMVx1MWViN24uIFRodVx1MWVkOWMgdFx1MDBlZG5oIGBkaXNwbGF5YCB2XHUxZWRiaSBnaVx1MDBlMSB0clx1MWVjYiBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgY2hvIGA8bGFiZWw+YCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWExdCBcdTAxMTFcdTAxYjBcdTFlZTNjIGhpXHUxZWM3dSBxdVx1MWVhMyBuXHUwMGUweSBraGkga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgaW5wdXQ/XHJcbjx1bD5cclxuPGxpPkEuIGJsb2NrPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGlubGluZS1ibG9jazxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGZsZXg8XC9saT5cclxuPGxpPkQuIG5vbmU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogXHUwMTEwXHUxZWMzIHRoXHUwMGVhbSBtXHUxZWQ5dCBsXHUxZWRicCBuXHUxZWMxbiBtXHUwMGUwdSBuaFx1MWVhMXQgY2hvIHRvXHUwMGUwbiBiXHUxZWQ5IGtodSB2XHUxZWYxYyBjaFx1MWVlOWEgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyB0aFx1MDBmNG5nIHRpbiBsaVx1MDBlYW4gcXVhbiB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgKFx1MDExMVx1MDFiMFx1MWVlM2MgbmhcdTAwZjNtIGJcdTFlYjFuZyB0aFx1MWViYiBgPGZpZWxkc2V0PmApLCBiXHUxZWExbiBzXHUxZWJkIFx1MDBlMXAgZFx1MWVlNW5nIHF1eSB0XHUxZWFmYyBDU1MgY2hvIHNlbGVjdG9yIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGZpZWxkc2V0PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gbGVnZW5kPFwvbGk+XHJcbjxsaT5DLiBmb3JtPFwvbGk+XHJcbjxsaT5ELiBpbnB1dDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IHNcdTFlZDEgKGB0eXBlPVwibnVtYmVyXCJgKS4gQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTAwZjl5IGNoXHUxZWM5bmggZ2lhbyBkaVx1MWVjN24gY1x1MWVlN2EgY1x1MDBlMWMgblx1MDBmYXQgbVx1MDE2OWkgdFx1MDBlYW4gbFx1MDBlYW5cL3h1XHUxZWQxbmcgbVx1MWViN2MgXHUwMTExXHUxZWNibmggYlx1MDBlYW4gY1x1MWVhMW5oIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IG5cdTAwZTB5LiBQc2V1ZG8tZWxlbWVudCBuXHUwMGUwbyB0cm9uZyBDU1MgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgbmhcdTFlYWZtIG1cdTFlZTVjIHRpXHUwMGVhdSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjb24gXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgY1x1MWVlN2EgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQ/XHJcbjx1bD5cclxuPGxpPkEuIDpiZWZvcmU8XC9saT5cclxuPGxpPkIuIDo6YWZ0ZXI8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gOjpwbGFjZWhvbGRlciAoaG9cdTFlYjdjIGNcdTAwZTFjIHBzZXVkby1lbGVtZW50IGxpXHUwMGVhbiBxdWFuIFx1MDExMVx1MWViZm4gY29udHJvbCBuXHUxZWQ5aSBiXHUxZWQ5IG5oXHUwMWIwIDo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbik8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiA6Zmlyc3QtY2hpbGQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogS2hpIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBvdXRsaW5lYCBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gblx1MWVkNWkgYlx1MWVhZHQgbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Uga2hpIGZvY3VzLCBraFx1MDBlMWMgYmlcdTFlYzd0IGNoXHUwMGVkbmggZ2lcdTFlZWZhIGBvdXRsaW5lYCB2XHUwMGUwIGBib3JkZXJgIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gYGJvcmRlcmAgY1x1MDBmMyB0aFx1MWVjMyB0XHUxZWExbyBoaVx1MWVjN3UgXHUxZWU5bmcgXHUwMTExXHUxZWQ5bmcsIGNcdTAwZjJuIGBvdXRsaW5lYCB0aFx1MDBlYyBraFx1MDBmNG5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgb3V0bGluZWAga2hcdTAwZjRuZyBjaGlcdTFlYmZtIGtoXHUwMGY0bmcgZ2lhbiB0cm9uZyBiXHUxZWQxIGNcdTFlZTVjIChsYXlvdXQpIGNcdTFlZTdhIHRyYW5nLCBjXHUwMGYybiBgYm9yZGVyYCB0aFx1MDBlYyBjXHUwMGYzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBvdXRsaW5lYCBjaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBiaVx1MWVjM3UgbVx1MWVhYnUsIGNcdTAwZjJuIGBib3JkZXJgIHRoXHUwMGVjIGtoXHUwMGY0bmcuPFwvbGk+XHJcbjxsaT5ELiBgYm9yZGVyYCBjXHUwMGYzIHRoXHUxZWMzIGNcdTAwZjMgbVx1MDBlMHUgdHJvbmcgc3VcdTFlZDF0LCBjXHUwMGYybiBgb3V0bGluZWAgdGhcdTAwZWMgbHVcdTAwZjRuIGNcdTAwZjMgbVx1MDBlMHUgXHUwMTExXHUxZWI3Yy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGhpXHUxZWM3dSBcdTFlZTluZyBjaHV5XHUxZWMzbiBcdTAxMTFcdTFlZDluZyBtXHUwMWIwXHUxZWUzdCBtXHUwMGUwIGtoaSBtXHUwMGUwdSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY1x1MWVlN2EgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgdGhheSBcdTAxMTFcdTFlZDVpIHRcdTFlZWIgdHJcdTFlYTFuZyB0aFx1MDBlMWkgYlx1MDBlY25oIHRoXHUwMWIwXHUxZWRkbmcgc2FuZyB0clx1MWVhMW5nIHRoXHUwMGUxaSBgOmZvY3VzYC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBjaHV5XHUxZWMzbiB0aVx1MWViZnAgKHRyYW5zaXRpb24pIGNobyBjXHUwMGUxYyB0aGF5IFx1MDExMVx1MWVkNWkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIHRyYW5zaXRpb248XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBhbmltYXRpb248XC9saT5cclxuPGxpPkMuIHRyYW5zZm9ybTxcL2xpPlxyXG48bGk+RC4gZmlsdGVyPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IFx1MDExMFx1MWVjMyBsXHUwMGUwbSBjaG8gbVx1MWVkOXQgblx1MDBmYXQgXCJHXHUxZWVkaVwiIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBjXHUwMGYzIGhcdTAwZWNuaCBkXHUxZWExbmcgYm8gdHJcdTAwZjJuIFx1MWVkZiBjXHUwMGUxYyBnXHUwMGYzYywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGNcdTFlYTduIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPkEuIGJvcmRlci13aWR0aDxcL2xpPlxyXG48bGk+Qi4gYm9yZGVyLXN0eWxlPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGJvcmRlci1yYWRpdXM8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBib3JkZXItY29sb3I8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MWVhOW4gaG9cdTAwZTBuIHRvXHUwMGUwbiBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSAodlx1MDBlZCBkXHUxZWU1OiBtXHUxZWQ5dCB0clx1MDFiMFx1MWVkZG5nIFx1MWVhOW4gYHR5cGU9XCJoaWRkZW5cImApIGtoXHUxZWNmaSBnaWFvIGRpXHUxZWM3biBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIG1cdTAwZTAga2hcdTAwZjRuZyBjaGlcdTFlYmZtIGJcdTFlYTV0IGtcdTFlZjMga2hcdTAwZjRuZyBnaWFuIG5cdTAwZTBvIHRyXHUwMGVhbiB0cmFuZy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXlgIHZcdTFlZGJpIGdpXHUwMGUxIHRyXHUxZWNiIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHNcdTFlYmQgXHUwMTExXHUxZWExdCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiB2aXNpYmlsaXR5OiBoaWRkZW47PFwvbGk+XHJcbjxsaT5CLiBvcGFjaXR5OiAwOzxcL2xpPlxyXG48bGk+Qy4gZGlzcGxheTogaW5saW5lOzxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBkaXNwbGF5OiBub25lOzxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogS2hpIHRoaVx1MWViZnQga1x1MWViZiBiaVx1MWVjM3UgbVx1MWVhYnUgdHJcdTAwZWFuIGNcdTAwZTFjIHRoaVx1MWViZnQgYlx1MWVjYiBkaSBcdTAxMTFcdTFlZDluZywgdmlcdTFlYzdjIFx1MDExMVx1MWVhM20gYlx1MWVhM28gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgY1x1MDBmMyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIFx1MDExMVx1MWVlNyBsXHUxZWRibiBcdTAxMTFcdTFlYzMgZFx1MWVjNSBkXHUwMGUwbmcgY2hcdTFlYTFtIHZcdTAwZTBvIGxcdTAwZTAgclx1MWVhNXQgcXVhbiB0clx1MWVjZG5nLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgZ2lcdTAwZmFwIGtpXHUxZWMzbSBzb1x1MDBlMXQga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBjaGlcdTFlYzF1IGNhbyBjXHUxZWU3YSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dT9cclxuPHVsPlxyXG48bGk+QS4gd2lkdGg8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gaGVpZ2h0PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gbGluZS1oZWlnaHQ8XC9saT5cclxuPGxpPkQuIGZvbnQtc2l6ZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBCXHUxZWExbiBtdVx1MWVkMW4gdGhcdTAwZWFtIG1cdTFlZDl0IGJpXHUxZWMzdSB0XHUwMWIwXHUxZWUzbmcgKGljb24pIGhvXHUxZWI3YyB2XHUwMTAzbiBiXHUxZWEzbiBnXHUxZWUzaSBcdTAwZmQgKHBsYWNlaG9sZGVyKSBiXHUwMGVhbiB0cm9uZyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBraGkgblx1MDBmMyBjaFx1MDFiMGEgY1x1MDBmMyBnaVx1MDBlMSB0clx1MWVjYi4gUHNldWRvLWVsZW1lbnQgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyB2XHUwMTAzbiBiXHUxZWEzbiBwbGFjZWhvbGRlciB0cm9uZyBIVE1MIGlucHV0P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDo6cGxhY2Vob2xkZXI8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA6OmJlZm9yZTxcL2xpPlxyXG48bGk+Qy4gOjphZnRlcjxcL2xpPlxyXG48bGk+RC4gOmVtcHR5PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBraG9cdTFlYTNuZyBjXHUwMGUxY2ggYlx1MDBlYW4gdHJvbmcgZ2lcdTFlZWZhIG5cdTFlZDlpIGR1bmcgKHZcdTAxMDNuIGJcdTFlYTNuIG5oXHUxZWFkcCkgdlx1MDBlMCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY1x1MWVlN2EgbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UsIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBtYXJnaW48XC9saT5cclxuPGxpPkIuIGJvcmRlcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBwYWRkaW5nPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gc3BhY2U8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBjXHUwMGYzIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3UgcGhcdTAwZjRuZyBjaFx1MWVlZiB2XHUwMGUwIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgcGhcdTAwZjRuZyBjaFx1MWVlZiBuaFx1MWVhNXQgXHUwMTExXHUxZWNibmguIFRodVx1MWVkOWMgdFx1MDBlZG5oIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHRoaVx1MWViZnQgbFx1MWVhZHAgcGhcdTAwZjRuZyBjaFx1MWVlZiBjaG8gdlx1MDEwM24gYlx1MWVhM24gYlx1MDBlYW4gdHJvbmcgY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3U/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gZm9udDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIHRleHQtYWxpZ248XC9saT5cclxuPGxpPkMuIGNvbG9yPFwvbGk+XHJcbjxsaT5ELiBsaW5lLWhlaWdodDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBLaGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBcdTAxMTFcdTAwZTMgbmhcdTFlYWRwIGRcdTFlZWYgbGlcdTFlYzd1IGhcdTFlZTNwIGxcdTFlYzcgdlx1MDBlMG8gbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKHZcdTAwZWQgZFx1MWVlNTogXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGVtYWlsIFx1MDExMVx1MDBmYW5nKSwgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDBmNCBcdTAxMTFcdTAwZjMgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBsXHUwMGUxIGNcdTAwZTJ5LiBQc2V1ZG8tY2xhc3Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgY2hcdTFlY2RuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkgXCJoXHUxZWUzcCBsXHUxZWM3XCI/XHJcbjx1bD5cclxuPGxpPkEuIDppbnZhbGlkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDp2YWxpZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDpyZXF1aXJlZDxcL2xpPlxyXG48bGk+RC4gOm9wdGlvbmFsPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgbmhcdTAwZjNtIGNcdTAwZTFjIGNoZWNrYm94LiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MDBmOXkgY2hcdTFlYzluaCBnaWFvIGRpXHUxZWM3biBjXHUxZWU3YSBjaGVja2JveCBraGkgblx1MDBmMyBraFx1MDBmNG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuLiBQc2V1ZG8tY2xhc3Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgZ2lcdTAwZmFwIGJcdTFlYTFuIGNoXHUxZWNkbiBjXHUwMGUxYyBjaGVja2JveCBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkgXCJraFx1MDBmNG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuXCI/XHJcbjx1bD5cclxuPGxpPkEuIDp1bmNoZWNrZWQ8XC9saT5cclxuPGxpPkIuIDpub3QoOnNlbGVjdGVkKTxcL2xpPlxyXG48bGk+Qy4gOmluYWN0aXZlPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIDpub3QoOmNoZWNrZWQpPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyByXHUxZWIxbmcgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IG5oXHUwMWIwIGlucHV0IHZcdTAwZTAgYnV0dG9uIGhpXHUxZWMzbiB0aFx1MWVjYiBuaFx1MWVhNXQgcXVcdTAwZTFuIHRyXHUwMGVhbiBjXHUwMGUxYyB0clx1MDBlY25oIGR1eVx1MWVjN3Qga2hcdTAwZTFjIG5oYXUsIG1cdTFlZDl0IHBoXHUwMWIwXHUwMWExbmcgcGhcdTAwZTFwIHBoXHUxZWQ1IGJpXHUxZWJmbiBsXHUwMGUwIFx1MDBlMXAgZFx1MWVlNW5nIG1cdTFlZDl0IGJcdTFlZDkgQ1NTIHJlc2V0IGhvXHUxZWI3YyBub3JtYWxpemUuIE1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIGNoXHUwMGVkbmggY1x1MWVlN2EgdmlcdTFlYzdjIG5cdTAwZTB5IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gXHUwMTEwXHUxZWMzIGxcdTAwZTBtIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyB0aGlcdTFlYmZ0IGtcdTFlYmYgXHUwMTExXHUxZWQ5YyBcdTAxMTFcdTAwZTFvIHZcdTAwZTAgc1x1MDBlMW5nIHRcdTFlYTFvIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWMzIHRcdTAxMDNuZyB0XHUxZWQxYyBcdTAxMTFcdTFlZDkgdFx1MWVhM2kgdHJhbmcgY1x1MWVlN2EgYmlcdTFlYzN1IG1cdTFlYWJ1LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBcdTAxMTBcdTFlYzMgbG9cdTFlYTFpIGJcdTFlY2YgaG9cdTFlYjdjIGNodVx1MWVhOW4gaFx1MDBmM2EgY1x1MDBlMWMga2lcdTFlYzN1IGRcdTAwZTFuZyBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCBraFx1MDBlMWMgbmhhdSBjXHUxZWU3YSB0clx1MDBlY25oIGR1eVx1MWVjN3QgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlYzMgdFx1MWVmMSBcdTAxMTFcdTFlZDluZyBraVx1MWVjM20gdHJhIHRcdTAwZWRuaCBoXHUxZWUzcCBsXHUxZWM3IGNcdTFlZTdhIGRcdTFlZWYgbGlcdTFlYzd1IG5oXHUxZWFkcCB2XHUwMGUwbyBiaVx1MWVjM3UgbVx1MWVhYnUuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IEJcdTFlYTFuIG11XHUxZWQxbiBsXHUwMGUwbSBjaG8gY29uIHRyXHUxZWNmIGNodVx1MWVkOXQgdGhheSBcdTAxMTFcdTFlZDVpIHRoXHUwMGUwbmggaFx1MDBlY25oIGJcdTAwZTBuIHRheSBraGkgZGkgY2h1XHUxZWQ5dCBxdWEgbVx1MWVkOXQgblx1MDBmYXQgXCJcdTAxMTBcdTAxMDNuZyBrXHUwMGZkXCIgXHUwMTExXHUxZWMzIGdcdTFlZTNpIFx1MDBmZCByXHUxZWIxbmcgXHUwMTExXHUwMGUyeSBsXHUwMGUwIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgdGhcdTFlYzMgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIGtpXHUxZWMzdSBjb24gdHJcdTFlY2YgY2h1XHUxZWQ5dD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBjdXJzb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBwb2ludGVyLWV2ZW50czxcL2xpPlxyXG48bGk+Qy4gdXNlci1zZWxlY3Q8XC9saT5cclxuPGxpPkQuIG91dGxpbmU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIG1cdTFlZDl0IGhpXHUxZWM3dSBcdTFlZTluZyBcdTAxMTFcdTFlZDUgYlx1MDBmM25nIChzaGFkb3cpIGNobyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBraGkgblx1MDBmMyBuaFx1MWVhZG4gZm9jdXMsIGdpXHUwMGZhcCBuXHUwMGYzIG5cdTFlZDVpIGJcdTFlYWR0IGxcdTAwZWFuIHNvIHZcdTFlZGJpIGNcdTAwZTFjIFx1MDBmNCBraFx1MDBlMWMsIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiB0ZXh0LXNoYWRvdzxcL2xpPlxyXG48bGk+Qi4gb3V0bGluZTxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGJveC1zaGFkb3c8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYDxzZWxlY3Q+YCAoZHJvcGRvd24gbGlzdCkuIEJcdTFlYTFuIG11XHUxZWQxbiB0XHUwMGY5eSBjaFx1MWVjOW5oIGdpYW8gZGlcdTFlYzduIGNcdTFlZTdhIGNcdTAwZTFjIHRcdTAwZjl5IGNoXHUxZWNkbiAoYDxvcHRpb24+YCkgYlx1MDBlYW4gdHJvbmcgblx1MDBmMy4gVHV5IG5oaVx1MDBlYW4sIHZpXHUxZWM3YyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIGA8b3B0aW9uPmAgYlx1MWViMW5nIENTUyB0aFx1MDFiMFx1MWVkZG5nIGJcdTFlY2IgaFx1MWVhMW4gY2hcdTFlYmYgYlx1MWVkZmkgdHJcdTAwZWNuaCBkdXlcdTFlYzd0LiBcdTAxMTBcdTFlYzMgdFx1MDBmOXkgY2hcdTFlYzluaCBzXHUwMGUydSBoXHUwMWExbiBnaWFvIGRpXHUxZWM3biBjXHUxZWU3YSBkcm9wZG93biwgcGhcdTAxYjBcdTAxYTFuZyBwaFx1MDBlMXAgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIHRyb25nIHRoXHUxZWYxYyB0XHUxZWJmP1xyXG48dWw+XHJcbjxsaT5BLiBTXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBwc2V1ZG8tY2xhc3MgbmhcdTAxYjAgYDpob3ZlcmAgaG9cdTFlYjdjIGA6YWN0aXZlYCBjaG8gdGhcdTFlYmIgYDxvcHRpb24+YC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gU1x1MWVlZCBkXHUxZWU1bmcgdGhcdTAxYjAgdmlcdTFlYzduIEphdmFTY3JpcHQgaG9cdTFlYjdjIENTUyB0XHUwMGY5eSBjaFx1MWVjOW5oIFx1MDExMVx1MWVjMyBtXHUwMGY0IHBoXHUxZWNmbmcgbFx1MWVhMWkgZHJvcGRvd24gbGlzdCBiXHUxZWIxbmcgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBraFx1MDBlMWMgKGA8ZGl2PmAsIGA8dWw+YCwgYDxsaT5gKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUwMGYzIHRoXHUxZWMzIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBuXHUxZWMxbiB2XHUwMGUwIG1cdTAwZTB1IGNoXHUxZWVmIGNcdTAxYTEgYlx1MWVhM24gY2hvIGA8c2VsZWN0PmAgdlx1MDBlMCBgPG9wdGlvbj5gLjxcL2xpPlxyXG48bGk+RC4gXHUwMGMxcCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXk6IGZsZXg7YCBjaG8gYDxvcHRpb24+YC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjE1ODMiLCJxdWVzdGlvbl9pZHMiOiIzODIzMjYsMzgyMzI3LDM4MjMyOCwzODIzMjksMzgyMzMwLDM4MjMzMSwzODIzMzIsMzgyMzMzLDM4MjMzNCwzODIzMzUsMzgyMzM2LDM4MjMzNywzODIzMzgsMzgyMzM5LDM4MjM0MCwzODIzNDEsMzgyMzQyLDM4MjM0MywzODIzNDQsMzgyMzQ1LDM4MjM0NiwzODIzNDcsMzgyMzQ4LDM4MjM0OSwzODIzNTAsMzgyMzUxLDM4MjM1MiwzODIzNTMsMzgyMzU0LDM4MjM1NSIsIm9yZGVyaW5nIjoiMTI3NjIiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='12762'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_12762' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-13700'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_13700' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 07</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 07 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Để áp dụng kiểu cho tất cả các phần tử `<input>` trong biểu mẫu, vùng chọn CSS nào sau đây là đúng?</p> <ul> <li>A. form > input</li> <li><strong>B. input</strong></li> <li>C. .input-field</li> <li>D. input-element</li> </ul> </div> <div class="question-block"> <p>Câu 2: Bạn muốn thay đổi màu nền chỉ cho ô nhập liệu email (`<input type= <ul> <li>A. input[email]</li> <li>B. .input[type="email"]</li> <li><strong>C. input[type=</strong></li> <li>D. [type="email"]</li> </ul> </div> <div class="question-block"> <p>Câu 3: Khi người dùng nhấp chuột vào một ô nhập liệu để gõ dữ liệu, trạng thái này được gọi là gì trong CSS? Thuộc tính giả nào được sử dụng để định kiểu cho trạng thái này?</p> <ul> <li><strong>A. :focus</strong></li> <li>B. :active</li> <li>C. :hover</li> <li>D. :selected</li> </ul> </div> <div class="question-block"> <p>Câu 4: Để thay đổi màu nền của nút </p> <ul> <li>A. :active</li> <li>B. :checked</li> <li>C. :visited</li> <li><strong>D. :hover</strong></li> </ul> </div> <div class="question-block"> <p>Câu 5: Bạn muốn làm nổi bật viền của một hộp kiểm (`<input type= <ul> <li><strong>A. :checked</strong></li> <li>B. :selected</li> <li>C. :active</li> <li>D. :focus</li> </ul> </div> <div class="question-block"> <p>Câu 6: Một ô nhập liệu (`<input>`) mặc định có `display: inline-block`. Nếu bạn đặt `display: block` cho nó, điều gì sẽ xảy ra?</p> <ul> <li>A. Nó sẽ nằm trên cùng một dòng với các phần tử khác nhưng có thêm khoảng trống.</li> <li><strong>B. Nó sẽ chiếm toàn bộ chiều rộng có sẵn và các phần tử tiếp theo sẽ xuống dòng mới.</strong></li> <li>C. Nó sẽ biến mất khỏi trang.</li> <li>D. Kích thước của nó sẽ tự động co lại theo nội dung.</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn có một ô nhập liệu với `width: 200px`, `padding: 10px`, và `border: 1px solid black`. Nếu bạn đặt `box-sizing: border-box;`, tổng chiều rộng thực tế của ô nhập liệu đó sẽ là bao nhiêu?</p> <ul> <li><strong>A. 200px</strong></li> <li>B. 210px</li> <li>C. 212px</li> <li>D. 222px</li> </ul> </div> <div class="question-block"> <p>Câu 8: Tại sao việc sử dụng thẻ `<label>` với thuộc tính `for` liên kết với `id` của `<input>` lại quan trọng khi định kiểu biểu mẫu?</p> <ul> <li>A. Chỉ để hiển thị văn bản nhãn.</li> <li>B. Nó không có tác dụng gì trong CSS.</li> <li>C. Nó chỉ dùng để áp dụng kiểu cho nhãn, không liên quan đến ô nhập liệu.</li> <li><strong>D. Cải thiện khả năng truy cập (accessibility) và cho phép người dùng nhấp vào nhãn để focus vào ô nhập liệu tương ứng.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 9: Để định kiểu cho một vùng nhập liệu văn bản đa dòng trong biểu mẫu, bạn sẽ sử dụng vùng chọn CSS nào?</p> <ul> <li>A. input[type=</li> <li><strong>B. textarea</strong></li> <li>C. input[type=</li> <li>D. text-area</li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn muốn thay đổi font chữ cho một hộp chọn (dropdown list) trong biểu mẫu. Vùng chọn CSS nào là phù hợp?</p> <ul> <li>A. dropdown</li> <li>B. input[type=</li> <li><strong>C. select</strong></li> <li>D. option</li> </ul> </div> <div class="question-block"> <p>Câu 11: Nhiều nhà phát triển web thường áp dụng các quy tắc CSS như `margin: 0; padding: 0;` cho các phần tử biểu mẫu như `input`, `textarea`, `select`. Mục đích chính của việc này là gì?</p> <ul> <li><strong>A. Xóa bỏ các kiểu mặc định khác nhau của trình duyệt để dễ dàng định kiểu thống nhất.</strong></li> <li>B. Tăng tốc độ tải trang.</li> <li>C. Làm cho biểu mẫu không thể tương tác.</li> <li>D. Bắt buộc người dùng phải nhập dữ liệu.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Bạn muốn tạo khoảng trống giữa các ô nhập liệu liền kề trong một biểu mẫu. Thuộc tính CSS nào là lựa chọn tốt nhất để kiểm soát khoảng cách <i>bên ngoài</i> đường viền của mỗi ô?</p> <ul> <li>A. padding</li> <li>B. border-spacing</li> <li><strong>C. margin</strong></li> <li>D. gap</li> </ul> </div> <div class="question-block"> <p>Câu 13: Để tạo khoảng trống giữa nội dung văn bản người dùng nhập vào và đường viền của ô nhập liệu, bạn sẽ sử dụng thuộc tính CSS nào?</p> <ul> <li><strong>A. padding</strong></li> <li>B. margin</li> <li>C. text-indent</li> <li>D. line-height</li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn muốn thay đổi màu chữ của văn bản gợi ý (placeholder) bên trong một ô nhập liệu. Vùng chọn CSS nào sau đây được sử dụng để định kiểu cho placeholder?</p> <ul> <li>A. :placeholder</li> <li>B. [placeholder]</li> <li>C. input::hint</li> <li><strong>D. ::placeholder</strong></li> </ul> </div> <div class="question-block"> <p>Câu 15: Khi một ô nhập liệu bị vô hiệu hóa (`<input disabled>`), người dùng không thể tương tác với nó. Thuộc tính giả nào trong CSS được sử dụng để định kiểu cho trạng thái này (ví dụ: làm mờ nó đi)?</p> <ul> <li>A. :inactive</li> <li><strong>B. :disabled</strong></li> <li>C. :locked</li> <li>D. :unavailable</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn muốn thêm một đường viền màu đỏ cho các ô nhập liệu bắt buộc (`<input required>`) trước khi người dùng nhập dữ liệu. Thuộc tính giả nào có thể giúp bạn chọn các phần tử này?</p> <ul> <li><strong>A. :required</strong></li> <li>B. :mandatory</li> <li>C. :important</li> <li>D. :validated</li> </ul> </div> <div class="question-block"> <p>Câu 17: Người dùng vừa nhập dữ liệu vào ô email. Trình duyệt kiểm tra định dạng và thấy nó không phải là một địa chỉ email hợp lệ. Thuộc tính giả nào trong CSS có thể được sử dụng để định kiểu cho ô nhập liệu trong trường hợp này (ví dụ: thêm viền đỏ)?</p> <ul> <li>A. :error</li> <li>B. :incorrect</li> <li><strong>C. :invalid</strong></li> <li>D. :failed</li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn muốn căn giữa toàn bộ biểu mẫu (`</p> <form>`) theo chiều ngang trên trang. Nếu biểu mẫu có chiều rộng cố định (ví dụ: `width: 500px`), thuộc tính CSS nào kết hợp với `display: block` sẽ giúp thực hiện điều này?</p> <ul> <li>A. text-align: center;</li> <li><strong>B. margin: 0 auto;</strong></li> <li>C. align-items: center;</li> <li>D. float: center;</li> </ul> </div> <div class="question-block"> <p>Câu 19: Để định kiểu cho khung nhóm các phần tử biểu mẫu (`</p> <fieldset>`) và tiêu đề của nhóm đó (`</p> <legend>`), bạn sẽ sử dụng các vùng chọn nào?</p> <ul> <li><strong>A. fieldset và legend</strong></li> <li>B. group và title</li> <li>C. form-group và group-title</li> <li>D. section và caption</li> </ul> </div> <div class="question-block"> <p>Câu 20: Khi di chuột qua một nút nhấn (`<button>`), bạn muốn con trỏ chuột biến thành hình bàn tay. Thuộc tính CSS nào được sử dụng để thay đổi hình dạng con trỏ?</p> <ul> <li>A. cursor: hand;</li> <li>B. mouse: pointer;</li> <li>C. pointer: hand;</li> <li><strong>D. cursor: pointer;</strong></li> </ul> </div> <div class="question-block"> <p>Câu 21: Khi một ô nhập liệu nhận focus, trình duyệt thường hiển thị một đường viền xanh hoặc cam mặc định bằng thuộc tính `outline`. Tại sao việc tùy chỉnh `outline` (hoặc sử dụng `box-shadow`) khi focus thường được ưa chuộng hơn là chỉ thay đổi `border`?</p> <ul> <li>A. outline có thể có màu sắc đa dạng hơn border.</li> <li><strong>B. outline không ảnh hưởng đến kích thước và bố cục của phần tử, tránh làm dịch chuyển các phần tử xung quanh khi focus.</strong></li> <li>C. outline chỉ hiển thị khi focus.</li> <li>D. outline dễ dàng làm tròn góc hơn border.</li> </ul> </div> <div class="question-block"> <p>Câu 22: Việc định kiểu trực tiếp cho nút </p> <ul> <li><strong>A. Ẩn input file mặc định và sử dụng một `<label>` hoặc `<button>` tùy chỉnh được định kiểu, sau đó liên kết nó với input file gốc.</strong></li> <li>B. Sử dụng thuộc tính `style` inline cho input file.</li> <li>C. Sử dụng các thuộc tính CSS đặc biệt chỉ dành cho input file.</li> <li>D. Không thể định kiểu input file, phải sử dụng JavaScript hoàn toàn.</li> </ul> </div> <div class="question-block"> <p>Câu 23: Định kiểu chi tiết cho thanh trượt của `<input type= <ul> <li>A. CSS không thể định kiểu cho input type=</li> <li>B. Chỉ có thể định kiểu bằng JavaScript.</li> <li>C. Tất cả các trình duyệt đều hỗ trợ cùng một cách định kiểu cho input range.</li> <li><strong>D. Một số phần tử biểu mẫu có cấu trúc phức tạp và cần các quy tắc CSS đặc thù, không chuẩn hóa hoàn toàn giữa các trình duyệt.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 24: Thuộc tính CSS `appearance: none;` thường được áp dụng cho các phần tử như checkbox, radio, hoặc select. Mục đích của thuộc tính này là gì?</p> <ul> <li>A. Làm cho phần tử biến mất.</li> <li><strong>B. Xóa bỏ giao diện mặc định của hệ điều hành/trình duyệt cho phần tử đó, cho phép định kiểu hoàn toàn bằng CSS.</strong></li> <li>C. Ngăn người dùng tương tác với phần tử.</li> <li>D. Thêm hiệu ứng chuyển động cho phần tử.</li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn thiết kế nút </p> <ul> <li><strong>A. Vùng chọn: `button[type=</strong></li> <li>B. Vùng chọn: `submit`; Thuộc tính: `bg-color`, `text-color`, `corner-radius`, `spacing`.</li> <li>C. Vùng chọn: `#submit`; Thuộc tính: `background`, `font-color`, `rounded-corners`, `inner-space`.</li> <li>D. Vùng chọn: `.register-button`; Thuộc tính: `color-background`, `color-text`, `radius`, `padding`.</li> </ul> </div> <div class="question-block"> <p>Câu 26: Bạn có một nhóm các ô nhập liệu liên quan (ví dụ: địa chỉ, thành phố, mã bưu điện). Để nhóm chúng lại về mặt giao diện và tạo khoảng cách đồng đều giữa chúng, bạn có thể đặt chúng trong một thẻ `</p> <div>` và sử dụng thuộc tính CSS nào trên các ô nhập liệu bên trong hoặc trên chính `div` chứa?</p> <ul> <li>A. Chỉ cần đặt chúng cạnh nhau.</li> <li>B. Sử dụng `border` xung quanh từng ô.</li> <li><strong>C. Sử dụng `margin-bottom` cho mỗi ô nhập liệu hoặc sử dụng Flexbox/Grid trên thẻ ` <div>` chứa để tạo khoảng cách (`gap`).</strong></li> <li>D. Thay đổi màu nền của từng ô.</li> </ul> </div> <div class="question-block"> <p>Câu 27: Để tạo một biểu mẫu đơn giản với mỗi cặp nhãn (`<label>`) và ô nhập liệu (`<input>`) nằm trên một dòng riêng biệt và có khoảng cách giữa các dòng, bạn nên áp dụng `display: block;` cho phần tử nào và sử dụng thuộc tính tạo khoảng cách nào?</p> <ul> <li>A. Áp dụng `display: inline;` cho tất cả.</li> <li>B. Sử dụng `float: left;` cho tất cả.</li> <li>C. Chỉ cần dùng thẻ `<br />` giữa các cặp.</li> <li><strong>D. Áp dụng `display: block;` cho cả `<label>` và `<input>` (hoặc phần tử cha chứa chúng) và sử dụng `margin-bottom` cho phần tử dưới.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 28: Bạn muốn tạo hiệu ứng thị giác khi người dùng nhấn và giữ chuột trên nút </p> <ul> <li><strong>A. :active</strong></li> <li>B. :pressed</li> <li>C. :holding</li> <li>D. :click</li> </ul> </div> <div class="question-block"> <p>Câu 29: Một số nhà thiết kế web loại bỏ hoàn toàn viền focus mặc định của trình duyệt (`outline: none;`) để tạo giao diện </p> <ul> <li>A. Nó làm cho trang web tải chậm hơn.</li> <li>B. Nó chỉ ảnh hưởng đến người dùng chuột.</li> <li><strong>C. Viền focus rất quan trọng cho người dùng sử dụng bàn phím hoặc các công nghệ hỗ trợ để biết phần tử nào đang được chọn.</strong></li> <li>D. Nó gây xung đột với các kiểu CSS khác.</li> </ul> </div> <div class="question-block"> <p>Câu 30: Bạn muốn định kiểu riêng cho tất cả các ô nhập liệu dạng số (`<input type= <ul> <li>A. input.number</li> <li><strong>B. input[type=</strong></li> <li>C. #input-number</li> <li>D. [type=</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='13700'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='410385,410386,410387,410388,410389,410390,410391,410392,410393,410394,410395,410396,410397,410398,410399,410400,410401,410402,410403,410404,410405,410406,410407,410408,410409,410410,410411,410412,410413,410414'> </div> </div><div class='step ' data-question-id='410385' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Để áp dụng kiểu cho tất cả các phần tử `<input>` trong biểu mẫu, vùng chọn CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410385]' id='ays-answer-1623377-13700' value='1623377'/> <label for='ays-answer-1623377-13700' class=' ays_position_initial ays-quiz-keyboard-label'>form > input</label><label for='ays-answer-1623377-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410385]' id='ays-answer-1623378-13700' value='1623378'/> <label for='ays-answer-1623378-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input</label><label for='ays-answer-1623378-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410385]' id='ays-answer-1623379-13700' value='1623379'/> <label for='ays-answer-1623379-13700' class=' ays_position_initial ays-quiz-keyboard-label'>.input-field</label><label for='ays-answer-1623379-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410385]' id='ays-answer-1623380-13700' value='1623380'/> <label for='ays-answer-1623380-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input-element</label><label for='ays-answer-1623380-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410385'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzM3NyI6IjAiLCIxNjIzMzc4IjoiMSIsIjE2MjMzNzkiOiIwIiwiMTYyMzM4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410386' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn thay đổi màu nền chỉ cho ô nhập liệu email (`<input type="email">`). Vùng chọn CSS nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410386]' id='ays-answer-1623381-13700' value='1623381'/> <label for='ays-answer-1623381-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input[email]</label><label for='ays-answer-1623381-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410386]' id='ays-answer-1623382-13700' value='1623382'/> <label for='ays-answer-1623382-13700' class=' ays_position_initial ays-quiz-keyboard-label'>.input[type='email']</label><label for='ays-answer-1623382-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410386]' id='ays-answer-1623383-13700' value='1623383'/> <label for='ays-answer-1623383-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="email"]</label><label for='ays-answer-1623383-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410386]' id='ays-answer-1623384-13700' value='1623384'/> <label for='ays-answer-1623384-13700' class=' ays_position_initial ays-quiz-keyboard-label'>[type='email']</label><label for='ays-answer-1623384-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410386'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzM4MSI6IjAiLCIxNjIzMzgyIjoiMCIsIjE2MjMzODMiOiIxIiwiMTYyMzM4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410387' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Khi người dùng nhấp chuột vào một ô nhập liệu để gõ dữ liệu, trạng thái này được gọi là gì trong CSS? Thuộc tính giả nào được sử dụng để định kiểu cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410387]' id='ays-answer-1623385-13700' value='1623385'/> <label for='ays-answer-1623385-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1623385-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410387]' id='ays-answer-1623386-13700' value='1623386'/> <label for='ays-answer-1623386-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1623386-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410387]' id='ays-answer-1623387-13700' value='1623387'/> <label for='ays-answer-1623387-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1623387-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410387]' id='ays-answer-1623388-13700' value='1623388'/> <label for='ays-answer-1623388-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:selected</label><label for='ays-answer-1623388-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410387'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzM4NSI6IjEiLCIxNjIzMzg2IjoiMCIsIjE2MjMzODciOiIwIiwiMTYyMzM4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410388' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Để thay đổi màu nền của nút "Gửi" (`<button type="submit">`) khi con trỏ chuột di chuyển qua nó, bạn sẽ sử dụng thuộc tính giả nào kết hợp với vùng chọn cho nút?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410388]' id='ays-answer-1623389-13700' value='1623389'/> <label for='ays-answer-1623389-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1623389-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410388]' id='ays-answer-1623390-13700' value='1623390'/> <label for='ays-answer-1623390-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1623390-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410388]' id='ays-answer-1623391-13700' value='1623391'/> <label for='ays-answer-1623391-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-1623391-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410388]' id='ays-answer-1623392-13700' value='1623392'/> <label for='ays-answer-1623392-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1623392-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410388'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzM4OSI6IjAiLCIxNjIzMzkwIjoiMCIsIjE2MjMzOTEiOiIwIiwiMTYyMzM5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410389' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Bạn muốn làm nổi bật viền của một hộp kiểm (`<input type="checkbox">`) khi nó được chọn. Thuộc tính giả nào cần được thêm vào vùng chọn CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410389]' id='ays-answer-1623393-13700' value='1623393'/> <label for='ays-answer-1623393-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1623393-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410389]' id='ays-answer-1623394-13700' value='1623394'/> <label for='ays-answer-1623394-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:selected</label><label for='ays-answer-1623394-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410389]' id='ays-answer-1623395-13700' value='1623395'/> <label for='ays-answer-1623395-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1623395-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410389]' id='ays-answer-1623396-13700' value='1623396'/> <label for='ays-answer-1623396-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1623396-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410389'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzM5MyI6IjEiLCIxNjIzMzk0IjoiMCIsIjE2MjMzOTUiOiIwIiwiMTYyMzM5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410390' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Một ô nhập liệu (`<input>`) mặc định có `display: inline-block`. Nếu bạn đặt `display: block` cho nó, điều gì sẽ xảy ra?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410390]' id='ays-answer-1623397-13700' value='1623397'/> <label for='ays-answer-1623397-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó sẽ nằm trên cùng một dòng với các phần tử khác nhưng có thêm khoảng trống.</label><label for='ays-answer-1623397-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410390]' id='ays-answer-1623398-13700' value='1623398'/> <label for='ays-answer-1623398-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó sẽ chiếm toàn bộ chiều rộng có sẵn và các phần tử tiếp theo sẽ xuống dòng mới.</label><label for='ays-answer-1623398-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410390]' id='ays-answer-1623399-13700' value='1623399'/> <label for='ays-answer-1623399-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó sẽ biến mất khỏi trang.</label><label for='ays-answer-1623399-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410390]' id='ays-answer-1623400-13700' value='1623400'/> <label for='ays-answer-1623400-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước của nó sẽ tự động co lại theo nội dung.</label><label for='ays-answer-1623400-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410390'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzM5NyI6IjAiLCIxNjIzMzk4IjoiMSIsIjE2MjMzOTkiOiIwIiwiMTYyMzQwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410391' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn có một ô nhập liệu với `width: 200px`, `padding: 10px`, và `border: 1px solid black`. Nếu bạn đặt `box-sizing: border-box;`, tổng chiều rộng thực tế của ô nhập liệu đó sẽ là bao nhiêu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410391]' id='ays-answer-1623401-13700' value='1623401'/> <label for='ays-answer-1623401-13700' class=' ays_position_initial ays-quiz-keyboard-label'>200px</label><label for='ays-answer-1623401-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410391]' id='ays-answer-1623402-13700' value='1623402'/> <label for='ays-answer-1623402-13700' class=' ays_position_initial ays-quiz-keyboard-label'>210px</label><label for='ays-answer-1623402-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410391]' id='ays-answer-1623403-13700' value='1623403'/> <label for='ays-answer-1623403-13700' class=' ays_position_initial ays-quiz-keyboard-label'>212px</label><label for='ays-answer-1623403-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410391]' id='ays-answer-1623404-13700' value='1623404'/> <label for='ays-answer-1623404-13700' class=' ays_position_initial ays-quiz-keyboard-label'>222px</label><label for='ays-answer-1623404-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410391'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQwMSI6IjEiLCIxNjIzNDAyIjoiMCIsIjE2MjM0MDMiOiIwIiwiMTYyMzQwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410392' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Tại sao việc sử dụng thẻ `<label>` với thuộc tính `for` liên kết với `id` của `<input>` lại quan trọng khi định kiểu biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410392]' id='ays-answer-1623405-13700' value='1623405'/> <label for='ays-answer-1623405-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ để hiển thị văn bản nhãn.</label><label for='ays-answer-1623405-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410392]' id='ays-answer-1623406-13700' value='1623406'/> <label for='ays-answer-1623406-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó không có tác dụng gì trong CSS.</label><label for='ays-answer-1623406-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410392]' id='ays-answer-1623407-13700' value='1623407'/> <label for='ays-answer-1623407-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó chỉ dùng để áp dụng kiểu cho nhãn, không liên quan đến ô nhập liệu.</label><label for='ays-answer-1623407-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410392]' id='ays-answer-1623408-13700' value='1623408'/> <label for='ays-answer-1623408-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Cải thiện khả năng truy cập (accessibility) và cho phép người dùng nhấp vào nhãn để focus vào ô nhập liệu tương ứng.</label><label for='ays-answer-1623408-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410392'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQwNSI6IjAiLCIxNjIzNDA2IjoiMCIsIjE2MjM0MDciOiIwIiwiMTYyMzQwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410393' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Để định kiểu cho một vùng nhập liệu văn bản đa dòng trong biểu mẫu, bạn sẽ sử dụng vùng chọn CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410393]' id='ays-answer-1623409-13700' value='1623409'/> <label for='ays-answer-1623409-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"]</label><label for='ays-answer-1623409-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410393]' id='ays-answer-1623410-13700' value='1623410'/> <label for='ays-answer-1623410-13700' class=' ays_position_initial ays-quiz-keyboard-label'>textarea</label><label for='ays-answer-1623410-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410393]' id='ays-answer-1623411-13700' value='1623411'/> <label for='ays-answer-1623411-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="textarea"]</label><label for='ays-answer-1623411-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410393]' id='ays-answer-1623412-13700' value='1623412'/> <label for='ays-answer-1623412-13700' class=' ays_position_initial ays-quiz-keyboard-label'>text-area</label><label for='ays-answer-1623412-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410393'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQwOSI6IjAiLCIxNjIzNDEwIjoiMSIsIjE2MjM0MTEiOiIwIiwiMTYyMzQxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410394' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn thay đổi font chữ cho một hộp chọn (dropdown list) trong biểu mẫu. Vùng chọn CSS nào là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410394]' id='ays-answer-1623413-13700' value='1623413'/> <label for='ays-answer-1623413-13700' class=' ays_position_initial ays-quiz-keyboard-label'>dropdown</label><label for='ays-answer-1623413-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410394]' id='ays-answer-1623414-13700' value='1623414'/> <label for='ays-answer-1623414-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="select"]</label><label for='ays-answer-1623414-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410394]' id='ays-answer-1623415-13700' value='1623415'/> <label for='ays-answer-1623415-13700' class=' ays_position_initial ays-quiz-keyboard-label'>select</label><label for='ays-answer-1623415-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410394]' id='ays-answer-1623416-13700' value='1623416'/> <label for='ays-answer-1623416-13700' class=' ays_position_initial ays-quiz-keyboard-label'>option</label><label for='ays-answer-1623416-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410394'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQxMyI6IjAiLCIxNjIzNDE0IjoiMCIsIjE2MjM0MTUiOiIxIiwiMTYyMzQxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410395' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Nhiều nhà phát triển web thường áp dụng các quy tắc CSS như `margin: 0; padding: 0;` cho các phần tử biểu mẫu như `input`, `textarea`, `select`. Mục đích chính của việc này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410395]' id='ays-answer-1623417-13700' value='1623417'/> <label for='ays-answer-1623417-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Xóa bỏ các kiểu mặc định khác nhau của trình duyệt để dễ dàng định kiểu thống nhất.</label><label for='ays-answer-1623417-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410395]' id='ays-answer-1623418-13700' value='1623418'/> <label for='ays-answer-1623418-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang.</label><label for='ays-answer-1623418-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410395]' id='ays-answer-1623419-13700' value='1623419'/> <label for='ays-answer-1623419-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho biểu mẫu không thể tương tác.</label><label for='ays-answer-1623419-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410395]' id='ays-answer-1623420-13700' value='1623420'/> <label for='ays-answer-1623420-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc người dùng phải nhập dữ liệu.</label><label for='ays-answer-1623420-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410395'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQxNyI6IjEiLCIxNjIzNDE4IjoiMCIsIjE2MjM0MTkiOiIwIiwiMTYyMzQyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410396' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn tạo khoảng trống giữa các ô nhập liệu liền kề trong một biểu mẫu. Thuộc tính CSS nào là lựa chọn tốt nhất để kiểm soát khoảng cách *bên ngoài* đường viền của mỗi ô?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410396]' id='ays-answer-1623421-13700' value='1623421'/> <label for='ays-answer-1623421-13700' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1623421-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410396]' id='ays-answer-1623422-13700' value='1623422'/> <label for='ays-answer-1623422-13700' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-1623422-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410396]' id='ays-answer-1623423-13700' value='1623423'/> <label for='ays-answer-1623423-13700' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1623423-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410396]' id='ays-answer-1623424-13700' value='1623424'/> <label for='ays-answer-1623424-13700' class=' ays_position_initial ays-quiz-keyboard-label'>gap</label><label for='ays-answer-1623424-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410396'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQyMSI6IjAiLCIxNjIzNDIyIjoiMCIsIjE2MjM0MjMiOiIxIiwiMTYyMzQyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410397' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Để tạo khoảng trống giữa nội dung văn bản người dùng nhập vào và đường viền của ô nhập liệu, bạn sẽ sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410397]' id='ays-answer-1623425-13700' value='1623425'/> <label for='ays-answer-1623425-13700' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1623425-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410397]' id='ays-answer-1623426-13700' value='1623426'/> <label for='ays-answer-1623426-13700' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1623426-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410397]' id='ays-answer-1623427-13700' value='1623427'/> <label for='ays-answer-1623427-13700' class=' ays_position_initial ays-quiz-keyboard-label'>text-indent</label><label for='ays-answer-1623427-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410397]' id='ays-answer-1623428-13700' value='1623428'/> <label for='ays-answer-1623428-13700' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-1623428-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410397'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQyNSI6IjEiLCIxNjIzNDI2IjoiMCIsIjE2MjM0MjciOiIwIiwiMTYyMzQyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410398' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn muốn thay đổi màu chữ của văn bản gợi ý (placeholder) bên trong một ô nhập liệu. Vùng chọn CSS nào sau đây được sử dụng để định kiểu cho placeholder?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410398]' id='ays-answer-1623429-13700' value='1623429'/> <label for='ays-answer-1623429-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:placeholder</label><label for='ays-answer-1623429-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410398]' id='ays-answer-1623430-13700' value='1623430'/> <label for='ays-answer-1623430-13700' class=' ays_position_initial ays-quiz-keyboard-label'>[placeholder]</label><label for='ays-answer-1623430-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410398]' id='ays-answer-1623431-13700' value='1623431'/> <label for='ays-answer-1623431-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input::hint</label><label for='ays-answer-1623431-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410398]' id='ays-answer-1623432-13700' value='1623432'/> <label for='ays-answer-1623432-13700' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-1623432-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410398'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQyOSI6IjAiLCIxNjIzNDMwIjoiMCIsIjE2MjM0MzEiOiIwIiwiMTYyMzQzMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410399' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Khi một ô nhập liệu bị vô hiệu hóa (`<input disabled>`), người dùng không thể tương tác với nó. Thuộc tính giả nào trong CSS được sử dụng để định kiểu cho trạng thái này (ví dụ: làm mờ nó đi)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410399]' id='ays-answer-1623433-13700' value='1623433'/> <label for='ays-answer-1623433-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-1623433-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410399]' id='ays-answer-1623434-13700' value='1623434'/> <label for='ays-answer-1623434-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1623434-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410399]' id='ays-answer-1623435-13700' value='1623435'/> <label for='ays-answer-1623435-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:locked</label><label for='ays-answer-1623435-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410399]' id='ays-answer-1623436-13700' value='1623436'/> <label for='ays-answer-1623436-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:unavailable</label><label for='ays-answer-1623436-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410399'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQzMyI6IjAiLCIxNjIzNDM0IjoiMSIsIjE2MjM0MzUiOiIwIiwiMTYyMzQzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410400' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn thêm một đường viền màu đỏ cho các ô nhập liệu bắt buộc (`<input required>`) trước khi người dùng nhập dữ liệu. Thuộc tính giả nào có thể giúp bạn chọn các phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410400]' id='ays-answer-1623437-13700' value='1623437'/> <label for='ays-answer-1623437-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:required</label><label for='ays-answer-1623437-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410400]' id='ays-answer-1623438-13700' value='1623438'/> <label for='ays-answer-1623438-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:mandatory</label><label for='ays-answer-1623438-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410400]' id='ays-answer-1623439-13700' value='1623439'/> <label for='ays-answer-1623439-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:important</label><label for='ays-answer-1623439-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410400]' id='ays-answer-1623440-13700' value='1623440'/> <label for='ays-answer-1623440-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:validated</label><label for='ays-answer-1623440-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410400'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQzNyI6IjEiLCIxNjIzNDM4IjoiMCIsIjE2MjM0MzkiOiIwIiwiMTYyMzQ0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410401' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Người dùng vừa nhập dữ liệu vào ô email. Trình duyệt kiểm tra định dạng và thấy nó không phải là một địa chỉ email hợp lệ. Thuộc tính giả nào trong CSS có thể được sử dụng để định kiểu cho ô nhập liệu trong trường hợp này (ví dụ: thêm viền đỏ)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410401]' id='ays-answer-1623441-13700' value='1623441'/> <label for='ays-answer-1623441-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:error</label><label for='ays-answer-1623441-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410401]' id='ays-answer-1623442-13700' value='1623442'/> <label for='ays-answer-1623442-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:incorrect</label><label for='ays-answer-1623442-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410401]' id='ays-answer-1623443-13700' value='1623443'/> <label for='ays-answer-1623443-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-1623443-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410401]' id='ays-answer-1623444-13700' value='1623444'/> <label for='ays-answer-1623444-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:failed</label><label for='ays-answer-1623444-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410401'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ0MSI6IjAiLCIxNjIzNDQyIjoiMCIsIjE2MjM0NDMiOiIxIiwiMTYyMzQ0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410402' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn căn giữa toàn bộ biểu mẫu (`</p> <form>`) theo chiều ngang trên trang. Nếu biểu mẫu có chiều rộng cố định (ví dụ: `width: 500px`), thuộc tính CSS nào kết hợp với `display: block` sẽ giúp thực hiện điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410402]' id='ays-answer-1623445-13700' value='1623445'/> <label for='ays-answer-1623445-13700' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-1623445-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410402]' id='ays-answer-1623446-13700' value='1623446'/> <label for='ays-answer-1623446-13700' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 0 auto;</label><label for='ays-answer-1623446-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410402]' id='ays-answer-1623447-13700' value='1623447'/> <label for='ays-answer-1623447-13700' class=' ays_position_initial ays-quiz-keyboard-label'>align-items: center;</label><label for='ays-answer-1623447-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410402]' id='ays-answer-1623448-13700' value='1623448'/> <label for='ays-answer-1623448-13700' class=' ays_position_initial ays-quiz-keyboard-label'>float: center;</label><label for='ays-answer-1623448-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410402'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ0NSI6IjAiLCIxNjIzNDQ2IjoiMSIsIjE2MjM0NDciOiIwIiwiMTYyMzQ0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410403' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Để định kiểu cho khung nhóm các phần tử biểu mẫu (`</p> <fieldset>`) và tiêu đề của nhóm đó (`</p> <legend>`), bạn sẽ sử dụng các vùng chọn nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410403]' id='ays-answer-1623449-13700' value='1623449'/> <label for='ays-answer-1623449-13700' class=' ays_position_initial ays-quiz-keyboard-label'>fieldset và legend</label><label for='ays-answer-1623449-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410403]' id='ays-answer-1623450-13700' value='1623450'/> <label for='ays-answer-1623450-13700' class=' ays_position_initial ays-quiz-keyboard-label'>group và title</label><label for='ays-answer-1623450-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410403]' id='ays-answer-1623451-13700' value='1623451'/> <label for='ays-answer-1623451-13700' class=' ays_position_initial ays-quiz-keyboard-label'>form-group và group-title</label><label for='ays-answer-1623451-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410403]' id='ays-answer-1623452-13700' value='1623452'/> <label for='ays-answer-1623452-13700' class=' ays_position_initial ays-quiz-keyboard-label'>section và caption</label><label for='ays-answer-1623452-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410403'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ0OSI6IjEiLCIxNjIzNDUwIjoiMCIsIjE2MjM0NTEiOiIwIiwiMTYyMzQ1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410404' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Khi di chuột qua một nút nhấn (`<button>`), bạn muốn con trỏ chuột biến thành hình bàn tay. Thuộc tính CSS nào được sử dụng để thay đổi hình dạng con trỏ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410404]' id='ays-answer-1623453-13700' value='1623453'/> <label for='ays-answer-1623453-13700' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: hand;</label><label for='ays-answer-1623453-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410404]' id='ays-answer-1623454-13700' value='1623454'/> <label for='ays-answer-1623454-13700' class=' ays_position_initial ays-quiz-keyboard-label'>mouse: pointer;</label><label for='ays-answer-1623454-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410404]' id='ays-answer-1623455-13700' value='1623455'/> <label for='ays-answer-1623455-13700' class=' ays_position_initial ays-quiz-keyboard-label'>pointer: hand;</label><label for='ays-answer-1623455-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410404]' id='ays-answer-1623456-13700' value='1623456'/> <label for='ays-answer-1623456-13700' class=' ays_position_initial ays-quiz-keyboard-label'>cursor: pointer;</label><label for='ays-answer-1623456-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410404'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ1MyI6IjAiLCIxNjIzNDU0IjoiMCIsIjE2MjM0NTUiOiIwIiwiMTYyMzQ1NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410405' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Khi một ô nhập liệu nhận focus, trình duyệt thường hiển thị một đường viền xanh hoặc cam mặc định bằng thuộc tính `outline`. Tại sao việc tùy chỉnh `outline` (hoặc sử dụng `box-shadow`) khi focus thường được ưa chuộng hơn là chỉ thay đổi `border`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410405]' id='ays-answer-1623457-13700' value='1623457'/> <label for='ays-answer-1623457-13700' class=' ays_position_initial ays-quiz-keyboard-label'>outline có thể có màu sắc đa dạng hơn border.</label><label for='ays-answer-1623457-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410405]' id='ays-answer-1623458-13700' value='1623458'/> <label for='ays-answer-1623458-13700' class=' ays_position_initial ays-quiz-keyboard-label'>outline không ảnh hưởng đến kích thước và bố cục của phần tử, tránh làm dịch chuyển các phần tử xung quanh khi focus.</label><label for='ays-answer-1623458-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410405]' id='ays-answer-1623459-13700' value='1623459'/> <label for='ays-answer-1623459-13700' class=' ays_position_initial ays-quiz-keyboard-label'>outline chỉ hiển thị khi focus.</label><label for='ays-answer-1623459-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410405]' id='ays-answer-1623460-13700' value='1623460'/> <label for='ays-answer-1623460-13700' class=' ays_position_initial ays-quiz-keyboard-label'>outline dễ dàng làm tròn góc hơn border.</label><label for='ays-answer-1623460-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410405'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ1NyI6IjAiLCIxNjIzNDU4IjoiMSIsIjE2MjM0NTkiOiIwIiwiMTYyMzQ2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410406' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Việc định kiểu trực tiếp cho nút "Chọn tệp" mặc định của `<input type="file">` bằng CSS thường gặp khó khăn. Phương pháp phổ biến nào sau đây thường được sử dụng để tùy chỉnh giao diện của input file?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410406]' id='ays-answer-1623461-13700' value='1623461'/> <label for='ays-answer-1623461-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Ẩn input file mặc định và sử dụng một `<label>` hoặc `<button>` tùy chỉnh được định kiểu, sau đó liên kết nó với input file gốc.</label><label for='ays-answer-1623461-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410406]' id='ays-answer-1623462-13700' value='1623462'/> <label for='ays-answer-1623462-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `style` inline cho input file.</label><label for='ays-answer-1623462-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410406]' id='ays-answer-1623463-13700' value='1623463'/> <label for='ays-answer-1623463-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng các thuộc tính CSS đặc biệt chỉ dành cho input file.</label><label for='ays-answer-1623463-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410406]' id='ays-answer-1623464-13700' value='1623464'/> <label for='ays-answer-1623464-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Không thể định kiểu input file, phải sử dụng JavaScript hoàn toàn.</label><label for='ays-answer-1623464-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410406'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ2MSI6IjEiLCIxNjIzNDYyIjoiMCIsIjE2MjM0NjMiOiIwIiwiMTYyMzQ2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410407' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Định kiểu chi tiết cho thanh trượt của `<input type="range">` (ví dụ: thumb và track) thường đòi hỏi sử dụng các tiền tố (prefix) CSS đặc biệt hoặc các kỹ thuật phức tạp giữa các trình duyệt khác nhau. Điều này cho thấy điều gì về khả năng định kiểu các phần tử biểu mẫu nâng cao bằng CSS thuần?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410407]' id='ays-answer-1623465-13700' value='1623465'/> <label for='ays-answer-1623465-13700' class=' ays_position_initial ays-quiz-keyboard-label'>CSS không thể định kiểu cho input type="range".</label><label for='ays-answer-1623465-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410407]' id='ays-answer-1623466-13700' value='1623466'/> <label for='ays-answer-1623466-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có thể định kiểu bằng JavaScript.</label><label for='ays-answer-1623466-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410407]' id='ays-answer-1623467-13700' value='1623467'/> <label for='ays-answer-1623467-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các trình duyệt đều hỗ trợ cùng một cách định kiểu cho input range.</label><label for='ays-answer-1623467-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410407]' id='ays-answer-1623468-13700' value='1623468'/> <label for='ays-answer-1623468-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Một số phần tử biểu mẫu có cấu trúc phức tạp và cần các quy tắc CSS đặc thù, không chuẩn hóa hoàn toàn giữa các trình duyệt.</label><label for='ays-answer-1623468-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410407'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ2NSI6IjAiLCIxNjIzNDY2IjoiMCIsIjE2MjM0NjciOiIwIiwiMTYyMzQ2OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410408' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Thuộc tính CSS `appearance: none;` thường được áp dụng cho các phần tử như checkbox, radio, hoặc select. Mục đích của thuộc tính này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410408]' id='ays-answer-1623469-13700' value='1623469'/> <label for='ays-answer-1623469-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho phần tử biến mất.</label><label for='ays-answer-1623469-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410408]' id='ays-answer-1623470-13700' value='1623470'/> <label for='ays-answer-1623470-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Xóa bỏ giao diện mặc định của hệ điều hành/trình duyệt cho phần tử đó, cho phép định kiểu hoàn toàn bằng CSS.</label><label for='ays-answer-1623470-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410408]' id='ays-answer-1623471-13700' value='1623471'/> <label for='ays-answer-1623471-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Ngăn người dùng tương tác với phần tử.</label><label for='ays-answer-1623471-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410408]' id='ays-answer-1623472-13700' value='1623472'/> <label for='ays-answer-1623472-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm hiệu ứng chuyển động cho phần tử.</label><label for='ays-answer-1623472-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410408'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ2OSI6IjAiLCIxNjIzNDcwIjoiMSIsIjE2MjM0NzEiOiIwIiwiMTYyMzQ3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410409' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn thiết kế nút "Đăng ký" nổi bật với màu nền xanh lá, chữ trắng và góc bo tròn. Vùng chọn và các thuộc tính CSS cơ bản nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410409]' id='ays-answer-1623473-13700' value='1623473'/> <label for='ays-answer-1623473-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Vùng chọn: `button[type="submit"]` hoặc `input[type="submit"]`; Thuộc tính: `background-color`, `color`, `border-radius`, `padding`.</label><label for='ays-answer-1623473-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410409]' id='ays-answer-1623474-13700' value='1623474'/> <label for='ays-answer-1623474-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Vùng chọn: `submit`; Thuộc tính: `bg-color`, `text-color`, `corner-radius`, `spacing`.</label><label for='ays-answer-1623474-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410409]' id='ays-answer-1623475-13700' value='1623475'/> <label for='ays-answer-1623475-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Vùng chọn: `#submit`; Thuộc tính: `background`, `font-color`, `rounded-corners`, `inner-space`.</label><label for='ays-answer-1623475-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410409]' id='ays-answer-1623476-13700' value='1623476'/> <label for='ays-answer-1623476-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Vùng chọn: `.register-button`; Thuộc tính: `color-background`, `color-text`, `radius`, `padding`.</label><label for='ays-answer-1623476-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410409'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ3MyI6IjEiLCIxNjIzNDc0IjoiMCIsIjE2MjM0NzUiOiIwIiwiMTYyMzQ3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410410' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn có một nhóm các ô nhập liệu liên quan (ví dụ: địa chỉ, thành phố, mã bưu điện). Để nhóm chúng lại về mặt giao diện và tạo khoảng cách đồng đều giữa chúng, bạn có thể đặt chúng trong một thẻ `</p> <div>` và sử dụng thuộc tính CSS nào trên các ô nhập liệu bên trong hoặc trên chính `div` chứa?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410410]' id='ays-answer-1623477-13700' value='1623477'/> <label for='ays-answer-1623477-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần đặt chúng cạnh nhau.</label><label for='ays-answer-1623477-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410410]' id='ays-answer-1623478-13700' value='1623478'/> <label for='ays-answer-1623478-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `border` xung quanh từng ô.</label><label for='ays-answer-1623478-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410410]' id='ays-answer-1623479-13700' value='1623479'/> <label for='ays-answer-1623479-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `margin-bottom` cho mỗi ô nhập liệu hoặc sử dụng Flexbox/Grid trên thẻ `<div>` chứa để tạo khoảng cách (`gap`).</label><label for='ays-answer-1623479-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410410]' id='ays-answer-1623480-13700' value='1623480'/> <label for='ays-answer-1623480-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi màu nền của từng ô.</label><label for='ays-answer-1623480-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410410'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ3NyI6IjAiLCIxNjIzNDc4IjoiMCIsIjE2MjM0NzkiOiIxIiwiMTYyMzQ4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410411' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Để tạo một biểu mẫu đơn giản với mỗi cặp nhãn (`<label>`) và ô nhập liệu (`<input>`) nằm trên một dòng riêng biệt và có khoảng cách giữa các dòng, bạn nên áp dụng `display: block;` cho phần tử nào và sử dụng thuộc tính tạo khoảng cách nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410411]' id='ays-answer-1623481-13700' value='1623481'/> <label for='ays-answer-1623481-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng `display: inline;` cho tất cả.</label><label for='ays-answer-1623481-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410411]' id='ays-answer-1623482-13700' value='1623482'/> <label for='ays-answer-1623482-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng `float: left;` cho tất cả.</label><label for='ays-answer-1623482-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410411]' id='ays-answer-1623483-13700' value='1623483'/> <label for='ays-answer-1623483-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần dùng thẻ `<br>` giữa các cặp.</label><label for='ays-answer-1623483-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410411]' id='ays-answer-1623484-13700' value='1623484'/> <label for='ays-answer-1623484-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng `display: block;` cho cả `<label>` và `<input>` (hoặc phần tử cha chứa chúng) và sử dụng `margin-bottom` cho phần tử dưới.</label><label for='ays-answer-1623484-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410411'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ4MSI6IjAiLCIxNjIzNDgyIjoiMCIsIjE2MjM0ODMiOiIwIiwiMTYyMzQ4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410412' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn tạo hiệu ứng thị giác khi người dùng nhấn và giữ chuột trên nút "Lưu" để cho biết nút đang được kích hoạt. Thuộc tính giả nào trong CSS được sử dụng cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410412]' id='ays-answer-1623485-13700' value='1623485'/> <label for='ays-answer-1623485-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1623485-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410412]' id='ays-answer-1623486-13700' value='1623486'/> <label for='ays-answer-1623486-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:pressed</label><label for='ays-answer-1623486-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410412]' id='ays-answer-1623487-13700' value='1623487'/> <label for='ays-answer-1623487-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:holding</label><label for='ays-answer-1623487-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410412]' id='ays-answer-1623488-13700' value='1623488'/> <label for='ays-answer-1623488-13700' class=' ays_position_initial ays-quiz-keyboard-label'>:click</label><label for='ays-answer-1623488-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410412'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ4NSI6IjEiLCIxNjIzNDg2IjoiMCIsIjE2MjM0ODciOiIwIiwiMTYyMzQ4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410413' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Một số nhà thiết kế web loại bỏ hoàn toàn viền focus mặc định của trình duyệt (`outline: none;`) để tạo giao diện "sạch" hơn. Từ góc độ khả năng truy cập (accessibility), tại sao việc này thường được coi là không nên, trừ khi có phương án thay thế rõ ràng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410413]' id='ays-answer-1623489-13700' value='1623489'/> <label for='ays-answer-1623489-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó làm cho trang web tải chậm hơn.</label><label for='ays-answer-1623489-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410413]' id='ays-answer-1623490-13700' value='1623490'/> <label for='ays-answer-1623490-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó chỉ ảnh hưởng đến người dùng chuột.</label><label for='ays-answer-1623490-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410413]' id='ays-answer-1623491-13700' value='1623491'/> <label for='ays-answer-1623491-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Viền focus rất quan trọng cho người dùng sử dụng bàn phím hoặc các công nghệ hỗ trợ để biết phần tử nào đang được chọn.</label><label for='ays-answer-1623491-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410413]' id='ays-answer-1623492-13700' value='1623492'/> <label for='ays-answer-1623492-13700' class=' ays_position_initial ays-quiz-keyboard-label'>Nó gây xung đột với các kiểu CSS khác.</label><label for='ays-answer-1623492-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410413'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ4OSI6IjAiLCIxNjIzNDkwIjoiMCIsIjE2MjM0OTEiOiIxIiwiMTYyMzQ5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='410414' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 7</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn muốn định kiểu riêng cho tất cả các ô nhập liệu dạng số (`<input type="number">`). Vùng chọn CSS chính xác là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410414]' id='ays-answer-1623493-13700' value='1623493'/> <label for='ays-answer-1623493-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input.number</label><label for='ays-answer-1623493-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410414]' id='ays-answer-1623494-13700' value='1623494'/> <label for='ays-answer-1623494-13700' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="number"]</label><label for='ays-answer-1623494-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410414]' id='ays-answer-1623495-13700' value='1623495'/> <label for='ays-answer-1623495-13700' class=' ays_position_initial ays-quiz-keyboard-label'>#input-number</label><label for='ays-answer-1623495-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-410414]' id='ays-answer-1623496-13700' value='1623496'/> <label for='ays-answer-1623496-13700' class=' ays_position_initial ays-quiz-keyboard-label'>[type="number"]</label><label for='ays-answer-1623496-13700' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_13700 === 'undefined'){ window.quizOptions_13700 = []; } window.quizOptions_13700['410414'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTYyMzQ5MyI6IjAiLCIxNjIzNDk0IjoiMSIsIjE2MjM0OTUiOiIwIiwiMTYyMzQ5NiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-13700 * { box-sizing: border-box; } #ays-quiz-container-13700 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-13700 #ays_finish_quiz_13700 { } /* Styles for Quiz container */ #ays-quiz-container-13700{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-13700 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-13700 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-13700 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-13700 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-13700 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-13700 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-13700 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-13700 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-13700.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-13700.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-13700 #ays_finish_quiz_13700 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-13700.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container p, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-13700.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-13700 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-13700 .ays-quiz-password-message-box, #ays-quiz-container-13700 .ays-quiz-question-note-message-box, #ays-quiz-container-13700 .ays_quiz_question, #ays-quiz-container-13700 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-13700 textarea, #ays-quiz-container-13700 input::first-letter, #ays-quiz-container-13700 select::first-letter, #ays-quiz-container-13700 option::first-letter { color: initial !important; } #ays-quiz-container-13700 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-13700 .select2-container, #ays-quiz-container-13700 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-13700 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-13700 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-13700 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-13700 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-13700 .ays-questions-container .ays-field, div#ays-quiz-container-13700 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-13700 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-13700 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-13700 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-13700 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-13700 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-13700 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-13700 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-13700 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-13700 .information_form input[type='text'], #ays-quiz-container-13700 .information_form input[type='url'], #ays-quiz-container-13700 .information_form input[type='number'], #ays-quiz-container-13700 .information_form input[type='email'], #ays-quiz-container-13700 .information_form input[type='tel'], #ays-quiz-container-13700 .information_form textarea, #ays-quiz-container-13700 .information_form select, #ays-quiz-container-13700 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-13700 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-13700 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-13700 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-13700 .right_answer_text{ color:#33cc33; } #ays-quiz-container-13700 .right_answer_text p { font-size:16px; } #ays-quiz-container-13700 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-13700 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-13700 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-13700 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-13700 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-13700 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-13700 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-13700 .ays_cb_and_a, #ays-quiz-container-13700 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-13700 iframe { /*min-height: 450px;*/ } #ays-quiz-container-13700 label.ays_for_checkbox, #ays-quiz-container-13700 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-13700 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-13700 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-13700 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-13700 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-13700 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-13700 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-13700 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-13700 div.lds-spinner, #ays-quiz-container-13700 div.lds-spinner2 { color: #000000; } #ays-quiz-container-13700 div.lds-spinner div:after, #ays-quiz-container-13700 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-13700 .lds-circle, #ays-quiz-container-13700 .lds-facebook div, #ays-quiz-container-13700 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-13700 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-13700 .lds-dual-ring::after, #ays-quiz-container-13700 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-13700 .ui.rating .icon, #ays-quiz-container-13700 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-13700 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-13700 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-13700 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-13700 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-13700 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-13700 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-13700 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-13700 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-13700 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-13700 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-13700 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-13700 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-13700 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-13700 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-13700 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-13700 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-13700 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-13700 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-13700 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-13700 div.ays-quiz-redirection-timer, #ays-quiz-container-13700 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-13700 div.ays-quiz-after-timer * , #ays-quiz-container-13700 div.ays-quiz-redirection-timer *, #ays-quiz-container-13700 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-13700 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-13700 input#ays-submit, #ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button, #ays-quiz-container-13700 #ays_finish_quiz_13700 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-13700 #ays_finish_quiz_13700 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button.ays_restart_button, #ays-quiz-container-13700 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-13700 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-13700 input#ays-submit, #ays-quiz-container-13700 #ays_finish_quiz_13700 input.action-button, #ays-quiz-container-13700 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-13700 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-13700 input#ays-submit:hover, #ays-quiz-container-13700 input#ays-submit:focus, #ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button:hover, #ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button:focus, #ays-quiz-container-13700 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-13700 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-13700 .ays_restart_button { color: #ffffff; } #ays-quiz-container-13700 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-13700 .ays_buttons_div { justify-content: center; } #ays-quiz-container-13700 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-13700 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-13700 input[type='button'], #ays-quiz-container-13700 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-13700 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-13700 input[type='button']:focus-visible, div#ays-quiz-container-13700 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-13700 #ays_finish_quiz_13700 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-13700 #ays_finish_quiz_13700 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-13700 #ays_finish_quiz_13700 i.ays_early_finish.action-button[disabled], #ays-quiz-container-13700 #ays_finish_quiz_13700 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-13700 #ays_finish_quiz_13700 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-13700 #ays_finish_quiz_13700 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-13700 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-13700 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-13700 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-13700.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-13700 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-13700 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-13700 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-13700 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-13700 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-13700 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-13700 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-13700 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-13700 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-13700 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-13700 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-13700 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-13700 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-13700 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-13700 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-13700 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-13700 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-13700 .ays-field .select2-container--default, #ays-quiz-container-13700 .ays-field .select2-container--default .selection, #ays-quiz-container-13700 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-13700 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-13700 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-13700 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-13700 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-13700 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-13700 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-13700 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-13700 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-13700 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-13700 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-13700 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-13700 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-13700 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-13700 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-13700 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-13700 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-13700 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-13700 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-13700 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-13700 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-13700.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-13700.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-13700 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-13700 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-13700 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-13700 label[for^='ays-answer']:before, #ays-quiz-container-13700 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-13700 .ays_question_report { text-align: right; } div#ays-quiz-container-13700 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-13700 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-13700.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-13700.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-13700.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-13700.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-13700.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-13700.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-13700 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-13700.ays_quiz_classic_dark .correct_div, #ays-quiz-container-13700.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-13700.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-13700.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-13700.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-13700.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-13700.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-13700.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-13700 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-13700 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-13700 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-13700 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-13700 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-13700 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-13700 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-13700.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-13700.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-13700 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-13700 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-13700 .ays-quiz-personality-result-box div:before, #ays-quiz-container-13700 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-13700 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-13700 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-13700 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-13700 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-13700 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-13700 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-13700 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-13700 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-13700 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-13700 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-13700 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-13700 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-13700 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-13700{ max-width: 100%; } div#ays-quiz-container-13700 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-13700.ays_quiz_modern_light .step, div#ays-quiz-container-13700.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-13700.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-13700.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-13700.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-13700.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-13700 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-13700 .select2-container, div#ays-quiz-container-13700 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-13700 input#ays-submit, div#ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button, div#ays-quiz-container-13700 #ays_finish_quiz_13700 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button.ays_restart_button, #ays-quiz-container-13700 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-13700 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-13700 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-13700 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-13700 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-13700 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-13700 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-13700 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-13700 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-13700 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-13700 p { margin: 0.625em; } #ays-quiz-container-13700.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-13700.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-13700 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-13700.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-13700 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button:hover, #ays-quiz-container-13700 #ays_finish_quiz_13700 .action-button:focus, #ays-quiz-container-13700 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-13700 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['13700'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIxMzcwMCIsImF1dGhvcl9pZCI6IjMiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDciLCJkZXNjcmlwdGlvbiI6IjxwPlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDcgYmFvIGdcdTFlZDNtIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgaGF5LCBiXHUwMGUxbSBzXHUwMGUxdCBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmguIENcdTAwZjluZyBsXHUwMGUwbSBiXHUwMGUwaSB0XHUxZWFkcCB0clx1MWVhZmMgbmdoaVx1MWVjN20gbmdheS48XC9wPlxyXG5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGA8aW5wdXQ+YCB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUsIHZcdTAwZjluZyBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIGZvcm0gPiBpbnB1dDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBpbnB1dDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIC5pbnB1dC1maWVsZDxcL2xpPlxyXG48bGk+RC4gaW5wdXQtZWxlbWVudDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IEJcdTFlYTFuIG11XHUxZWQxbiB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgblx1MWVjMW4gY2hcdTFlYzkgY2hvIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGVtYWlsIChgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0W2VtYWlsXTxcL2xpPlxyXG48bGk+Qi4gLmlucHV0W3R5cGU9XCJlbWFpbFwiXTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBpbnB1dFt0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFt0eXBlPVwiZW1haWxcIl08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBLaGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhNXAgY2h1XHUxZWQ5dCB2XHUwMGUwbyBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBcdTAxMTFcdTFlYzMgZ1x1MDBmNSBkXHUxZWVmIGxpXHUxZWM3dSwgdHJcdTFlYTFuZyB0aFx1MDBlMWkgblx1MDBlMHkgXHUwMTExXHUwMWIwXHUxZWUzYyBnXHUxZWNkaSBsXHUwMGUwIGdcdTAwZWMgdHJvbmcgQ1NTPyBUaHVcdTFlZDljIHRcdTAwZWRuaCBnaVx1MWVhMyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIHRyXHUxZWExbmcgdGhcdTAwZTFpIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDpmb2N1czxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDphY3RpdmU8XC9saT5cclxuPGxpPkMuIDpob3ZlcjxcL2xpPlxyXG48bGk+RC4gOnNlbGVjdGVkPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogXHUwMTEwXHUxZWMzIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGZhdCBcclxuPHVsPlxyXG48bGk+QS4gOmFjdGl2ZTxcL2xpPlxyXG48bGk+Qi4gOmNoZWNrZWQ8XC9saT5cclxuPGxpPkMuIDp2aXNpdGVkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIDpob3ZlcjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBCXHUxZWExbiBtdVx1MWVkMW4gbFx1MDBlMG0gblx1MWVkNWkgYlx1MWVhZHQgdmlcdTFlYzFuIGNcdTFlZTdhIG1cdTFlZDl0IGhcdTFlZDlwIGtpXHUxZWMzbSAoYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDpjaGVja2VkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOnNlbGVjdGVkPFwvbGk+XHJcbjxsaT5DLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT5ELiA6Zm9jdXM8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBNXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gKSBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCBjXHUwMGYzIGBkaXNwbGF5OiBpbmxpbmUtYmxvY2tgLiBOXHUxZWJmdSBiXHUxZWExbiBcdTAxMTFcdTFlYjd0IGBkaXNwbGF5OiBibG9ja2AgY2hvIG5cdTAwZjMsIFx1MDExMWlcdTFlYzF1IGdcdTAwZWMgc1x1MWViZCB4XHUxZWEzeSByYT9cclxuPHVsPlxyXG48bGk+QS4gTlx1MDBmMyBzXHUxZWJkIG5cdTFlYjFtIHRyXHUwMGVhbiBjXHUwMGY5bmcgbVx1MWVkOXQgZFx1MDBmMm5nIHZcdTFlZGJpIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGtoXHUwMGUxYyBuaFx1MDFiMG5nIGNcdTAwZjMgdGhcdTAwZWFtIGtob1x1MWVhM25nIHRyXHUxZWQxbmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIE5cdTAwZjMgc1x1MWViZCBjaGlcdTFlYmZtIHRvXHUwMGUwbiBiXHUxZWQ5IGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTAwZjMgc1x1MWViNW4gdlx1MDBlMCBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCB0aVx1MWViZnAgdGhlbyBzXHUxZWJkIHh1XHUxZWQxbmcgZFx1MDBmMm5nIG1cdTFlZGJpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIE5cdTAwZjMgc1x1MWViZCBiaVx1MWViZm4gbVx1MWVhNXQga2hcdTFlY2ZpIHRyYW5nLjxcL2xpPlxyXG48bGk+RC4gS1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBjXHUxZWU3YSBuXHUwMGYzIHNcdTFlYmQgdFx1MWVmMSBcdTAxMTFcdTFlZDluZyBjbyBsXHUxZWExaSB0aGVvIG5cdTFlZDlpIGR1bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSB2XHUxZWRiaSBgd2lkdGg6IDIwMHB4YCwgYHBhZGRpbmc6IDEwcHhgLCB2XHUwMGUwIGBib3JkZXI6IDFweCBzb2xpZCBibGFja2AuIE5cdTFlYmZ1IGJcdTFlYTFuIFx1MDExMVx1MWViN3QgYGJveC1zaXppbmc6IGJvcmRlci1ib3g7YCwgdFx1MWVkNW5nIGNoaVx1MWVjMXUgclx1MWVkOW5nIHRoXHUxZWYxYyB0XHUxZWJmIGNcdTFlZTdhIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IFx1MDExMVx1MDBmMyBzXHUxZWJkIGxcdTAwZTAgYmFvIG5oaVx1MDBlYXU/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gMjAwcHg8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiAyMTBweDxcL2xpPlxyXG48bGk+Qy4gMjEycHg8XC9saT5cclxuPGxpPkQuIDIyMnB4PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogVFx1MWVhMWkgc2FvIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyB0aFx1MWViYiBgPGxhYmVsPmAgdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGZvcmAgbGlcdTAwZWFuIGtcdTFlYmZ0IHZcdTFlZGJpIGBpZGAgY1x1MWVlN2EgYDxpbnB1dD5gIGxcdTFlYTFpIHF1YW4gdHJcdTFlY2RuZyBraGkgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGJpXHUxZWMzdSBtXHUxZWFidT9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgXHUwMTExXHUxZWMzIGhpXHUxZWMzbiB0aFx1MWVjYiB2XHUwMTAzbiBiXHUxZWEzbiBuaFx1MDBlM24uPFwvbGk+XHJcbjxsaT5CLiBOXHUwMGYzIGtoXHUwMGY0bmcgY1x1MDBmMyB0XHUwMGUxYyBkXHUxZWU1bmcgZ1x1MDBlYyB0cm9uZyBDU1MuPFwvbGk+XHJcbjxsaT5DLiBOXHUwMGYzIGNoXHUxZWM5IGRcdTAwZjluZyBcdTAxMTFcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGNobyBuaFx1MDBlM24sIGtoXHUwMGY0bmcgbGlcdTAwZWFuIHF1YW4gXHUwMTExXHUxZWJmbiBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dS48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MWVhM2kgdGhpXHUxZWM3biBraFx1MWVhMyBuXHUwMTAzbmcgdHJ1eSBjXHUxZWFkcCAoYWNjZXNzaWJpbGl0eSkgdlx1MDBlMCBjaG8gcGhcdTAwZTlwIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgbmhcdTFlYTVwIHZcdTAwZTBvIG5oXHUwMGUzbiBcdTAxMTFcdTFlYzMgZm9jdXMgdlx1MDBlMG8gXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgdFx1MDFiMFx1MDFhMW5nIFx1MWVlOW5nLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA5OiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBtXHUxZWQ5dCB2XHUwMGY5bmcgbmhcdTFlYWRwIGxpXHUxZWM3dSB2XHUwMTAzbiBiXHUxZWEzbiBcdTAxMTFhIGRcdTAwZjJuZyB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUsIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdlx1MDBmOW5nIGNoXHUxZWNkbiBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0W3R5cGU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIHRleHRhcmVhPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gaW5wdXRbdHlwZT08XC9saT5cclxuPGxpPkQuIHRleHQtYXJlYTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBCXHUxZWExbiBtdVx1MWVkMW4gdGhheSBcdTAxMTFcdTFlZDVpIGZvbnQgY2hcdTFlZWYgY2hvIG1cdTFlZDl0IGhcdTFlZDlwIGNoXHUxZWNkbiAoZHJvcGRvd24gbGlzdCkgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LiBWXHUwMGY5bmcgY2hcdTFlY2RuIENTUyBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwP1xyXG48dWw+XHJcbjxsaT5BLiBkcm9wZG93bjxcL2xpPlxyXG48bGk+Qi4gaW5wdXRbdHlwZT08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gc2VsZWN0PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gb3B0aW9uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IE5oaVx1MWVjMXUgbmhcdTAwZTAgcGhcdTAwZTF0IHRyaVx1MWVjM24gd2ViIHRoXHUwMWIwXHUxZWRkbmcgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBlMWMgcXV5IHRcdTFlYWZjIENTUyBuaFx1MDFiMCBgbWFyZ2luOiAwOyBwYWRkaW5nOiAwO2AgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSBuaFx1MDFiMCBgaW5wdXRgLCBgdGV4dGFyZWFgLCBgc2VsZWN0YC4gTVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggY2hcdTAwZWRuaCBjXHUxZWU3YSB2aVx1MWVjN2Mgblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFhcdTAwZjNhIGJcdTFlY2YgY1x1MDBlMWMga2lcdTFlYzN1IG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGtoXHUwMGUxYyBuaGF1IGNcdTFlZTdhIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBcdTAxMTFcdTFlYzMgZFx1MWVjNSBkXHUwMGUwbmcgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IHRoXHUxZWQxbmcgbmhcdTFlYTV0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFRcdTAxMDNuZyB0XHUxZWQxYyBcdTAxMTFcdTFlZDkgdFx1MWVhM2kgdHJhbmcuPFwvbGk+XHJcbjxsaT5DLiBMXHUwMGUwbSBjaG8gYmlcdTFlYzN1IG1cdTFlYWJ1IGtoXHUwMGY0bmcgdGhcdTFlYzMgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjLjxcL2xpPlxyXG48bGk+RC4gQlx1MWVhZnQgYnVcdTFlZDljIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgcGhcdTFlYTNpIG5oXHUxZWFkcCBkXHUxZWVmIGxpXHUxZWM3dS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGtob1x1MWVhM25nIHRyXHUxZWQxbmcgZ2lcdTFlZWZhIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGxpXHUxZWMxbiBrXHUxZWMxIHRyb25nIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGxcdTAwZTAgbFx1MWVmMWEgY2hcdTFlY2RuIHRcdTFlZDF0IG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMga2lcdTFlYzNtIHNvXHUwMGUxdCBraG9cdTFlYTNuZyBjXHUwMGUxY2ggPGk+Ylx1MDBlYW4gbmdvXHUwMGUwaTxcL2k+IFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBjXHUxZWU3YSBtXHUxZWQ3aSBcdTAwZjQ/XHJcbjx1bD5cclxuPGxpPkEuIHBhZGRpbmc8XC9saT5cclxuPGxpPkIuIGJvcmRlci1zcGFjaW5nPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIG1hcmdpbjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGdhcDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBcdTAxMTBcdTFlYzMgdFx1MWVhMW8ga2hvXHUxZWEzbmcgdHJcdTFlZDFuZyBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZyB2XHUwMTAzbiBiXHUxZWEzbiBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIG5oXHUxZWFkcCB2XHUwMGUwbyB2XHUwMGUwIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBjXHUxZWU3YSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSwgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gcGFkZGluZzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIG1hcmdpbjxcL2xpPlxyXG48bGk+Qy4gdGV4dC1pbmRlbnQ8XC9saT5cclxuPGxpPkQuIGxpbmUtaGVpZ2h0PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IEJcdTFlYTFuIG11XHUxZWQxbiB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgY2hcdTFlZWYgY1x1MWVlN2Egdlx1MDEwM24gYlx1MWVhM24gZ1x1MWVlM2kgXHUwMGZkIChwbGFjZWhvbGRlcikgYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UuIFZcdTAwZjluZyBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gcGxhY2Vob2xkZXI/XHJcbjx1bD5cclxuPGxpPkEuIDpwbGFjZWhvbGRlcjxcL2xpPlxyXG48bGk+Qi4gW3BsYWNlaG9sZGVyXTxcL2xpPlxyXG48bGk+Qy4gaW5wdXQ6OmhpbnQ8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gOjpwbGFjZWhvbGRlcjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogS2hpIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGJcdTFlY2Igdlx1MDBmNCBoaVx1MWVjN3UgaFx1MDBmM2EgKGA8aW5wdXQgZGlzYWJsZWQ+YCksIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcga2hcdTAwZjRuZyB0aFx1MWVjMyB0XHUwMWIwXHUwMWExbmcgdFx1MDBlMWMgdlx1MWVkYmkgblx1MDBmMy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggZ2lcdTFlYTMgblx1MDBlMG8gdHJvbmcgQ1NTIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gdHJcdTFlYTFuZyB0aFx1MDBlMWkgblx1MDBlMHkgKHZcdTAwZWQgZFx1MWVlNTogbFx1MDBlMG0gbVx1MWVkZCBuXHUwMGYzIFx1MDExMWkpP1xyXG48dWw+XHJcbjxsaT5BLiA6aW5hY3RpdmU8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gOmRpc2FibGVkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gOmxvY2tlZDxcL2xpPlxyXG48bGk+RC4gOnVuYXZhaWxhYmxlPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IFx1MDExMVx1MWVjZiBjaG8gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgYlx1MWVhZnQgYnVcdTFlZDljIChgPGlucHV0IHJlcXVpcmVkPmApIHRyXHUwMWIwXHUxZWRiYyBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhZHAgZFx1MWVlZiBsaVx1MWVjN3UuIFRodVx1MWVkOWMgdFx1MDBlZG5oIGdpXHUxZWEzIG5cdTAwZTBvIGNcdTAwZjMgdGhcdTFlYzMgZ2lcdTAwZmFwIGJcdTFlYTFuIGNoXHUxZWNkbiBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA6cmVxdWlyZWQ8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA6bWFuZGF0b3J5PFwvbGk+XHJcbjxsaT5DLiA6aW1wb3J0YW50PFwvbGk+XHJcbjxsaT5ELiA6dmFsaWRhdGVkPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IE5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdlx1MWVlYmEgbmhcdTFlYWRwIGRcdTFlZWYgbGlcdTFlYzd1IHZcdTAwZTBvIFx1MDBmNCBlbWFpbC4gVHJcdTAwZWNuaCBkdXlcdTFlYzd0IGtpXHUxZWMzbSB0cmEgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIHZcdTAwZTAgdGhcdTFlYTV5IG5cdTAwZjMga2hcdTAwZjRuZyBwaFx1MWVhM2kgbFx1MDBlMCBtXHUxZWQ5dCBcdTAxMTFcdTFlY2JhIGNoXHUxZWM5IGVtYWlsIGhcdTFlZTNwIGxcdTFlYzcuIFRodVx1MWVkOWMgdFx1MDBlZG5oIGdpXHUxZWEzIG5cdTAwZTBvIHRyb25nIENTUyBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgdHJvbmcgdHJcdTAxYjBcdTFlZGRuZyBoXHUxZWUzcCBuXHUwMGUweSAodlx1MDBlZCBkXHUxZWU1OiB0aFx1MDBlYW0gdmlcdTFlYzFuIFx1MDExMVx1MWVjZik/XHJcbjx1bD5cclxuPGxpPkEuIDplcnJvcjxcL2xpPlxyXG48bGk+Qi4gOmluY29ycmVjdDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiA6aW52YWxpZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIDpmYWlsZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAxMDNuIGdpXHUxZWVmYSB0b1x1MDBlMG4gYlx1MWVkOSBiaVx1MWVjM3UgbVx1MWVhYnUgKGA8Zm9ybT5gKSB0aGVvIGNoaVx1MWVjMXUgbmdhbmcgdHJcdTAwZWFuIHRyYW5nLiBOXHUxZWJmdSBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWQxIFx1MDExMVx1MWVjYm5oICh2XHUwMGVkIGRcdTFlZTU6IGB3aWR0aDogNTAwcHhgKSwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIGBkaXNwbGF5OiBibG9ja2Agc1x1MWViZCBnaVx1MDBmYXAgdGhcdTFlZjFjIGhpXHUxZWM3biBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gdGV4dC1hbGlnbjogY2VudGVyOzxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBtYXJnaW46IDAgYXV0bzs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBhbGlnbi1pdGVtczogY2VudGVyOzxcL2xpPlxyXG48bGk+RC4gZmxvYXQ6IGNlbnRlcjs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogXHUwMTEwXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8ga2h1bmcgbmhcdTAwZjNtIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSAoYDxmaWVsZHNldD5gKSB2XHUwMGUwIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY1x1MWVlN2EgbmhcdTAwZjNtIFx1MDExMVx1MDBmMyAoYDxsZWdlbmQ+YCksIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdlx1MDBmOW5nIGNoXHUxZWNkbiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBmaWVsZHNldCB2XHUwMGUwIGxlZ2VuZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGdyb3VwIHZcdTAwZTAgdGl0bGU8XC9saT5cclxuPGxpPkMuIGZvcm0tZ3JvdXAgdlx1MDBlMCBncm91cC10aXRsZTxcL2xpPlxyXG48bGk+RC4gc2VjdGlvbiB2XHUwMGUwIGNhcHRpb248XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogS2hpIGRpIGNodVx1MWVkOXQgcXVhIG1cdTFlZDl0IG5cdTAwZmF0IG5oXHUxZWE1biAoYDxidXR0b24+YCksIGJcdTFlYTFuIG11XHUxZWQxbiBjb24gdHJcdTFlY2YgY2h1XHUxZWQ5dCBiaVx1MWViZm4gdGhcdTAwZTBuaCBoXHUwMGVjbmggYlx1MDBlMG4gdGF5LiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIGhcdTAwZWNuaCBkXHUxZWExbmcgY29uIHRyXHUxZWNmP1xyXG48dWw+XHJcbjxsaT5BLiBjdXJzb3I6IGhhbmQ7PFwvbGk+XHJcbjxsaT5CLiBtb3VzZTogcG9pbnRlcjs8XC9saT5cclxuPGxpPkMuIHBvaW50ZXI6IGhhbmQ7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGN1cnNvcjogcG9pbnRlcjs8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjE6IEtoaSBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBuaFx1MWVhZG4gZm9jdXMsIHRyXHUwMGVjbmggZHV5XHUxZWM3dCB0aFx1MDFiMFx1MWVkZG5nIGhpXHUxZWMzbiB0aFx1MWVjYiBtXHUxZWQ5dCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4geGFuaCBob1x1MWViN2MgY2FtIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGJcdTFlYjFuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgb3V0bGluZWAuIFRcdTFlYTFpIHNhbyB2aVx1MWVjN2MgdFx1MDBmOXkgY2hcdTFlYzluaCBgb3V0bGluZWAgKGhvXHUxZWI3YyBzXHUxZWVkIGRcdTFlZTVuZyBgYm94LXNoYWRvd2ApIGtoaSBmb2N1cyB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMWIwYSBjaHVcdTFlZDluZyBoXHUwMWExbiBsXHUwMGUwIGNoXHUxZWM5IHRoYXkgXHUwMTExXHUxZWQ1aSBgYm9yZGVyYD9cclxuPHVsPlxyXG48bGk+QS4gb3V0bGluZSBjXHUwMGYzIHRoXHUxZWMzIGNcdTAwZjMgbVx1MDBlMHUgc1x1MWVhZmMgXHUwMTExYSBkXHUxZWExbmcgaFx1MDFhMW4gYm9yZGVyLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBvdXRsaW5lIGtoXHUwMGY0bmcgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIFx1MDExMVx1MWViZm4ga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyB2XHUwMGUwIGJcdTFlZDEgY1x1MWVlNWMgY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQsIHRyXHUwMGUxbmggbFx1MDBlMG0gZFx1MWVjYmNoIGNodXlcdTFlYzNuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHh1bmcgcXVhbmgga2hpIGZvY3VzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIG91dGxpbmUgY2hcdTFlYzkgaGlcdTFlYzNuIHRoXHUxZWNiIGtoaSBmb2N1cy48XC9saT5cclxuPGxpPkQuIG91dGxpbmUgZFx1MWVjNSBkXHUwMGUwbmcgbFx1MDBlMG0gdHJcdTAwZjJuIGdcdTAwZjNjIGhcdTAxYTFuIGJvcmRlci48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogVmlcdTFlYzdjIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSB0clx1MWVmMWMgdGlcdTFlYmZwIGNobyBuXHUwMGZhdCBcclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBcdTFlYThuIGlucHV0IGZpbGUgbVx1MWViN2MgXHUwMTExXHUxZWNibmggdlx1MDBlMCBzXHUxZWVkIGRcdTFlZTVuZyBtXHUxZWQ5dCBgPGxhYmVsPmAgaG9cdTFlYjdjIGA8YnV0dG9uPmAgdFx1MDBmOXkgY2hcdTFlYzluaCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSwgc2F1IFx1MDExMVx1MDBmMyBsaVx1MDBlYW4ga1x1MWViZnQgblx1MDBmMyB2XHUxZWRiaSBpbnB1dCBmaWxlIGdcdTFlZDFjLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBzdHlsZWAgaW5saW5lIGNobyBpbnB1dCBmaWxlLjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IGNoXHUxZWM5IGRcdTAwZTBuaCBjaG8gaW5wdXQgZmlsZS48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgdGhcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGlucHV0IGZpbGUsIHBoXHUxZWEzaSBzXHUxZWVkIGRcdTFlZTVuZyBKYXZhU2NyaXB0IGhvXHUwMGUwbiB0b1x1MDBlMG4uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IFx1MDExMFx1MWVjYm5oIGtpXHUxZWMzdSBjaGkgdGlcdTFlYmZ0IGNobyB0aGFuaCB0clx1MDFiMFx1MWVlM3QgY1x1MWVlN2EgYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiBDU1Mga2hcdTAwZjRuZyB0aFx1MWVjMyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIGlucHV0IHR5cGU9PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBiXHUxZWIxbmcgSmF2YVNjcmlwdC48XC9saT5cclxuPGxpPkMuIFRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IFx1MDExMVx1MWVjMXUgaFx1MWVkNyB0clx1MWVlMyBjXHUwMGY5bmcgbVx1MWVkOXQgY1x1MDBlMWNoIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gaW5wdXQgcmFuZ2UuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIE1cdTFlZDl0IHNcdTFlZDEgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IGNcdTAwZjMgY1x1MWVhNXUgdHJcdTAwZmFjIHBoXHUxZWU5YyB0XHUxZWExcCB2XHUwMGUwIGNcdTFlYTduIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyBDU1MgXHUwMTExXHUxZWI3YyB0aFx1MDBmOSwga2hcdTAwZjRuZyBjaHVcdTFlYTluIGhcdTAwZjNhIGhvXHUwMGUwbiB0b1x1MDBlMG4gZ2lcdTFlZWZhIGNcdTAwZTFjIHRyXHUwMGVjbmggZHV5XHUxZWM3dC48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBgYXBwZWFyYW5jZTogbm9uZTtgIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgbmhcdTAxYjAgY2hlY2tib3gsIHJhZGlvLCBob1x1MWViN2Mgc2VsZWN0LiBNXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBjXHUxZWU3YSB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUweSBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIExcdTAwZTBtIGNobyBwaFx1MWVhN24gdFx1MWVlZCBiaVx1MWViZm4gbVx1MWVhNXQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFhcdTAwZjNhIGJcdTFlY2YgZ2lhbyBkaVx1MWVjN24gbVx1MWViN2MgXHUwMTExXHUxZWNibmggY1x1MWVlN2EgaFx1MWVjNyBcdTAxMTFpXHUxZWMxdSBoXHUwMGUwbmhcL3RyXHUwMGVjbmggZHV5XHUxZWM3dCBjaG8gcGhcdTFlYTduIHRcdTFlZWQgXHUwMTExXHUwMGYzLCBjaG8gcGhcdTAwZTlwIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBob1x1MDBlMG4gdG9cdTAwZTBuIGJcdTFlYjFuZyBDU1MuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gTmdcdTAxMDNuIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjIHZcdTFlZGJpIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+RC4gVGhcdTAwZWFtIGhpXHUxZWM3dSBcdTFlZTluZyBjaHV5XHUxZWMzbiBcdTAxMTFcdTFlZDluZyBjaG8gcGhcdTFlYTduIHRcdTFlZWQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEJcdTFlYTFuIG11XHUxZWQxbiB0aGlcdTFlYmZ0IGtcdTFlYmYgblx1MDBmYXQgXHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVlx1MDBmOW5nIGNoXHUxZWNkbjogYGJ1dHRvblt0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFZcdTAwZjluZyBjaFx1MWVjZG46IGBzdWJtaXRgOyBUaHVcdTFlZDljIHRcdTAwZWRuaDogYGJnLWNvbG9yYCwgYHRleHQtY29sb3JgLCBgY29ybmVyLXJhZGl1c2AsIGBzcGFjaW5nYC48XC9saT5cclxuPGxpPkMuIFZcdTAwZjluZyBjaFx1MWVjZG46IGAjc3VibWl0YDsgVGh1XHUxZWQ5YyB0XHUwMGVkbmg6IGBiYWNrZ3JvdW5kYCwgYGZvbnQtY29sb3JgLCBgcm91bmRlZC1jb3JuZXJzYCwgYGlubmVyLXNwYWNlYC48XC9saT5cclxuPGxpPkQuIFZcdTAwZjluZyBjaFx1MWVjZG46IGAucmVnaXN0ZXItYnV0dG9uYDsgVGh1XHUxZWQ5YyB0XHUwMGVkbmg6IGBjb2xvci1iYWNrZ3JvdW5kYCwgYGNvbG9yLXRleHRgLCBgcmFkaXVzYCwgYHBhZGRpbmdgLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IG5oXHUwMGYzbSBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBsaVx1MDBlYW4gcXVhbiAodlx1MDBlZCBkXHUxZWU1OiBcdTAxMTFcdTFlY2JhIGNoXHUxZWM5LCB0aFx1MDBlMG5oIHBoXHUxZWQxLCBtXHUwMGUzIGJcdTAxYjB1IFx1MDExMWlcdTFlYzduKS4gXHUwMTEwXHUxZWMzIG5oXHUwMGYzbSBjaFx1MDBmYW5nIGxcdTFlYTFpIHZcdTFlYzEgbVx1MWViN3QgZ2lhbyBkaVx1MWVjN24gdlx1MDBlMCB0XHUxZWExbyBraG9cdTFlYTNuZyBjXHUwMGUxY2ggXHUwMTExXHUxZWQzbmcgXHUwMTExXHUxZWMxdSBnaVx1MWVlZmEgY2hcdTAwZmFuZywgYlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBcdTAxMTFcdTFlYjd0IGNoXHUwMGZhbmcgdHJvbmcgbVx1MWVkOXQgdGhcdTFlYmIgYDxkaXY+YCB2XHUwMGUwIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyB0clx1MDBlYW4gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgYlx1MDBlYW4gdHJvbmcgaG9cdTFlYjdjIHRyXHUwMGVhbiBjaFx1MDBlZG5oIGBkaXZgIGNoXHUxZWU5YT9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MWVhN24gXHUwMTExXHUxZWI3dCBjaFx1MDBmYW5nIGNcdTFlYTFuaCBuaGF1LjxcL2xpPlxyXG48bGk+Qi4gU1x1MWVlZCBkXHUxZWU1bmcgYGJvcmRlcmAgeHVuZyBxdWFuaCB0XHUxZWVibmcgXHUwMGY0LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBTXHUxZWVkIGRcdTFlZTVuZyBgbWFyZ2luLWJvdHRvbWAgY2hvIG1cdTFlZDdpIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGhvXHUxZWI3YyBzXHUxZWVkIGRcdTFlZTVuZyBGbGV4Ym94XC9HcmlkIHRyXHUwMGVhbiB0aFx1MWViYiBgPGRpdj5gIGNoXHUxZWU5YSBcdTAxMTFcdTFlYzMgdFx1MWVhMW8ga2hvXHUxZWEzbmcgY1x1MDBlMWNoIChgZ2FwYCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gVGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIHRcdTFlZWJuZyBcdTAwZjQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgXHUwMTExXHUwMWExbiBnaVx1MWVhM24gdlx1MWVkYmkgbVx1MWVkN2kgY1x1MWViN3AgbmhcdTAwZTNuIChgPGxhYmVsPmApIHZcdTAwZTAgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQ+YCkgblx1MWViMW0gdHJcdTAwZWFuIG1cdTFlZDl0IGRcdTAwZjJuZyByaVx1MDBlYW5nIGJpXHUxZWM3dCB2XHUwMGUwIGNcdTAwZjMga2hvXHUxZWEzbmcgY1x1MDBlMWNoIGdpXHUxZWVmYSBjXHUwMGUxYyBkXHUwMGYybmcsIGJcdTFlYTFuIG5cdTAwZWFuIFx1MDBlMXAgZFx1MWVlNW5nIGBkaXNwbGF5OiBibG9jaztgIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbyB2XHUwMGUwIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIHRcdTFlYTFvIGtob1x1MWVhM25nIGNcdTAwZTFjaCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gXHUwMGMxcCBkXHUxZWU1bmcgYGRpc3BsYXk6IGlubGluZTtgIGNobyB0XHUxZWE1dCBjXHUxZWEzLjxcL2xpPlxyXG48bGk+Qi4gU1x1MWVlZCBkXHUxZWU1bmcgYGZsb2F0OiBsZWZ0O2AgY2hvIHRcdTFlYTV0IGNcdTFlYTMuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUxZWE3biBkXHUwMGY5bmcgdGhcdTFlYmIgYDxicj5gIGdpXHUxZWVmYSBjXHUwMGUxYyBjXHUxZWI3cC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gXHUwMGMxcCBkXHUxZWU1bmcgYGRpc3BsYXk6IGJsb2NrO2AgY2hvIGNcdTFlYTMgYDxsYWJlbD5gIHZcdTAwZTAgYDxpbnB1dD5gIChob1x1MWViN2MgcGhcdTFlYTduIHRcdTFlZWQgY2hhIGNoXHUxZWU5YSBjaFx1MDBmYW5nKSB2XHUwMGUwIHNcdTFlZWQgZFx1MWVlNW5nIGBtYXJnaW4tYm90dG9tYCBjaG8gcGhcdTFlYTduIHRcdTFlZWQgZFx1MDFiMFx1MWVkYmkuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIHRoXHUxZWNiIGdpXHUwMGUxYyBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhNW4gdlx1MDBlMCBnaVx1MWVlZiBjaHVcdTFlZDl0IHRyXHUwMGVhbiBuXHUwMGZhdCBcclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA6YWN0aXZlPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOnByZXNzZWQ8XC9saT5cclxuPGxpPkMuIDpob2xkaW5nPFwvbGk+XHJcbjxsaT5ELiA6Y2xpY2s8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogTVx1MWVkOXQgc1x1MWVkMSBuaFx1MDBlMCB0aGlcdTFlYmZ0IGtcdTFlYmYgd2ViIGxvXHUxZWExaSBiXHUxZWNmIGhvXHUwMGUwbiB0b1x1MDBlMG4gdmlcdTFlYzFuIGZvY3VzIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGNcdTFlZTdhIHRyXHUwMGVjbmggZHV5XHUxZWM3dCAoYG91dGxpbmU6IG5vbmU7YCkgXHUwMTExXHUxZWMzIHRcdTFlYTFvIGdpYW8gZGlcdTFlYzduIFxyXG48dWw+XHJcbjxsaT5BLiBOXHUwMGYzIGxcdTAwZTBtIGNobyB0cmFuZyB3ZWIgdFx1MWVhM2kgY2hcdTFlYWRtIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+Qi4gTlx1MDBmMyBjaFx1MWVjOSBcdTFlYTNuaCBoXHUwMWIwXHUxZWRmbmcgXHUwMTExXHUxZWJmbiBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGNodVx1MWVkOXQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIFZpXHUxZWMxbiBmb2N1cyByXHUxZWE1dCBxdWFuIHRyXHUxZWNkbmcgY2hvIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MDBlMG4gcGhcdTAwZWRtIGhvXHUxZWI3YyBjXHUwMGUxYyBjXHUwMGY0bmcgbmdoXHUxZWM3IGhcdTFlZDcgdHJcdTFlZTMgXHUwMTExXHUxZWMzIGJpXHUxZWJmdCBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbyBcdTAxMTFhbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBjaFx1MWVjZG4uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gTlx1MDBmMyBnXHUwMGUyeSB4dW5nIFx1MDExMVx1MWVkOXQgdlx1MWVkYmkgY1x1MDBlMWMga2lcdTFlYzN1IENTUyBraFx1MDBlMWMuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgcmlcdTAwZWFuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBkXHUxZWExbmcgc1x1MWVkMSAoYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiBpbnB1dC5udW1iZXI8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gaW5wdXRbdHlwZT08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiAjaW5wdXQtbnVtYmVyPFwvbGk+XHJcbjxsaT5ELiBbdHlwZT08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjE1ODMiLCJxdWVzdGlvbl9pZHMiOiI0MTAzODUsNDEwMzg2LDQxMDM4Nyw0MTAzODgsNDEwMzg5LDQxMDM5MCw0MTAzOTEsNDEwMzkyLDQxMDM5Myw0MTAzOTQsNDEwMzk1LDQxMDM5Niw0MTAzOTcsNDEwMzk4LDQxMDM5OSw0MTA0MDAsNDEwNDAxLDQxMDQwMiw0MTA0MDMsNDEwNDA0LDQxMDQwNSw0MTA0MDYsNDEwNDA3LDQxMDQwOCw0MTA0MDksNDEwNDEwLDQxMDQxMSw0MTA0MTIsNDEwNDEzLDQxMDQxNCIsIm9yZGVyaW5nIjoiMTM3MDAiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='13700'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_13700' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-14638'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_14638' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 08</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 08 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Để áp dụng kiểu CSS cho tất cả các thẻ `<input>` có kiểu là `text` trong biểu mẫu, bạn sẽ sử dụng bộ chọn CSS nào?</p> <ul> <li>A. input.text</li> <li><strong>B. input[type=</strong></li> <li>C. #text</li> <li>D. .input-text</li> </ul> </div> <div class="question-block"> <p>Câu 2: Bạn muốn các hộp văn bản (input type="text") trong biểu mẫu có chiều rộng cố định là 250px, và vùng đệm (padding) 10px ở mỗi bên, nhưng tổng chiều rộng bao gồm cả padding vẫn là 250px. Thuộc tính CSS nào giúp đạt được điều này?</p> <ul> <li>A. width: 250px;</li> <li>B. padding: 10px;</li> <li><strong>C. box-sizing: border-box;</strong></li> <li>D. margin: 10px;</li> </ul> </div> <div class="question-block"> <p>Câu 3: Khi người dùng di chuyển con trỏ chuột qua một nút nhấn (`<button type="submit">`), bạn muốn thay đổi màu nền của nút đó để tạo hiệu ứng tương tác. Trạng thái giả (pseudo-class) nào của CSS được sử dụng cho mục đích này?</p> <ul> <li><strong>A. :hover</strong></li> <li>B. :focus</li> <li>C. :active</li> <li>D. :checked</li> </ul> </div> <div class="question-block"> <p>Câu 4: Bạn đang định kiểu cho một biểu mẫu đăng ký. Khi người dùng nhấp vào một hộp kiểm (`<input type="checkbox">`) để chọn nó, bạn muốn viền của hộp kiểm đó chuyển sang màu xanh. Trạng thái giả nào cần được kết hợp với bộ chọn hộp kiểm?</p> <ul> <li>A. :active</li> <li>B. :focus</li> <li>C. :hover</li> <li><strong>D. :checked</strong></li> </ul> </div> <div class="question-block"> <p>Câu 5: Trong CSS, thuộc tính `display: block;` khi áp dụng cho các phần tử biểu mẫu như `<input>` hoặc `<label>` có tác dụng gì đến bố cục của chúng?</p> <ul> <li>A. Các phần tử sẽ nằm trên cùng một dòng và chỉ chiếm không gian vừa đủ nội dung.</li> <li>B. Các phần tử sẽ được căn giữa theo chiều ngang.</li> <li><strong>C. Mỗi phần tử sẽ bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn của phần tử cha.</strong></li> <li>D. Các phần tử sẽ được ẩn đi khỏi trang web.</li> </ul> </div> <div class="question-block"> <p>Câu 6: Để tạo khoảng trống bên ngoài đường viền của một phần tử biểu mẫu (ví dụ: giữa các hộp văn bản liên tiếp), thuộc tính CSS nào là phù hợp nhất?</p> <ul> <li><strong>A. margin</strong></li> <li>B. padding</li> <li>C. border</li> <li>D. outline</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn muốn khi người dùng nhấp chuột vào một hộp văn bản (`<input type="text">`) để nhập liệu, một đường viền màu xanh sáng xuất hiện xung quanh hộp văn bản đó để chỉ báo nó đang hoạt động. Trạng thái giả nào là cần thiết để định kiểu cho tình huống này?</p> <ul> <li>A. :hover</li> <li><strong>B. :focus</strong></li> <li>C. :active</li> <li>D. :visited</li> </ul> </div> <div class="question-block"> <p>Câu 8: Giả sử bạn có đoạn CSS sau: `input[type=</p> <ul> <li>A. Màu nền của nút submit chuyển sang xanh đậm khi con trỏ chuột nằm trên nó.</li> <li>B. Màu nền của nút submit chuyển sang xanh đậm khi nút submit được chọn (nhận focus).</li> <li><strong>C. Màu nền của nút submit chuyển sang xanh đậm và chữ màu trắng khi nút submit đang được nhấn giữ chuột.</strong></li> <li>D. Màu nền của nút submit luôn là xanh đậm.</li> </ul> </div> <div class="question-block"> <p>Câu 9: Bạn muốn tạo một biểu mẫu mà mỗi cặp nhãn (`<label>`) và hộp nhập liệu (`<input>`) hiển thị trên một dòng riêng biệt và được căn chỉnh thẳng hàng theo chiều dọc. Cấu trúc HTML và thuộc tính CSS `display` nào thường được sử dụng kết hợp để đạt được bố cục này một cách đơn giản?</p> <ul> <li><strong>A. Bọc mỗi cặp `<label>` và `<input>` trong một thẻ ` <div>` riêng và áp dụng `display: block;` cho thẻ `div` đó.</strong></li> <li>B. Áp dụng `display: inline;` cho cả `<label>` và `<input>`.</li> <li>C. Sử dụng bảng HTML (`<br /> <table>`) để định vị các phần tử.</li> <li>D. Áp dụng `float: left;` cho cả `<label>` và `<input>`.</li> </ul> </div> <div class="question-block"> <p>Câu 10: Thuộc tính CSS `outline` khác với thuộc tính `border` như thế nào khi áp dụng cho các phần tử biểu mẫu?</p> <ul> <li>A. Outline chỉ áp dụng cho input, còn border áp dụng cho tất cả các phần tử.</li> <li><strong>B. Outline được vẽ bên ngoài đường viền (border) của phần tử và không chiếm không gian trong bố cục, trong khi border chiếm không gian và ảnh hưởng đến kích thước tổng thể.</strong></li> <li>C. Outline có thể có màu sắc, border thì không.</li> <li>D. Border chỉ xuất hiện khi phần tử nhận focus, còn outline thì luôn hiển thị.</li> </ul> </div> <div class="question-block"> <p>Câu 11: Bạn muốn tất cả các hộp văn bản, hộp mật khẩu và vùng văn bản (`<textarea>`) trong biểu mẫu của mình có cùng một kiểu đường viền. Bộ chọn CSS nào hiệu quả nhất để áp dụng cùng một quy tắc CSS cho cả ba loại phần tử này?</p> <ul> <li>A. input, textarea</li> <li>B. input[type="text"], input[type="password"], textarea</li> <li><strong>C. input[type="text"], input[type="password"], textarea, input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="file"]):not([type="image"])</strong></li> <li>D. *.form-input</li> </ul> </div> <div class="question-block"> <p>Câu 12: Để căn chỉnh nội dung văn bản nhập vào bên trong một hộp văn bản (`<input type="text">`) sang bên phải, thuộc tính CSS nào cần được sử dụng?</p> <ul> <li><strong>A. text-align: right;</strong></li> <li>B. float: right;</li> <li>C. vertical-align: right;</li> <li>D. padding-right: auto;</li> </ul> </div> <div class="question-block"> <p>Câu 13: Bạn có một nhóm các nút tròn (`<input type="radio">`). Bạn muốn khi một nút tròn được chọn, nhãn (`<label>`) đi kèm với nó (được liên kết qua thuộc tính `for`) sẽ có màu chữ đậm hơn. Kỹ thuật kết hợp bộ chọn nào thường được sử dụng để định kiểu cho nhãn dựa trên trạng thái của input liên quan?</p> <ul> <li>A. input[type="radio"]:checked + label</li> <li>B. label:has(input[type="radio"]:checked)</li> <li>C. input[type="radio"] ~ label:checked</li> <li><strong>D. input[type="radio"]:checked + label (với label đặt ngay sau input trong HTML)</strong></li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn muốn thêm một khoảng đệm 15px vào phía trên và phía dưới, và 10px vào phía trái và phải bên trong một vùng văn bản (`<textarea>`). Quy tắc CSS chính xác để làm điều này là gì?</p> <ul> <li>A. margin: 15px 10px;</li> <li><strong>B. padding: 15px 10px;</strong></li> <li>C. padding: 15px 10px 15px 10px;</li> <li>D. padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px;</li> </ul> </div> <div class="question-block"> <p>Câu 15: Thuộc tính CSS `cursor: pointer;` thường được áp dụng cho các phần tử nào trong biểu mẫu để cải thiện trải nghiệm người dùng và chỉ báo tính tương tác?</p> <ul> <li>A. Các hộp văn bản (text input).</li> <li>B. Các vùng văn bản (textarea).</li> <li><strong>C. Các nút nhấn (button, input[type="submit"], input[type="reset"]) và các nhãn liên kết với input (label).</strong></li> <li>D. Tất cả các phần tử trong biểu mẫu.</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn muốn tạo hiệu ứng đổ bóng nhẹ cho các hộp văn bản khi chúng nhận được focus. Thuộc tính CSS nào được sử dụng để thêm hiệu ứng đổ bóng?</p> <ul> <li><strong>A. box-shadow</strong></li> <li>B. text-shadow</li> <li>C. outline-shadow</li> <li>D. border-shadow</li> </ul> </div> <div class="question-block"> <p>Câu 17: Để vô hiệu hóa khả năng tương tác (nhập liệu, nhấp) của một phần tử biểu mẫu và thường đi kèm với việc thay đổi giao diện (ví dụ: màu xám đi), trạng thái giả nào được sử dụng?</p> <ul> <li>A. :active</li> <li><strong>B. :disabled</strong></li> <li>C. :readonly</li> <li>D. :invalid</li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn có một danh sách thả xuống (`<select>`) và muốn thay đổi màu nền của nó. Thuộc tính CSS nào trực tiếp kiểm soát màu nền của phần tử `<select>`?</p> <ul> <li>A. color</li> <li>B. border-color</li> <li>C. outline-color</li> <li><strong>D. background-color</strong></li> </ul> </div> <div class="question-block"> <p>Câu 19: Để đảm bảo rằng một nút nhấn (`<button>`) có chiều rộng tối thiểu là 100px, bạn sẽ sử dụng thuộc tính CSS nào?</p> <ul> <li><strong>A. min-width: 100px;</strong></li> <li>B. width: 100px;</li> <li>C. max-width: 100px;</li> <li>D. outline-width: 100px;</li> </ul> </div> <div class="question-block"> <p>Câu 20: Giả sử bạn có đoạn CSS sau: `input[type=</p> <ul> <li>A. Hộp kiểm sẽ mờ đi khi người dùng di chuột qua nó.</li> <li>B. Hộp kiểm sẽ mờ đi khi nó được chọn.</li> <li><strong>C. Hộp kiểm sẽ mờ đi khi nó chưa được chọn.</strong></li> <li>D. Hộp kiểm sẽ hoàn toàn trong suốt.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Bạn muốn loại bỏ hoàn toàn đường viền mặc định xung quanh một hộp văn bản. Thuộc tính CSS nào cần được đặt giá trị `none` hoặc `0`?</p> <ul> <li>A. outline</li> <li><strong>B. border</strong></li> <li>C. margin</li> <li>D. padding</li> </ul> </div> <div class="question-block"> <p>Câu 22: Để thay đổi màu sắc của văn bản bên trong một vùng văn bản (`<textarea>`), bạn sẽ sử dụng thuộc tính CSS nào?</p> <ul> <li><strong>A. color</strong></li> <li>B. text-color</li> <li>C. font-color</li> <li>D. background-color</li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn các nhãn (`<label>`) trong biểu mẫu của mình hiển thị trên cùng một dòng với phần tử input tương ứng, nhưng vẫn có thể kiểm soát chiều rộng và chiều cao của chúng. Giá trị nào của thuộc tính `display` là phù hợp nhất?</p> <ul> <li>A. block</li> <li>B. inline</li> <li>C. flex</li> <li><strong>D. inline-block</strong></li> </ul> </div> <div class="question-block"> <p>Câu 24: Để tạo khoảng cách 5px giữa đường viền của một phần tử biểu mẫu và nội dung bên trong nó (ví dụ: giữa đường viền hộp văn bản và văn bản nhập), thuộc tính CSS nào được sử dụng?</p> <ul> <li>A. margin</li> <li>B. border-spacing</li> <li><strong>C. padding</strong></li> <li>D. outline-offset</li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn tất cả các phần tử `<input>`, `<select>`, và `<textarea>` trong biểu mẫu đều có cùng một phông chữ và kích thước chữ. Bộ chọn nhóm nào là chính xác?</p> <ul> <li><strong>A. input, select, textarea</strong></li> <li>B. input + select + textarea</li> <li>C. input ~ select ~ textarea</li> <li>D. form > input, form > select, form > textarea</li> </ul> </div> <div class="question-block"> <p>Câu 26: Khi một phần tử biểu mẫu nhận được focus (ví dụ: người dùng nhấp vào), trình duyệt thường hiển thị một đường viền outline mặc định. Thuộc tính CSS nào được sử dụng để tùy chỉnh hoặc loại bỏ outline này?</p> <ul> <li>A. border</li> <li>B. box-shadow</li> <li>C. text-decoration</li> <li><strong>D. outline</strong></li> </ul> </div> <div class="question-block"> <p>Câu 27: Bạn muốn đặt màu nền xám nhạt cho toàn bộ khu vực chứa biểu mẫu, được bao bọc bởi thẻ `</p> <form>`. Bộ chọn CSS nào sẽ áp dụng kiểu này cho thẻ `</p> <form>`?</p> <ul> <li>A. #form</li> <li><strong>B. form</strong></li> <li>C. .form</li> <li>D. input[type=</li> </ul> </div> <div class="question-block"> <p>Câu 28: Để thay đổi hình dạng con trỏ chuột khi di chuyển qua một phần tử (ví dụ: chuyển thành hình bàn tay khi di chuột qua nút nhấn), thuộc tính CSS nào được sử dụng?</p> <ul> <li><strong>A. cursor</strong></li> <li>B. pointer-events</li> <li>C. mouse</li> <li>D. interaction</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn có đoạn CSS sau: `input:focus { border-color: blue; box-shadow: 0 0 5px rgba(0, 0, 255, 0.5); outline: none; }`. Đoạn CSS này có ý nghĩa gì khi áp dụng cho các thẻ `<input>`?</p> <ul> <li>A. Khi người dùng di chuột qua input, viền chuyển xanh và có đổ bóng.</li> <li>B. Khi input bị vô hiệu hóa, viền chuyển xanh và có đổ bóng.</li> <li>C. Khi input được chọn (checked), viền chuyển xanh và có đổ bóng.</li> <li><strong>D. Khi input nhận focus (được nhấp vào để nhập liệu), viền chuyển xanh, có đổ bóng xanh nhạt và outline mặc định bị loại bỏ.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 30: Để ẩn hoàn toàn một phần tử biểu mẫu khỏi hiển thị trên trang web mà không chiếm bất kỳ không gian nào trong bố cục, thuộc tính CSS nào cần được đặt?</p> <ul> <li>A. visibility: hidden;</li> <li>B. opacity: 0;</li> <li><strong>C. display: none;</strong></li> <li>D. position: absolute; left: -9999px;</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='14638'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='438510,438511,438512,438513,438514,438515,438516,438517,438518,438519,438520,438521,438522,438523,438524,438525,438526,438527,438528,438529,438530,438531,438532,438533,438534,438535,438536,438537,438538,438539'> </div> </div><div class='step ' data-question-id='438510' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Để áp dụng kiểu CSS cho tất cả các thẻ `<input>` có kiểu là `text` trong biểu mẫu, bạn sẽ sử dụng bộ chọn CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438510]' id='ays-answer-1732277-14638' value='1732277'/> <label for='ays-answer-1732277-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input.text</label><label for='ays-answer-1732277-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438510]' id='ays-answer-1732278-14638' value='1732278'/> <label for='ays-answer-1732278-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="text"]</label><label for='ays-answer-1732278-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438510]' id='ays-answer-1732279-14638' value='1732279'/> <label for='ays-answer-1732279-14638' class=' ays_position_initial ays-quiz-keyboard-label'>#text</label><label for='ays-answer-1732279-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438510]' id='ays-answer-1732280-14638' value='1732280'/> <label for='ays-answer-1732280-14638' class=' ays_position_initial ays-quiz-keyboard-label'>.input-text</label><label for='ays-answer-1732280-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438510'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjI3NyI6IjAiLCIxNzMyMjc4IjoiMSIsIjE3MzIyNzkiOiIwIiwiMTczMjI4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438511' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn các hộp văn bản (input type='text') trong biểu mẫu có chiều rộng cố định là 250px, và vùng đệm (padding) 10px ở mỗi bên, nhưng tổng chiều rộng bao gồm cả padding vẫn là 250px. Thuộc tính CSS nào giúp đạt được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438511]' id='ays-answer-1732281-14638' value='1732281'/> <label for='ays-answer-1732281-14638' class=' ays_position_initial ays-quiz-keyboard-label'>width: 250px;</label><label for='ays-answer-1732281-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438511]' id='ays-answer-1732282-14638' value='1732282'/> <label for='ays-answer-1732282-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 10px;</label><label for='ays-answer-1732282-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438511]' id='ays-answer-1732283-14638' value='1732283'/> <label for='ays-answer-1732283-14638' class=' ays_position_initial ays-quiz-keyboard-label'>box-sizing: border-box;</label><label for='ays-answer-1732283-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438511]' id='ays-answer-1732284-14638' value='1732284'/> <label for='ays-answer-1732284-14638' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 10px;</label><label for='ays-answer-1732284-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438511'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjI4MSI6IjAiLCIxNzMyMjgyIjoiMCIsIjE3MzIyODMiOiIxIiwiMTczMjI4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438512' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Khi người dùng di chuyển con trỏ chuột qua một nút nhấn (`<button type='submit'>`), bạn muốn thay đổi màu nền của nút đó để tạo hiệu ứng tương tác. Trạng thái giả (pseudo-class) nào của CSS được sử dụng cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438512]' id='ays-answer-1732285-14638' value='1732285'/> <label for='ays-answer-1732285-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1732285-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438512]' id='ays-answer-1732286-14638' value='1732286'/> <label for='ays-answer-1732286-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1732286-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438512]' id='ays-answer-1732287-14638' value='1732287'/> <label for='ays-answer-1732287-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1732287-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438512]' id='ays-answer-1732288-14638' value='1732288'/> <label for='ays-answer-1732288-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1732288-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438512'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjI4NSI6IjEiLCIxNzMyMjg2IjoiMCIsIjE3MzIyODciOiIwIiwiMTczMjI4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438513' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn đang định kiểu cho một biểu mẫu đăng ký. Khi người dùng nhấp vào một hộp kiểm (`<input type='checkbox'>`) để chọn nó, bạn muốn viền của hộp kiểm đó chuyển sang màu xanh. Trạng thái giả nào cần được kết hợp với bộ chọn hộp kiểm?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438513]' id='ays-answer-1732289-14638' value='1732289'/> <label for='ays-answer-1732289-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1732289-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438513]' id='ays-answer-1732290-14638' value='1732290'/> <label for='ays-answer-1732290-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1732290-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438513]' id='ays-answer-1732291-14638' value='1732291'/> <label for='ays-answer-1732291-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1732291-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438513]' id='ays-answer-1732292-14638' value='1732292'/> <label for='ays-answer-1732292-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1732292-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438513'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjI4OSI6IjAiLCIxNzMyMjkwIjoiMCIsIjE3MzIyOTEiOiIwIiwiMTczMjI5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438514' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Trong CSS, thuộc tính `display: block;` khi áp dụng cho các phần tử biểu mẫu như `<input>` hoặc `<label>` có tác dụng gì đến bố cục của chúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438514]' id='ays-answer-1732293-14638' value='1732293'/> <label for='ays-answer-1732293-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Các phần tử sẽ nằm trên cùng một dòng và chỉ chiếm không gian vừa đủ nội dung.</label><label for='ays-answer-1732293-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438514]' id='ays-answer-1732294-14638' value='1732294'/> <label for='ays-answer-1732294-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Các phần tử sẽ được căn giữa theo chiều ngang.</label><label for='ays-answer-1732294-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438514]' id='ays-answer-1732295-14638' value='1732295'/> <label for='ays-answer-1732295-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Mỗi phần tử sẽ bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng có sẵn của phần tử cha.</label><label for='ays-answer-1732295-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438514]' id='ays-answer-1732296-14638' value='1732296'/> <label for='ays-answer-1732296-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Các phần tử sẽ được ẩn đi khỏi trang web.</label><label for='ays-answer-1732296-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438514'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjI5MyI6IjAiLCIxNzMyMjk0IjoiMCIsIjE3MzIyOTUiOiIxIiwiMTczMjI5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438515' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để tạo khoảng trống bên ngoài đường viền của một phần tử biểu mẫu (ví dụ: giữa các hộp văn bản liên tiếp), thuộc tính CSS nào là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438515]' id='ays-answer-1732297-14638' value='1732297'/> <label for='ays-answer-1732297-14638' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1732297-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438515]' id='ays-answer-1732298-14638' value='1732298'/> <label for='ays-answer-1732298-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1732298-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438515]' id='ays-answer-1732299-14638' value='1732299'/> <label for='ays-answer-1732299-14638' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1732299-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438515]' id='ays-answer-1732300-14638' value='1732300'/> <label for='ays-answer-1732300-14638' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1732300-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438515'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjI5NyI6IjEiLCIxNzMyMjk4IjoiMCIsIjE3MzIyOTkiOiIwIiwiMTczMjMwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438516' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn muốn khi người dùng nhấp chuột vào một hộp văn bản (`<input type='text'>`) để nhập liệu, một đường viền màu xanh sáng xuất hiện xung quanh hộp văn bản đó để chỉ báo nó đang hoạt động. Trạng thái giả nào là cần thiết để định kiểu cho tình huống này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438516]' id='ays-answer-1732301-14638' value='1732301'/> <label for='ays-answer-1732301-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1732301-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438516]' id='ays-answer-1732302-14638' value='1732302'/> <label for='ays-answer-1732302-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1732302-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438516]' id='ays-answer-1732303-14638' value='1732303'/> <label for='ays-answer-1732303-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1732303-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438516]' id='ays-answer-1732304-14638' value='1732304'/> <label for='ays-answer-1732304-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-1732304-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438516'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMwMSI6IjAiLCIxNzMyMzAyIjoiMSIsIjE3MzIzMDMiOiIwIiwiMTczMjMwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438517' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Giả sử bạn có đoạn CSS sau: `input[type="submit"]:active { background-color: darkblue; color: white; }`. Đoạn CSS này sẽ có tác dụng gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438517]' id='ays-answer-1732305-14638' value='1732305'/> <label for='ays-answer-1732305-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền của nút submit chuyển sang xanh đậm khi con trỏ chuột nằm trên nó.</label><label for='ays-answer-1732305-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438517]' id='ays-answer-1732306-14638' value='1732306'/> <label for='ays-answer-1732306-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền của nút submit chuyển sang xanh đậm khi nút submit được chọn (nhận focus).</label><label for='ays-answer-1732306-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438517]' id='ays-answer-1732307-14638' value='1732307'/> <label for='ays-answer-1732307-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền của nút submit chuyển sang xanh đậm và chữ màu trắng khi nút submit đang được nhấn giữ chuột.</label><label for='ays-answer-1732307-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438517]' id='ays-answer-1732308-14638' value='1732308'/> <label for='ays-answer-1732308-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Màu nền của nút submit luôn là xanh đậm.</label><label for='ays-answer-1732308-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438517'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMwNSI6IjAiLCIxNzMyMzA2IjoiMCIsIjE3MzIzMDciOiIxIiwiMTczMjMwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438518' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Bạn muốn tạo một biểu mẫu mà mỗi cặp nhãn (`<label>`) và hộp nhập liệu (`<input>`) hiển thị trên một dòng riêng biệt và được căn chỉnh thẳng hàng theo chiều dọc. Cấu trúc HTML và thuộc tính CSS `display` nào thường được sử dụng kết hợp để đạt được bố cục này một cách đơn giản?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438518]' id='ays-answer-1732309-14638' value='1732309'/> <label for='ays-answer-1732309-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Bọc mỗi cặp `<label>` và `<input>` trong một thẻ `<div>` riêng và áp dụng `display: block;` cho thẻ `div` đó.</label><label for='ays-answer-1732309-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438518]' id='ays-answer-1732310-14638' value='1732310'/> <label for='ays-answer-1732310-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng `display: inline;` cho cả `<label>` và `<input>`.</label><label for='ays-answer-1732310-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438518]' id='ays-answer-1732311-14638' value='1732311'/> <label for='ays-answer-1732311-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bảng HTML (`<table>`) để định vị các phần tử.</label><label for='ays-answer-1732311-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438518]' id='ays-answer-1732312-14638' value='1732312'/> <label for='ays-answer-1732312-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng `float: left;` cho cả `<label>` và `<input>`.</label><label for='ays-answer-1732312-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438518'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMwOSI6IjEiLCIxNzMyMzEwIjoiMCIsIjE3MzIzMTEiOiIwIiwiMTczMjMxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438519' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Thuộc tính CSS `outline` khác với thuộc tính `border` như thế nào khi áp dụng cho các phần tử biểu mẫu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438519]' id='ays-answer-1732313-14638' value='1732313'/> <label for='ays-answer-1732313-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Outline chỉ áp dụng cho input, còn border áp dụng cho tất cả các phần tử.</label><label for='ays-answer-1732313-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438519]' id='ays-answer-1732314-14638' value='1732314'/> <label for='ays-answer-1732314-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Outline được vẽ bên ngoài đường viền (border) của phần tử và không chiếm không gian trong bố cục, trong khi border chiếm không gian và ảnh hưởng đến kích thước tổng thể.</label><label for='ays-answer-1732314-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438519]' id='ays-answer-1732315-14638' value='1732315'/> <label for='ays-answer-1732315-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Outline có thể có màu sắc, border thì không.</label><label for='ays-answer-1732315-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438519]' id='ays-answer-1732316-14638' value='1732316'/> <label for='ays-answer-1732316-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Border chỉ xuất hiện khi phần tử nhận focus, còn outline thì luôn hiển thị.</label><label for='ays-answer-1732316-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438519'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMxMyI6IjAiLCIxNzMyMzE0IjoiMSIsIjE3MzIzMTUiOiIwIiwiMTczMjMxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438520' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn tất cả các hộp văn bản, hộp mật khẩu và vùng văn bản (`<textarea>`) trong biểu mẫu của mình có cùng một kiểu đường viền. Bộ chọn CSS nào hiệu quả nhất để áp dụng cùng một quy tắc CSS cho cả ba loại phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438520]' id='ays-answer-1732317-14638' value='1732317'/> <label for='ays-answer-1732317-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input, textarea</label><label for='ays-answer-1732317-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438520]' id='ays-answer-1732318-14638' value='1732318'/> <label for='ays-answer-1732318-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password'], textarea</label><label for='ays-answer-1732318-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438520]' id='ays-answer-1732319-14638' value='1732319'/> <label for='ays-answer-1732319-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password'], textarea, input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='reset']):not([type='button']):not([type='file']):not([type='image'])</label><label for='ays-answer-1732319-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438520]' id='ays-answer-1732320-14638' value='1732320'/> <label for='ays-answer-1732320-14638' class=' ays_position_initial ays-quiz-keyboard-label'>*.form-input</label><label for='ays-answer-1732320-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438520'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMxNyI6IjAiLCIxNzMyMzE4IjoiMCIsIjE3MzIzMTkiOiIxIiwiMTczMjMyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438521' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Để căn chỉnh nội dung văn bản nhập vào bên trong một hộp văn bản (`<input type='text'>`) sang bên phải, thuộc tính CSS nào cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438521]' id='ays-answer-1732321-14638' value='1732321'/> <label for='ays-answer-1732321-14638' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: right;</label><label for='ays-answer-1732321-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438521]' id='ays-answer-1732322-14638' value='1732322'/> <label for='ays-answer-1732322-14638' class=' ays_position_initial ays-quiz-keyboard-label'>float: right;</label><label for='ays-answer-1732322-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438521]' id='ays-answer-1732323-14638' value='1732323'/> <label for='ays-answer-1732323-14638' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align: right;</label><label for='ays-answer-1732323-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438521]' id='ays-answer-1732324-14638' value='1732324'/> <label for='ays-answer-1732324-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding-right: auto;</label><label for='ays-answer-1732324-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438521'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMyMSI6IjEiLCIxNzMyMzIyIjoiMCIsIjE3MzIzMjMiOiIwIiwiMTczMjMyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438522' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn có một nhóm các nút tròn (`<input type='radio'>`). Bạn muốn khi một nút tròn được chọn, nhãn (`<label>`) đi kèm với nó (được liên kết qua thuộc tính `for`) sẽ có màu chữ đậm hơn. Kỹ thuật kết hợp bộ chọn nào thường được sử dụng để định kiểu cho nhãn dựa trên trạng thái của input liên quan?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438522]' id='ays-answer-1732325-14638' value='1732325'/> <label for='ays-answer-1732325-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='radio']:checked + label</label><label for='ays-answer-1732325-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438522]' id='ays-answer-1732326-14638' value='1732326'/> <label for='ays-answer-1732326-14638' class=' ays_position_initial ays-quiz-keyboard-label'>label:has(input[type='radio']:checked)</label><label for='ays-answer-1732326-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438522]' id='ays-answer-1732327-14638' value='1732327'/> <label for='ays-answer-1732327-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='radio'] ~ label:checked</label><label for='ays-answer-1732327-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438522]' id='ays-answer-1732328-14638' value='1732328'/> <label for='ays-answer-1732328-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='radio']:checked + label (với label đặt ngay sau input trong HTML)</label><label for='ays-answer-1732328-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438522'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMyNSI6IjAiLCIxNzMyMzI2IjoiMCIsIjE3MzIzMjciOiIwIiwiMTczMjMyOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438523' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn muốn thêm một khoảng đệm 15px vào phía trên và phía dưới, và 10px vào phía trái và phải bên trong một vùng văn bản (`<textarea>`). Quy tắc CSS chính xác để làm điều này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438523]' id='ays-answer-1732329-14638' value='1732329'/> <label for='ays-answer-1732329-14638' class=' ays_position_initial ays-quiz-keyboard-label'>margin: 15px 10px;</label><label for='ays-answer-1732329-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438523]' id='ays-answer-1732330-14638' value='1732330'/> <label for='ays-answer-1732330-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 15px 10px;</label><label for='ays-answer-1732330-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438523]' id='ays-answer-1732331-14638' value='1732331'/> <label for='ays-answer-1732331-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding: 15px 10px 15px 10px;</label><label for='ays-answer-1732331-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438523]' id='ays-answer-1732332-14638' value='1732332'/> <label for='ays-answer-1732332-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding-top: 15px; padding-bottom: 15px; padding-left: 10px; padding-right: 10px;</label><label for='ays-answer-1732332-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438523'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMyOSI6IjAiLCIxNzMyMzMwIjoiMSIsIjE3MzIzMzEiOiIwIiwiMTczMjMzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438524' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Thuộc tính CSS `cursor: pointer;` thường được áp dụng cho các phần tử nào trong biểu mẫu để cải thiện trải nghiệm người dùng và chỉ báo tính tương tác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438524]' id='ays-answer-1732333-14638' value='1732333'/> <label for='ays-answer-1732333-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Các hộp văn bản (text input).</label><label for='ays-answer-1732333-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438524]' id='ays-answer-1732334-14638' value='1732334'/> <label for='ays-answer-1732334-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Các vùng văn bản (textarea).</label><label for='ays-answer-1732334-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438524]' id='ays-answer-1732335-14638' value='1732335'/> <label for='ays-answer-1732335-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Các nút nhấn (button, input[type='submit'], input[type='reset']) và các nhãn liên kết với input (label).</label><label for='ays-answer-1732335-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438524]' id='ays-answer-1732336-14638' value='1732336'/> <label for='ays-answer-1732336-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử trong biểu mẫu.</label><label for='ays-answer-1732336-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438524'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMzMyI6IjAiLCIxNzMyMzM0IjoiMCIsIjE3MzIzMzUiOiIxIiwiMTczMjMzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438525' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn tạo hiệu ứng đổ bóng nhẹ cho các hộp văn bản khi chúng nhận được focus. Thuộc tính CSS nào được sử dụng để thêm hiệu ứng đổ bóng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438525]' id='ays-answer-1732337-14638' value='1732337'/> <label for='ays-answer-1732337-14638' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1732337-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438525]' id='ays-answer-1732338-14638' value='1732338'/> <label for='ays-answer-1732338-14638' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-1732338-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438525]' id='ays-answer-1732339-14638' value='1732339'/> <label for='ays-answer-1732339-14638' class=' ays_position_initial ays-quiz-keyboard-label'>outline-shadow</label><label for='ays-answer-1732339-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438525]' id='ays-answer-1732340-14638' value='1732340'/> <label for='ays-answer-1732340-14638' class=' ays_position_initial ays-quiz-keyboard-label'>border-shadow</label><label for='ays-answer-1732340-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438525'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjMzNyI6IjEiLCIxNzMyMzM4IjoiMCIsIjE3MzIzMzkiOiIwIiwiMTczMjM0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438526' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Để vô hiệu hóa khả năng tương tác (nhập liệu, nhấp) của một phần tử biểu mẫu và thường đi kèm với việc thay đổi giao diện (ví dụ: màu xám đi), trạng thái giả nào được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438526]' id='ays-answer-1732341-14638' value='1732341'/> <label for='ays-answer-1732341-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1732341-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438526]' id='ays-answer-1732342-14638' value='1732342'/> <label for='ays-answer-1732342-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1732342-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438526]' id='ays-answer-1732343-14638' value='1732343'/> <label for='ays-answer-1732343-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:readonly</label><label for='ays-answer-1732343-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438526]' id='ays-answer-1732344-14638' value='1732344'/> <label for='ays-answer-1732344-14638' class=' ays_position_initial ays-quiz-keyboard-label'>:invalid</label><label for='ays-answer-1732344-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438526'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM0MSI6IjAiLCIxNzMyMzQyIjoiMSIsIjE3MzIzNDMiOiIwIiwiMTczMjM0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438527' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn có một danh sách thả xuống (`<select>`) và muốn thay đổi màu nền của nó. Thuộc tính CSS nào trực tiếp kiểm soát màu nền của phần tử `<select>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438527]' id='ays-answer-1732345-14638' value='1732345'/> <label for='ays-answer-1732345-14638' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1732345-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438527]' id='ays-answer-1732346-14638' value='1732346'/> <label for='ays-answer-1732346-14638' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1732346-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438527]' id='ays-answer-1732347-14638' value='1732347'/> <label for='ays-answer-1732347-14638' class=' ays_position_initial ays-quiz-keyboard-label'>outline-color</label><label for='ays-answer-1732347-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438527]' id='ays-answer-1732348-14638' value='1732348'/> <label for='ays-answer-1732348-14638' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1732348-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438527'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM0NSI6IjAiLCIxNzMyMzQ2IjoiMCIsIjE3MzIzNDciOiIwIiwiMTczMjM0OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438528' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Để đảm bảo rằng một nút nhấn (`<button>`) có chiều rộng tối thiểu là 100px, bạn sẽ sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438528]' id='ays-answer-1732349-14638' value='1732349'/> <label for='ays-answer-1732349-14638' class=' ays_position_initial ays-quiz-keyboard-label'>min-width: 100px;</label><label for='ays-answer-1732349-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438528]' id='ays-answer-1732350-14638' value='1732350'/> <label for='ays-answer-1732350-14638' class=' ays_position_initial ays-quiz-keyboard-label'>width: 100px;</label><label for='ays-answer-1732350-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438528]' id='ays-answer-1732351-14638' value='1732351'/> <label for='ays-answer-1732351-14638' class=' ays_position_initial ays-quiz-keyboard-label'>max-width: 100px;</label><label for='ays-answer-1732351-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438528]' id='ays-answer-1732352-14638' value='1732352'/> <label for='ays-answer-1732352-14638' class=' ays_position_initial ays-quiz-keyboard-label'>outline-width: 100px;</label><label for='ays-answer-1732352-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438528'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM0OSI6IjEiLCIxNzMyMzUwIjoiMCIsIjE3MzIzNTEiOiIwIiwiMTczMjM1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438529' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Giả sử bạn có đoạn CSS sau: `input[type="checkbox"]:not(:checked) { opacity: 0.7; }`. Đoạn CSS này mô tả điều gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438529]' id='ays-answer-1732353-14638' value='1732353'/> <label for='ays-answer-1732353-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Hộp kiểm sẽ mờ đi khi người dùng di chuột qua nó.</label><label for='ays-answer-1732353-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438529]' id='ays-answer-1732354-14638' value='1732354'/> <label for='ays-answer-1732354-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Hộp kiểm sẽ mờ đi khi nó được chọn.</label><label for='ays-answer-1732354-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438529]' id='ays-answer-1732355-14638' value='1732355'/> <label for='ays-answer-1732355-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Hộp kiểm sẽ mờ đi khi nó chưa được chọn.</label><label for='ays-answer-1732355-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438529]' id='ays-answer-1732356-14638' value='1732356'/> <label for='ays-answer-1732356-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Hộp kiểm sẽ hoàn toàn trong suốt.</label><label for='ays-answer-1732356-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438529'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM1MyI6IjAiLCIxNzMyMzU0IjoiMCIsIjE3MzIzNTUiOiIxIiwiMTczMjM1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438530' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn muốn loại bỏ hoàn toàn đường viền mặc định xung quanh một hộp văn bản. Thuộc tính CSS nào cần được đặt giá trị `none` hoặc `0`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438530]' id='ays-answer-1732357-14638' value='1732357'/> <label for='ays-answer-1732357-14638' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1732357-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438530]' id='ays-answer-1732358-14638' value='1732358'/> <label for='ays-answer-1732358-14638' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1732358-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438530]' id='ays-answer-1732359-14638' value='1732359'/> <label for='ays-answer-1732359-14638' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1732359-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438530]' id='ays-answer-1732360-14638' value='1732360'/> <label for='ays-answer-1732360-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1732360-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438530'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM1NyI6IjAiLCIxNzMyMzU4IjoiMSIsIjE3MzIzNTkiOiIwIiwiMTczMjM2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438531' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Để thay đổi màu sắc của văn bản bên trong một vùng văn bản (`<textarea>`), bạn sẽ sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438531]' id='ays-answer-1732361-14638' value='1732361'/> <label for='ays-answer-1732361-14638' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1732361-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438531]' id='ays-answer-1732362-14638' value='1732362'/> <label for='ays-answer-1732362-14638' class=' ays_position_initial ays-quiz-keyboard-label'>text-color</label><label for='ays-answer-1732362-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438531]' id='ays-answer-1732363-14638' value='1732363'/> <label for='ays-answer-1732363-14638' class=' ays_position_initial ays-quiz-keyboard-label'>font-color</label><label for='ays-answer-1732363-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438531]' id='ays-answer-1732364-14638' value='1732364'/> <label for='ays-answer-1732364-14638' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1732364-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438531'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM2MSI6IjEiLCIxNzMyMzYyIjoiMCIsIjE3MzIzNjMiOiIwIiwiMTczMjM2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438532' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn các nhãn (`<label>`) trong biểu mẫu của mình hiển thị trên cùng một dòng với phần tử input tương ứng, nhưng vẫn có thể kiểm soát chiều rộng và chiều cao của chúng. Giá trị nào của thuộc tính `display` là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438532]' id='ays-answer-1732365-14638' value='1732365'/> <label for='ays-answer-1732365-14638' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-1732365-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438532]' id='ays-answer-1732366-14638' value='1732366'/> <label for='ays-answer-1732366-14638' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-1732366-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438532]' id='ays-answer-1732367-14638' value='1732367'/> <label for='ays-answer-1732367-14638' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-1732367-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438532]' id='ays-answer-1732368-14638' value='1732368'/> <label for='ays-answer-1732368-14638' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-1732368-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438532'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM2NSI6IjAiLCIxNzMyMzY2IjoiMCIsIjE3MzIzNjciOiIwIiwiMTczMjM2OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438533' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Để tạo khoảng cách 5px giữa đường viền của một phần tử biểu mẫu và nội dung bên trong nó (ví dụ: giữa đường viền hộp văn bản và văn bản nhập), thuộc tính CSS nào được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438533]' id='ays-answer-1732369-14638' value='1732369'/> <label for='ays-answer-1732369-14638' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1732369-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438533]' id='ays-answer-1732370-14638' value='1732370'/> <label for='ays-answer-1732370-14638' class=' ays_position_initial ays-quiz-keyboard-label'>border-spacing</label><label for='ays-answer-1732370-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438533]' id='ays-answer-1732371-14638' value='1732371'/> <label for='ays-answer-1732371-14638' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1732371-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438533]' id='ays-answer-1732372-14638' value='1732372'/> <label for='ays-answer-1732372-14638' class=' ays_position_initial ays-quiz-keyboard-label'>outline-offset</label><label for='ays-answer-1732372-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438533'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM2OSI6IjAiLCIxNzMyMzcwIjoiMCIsIjE3MzIzNzEiOiIxIiwiMTczMjM3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438534' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn tất cả các phần tử `<input>`, `<select>`, và `<textarea>` trong biểu mẫu đều có cùng một phông chữ và kích thước chữ. Bộ chọn nhóm nào là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438534]' id='ays-answer-1732373-14638' value='1732373'/> <label for='ays-answer-1732373-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input, select, textarea</label><label for='ays-answer-1732373-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438534]' id='ays-answer-1732374-14638' value='1732374'/> <label for='ays-answer-1732374-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input + select + textarea</label><label for='ays-answer-1732374-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438534]' id='ays-answer-1732375-14638' value='1732375'/> <label for='ays-answer-1732375-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input ~ select ~ textarea</label><label for='ays-answer-1732375-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438534]' id='ays-answer-1732376-14638' value='1732376'/> <label for='ays-answer-1732376-14638' class=' ays_position_initial ays-quiz-keyboard-label'>form > input, form > select, form > textarea</label><label for='ays-answer-1732376-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438534'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM3MyI6IjEiLCIxNzMyMzc0IjoiMCIsIjE3MzIzNzUiOiIwIiwiMTczMjM3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438535' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Khi một phần tử biểu mẫu nhận được focus (ví dụ: người dùng nhấp vào), trình duyệt thường hiển thị một đường viền outline mặc định. Thuộc tính CSS nào được sử dụng để tùy chỉnh hoặc loại bỏ outline này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438535]' id='ays-answer-1732377-14638' value='1732377'/> <label for='ays-answer-1732377-14638' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1732377-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438535]' id='ays-answer-1732378-14638' value='1732378'/> <label for='ays-answer-1732378-14638' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1732378-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438535]' id='ays-answer-1732379-14638' value='1732379'/> <label for='ays-answer-1732379-14638' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration</label><label for='ays-answer-1732379-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438535]' id='ays-answer-1732380-14638' value='1732380'/> <label for='ays-answer-1732380-14638' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1732380-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438535'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM3NyI6IjAiLCIxNzMyMzc4IjoiMCIsIjE3MzIzNzkiOiIwIiwiMTczMjM4MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438536' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn đặt màu nền xám nhạt cho toàn bộ khu vực chứa biểu mẫu, được bao bọc bởi thẻ `</p> <form>`. Bộ chọn CSS nào sẽ áp dụng kiểu này cho thẻ `</p> <form>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438536]' id='ays-answer-1732381-14638' value='1732381'/> <label for='ays-answer-1732381-14638' class=' ays_position_initial ays-quiz-keyboard-label'>#form</label><label for='ays-answer-1732381-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438536]' id='ays-answer-1732382-14638' value='1732382'/> <label for='ays-answer-1732382-14638' class=' ays_position_initial ays-quiz-keyboard-label'>form</label><label for='ays-answer-1732382-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438536]' id='ays-answer-1732383-14638' value='1732383'/> <label for='ays-answer-1732383-14638' class=' ays_position_initial ays-quiz-keyboard-label'>.form</label><label for='ays-answer-1732383-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438536]' id='ays-answer-1732384-14638' value='1732384'/> <label for='ays-answer-1732384-14638' class=' ays_position_initial ays-quiz-keyboard-label'>input[type="form"]</label><label for='ays-answer-1732384-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438536'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM4MSI6IjAiLCIxNzMyMzgyIjoiMSIsIjE3MzIzODMiOiIwIiwiMTczMjM4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438537' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Để thay đổi hình dạng con trỏ chuột khi di chuyển qua một phần tử (ví dụ: chuyển thành hình bàn tay khi di chuột qua nút nhấn), thuộc tính CSS nào được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438537]' id='ays-answer-1732385-14638' value='1732385'/> <label for='ays-answer-1732385-14638' class=' ays_position_initial ays-quiz-keyboard-label'>cursor</label><label for='ays-answer-1732385-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438537]' id='ays-answer-1732386-14638' value='1732386'/> <label for='ays-answer-1732386-14638' class=' ays_position_initial ays-quiz-keyboard-label'>pointer-events</label><label for='ays-answer-1732386-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438537]' id='ays-answer-1732387-14638' value='1732387'/> <label for='ays-answer-1732387-14638' class=' ays_position_initial ays-quiz-keyboard-label'>mouse</label><label for='ays-answer-1732387-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438537]' id='ays-answer-1732388-14638' value='1732388'/> <label for='ays-answer-1732388-14638' class=' ays_position_initial ays-quiz-keyboard-label'>interaction</label><label for='ays-answer-1732388-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438537'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM4NSI6IjEiLCIxNzMyMzg2IjoiMCIsIjE3MzIzODciOiIwIiwiMTczMjM4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438538' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn có đoạn CSS sau: `input:focus { border-color: blue; box-shadow: 0 0 5px rgba(0, 0, 255, 0.5); outline: none; }`. Đoạn CSS này có ý nghĩa gì khi áp dụng cho các thẻ `<input>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438538]' id='ays-answer-1732389-14638' value='1732389'/> <label for='ays-answer-1732389-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Khi người dùng di chuột qua input, viền chuyển xanh và có đổ bóng.</label><label for='ays-answer-1732389-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438538]' id='ays-answer-1732390-14638' value='1732390'/> <label for='ays-answer-1732390-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Khi input bị vô hiệu hóa, viền chuyển xanh và có đổ bóng.</label><label for='ays-answer-1732390-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438538]' id='ays-answer-1732391-14638' value='1732391'/> <label for='ays-answer-1732391-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Khi input được chọn (checked), viền chuyển xanh và có đổ bóng.</label><label for='ays-answer-1732391-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438538]' id='ays-answer-1732392-14638' value='1732392'/> <label for='ays-answer-1732392-14638' class=' ays_position_initial ays-quiz-keyboard-label'>Khi input nhận focus (được nhấp vào để nhập liệu), viền chuyển xanh, có đổ bóng xanh nhạt và outline mặc định bị loại bỏ.</label><label for='ays-answer-1732392-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438538'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM4OSI6IjAiLCIxNzMyMzkwIjoiMCIsIjE3MzIzOTEiOiIwIiwiMTczMjM5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='438539' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 8</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Để ẩn hoàn toàn một phần tử biểu mẫu khỏi hiển thị trên trang web mà không chiếm bất kỳ không gian nào trong bố cục, thuộc tính CSS nào cần được đặt?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438539]' id='ays-answer-1732393-14638' value='1732393'/> <label for='ays-answer-1732393-14638' class=' ays_position_initial ays-quiz-keyboard-label'>visibility: hidden;</label><label for='ays-answer-1732393-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438539]' id='ays-answer-1732394-14638' value='1732394'/> <label for='ays-answer-1732394-14638' class=' ays_position_initial ays-quiz-keyboard-label'>opacity: 0;</label><label for='ays-answer-1732394-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438539]' id='ays-answer-1732395-14638' value='1732395'/> <label for='ays-answer-1732395-14638' class=' ays_position_initial ays-quiz-keyboard-label'>display: none;</label><label for='ays-answer-1732395-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-438539]' id='ays-answer-1732396-14638' value='1732396'/> <label for='ays-answer-1732396-14638' class=' ays_position_initial ays-quiz-keyboard-label'>position: absolute; left: -9999px;</label><label for='ays-answer-1732396-14638' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_14638 === 'undefined'){ window.quizOptions_14638 = []; } window.quizOptions_14638['438539'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTczMjM5MyI6IjAiLCIxNzMyMzk0IjoiMCIsIjE3MzIzOTUiOiIxIiwiMTczMjM5NiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-14638 * { box-sizing: border-box; } #ays-quiz-container-14638 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-14638 #ays_finish_quiz_14638 { } /* Styles for Quiz container */ #ays-quiz-container-14638{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-14638 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-14638 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-14638 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-14638 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-14638 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-14638 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-14638 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-14638 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-14638.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-14638.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-14638 #ays_finish_quiz_14638 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-14638.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container p, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-14638.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-14638 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-14638 .ays-quiz-password-message-box, #ays-quiz-container-14638 .ays-quiz-question-note-message-box, #ays-quiz-container-14638 .ays_quiz_question, #ays-quiz-container-14638 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-14638 textarea, #ays-quiz-container-14638 input::first-letter, #ays-quiz-container-14638 select::first-letter, #ays-quiz-container-14638 option::first-letter { color: initial !important; } #ays-quiz-container-14638 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-14638 .select2-container, #ays-quiz-container-14638 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-14638 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-14638 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-14638 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-14638 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-14638 .ays-questions-container .ays-field, div#ays-quiz-container-14638 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-14638 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-14638 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-14638 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-14638 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-14638 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-14638 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-14638 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-14638 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-14638 .information_form input[type='text'], #ays-quiz-container-14638 .information_form input[type='url'], #ays-quiz-container-14638 .information_form input[type='number'], #ays-quiz-container-14638 .information_form input[type='email'], #ays-quiz-container-14638 .information_form input[type='tel'], #ays-quiz-container-14638 .information_form textarea, #ays-quiz-container-14638 .information_form select, #ays-quiz-container-14638 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-14638 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-14638 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-14638 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-14638 .right_answer_text{ color:#33cc33; } #ays-quiz-container-14638 .right_answer_text p { font-size:16px; } #ays-quiz-container-14638 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-14638 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-14638 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-14638 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-14638 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-14638 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-14638 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-14638 .ays_cb_and_a, #ays-quiz-container-14638 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-14638 iframe { /*min-height: 450px;*/ } #ays-quiz-container-14638 label.ays_for_checkbox, #ays-quiz-container-14638 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-14638 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-14638 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-14638 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-14638 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-14638 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-14638 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-14638 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-14638 div.lds-spinner, #ays-quiz-container-14638 div.lds-spinner2 { color: #000000; } #ays-quiz-container-14638 div.lds-spinner div:after, #ays-quiz-container-14638 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-14638 .lds-circle, #ays-quiz-container-14638 .lds-facebook div, #ays-quiz-container-14638 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-14638 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-14638 .lds-dual-ring::after, #ays-quiz-container-14638 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-14638 .ui.rating .icon, #ays-quiz-container-14638 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-14638 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-14638 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-14638 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-14638 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-14638 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-14638 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-14638 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-14638 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-14638 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-14638 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-14638 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-14638 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-14638 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-14638 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-14638 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-14638 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-14638 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-14638 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-14638 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-14638 div.ays-quiz-redirection-timer, #ays-quiz-container-14638 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-14638 div.ays-quiz-after-timer * , #ays-quiz-container-14638 div.ays-quiz-redirection-timer *, #ays-quiz-container-14638 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-14638 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-14638 input#ays-submit, #ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button, #ays-quiz-container-14638 #ays_finish_quiz_14638 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-14638 #ays_finish_quiz_14638 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button.ays_restart_button, #ays-quiz-container-14638 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-14638 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-14638 input#ays-submit, #ays-quiz-container-14638 #ays_finish_quiz_14638 input.action-button, #ays-quiz-container-14638 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-14638 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-14638 input#ays-submit:hover, #ays-quiz-container-14638 input#ays-submit:focus, #ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button:hover, #ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button:focus, #ays-quiz-container-14638 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-14638 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-14638 .ays_restart_button { color: #ffffff; } #ays-quiz-container-14638 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-14638 .ays_buttons_div { justify-content: center; } #ays-quiz-container-14638 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-14638 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-14638 input[type='button'], #ays-quiz-container-14638 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-14638 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-14638 input[type='button']:focus-visible, div#ays-quiz-container-14638 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-14638 #ays_finish_quiz_14638 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-14638 #ays_finish_quiz_14638 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-14638 #ays_finish_quiz_14638 i.ays_early_finish.action-button[disabled], #ays-quiz-container-14638 #ays_finish_quiz_14638 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-14638 #ays_finish_quiz_14638 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-14638 #ays_finish_quiz_14638 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-14638 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-14638 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-14638 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-14638.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-14638 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-14638 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-14638 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-14638 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-14638 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-14638 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-14638 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-14638 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-14638 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-14638 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-14638 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-14638 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-14638 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-14638 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-14638 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-14638 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-14638 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-14638 .ays-field .select2-container--default, #ays-quiz-container-14638 .ays-field .select2-container--default .selection, #ays-quiz-container-14638 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-14638 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-14638 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-14638 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-14638 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-14638 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-14638 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-14638 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-14638 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-14638 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-14638 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-14638 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-14638 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-14638 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-14638 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-14638 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-14638 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-14638 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-14638 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-14638 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-14638 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-14638.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-14638.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-14638 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-14638 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-14638 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-14638 label[for^='ays-answer']:before, #ays-quiz-container-14638 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-14638 .ays_question_report { text-align: right; } div#ays-quiz-container-14638 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-14638 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-14638.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-14638.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-14638.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-14638.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-14638.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-14638.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-14638 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-14638.ays_quiz_classic_dark .correct_div, #ays-quiz-container-14638.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-14638.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-14638.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-14638.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-14638.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-14638.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-14638.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-14638 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-14638 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-14638 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-14638 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-14638 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-14638 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-14638 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-14638.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-14638.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-14638 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-14638 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-14638 .ays-quiz-personality-result-box div:before, #ays-quiz-container-14638 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-14638 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-14638 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-14638 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-14638 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-14638 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-14638 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-14638 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-14638 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-14638 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-14638 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-14638 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-14638 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-14638 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-14638{ max-width: 100%; } div#ays-quiz-container-14638 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-14638.ays_quiz_modern_light .step, div#ays-quiz-container-14638.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-14638.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-14638.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-14638.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-14638.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-14638 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-14638 .select2-container, div#ays-quiz-container-14638 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-14638 input#ays-submit, div#ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button, div#ays-quiz-container-14638 #ays_finish_quiz_14638 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button.ays_restart_button, #ays-quiz-container-14638 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-14638 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-14638 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-14638 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-14638 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-14638 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-14638 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-14638 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-14638 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-14638 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-14638 p { margin: 0.625em; } #ays-quiz-container-14638.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-14638.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-14638 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-14638.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-14638 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button:hover, #ays-quiz-container-14638 #ays_finish_quiz_14638 .action-button:focus, #ays-quiz-container-14638 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-14638 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['14638'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIxNDYzOCIsImF1dGhvcl9pZCI6IjMiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDgiLCJkZXNjcmlwdGlvbiI6IjxwPlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDggYmFvIGdcdTFlZDNtIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgaGF5LCBiXHUwMGUxbSBzXHUwMGUxdCBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmguIENcdTAwZjluZyBsXHUwMGUwbSBiXHUwMGUwaSB0XHUxZWFkcCB0clx1MWVhZmMgbmdoaVx1MWVjN20gbmdheS48XC9wPlxyXG5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IENTUyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGlucHV0PmAgY1x1MDBmMyBraVx1MWVjM3UgbFx1MDBlMCBgdGV4dGAgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXQudGV4dDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBpbnB1dFt0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuICN0ZXh0PFwvbGk+XHJcbjxsaT5ELiAuaW5wdXQtdGV4dDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IEJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMGUxYyBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiAoaW5wdXQgdHlwZT1cInRleHRcIikgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IGNcdTAwZjMgY2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MWVkMSBcdTAxMTFcdTFlY2JuaCBsXHUwMGUwIDI1MHB4LCB2XHUwMGUwIHZcdTAwZjluZyBcdTAxMTFcdTFlYzdtIChwYWRkaW5nKSAxMHB4IFx1MWVkZiBtXHUxZWQ3aSBiXHUwMGVhbiwgbmhcdTAxYjBuZyB0XHUxZWQ1bmcgY2hpXHUxZWMxdSByXHUxZWQ5bmcgYmFvIGdcdTFlZDNtIGNcdTFlYTMgcGFkZGluZyB2XHUxZWFibiBsXHUwMGUwIDI1MHB4LiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gZ2lcdTAwZmFwIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gd2lkdGg6IDI1MHB4OzxcL2xpPlxyXG48bGk+Qi4gcGFkZGluZzogMTBweDs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYm94LXNpemluZzogYm9yZGVyLWJveDs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBtYXJnaW46IDEwcHg7PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzogS2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZGkgY2h1eVx1MWVjM24gY29uIHRyXHUxZWNmIGNodVx1MWVkOXQgcXVhIG1cdTFlZDl0IG5cdTAwZmF0IG5oXHUxZWE1biAoYDxidXR0b24gdHlwZT1cInN1Ym1pdFwiPmApLCBiXHUxZWExbiBtdVx1MWVkMW4gdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIG5cdTAwZmF0IFx1MDExMVx1MDBmMyBcdTAxMTFcdTFlYzMgdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYy4gVHJcdTFlYTFuZyB0aFx1MDBlMWkgZ2lcdTFlYTMgKHBzZXVkby1jbGFzcykgblx1MDBlMG8gY1x1MWVlN2EgQ1NTIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgY2hvIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDpob3ZlcjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDpmb2N1czxcL2xpPlxyXG48bGk+Qy4gOmFjdGl2ZTxcL2xpPlxyXG48bGk+RC4gOmNoZWNrZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBCXHUxZWExbiBcdTAxMTFhbmcgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgXHUwMTExXHUwMTAzbmcga1x1MDBmZC4gS2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgbmhcdTFlYTVwIHZcdTAwZTBvIG1cdTFlZDl0IGhcdTFlZDlwIGtpXHUxZWMzbSAoYDxpbnB1dCB0eXBlPVwiY2hlY2tib3hcIj5gKSBcdTAxMTFcdTFlYzMgY2hcdTFlY2RuIG5cdTAwZjMsIGJcdTFlYTFuIG11XHUxZWQxbiB2aVx1MWVjMW4gY1x1MWVlN2EgaFx1MWVkOXAga2lcdTFlYzNtIFx1MDExMVx1MDBmMyBjaHV5XHUxZWMzbiBzYW5nIG1cdTAwZTB1IHhhbmguIFRyXHUxZWExbmcgdGhcdTAwZTFpIGdpXHUxZWEzIG5cdTAwZTBvIGNcdTFlYTduIFx1MDExMVx1MDFiMFx1MWVlM2Mga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgYlx1MWVkOSBjaFx1MWVjZG4gaFx1MWVkOXAga2lcdTFlYzNtP1xyXG48dWw+XHJcbjxsaT5BLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT5CLiA6Zm9jdXM8XC9saT5cclxuPGxpPkMuIDpob3ZlcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiA6Y2hlY2tlZDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBUcm9uZyBDU1MsIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBkaXNwbGF5OiBibG9jaztgIGtoaSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IG5oXHUwMWIwIGA8aW5wdXQ+YCBob1x1MWViN2MgYDxsYWJlbD5gIGNcdTAwZjMgdFx1MDBlMWMgZFx1MWVlNW5nIGdcdTAwZWMgXHUwMTExXHUxZWJmbiBiXHUxZWQxIGNcdTFlZTVjIGNcdTFlZTdhIGNoXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIENcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHNcdTFlYmQgblx1MWViMW0gdHJcdTAwZWFuIGNcdTAwZjluZyBtXHUxZWQ5dCBkXHUwMGYybmcgdlx1MDBlMCBjaFx1MWVjOSBjaGlcdTFlYmZtIGtoXHUwMGY0bmcgZ2lhbiB2XHUxZWViYSBcdTAxMTFcdTFlZTcgblx1MWVkOWkgZHVuZy48XC9saT5cclxuPGxpPkIuIENcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBjXHUwMTAzbiBnaVx1MWVlZmEgdGhlbyBjaGlcdTFlYzF1IG5nYW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBNXHUxZWQ3aSBwaFx1MWVhN24gdFx1MWVlZCBzXHUxZWJkIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgdHJcdTAwZWFuIG1cdTFlZDl0IGRcdTAwZjJuZyBtXHUxZWRiaSB2XHUwMGUwIGNoaVx1MWViZm0gdG9cdTAwZTBuIGJcdTFlZDkgY2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MDBmMyBzXHUxZWI1biBjXHUxZWU3YSBwaFx1MWVhN24gdFx1MWVlZCBjaGEuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MWVhOW4gXHUwMTExaSBraFx1MWVjZmkgdHJhbmcgd2ViLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIG5nb1x1MDBlMGkgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSAodlx1MDBlZCBkXHUxZWU1OiBnaVx1MWVlZmEgY1x1MDBlMWMgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24gbGlcdTAwZWFuIHRpXHUxZWJmcCksIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBtYXJnaW48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBwYWRkaW5nPFwvbGk+XHJcbjxsaT5DLiBib3JkZXI8XC9saT5cclxuPGxpPkQuIG91dGxpbmU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBCXHUxZWExbiBtdVx1MWVkMW4ga2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgbmhcdTFlYTVwIGNodVx1MWVkOXQgdlx1MDBlMG8gbVx1MWVkOXQgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24gKGA8aW5wdXQgdHlwZT1cInRleHRcIj5gKSBcdTAxMTFcdTFlYzMgbmhcdTFlYWRwIGxpXHUxZWM3dSwgbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IHhhbmggc1x1MDBlMW5nIHh1XHUxZWE1dCBoaVx1MWVjN24geHVuZyBxdWFuaCBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiBcdTAxMTFcdTAwZjMgXHUwMTExXHUxZWMzIGNoXHUxZWM5IGJcdTAwZTFvIG5cdTAwZjMgXHUwMTExYW5nIGhvXHUxZWExdCBcdTAxMTFcdTFlZDluZy4gVHJcdTFlYTFuZyB0aFx1MDBlMWkgZ2lcdTFlYTMgblx1MDBlMG8gbFx1MDBlMCBjXHUxZWE3biB0aGlcdTFlYmZ0IFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIHRcdTAwZWNuaCBodVx1MWVkMW5nIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiA6aG92ZXI8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gOmZvY3VzPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gOmFjdGl2ZTxcL2xpPlxyXG48bGk+RC4gOnZpc2l0ZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgXHUwMTExb1x1MWVhMW4gQ1NTIHNhdTogYGlucHV0W3R5cGU9XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIG5cdTAwZmF0IHN1Ym1pdCBjaHV5XHUxZWMzbiBzYW5nIHhhbmggXHUwMTExXHUxZWFkbSBraGkgY29uIHRyXHUxZWNmIGNodVx1MWVkOXQgblx1MWViMW0gdHJcdTAwZWFuIG5cdTAwZjMuPFwvbGk+XHJcbjxsaT5CLiBNXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGZhdCBzdWJtaXQgY2h1eVx1MWVjM24gc2FuZyB4YW5oIFx1MDExMVx1MWVhZG0ga2hpIG5cdTAwZmF0IHN1Ym1pdCBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbiAobmhcdTFlYWRuIGZvY3VzKS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gTVx1MDBlMHUgblx1MWVjMW4gY1x1MWVlN2Egblx1MDBmYXQgc3VibWl0IGNodXlcdTFlYzNuIHNhbmcgeGFuaCBcdTAxMTFcdTFlYWRtIHZcdTAwZTAgY2hcdTFlZWYgbVx1MDBlMHUgdHJcdTFlYWZuZyBraGkgblx1MDBmYXQgc3VibWl0IFx1MDExMWFuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIG5oXHUxZWE1biBnaVx1MWVlZiBjaHVcdTFlZDl0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIE1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIG5cdTAwZmF0IHN1Ym1pdCBsdVx1MDBmNG4gbFx1MDBlMCB4YW5oIFx1MDExMVx1MWVhZG0uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSBtXHUwMGUwIG1cdTFlZDdpIGNcdTFlYjdwIG5oXHUwMGUzbiAoYDxsYWJlbD5gKSB2XHUwMGUwIGhcdTFlZDlwIG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQ+YCkgaGlcdTFlYzNuIHRoXHUxZWNiIHRyXHUwMGVhbiBtXHUxZWQ5dCBkXHUwMGYybmcgcmlcdTAwZWFuZyBiaVx1MWVjN3Qgdlx1MDBlMCBcdTAxMTFcdTAxYjBcdTFlZTNjIGNcdTAxMDNuIGNoXHUxZWM5bmggdGhcdTFlYjNuZyBoXHUwMGUwbmcgdGhlbyBjaGlcdTFlYzF1IGRcdTFlY2RjLiBDXHUxZWE1dSB0clx1MDBmYWMgSFRNTCB2XHUwMGUwIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBgZGlzcGxheWAgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGtcdTFlYmZ0IGhcdTFlZTNwIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTF0IFx1MDExMVx1MDFiMFx1MWVlM2MgYlx1MWVkMSBjXHUxZWU1YyBuXHUwMGUweSBtXHUxZWQ5dCBjXHUwMGUxY2ggXHUwMTExXHUwMWExbiBnaVx1MWVhM24/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVjZGMgbVx1MWVkN2kgY1x1MWViN3AgYDxsYWJlbD5gIHZcdTAwZTAgYDxpbnB1dD5gIHRyb25nIG1cdTFlZDl0IHRoXHUxZWJiIGA8ZGl2PmAgcmlcdTAwZWFuZyB2XHUwMGUwIFx1MDBlMXAgZFx1MWVlNW5nIGBkaXNwbGF5OiBibG9jaztgIGNobyB0aFx1MWViYiBgZGl2YCBcdTAxMTFcdTAwZjMuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gXHUwMGMxcCBkXHUxZWU1bmcgYGRpc3BsYXk6IGlubGluZTtgIGNobyBjXHUxZWEzIGA8bGFiZWw+YCB2XHUwMGUwIGA8aW5wdXQ+YC48XC9saT5cclxuPGxpPkMuIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlYTNuZyBIVE1MIChgPHRhYmxlPmApIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCB2XHUxZWNiIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+RC4gXHUwMGMxcCBkXHUxZWU1bmcgYGZsb2F0OiBsZWZ0O2AgY2hvIGNcdTFlYTMgYDxsYWJlbD5gIHZcdTAwZTAgYDxpbnB1dD5gLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1MgYG91dGxpbmVgIGtoXHUwMGUxYyB2XHUxZWRiaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgYm9yZGVyYCBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbyBraGkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidT9cclxuPHVsPlxyXG48bGk+QS4gT3V0bGluZSBjaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gaW5wdXQsIGNcdTAwZjJuIGJvcmRlciBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gT3V0bGluZSBcdTAxMTFcdTAxYjBcdTFlZTNjIHZcdTFlYmQgYlx1MDBlYW4gbmdvXHUwMGUwaSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gKGJvcmRlcikgY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQgdlx1MDBlMCBraFx1MDBmNG5nIGNoaVx1MWViZm0ga2hcdTAwZjRuZyBnaWFuIHRyb25nIGJcdTFlZDEgY1x1MWVlNWMsIHRyb25nIGtoaSBib3JkZXIgY2hpXHUxZWJmbSBraFx1MDBmNG5nIGdpYW4gdlx1MDBlMCBcdTFlYTNuaCBoXHUwMWIwXHUxZWRmbmcgXHUwMTExXHUxZWJmbiBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHRcdTFlZDVuZyB0aFx1MWVjMy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBPdXRsaW5lIGNcdTAwZjMgdGhcdTFlYzMgY1x1MDBmMyBtXHUwMGUwdSBzXHUxZWFmYywgYm9yZGVyIHRoXHUwMGVjIGtoXHUwMGY0bmcuPFwvbGk+XHJcbjxsaT5ELiBCb3JkZXIgY2hcdTFlYzkgeHVcdTFlYTV0IGhpXHUxZWM3biBraGkgcGhcdTFlYTduIHRcdTFlZWQgbmhcdTFlYWRuIGZvY3VzLCBjXHUwMGYybiBvdXRsaW5lIHRoXHUwMGVjIGx1XHUwMGY0biBoaVx1MWVjM24gdGhcdTFlY2IuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIGhcdTFlZDlwIHZcdTAxMDNuIGJcdTFlYTNuLCBoXHUxZWQ5cCBtXHUxZWFkdCBraFx1MWVhOXUgdlx1MDBlMCB2XHUwMGY5bmcgdlx1MDEwM24gYlx1MWVhM24gKGA8dGV4dGFyZWE+YCkgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IGNcdTFlZTdhIG1cdTAwZWNuaCBjXHUwMGYzIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3UgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLiBCXHUxZWQ5IGNoXHUxZWNkbiBDU1Mgblx1MDBlMG8gaGlcdTFlYzd1IHF1XHUxZWEzIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IHF1eSB0XHUxZWFmYyBDU1MgY2hvIGNcdTFlYTMgYmEgbG9cdTFlYTFpIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dCwgdGV4dGFyZWE8XC9saT5cclxuPGxpPkIuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdLCBpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0sIHRleHRhcmVhPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdLCBpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0sIHRleHRhcmVhLCBpbnB1dDpub3QoW3R5cGU9XCJyYWRpb1wiXSk6bm90KFt0eXBlPVwiY2hlY2tib3hcIl0pOm5vdChbdHlwZT1cInN1Ym1pdFwiXSk6bm90KFt0eXBlPVwicmVzZXRcIl0pOm5vdChbdHlwZT1cImJ1dHRvblwiXSk6bm90KFt0eXBlPVwiZmlsZVwiXSk6bm90KFt0eXBlPVwiaW1hZ2VcIl0pPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gKi5mb3JtLWlucHV0PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTI6IFx1MDExMFx1MWVjMyBjXHUwMTAzbiBjaFx1MWVjOW5oIG5cdTFlZDlpIGR1bmcgdlx1MDEwM24gYlx1MWVhM24gbmhcdTFlYWRwIHZcdTAwZTBvIGJcdTAwZWFuIHRyb25nIG1cdTFlZDl0IGhcdTFlZDlwIHZcdTAxMDNuIGJcdTFlYTNuIChgPGlucHV0IHR5cGU9XCJ0ZXh0XCI+YCkgc2FuZyBiXHUwMGVhbiBwaFx1MWVhM2ksIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjXHUxZWE3biBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIHRleHQtYWxpZ246IHJpZ2h0OzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGZsb2F0OiByaWdodDs8XC9saT5cclxuPGxpPkMuIHZlcnRpY2FsLWFsaWduOiByaWdodDs8XC9saT5cclxuPGxpPkQuIHBhZGRpbmctcmlnaHQ6IGF1dG87PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTM6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgbmhcdTAwZjNtIGNcdTAwZTFjIG5cdTAwZmF0IHRyXHUwMGYybiAoYDxpbnB1dCB0eXBlPVwicmFkaW9cIj5gKS4gQlx1MWVhMW4gbXVcdTFlZDFuIGtoaSBtXHUxZWQ5dCBuXHUwMGZhdCB0clx1MDBmMm4gXHUwMTExXHUwMWIwXHUxZWUzYyBjaFx1MWVjZG4sIG5oXHUwMGUzbiAoYDxsYWJlbD5gKSBcdTAxMTFpIGtcdTAwZThtIHZcdTFlZGJpIG5cdTAwZjMgKFx1MDExMVx1MDFiMFx1MWVlM2MgbGlcdTAwZWFuIGtcdTFlYmZ0IHF1YSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgZm9yYCkgc1x1MWViZCBjXHUwMGYzIG1cdTAwZTB1IGNoXHUxZWVmIFx1MDExMVx1MWVhZG0gaFx1MDFhMW4uIEtcdTFlZjkgdGh1XHUxZWFkdCBrXHUxZWJmdCBoXHUxZWUzcCBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gbmhcdTAwZTNuIGRcdTFlZjFhIHRyXHUwMGVhbiB0clx1MWVhMW5nIHRoXHUwMGUxaSBjXHUxZWU3YSBpbnB1dCBsaVx1MDBlYW4gcXVhbj9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXRbdHlwZT1cInJhZGlvXCJdOmNoZWNrZWQgKyBsYWJlbDxcL2xpPlxyXG48bGk+Qi4gbGFiZWw6aGFzKGlucHV0W3R5cGU9XCJyYWRpb1wiXTpjaGVja2VkKTxcL2xpPlxyXG48bGk+Qy4gaW5wdXRbdHlwZT1cInJhZGlvXCJdIH4gbGFiZWw6Y2hlY2tlZDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBpbnB1dFt0eXBlPVwicmFkaW9cIl06Y2hlY2tlZCArIGxhYmVsICh2XHUxZWRiaSBsYWJlbCBcdTAxMTFcdTFlYjd0IG5nYXkgc2F1IGlucHV0IHRyb25nIEhUTUwpPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBCXHUxZWExbiBtdVx1MWVkMW4gdGhcdTAwZWFtIG1cdTFlZDl0IGtob1x1MWVhM25nIFx1MDExMVx1MWVjN20gMTVweCB2XHUwMGUwbyBwaFx1MDBlZGEgdHJcdTAwZWFuIHZcdTAwZTAgcGhcdTAwZWRhIGRcdTAxYjBcdTFlZGJpLCB2XHUwMGUwIDEwcHggdlx1MDBlMG8gcGhcdTAwZWRhIHRyXHUwMGUxaSB2XHUwMGUwIHBoXHUxZWEzaSBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCB2XHUwMGY5bmcgdlx1MDEwM24gYlx1MWVhM24gKGA8dGV4dGFyZWE+YCkuIFF1eSB0XHUxZWFmYyBDU1MgY2hcdTAwZWRuaCB4XHUwMGUxYyBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gXHUwMTExaVx1MWVjMXUgblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBtYXJnaW46IDE1cHggMTBweDs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gcGFkZGluZzogMTVweCAxMHB4OzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIHBhZGRpbmc6IDE1cHggMTBweCAxNXB4IDEwcHg7PFwvbGk+XHJcbjxsaT5ELiBwYWRkaW5nLXRvcDogMTVweDsgcGFkZGluZy1ib3R0b206IDE1cHg7IHBhZGRpbmctbGVmdDogMTBweDsgcGFkZGluZy1yaWdodDogMTBweDs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIGBjdXJzb3I6IHBvaW50ZXI7YCB0aFx1MDFiMFx1MWVkZG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTBvIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTFlYzMgY1x1MWVhM2kgdGhpXHUxZWM3biB0clx1MWVhM2kgbmdoaVx1MWVjN20gbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyB2XHUwMGUwIGNoXHUxZWM5IGJcdTAwZTFvIHRcdTAwZWRuaCB0XHUwMWIwXHUwMWExbmcgdFx1MDBlMWM/XHJcbjx1bD5cclxuPGxpPkEuIENcdTAwZTFjIGhcdTFlZDlwIHZcdTAxMDNuIGJcdTFlYTNuICh0ZXh0IGlucHV0KS48XC9saT5cclxuPGxpPkIuIENcdTAwZTFjIHZcdTAwZjluZyB2XHUwMTAzbiBiXHUxZWEzbiAodGV4dGFyZWEpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBDXHUwMGUxYyBuXHUwMGZhdCBuaFx1MWVhNW4gKGJ1dHRvbiwgaW5wdXRbdHlwZT1cInN1Ym1pdFwiXSwgaW5wdXRbdHlwZT1cInJlc2V0XCJdKSB2XHUwMGUwIGNcdTAwZTFjIG5oXHUwMGUzbiBsaVx1MDBlYW4ga1x1MWViZnQgdlx1MWVkYmkgaW5wdXQgKGxhYmVsKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBUXHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGhpXHUxZWM3dSBcdTFlZTluZyBcdTAxMTFcdTFlZDUgYlx1MDBmM25nIG5oXHUxZWI5IGNobyBjXHUwMGUxYyBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiBraGkgY2hcdTAwZmFuZyBuaFx1MWVhZG4gXHUwMTExXHUwMWIwXHUxZWUzYyBmb2N1cy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHRoXHUwMGVhbSBoaVx1MWVjN3UgXHUxZWU5bmcgXHUwMTExXHUxZWQ1IGJcdTAwZjNuZz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBib3gtc2hhZG93PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gdGV4dC1zaGFkb3c8XC9saT5cclxuPGxpPkMuIG91dGxpbmUtc2hhZG93PFwvbGk+XHJcbjxsaT5ELiBib3JkZXItc2hhZG93PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IFx1MDExMFx1MWVjMyB2XHUwMGY0IGhpXHUxZWM3dSBoXHUwMGYzYSBraFx1MWVhMyBuXHUwMTAzbmcgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjIChuaFx1MWVhZHAgbGlcdTFlYzd1LCBuaFx1MWVhNXApIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSB2XHUwMGUwIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExaSBrXHUwMGU4bSB2XHUxZWRiaSB2aVx1MWVjN2MgdGhheSBcdTAxMTFcdTFlZDVpIGdpYW8gZGlcdTFlYzduICh2XHUwMGVkIGRcdTFlZTU6IG1cdTAwZTB1IHhcdTAwZTFtIFx1MDExMWkpLCB0clx1MWVhMW5nIHRoXHUwMGUxaSBnaVx1MWVhMyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDpkaXNhYmxlZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDpyZWFkb25seTxcL2xpPlxyXG48bGk+RC4gOmludmFsaWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBkYW5oIHNcdTAwZTFjaCB0aFx1MWVhMyB4dVx1MWVkMW5nIChgPHNlbGVjdD5gKSB2XHUwMGUwIG11XHUxZWQxbiB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgblx1MWVjMW4gY1x1MWVlN2Egblx1MDBmMy4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHRyXHUxZWYxYyB0aVx1MWViZnAga2lcdTFlYzNtIHNvXHUwMGUxdCBtXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBwaFx1MWVhN24gdFx1MWVlZCBgPHNlbGVjdD5gP1xyXG48dWw+XHJcbjxsaT5BLiBjb2xvcjxcL2xpPlxyXG48bGk+Qi4gYm9yZGVyLWNvbG9yPFwvbGk+XHJcbjxsaT5DLiBvdXRsaW5lLWNvbG9yPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGJhY2tncm91bmQtY29sb3I8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IFx1MDExMFx1MWVjMyBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHJcdTFlYjFuZyBtXHUxZWQ5dCBuXHUwMGZhdCBuaFx1MWVhNW4gKGA8YnV0dG9uPmApIGNcdTAwZjMgY2hpXHUxZWMxdSByXHUxZWQ5bmcgdFx1MWVkMWkgdGhpXHUxZWMzdSBsXHUwMGUwIDEwMHB4LCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBtaW4td2lkdGg6IDEwMHB4OzxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIHdpZHRoOiAxMDBweDs8XC9saT5cclxuPGxpPkMuIG1heC13aWR0aDogMTAwcHg7PFwvbGk+XHJcbjxsaT5ELiBvdXRsaW5lLXdpZHRoOiAxMDBweDs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIFx1MDExMW9cdTFlYTFuIENTUyBzYXU6IGBpbnB1dFt0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiBIXHUxZWQ5cCBraVx1MWVjM20gc1x1MWViZCBtXHUxZWRkIFx1MDExMWkga2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZGkgY2h1XHUxZWQ5dCBxdWEgblx1MDBmMy48XC9saT5cclxuPGxpPkIuIEhcdTFlZDlwIGtpXHUxZWMzbSBzXHUxZWJkIG1cdTFlZGQgXHUwMTExaSBraGkgblx1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gSFx1MWVkOXAga2lcdTFlYzNtIHNcdTFlYmQgbVx1MWVkZCBcdTAxMTFpIGtoaSBuXHUwMGYzIGNoXHUwMWIwYSBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBIXHUxZWQ5cCBraVx1MWVjM20gc1x1MWViZCBob1x1MDBlMG4gdG9cdTAwZTBuIHRyb25nIHN1XHUxZWQxdC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogQlx1MWVhMW4gbXVcdTFlZDFuIGxvXHUxZWExaSBiXHUxZWNmIGhvXHUwMGUwbiB0b1x1MDBlMG4gXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIHh1bmcgcXVhbmggbVx1MWVkOXQgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24uIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBjXHUxZWE3biBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWViN3QgZ2lcdTAwZTEgdHJcdTFlY2IgYG5vbmVgIGhvXHUxZWI3YyBgMGA/XHJcbjx1bD5cclxuPGxpPkEuIG91dGxpbmU8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYm9yZGVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gbWFyZ2luPFwvbGk+XHJcbjxsaT5ELiBwYWRkaW5nPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IFx1MDExMFx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgc1x1MWVhZmMgY1x1MWVlN2Egdlx1MDEwM24gYlx1MWVhM24gYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgdlx1MDBmOW5nIHZcdTAxMDNuIGJcdTFlYTNuIChgPHRleHRhcmVhPmApLCBiXHUxZWExbiBzXHUxZWJkIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBjb2xvcjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIHRleHQtY29sb3I8XC9saT5cclxuPGxpPkMuIGZvbnQtY29sb3I8XC9saT5cclxuPGxpPkQuIGJhY2tncm91bmQtY29sb3I8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAwZTFjIG5oXHUwMGUzbiAoYDxsYWJlbD5gKSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MWVlN2EgbVx1MDBlY25oIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGRcdTAwZjJuZyB2XHUxZWRiaSBwaFx1MWVhN24gdFx1MWVlZCBpbnB1dCB0XHUwMWIwXHUwMWExbmcgXHUxZWU5bmcsIG5oXHUwMWIwbmcgdlx1MWVhYm4gY1x1MDBmMyB0aFx1MWVjMyBraVx1MWVjM20gc29cdTAwZTF0IGNoaVx1MWVjMXUgclx1MWVkOW5nIHZcdTAwZTAgY2hpXHUxZWMxdSBjYW8gY1x1MWVlN2EgY2hcdTAwZmFuZy4gR2lcdTAwZTEgdHJcdTFlY2Igblx1MDBlMG8gY1x1MWVlN2EgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXlgIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT5BLiBibG9jazxcL2xpPlxyXG48bGk+Qi4gaW5saW5lPFwvbGk+XHJcbjxsaT5DLiBmbGV4PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGlubGluZS1ibG9jazxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIGtob1x1MWVhM25nIGNcdTAwZTFjaCA1cHggZ2lcdTFlZWZhIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBjXHUxZWU3YSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBiaVx1MWVjM3UgbVx1MWVhYnUgdlx1MDBlMCBuXHUxZWQ5aSBkdW5nIGJcdTAwZWFuIHRyb25nIG5cdTAwZjMgKHZcdTAwZWQgZFx1MWVlNTogZ2lcdTFlZWZhIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiB2XHUwMGUwIHZcdTAxMDNuIGJcdTFlYTNuIG5oXHUxZWFkcCksIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBtYXJnaW48XC9saT5cclxuPGxpPkIuIGJvcmRlci1zcGFjaW5nPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIHBhZGRpbmc8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBvdXRsaW5lLW9mZnNldDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgPGlucHV0PmAsIGA8c2VsZWN0PmAsIHZcdTAwZTAgYDx0ZXh0YXJlYT5gIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSBcdTAxMTFcdTFlYzF1IGNcdTAwZjMgY1x1MDBmOW5nIG1cdTFlZDl0IHBoXHUwMGY0bmcgY2hcdTFlZWYgdlx1MDBlMCBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNoXHUxZWVmLiBCXHUxZWQ5IGNoXHUxZWNkbiBuaFx1MDBmM20gblx1MDBlMG8gbFx1MDBlMCBjaFx1MDBlZG5oIHhcdTAwZTFjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGlucHV0LCBzZWxlY3QsIHRleHRhcmVhPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gaW5wdXQgKyBzZWxlY3QgKyB0ZXh0YXJlYTxcL2xpPlxyXG48bGk+Qy4gaW5wdXQgfiBzZWxlY3QgfiB0ZXh0YXJlYTxcL2xpPlxyXG48bGk+RC4gZm9ybSA+IGlucHV0LCBmb3JtID4gc2VsZWN0LCBmb3JtID4gdGV4dGFyZWE8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNjogS2hpIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSBuaFx1MWVhZG4gXHUwMTExXHUwMWIwXHUxZWUzYyBmb2N1cyAodlx1MDBlZCBkXHUxZWU1OiBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIG5oXHUxZWE1cCB2XHUwMGUwbyksIHRyXHUwMGVjbmggZHV5XHUxZWM3dCB0aFx1MDFiMFx1MWVkZG5nIGhpXHUxZWMzbiB0aFx1MWVjYiBtXHUxZWQ5dCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gb3V0bGluZSBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIHRcdTAwZjl5IGNoXHUxZWM5bmggaG9cdTFlYjdjIGxvXHUxZWExaSBiXHUxZWNmIG91dGxpbmUgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIGJvcmRlcjxcL2xpPlxyXG48bGk+Qi4gYm94LXNoYWRvdzxcL2xpPlxyXG48bGk+Qy4gdGV4dC1kZWNvcmF0aW9uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIG91dGxpbmU8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlYjd0IG1cdTAwZTB1IG5cdTFlYzFuIHhcdTAwZTFtIG5oXHUxZWExdCBjaG8gdG9cdTAwZTBuIGJcdTFlZDkga2h1IHZcdTFlZjFjIGNoXHUxZWU5YSBiaVx1MWVjM3UgbVx1MWVhYnUsIFx1MDExMVx1MDFiMFx1MWVlM2MgYmFvIGJcdTFlY2RjIGJcdTFlZGZpIHRoXHUxZWJiIGA8Zm9ybT5gLiBCXHUxZWQ5IGNoXHUxZWNkbiBDU1Mgblx1MDBlMG8gc1x1MWViZCBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3Ugblx1MDBlMHkgY2hvIHRoXHUxZWJiIGA8Zm9ybT5gP1xyXG48dWw+XHJcbjxsaT5BLiAjZm9ybTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBmb3JtPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gLmZvcm08XC9saT5cclxuPGxpPkQuIGlucHV0W3R5cGU9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IFx1MDExMFx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkgaFx1MDBlY25oIGRcdTFlYTFuZyBjb24gdHJcdTFlY2YgY2h1XHUxZWQ5dCBraGkgZGkgY2h1eVx1MWVjM24gcXVhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkICh2XHUwMGVkIGRcdTFlZTU6IGNodXlcdTFlYzNuIHRoXHUwMGUwbmggaFx1MDBlY25oIGJcdTAwZTBuIHRheSBraGkgZGkgY2h1XHUxZWQ5dCBxdWEgblx1MDBmYXQgbmhcdTFlYTVuKSwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gY3Vyc29yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gcG9pbnRlci1ldmVudHM8XC9saT5cclxuPGxpPkMuIG1vdXNlPFwvbGk+XHJcbjxsaT5ELiBpbnRlcmFjdGlvbjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI5OiBCXHUxZWExbiBjXHUwMGYzIFx1MDExMW9cdTFlYTFuIENTUyBzYXU6IGBpbnB1dDpmb2N1cyB7IGJvcmRlci1jb2xvcjogYmx1ZTsgYm94LXNoYWRvdzogMCAwIDVweCByZ2JhKDAsIDAsIDI1NSwgMC41KTsgb3V0bGluZTogbm9uZTsgfWAuIFx1MDExMG9cdTFlYTFuIENTUyBuXHUwMGUweSBjXHUwMGYzIFx1MDBmZCBuZ2hcdTAxMjlhIGdcdTAwZWMga2hpIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyB0aFx1MWViYiBgPGlucHV0PmA/XHJcbjx1bD5cclxuPGxpPkEuIEtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRpIGNodVx1MWVkOXQgcXVhIGlucHV0LCB2aVx1MWVjMW4gY2h1eVx1MWVjM24geGFuaCB2XHUwMGUwIGNcdTAwZjMgXHUwMTExXHUxZWQ1IGJcdTAwZjNuZy48XC9saT5cclxuPGxpPkIuIEtoaSBpbnB1dCBiXHUxZWNiIHZcdTAwZjQgaGlcdTFlYzd1IGhcdTAwZjNhLCB2aVx1MWVjMW4gY2h1eVx1MWVjM24geGFuaCB2XHUwMGUwIGNcdTAwZjMgXHUwMTExXHUxZWQ1IGJcdTAwZjNuZy48XC9saT5cclxuPGxpPkMuIEtoaSBpbnB1dCBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbiAoY2hlY2tlZCksIHZpXHUxZWMxbiBjaHV5XHUxZWMzbiB4YW5oIHZcdTAwZTAgY1x1MDBmMyBcdTAxMTFcdTFlZDUgYlx1MDBmM25nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBLaGkgaW5wdXQgbmhcdTFlYWRuIGZvY3VzIChcdTAxMTFcdTAxYjBcdTFlZTNjIG5oXHUxZWE1cCB2XHUwMGUwbyBcdTAxMTFcdTFlYzMgbmhcdTFlYWRwIGxpXHUxZWM3dSksIHZpXHUxZWMxbiBjaHV5XHUxZWMzbiB4YW5oLCBjXHUwMGYzIFx1MDExMVx1MWVkNSBiXHUwMGYzbmcgeGFuaCBuaFx1MWVhMXQgdlx1MDBlMCBvdXRsaW5lIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGJcdTFlY2IgbG9cdTFlYTFpIGJcdTFlY2YuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBcdTAxMTBcdTFlYzMgXHUxZWE5biBob1x1MDBlMG4gdG9cdTAwZTBuIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSBraFx1MWVjZmkgaGlcdTFlYzNuIHRoXHUxZWNiIHRyXHUwMGVhbiB0cmFuZyB3ZWIgbVx1MDBlMCBraFx1MDBmNG5nIGNoaVx1MWViZm0gYlx1MWVhNXQga1x1MWVmMyBraFx1MDBmNG5nIGdpYW4gblx1MDBlMG8gdHJvbmcgYlx1MWVkMSBjXHUxZWU1YywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGNcdTFlYTduIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWI3dD9cclxuPHVsPlxyXG48bGk+QS4gdmlzaWJpbGl0eTogaGlkZGVuOzxcL2xpPlxyXG48bGk+Qi4gb3BhY2l0eTogMDs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gZGlzcGxheTogbm9uZTs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBwb3NpdGlvbjogYWJzb2x1dGU7IGxlZnQ6IC05OTk5cHg7PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIxNTgzIiwicXVlc3Rpb25faWRzIjoiNDM4NTEwLDQzODUxMSw0Mzg1MTIsNDM4NTEzLDQzODUxNCw0Mzg1MTUsNDM4NTE2LDQzODUxNyw0Mzg1MTgsNDM4NTE5LDQzODUyMCw0Mzg1MjEsNDM4NTIyLDQzODUyMyw0Mzg1MjQsNDM4NTI1LDQzODUyNiw0Mzg1MjcsNDM4NTI4LDQzODUyOSw0Mzg1MzAsNDM4NTMxLDQzODUzMiw0Mzg1MzMsNDM4NTM0LDQzODUzNSw0Mzg1MzYsNDM4NTM3LDQzODUzOCw0Mzg1MzkiLCJvcmRlcmluZyI6IjE0NjM4IiwicHVibGlzaGVkIjoiMSIsImNyZWF0ZV9kYXRlIjpudWxsLCJxdWl6X3VybCI6bnVsbCwiaW50ZXJ2YWxzIjoiW3tcImludGVydmFsX21pblwiOlwiMFwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIyNVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQVwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjI2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjUwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJCXCJ9LHtcImludGVydmFsX21pblwiOlwiNTFcIixcImludGVydmFsX21heFwiOlwiNzVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkNcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI3NlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIxMDBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkRcIn1dIiwiaXNfdXNlcl9sb2dnZWRfaW4iOmZhbHNlLCJxdWl6X2FuaW1hdGlvbl90b3AiOjEwMCwicXVpel9lbmFibGVfYW5pbWF0aW9uX3RvcCI6Im9uIiwic3RvcmVfYWxsX25vdF9maW5pc2hlZF9yZXN1bHRzIjpmYWxzZX0='; </script> <input type='hidden' name='quiz_id' value='14638'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_14638' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-15576'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_15576' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 09</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 09 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Bạn muốn tất cả các hộp văn bản (`<input type= <ul> <li>A. :hover</li> <li>B. :active</li> <li><strong>C. :focus</strong></li> <li>D. :checked</li> </ul> </div> <div class="question-block"> <p>Câu 2: Để đảm bảo rằng tổng chiều rộng của một hộp văn bản (`<input>`) bao gồm cả vùng đệm (padding) và đường viền (border) khi bạn thiết lập thuộc tính `width`, bạn nên sử dụng thuộc tính CSS nào với giá trị `border-box`?</p> <ul> <li><strong>A. box-sizing</strong></li> <li>B. display</li> <li>C. margin</li> <li>D. outline</li> </ul> </div> <div class="question-block"> <p>Câu 3: Bạn muốn một nút nhấn (`<button>` hoặc `<input type= <ul> <li>A. :hover</li> <li>B. :focus</li> <li>C. :disabled</li> <li><strong>D. :active</strong></li> </ul> </div> <div class="question-block"> <p>Câu 4: Giả sử bạn có một nhóm các nút tròn (`<input type= <ul> <li>A. :active</li> <li><strong>B. :checked</strong></li> <li>C. :focus</li> <li>D. :valid</li> </ul> </div> <div class="question-block"> <p>Câu 5: Bạn có một biểu mẫu với các cặp thẻ `<label>` và `<input>`. Mặc định, chúng có thể hiển thị trên cùng một dòng. Để mỗi cặp `<label>` và `<input>` hiển thị trên một dòng riêng biệt, bạn có thể đặt thuộc tính `display` cho thẻ `<label>` hoặc `<input>` (hoặc một thẻ chứa chúng) với giá trị nào?</p> <ul> <li><strong>A. block</strong></li> <li>B. inline</li> <li>C. inline-block</li> <li>D. none</li> </ul> </div> <div class="question-block"> <p>Câu 6: Để thêm khoảng trống bên trong một hộp văn bản, giữa nội dung nhập liệu và đường viền của nó, bạn sẽ sử dụng thuộc tính CSS nào?</p> <ul> <li>A. margin</li> <li>B. border</li> <li><strong>C. padding</strong></li> <li>D. outline</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn muốn tạo một khoảng cách 10 pixels giữa các nhóm phần tử biểu mẫu khác nhau (ví dụ: giữa hai thẻ `</p> <div>` chứa các trường nhập liệu). Thuộc tính nào phù hợp nhất để tạo khoảng trống <i>bên ngoài</i> các phần tử này?</p> <ul> <li><strong>A. margin</strong></li> <li>B. padding</li> <li>C. border</li> <li>D. height</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn muốn thay đổi màu chữ của tất cả các nhãn (`<label>`) trong biểu mẫu thành màu xám đậm. Thuộc tính CSS nào bạn cần sử dụng?</p> <ul> <li>A. background-color</li> <li>B. border-color</li> <li>C. text-decoration</li> <li><strong>D. color</strong></li> </ul> </div> <div class="question-block"> <p>Câu 9: Bạn muốn đặt màu nền cho toàn bộ khu vực chứa biểu mẫu (`</p> <form>`). Thuộc tính nào được sử dụng để thiết lập màu nền?</p> <ul> <li><strong>A. background-color</strong></li> <li>B. color</li> <li>C. border-color</li> <li>D. text-align</li> </ul> </div> <div class="question-block"> <p>Câu 10: Để chọn và định kiểu riêng cho các trường nhập liệu kiểu văn bản (`<input type= <ul> <li>A. input:text</li> <li>B. input#text</li> <li><strong>C. input[type=</strong></li> <li>D. input.text</li> </ul> </div> <div class="question-block"> <p>Câu 11: Bạn đã thiết lập `width: 200px; padding: 10px; border: 1px solid black;` cho một hộp văn bản. Nếu bạn sử dụng `box-sizing: content-box;`, tổng chiều rộng thực tế của hộp văn bản trên trang sẽ là bao nhiêu?</p> <ul> <li>A. 200px</li> <li>B. 210px</li> <li>C. 212px</li> <li><strong>D. 222px</strong></li> </ul> </div> <div class="question-block"> <p>Câu 12: Vẫn với các thiết lập ở Câu 11 (`width: 200px; padding: 10px; border: 1px solid black;`), nếu bạn thay đổi `box-sizing` thành `border-box`, tổng chiều rộng thực tế của hộp văn bản trên trang sẽ là bao nhiêu?</p> <ul> <li><strong>A. 200px</strong></li> <li>B. 210px</li> <li>C. 212px</li> <li>D. 222px</li> </ul> </div> <div class="question-block"> <p>Câu 13: Thuộc tính nào thường được sử dụng để loại bỏ hoặc thay đổi đường viền màu xanh/cam mặc định xuất hiện xung quanh các phần tử biểu mẫu (như input, button) khi chúng được chọn (focus)?</p> <ul> <li>A. border</li> <li><strong>B. outline</strong></li> <li>C. box-shadow</li> <li>D. margin</li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn muốn một trường nhập liệu (`<input>`) có viền màu đỏ và biểu tượng cảnh báo khi nội dung nhập vào không hợp lệ (ví dụ: nhập chữ vào trường số). Thuộc tính giả lớp nào của CSS3 giúp bạn chọn các trường nhập liệu ở trạng thái không hợp lệ?</p> <ul> <li>A. :valid</li> <li>B. :required</li> <li><strong>C. :invalid</strong></li> <li>D. :optional</li> </ul> </div> <div class="question-block"> <p>Câu 15: Để làm mờ (giảm độ trong suốt) một nút nhấn (`<button>`) khi nó bị vô hiệu hóa (disabled), bạn sẽ sử dụng thuộc tính giả lớp nào kết hợp với thuộc tính `opacity`?</p> <ul> <li><strong>A. :disabled</strong></li> <li>B. :active</li> <li>C. :focus</li> <li>D. :checked</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn muốn tất cả các thẻ `<label>` hiển thị trên cùng một dòng với các trường nhập liệu tương ứng của chúng, nhưng vẫn có thể thiết lập chiều rộng và chiều cao. Bạn nên đặt thuộc tính `display` cho các thẻ `<label>` (hoặc các thẻ chứa chúng) với giá trị nào?</p> <ul> <li>A. block</li> <li><strong>B. inline-block</strong></li> <li>C. inline</li> <li>D. flex</li> </ul> </div> <div class="question-block"> <p>Câu 17: Để định kiểu cho văn bản gợi ý (placeholder text) bên trong một trường nhập liệu (`<input>`), bạn sử dụng bộ chọn giả phần tử (pseudo-element) nào?</p> <ul> <li>A. ::before</li> <li>B. ::after</li> <li>C. ::first-line</li> <li><strong>D. ::placeholder</strong></li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn có một biểu mẫu yêu cầu nhập địa chỉ email. Để định kiểu riêng cho trường nhập liệu này (ví dụ: thêm biểu tượng email), bạn có thể sử dụng bộ chọn thuộc tính nào?</p> <ul> <li>A. input[id=</li> <li>B. input.email (nếu class là email)</li> <li><strong>C. input[type=</strong></li> <li>D. Cả A, B, C đều có thể đúng tùy thuộc vào HTML.</li> </ul> </div> <div class="question-block"> <p>Câu 19: Bạn muốn tạo một biểu mẫu có các trường nhập liệu và nút nhấn được căn giữa theo chiều ngang trong một vùng chứa (`</p> <div>`). Thuộc tính CSS nào trên vùng chứa hoặc biểu mẫu có thể giúp bạn thực hiện điều này?</p> <ul> <li><strong>A. text-align: center; (cho các phần tử inline/inline-block) hoặc sử dụng flexbox/grid.</strong></li> <li>B. vertical-align: middle;</li> <li>C. float: left;</li> <li>D. position: absolute;</li> </ul> </div> <div class="question-block"> <p>Câu 20: So sánh thuộc tính `border` và `outline` khi áp dụng cho một trường nhập liệu ở trạng thái `:focus`. Điểm khác biệt chính là gì?</p> <ul> <li>A. `border` có thể được bo tròn góc, còn `outline` thì không.</li> <li><strong>B. `outline` không chiếm không gian trong bố cục trang và không ảnh hưởng đến kích thước phần tử, còn `border` thì có.</strong></li> <li>C. `outline` chỉ hiển thị khi phần tử được focus, còn `border` thì luôn hiển thị.</li> <li>D. `border` chỉ áp dụng cho các phần tử block, còn `outline` áp dụng cho cả inline.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Bạn muốn các trường nhập liệu trong biểu mẫu có cùng chiều rộng, độc lập với nội dung bên trong. Bạn nên sử dụng thuộc tính nào để thiết lập chiều rộng cố định cho các trường `<input>`?</p> <ul> <li>A. height</li> <li>B. margin</li> <li><strong>C. width</strong></li> <li>D. padding</li> </ul> </div> <div class="question-block"> <p>Câu 22: Để thay đổi kiểu con trỏ chuột khi di chuyển qua một nút nhấn (ví dụ: thành hình bàn tay), bạn sử dụng thuộc tính CSS nào?</p> <ul> <li><strong>A. cursor</strong></li> <li>B. pointer-events</li> <li>C. outline</li> <li>D. display</li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn tất cả các trường nhập liệu kiểu mật khẩu (`<input type= <ul> <li>A. input[password]</li> <li><strong>B. input[type=</strong></li> <li>C. input.password</li> <li>D. input:password</li> </ul> </div> <div class="question-block"> <p>Câu 24: Bạn có một biểu mẫu với nhiều phần tử khác nhau. Bạn chỉ muốn định kiểu cho các trường `<input>` nằm <i>bên trong</i> một thẻ `</p> <div>` có class là `user-info`. Bộ chọn CSS nào thể hiện mối quan hệ này?</p> <ul> <li>A. .user-info > input</li> <li>B. div.user-info + input</li> <li>C. input .user-info</li> <li><strong>D. .user-info input</strong></li> </ul> </div> <div class="question-block"> <p>Câu 25: Trong một biểu mẫu, bạn muốn trường nhập liệu email (`<input type= <ul> <li><strong>A. input[type=</strong></li> <li>B. input[type=</li> <li>C. input[type=</li> <li>D. input[type=</li> </ul> </div> <div class="question-block"> <p>Câu 26: Giả sử bạn có quy tắc CSS sau: `input { padding: 5px; }` và `input[type=</p> <ul> <li>A. 5px</li> <li><strong>B. 10px</strong></li> <li>C. 15px</li> <li>D. Không xác định do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 27: Bạn muốn tùy chỉnh giao diện của các hộp kiểm (`<input type= <ul> <li>A. Văn bản nhãn liên kết với nó.</li> <li>B. Giá trị (value) của hộp kiểm.</li> <li><strong>C. Các thuộc tính hiển thị của chính hộp kiểm hoặc các phần tử kế tiếp (sibling) được chọn bởi bộ chọn kết hợp.</strong></li> <li>D. Loại (type) của hộp kiểm.</li> </ul> </div> <div class="question-block"> <p>Câu 28: Để làm cho đường viền của một trường nhập liệu có màu khác biệt khi con trỏ chuột di chuyển qua nó nhưng chưa nhấp vào, bạn sẽ sử dụng thuộc tính giả lớp nào kết hợp với `border-color`?</p> <ul> <li>A. :active</li> <li>B. :focus</li> <li>C. :checked</li> <li><strong>D. :hover</strong></li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn muốn tạo một biểu mẫu responsive, trong đó các trường nhập liệu chiếm toàn bộ chiều rộng của vùng chứa trên màn hình nhỏ. Bạn nên đặt thuộc tính `width` cho các trường nhập liệu với giá trị nào (kết hợp với `box-sizing: border-box`)?</p> <ul> <li><strong>A. 100%</strong></li> <li>B. auto</li> <li>C. fit-content</li> <li>D. max-content</li> </ul> </div> <div class="question-block"> <p>Câu 30: Khi định kiểu cho một nút nhấn, sự khác biệt cơ bản giữa việc sử dụng bộ chọn `button` và `input[type=</p> <ul> <li>A. Không có sự khác biệt đáng kể về mặt định kiểu CSS.</li> <li><strong>B. Thẻ `<button>` có thể chứa các phần tử HTML khác (như `<i>` cho icon), trong khi `<input type=</strong></li> <li>C. `input[type=</li> <li>D. Thẻ `<button>` chỉ dùng cho nút gửi (submit), còn `<input type=</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='15576'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='466611,466612,466613,466614,466615,466616,466617,466618,466619,466620,466621,466622,466623,466624,466625,466626,466627,466628,466629,466630,466631,466632,466633,466634,466635,466636,466637,466638,466639,466640'> </div> </div><div class='step ' data-question-id='466611' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Khi làm việc nhóm trong dự án web, việc sử dụng hệ thống kiểm soát phiên bản (ví dụ: Git) mang lại lợi ích chính nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466611]' id='ays-answer-1841929-15576' value='1841929'/> <label for='ays-answer-1841929-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo nội dung cho trang web.</label><label for='ays-answer-1841929-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466611]' id='ays-answer-1841930-15576' value='1841930'/> <label for='ays-answer-1841930-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Quản lý các thay đổi mã nguồn, cho phép làm việc song song và phục hồi phiên bản cũ.</label><label for='ays-answer-1841930-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466611]' id='ays-answer-1841931-15576' value='1841931'/> <label for='ays-answer-1841931-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết kế giao diện người dùng một cách trực quan.</label><label for='ays-answer-1841931-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466611]' id='ays-answer-1841932-15576' value='1841932'/> <label for='ays-answer-1841932-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Tăng tốc độ tải trang web cho người dùng cuối.</label><label for='ays-answer-1841932-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466611'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTkyOSI6IjAiLCIxODQxOTMwIjoiMSIsIjE4NDE5MzEiOiIwIiwiMTg0MTkzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466612' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong giai đoạn thử nghiệm (testing) của dự án web, nhóm phát hiện ra rằng một liên kết trên trang 'Giới thiệu' bị hỏng (click vào không chuyển trang). Bước đầu tiên và quan trọng nhất để khắc phục lỗi này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466612]' id='ays-answer-1841933-15576' value='1841933'/> <label for='ays-answer-1841933-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Xóa toàn bộ nội dung trang 'Giới thiệu' và viết lại.</label><label for='ays-answer-1841933-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466612]' id='ays-answer-1841934-15576' value='1841934'/> <label for='ays-answer-1841934-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi màu sắc của liên kết để người dùng dễ nhận biết hơn.</label><label for='ays-answer-1841934-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466612]' id='ays-answer-1841935-15576' value='1841935'/> <label for='ays-answer-1841935-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Thông báo cho khách hàng rằng tính năng này sẽ bị loại bỏ.</label><label for='ays-answer-1841935-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466612]' id='ays-answer-1841936-15576' value='1841936'/> <label for='ays-answer-1841936-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Kiểm tra mã HTML của liên kết đó (`<a>` tag) để xác định địa chỉ URL (`href`) có đúng không.</label><label for='ays-answer-1841936-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466612'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTkzMyI6IjAiLCIxODQxOTM0IjoiMCIsIjE4NDE5MzUiOiIwIiwiMTg0MTkzNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466613' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Nhóm dự án đã hoàn thành việc xây dựng trang web và cần chuẩn bị báo cáo cuối cùng. Nội dung nào sau đây *ít quan trọng nhất* để đưa vào báo cáo trình bày cho người quản lý hoặc khách hàng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466613]' id='ays-answer-1841937-15576' value='1841937'/> <label for='ays-answer-1841937-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Các tính năng chính đã hoàn thành và kết quả đạt được so với yêu cầu ban đầu.</label><label for='ays-answer-1841937-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466613]' id='ays-answer-1841938-15576' value='1841938'/> <label for='ays-answer-1841938-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Những khó khăn gặp phải trong quá trình thực hiện và cách giải quyết.</label><label for='ays-answer-1841938-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466613]' id='ays-answer-1841939-15576' value='1841939'/> <label for='ays-answer-1841939-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Toàn bộ mã nguồn chi tiết của tất cả các tệp CSS và HTML.</label><label for='ays-answer-1841939-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466613]' id='ays-answer-1841940-15576' value='1841940'/> <label for='ays-answer-1841940-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Đánh giá tổng thể về dự án và các đề xuất cải tiến (nếu có).</label><label for='ays-answer-1841940-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466613'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTkzNyI6IjAiLCIxODQxOTM4IjoiMCIsIjE4NDE5MzkiOiIxIiwiMTg0MTk0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466614' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Khi thiết kế giao diện trang web bằng CSS, bạn muốn tạo khoảng trống 20px ở *bên trong* viền của một phần tử (ví dụ: `</p> <div>`), giữa nội dung và viền. Thuộc tính CSS nào phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466614]' id='ays-answer-1841941-15576' value='1841941'/> <label for='ays-answer-1841941-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`margin`</label><label for='ays-answer-1841941-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466614]' id='ays-answer-1841942-15576' value='1841942'/> <label for='ays-answer-1841942-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`padding`</label><label for='ays-answer-1841942-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466614]' id='ays-answer-1841943-15576' value='1841943'/> <label for='ays-answer-1841943-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`border`</label><label for='ays-answer-1841943-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466614]' id='ays-answer-1841944-15576' value='1841944'/> <label for='ays-answer-1841944-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`outline`</label><label for='ays-answer-1841944-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466614'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk0MSI6IjAiLCIxODQxOTQyIjoiMSIsIjE4NDE5NDMiOiIwIiwiMTg0MTk0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466615' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Để liên kết một tệp CSS bên ngoài (`style.css`) vào một tệp HTML (`index.html`), bạn sẽ sử dụng thẻ HTML nào trong phần `<head>` của tài liệu HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466615]' id='ays-answer-1841945-15576' value='1841945'/> <label for='ays-answer-1841945-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<link rel="stylesheet" href="style.css">`</label><label for='ays-answer-1841945-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466615]' id='ays-answer-1841946-15576' value='1841946'/> <label for='ays-answer-1841946-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<style src="style.css"></style>`</label><label for='ays-answer-1841946-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466615]' id='ays-answer-1841947-15576' value='1841947'/> <label for='ays-answer-1841947-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<script src="style.css"></script>`</label><label for='ays-answer-1841947-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466615]' id='ays-answer-1841948-15576' value='1841948'/> <label for='ays-answer-1841948-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<css href="style.css">`</label><label for='ays-answer-1841948-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466615'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk0NSI6IjEiLCIxODQxOTQ2IjoiMCIsIjE4NDE5NDciOiIwIiwiMTg0MTk0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466616' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Bạn đang làm việc trên một trang web và muốn tất cả các đoạn văn bản (`</p> <p>`) có cỡ chữ là 16px và font chữ là Arial. Quy tắc CSS nào sau đây thực hiện đúng yêu cầu này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466616]' id='ays-answer-1841949-15576' value='1841949'/> <label for='ays-answer-1841949-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`p { font-size: Arial; color: 16px; }`</label><label for='ays-answer-1841949-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466616]' id='ays-answer-1841950-15576' value='1841950'/> <label for='ays-answer-1841950-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`paragraph { size: 16px; font: Arial; }`</label><label for='ays-answer-1841950-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466616]' id='ays-answer-1841951-15576' value='1841951'/> <label for='ays-answer-1841951-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`p { font-size: 16px; font-family: Arial; }`</label><label for='ays-answer-1841951-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466616]' id='ays-answer-1841952-15576' value='1841952'/> <label for='ays-answer-1841952-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`text { font-size: 16px; font-type: Arial; }`</label><label for='ays-answer-1841952-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466616'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk0OSI6IjAiLCIxODQxOTUwIjoiMCIsIjE4NDE5NTEiOiIxIiwiMTg0MTk1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466617' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong quá trình thực hiện dự án, một thành viên trong nhóm gặp khó khăn khi làm việc với một phần cụ thể của mã CSS. Việc làm việc theo nhóm ở giai đoạn này có thể hỗ trợ thành viên đó như thế nào hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466617]' id='ays-answer-1841953-15576' value='1841953'/> <label for='ays-answer-1841953-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Chuyển toàn bộ công việc của thành viên đó cho người khác làm.</label><label for='ays-answer-1841953-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466617]' id='ays-answer-1841954-15576' value='1841954'/> <label for='ays-answer-1841954-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Các thành viên khác cùng xem xét mã, đưa ra gợi ý hoặc cùng nhau gỡ lỗi.</label><label for='ays-answer-1841954-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466617]' id='ays-answer-1841955-15576' value='1841955'/> <label for='ays-answer-1841955-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Bỏ qua phần khó khăn đó và tập trung vào các phần dễ hơn.</label><label for='ays-answer-1841955-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466617]' id='ays-answer-1841956-15576' value='1841956'/> <label for='ays-answer-1841956-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Yêu cầu thành viên đó tự tìm hiểu mà không có sự giúp đỡ của nhóm.</label><label for='ays-answer-1841956-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466617'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk1MyI6IjAiLCIxODQxOTU0IjoiMSIsIjE4NDE5NTUiOiIwIiwiMTg0MTk1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466618' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Đâu là mục tiêu chính của giai đoạn báo cáo trong dự án tạo trang web?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466618]' id='ays-answer-1841957-15576' value='1841957'/> <label for='ays-answer-1841957-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Viết mã lệnh CSS cuối cùng.</label><label for='ays-answer-1841957-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466618]' id='ays-answer-1841958-15576' value='1841958'/> <label for='ays-answer-1841958-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Xác định yêu cầu ban đầu của dự án.</label><label for='ays-answer-1841958-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466618]' id='ays-answer-1841959-15576' value='1841959'/> <label for='ays-answer-1841959-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết kế cấu trúc cơ sở dữ liệu.</label><label for='ays-answer-1841959-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466618]' id='ays-answer-1841960-15576' value='1841960'/> <label for='ays-answer-1841960-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Tổng kết kết quả đã đạt được, đánh giá hiệu quả và chia sẻ thông tin với các bên liên quan.</label><label for='ays-answer-1841960-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466618'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk1NyI6IjAiLCIxODQxOTU4IjoiMCIsIjE4NDE5NTkiOiIwIiwiMTg0MTk2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466619' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Giả sử bạn muốn một hình ảnh (`<img>`) trong trang web của mình có chiều rộng tối đa là 500px nhưng vẫn giữ tỷ lệ khung hình ban đầu. Quy tắc CSS nào sau đây đạt được điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466619]' id='ays-answer-1841961-15576' value='1841961'/> <label for='ays-answer-1841961-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`img { max-width: 500px; height: auto; }`</label><label for='ays-answer-1841961-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466619]' id='ays-answer-1841962-15576' value='1841962'/> <label for='ays-answer-1841962-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`img { width: 500px; height: 500px; }`</label><label for='ays-answer-1841962-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466619]' id='ays-answer-1841963-15576' value='1841963'/> <label for='ays-answer-1841963-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`img { max-height: 500px; width: auto; }`</label><label for='ays-answer-1841963-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466619]' id='ays-answer-1841964-15576' value='1841964'/> <label for='ays-answer-1841964-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`img { size: 500px; }`</label><label for='ays-answer-1841964-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466619'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk2MSI6IjEiLCIxODQxOTYyIjoiMCIsIjE4NDE5NjMiOiIwIiwiMTg0MTk2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466620' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong giai đoạn chuẩn bị của dự án web, việc xác định đối tượng người dùng mục tiêu có ý nghĩa quan trọng nhất đối với giai đoạn nào sau đây?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466620]' id='ays-answer-1841965-15576' value='1841965'/> <label for='ays-answer-1841965-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ giai đoạn báo cáo.</label><label for='ays-answer-1841965-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466620]' id='ays-answer-1841966-15576' value='1841966'/> <label for='ays-answer-1841966-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ giai đoạn thực hiện (viết mã).</label><label for='ays-answer-1841966-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466620]' id='ays-answer-1841967-15576' value='1841967'/> <label for='ays-answer-1841967-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn thiết kế giao diện và nội dung, và ảnh hưởng đến cả giai đoạn thực hiện.</label><label for='ays-answer-1841967-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466620]' id='ays-answer-1841968-15576' value='1841968'/> <label for='ays-answer-1841968-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Không ảnh hưởng đến các giai đoạn sau.</label><label for='ays-answer-1841968-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466620'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk2NSI6IjAiLCIxODQxOTY2IjoiMCIsIjE4NDE5NjciOiIxIiwiMTg0MTk2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466621' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Khi thử nghiệm trang web, bạn nhận thấy trang tải rất chậm. Yếu tố nào sau đây có khả năng *gây chậm tải* trang nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466621]' id='ays-answer-1841969-15576' value='1841969'/> <label for='ays-answer-1841969-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Số lượng thẻ HTML trên trang.</label><label for='ays-answer-1841969-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466621]' id='ays-answer-1841970-15576' value='1841970'/> <label for='ays-answer-1841970-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước tệp hình ảnh quá lớn chưa được tối ưu.</label><label for='ays-answer-1841970-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466621]' id='ays-answer-1841971-15576' value='1841971'/> <label for='ays-answer-1841971-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Số lượng quy tắc CSS được sử dụng.</label><label for='ays-answer-1841971-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466621]' id='ays-answer-1841972-15576' value='1841972'/> <label for='ays-answer-1841972-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng font chữ mặc định của trình duyệt.</label><label for='ays-answer-1841972-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466621'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk2OSI6IjAiLCIxODQxOTcwIjoiMSIsIjE4NDE5NzEiOiIwIiwiMTg0MTk3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466622' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn tạo một khung viền màu đỏ dày 2px cho tất cả các hình ảnh trên trang web. Quy tắc CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466622]' id='ays-answer-1841973-15576' value='1841973'/> <label for='ays-answer-1841973-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`img { outline: 2px solid red; }`</label><label for='ays-answer-1841973-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466622]' id='ays-answer-1841974-15576' value='1841974'/> <label for='ays-answer-1841974-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`image { border: 2px red solid; }`</label><label for='ays-answer-1841974-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466622]' id='ays-answer-1841975-15576' value='1841975'/> <label for='ays-answer-1841975-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`img { border-color: red; border-width: 2px; border-style: line; }`</label><label for='ays-answer-1841975-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466622]' id='ays-answer-1841976-15576' value='1841976'/> <label for='ays-answer-1841976-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`img { border: 2px solid red; }`</label><label for='ays-answer-1841976-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466622'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk3MyI6IjAiLCIxODQxOTc0IjoiMCIsIjE4NDE5NzUiOiIwIiwiMTg0MTk3NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466623' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong quá trình phát triển, nhóm quyết định sử dụng CSS framework (ví dụ: Bootstrap, Tailwind CSS). Lợi ích chính của việc này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466623]' id='ays-answer-1841977-15576' value='1841977'/> <label for='ays-answer-1841977-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp xây dựng giao diện nhanh chóng và dễ dàng tạo bố cục responsive.</label><label for='ays-answer-1841977-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466623]' id='ays-answer-1841978-15576' value='1841978'/> <label for='ays-answer-1841978-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động tạo nội dung văn bản cho trang web.</label><label for='ays-answer-1841978-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466623]' id='ays-answer-1841979-15576' value='1841979'/> <label for='ays-answer-1841979-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Thay thế hoàn toàn việc viết mã HTML.</label><label for='ays-answer-1841979-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466623]' id='ays-answer-1841980-15576' value='1841980'/> <label for='ays-answer-1841980-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Loại bỏ nhu cầu thử nghiệm trên các trình duyệt khác nhau.</label><label for='ays-answer-1841980-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466623'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk3NyI6IjEiLCIxODQxOTc4IjoiMCIsIjE4NDE5NzkiOiIwIiwiMTg0MTk4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466624' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Khi một dự án web hoàn thành, việc bàn giao sản phẩm cho khách hàng hoặc người dùng cuối thường kèm theo tài liệu hướng dẫn sử dụng. Điều này thuộc giai đoạn nào của dự án?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466624]' id='ays-answer-1841981-15576' value='1841981'/> <label for='ays-answer-1841981-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn chuẩn bị.</label><label for='ays-answer-1841981-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466624]' id='ays-answer-1841982-15576' value='1841982'/> <label for='ays-answer-1841982-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn thực hiện.</label><label for='ays-answer-1841982-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466624]' id='ays-answer-1841983-15576' value='1841983'/> <label for='ays-answer-1841983-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn báo cáo/Kết thúc dự án.</label><label for='ays-answer-1841983-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466624]' id='ays-answer-1841984-15576' value='1841984'/> <label for='ays-answer-1841984-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn thiết kế.</label><label for='ays-answer-1841984-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466624'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk4MSI6IjAiLCIxODQxOTgyIjoiMCIsIjE4NDE5ODMiOiIxIiwiMTg0MTk4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466625' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn áp dụng một kiểu CSS chỉ cho các phần tử `</p> <p>` nằm *bên trong* một phần tử `</p> <div>` có class là `content`. Selector CSS nào sau đây thực hiện đúng điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466625]' id='ays-answer-1841985-15576' value='1841985'/> <label for='ays-answer-1841985-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`.content > p`</label><label for='ays-answer-1841985-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466625]' id='ays-answer-1841986-15576' value='1841986'/> <label for='ays-answer-1841986-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`.content p`</label><label for='ays-answer-1841986-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466625]' id='ays-answer-1841987-15576' value='1841987'/> <label for='ays-answer-1841987-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`div.content + p`</label><label for='ays-answer-1841987-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466625]' id='ays-answer-1841988-15576' value='1841988'/> <label for='ays-answer-1841988-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`p.content`</label><label for='ays-answer-1841988-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466625'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk4NSI6IjAiLCIxODQxOTg2IjoiMSIsIjE4NDE5ODciOiIwIiwiMTg0MTk4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466626' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong quá trình thử nghiệm, bạn nhận được phản hồi rằng trang web không hiển thị đúng trên điện thoại di động. Vấn đề này liên quan chủ yếu đến khái niệm nào trong thiết kế web?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466626]' id='ays-answer-1841989-15576' value='1841989'/> <label for='ays-answer-1841989-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Responsive Design (Thiết kế đáp ứng).</label><label for='ays-answer-1841989-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466626]' id='ays-answer-1841990-15576' value='1841990'/> <label for='ays-answer-1841990-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Server-side Scripting.</label><label for='ays-answer-1841990-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466626]' id='ays-answer-1841991-15576' value='1841991'/> <label for='ays-answer-1841991-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Database Management.</label><label for='ays-answer-1841991-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466626]' id='ays-answer-1841992-15576' value='1841992'/> <label for='ays-answer-1841992-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Search Engine Optimization (SEO).</label><label for='ays-answer-1841992-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466626'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk4OSI6IjEiLCIxODQxOTkwIjoiMCIsIjE4NDE5OTEiOiIwIiwiMTg0MTk5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466627' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Một thành viên trong nhóm chịu trách nhiệm viết báo cáo tiến độ hàng tuần. Thông tin nào sau đây *ít cần thiết nhất* trong báo cáo tiến độ gửi cho cả nhóm và người quản lý?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466627]' id='ays-answer-1841993-15576' value='1841993'/> <label for='ays-answer-1841993-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Các công việc đã hoàn thành trong tuần.</label><label for='ays-answer-1841993-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466627]' id='ays-answer-1841994-15576' value='1841994'/> <label for='ays-answer-1841994-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Các công việc dự kiến làm trong tuần tới.</label><label for='ays-answer-1841994-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466627]' id='ays-answer-1841995-15576' value='1841995'/> <label for='ays-answer-1841995-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Những khó khăn hoặc trở ngại đang gặp phải.</label><label for='ays-answer-1841995-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466627]' id='ays-answer-1841996-15576' value='1841996'/> <label for='ays-answer-1841996-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Lịch sử duyệt web cá nhân của thành viên báo cáo trong tuần.</label><label for='ays-answer-1841996-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466627'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk5MyI6IjAiLCIxODQxOTk0IjoiMCIsIjE4NDE5OTUiOiIwIiwiMTg0MTk5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466628' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Để tạo hiệu ứng khi người dùng di chuột qua một nút (`<button>`) làm thay đổi màu nền của nút đó, bạn sẽ sử dụng bộ chọn giả lớp (pseudo-class) nào trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466628]' id='ays-answer-1841997-15576' value='1841997'/> <label for='ays-answer-1841997-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`:active`</label><label for='ays-answer-1841997-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466628]' id='ays-answer-1841998-15576' value='1841998'/> <label for='ays-answer-1841998-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`:focus`</label><label for='ays-answer-1841998-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466628]' id='ays-answer-1841999-15576' value='1841999'/> <label for='ays-answer-1841999-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`:hover`</label><label for='ays-answer-1841999-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466628]' id='ays-answer-1842000-15576' value='1842000'/> <label for='ays-answer-1842000-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`:visited`</label><label for='ays-answer-1842000-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466628'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MTk5NyI6IjAiLCIxODQxOTk4IjoiMCIsIjE4NDE5OTkiOiIxIiwiMTg0MjAwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466629' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong giai đoạn thực hiện, nhóm cần tích hợp các hình ảnh, video và âm thanh vào trang web. Đây là công việc chủ yếu liên quan đến việc sử dụng các thẻ nào trong HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466629]' id='ays-answer-1842001-15576' value='1842001'/> <label for='ays-answer-1842001-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<img>`, `<video>`, `<audio>`</label><label for='ays-answer-1842001-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466629]' id='ays-answer-1842002-15576' value='1842002'/> <label for='ays-answer-1842002-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<style>`, `<script>`, `<link>`</label><label for='ays-answer-1842002-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466629]' id='ays-answer-1842003-15576' value='1842003'/> <label for='ays-answer-1842003-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<h1>`, `<p>`, `<ul>`</label><label for='ays-answer-1842003-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466629]' id='ays-answer-1842004-15576' value='1842004'/> <label for='ays-answer-1842004-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`<form>`, `<input>`, `<button>`</label><label for='ays-answer-1842004-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466629'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAwMSI6IjEiLCIxODQyMDAyIjoiMCIsIjE4NDIwMDMiOiIwIiwiMTg0MjAwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466630' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Một lỗi phổ biến khi làm việc với CSS là quy tắc định kiểu không được áp dụng như mong đợi. Nguyên nhân nào sau đây *không phải* là nguyên nhân phổ biến của vấn đề này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466630]' id='ays-answer-1842005-15576' value='1842005'/> <label for='ays-answer-1842005-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Lỗi cú pháp trong quy tắc CSS.</label><label for='ays-answer-1842005-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466630]' id='ays-answer-1842006-15576' value='1842006'/> <label for='ays-answer-1842006-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Độ ưu tiên (specificity) của bộ chọn CSS khác nhau.</label><label for='ays-answer-1842006-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466630]' id='ays-answer-1842007-15576' value='1842007'/> <label for='ays-answer-1842007-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Tệp CSS chưa được liên kết đúng cách với tệp HTML.</label><label for='ays-answer-1842007-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466630]' id='ays-answer-1842008-15576' value='1842008'/> <label for='ays-answer-1842008-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt web đã lỗi thời (trừ khi sử dụng tính năng rất mới).</label><label for='ays-answer-1842008-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466630'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAwNSI6IjAiLCIxODQyMDA2IjoiMCIsIjE4NDIwMDciOiIwIiwiMTg0MjAwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466631' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Việc thu thập phản hồi từ người dùng cuối (User Feedback) sau khi trang web đã được phát hành thử nghiệm (beta) thuộc giai đoạn nào của dự án?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466631]' id='ays-answer-1842009-15576' value='1842009'/> <label for='ays-answer-1842009-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn chuẩn bị.</label><label for='ays-answer-1842009-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466631]' id='ays-answer-1842010-15576' value='1842010'/> <label for='ays-answer-1842010-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn thiết kế.</label><label for='ays-answer-1842010-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466631]' id='ays-answer-1842011-15576' value='1842011'/> <label for='ays-answer-1842011-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn thử nghiệm và đánh giá.</label><label for='ays-answer-1842011-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466631]' id='ays-answer-1842012-15576' value='1842012'/> <label for='ays-answer-1842012-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giai đoạn báo cáo ban đầu.</label><label for='ays-answer-1842012-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466631'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAwOSI6IjAiLCIxODQyMDEwIjoiMCIsIjE4NDIwMTEiOiIxIiwiMTg0MjAxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466632' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong một cuộc họp nhóm, các thành viên đang thảo luận về cách phân chia công việc cho giai đoạn thực hiện. Nguyên tắc nào sau đây giúp việc phân công hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466632]' id='ays-answer-1842013-15576' value='1842013'/> <label for='ays-answer-1842013-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Phân công dựa trên kỹ năng, sở thích và khối lượng công việc cân bằng cho mỗi thành viên.</label><label for='ays-answer-1842013-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466632]' id='ays-answer-1842014-15576' value='1842014'/> <label for='ays-answer-1842014-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Người quản lý tự phân công mà không cần hỏi ý kiến thành viên.</label><label for='ays-answer-1842014-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466632]' id='ays-answer-1842015-15576' value='1842015'/> <label for='ays-answer-1842015-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Để mỗi thành viên tự chọn công việc mình thích mà không cần thảo luận.</label><label for='ays-answer-1842015-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466632]' id='ays-answer-1842016-15576' value='1842016'/> <label for='ays-answer-1842016-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ giao các công việc dễ cho các thành viên mới.</label><label for='ays-answer-1842016-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466632'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAxMyI6IjEiLCIxODQyMDE0IjoiMCIsIjE4NDIwMTUiOiIwIiwiMTg0MjAxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466633' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn tạo hiệu ứng đổ bóng cho một khối văn bản (`</p> <div>`). Thuộc tính CSS nào được sử dụng cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466633]' id='ays-answer-1842017-15576' value='1842017'/> <label for='ays-answer-1842017-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`text-shadow`</label><label for='ays-answer-1842017-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466633]' id='ays-answer-1842018-15576' value='1842018'/> <label for='ays-answer-1842018-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`box-shadow`</label><label for='ays-answer-1842018-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466633]' id='ays-answer-1842019-15576' value='1842019'/> <label for='ays-answer-1842019-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`element-shadow`</label><label for='ays-answer-1842019-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466633]' id='ays-answer-1842020-15576' value='1842020'/> <label for='ays-answer-1842020-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`div-shadow`</label><label for='ays-answer-1842020-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466633'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAxNyI6IjAiLCIxODQyMDE4IjoiMSIsIjE4NDIwMTkiOiIwIiwiMTg0MjAyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466634' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Khi viết báo cáo tiến độ dự án, việc trình bày dữ liệu bằng bảng biểu hoặc đồ thị (ví dụ: biểu đồ Gantt đơn giản) có lợi ích gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466634]' id='ays-answer-1842021-15576' value='1842021'/> <label for='ays-answer-1842021-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho báo cáo dài hơn và chi tiết hơn.</label><label for='ays-answer-1842021-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466634]' id='ays-answer-1842022-15576' value='1842022'/> <label for='ays-answer-1842022-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp người đọc tập trung vào các chi tiết nhỏ thay vì tổng quan.</label><label for='ays-answer-1842022-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466634]' id='ays-answer-1842023-15576' value='1842023'/> <label for='ays-answer-1842023-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có ích cho người viết báo cáo, không cho người đọc.</label><label for='ays-answer-1842023-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466634]' id='ays-answer-1842024-15576' value='1842024'/> <label for='ays-answer-1842024-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp trực quan hóa thông tin, dễ dàng theo dõi tiến độ và các mốc thời gian quan trọng.</label><label for='ays-answer-1842024-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466634'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAyMSI6IjAiLCIxODQyMDIyIjoiMCIsIjE4NDIwMjMiOiIwIiwiMTg0MjAyNCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466635' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong CSS, sự khác biệt chính giữa `margin` và `padding` là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466635]' id='ays-answer-1842025-15576' value='1842025'/> <label for='ays-answer-1842025-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` tạo khoảng trống bên trong phần tử, còn `padding` tạo khoảng trống bên ngoài.</label><label for='ays-answer-1842025-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466635]' id='ays-answer-1842026-15576' value='1842026'/> <label for='ays-answer-1842026-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` chỉ áp dụng cho văn bản, còn `padding` áp dụng cho hình ảnh.</label><label for='ays-answer-1842026-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466635]' id='ays-answer-1842027-15576' value='1842027'/> <label for='ays-answer-1842027-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` tạo khoảng trống bên ngoài viền phần tử, còn `padding` tạo khoảng trống bên trong viền phần tử.</label><label for='ays-answer-1842027-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466635]' id='ays-answer-1842028-15576' value='1842028'/> <label for='ays-answer-1842028-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`margin` chỉ có giá trị dương, còn `padding` có thể có giá trị âm.</label><label for='ays-answer-1842028-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466635'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAyNSI6IjAiLCIxODQyMDI2IjoiMCIsIjE4NDIwMjciOiIxIiwiMTg0MjAyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466636' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Một nhóm đang chuẩn bị cho buổi trình bày báo cáo cuối dự án. Để buổi báo cáo thành công, họ nên chuẩn bị những gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466636]' id='ays-answer-1842029-15576' value='1842029'/> <label for='ays-answer-1842029-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Chuẩn bị slide trình bày, phân công người báo cáo các phần, luyện tập trước và dự kiến các câu hỏi.</label><label for='ays-answer-1842029-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466636]' id='ays-answer-1842030-15576' value='1842030'/> <label for='ays-answer-1842030-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần mang theo máy tính chứa mã nguồn trang web.</label><label for='ays-answer-1842030-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466636]' id='ays-answer-1842031-15576' value='1842031'/> <label for='ays-answer-1842031-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Viết một báo cáo rất dài và đọc toàn bộ trong buổi trình bày.</label><label for='ays-answer-1842031-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466636]' id='ays-answer-1842032-15576' value='1842032'/> <label for='ays-answer-1842032-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Để mỗi người tự trình bày phần mình làm mà không cần phối hợp.</label><label for='ays-answer-1842032-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466636'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAyOSI6IjEiLCIxODQyMDMwIjoiMCIsIjE4NDIwMzEiOiIwIiwiMTg0MjAzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466637' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Trong giai đoạn thử nghiệm, việc kiểm tra khả năng tương thích trình duyệt (Browser Compatibility Testing) là cần thiết vì lý do nào sau đây?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466637]' id='ays-answer-1842033-15576' value='1842033'/> <label for='ays-answer-1842033-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Để trang web chỉ hiển thị trên một loại trình duyệt duy nhất.</label><label for='ays-answer-1842033-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466637]' id='ays-answer-1842034-15576' value='1842034'/> <label for='ays-answer-1842034-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Để đảm bảo trang web hiển thị và hoạt động nhất quán trên các trình duyệt và thiết bị khác nhau.</label><label for='ays-answer-1842034-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466637]' id='ays-answer-1842035-15576' value='1842035'/> <label for='ays-answer-1842035-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Để làm cho trang web tải chậm hơn.</label><label for='ays-answer-1842035-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466637]' id='ays-answer-1842036-15576' value='1842036'/> <label for='ays-answer-1842036-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Để thay đổi nội dung văn bản của trang web.</label><label for='ays-answer-1842036-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466637'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAzMyI6IjAiLCIxODQyMDM0IjoiMSIsIjE4NDIwMzUiOiIwIiwiMTg0MjAzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466638' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F13: Dự án tạo trang web (tiếp theo)</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Bạn muốn thay đổi màu nền của toàn bộ trang web. Selector CSS nào sau đây nhắm mục tiêu đến phần tử gốc của trang để áp dụng màu nền?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466638]' id='ays-answer-1842037-15576' value='1842037'/> <label for='ays-answer-1842037-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`.page`</label><label for='ays-answer-1842037-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466638]' id='ays-answer-1842038-15576' value='1842038'/> <label for='ays-answer-1842038-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`#website`</label><label for='ays-answer-1842038-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466638]' id='ays-answer-1842039-15576' value='1842039'/> <label for='ays-answer-1842039-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`div`</label><label for='ays-answer-1842039-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466638]' id='ays-answer-1842040-15576' value='1842040'/> <label for='ays-answer-1842040-15576' class=' ays_position_initial ays-quiz-keyboard-label'>`body` hoặc `html`</label><label for='ays-answer-1842040-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466638'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjAzNyI6IjAiLCIxODQyMDM4IjoiMCIsIjE4NDIwMzkiOiIwIiwiMTg0MjA0MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466639' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F14: Học máy</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Học máy (Machine Learning) trong lĩnh vực Tin học chủ yếu tập trung vào khía cạnh nào của máy tính?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466639]' id='ays-answer-1842041-15576' value='1842041'/> <label for='ays-answer-1842041-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết kế phần cứng hiệu năng cao</label><label for='ays-answer-1842041-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466639]' id='ays-answer-1842042-15576' value='1842042'/> <label for='ays-answer-1842042-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Quản lý cơ sở dữ liệu lớn</label><label for='ays-answer-1842042-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466639]' id='ays-answer-1842043-15576' value='1842043'/> <label for='ays-answer-1842043-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Phát triển thuật toán cho phép máy tính học từ dữ liệu và cải thiện hiệu suất</label><label for='ays-answer-1842043-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466639]' id='ays-answer-1842044-15576' value='1842044'/> <label for='ays-answer-1842044-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Tối ưu hóa tốc độ truyền tải mạng</label><label for='ays-answer-1842044-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466639'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjA0MSI6IjAiLCIxODQyMDQyIjoiMCIsIjE4NDIwNDMiOiIxIiwiMTg0MjA0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='466640' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F14: Học máy</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 9</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Mối quan hệ giữa Học máy (Machine Learning) và Trí tuệ nhân tạo (AI) được mô tả chính xác nhất như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466640]' id='ays-answer-1842045-15576' value='1842045'/> <label for='ays-answer-1842045-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Học máy là một nhánh con quan trọng của Trí tuệ nhân tạo.</label><label for='ays-answer-1842045-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466640]' id='ays-answer-1842046-15576' value='1842046'/> <label for='ays-answer-1842046-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Học máy và Trí tuệ nhân tạo là hai lĩnh vực hoàn toàn tách biệt.</label><label for='ays-answer-1842046-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466640]' id='ays-answer-1842047-15576' value='1842047'/> <label for='ays-answer-1842047-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Trí tuệ nhân tạo là một phần nhỏ của Học máy.</label><label for='ays-answer-1842047-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-466640]' id='ays-answer-1842048-15576' value='1842048'/> <label for='ays-answer-1842048-15576' class=' ays_position_initial ays-quiz-keyboard-label'>Học máy chỉ là tên gọi khác của Trí tuệ nhân tạo.</label><label for='ays-answer-1842048-15576' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_15576 === 'undefined'){ window.quizOptions_15576 = []; } window.quizOptions_15576['466640'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTg0MjA0NSI6IjEiLCIxODQyMDQ2IjoiMCIsIjE4NDIwNDciOiIwIiwiMTg0MjA0OCI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-15576 * { box-sizing: border-box; } #ays-quiz-container-15576 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-15576 #ays_finish_quiz_15576 { } /* Styles for Quiz container */ #ays-quiz-container-15576{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-15576 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-15576 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-15576 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-15576 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-15576 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-15576 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-15576 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-15576 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-15576.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-15576.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-15576 #ays_finish_quiz_15576 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-15576.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container p, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-15576.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-15576 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-15576 .ays-quiz-password-message-box, #ays-quiz-container-15576 .ays-quiz-question-note-message-box, #ays-quiz-container-15576 .ays_quiz_question, #ays-quiz-container-15576 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-15576 textarea, #ays-quiz-container-15576 input::first-letter, #ays-quiz-container-15576 select::first-letter, #ays-quiz-container-15576 option::first-letter { color: initial !important; } #ays-quiz-container-15576 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-15576 .select2-container, #ays-quiz-container-15576 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-15576 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-15576 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-15576 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-15576 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-15576 .ays-questions-container .ays-field, div#ays-quiz-container-15576 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-15576 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-15576 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-15576 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-15576 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-15576 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-15576 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-15576 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-15576 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-15576 .information_form input[type='text'], #ays-quiz-container-15576 .information_form input[type='url'], #ays-quiz-container-15576 .information_form input[type='number'], #ays-quiz-container-15576 .information_form input[type='email'], #ays-quiz-container-15576 .information_form input[type='tel'], #ays-quiz-container-15576 .information_form textarea, #ays-quiz-container-15576 .information_form select, #ays-quiz-container-15576 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-15576 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-15576 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-15576 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-15576 .right_answer_text{ color:#33cc33; } #ays-quiz-container-15576 .right_answer_text p { font-size:16px; } #ays-quiz-container-15576 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-15576 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-15576 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-15576 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-15576 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-15576 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-15576 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-15576 .ays_cb_and_a, #ays-quiz-container-15576 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-15576 iframe { /*min-height: 450px;*/ } #ays-quiz-container-15576 label.ays_for_checkbox, #ays-quiz-container-15576 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-15576 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-15576 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-15576 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-15576 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-15576 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-15576 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-15576 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-15576 div.lds-spinner, #ays-quiz-container-15576 div.lds-spinner2 { color: #000000; } #ays-quiz-container-15576 div.lds-spinner div:after, #ays-quiz-container-15576 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-15576 .lds-circle, #ays-quiz-container-15576 .lds-facebook div, #ays-quiz-container-15576 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-15576 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-15576 .lds-dual-ring::after, #ays-quiz-container-15576 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-15576 .ui.rating .icon, #ays-quiz-container-15576 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-15576 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-15576 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-15576 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-15576 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-15576 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-15576 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-15576 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-15576 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-15576 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-15576 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-15576 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-15576 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-15576 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-15576 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-15576 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-15576 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-15576 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-15576 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-15576 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-15576 div.ays-quiz-redirection-timer, #ays-quiz-container-15576 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-15576 div.ays-quiz-after-timer * , #ays-quiz-container-15576 div.ays-quiz-redirection-timer *, #ays-quiz-container-15576 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-15576 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-15576 input#ays-submit, #ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button, #ays-quiz-container-15576 #ays_finish_quiz_15576 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-15576 #ays_finish_quiz_15576 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button.ays_restart_button, #ays-quiz-container-15576 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-15576 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-15576 input#ays-submit, #ays-quiz-container-15576 #ays_finish_quiz_15576 input.action-button, #ays-quiz-container-15576 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-15576 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-15576 input#ays-submit:hover, #ays-quiz-container-15576 input#ays-submit:focus, #ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button:hover, #ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button:focus, #ays-quiz-container-15576 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-15576 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-15576 .ays_restart_button { color: #ffffff; } #ays-quiz-container-15576 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-15576 .ays_buttons_div { justify-content: center; } #ays-quiz-container-15576 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-15576 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-15576 input[type='button'], #ays-quiz-container-15576 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-15576 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-15576 input[type='button']:focus-visible, div#ays-quiz-container-15576 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-15576 #ays_finish_quiz_15576 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-15576 #ays_finish_quiz_15576 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-15576 #ays_finish_quiz_15576 i.ays_early_finish.action-button[disabled], #ays-quiz-container-15576 #ays_finish_quiz_15576 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-15576 #ays_finish_quiz_15576 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-15576 #ays_finish_quiz_15576 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-15576 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-15576 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-15576 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-15576.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-15576 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-15576 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-15576 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-15576 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-15576 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-15576 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-15576 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-15576 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-15576 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-15576 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-15576 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-15576 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-15576 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-15576 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-15576 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-15576 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-15576 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-15576 .ays-field .select2-container--default, #ays-quiz-container-15576 .ays-field .select2-container--default .selection, #ays-quiz-container-15576 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-15576 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-15576 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-15576 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-15576 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-15576 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-15576 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-15576 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-15576 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-15576 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-15576 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-15576 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-15576 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-15576 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-15576 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-15576 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-15576 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-15576 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-15576 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-15576 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-15576 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-15576.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-15576.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-15576 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-15576 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-15576 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-15576 label[for^='ays-answer']:before, #ays-quiz-container-15576 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-15576 .ays_question_report { text-align: right; } div#ays-quiz-container-15576 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-15576 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-15576.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-15576.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-15576.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-15576.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-15576.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-15576.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-15576 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-15576.ays_quiz_classic_dark .correct_div, #ays-quiz-container-15576.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-15576.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-15576.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-15576.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-15576.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-15576.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-15576.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-15576 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-15576 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-15576 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-15576 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-15576 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-15576 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-15576 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-15576.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-15576.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-15576 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-15576 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-15576 .ays-quiz-personality-result-box div:before, #ays-quiz-container-15576 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-15576 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-15576 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-15576 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-15576 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-15576 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-15576 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-15576 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-15576 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-15576 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-15576 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-15576 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-15576 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-15576 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-15576{ max-width: 100%; } div#ays-quiz-container-15576 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-15576.ays_quiz_modern_light .step, div#ays-quiz-container-15576.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-15576.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-15576.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-15576.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-15576.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-15576 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-15576 .select2-container, div#ays-quiz-container-15576 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-15576 input#ays-submit, div#ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button, div#ays-quiz-container-15576 #ays_finish_quiz_15576 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button.ays_restart_button, #ays-quiz-container-15576 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-15576 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-15576 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-15576 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-15576 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-15576 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-15576 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-15576 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-15576 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-15576 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-15576 p { margin: 0.625em; } #ays-quiz-container-15576.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-15576.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-15576 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-15576.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-15576 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button:hover, #ays-quiz-container-15576 #ays_finish_quiz_15576 .action-button:focus, #ays-quiz-container-15576 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-15576 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['15576'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIxNTU3NiIsImF1dGhvcl9pZCI6IjMiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDkiLCJkZXNjcmlwdGlvbiI6IjxwPlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDkgYmFvIGdcdTFlZDNtIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgaGF5LCBiXHUwMGUxbSBzXHUwMGUxdCBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmguIENcdTAwZjluZyBsXHUwMGUwbSBiXHUwMGUwaSB0XHUxZWFkcCB0clx1MWVhZmMgbmdoaVx1MWVjN20gbmdheS48XC9wPlxyXG5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBoXHUxZWQ5cCB2XHUwMTAzbiBiXHUxZWEzbiAoYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiA6aG92ZXI8XC9saT5cclxuPGxpPkIuIDphY3RpdmU8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gOmZvY3VzPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gOmNoZWNrZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWEzbSBiXHUxZWEzbyByXHUxZWIxbmcgdFx1MWVkNW5nIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZTdhIG1cdTFlZDl0IGhcdTFlZDlwIHZcdTAxMDNuIGJcdTFlYTNuIChgPGlucHV0PmApIGJhbyBnXHUxZWQzbSBjXHUxZWEzIHZcdTAwZjluZyBcdTAxMTFcdTFlYzdtIChwYWRkaW5nKSB2XHUwMGUwIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiAoYm9yZGVyKSBraGkgYlx1MWVhMW4gdGhpXHUxZWJmdCBsXHUxZWFkcCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgd2lkdGhgLCBiXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2IgYGJvcmRlci1ib3hgP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGJveC1zaXppbmc8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBkaXNwbGF5PFwvbGk+XHJcbjxsaT5DLiBtYXJnaW48XC9saT5cclxuPGxpPkQuIG91dGxpbmU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBCXHUxZWExbiBtdVx1MWVkMW4gbVx1MWVkOXQgblx1MDBmYXQgbmhcdTFlYTVuIChgPGJ1dHRvbj5gIGhvXHUxZWI3YyBgPGlucHV0IHR5cGU9XHJcbjx1bD5cclxuPGxpPkEuIDpob3ZlcjxcL2xpPlxyXG48bGk+Qi4gOmZvY3VzPFwvbGk+XHJcbjxsaT5DLiA6ZGlzYWJsZWQ8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gOmFjdGl2ZTxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgbmhcdTAwZjNtIGNcdTAwZTFjIG5cdTAwZmF0IHRyXHUwMGYybiAoYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDpjaGVja2VkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gOmZvY3VzPFwvbGk+XHJcbjxsaT5ELiA6dmFsaWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSB2XHUxZWRiaSBjXHUwMGUxYyBjXHUxZWI3cCB0aFx1MWViYiBgPGxhYmVsPmAgdlx1MDBlMCBgPGlucHV0PmAuIE1cdTFlYjdjIFx1MDExMVx1MWVjYm5oLCBjaFx1MDBmYW5nIGNcdTAwZjMgdGhcdTFlYzMgaGlcdTFlYzNuIHRoXHUxZWNiIHRyXHUwMGVhbiBjXHUwMGY5bmcgbVx1MWVkOXQgZFx1MDBmMm5nLiBcdTAxMTBcdTFlYzMgbVx1MWVkN2kgY1x1MWViN3AgYDxsYWJlbD5gIHZcdTAwZTAgYDxpbnB1dD5gIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gbVx1MWVkOXQgZFx1MDBmMm5nIHJpXHUwMGVhbmcgYmlcdTFlYzd0LCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMVx1MWViN3QgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXlgIGNobyB0aFx1MWViYiBgPGxhYmVsPmAgaG9cdTFlYjdjIGA8aW5wdXQ+YCAoaG9cdTFlYjdjIG1cdTFlZDl0IHRoXHUxZWJiIGNoXHUxZWU5YSBjaFx1MDBmYW5nKSB2XHUxZWRiaSBnaVx1MDBlMSB0clx1MWVjYiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBibG9jazxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGlubGluZTxcL2xpPlxyXG48bGk+Qy4gaW5saW5lLWJsb2NrPFwvbGk+XHJcbjxsaT5ELiBub25lPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogXHUwMTEwXHUxZWMzIHRoXHUwMGVhbSBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIHRyb25nIG1cdTFlZDl0IGhcdTFlZDlwIHZcdTAxMDNuIGJcdTFlYTNuLCBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IHZcdTAwZTAgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNcdTFlZTdhIG5cdTAwZjMsIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBtYXJnaW48XC9saT5cclxuPGxpPkIuIGJvcmRlcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBwYWRkaW5nPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gb3V0bGluZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraG9cdTFlYTNuZyBjXHUwMGUxY2ggMTAgcGl4ZWxzIGdpXHUxZWVmYSBjXHUwMGUxYyBuaFx1MDBmM20gcGhcdTFlYTduIHRcdTFlZWQgYmlcdTFlYzN1IG1cdTFlYWJ1IGtoXHUwMGUxYyBuaGF1ICh2XHUwMGVkIGRcdTFlZTU6IGdpXHUxZWVmYSBoYWkgdGhcdTFlYmIgYDxkaXY+YCBjaFx1MWVlOWEgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1KS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyB0XHUxZWExbyBraG9cdTFlYTNuZyB0clx1MWVkMW5nIDxpPmJcdTAwZWFuIG5nb1x1MDBlMGk8XC9pPiBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBtYXJnaW48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBwYWRkaW5nPFwvbGk+XHJcbjxsaT5DLiBib3JkZXI8XC9saT5cclxuPGxpPkQuIGhlaWdodDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IEJcdTFlYTFuIG11XHUxZWQxbiB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgY2hcdTFlZWYgY1x1MWVlN2EgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBuaFx1MDBlM24gKGA8bGFiZWw+YCkgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IHRoXHUwMGUwbmggbVx1MDBlMHUgeFx1MDBlMW0gXHUwMTExXHUxZWFkbS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIGJcdTFlYTFuIGNcdTFlYTduIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBiYWNrZ3JvdW5kLWNvbG9yPFwvbGk+XHJcbjxsaT5CLiBib3JkZXItY29sb3I8XC9saT5cclxuPGxpPkMuIHRleHQtZGVjb3JhdGlvbjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBjb2xvcjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA5OiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWI3dCBtXHUwMGUwdSBuXHUxZWMxbiBjaG8gdG9cdTAwZTBuIGJcdTFlZDkga2h1IHZcdTFlZjFjIGNoXHUxZWU5YSBiaVx1MWVjM3UgbVx1MWVhYnUgKGA8Zm9ybT5gKS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdGhpXHUxZWJmdCBsXHUxZWFkcCBtXHUwMGUwdSBuXHUxZWMxbj9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBiYWNrZ3JvdW5kLWNvbG9yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gY29sb3I8XC9saT5cclxuPGxpPkMuIGJvcmRlci1jb2xvcjxcL2xpPlxyXG48bGk+RC4gdGV4dC1hbGlnbjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBcdTAxMTBcdTFlYzMgY2hcdTFlY2RuIHZcdTAwZTAgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IHJpXHUwMGVhbmcgY2hvIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBraVx1MWVjM3Ugdlx1MDEwM24gYlx1MWVhM24gKGA8aW5wdXQgdHlwZT1cclxuPHVsPlxyXG48bGk+QS4gaW5wdXQ6dGV4dDxcL2xpPlxyXG48bGk+Qi4gaW5wdXQjdGV4dDxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBpbnB1dFt0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGlucHV0LnRleHQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMTogQlx1MWVhMW4gXHUwMTExXHUwMGUzIHRoaVx1MWViZnQgbFx1MWVhZHAgYHdpZHRoOiAyMDBweDsgcGFkZGluZzogMTBweDsgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7YCBjaG8gbVx1MWVkOXQgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24uIE5cdTFlYmZ1IGJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIGBib3gtc2l6aW5nOiBjb250ZW50LWJveDtgLCB0XHUxZWQ1bmcgY2hpXHUxZWMxdSByXHUxZWQ5bmcgdGhcdTFlZjFjIHRcdTFlYmYgY1x1MWVlN2EgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24gdHJcdTAwZWFuIHRyYW5nIHNcdTFlYmQgbFx1MDBlMCBiYW8gbmhpXHUwMGVhdT9cclxuPHVsPlxyXG48bGk+QS4gMjAwcHg8XC9saT5cclxuPGxpPkIuIDIxMHB4PFwvbGk+XHJcbjxsaT5DLiAyMTJweDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiAyMjJweDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogVlx1MWVhYm4gdlx1MWVkYmkgY1x1MDBlMWMgdGhpXHUxZWJmdCBsXHUxZWFkcCBcdTFlZGYgQ1x1MDBlMnUgMTEgKGB3aWR0aDogMjAwcHg7IHBhZGRpbmc6IDEwcHg7IGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrO2ApLCBuXHUxZWJmdSBiXHUxZWExbiB0aGF5IFx1MDExMVx1MWVkNWkgYGJveC1zaXppbmdgIHRoXHUwMGUwbmggYGJvcmRlci1ib3hgLCB0XHUxZWQ1bmcgY2hpXHUxZWMxdSByXHUxZWQ5bmcgdGhcdTFlZjFjIHRcdTFlYmYgY1x1MWVlN2EgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24gdHJcdTAwZWFuIHRyYW5nIHNcdTFlYmQgbFx1MDBlMCBiYW8gbmhpXHUwMGVhdT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiAyMDBweDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDIxMHB4PFwvbGk+XHJcbjxsaT5DLiAyMTJweDxcL2xpPlxyXG48bGk+RC4gMjIycHg8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogVGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBsb1x1MWVhMWkgYlx1MWVjZiBob1x1MWViN2MgdGhheSBcdTAxMTFcdTFlZDVpIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBtXHUwMGUwdSB4YW5oXC9jYW0gbVx1MWViN2MgXHUwMTExXHUxZWNibmggeHVcdTFlYTV0IGhpXHUxZWM3biB4dW5nIHF1YW5oIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJpXHUxZWMzdSBtXHUxZWFidSAobmhcdTAxYjAgaW5wdXQsIGJ1dHRvbikga2hpIGNoXHUwMGZhbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBjaFx1MWVjZG4gKGZvY3VzKT9cclxuPHVsPlxyXG48bGk+QS4gYm9yZGVyPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIG91dGxpbmU8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBib3gtc2hhZG93PFwvbGk+XHJcbjxsaT5ELiBtYXJnaW48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogQlx1MWVhMW4gbXVcdTFlZDFuIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gKSBjXHUwMGYzIHZpXHUxZWMxbiBtXHUwMGUwdSBcdTAxMTFcdTFlY2Ygdlx1MDBlMCBiaVx1MWVjM3UgdFx1MDFiMFx1MWVlM25nIGNcdTFlYTNuaCBiXHUwMGUxbyBraGkgblx1MWVkOWkgZHVuZyBuaFx1MWVhZHAgdlx1MDBlMG8ga2hcdTAwZjRuZyBoXHUxZWUzcCBsXHUxZWM3ICh2XHUwMGVkIGRcdTFlZTU6IG5oXHUxZWFkcCBjaFx1MWVlZiB2XHUwMGUwbyB0clx1MDFiMFx1MWVkZG5nIHNcdTFlZDEpLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBnaVx1MWVhMyBsXHUxZWRicCBuXHUwMGUwbyBjXHUxZWU3YSBDU1MzIGdpXHUwMGZhcCBiXHUxZWExbiBjaFx1MWVjZG4gY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IFx1MWVkZiB0clx1MWVhMW5nIHRoXHUwMGUxaSBraFx1MDBmNG5nIGhcdTFlZTNwIGxcdTFlYzc/XHJcbjx1bD5cclxuPGxpPkEuIDp2YWxpZDxcL2xpPlxyXG48bGk+Qi4gOnJlcXVpcmVkPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDppbnZhbGlkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gOm9wdGlvbmFsPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IFx1MDExMFx1MWVjMyBsXHUwMGUwbSBtXHUxZWRkIChnaVx1MWVhM20gXHUwMTExXHUxZWQ5IHRyb25nIHN1XHUxZWQxdCkgbVx1MWVkOXQgblx1MDBmYXQgbmhcdTFlYTVuIChgPGJ1dHRvbj5gKSBraGkgblx1MDBmMyBiXHUxZWNiIHZcdTAwZjQgaGlcdTFlYzd1IGhcdTAwZjNhIChkaXNhYmxlZCksIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggZ2lcdTFlYTMgbFx1MWVkYnAgblx1MDBlMG8ga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYG9wYWNpdHlgP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDpkaXNhYmxlZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDphY3RpdmU8XC9saT5cclxuPGxpPkMuIDpmb2N1czxcL2xpPlxyXG48bGk+RC4gOmNoZWNrZWQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGhcdTFlYmIgYDxsYWJlbD5gIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gY1x1MDBmOW5nIG1cdTFlZDl0IGRcdTAwZjJuZyB2XHUxZWRiaSBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgdFx1MDFiMFx1MDFhMW5nIFx1MWVlOW5nIGNcdTFlZTdhIGNoXHUwMGZhbmcsIG5oXHUwMWIwbmcgdlx1MWVhYm4gY1x1MDBmMyB0aFx1MWVjMyB0aGlcdTFlYmZ0IGxcdTFlYWRwIGNoaVx1MWVjMXUgclx1MWVkOW5nIHZcdTAwZTAgY2hpXHUxZWMxdSBjYW8uIEJcdTFlYTFuIG5cdTAwZWFuIFx1MDExMVx1MWViN3QgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGRpc3BsYXlgIGNobyBjXHUwMGUxYyB0aFx1MWViYiBgPGxhYmVsPmAgKGhvXHUxZWI3YyBjXHUwMGUxYyB0aFx1MWViYiBjaFx1MWVlOWEgY2hcdTAwZmFuZykgdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2Igblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGJsb2NrPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGlubGluZS1ibG9jazxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGlubGluZTxcL2xpPlxyXG48bGk+RC4gZmxleDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE3OiBcdTAxMTBcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyB2XHUwMTAzbiBiXHUxZWEzbiBnXHUxZWUzaSBcdTAwZmQgKHBsYWNlaG9sZGVyIHRleHQpIGJcdTAwZWFuIHRyb25nIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gKSwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gZ2lcdTFlYTMgcGhcdTFlYTduIHRcdTFlZWQgKHBzZXVkby1lbGVtZW50KSBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gOjpiZWZvcmU8XC9saT5cclxuPGxpPkIuIDo6YWZ0ZXI8XC9saT5cclxuPGxpPkMuIDo6Zmlyc3QtbGluZTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiA6OnBsYWNlaG9sZGVyPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IGJpXHUxZWMzdSBtXHUxZWFidSB5XHUwMGVhdSBjXHUxZWE3dSBuaFx1MWVhZHAgXHUwMTExXHUxZWNiYSBjaFx1MWVjOSBlbWFpbC4gXHUwMTEwXHUxZWMzIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSByaVx1MDBlYW5nIGNobyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3Ugblx1MDBlMHkgKHZcdTAwZWQgZFx1MWVlNTogdGhcdTAwZWFtIGJpXHUxZWMzdSB0XHUwMWIwXHUxZWUzbmcgZW1haWwpLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIHRodVx1MWVkOWMgdFx1MDBlZG5oIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dFtpZD08XC9saT5cclxuPGxpPkIuIGlucHV0LmVtYWlsIChuXHUxZWJmdSBjbGFzcyBsXHUwMGUwIGVtYWlsKTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBpbnB1dFt0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENcdTFlYTMgQSwgQiwgQyBcdTAxMTFcdTFlYzF1IGNcdTAwZjMgdGhcdTFlYzMgXHUwMTExXHUwMGZhbmcgdFx1MDBmOXkgdGh1XHUxZWQ5YyB2XHUwMGUwbyBIVE1MLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1IGNcdTAwZjMgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IHZcdTAwZTAgblx1MDBmYXQgbmhcdTFlYTVuIFx1MDExMVx1MDFiMFx1MWVlM2MgY1x1MDEwM24gZ2lcdTFlZWZhIHRoZW8gY2hpXHUxZWMxdSBuZ2FuZyB0cm9uZyBtXHUxZWQ5dCB2XHUwMGY5bmcgY2hcdTFlZTlhIChgPGRpdj5gKS4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHRyXHUwMGVhbiB2XHUwMGY5bmcgY2hcdTFlZTlhIGhvXHUxZWI3YyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyB0aFx1MWVjMyBnaVx1MDBmYXAgYlx1MWVhMW4gdGhcdTFlZjFjIGhpXHUxZWM3biBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiB0ZXh0LWFsaWduOiBjZW50ZXI7IChjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgaW5saW5lXC9pbmxpbmUtYmxvY2spIGhvXHUxZWI3YyBzXHUxZWVkIGRcdTFlZTVuZyBmbGV4Ym94XC9ncmlkLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7PFwvbGk+XHJcbjxsaT5DLiBmbG9hdDogbGVmdDs8XC9saT5cclxuPGxpPkQuIHBvc2l0aW9uOiBhYnNvbHV0ZTs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogU28gc1x1MDBlMW5oIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBib3JkZXJgIHZcdTAwZTAgYG91dGxpbmVgIGtoaSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gbVx1MWVkOXQgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IFx1MWVkZiB0clx1MWVhMW5nIHRoXHUwMGUxaSBgOmZvY3VzYC4gXHUwMTEwaVx1MWVjM20ga2hcdTAwZTFjIGJpXHUxZWM3dCBjaFx1MDBlZG5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gYGJvcmRlcmAgY1x1MDBmMyB0aFx1MWVjMyBcdTAxMTFcdTAxYjBcdTFlZTNjIGJvIHRyXHUwMGYybiBnXHUwMGYzYywgY1x1MDBmMm4gYG91dGxpbmVgIHRoXHUwMGVjIGtoXHUwMGY0bmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGBvdXRsaW5lYCBraFx1MDBmNG5nIGNoaVx1MWViZm0ga2hcdTAwZjRuZyBnaWFuIHRyb25nIGJcdTFlZDEgY1x1MWVlNWMgdHJhbmcgdlx1MDBlMCBraFx1MDBmNG5nIFx1MWVhM25oIGhcdTAxYjBcdTFlZGZuZyBcdTAxMTFcdTFlYmZuIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgcGhcdTFlYTduIHRcdTFlZWQsIGNcdTAwZjJuIGBib3JkZXJgIHRoXHUwMGVjIGNcdTAwZjMuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYG91dGxpbmVgIGNoXHUxZWM5IGhpXHUxZWMzbiB0aFx1MWVjYiBraGkgcGhcdTFlYTduIHRcdTFlZWQgXHUwMTExXHUwMWIwXHUxZWUzYyBmb2N1cywgY1x1MDBmMm4gYGJvcmRlcmAgdGhcdTAwZWMgbHVcdTAwZjRuIGhpXHUxZWMzbiB0aFx1MWVjYi48XC9saT5cclxuPGxpPkQuIGBib3JkZXJgIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBibG9jaywgY1x1MDBmMm4gYG91dGxpbmVgIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUxZWEzIGlubGluZS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgY1x1MDBmMyBjXHUwMGY5bmcgY2hpXHUxZWMxdSByXHUxZWQ5bmcsIFx1MDExMVx1MWVkOWMgbFx1MWVhZHAgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBiXHUwMGVhbiB0cm9uZy4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gXHUwMTExXHUxZWMzIHRoaVx1MWViZnQgbFx1MWVhZHAgY2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MWVkMSBcdTAxMTFcdTFlY2JuaCBjaG8gY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBgPGlucHV0PmA/XHJcbjx1bD5cclxuPGxpPkEuIGhlaWdodDxcL2xpPlxyXG48bGk+Qi4gbWFyZ2luPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIHdpZHRoPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gcGFkZGluZzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBcdTAxMTBcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIGtpXHUxZWMzdSBjb24gdHJcdTFlY2YgY2h1XHUxZWQ5dCBraGkgZGkgY2h1eVx1MWVjM24gcXVhIG1cdTFlZDl0IG5cdTAwZmF0IG5oXHUxZWE1biAodlx1MDBlZCBkXHUxZWU1OiB0aFx1MDBlMG5oIGhcdTAwZWNuaCBiXHUwMGUwbiB0YXkpLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gY3Vyc29yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gcG9pbnRlci1ldmVudHM8XC9saT5cclxuPGxpPkMuIG91dGxpbmU8XC9saT5cclxuPGxpPkQuIGRpc3BsYXk8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IGtpXHUxZWMzdSBtXHUxZWFkdCBraFx1MWVhOXUgKGA8aW5wdXQgdHlwZT1cclxuPHVsPlxyXG48bGk+QS4gaW5wdXRbcGFzc3dvcmRdPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGlucHV0W3R5cGU9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gaW5wdXQucGFzc3dvcmQ8XC9saT5cclxuPGxpPkQuIGlucHV0OnBhc3N3b3JkPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1IHZcdTFlZGJpIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQga2hcdTAwZTFjIG5oYXUuIEJcdTFlYTFuIGNoXHUxZWM5IG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgYDxpbnB1dD5gIG5cdTFlYjFtIDxpPmJcdTAwZWFuIHRyb25nPFwvaT4gbVx1MWVkOXQgdGhcdTFlYmIgYDxkaXY+YCBjXHUwMGYzIGNsYXNzIGxcdTAwZTAgYHVzZXItaW5mb2AuIEJcdTFlZDkgY2hcdTFlY2RuIENTUyBuXHUwMGUwbyB0aFx1MWVjMyBoaVx1MWVjN24gbVx1MWVkMWkgcXVhbiBoXHUxZWM3IG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiAudXNlci1pbmZvID4gaW5wdXQ8XC9saT5cclxuPGxpPkIuIGRpdi51c2VyLWluZm8gKyBpbnB1dDxcL2xpPlxyXG48bGk+Qy4gaW5wdXQgLnVzZXItaW5mbzxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiAudXNlci1pbmZvIGlucHV0PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBUcm9uZyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUsIGJcdTFlYTFuIG11XHUxZWQxbiB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3UgZW1haWwgKGA8aW5wdXQgdHlwZT1cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBpbnB1dFt0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGlucHV0W3R5cGU9PFwvbGk+XHJcbjxsaT5DLiBpbnB1dFt0eXBlPTxcL2xpPlxyXG48bGk+RC4gaW5wdXRbdHlwZT08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIHF1eSB0XHUxZWFmYyBDU1Mgc2F1OiBgaW5wdXQgeyBwYWRkaW5nOiA1cHg7IH1gIHZcdTAwZTAgYGlucHV0W3R5cGU9XHJcbjx1bD5cclxuPGxpPkEuIDVweDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiAxMHB4PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gMTVweDxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyB4XHUwMGUxYyBcdTAxMTFcdTFlY2JuaCBkbyB4dW5nIFx1MDExMVx1MWVkOXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUwMGY5eSBjaFx1MWVjOW5oIGdpYW8gZGlcdTFlYzduIGNcdTFlZTdhIGNcdTAwZTFjIGhcdTFlZDlwIGtpXHUxZWMzbSAoYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiBWXHUwMTAzbiBiXHUxZWEzbiBuaFx1MDBlM24gbGlcdTAwZWFuIGtcdTFlYmZ0IHZcdTFlZGJpIG5cdTAwZjMuPFwvbGk+XHJcbjxsaT5CLiBHaVx1MDBlMSB0clx1MWVjYiAodmFsdWUpIGNcdTFlZTdhIGhcdTFlZDlwIGtpXHUxZWMzbS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQ1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggaGlcdTFlYzNuIHRoXHUxZWNiIGNcdTFlZTdhIGNoXHUwMGVkbmggaFx1MWVkOXAga2lcdTFlYzNtIGhvXHUxZWI3YyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBrXHUxZWJmIHRpXHUxZWJmcCAoc2libGluZykgXHUwMTExXHUwMWIwXHUxZWUzYyBjaFx1MWVjZG4gYlx1MWVkZmkgYlx1MWVkOSBjaFx1MWVjZG4ga1x1MWViZnQgaFx1MWVlM3AuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gTG9cdTFlYTFpICh0eXBlKSBjXHUxZWU3YSBoXHUxZWQ5cCBraVx1MWVjM20uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IFx1MDExMFx1MWVjMyBsXHUwMGUwbSBjaG8gXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNcdTFlZTdhIG1cdTFlZDl0IHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBjXHUwMGYzIG1cdTAwZTB1IGtoXHUwMGUxYyBiaVx1MWVjN3Qga2hpIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IGRpIGNodXlcdTFlYzNuIHF1YSBuXHUwMGYzIG5oXHUwMWIwbmcgY2hcdTAxYjBhIG5oXHUxZWE1cCB2XHUwMGUwbywgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBnaVx1MWVhMyBsXHUxZWRicCBuXHUwMGUwbyBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBgYm9yZGVyLWNvbG9yYD9cclxuPHVsPlxyXG48bGk+QS4gOmFjdGl2ZTxcL2xpPlxyXG48bGk+Qi4gOmZvY3VzPFwvbGk+XHJcbjxsaT5DLiA6Y2hlY2tlZDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiA6aG92ZXI8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgcmVzcG9uc2l2ZSwgdHJvbmcgXHUwMTExXHUwMGYzIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBjaGlcdTFlYmZtIHRvXHUwMGUwbiBiXHUxZWQ5IGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZTdhIHZcdTAwZjluZyBjaFx1MWVlOWEgdHJcdTAwZWFuIG1cdTAwZTBuIGhcdTAwZWNuaCBuaFx1MWVjZi4gQlx1MWVhMW4gblx1MDBlYW4gXHUwMTExXHUxZWI3dCB0aHVcdTFlZDljIHRcdTAwZWRuaCBgd2lkdGhgIGNobyBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIG5oXHUxZWFkcCBsaVx1MWVjN3Ugdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2Igblx1MDBlMG8gKGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIGBib3gtc2l6aW5nOiBib3JkZXItYm94YCk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gMTAwJTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGF1dG88XC9saT5cclxuPGxpPkMuIGZpdC1jb250ZW50PFwvbGk+XHJcbjxsaT5ELiBtYXgtY29udGVudDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBLaGkgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBtXHUxZWQ5dCBuXHUwMGZhdCBuaFx1MWVhNW4sIHNcdTFlZjEga2hcdTAwZTFjIGJpXHUxZWM3dCBjXHUwMWExIGJcdTFlYTNuIGdpXHUxZWVmYSB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gYGJ1dHRvbmAgdlx1MDBlMCBgaW5wdXRbdHlwZT1cclxuPHVsPlxyXG48bGk+QS4gS2hcdTAwZjRuZyBjXHUwMGYzIHNcdTFlZjEga2hcdTAwZTFjIGJpXHUxZWM3dCBcdTAxMTFcdTAwZTFuZyBrXHUxZWMzIHZcdTFlYzEgbVx1MWViN3QgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IENTUy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gVGhcdTFlYmIgYDxidXR0b24+YCBjXHUwMGYzIHRoXHUxZWMzIGNoXHUxZWU5YSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGtoXHUwMGUxYyAobmhcdTAxYjAgYDxpPmAgY2hvIGljb24pLCB0cm9uZyBraGkgYDxpbnB1dCB0eXBlPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBpbnB1dFt0eXBlPTxcL2xpPlxyXG48bGk+RC4gVGhcdTFlYmIgYDxidXR0b24+YCBjaFx1MWVjOSBkXHUwMGY5bmcgY2hvIG5cdTAwZmF0IGdcdTFlZWRpIChzdWJtaXQpLCBjXHUwMGYybiBgPGlucHV0IHR5cGU9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIxNTgzIiwicXVlc3Rpb25faWRzIjoiNDY2NjExLDQ2NjYxMiw0NjY2MTMsNDY2NjE0LDQ2NjYxNSw0NjY2MTYsNDY2NjE3LDQ2NjYxOCw0NjY2MTksNDY2NjIwLDQ2NjYyMSw0NjY2MjIsNDY2NjIzLDQ2NjYyNCw0NjY2MjUsNDY2NjI2LDQ2NjYyNyw0NjY2MjgsNDY2NjI5LDQ2NjYzMCw0NjY2MzEsNDY2NjMyLDQ2NjYzMyw0NjY2MzQsNDY2NjM1LDQ2NjYzNiw0NjY2MzcsNDY2NjM4LDQ2NjYzOSw0NjY2NDAiLCJvcmRlcmluZyI6IjE1NTc2IiwicHVibGlzaGVkIjoiMSIsImNyZWF0ZV9kYXRlIjpudWxsLCJxdWl6X3VybCI6bnVsbCwiaW50ZXJ2YWxzIjoiW3tcImludGVydmFsX21pblwiOlwiMFwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIyNVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQVwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjI2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjUwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJCXCJ9LHtcImludGVydmFsX21pblwiOlwiNTFcIixcImludGVydmFsX21heFwiOlwiNzVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkNcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI3NlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIxMDBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkRcIn1dIiwiaXNfdXNlcl9sb2dnZWRfaW4iOmZhbHNlLCJxdWl6X2FuaW1hdGlvbl90b3AiOjEwMCwicXVpel9lbmFibGVfYW5pbWF0aW9uX3RvcCI6Im9uIiwic3RvcmVfYWxsX25vdF9maW5pc2hlZF9yZXN1bHRzIjpmYWxzZX0='; </script> <input type='hidden' name='quiz_id' value='15576'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_15576' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-16514'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_16514' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong></p></div> <p class='ays-fs-title'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 10</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='BẮT ĐẦU LÀM BÀI TEST' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu - Đề 10 bao gồm nhiều câu hỏi hay, bám sát chương trình. Cùng làm bài tập trắc nghiệm ngay.</p> <div class="question-block"> <p>Câu 1: Trong CSS, để chọn tất cả các thẻ `<input>` có thuộc tính `type` là `text` trong một biểu mẫu, cú pháp selector nào sau đây là đúng?</p> <ul> <li>A. input.text</li> <li>B. input#text</li> <li><strong>C. input[type="text"]</strong></li> <li>D. .input-text</li> </ul> </div> <div class="question-block"> <p>Câu 2: Bạn muốn thiết lập chiều rộng của tất cả các ô nhập liệu (`<input>`, `<textarea>`) trong biểu mẫu sao cho vùng đệm (padding) và đường viền (border) được tính gộp vào tổng chiều rộng đã chỉ định. Thuộc tính CSS nào và giá trị nào cần sử dụng?</p> <ul> <li>A. box-sizing: content-box;</li> <li>B. width: auto;</li> <li>C. padding-box: border-box;</li> <li><strong>D. box-sizing: border-box;</strong></li> </ul> </div> <div class="question-block"> <p>Câu 3: Khi người dùng di chuyển con trỏ chuột qua một nút nhấn (`<button>`) trong biểu mẫu, bạn muốn thay đổi màu nền của nút để tạo hiệu ứng tương tác. Pseudo-class CSS nào được sử dụng cho trạng thái này?</p> <ul> <li><strong>A. :hover</strong></li> <li>B. :focus</li> <li>C. :active</li> <li>D. :checked</li> </ul> </div> <div class="question-block"> <p>Câu 4: Một ô nhập liệu (`<input type="text">`) đang nhận tiêu điểm (ví dụ: người dùng click vào hoặc dùng phím Tab để di chuyển đến). Bạn muốn thêm một đường viền sáng màu xung quanh ô này để làm nổi bật. Pseudo-class CSS nào đại diện cho trạng thái này?</p> <ul> <li>A. :active</li> <li><strong>B. :focus</strong></li> <li>C. :visited</li> <li>D. :link</li> </ul> </div> <div class="question-block"> <p>Câu 5: Bạn có một nhóm các nút chọn dạng radio (`<input type="radio">`). Khi một nút radio được chọn, bạn muốn thay đổi màu sắc của nhãn (`<label>`) liên kết với nó. Pseudo-class CSS nào được sử dụng để xác định trạng thái "đã chọn" của input radio?</p> <ul> <li>A. :active</li> <li>B. :focus</li> <li><strong>C. :checked</strong></li> <li>D. :selected</li> </ul> </div> <div class="question-block"> <p>Câu 6: Để các phần tử trong biểu mẫu như `<label>` và `<input>` hiển thị trên các dòng riêng biệt và mỗi phần tử chiếm toàn bộ chiều rộng khả dụng của phần tử cha, bạn nên đặt thuộc tính `display` cho chúng với giá trị nào?</p> <ul> <li>A. inline</li> <li>B. inline-block</li> <li><strong>C. block</strong></li> <li>D. flex</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn muốn tạo khoảng cách bên trong (vùng đệm) cho một ô nhập liệu (`<input>`) để văn bản không bị sát vào đường viền. Thuộc tính CSS nào được sử dụng để điều chỉnh vùng đệm này?</p> <ul> <li>A. margin</li> <li><strong>B. padding</strong></li> <li>C. border</li> <li>D. outline</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn muốn tạo một khoảng trống bên ngoài giữa các phần tử trong biểu mẫu, ví dụ giữa hai ô nhập liệu liên tiếp. Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng trống bên ngoài này?</p> <ul> <li><strong>A. margin</strong></li> <li>B. padding</li> <li>C. border</li> <li>D. space</li> </ul> </div> <div class="question-block"> <p>Câu 9: Để tạo hiệu ứng đổ bóng cho một hộp văn bản (`<input>`) khi nó nhận tiêu điểm (`:focus`), thuộc tính CSS nào là phù hợp nhất?</p> <ul> <li>A. text-shadow</li> <li>B. border-shadow</li> <li>C. outline-shadow</li> <li><strong>D. box-shadow</strong></li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn có một ô nhập liệu bị vô hiệu hóa (disabled). Bạn muốn làm mờ nó đi để người dùng dễ dàng nhận biết. Pseudo-class CSS nào được sử dụng để chọn các phần tử bị vô hiệu hóa?</p> <ul> <li><strong>A. :disabled</strong></li> <li>B. :inactive</li> <li>C. :readonly</li> <li>D. :not(:enabled)</li> </ul> </div> <div class="question-block"> <p>Câu 11: Để tùy chỉnh màu sắc của văn bản giữ chỗ (placeholder text) bên trong một ô nhập liệu, bạn cần sử dụng pseudo-element nào?</p> <ul> <li>A. ::text</li> <li><strong>B. ::placeholder</strong></li> <li>C. ::input-text</li> <li>D. ::content</li> </ul> </div> <div class="question-block"> <p>Câu 12: Bạn muốn các nút chọn dạng checkbox (`<input type="checkbox">`) có hình dạng tùy chỉnh khi được chọn thay vì hình vuông mặc định. Mặc dù việc tùy chỉnh trực tiếp input checkbox/radio phức tạp, nhưng cách tiếp cận phổ biến nhất là ẩn input gốc và định kiểu cho phần tử nào?</p> <ul> <li>A. Phần tử cha của input</li> <li>B. Phần tử anh em trước đó của input</li> <li><strong>C. Phần tử nhãn (`<label>`) liên kết với input</strong></li> <li>D. Sử dụng pseudo-element `::before` hoặc `::after` trên chính input</li> </ul> </div> <div class="question-block"> <p>Câu 13: Giả sử bạn có đoạn CSS sau: `input[type="submit"]:active { background-color: blue; }`. Hiệu ứng này sẽ xảy ra khi nào?</p> <ul> <li>A. Khi con trỏ chuột rê qua nút submit.</li> <li>B. Khi nút submit nhận tiêu điểm (click vào hoặc dùng Tab).</li> <li>C. Khi nút submit bị vô hiệu hóa.</li> <li><strong>D. Khi nút submit đang được nhấn và giữ chuột.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 14: Để căn chỉnh các phần tử trong biểu mẫu theo chiều ngang hoặc chiều dọc một cách linh hoạt, đặc biệt là khi sử dụng các container như `</p> <div>` để nhóm các cặp label-input, mô hình bố cục CSS nào thường được sử dụng?</p> <ul> <li>A. display: table;</li> <li><strong>B. display: flex;</strong></li> <li>C. position: absolute;</li> <li>D. float: left;</li> </ul> </div> <div class="question-block"> <p>Câu 15: Thuộc tính `outline` trong CSS được sử dụng để vẽ một đường viền bên ngoài đường viền (`border`) của một phần tử. Điểm khác biệt chính của `outline` so với `border` trong bố cục là gì?</p> <ul> <li><strong>A. Outline không chiếm không gian trong bố cục của phần tử, border có.</strong></li> <li>B. Outline chỉ áp dụng cho các phần tử form, border áp dụng cho mọi phần tử.</li> <li>C. Outline có thể có màu trong suốt, border thì không.</li> <li>D. Outline được kế thừa từ phần tử cha, border thì không.</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn muốn đảm bảo rằng tất cả các ô nhập liệu văn bản (`<input type="text">`) và vùng văn bản (`<textarea>`) trong biểu mẫu có cùng chiều rộng là 250px, bao gồm cả padding và border. Đoạn CSS nào sau đây thực hiện được điều này?</p> <ul> <li>A. input[type="text"], textarea { width: 250px; }</li> <li>B. input[type="text"], textarea { width: 250px; box-sizing: content-box; }</li> <li><strong>C. input[type="text"], textarea { width: 250px; box-sizing: border-box; }</strong></li> <li>D. input[type="text"], textarea { max-width: 250px; }</li> </ul> </div> <div class="question-block"> <p>Câu 17: Để tăng tính dễ đọc cho biểu mẫu, bạn muốn đặt màu nền khác nhau cho các dòng xen kẽ trong một danh sách các tùy chọn (ví dụ: sử dụng các `div` bọc). Pseudo-class CSS nào có thể giúp bạn chọn các phần tử ở vị trí chẵn hoặc lẻ trong một nhóm?</p> <ul> <li><strong>A. :nth-child()</strong></li> <li>B. :first-child</li> <li>C. :last-child</li> <li>D. :only-child</li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn muốn tạo kiểu cho một ô nhập liệu (`<input>`) chỉ khi nó không ở trạng thái bị vô hiệu hóa (`:disabled`). Pseudo-class kết hợp nào sau đây là đúng?</p> <ul> <li>A. input:not(:enabled)</li> <li>B. input:enabled</li> <li>C. input:disabled:not()</li> <li><strong>D. input:not(:disabled)</strong></li> </ul> </div> <div class="question-block"> <p>Câu 19: Khi thiết kế biểu mẫu, việc sử dụng các phần tử cấp độ block (`display: block;`) như `</p> <div>` hoặc đặt các phần tử form (`<label>`, `<input>`) về `display: block;` hoặc `display: inline-block;` giúp ích gì trong việc bố cục so với việc chỉ dùng `display: inline;` mặc định?</p> <ul> <li>A. Giúp các phần tử nằm cạnh nhau trên cùng một dòng.</li> <li><strong>B. Cho phép kiểm soát rõ ràng chiều rộng, chiều cao, margin và padding trên tất cả các cạnh, và xuống dòng tự động (với `block`).</strong></li> <li>C. Tự động căn giữa các phần tử trong phần tử cha.</li> <li>D. Chỉ cho phép thay đổi màu sắc và kiểu chữ.</li> </ul> </div> <div class="question-block"> <p>Câu 20: Bạn muốn tạo một hiệu ứng chuyển động nhẹ nhàng (transition) khi màu nền của nút nhấn thay đổi từ trạng thái bình thường sang trạng thái `:hover`. Thuộc tính CSS nào được sử dụng để định nghĩa hiệu ứng chuyển động này?</p> <ul> <li><strong>A. transition</strong></li> <li>B. animation</li> <li>C. transform</li> <li>D. timing-function</li> </ul> </div> <div class="question-block"> <p>Câu 21: Để định kiểu cho một nhóm các ô nhập liệu dạng text, password và email một cách hiệu quả, bạn có thể nhóm các selector lại. Cú pháp nào sau đây nhóm đúng các selector này?</p> <ul> <li>A. input[type="text", "password", "email"]</li> <li>B. input[type="text"] input[type="password"] input[type="email"]</li> <li>C. input[type="text"] + input[type="password"] + input[type="email"]</li> <li><strong>D. input[type="text"], input[type="password"], input[type="email"]</strong></li> </ul> </div> <div class="question-block"> <p>Câu 22: Bạn muốn đặt màu đường viền (border) cho tất cả các ô nhập liệu (`<input>`) thành màu xám nhạt. Thuộc tính nào sau đây dùng để thiết lập màu đường viền?</p> <ul> <li><strong>A. border-color</strong></li> <li>B. outline-color</li> <li>C. background-color</li> <li>D. color</li> </ul> </div> <div class="question-block"> <p>Câu 23: Để làm cho văn bản bên trong một ô nhập liệu (`<input>`) có màu chữ cụ thể (ví dụ: màu đen), thuộc tính CSS nào được sử dụng?</p> <ul> <li>A. background-color</li> <li>B. border-color</li> <li>C. text-color</li> <li><strong>D. color</strong></li> </ul> </div> <div class="question-block"> <p>Câu 24: Bạn muốn thiết kế một biểu mẫu đáp ứng (responsive form) sao cho các ô nhập liệu tự động điều chỉnh chiều rộng theo kích thước màn hình. Giá trị nào cho thuộc tính `width` là thích hợp nhất trong trường hợp này?</p> <ul> <li>A. width: 1000px;</li> <li>B. width: auto;</li> <li><strong>C. width: 100%;</strong></li> <li>D. width: fit-content;</li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn tạo một bộ chọn CSS áp dụng cho tất cả các phần tử `<input>` TRỪ các phần tử có `type` là `submit`. Cú pháp nào sử dụng pseudo-class `:not()` để đạt được điều này?</p> <ul> <li>A. input:not(submit)</li> <li><strong>B. input:not([type="submit"])</strong></li> <li>C. input:not(type="submit")</li> <li>D. input:not(.submit)</li> </ul> </div> <div class="question-block"> <p>Câu 26: Để tăng kích thước phông chữ cho văn bản trong tất cả các ô nhập liệu và vùng văn bản trong biểu mẫu, thuộc tính CSS nào cần được sử dụng?</p> <ul> <li><strong>A. font-size</strong></li> <li>B. text-size</li> <li>C. line-height</li> <li>D. font-weight</li> </ul> </div> <div class="question-block"> <p>Câu 27: Bạn muốn căn lề văn bản bên trong một `<textarea>` theo chiều dọc lên phía trên cùng. Thuộc tính CSS nào kiểm soát việc căn chỉnh văn bản theo chiều dọc trong một khối?</p> <ul> <li>A. text-align</li> <li>B. vertical-align</li> <li><strong>C. vertical-align (áp dụng cho inline/inline-block hoặc trong flex/grid item)</strong></li> <li>D. line-height</li> </ul> </div> <div class="question-block"> <p>Câu 28: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `cursor: pointer;` cho các phần tử tương tác như nút nhấn (`<button>`) hoặc nhãn (`<label>`) liên kết với checkbox/radio mang lại lợi ích gì?</p> <ul> <li>A. Làm cho phần tử không thể click được.</li> <li><strong>B. Thay đổi hình dạng con trỏ chuột thành biểu tượng bàn tay khi rê qua, báo hiệu rằng phần tử có thể tương tác.</strong></li> <li>C. Tự động căn giữa phần tử.</li> <li>D. Thêm hiệu ứng đổ bóng cho phần tử.</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn muốn loại bỏ hoàn toàn đường viền mặc định (`outline`) xuất hiện khi một ô nhập liệu nhận tiêu điểm (`:focus`), nhưng vẫn muốn cung cấp một chỉ báo trực quan khác cho trạng thái focus (ví dụ: thay đổi màu nền hoặc border). Đoạn CSS nào thực hiện việc loại bỏ outline?</p> <ul> <li><strong>A. input:focus { outline: none; }</strong></li> <li>B. input:focus { border: none; }</li> <li>C. input:focus { display: none; }</li> <li>D. input:focus { visibility: hidden; }</li> </ul> </div> <div class="question-block"> <p>Câu 30: Để tạo góc bo tròn cho các góc của một ô nhập liệu (`<input>`) hoặc nút nhấn (`<button>`), thuộc tính CSS nào được sử dụng?</p> <ul> <li>A. corner-radius</li> <li>B. angle-radius</li> <li><strong>C. border-radius</strong></li> <li>D. box-radius</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='16514'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f12-dinh-kieu-css-cho-bieu-mau/'/> <input type='hidden' name='ays_quiz_questions' value='494673,494674,494675,494676,494677,494678,494679,494680,494681,494682,494683,494684,494685,494686,494687,494688,494689,494690,494691,494692,494693,494694,494695,494696,494697,494698,494699,494700,494701,494702'> </div> </div><div class='step ' data-question-id='494673' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, để chọn tất cả các thẻ `<input>` có thuộc tính `type` là `text` trong một biểu mẫu, cú pháp selector nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494673]' id='ays-answer-1949773-16514' value='1949773'/> <label for='ays-answer-1949773-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input.text</label><label for='ays-answer-1949773-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494673]' id='ays-answer-1949774-16514' value='1949774'/> <label for='ays-answer-1949774-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input#text</label><label for='ays-answer-1949774-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494673]' id='ays-answer-1949775-16514' value='1949775'/> <label for='ays-answer-1949775-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text']</label><label for='ays-answer-1949775-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494673]' id='ays-answer-1949776-16514' value='1949776'/> <label for='ays-answer-1949776-16514' class=' ays_position_initial ays-quiz-keyboard-label'>.input-text</label><label for='ays-answer-1949776-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494673'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTc3MyI6IjAiLCIxOTQ5Nzc0IjoiMCIsIjE5NDk3NzUiOiIxIiwiMTk0OTc3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494674' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Bạn muốn thiết lập chiều rộng của tất cả các ô nhập liệu (`<input>`, `<textarea>`) trong biểu mẫu sao cho vùng đệm (padding) và đường viền (border) được tính gộp vào tổng chiều rộng đã chỉ định. Thuộc tính CSS nào và giá trị nào cần sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494674]' id='ays-answer-1949777-16514' value='1949777'/> <label for='ays-answer-1949777-16514' class=' ays_position_initial ays-quiz-keyboard-label'>box-sizing: content-box;</label><label for='ays-answer-1949777-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494674]' id='ays-answer-1949778-16514' value='1949778'/> <label for='ays-answer-1949778-16514' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto;</label><label for='ays-answer-1949778-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494674]' id='ays-answer-1949779-16514' value='1949779'/> <label for='ays-answer-1949779-16514' class=' ays_position_initial ays-quiz-keyboard-label'>padding-box: border-box;</label><label for='ays-answer-1949779-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494674]' id='ays-answer-1949780-16514' value='1949780'/> <label for='ays-answer-1949780-16514' class=' ays_position_initial ays-quiz-keyboard-label'>box-sizing: border-box;</label><label for='ays-answer-1949780-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494674'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTc3NyI6IjAiLCIxOTQ5Nzc4IjoiMCIsIjE5NDk3NzkiOiIwIiwiMTk0OTc4MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494675' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Khi người dùng di chuyển con trỏ chuột qua một nút nhấn (`<button>`) trong biểu mẫu, bạn muốn thay đổi màu nền của nút để tạo hiệu ứng tương tác. Pseudo-class CSS nào được sử dụng cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494675]' id='ays-answer-1949781-16514' value='1949781'/> <label for='ays-answer-1949781-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:hover</label><label for='ays-answer-1949781-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494675]' id='ays-answer-1949782-16514' value='1949782'/> <label for='ays-answer-1949782-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1949782-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494675]' id='ays-answer-1949783-16514' value='1949783'/> <label for='ays-answer-1949783-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1949783-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494675]' id='ays-answer-1949784-16514' value='1949784'/> <label for='ays-answer-1949784-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1949784-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494675'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTc4MSI6IjEiLCIxOTQ5NzgyIjoiMCIsIjE5NDk3ODMiOiIwIiwiMTk0OTc4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494676' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Một ô nhập liệu (`<input type='text'>`) đang nhận tiêu điểm (ví dụ: người dùng click vào hoặc dùng phím Tab để di chuyển đến). Bạn muốn thêm một đường viền sáng màu xung quanh ô này để làm nổi bật. Pseudo-class CSS nào đại diện cho trạng thái này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494676]' id='ays-answer-1949785-16514' value='1949785'/> <label for='ays-answer-1949785-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1949785-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494676]' id='ays-answer-1949786-16514' value='1949786'/> <label for='ays-answer-1949786-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1949786-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494676]' id='ays-answer-1949787-16514' value='1949787'/> <label for='ays-answer-1949787-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:visited</label><label for='ays-answer-1949787-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494676]' id='ays-answer-1949788-16514' value='1949788'/> <label for='ays-answer-1949788-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:link</label><label for='ays-answer-1949788-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494676'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTc4NSI6IjAiLCIxOTQ5Nzg2IjoiMSIsIjE5NDk3ODciOiIwIiwiMTk0OTc4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494677' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Bạn có một nhóm các nút chọn dạng radio (`<input type='radio'>`). Khi một nút radio được chọn, bạn muốn thay đổi màu sắc của nhãn (`<label>`) liên kết với nó. Pseudo-class CSS nào được sử dụng để xác định trạng thái 'đã chọn' của input radio?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494677]' id='ays-answer-1949789-16514' value='1949789'/> <label for='ays-answer-1949789-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:active</label><label for='ays-answer-1949789-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494677]' id='ays-answer-1949790-16514' value='1949790'/> <label for='ays-answer-1949790-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:focus</label><label for='ays-answer-1949790-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494677]' id='ays-answer-1949791-16514' value='1949791'/> <label for='ays-answer-1949791-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:checked</label><label for='ays-answer-1949791-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494677]' id='ays-answer-1949792-16514' value='1949792'/> <label for='ays-answer-1949792-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:selected</label><label for='ays-answer-1949792-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494677'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTc4OSI6IjAiLCIxOTQ5NzkwIjoiMCIsIjE5NDk3OTEiOiIxIiwiMTk0OTc5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494678' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để các phần tử trong biểu mẫu như `<label>` và `<input>` hiển thị trên các dòng riêng biệt và mỗi phần tử chiếm toàn bộ chiều rộng khả dụng của phần tử cha, bạn nên đặt thuộc tính `display` cho chúng với giá trị nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494678]' id='ays-answer-1949793-16514' value='1949793'/> <label for='ays-answer-1949793-16514' class=' ays_position_initial ays-quiz-keyboard-label'>inline</label><label for='ays-answer-1949793-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494678]' id='ays-answer-1949794-16514' value='1949794'/> <label for='ays-answer-1949794-16514' class=' ays_position_initial ays-quiz-keyboard-label'>inline-block</label><label for='ays-answer-1949794-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494678]' id='ays-answer-1949795-16514' value='1949795'/> <label for='ays-answer-1949795-16514' class=' ays_position_initial ays-quiz-keyboard-label'>block</label><label for='ays-answer-1949795-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494678]' id='ays-answer-1949796-16514' value='1949796'/> <label for='ays-answer-1949796-16514' class=' ays_position_initial ays-quiz-keyboard-label'>flex</label><label for='ays-answer-1949796-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494678'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTc5MyI6IjAiLCIxOTQ5Nzk0IjoiMCIsIjE5NDk3OTUiOiIxIiwiMTk0OTc5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494679' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn muốn tạo khoảng cách bên trong (vùng đệm) cho một ô nhập liệu (`<input>`) để văn bản không bị sát vào đường viền. Thuộc tính CSS nào được sử dụng để điều chỉnh vùng đệm này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494679]' id='ays-answer-1949797-16514' value='1949797'/> <label for='ays-answer-1949797-16514' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1949797-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494679]' id='ays-answer-1949798-16514' value='1949798'/> <label for='ays-answer-1949798-16514' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1949798-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494679]' id='ays-answer-1949799-16514' value='1949799'/> <label for='ays-answer-1949799-16514' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1949799-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494679]' id='ays-answer-1949800-16514' value='1949800'/> <label for='ays-answer-1949800-16514' class=' ays_position_initial ays-quiz-keyboard-label'>outline</label><label for='ays-answer-1949800-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494679'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTc5NyI6IjAiLCIxOTQ5Nzk4IjoiMSIsIjE5NDk3OTkiOiIwIiwiMTk0OTgwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494680' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn tạo một khoảng trống bên ngoài giữa các phần tử trong biểu mẫu, ví dụ giữa hai ô nhập liệu liên tiếp. Thuộc tính CSS nào được sử dụng để điều chỉnh khoảng trống bên ngoài này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494680]' id='ays-answer-1949801-16514' value='1949801'/> <label for='ays-answer-1949801-16514' class=' ays_position_initial ays-quiz-keyboard-label'>margin</label><label for='ays-answer-1949801-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494680]' id='ays-answer-1949802-16514' value='1949802'/> <label for='ays-answer-1949802-16514' class=' ays_position_initial ays-quiz-keyboard-label'>padding</label><label for='ays-answer-1949802-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494680]' id='ays-answer-1949803-16514' value='1949803'/> <label for='ays-answer-1949803-16514' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-1949803-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494680]' id='ays-answer-1949804-16514' value='1949804'/> <label for='ays-answer-1949804-16514' class=' ays_position_initial ays-quiz-keyboard-label'>space</label><label for='ays-answer-1949804-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494680'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgwMSI6IjEiLCIxOTQ5ODAyIjoiMCIsIjE5NDk4MDMiOiIwIiwiMTk0OTgwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494681' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Để tạo hiệu ứng đổ bóng cho một hộp văn bản (`<input>`) khi nó nhận tiêu điểm (`:focus`), thuộc tính CSS nào là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494681]' id='ays-answer-1949805-16514' value='1949805'/> <label for='ays-answer-1949805-16514' class=' ays_position_initial ays-quiz-keyboard-label'>text-shadow</label><label for='ays-answer-1949805-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494681]' id='ays-answer-1949806-16514' value='1949806'/> <label for='ays-answer-1949806-16514' class=' ays_position_initial ays-quiz-keyboard-label'>border-shadow</label><label for='ays-answer-1949806-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494681]' id='ays-answer-1949807-16514' value='1949807'/> <label for='ays-answer-1949807-16514' class=' ays_position_initial ays-quiz-keyboard-label'>outline-shadow</label><label for='ays-answer-1949807-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494681]' id='ays-answer-1949808-16514' value='1949808'/> <label for='ays-answer-1949808-16514' class=' ays_position_initial ays-quiz-keyboard-label'>box-shadow</label><label for='ays-answer-1949808-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494681'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgwNSI6IjAiLCIxOTQ5ODA2IjoiMCIsIjE5NDk4MDciOiIwIiwiMTk0OTgwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494682' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn có một ô nhập liệu bị vô hiệu hóa (disabled). Bạn muốn làm mờ nó đi để người dùng dễ dàng nhận biết. Pseudo-class CSS nào được sử dụng để chọn các phần tử bị vô hiệu hóa?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494682]' id='ays-answer-1949809-16514' value='1949809'/> <label for='ays-answer-1949809-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:disabled</label><label for='ays-answer-1949809-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494682]' id='ays-answer-1949810-16514' value='1949810'/> <label for='ays-answer-1949810-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:inactive</label><label for='ays-answer-1949810-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494682]' id='ays-answer-1949811-16514' value='1949811'/> <label for='ays-answer-1949811-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:readonly</label><label for='ays-answer-1949811-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494682]' id='ays-answer-1949812-16514' value='1949812'/> <label for='ays-answer-1949812-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:not(:enabled)</label><label for='ays-answer-1949812-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494682'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgwOSI6IjEiLCIxOTQ5ODEwIjoiMCIsIjE5NDk4MTEiOiIwIiwiMTk0OTgxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494683' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Để tùy chỉnh màu sắc của văn bản giữ chỗ (placeholder text) bên trong một ô nhập liệu, bạn cần sử dụng pseudo-element nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494683]' id='ays-answer-1949813-16514' value='1949813'/> <label for='ays-answer-1949813-16514' class=' ays_position_initial ays-quiz-keyboard-label'>::text</label><label for='ays-answer-1949813-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494683]' id='ays-answer-1949814-16514' value='1949814'/> <label for='ays-answer-1949814-16514' class=' ays_position_initial ays-quiz-keyboard-label'>::placeholder</label><label for='ays-answer-1949814-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494683]' id='ays-answer-1949815-16514' value='1949815'/> <label for='ays-answer-1949815-16514' class=' ays_position_initial ays-quiz-keyboard-label'>::input-text</label><label for='ays-answer-1949815-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494683]' id='ays-answer-1949816-16514' value='1949816'/> <label for='ays-answer-1949816-16514' class=' ays_position_initial ays-quiz-keyboard-label'>::content</label><label for='ays-answer-1949816-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494683'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgxMyI6IjAiLCIxOTQ5ODE0IjoiMSIsIjE5NDk4MTUiOiIwIiwiMTk0OTgxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494684' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn các nút chọn dạng checkbox (`<input type='checkbox'>`) có hình dạng tùy chỉnh khi được chọn thay vì hình vuông mặc định. Mặc dù việc tùy chỉnh trực tiếp input checkbox/radio phức tạp, nhưng cách tiếp cận phổ biến nhất là ẩn input gốc và định kiểu cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494684]' id='ays-answer-1949817-16514' value='1949817'/> <label for='ays-answer-1949817-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử cha của input</label><label for='ays-answer-1949817-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494684]' id='ays-answer-1949818-16514' value='1949818'/> <label for='ays-answer-1949818-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử anh em trước đó của input</label><label for='ays-answer-1949818-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494684]' id='ays-answer-1949819-16514' value='1949819'/> <label for='ays-answer-1949819-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử nhãn (`<label>`) liên kết với input</label><label for='ays-answer-1949819-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494684]' id='ays-answer-1949820-16514' value='1949820'/> <label for='ays-answer-1949820-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng pseudo-element `::before` hoặc `::after` trên chính input</label><label for='ays-answer-1949820-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494684'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgxNyI6IjAiLCIxOTQ5ODE4IjoiMCIsIjE5NDk4MTkiOiIxIiwiMTk0OTgyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494685' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Giả sử bạn có đoạn CSS sau: `input[type='submit']:active { background-color: blue; }`. Hiệu ứng này sẽ xảy ra khi nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494685]' id='ays-answer-1949821-16514' value='1949821'/> <label for='ays-answer-1949821-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Khi con trỏ chuột rê qua nút submit.</label><label for='ays-answer-1949821-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494685]' id='ays-answer-1949822-16514' value='1949822'/> <label for='ays-answer-1949822-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Khi nút submit nhận tiêu điểm (click vào hoặc dùng Tab).</label><label for='ays-answer-1949822-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494685]' id='ays-answer-1949823-16514' value='1949823'/> <label for='ays-answer-1949823-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Khi nút submit bị vô hiệu hóa.</label><label for='ays-answer-1949823-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494685]' id='ays-answer-1949824-16514' value='1949824'/> <label for='ays-answer-1949824-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Khi nút submit đang được nhấn và giữ chuột.</label><label for='ays-answer-1949824-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494685'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgyMSI6IjAiLCIxOTQ5ODIyIjoiMCIsIjE5NDk4MjMiOiIwIiwiMTk0OTgyNCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494686' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Để căn chỉnh các phần tử trong biểu mẫu theo chiều ngang hoặc chiều dọc một cách linh hoạt, đặc biệt là khi sử dụng các container như `</p> <div>` để nhóm các cặp label-input, mô hình bố cục CSS nào thường được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494686]' id='ays-answer-1949825-16514' value='1949825'/> <label for='ays-answer-1949825-16514' class=' ays_position_initial ays-quiz-keyboard-label'>display: table;</label><label for='ays-answer-1949825-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494686]' id='ays-answer-1949826-16514' value='1949826'/> <label for='ays-answer-1949826-16514' class=' ays_position_initial ays-quiz-keyboard-label'>display: flex;</label><label for='ays-answer-1949826-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494686]' id='ays-answer-1949827-16514' value='1949827'/> <label for='ays-answer-1949827-16514' class=' ays_position_initial ays-quiz-keyboard-label'>position: absolute;</label><label for='ays-answer-1949827-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494686]' id='ays-answer-1949828-16514' value='1949828'/> <label for='ays-answer-1949828-16514' class=' ays_position_initial ays-quiz-keyboard-label'>float: left;</label><label for='ays-answer-1949828-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494686'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgyNSI6IjAiLCIxOTQ5ODI2IjoiMSIsIjE5NDk4MjciOiIwIiwiMTk0OTgyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494687' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Thuộc tính `outline` trong CSS được sử dụng để vẽ một đường viền bên ngoài đường viền (`border`) của một phần tử. Điểm khác biệt chính của `outline` so với `border` trong bố cục là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494687]' id='ays-answer-1949829-16514' value='1949829'/> <label for='ays-answer-1949829-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Outline không chiếm không gian trong bố cục của phần tử, border có.</label><label for='ays-answer-1949829-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494687]' id='ays-answer-1949830-16514' value='1949830'/> <label for='ays-answer-1949830-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Outline chỉ áp dụng cho các phần tử form, border áp dụng cho mọi phần tử.</label><label for='ays-answer-1949830-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494687]' id='ays-answer-1949831-16514' value='1949831'/> <label for='ays-answer-1949831-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Outline có thể có màu trong suốt, border thì không.</label><label for='ays-answer-1949831-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494687]' id='ays-answer-1949832-16514' value='1949832'/> <label for='ays-answer-1949832-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Outline được kế thừa từ phần tử cha, border thì không.</label><label for='ays-answer-1949832-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494687'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgyOSI6IjEiLCIxOTQ5ODMwIjoiMCIsIjE5NDk4MzEiOiIwIiwiMTk0OTgzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494688' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn đảm bảo rằng tất cả các ô nhập liệu văn bản (`<input type='text'>`) và vùng văn bản (`<textarea>`) trong biểu mẫu có cùng chiều rộng là 250px, bao gồm cả padding và border. Đoạn CSS nào sau đây thực hiện được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494688]' id='ays-answer-1949833-16514' value='1949833'/> <label for='ays-answer-1949833-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], textarea { width: 250px; }</label><label for='ays-answer-1949833-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494688]' id='ays-answer-1949834-16514' value='1949834'/> <label for='ays-answer-1949834-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], textarea { width: 250px; box-sizing: content-box; }</label><label for='ays-answer-1949834-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494688]' id='ays-answer-1949835-16514' value='1949835'/> <label for='ays-answer-1949835-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], textarea { width: 250px; box-sizing: border-box; }</label><label for='ays-answer-1949835-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494688]' id='ays-answer-1949836-16514' value='1949836'/> <label for='ays-answer-1949836-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], textarea { max-width: 250px; }</label><label for='ays-answer-1949836-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494688'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgzMyI6IjAiLCIxOTQ5ODM0IjoiMCIsIjE5NDk4MzUiOiIxIiwiMTk0OTgzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494689' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Để tăng tính dễ đọc cho biểu mẫu, bạn muốn đặt màu nền khác nhau cho các dòng xen kẽ trong một danh sách các tùy chọn (ví dụ: sử dụng các `div` bọc). Pseudo-class CSS nào có thể giúp bạn chọn các phần tử ở vị trí chẵn hoặc lẻ trong một nhóm?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494689]' id='ays-answer-1949837-16514' value='1949837'/> <label for='ays-answer-1949837-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:nth-child()</label><label for='ays-answer-1949837-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494689]' id='ays-answer-1949838-16514' value='1949838'/> <label for='ays-answer-1949838-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:first-child</label><label for='ays-answer-1949838-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494689]' id='ays-answer-1949839-16514' value='1949839'/> <label for='ays-answer-1949839-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:last-child</label><label for='ays-answer-1949839-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494689]' id='ays-answer-1949840-16514' value='1949840'/> <label for='ays-answer-1949840-16514' class=' ays_position_initial ays-quiz-keyboard-label'>:only-child</label><label for='ays-answer-1949840-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494689'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTgzNyI6IjEiLCIxOTQ5ODM4IjoiMCIsIjE5NDk4MzkiOiIwIiwiMTk0OTg0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494690' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn tạo kiểu cho một ô nhập liệu (`<input>`) chỉ khi nó không ở trạng thái bị vô hiệu hóa (`:disabled`). Pseudo-class kết hợp nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494690]' id='ays-answer-1949841-16514' value='1949841'/> <label for='ays-answer-1949841-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(:enabled)</label><label for='ays-answer-1949841-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494690]' id='ays-answer-1949842-16514' value='1949842'/> <label for='ays-answer-1949842-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:enabled</label><label for='ays-answer-1949842-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494690]' id='ays-answer-1949843-16514' value='1949843'/> <label for='ays-answer-1949843-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:disabled:not()</label><label for='ays-answer-1949843-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494690]' id='ays-answer-1949844-16514' value='1949844'/> <label for='ays-answer-1949844-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(:disabled)</label><label for='ays-answer-1949844-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494690'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg0MSI6IjAiLCIxOTQ5ODQyIjoiMCIsIjE5NDk4NDMiOiIwIiwiMTk0OTg0NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494691' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Khi thiết kế biểu mẫu, việc sử dụng các phần tử cấp độ block (`display: block;`) như `</p> <div>` hoặc đặt các phần tử form (`<label>`, `<input>`) về `display: block;` hoặc `display: inline-block;` giúp ích gì trong việc bố cục so với việc chỉ dùng `display: inline;` mặc định?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494691]' id='ays-answer-1949845-16514' value='1949845'/> <label for='ays-answer-1949845-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Giúp các phần tử nằm cạnh nhau trên cùng một dòng.</label><label for='ays-answer-1949845-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494691]' id='ays-answer-1949846-16514' value='1949846'/> <label for='ays-answer-1949846-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Cho phép kiểm soát rõ ràng chiều rộng, chiều cao, margin và padding trên tất cả các cạnh, và xuống dòng tự động (với `block`).</label><label for='ays-answer-1949846-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494691]' id='ays-answer-1949847-16514' value='1949847'/> <label for='ays-answer-1949847-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động căn giữa các phần tử trong phần tử cha.</label><label for='ays-answer-1949847-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494691]' id='ays-answer-1949848-16514' value='1949848'/> <label for='ays-answer-1949848-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cho phép thay đổi màu sắc và kiểu chữ.</label><label for='ays-answer-1949848-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494691'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg0NSI6IjAiLCIxOTQ5ODQ2IjoiMSIsIjE5NDk4NDciOiIwIiwiMTk0OTg0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494692' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn muốn tạo một hiệu ứng chuyển động nhẹ nhàng (transition) khi màu nền của nút nhấn thay đổi từ trạng thái bình thường sang trạng thái `:hover`. Thuộc tính CSS nào được sử dụng để định nghĩa hiệu ứng chuyển động này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494692]' id='ays-answer-1949849-16514' value='1949849'/> <label for='ays-answer-1949849-16514' class=' ays_position_initial ays-quiz-keyboard-label'>transition</label><label for='ays-answer-1949849-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494692]' id='ays-answer-1949850-16514' value='1949850'/> <label for='ays-answer-1949850-16514' class=' ays_position_initial ays-quiz-keyboard-label'>animation</label><label for='ays-answer-1949850-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494692]' id='ays-answer-1949851-16514' value='1949851'/> <label for='ays-answer-1949851-16514' class=' ays_position_initial ays-quiz-keyboard-label'>transform</label><label for='ays-answer-1949851-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494692]' id='ays-answer-1949852-16514' value='1949852'/> <label for='ays-answer-1949852-16514' class=' ays_position_initial ays-quiz-keyboard-label'>timing-function</label><label for='ays-answer-1949852-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494692'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg0OSI6IjEiLCIxOTQ5ODUwIjoiMCIsIjE5NDk4NTEiOiIwIiwiMTk0OTg1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494693' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Để định kiểu cho một nhóm các ô nhập liệu dạng text, password và email một cách hiệu quả, bạn có thể nhóm các selector lại. Cú pháp nào sau đây nhóm đúng các selector này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494693]' id='ays-answer-1949853-16514' value='1949853'/> <label for='ays-answer-1949853-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text', 'password', 'email']</label><label for='ays-answer-1949853-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494693]' id='ays-answer-1949854-16514' value='1949854'/> <label for='ays-answer-1949854-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'] input[type='password'] input[type='email']</label><label for='ays-answer-1949854-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494693]' id='ays-answer-1949855-16514' value='1949855'/> <label for='ays-answer-1949855-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'] + input[type='password'] + input[type='email']</label><label for='ays-answer-1949855-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494693]' id='ays-answer-1949856-16514' value='1949856'/> <label for='ays-answer-1949856-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input[type='text'], input[type='password'], input[type='email']</label><label for='ays-answer-1949856-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494693'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg1MyI6IjAiLCIxOTQ5ODU0IjoiMCIsIjE5NDk4NTUiOiIwIiwiMTk0OTg1NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494694' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn muốn đặt màu đường viền (border) cho tất cả các ô nhập liệu (`<input>`) thành màu xám nhạt. Thuộc tính nào sau đây dùng để thiết lập màu đường viền?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494694]' id='ays-answer-1949857-16514' value='1949857'/> <label for='ays-answer-1949857-16514' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1949857-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494694]' id='ays-answer-1949858-16514' value='1949858'/> <label for='ays-answer-1949858-16514' class=' ays_position_initial ays-quiz-keyboard-label'>outline-color</label><label for='ays-answer-1949858-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494694]' id='ays-answer-1949859-16514' value='1949859'/> <label for='ays-answer-1949859-16514' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1949859-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494694]' id='ays-answer-1949860-16514' value='1949860'/> <label for='ays-answer-1949860-16514' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1949860-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494694'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg1NyI6IjEiLCIxOTQ5ODU4IjoiMCIsIjE5NDk4NTkiOiIwIiwiMTk0OTg2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494695' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Để làm cho văn bản bên trong một ô nhập liệu (`<input>`) có màu chữ cụ thể (ví dụ: màu đen), thuộc tính CSS nào được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494695]' id='ays-answer-1949861-16514' value='1949861'/> <label for='ays-answer-1949861-16514' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-1949861-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494695]' id='ays-answer-1949862-16514' value='1949862'/> <label for='ays-answer-1949862-16514' class=' ays_position_initial ays-quiz-keyboard-label'>border-color</label><label for='ays-answer-1949862-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494695]' id='ays-answer-1949863-16514' value='1949863'/> <label for='ays-answer-1949863-16514' class=' ays_position_initial ays-quiz-keyboard-label'>text-color</label><label for='ays-answer-1949863-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494695]' id='ays-answer-1949864-16514' value='1949864'/> <label for='ays-answer-1949864-16514' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-1949864-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494695'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg2MSI6IjAiLCIxOTQ5ODYyIjoiMCIsIjE5NDk4NjMiOiIwIiwiMTk0OTg2NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494696' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn muốn thiết kế một biểu mẫu đáp ứng (responsive form) sao cho các ô nhập liệu tự động điều chỉnh chiều rộng theo kích thước màn hình. Giá trị nào cho thuộc tính `width` là thích hợp nhất trong trường hợp này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494696]' id='ays-answer-1949865-16514' value='1949865'/> <label for='ays-answer-1949865-16514' class=' ays_position_initial ays-quiz-keyboard-label'>width: 1000px;</label><label for='ays-answer-1949865-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494696]' id='ays-answer-1949866-16514' value='1949866'/> <label for='ays-answer-1949866-16514' class=' ays_position_initial ays-quiz-keyboard-label'>width: auto;</label><label for='ays-answer-1949866-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494696]' id='ays-answer-1949867-16514' value='1949867'/> <label for='ays-answer-1949867-16514' class=' ays_position_initial ays-quiz-keyboard-label'>width: 100%;</label><label for='ays-answer-1949867-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494696]' id='ays-answer-1949868-16514' value='1949868'/> <label for='ays-answer-1949868-16514' class=' ays_position_initial ays-quiz-keyboard-label'>width: fit-content;</label><label for='ays-answer-1949868-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494696'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg2NSI6IjAiLCIxOTQ5ODY2IjoiMCIsIjE5NDk4NjciOiIxIiwiMTk0OTg2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494697' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn tạo một bộ chọn CSS áp dụng cho tất cả các phần tử `<input>` TRỪ các phần tử có `type` là `submit`. Cú pháp nào sử dụng pseudo-class `:not()` để đạt được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494697]' id='ays-answer-1949869-16514' value='1949869'/> <label for='ays-answer-1949869-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(submit)</label><label for='ays-answer-1949869-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494697]' id='ays-answer-1949870-16514' value='1949870'/> <label for='ays-answer-1949870-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:not([type='submit'])</label><label for='ays-answer-1949870-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494697]' id='ays-answer-1949871-16514' value='1949871'/> <label for='ays-answer-1949871-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(type='submit')</label><label for='ays-answer-1949871-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494697]' id='ays-answer-1949872-16514' value='1949872'/> <label for='ays-answer-1949872-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:not(.submit)</label><label for='ays-answer-1949872-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494697'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg2OSI6IjAiLCIxOTQ5ODcwIjoiMSIsIjE5NDk4NzEiOiIwIiwiMTk0OTg3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494698' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Để tăng kích thước phông chữ cho văn bản trong tất cả các ô nhập liệu và vùng văn bản trong biểu mẫu, thuộc tính CSS nào cần được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494698]' id='ays-answer-1949873-16514' value='1949873'/> <label for='ays-answer-1949873-16514' class=' ays_position_initial ays-quiz-keyboard-label'>font-size</label><label for='ays-answer-1949873-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494698]' id='ays-answer-1949874-16514' value='1949874'/> <label for='ays-answer-1949874-16514' class=' ays_position_initial ays-quiz-keyboard-label'>text-size</label><label for='ays-answer-1949874-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494698]' id='ays-answer-1949875-16514' value='1949875'/> <label for='ays-answer-1949875-16514' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-1949875-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494698]' id='ays-answer-1949876-16514' value='1949876'/> <label for='ays-answer-1949876-16514' class=' ays_position_initial ays-quiz-keyboard-label'>font-weight</label><label for='ays-answer-1949876-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494698'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg3MyI6IjEiLCIxOTQ5ODc0IjoiMCIsIjE5NDk4NzUiOiIwIiwiMTk0OTg3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494699' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn căn lề văn bản bên trong một `<textarea>` theo chiều dọc lên phía trên cùng. Thuộc tính CSS nào kiểm soát việc căn chỉnh văn bản theo chiều dọc trong một khối?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494699]' id='ays-answer-1949877-16514' value='1949877'/> <label for='ays-answer-1949877-16514' class=' ays_position_initial ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-1949877-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494699]' id='ays-answer-1949878-16514' value='1949878'/> <label for='ays-answer-1949878-16514' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align</label><label for='ays-answer-1949878-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494699]' id='ays-answer-1949879-16514' value='1949879'/> <label for='ays-answer-1949879-16514' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align (áp dụng cho inline/inline-block hoặc trong flex/grid item)</label><label for='ays-answer-1949879-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494699]' id='ays-answer-1949880-16514' value='1949880'/> <label for='ays-answer-1949880-16514' class=' ays_position_initial ays-quiz-keyboard-label'>line-height</label><label for='ays-answer-1949880-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494699'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg3NyI6IjAiLCIxOTQ5ODc4IjoiMCIsIjE5NDk4NzkiOiIxIiwiMTk0OTg4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494700' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Khi thiết kế biểu mẫu, việc sử dụng thuộc tính `cursor: pointer;` cho các phần tử tương tác như nút nhấn (`<button>`) hoặc nhãn (`<label>`) liên kết với checkbox/radio mang lại lợi ích gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494700]' id='ays-answer-1949881-16514' value='1949881'/> <label for='ays-answer-1949881-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho phần tử không thể click được.</label><label for='ays-answer-1949881-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494700]' id='ays-answer-1949882-16514' value='1949882'/> <label for='ays-answer-1949882-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Thay đổi hình dạng con trỏ chuột thành biểu tượng bàn tay khi rê qua, báo hiệu rằng phần tử có thể tương tác.</label><label for='ays-answer-1949882-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494700]' id='ays-answer-1949883-16514' value='1949883'/> <label for='ays-answer-1949883-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Tự động căn giữa phần tử.</label><label for='ays-answer-1949883-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494700]' id='ays-answer-1949884-16514' value='1949884'/> <label for='ays-answer-1949884-16514' class=' ays_position_initial ays-quiz-keyboard-label'>Thêm hiệu ứng đổ bóng cho phần tử.</label><label for='ays-answer-1949884-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494700'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg4MSI6IjAiLCIxOTQ5ODgyIjoiMSIsIjE5NDk4ODMiOiIwIiwiMTk0OTg4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494701' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn loại bỏ hoàn toàn đường viền mặc định (`outline`) xuất hiện khi một ô nhập liệu nhận tiêu điểm (`:focus`), nhưng vẫn muốn cung cấp một chỉ báo trực quan khác cho trạng thái focus (ví dụ: thay đổi màu nền hoặc border). Đoạn CSS nào thực hiện việc loại bỏ outline?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494701]' id='ays-answer-1949885-16514' value='1949885'/> <label for='ays-answer-1949885-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { outline: none; }</label><label for='ays-answer-1949885-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494701]' id='ays-answer-1949886-16514' value='1949886'/> <label for='ays-answer-1949886-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { border: none; }</label><label for='ays-answer-1949886-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494701]' id='ays-answer-1949887-16514' value='1949887'/> <label for='ays-answer-1949887-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { display: none; }</label><label for='ays-answer-1949887-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494701]' id='ays-answer-1949888-16514' value='1949888'/> <label for='ays-answer-1949888-16514' class=' ays_position_initial ays-quiz-keyboard-label'>input:focus { visibility: hidden; }</label><label for='ays-answer-1949888-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494701'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg4NSI6IjEiLCIxOTQ5ODg2IjoiMCIsIjE5NDk4ODciOiIwIiwiMTk0OTg4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Prev' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Next' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='494702' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F12: Định kiểu CSS cho biểu mẫu</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Để tạo góc bo tròn cho các góc của một ô nhập liệu (`<input>`) hoặc nút nhấn (`<button>`), thuộc tính CSS nào được sử dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494702]' id='ays-answer-1949889-16514' value='1949889'/> <label for='ays-answer-1949889-16514' class=' ays_position_initial ays-quiz-keyboard-label'>corner-radius</label><label for='ays-answer-1949889-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494702]' id='ays-answer-1949890-16514' value='1949890'/> <label for='ays-answer-1949890-16514' class=' ays_position_initial ays-quiz-keyboard-label'>angle-radius</label><label for='ays-answer-1949890-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494702]' id='ays-answer-1949891-16514' value='1949891'/> <label for='ays-answer-1949891-16514' class=' ays_position_initial ays-quiz-keyboard-label'>border-radius</label><label for='ays-answer-1949891-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-494702]' id='ays-answer-1949892-16514' value='1949892'/> <label for='ays-answer-1949892-16514' class=' ays_position_initial ays-quiz-keyboard-label'>box-radius</label><label for='ays-answer-1949892-16514' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_16514 === 'undefined'){ window.quizOptions_16514 = []; } window.quizOptions_16514['494702'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMTk0OTg4OSI6IjAiLCIxOTQ5ODkwIjoiMCIsIjE5NDk4OTEiOiIxIiwiMTk0OTg5MiI6IjAifX0=';</script></div> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 6px 12px; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: uppercase; font-weight: bold; font-size: 22px; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/gh/loadingio/ldbutton@latest/dist/index.min.css" /> <a id="view_result_hub" class="action-button ays-quiz-keyboard-active" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub" style="display:none" data-id="30"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> <h4 style="text-align:center;font-size:16px;line-height:20px;font-weight:normal;margin-top:10px;margin-bottom:10px;color:#021184">LƯU Ý: Không sử dụng VPN hoặc 1.1.1.1 khi vượt link</h4> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input" maxlength="10" /> <input type="hidden" value="" id="kw-id" /> <a id="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p> <p> <strong style="color: #c12c31;">Bước 2: </strong>Tìm kiếm từ khóa: <strong id="keyword-content" style="font-size: 24px; color: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> vận chuyển văn phòng giá rẻ </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span></a> <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> </p> <p><img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image" alt="" src="" /> </div> </p> <p>(Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" />)</p> <p><strong style="color: #c12c31;">Bước 4:</strong> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã:</p> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass" style="max-width: 300px; border: 1px dashed red; display: inline-block;" data-src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/images/getpass.png" alt="getpass" /> </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" style="display:none"> <script> setTimeout(function() { var submitButton = document.querySelector('input[name="ays_finish_quiz"]'); if (submitButton) { submitButton.remove(); } }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-16514 * { box-sizing: border-box; } #ays-quiz-container-16514 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-16514 #ays_finish_quiz_16514 { } /* Styles for Quiz container */ #ays-quiz-container-16514{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-16514 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-16514 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-16514 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-16514 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-16514 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-16514 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-16514 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-16514 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-16514.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-16514.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-16514 #ays_finish_quiz_16514 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-16514.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container p, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-16514.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-16514 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-16514 .ays-quiz-password-message-box, #ays-quiz-container-16514 .ays-quiz-question-note-message-box, #ays-quiz-container-16514 .ays_quiz_question, #ays-quiz-container-16514 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-16514 textarea, #ays-quiz-container-16514 input::first-letter, #ays-quiz-container-16514 select::first-letter, #ays-quiz-container-16514 option::first-letter { color: initial !important; } #ays-quiz-container-16514 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-16514 .select2-container, #ays-quiz-container-16514 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-16514 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-16514 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-16514 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-16514 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-16514 .ays-questions-container .ays-field, div#ays-quiz-container-16514 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-16514 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-16514 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-16514 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-16514 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-16514 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-16514 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-16514 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-16514 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-16514 .information_form input[type='text'], #ays-quiz-container-16514 .information_form input[type='url'], #ays-quiz-container-16514 .information_form input[type='number'], #ays-quiz-container-16514 .information_form input[type='email'], #ays-quiz-container-16514 .information_form input[type='tel'], #ays-quiz-container-16514 .information_form textarea, #ays-quiz-container-16514 .information_form select, #ays-quiz-container-16514 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-16514 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-16514 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-16514 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-16514 .right_answer_text{ color:#33cc33; } #ays-quiz-container-16514 .right_answer_text p { font-size:16px; } #ays-quiz-container-16514 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-16514 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-16514 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-16514 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-16514 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-16514 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-16514 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-16514 .ays_cb_and_a, #ays-quiz-container-16514 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-16514 iframe { /*min-height: 450px;*/ } #ays-quiz-container-16514 label.ays_for_checkbox, #ays-quiz-container-16514 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-16514 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-16514 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-16514 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-16514 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-16514 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-16514 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-16514 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-16514 div.lds-spinner, #ays-quiz-container-16514 div.lds-spinner2 { color: #000000; } #ays-quiz-container-16514 div.lds-spinner div:after, #ays-quiz-container-16514 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-16514 .lds-circle, #ays-quiz-container-16514 .lds-facebook div, #ays-quiz-container-16514 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-16514 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-16514 .lds-dual-ring::after, #ays-quiz-container-16514 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-16514 .ui.rating .icon, #ays-quiz-container-16514 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-16514 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-16514 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-16514 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-16514 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-16514 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-16514 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-16514 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-16514 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-16514 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-16514 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-16514 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-16514 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-16514 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-16514 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-16514 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-16514 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-16514 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-16514 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-16514 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-16514 div.ays-quiz-redirection-timer, #ays-quiz-container-16514 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-16514 div.ays-quiz-after-timer * , #ays-quiz-container-16514 div.ays-quiz-redirection-timer *, #ays-quiz-container-16514 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-16514 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-16514 input#ays-submit, #ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button, #ays-quiz-container-16514 #ays_finish_quiz_16514 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-16514 #ays_finish_quiz_16514 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button.ays_restart_button, #ays-quiz-container-16514 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-16514 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-16514 input#ays-submit, #ays-quiz-container-16514 #ays_finish_quiz_16514 input.action-button, #ays-quiz-container-16514 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-16514 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-16514 input#ays-submit:hover, #ays-quiz-container-16514 input#ays-submit:focus, #ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button:hover, #ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button:focus, #ays-quiz-container-16514 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-16514 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-16514 .ays_restart_button { color: #ffffff; } #ays-quiz-container-16514 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-16514 .ays_buttons_div { justify-content: center; } #ays-quiz-container-16514 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-16514 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-16514 input[type='button'], #ays-quiz-container-16514 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-16514 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-16514 input[type='button']:focus-visible, div#ays-quiz-container-16514 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-16514 #ays_finish_quiz_16514 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-16514 #ays_finish_quiz_16514 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-16514 #ays_finish_quiz_16514 i.ays_early_finish.action-button[disabled], #ays-quiz-container-16514 #ays_finish_quiz_16514 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-16514 #ays_finish_quiz_16514 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-16514 #ays_finish_quiz_16514 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-16514 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-16514 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-16514 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-16514.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-16514 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-16514 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-16514 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-16514 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-16514 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-16514 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-16514 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-16514 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-16514 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-16514 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-16514 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-16514 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-16514 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-16514 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-16514 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-16514 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-16514 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-16514 .ays-field .select2-container--default, #ays-quiz-container-16514 .ays-field .select2-container--default .selection, #ays-quiz-container-16514 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-16514 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-16514 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-16514 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-16514 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-16514 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-16514 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-16514 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-16514 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-16514 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-16514 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-16514 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-16514 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-16514 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-16514 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-16514 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-16514 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-16514 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-16514 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-16514 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-16514 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-16514.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-16514.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-16514 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-16514 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-16514 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-16514 label[for^='ays-answer']:before, #ays-quiz-container-16514 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-16514 .ays_question_report { text-align: right; } div#ays-quiz-container-16514 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-16514 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-16514.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-16514.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-16514.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-16514.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-16514.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-16514.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-16514 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-16514.ays_quiz_classic_dark .correct_div, #ays-quiz-container-16514.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-16514.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-16514.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-16514.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-16514.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-16514.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-16514.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-16514 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-16514 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-16514 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-16514 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-16514 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-16514 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-16514 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-16514.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-16514.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-16514 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-16514 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-16514 .ays-quiz-personality-result-box div:before, #ays-quiz-container-16514 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-16514 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-16514 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-16514 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-16514 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-16514 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-16514 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-16514 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-16514 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-16514 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-16514 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-16514 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-16514 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-16514 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-16514{ max-width: 100%; } div#ays-quiz-container-16514 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-16514.ays_quiz_modern_light .step, div#ays-quiz-container-16514.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-16514.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-16514.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-16514.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-16514.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-16514 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-16514 .select2-container, div#ays-quiz-container-16514 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-16514 input#ays-submit, div#ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button, div#ays-quiz-container-16514 #ays_finish_quiz_16514 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button.ays_restart_button, #ays-quiz-container-16514 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-16514 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-16514 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-16514 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-16514 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-16514 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-16514 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-16514 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-16514 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-16514 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-16514 p { margin: 0.625em; } #ays-quiz-container-16514.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-16514.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-16514 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-16514.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-16514 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button:hover, #ays-quiz-container-16514 #ays_finish_quiz_16514 .action-button:focus, #ays-quiz-container-16514 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-16514 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['16514'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIxNjUxNCIsImF1dGhvcl9pZCI6IjMiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMTAiLCJkZXNjcmlwdGlvbiI6IjxwPlRyXHUxZWFmYyBuZ2hpXHUxZWM3bSBUaW4gaFx1MWVjZGMgMTIgQ2hcdTAwZTJuIHRyXHUxZWRkaSBzXHUwMGUxbmcgdFx1MWVhMW8gQlx1MDBlMGkgRjEyOiBcdTAxMTBcdTFlY2JuaCBraVx1MWVjM3UgQ1NTIGNobyBiaVx1MWVjM3UgbVx1MWVhYnUgLSBcdTAxMTBcdTAwZWFcdTAzMDAgMTAgYmFvIGdcdTFlZDNtIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgaGF5LCBiXHUwMGUxbSBzXHUwMGUxdCBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmguIENcdTAwZjluZyBsXHUwMGUwbSBiXHUwMGUwaSB0XHUxZWFkcCB0clx1MWVhZmMgbmdoaVx1MWVjN20gbmdheS48XC9wPlxyXG5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOiBUcm9uZyBDU1MsIFx1MDExMVx1MWVjMyBjaFx1MWVjZG4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGlucHV0PmAgY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgdHlwZWAgbFx1MDBlMCBgdGV4dGAgdHJvbmcgbVx1MWVkOXQgYmlcdTFlYzN1IG1cdTFlYWJ1LCBjXHUwMGZhIHBoXHUwMGUxcCBzZWxlY3RvciBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIFx1MDExMVx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dC50ZXh0PFwvbGk+XHJcbjxsaT5CLiBpbnB1dCN0ZXh0PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gLmlucHV0LXRleHQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBCXHUxZWExbiBtdVx1MWVkMW4gdGhpXHUxZWJmdCBsXHUxZWFkcCBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWU3YSB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IChgPGlucHV0PmAsIGA8dGV4dGFyZWE+YCkgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IHNhbyBjaG8gdlx1MDBmOW5nIFx1MDExMVx1MWVjN20gKHBhZGRpbmcpIHZcdTAwZTAgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIChib3JkZXIpIFx1MDExMVx1MDFiMFx1MWVlM2MgdFx1MDBlZG5oIGdcdTFlZDlwIHZcdTAwZTBvIHRcdTFlZDVuZyBjaGlcdTFlYzF1IHJcdTFlZDluZyBcdTAxMTFcdTAwZTMgY2hcdTFlYzkgXHUwMTExXHUxZWNibmguIFRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyB2XHUwMGUwIGdpXHUwMGUxIHRyXHUxZWNiIG5cdTAwZTBvIGNcdTFlYTduIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBib3gtc2l6aW5nOiBjb250ZW50LWJveDs8XC9saT5cclxuPGxpPkIuIHdpZHRoOiBhdXRvOzxcL2xpPlxyXG48bGk+Qy4gcGFkZGluZy1ib3g6IGJvcmRlci1ib3g7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGJveC1zaXppbmc6IGJvcmRlci1ib3g7PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IEtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRpIGNodXlcdTFlYzNuIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IHF1YSBtXHUxZWQ5dCBuXHUwMGZhdCBuaFx1MWVhNW4gKGA8YnV0dG9uPmApIHRyb25nIGJpXHUxZWMzdSBtXHUxZWFidSwgYlx1MWVhMW4gbXVcdTFlZDFuIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGZhdCBcdTAxMTFcdTFlYzMgdFx1MWVhMW8gaGlcdTFlYzd1IFx1MWVlOW5nIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYy4gUHNldWRvLWNsYXNzIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGNobyB0clx1MWVhMW5nIHRoXHUwMGUxaSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA6aG92ZXI8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA6Zm9jdXM8XC9saT5cclxuPGxpPkMuIDphY3RpdmU8XC9saT5cclxuPGxpPkQuIDpjaGVja2VkPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogTVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQgdHlwZT1cInRleHRcIj5gKSBcdTAxMTFhbmcgbmhcdTFlYWRuIHRpXHUwMGVhdSBcdTAxMTFpXHUxZWMzbSAodlx1MDBlZCBkXHUxZWU1OiBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGNsaWNrIHZcdTAwZTBvIGhvXHUxZWI3YyBkXHUwMGY5bmcgcGhcdTAwZWRtIFRhYiBcdTAxMTFcdTFlYzMgZGkgY2h1eVx1MWVjM24gXHUwMTExXHUxZWJmbikuIEJcdTFlYTFuIG11XHUxZWQxbiB0aFx1MDBlYW0gbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIHNcdTAwZTFuZyBtXHUwMGUwdSB4dW5nIHF1YW5oIFx1MDBmNCBuXHUwMGUweSBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gblx1MWVkNWkgYlx1MWVhZHQuIFBzZXVkby1jbGFzcyBDU1Mgblx1MDBlMG8gXHUwMTExXHUxZWExaSBkaVx1MWVjN24gY2hvIHRyXHUxZWExbmcgdGhcdTAwZTFpIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiA6YWN0aXZlPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDpmb2N1czxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDp2aXNpdGVkPFwvbGk+XHJcbjxsaT5ELiA6bGluazxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDU6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgbmhcdTAwZjNtIGNcdTAwZTFjIG5cdTAwZmF0IGNoXHUxZWNkbiBkXHUxZWExbmcgcmFkaW8gKGA8aW5wdXQgdHlwZT1cInJhZGlvXCI+YCkuIEtoaSBtXHUxZWQ5dCBuXHUwMGZhdCByYWRpbyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbiwgYlx1MWVhMW4gbXVcdTFlZDFuIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBzXHUxZWFmYyBjXHUxZWU3YSBuaFx1MDBlM24gKGA8bGFiZWw+YCkgbGlcdTAwZWFuIGtcdTFlYmZ0IHZcdTFlZGJpIG5cdTAwZjMuIFBzZXVkby1jbGFzcyBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgeFx1MDBlMWMgXHUwMTExXHUxZWNibmggdHJcdTFlYTFuZyB0aFx1MDBlMWkgXCJcdTAxMTFcdTAwZTMgY2hcdTFlY2RuXCIgY1x1MWVlN2EgaW5wdXQgcmFkaW8/XHJcbjx1bD5cclxuPGxpPkEuIDphY3RpdmU8XC9saT5cclxuPGxpPkIuIDpmb2N1czxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiA6Y2hlY2tlZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIDpzZWxlY3RlZDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IFx1MDExMFx1MWVjMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgbmhcdTAxYjAgYDxsYWJlbD5gIHZcdTAwZTAgYDxpbnB1dD5gIGhpXHUxZWMzbiB0aFx1MWVjYiB0clx1MDBlYW4gY1x1MDBlMWMgZFx1MDBmMm5nIHJpXHUwMGVhbmcgYmlcdTFlYzd0IHZcdTAwZTAgbVx1MWVkN2kgcGhcdTFlYTduIHRcdTFlZWQgY2hpXHUxZWJmbSB0b1x1MDBlMG4gYlx1MWVkOSBjaGlcdTFlYzF1IHJcdTFlZDluZyBraFx1MWVhMyBkXHUxZWU1bmcgY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQgY2hhLCBiXHUxZWExbiBuXHUwMGVhbiBcdTAxMTFcdTFlYjd0IHRodVx1MWVkOWMgdFx1MDBlZG5oIGBkaXNwbGF5YCBjaG8gY2hcdTAwZmFuZyB2XHUxZWRiaSBnaVx1MDBlMSB0clx1MWVjYiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gaW5saW5lPFwvbGk+XHJcbjxsaT5CLiBpbmxpbmUtYmxvY2s8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYmxvY2s8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBmbGV4PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGtob1x1MWVhM25nIGNcdTAwZTFjaCBiXHUwMGVhbiB0cm9uZyAodlx1MDBmOW5nIFx1MDExMVx1MWVjN20pIGNobyBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gKSBcdTAxMTFcdTFlYzMgdlx1MDEwM24gYlx1MWVhM24ga2hcdTAwZjRuZyBiXHUxZWNiIHNcdTAwZTF0IHZcdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbi4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMWlcdTFlYzF1IGNoXHUxZWM5bmggdlx1MDBmOW5nIFx1MDExMVx1MWVjN20gblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIG1hcmdpbjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBwYWRkaW5nPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyPFwvbGk+XHJcbjxsaT5ELiBvdXRsaW5lPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtob1x1MWVhM25nIHRyXHUxZWQxbmcgYlx1MDBlYW4gbmdvXHUwMGUwaSBnaVx1MWVlZmEgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LCB2XHUwMGVkIGRcdTFlZTUgZ2lcdTFlZWZhIGhhaSBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBsaVx1MDBlYW4gdGlcdTFlYmZwLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgXHUwMTExaVx1MWVjMXUgY2hcdTFlYzluaCBraG9cdTFlYTNuZyB0clx1MWVkMW5nIGJcdTAwZWFuIG5nb1x1MDBlMGkgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gbWFyZ2luPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gcGFkZGluZzxcL2xpPlxyXG48bGk+Qy4gYm9yZGVyPFwvbGk+XHJcbjxsaT5ELiBzcGFjZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IFx1MDExMFx1MWVjMyB0XHUxZWExbyBoaVx1MWVjN3UgXHUxZWU5bmcgXHUwMTExXHUxZWQ1IGJcdTAwZjNuZyBjaG8gbVx1MWVkOXQgaFx1MWVkOXAgdlx1MDEwM24gYlx1MWVhM24gKGA8aW5wdXQ+YCkga2hpIG5cdTAwZjMgbmhcdTFlYWRuIHRpXHUwMGVhdSBcdTAxMTFpXHUxZWMzbSAoYDpmb2N1c2ApLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIHRleHQtc2hhZG93PFwvbGk+XHJcbjxsaT5CLiBib3JkZXItc2hhZG93PFwvbGk+XHJcbjxsaT5DLiBvdXRsaW5lLXNoYWRvdzxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBib3gtc2hhZG93PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGJcdTFlY2Igdlx1MDBmNCBoaVx1MWVjN3UgaFx1MDBmM2EgKGRpc2FibGVkKS4gQlx1MWVhMW4gbXVcdTFlZDFuIGxcdTAwZTBtIG1cdTFlZGQgblx1MDBmMyBcdTAxMTFpIFx1MDExMVx1MWVjMyBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRcdTFlYzUgZFx1MDBlMG5nIG5oXHUxZWFkbiBiaVx1MWViZnQuIFBzZXVkby1jbGFzcyBDU1Mgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgY2hcdTFlY2RuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGJcdTFlY2Igdlx1MDBmNCBoaVx1MWVjN3UgaFx1MDBmM2E/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gOmRpc2FibGVkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOmluYWN0aXZlPFwvbGk+XHJcbjxsaT5DLiA6cmVhZG9ubHk8XC9saT5cclxuPGxpPkQuIDpub3QoOmVuYWJsZWQpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IFx1MDExMFx1MWVjMyB0XHUwMGY5eSBjaFx1MWVjOW5oIG1cdTAwZTB1IHNcdTFlYWZjIGNcdTFlZTdhIHZcdTAxMDNuIGJcdTFlYTNuIGdpXHUxZWVmIGNoXHUxZWQ3IChwbGFjZWhvbGRlciB0ZXh0KSBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSwgYlx1MWVhMW4gY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgcHNldWRvLWVsZW1lbnQgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIDo6dGV4dDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA6OnBsYWNlaG9sZGVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gOjppbnB1dC10ZXh0PFwvbGk+XHJcbjxsaT5ELiA6OmNvbnRlbnQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQlx1MWVhMW4gbXVcdTFlZDFuIGNcdTAwZTFjIG5cdTAwZmF0IGNoXHUxZWNkbiBkXHUxZWExbmcgY2hlY2tib3ggKGA8aW5wdXQgdHlwZT1cImNoZWNrYm94XCI+YCkgY1x1MDBmMyBoXHUwMGVjbmggZFx1MWVhMW5nIHRcdTAwZjl5IGNoXHUxZWM5bmgga2hpIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlY2RuIHRoYXkgdlx1MDBlYyBoXHUwMGVjbmggdnVcdTAwZjRuZyBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaC4gTVx1MWViN2MgZFx1MDBmOSB2aVx1MWVjN2MgdFx1MDBmOXkgY2hcdTFlYzluaCB0clx1MWVmMWMgdGlcdTFlYmZwIGlucHV0IGNoZWNrYm94XC9yYWRpbyBwaFx1MWVlOWMgdFx1MWVhMXAsIG5oXHUwMWIwbmcgY1x1MDBlMWNoIHRpXHUxZWJmcCBjXHUxZWFkbiBwaFx1MWVkNSBiaVx1MWViZm4gbmhcdTFlYTV0IGxcdTAwZTAgXHUxZWE5biBpbnB1dCBnXHUxZWQxYyB2XHUwMGUwIFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBjaG8gcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIFBoXHUxZWE3biB0XHUxZWVkIGNoYSBjXHUxZWU3YSBpbnB1dDxcL2xpPlxyXG48bGk+Qi4gUGhcdTFlYTduIHRcdTFlZWQgYW5oIGVtIHRyXHUwMWIwXHUxZWRiYyBcdTAxMTFcdTAwZjMgY1x1MWVlN2EgaW5wdXQ8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gUGhcdTFlYTduIHRcdTFlZWQgbmhcdTAwZTNuIChgPGxhYmVsPmApIGxpXHUwMGVhbiBrXHUxZWJmdCB2XHUxZWRiaSBpbnB1dDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFNcdTFlZWQgZFx1MWVlNW5nIHBzZXVkby1lbGVtZW50IGA6OmJlZm9yZWAgaG9cdTFlYjdjIGA6OmFmdGVyYCB0clx1MDBlYW4gY2hcdTAwZWRuaCBpbnB1dDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgXHUwMTExb1x1MWVhMW4gQ1NTIHNhdTogYGlucHV0W3R5cGU9XCJzdWJtaXRcIl06YWN0aXZlIHsgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfWAuIEhpXHUxZWM3dSBcdTFlZTluZyBuXHUwMGUweSBzXHUxZWJkIHhcdTFlYTN5IHJhIGtoaSBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gS2hpIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IHJcdTAwZWEgcXVhIG5cdTAwZmF0IHN1Ym1pdC48XC9saT5cclxuPGxpPkIuIEtoaSBuXHUwMGZhdCBzdWJtaXQgbmhcdTFlYWRuIHRpXHUwMGVhdSBcdTAxMTFpXHUxZWMzbSAoY2xpY2sgdlx1MDBlMG8gaG9cdTFlYjdjIGRcdTAwZjluZyBUYWIpLjxcL2xpPlxyXG48bGk+Qy4gS2hpIG5cdTAwZmF0IHN1Ym1pdCBiXHUxZWNiIHZcdTAwZjQgaGlcdTFlYzd1IGhcdTAwZjNhLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBLaGkgblx1MDBmYXQgc3VibWl0IFx1MDExMWFuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIG5oXHUxZWE1biB2XHUwMGUwIGdpXHUxZWVmIGNodVx1MWVkOXQuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBcdTAxMTBcdTFlYzMgY1x1MDEwM24gY2hcdTFlYzluaCBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCB0cm9uZyBiaVx1MWVjM3UgbVx1MWVhYnUgdGhlbyBjaGlcdTFlYzF1IG5nYW5nIGhvXHUxZWI3YyBjaGlcdTFlYzF1IGRcdTFlY2RjIG1cdTFlZDl0IGNcdTAwZTFjaCBsaW5oIGhvXHUxZWExdCwgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgbFx1MDBlMCBraGkgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgY29udGFpbmVyIG5oXHUwMWIwIGA8ZGl2PmAgXHUwMTExXHUxZWMzIG5oXHUwMGYzbSBjXHUwMGUxYyBjXHUxZWI3cCBsYWJlbC1pbnB1dCwgbVx1MDBmNCBoXHUwMGVjbmggYlx1MWVkMSBjXHUxZWU1YyBDU1Mgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBkaXNwbGF5OiB0YWJsZTs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gZGlzcGxheTogZmxleDs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBwb3NpdGlvbjogYWJzb2x1dGU7PFwvbGk+XHJcbjxsaT5ELiBmbG9hdDogbGVmdDs8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogVGh1XHUxZWQ5YyB0XHUwMGVkbmggYG91dGxpbmVgIHRyb25nIENTUyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB2XHUxZWJkIG1cdTFlZDl0IFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBiXHUwMGVhbiBuZ29cdTAwZTBpIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiAoYGJvcmRlcmApIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLiBcdTAxMTBpXHUxZWMzbSBraFx1MDBlMWMgYmlcdTFlYzd0IGNoXHUwMGVkbmggY1x1MWVlN2EgYG91dGxpbmVgIHNvIHZcdTFlZGJpIGBib3JkZXJgIHRyb25nIGJcdTFlZDEgY1x1MWVlNWMgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIE91dGxpbmUga2hcdTAwZjRuZyBjaGlcdTFlYmZtIGtoXHUwMGY0bmcgZ2lhbiB0cm9uZyBiXHUxZWQxIGNcdTFlZTVjIGNcdTFlZTdhIHBoXHUxZWE3biB0XHUxZWVkLCBib3JkZXIgY1x1MDBmMy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBPdXRsaW5lIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBmb3JtLCBib3JkZXIgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG1cdTFlY2RpIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+Qy4gT3V0bGluZSBjXHUwMGYzIHRoXHUxZWMzIGNcdTAwZjMgbVx1MDBlMHUgdHJvbmcgc3VcdTFlZDF0LCBib3JkZXIgdGhcdTAwZWMga2hcdTAwZjRuZy48XC9saT5cclxuPGxpPkQuIE91dGxpbmUgXHUwMTExXHUwMWIwXHUxZWUzYyBrXHUxZWJmIHRoXHUxZWViYSB0XHUxZWViIHBoXHUxZWE3biB0XHUxZWVkIGNoYSwgYm9yZGVyIHRoXHUwMGVjIGtoXHUwMGY0bmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHJcdTFlYjFuZyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IHZcdTAxMDNuIGJcdTFlYTNuIChgPGlucHV0IHR5cGU9XCJ0ZXh0XCI+YCkgdlx1MDBlMCB2XHUwMGY5bmcgdlx1MDEwM24gYlx1MWVhM24gKGA8dGV4dGFyZWE+YCkgdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1IGNcdTAwZjMgY1x1MDBmOW5nIGNoaVx1MWVjMXUgclx1MWVkOW5nIGxcdTAwZTAgMjUwcHgsIGJhbyBnXHUxZWQzbSBjXHUxZWEzIHBhZGRpbmcgdlx1MDBlMCBib3JkZXIuIFx1MDExMG9cdTFlYTFuIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSB0aFx1MWVmMWMgaGlcdTFlYzduIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExaVx1MWVjMXUgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdLCB0ZXh0YXJlYSB7IHdpZHRoOiAyNTBweDsgfTxcL2xpPlxyXG48bGk+Qi4gaW5wdXRbdHlwZT1cInRleHRcIl0sIHRleHRhcmVhIHsgd2lkdGg6IDI1MHB4OyBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBpbnB1dFt0eXBlPVwidGV4dFwiXSwgdGV4dGFyZWEgeyB3aWR0aDogMjUwcHg7IGJveC1zaXppbmc6IGJvcmRlci1ib3g7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBpbnB1dFt0eXBlPVwidGV4dFwiXSwgdGV4dGFyZWEgeyBtYXgtd2lkdGg6IDI1MHB4OyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IFx1MDExMFx1MWVjMyB0XHUwMTAzbmcgdFx1MDBlZG5oIGRcdTFlYzUgXHUwMTExXHUxZWNkYyBjaG8gYmlcdTFlYzN1IG1cdTFlYWJ1LCBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWI3dCBtXHUwMGUwdSBuXHUxZWMxbiBraFx1MDBlMWMgbmhhdSBjaG8gY1x1MDBlMWMgZFx1MDBmMm5nIHhlbiBrXHUxZWJkIHRyb25nIG1cdTFlZDl0IGRhbmggc1x1MDBlMWNoIGNcdTAwZTFjIHRcdTAwZjl5IGNoXHUxZWNkbiAodlx1MDBlZCBkXHUxZWU1OiBzXHUxZWVkIGRcdTFlZTVuZyBjXHUwMGUxYyBgZGl2YCBiXHUxZWNkYykuIFBzZXVkby1jbGFzcyBDU1Mgblx1MDBlMG8gY1x1MDBmMyB0aFx1MWVjMyBnaVx1MDBmYXAgYlx1MWVhMW4gY2hcdTFlY2RuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIFx1MWVkZiB2XHUxZWNiIHRyXHUwMGVkIGNoXHUxZWI1biBob1x1MWViN2MgbFx1MWViYiB0cm9uZyBtXHUxZWQ5dCBuaFx1MDBmM20/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gOm50aC1jaGlsZCgpPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gOmZpcnN0LWNoaWxkPFwvbGk+XHJcbjxsaT5DLiA6bGFzdC1jaGlsZDxcL2xpPlxyXG48bGk+RC4gOm9ubHktY2hpbGQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIGtpXHUxZWMzdSBjaG8gbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQ+YCkgY2hcdTFlYzkga2hpIG5cdTAwZjMga2hcdTAwZjRuZyBcdTFlZGYgdHJcdTFlYTFuZyB0aFx1MDBlMWkgYlx1MWVjYiB2XHUwMGY0IGhpXHUxZWM3dSBoXHUwMGYzYSAoYDpkaXNhYmxlZGApLiBQc2V1ZG8tY2xhc3Mga1x1MWViZnQgaFx1MWVlM3Agblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBcdTAxMTFcdTAwZmFuZz9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXQ6bm90KDplbmFibGVkKTxcL2xpPlxyXG48bGk+Qi4gaW5wdXQ6ZW5hYmxlZDxcL2xpPlxyXG48bGk+Qy4gaW5wdXQ6ZGlzYWJsZWQ6bm90KCk8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gaW5wdXQ6bm90KDpkaXNhYmxlZCk8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IEtoaSB0aGlcdTFlYmZ0IGtcdTFlYmYgYmlcdTFlYzN1IG1cdTFlYWJ1LCB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgY1x1MWVhNXAgXHUwMTExXHUxZWQ5IGJsb2NrIChgZGlzcGxheTogYmxvY2s7YCkgbmhcdTAxYjAgYDxkaXY+YCBob1x1MWViN2MgXHUwMTExXHUxZWI3dCBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBmb3JtIChgPGxhYmVsPmAsIGA8aW5wdXQ+YCkgdlx1MWVjMSBgZGlzcGxheTogYmxvY2s7YCBob1x1MWViN2MgYGRpc3BsYXk6IGlubGluZS1ibG9jaztgIGdpXHUwMGZhcCBcdTAwZWRjaCBnXHUwMGVjIHRyb25nIHZpXHUxZWM3YyBiXHUxZWQxIGNcdTFlZTVjIHNvIHZcdTFlZGJpIHZpXHUxZWM3YyBjaFx1MWVjOSBkXHUwMGY5bmcgYGRpc3BsYXk6IGlubGluZTtgIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oP1xyXG48dWw+XHJcbjxsaT5BLiBHaVx1MDBmYXAgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgblx1MWViMW0gY1x1MWVhMW5oIG5oYXUgdHJcdTAwZWFuIGNcdTAwZjluZyBtXHUxZWQ5dCBkXHUwMGYybmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIENobyBwaFx1MDBlOXAga2lcdTFlYzNtIHNvXHUwMGUxdCByXHUwMGY1IHJcdTAwZTBuZyBjaGlcdTFlYzF1IHJcdTFlZDluZywgY2hpXHUxZWMxdSBjYW8sIG1hcmdpbiB2XHUwMGUwIHBhZGRpbmcgdHJcdTAwZWFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgY1x1MWVhMW5oLCB2XHUwMGUwIHh1XHUxZWQxbmcgZFx1MDBmMm5nIHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgKHZcdTFlZGJpIGBibG9ja2ApLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgY1x1MDEwM24gZ2lcdTFlZWZhIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHRyb25nIHBoXHUxZWE3biB0XHUxZWVkIGNoYS48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IGNobyBwaFx1MDBlOXAgdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IHNcdTFlYWZjIHZcdTAwZTAga2lcdTFlYzN1IGNoXHUxZWVmLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgaGlcdTFlYzd1IFx1MWVlOW5nIGNodXlcdTFlYzNuIFx1MDExMVx1MWVkOW5nIG5oXHUxZWI5IG5oXHUwMGUwbmcgKHRyYW5zaXRpb24pIGtoaSBtXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBuXHUwMGZhdCBuaFx1MWVhNW4gdGhheSBcdTAxMTFcdTFlZDVpIHRcdTFlZWIgdHJcdTFlYTFuZyB0aFx1MDBlMWkgYlx1MDBlY25oIHRoXHUwMWIwXHUxZWRkbmcgc2FuZyB0clx1MWVhMW5nIHRoXHUwMGUxaSBgOmhvdmVyYC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgaGlcdTFlYzd1IFx1MWVlOW5nIGNodXlcdTFlYzNuIFx1MDExMVx1MWVkOW5nIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIHRyYW5zaXRpb248XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBhbmltYXRpb248XC9saT5cclxuPGxpPkMuIHRyYW5zZm9ybTxcL2xpPlxyXG48bGk+RC4gdGltaW5nLWZ1bmN0aW9uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjE6IFx1MDExMFx1MWVjMyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIG1cdTFlZDl0IG5oXHUwMGYzbSBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSBkXHUxZWExbmcgdGV4dCwgcGFzc3dvcmQgdlx1MDBlMCBlbWFpbCBtXHUxZWQ5dCBjXHUwMGUxY2ggaGlcdTFlYzd1IHF1XHUxZWEzLCBiXHUxZWExbiBjXHUwMGYzIHRoXHUxZWMzIG5oXHUwMGYzbSBjXHUwMGUxYyBzZWxlY3RvciBsXHUxZWExaS4gQ1x1MDBmYSBwaFx1MDBlMXAgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbmhcdTAwZjNtIFx1MDExMVx1MDBmYW5nIGNcdTAwZTFjIHNlbGVjdG9yIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBpbnB1dFt0eXBlPVwidGV4dFwiLCBcInBhc3N3b3JkXCIsIFwiZW1haWxcIl08XC9saT5cclxuPGxpPkIuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdIGlucHV0W3R5cGU9XCJwYXNzd29yZFwiXSBpbnB1dFt0eXBlPVwiZW1haWxcIl08XC9saT5cclxuPGxpPkMuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdICsgaW5wdXRbdHlwZT1cInBhc3N3b3JkXCJdICsgaW5wdXRbdHlwZT1cImVtYWlsXCJdPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGlucHV0W3R5cGU9XCJ0ZXh0XCJdLCBpbnB1dFt0eXBlPVwicGFzc3dvcmRcIl0sIGlucHV0W3R5cGU9XCJlbWFpbFwiXTxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWViN3QgbVx1MDBlMHUgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIChib3JkZXIpIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IChgPGlucHV0PmApIHRoXHUwMGUwbmggbVx1MDBlMHUgeFx1MDBlMW0gbmhcdTFlYTF0LiBUaHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBkXHUwMGY5bmcgXHUwMTExXHUxZWMzIHRoaVx1MWViZnQgbFx1MWVhZHAgbVx1MDBlMHUgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGJvcmRlci1jb2xvcjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIG91dGxpbmUtY29sb3I8XC9saT5cclxuPGxpPkMuIGJhY2tncm91bmQtY29sb3I8XC9saT5cclxuPGxpPkQuIGNvbG9yPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IFx1MDExMFx1MWVjMyBsXHUwMGUwbSBjaG8gdlx1MDEwM24gYlx1MWVhM24gYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQ+YCkgY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiBjXHUxZWU1IHRoXHUxZWMzICh2XHUwMGVkIGRcdTFlZTU6IG1cdTAwZTB1IFx1MDExMWVuKSwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPkEuIGJhY2tncm91bmQtY29sb3I8XC9saT5cclxuPGxpPkIuIGJvcmRlci1jb2xvcjxcL2xpPlxyXG48bGk+Qy4gdGV4dC1jb2xvcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBjb2xvcjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogQlx1MWVhMW4gbXVcdTFlZDFuIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgXHUwMTExXHUwMGUxcCBcdTFlZTluZyAocmVzcG9uc2l2ZSBmb3JtKSBzYW8gY2hvIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IHRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgXHUwMTExaVx1MWVjMXUgY2hcdTFlYzluaCBjaGlcdTFlYzF1IHJcdTFlZDluZyB0aGVvIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgbVx1MDBlMG4gaFx1MDBlY25oLiBHaVx1MDBlMSB0clx1MWVjYiBuXHUwMGUwbyBjaG8gdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHdpZHRoYCBsXHUwMGUwIHRoXHUwMGVkY2ggaFx1MWVlM3AgbmhcdTFlYTV0IHRyb25nIHRyXHUwMWIwXHUxZWRkbmcgaFx1MWVlM3Agblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIHdpZHRoOiAxMDAwcHg7PFwvbGk+XHJcbjxsaT5CLiB3aWR0aDogYXV0bzs8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gd2lkdGg6IDEwMCU7PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gd2lkdGg6IGZpdC1jb250ZW50OzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgYlx1MWVkOSBjaFx1MWVjZG4gQ1NTIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGA8aW5wdXQ+YCBUUlx1MWVlYSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGB0eXBlYCBsXHUwMGUwIGBzdWJtaXRgLiBDXHUwMGZhIHBoXHUwMGUxcCBuXHUwMGUwbyBzXHUxZWVkIGRcdTFlZTVuZyBwc2V1ZG8tY2xhc3MgYDpub3QoKWAgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gaW5wdXQ6bm90KHN1Ym1pdCk8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gaW5wdXQ6bm90KFt0eXBlPVwic3VibWl0XCJdKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGlucHV0Om5vdCh0eXBlPVwic3VibWl0XCIpPFwvbGk+XHJcbjxsaT5ELiBpbnB1dDpub3QoLnN1Ym1pdCk8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNjogXHUwMTEwXHUxZWMzIHRcdTAxMDNuZyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHBoXHUwMGY0bmcgY2hcdTFlZWYgY2hvIHZcdTAxMDNuIGJcdTFlYTNuIHRyb25nIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Ugdlx1MDBlMCB2XHUwMGY5bmcgdlx1MDEwM24gYlx1MWVhM24gdHJvbmcgYmlcdTFlYzN1IG1cdTFlYWJ1LCB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY1x1MWVhN24gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBmb250LXNpemU8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiB0ZXh0LXNpemU8XC9saT5cclxuPGxpPkMuIGxpbmUtaGVpZ2h0PFwvbGk+XHJcbjxsaT5ELiBmb250LXdlaWdodDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBCXHUxZWExbiBtdVx1MWVkMW4gY1x1MDEwM24gbFx1MWVjMSB2XHUwMTAzbiBiXHUxZWEzbiBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCBgPHRleHRhcmVhPmAgdGhlbyBjaGlcdTFlYzF1IGRcdTFlY2RjIGxcdTAwZWFuIHBoXHUwMGVkYSB0clx1MDBlYW4gY1x1MDBmOW5nLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8ga2lcdTFlYzNtIHNvXHUwMGUxdCB2aVx1MWVjN2MgY1x1MDEwM24gY2hcdTFlYzluaCB2XHUwMTAzbiBiXHUxZWEzbiB0aGVvIGNoaVx1MWVjMXUgZFx1MWVjZGMgdHJvbmcgbVx1MWVkOXQga2hcdTFlZDFpP1xyXG48dWw+XHJcbjxsaT5BLiB0ZXh0LWFsaWduPFwvbGk+XHJcbjxsaT5CLiB2ZXJ0aWNhbC1hbGlnbjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiB2ZXJ0aWNhbC1hbGlnbiAoXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGlubGluZVwvaW5saW5lLWJsb2NrIGhvXHUxZWI3YyB0cm9uZyBmbGV4XC9ncmlkIGl0ZW0pPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gbGluZS1oZWlnaHQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogS2hpIHRoaVx1MWViZnQga1x1MWViZiBiaVx1MWVjM3UgbVx1MWVhYnUsIHZpXHUxZWM3YyBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgY3Vyc29yOiBwb2ludGVyO2AgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIHRcdTAxYjBcdTAxYTFuZyB0XHUwMGUxYyBuaFx1MDFiMCBuXHUwMGZhdCBuaFx1MWVhNW4gKGA8YnV0dG9uPmApIGhvXHUxZWI3YyBuaFx1MDBlM24gKGA8bGFiZWw+YCkgbGlcdTAwZWFuIGtcdTFlYmZ0IHZcdTFlZGJpIGNoZWNrYm94XC9yYWRpbyBtYW5nIGxcdTFlYTFpIGxcdTFlZTNpIFx1MDBlZGNoIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIExcdTAwZTBtIGNobyBwaFx1MWVhN24gdFx1MWVlZCBraFx1MDBmNG5nIHRoXHUxZWMzIGNsaWNrIFx1MDExMVx1MDFiMFx1MWVlM2MuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFRoYXkgXHUwMTExXHUxZWQ1aSBoXHUwMGVjbmggZFx1MWVhMW5nIGNvbiB0clx1MWVjZiBjaHVcdTFlZDl0IHRoXHUwMGUwbmggYmlcdTFlYzN1IHRcdTAxYjBcdTFlZTNuZyBiXHUwMGUwbiB0YXkga2hpIHJcdTAwZWEgcXVhLCBiXHUwMGUxbyBoaVx1MWVjN3Ugclx1MWViMW5nIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgdGhcdTFlYzMgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRcdTFlZjEgXHUwMTExXHUxZWQ5bmcgY1x1MDEwM24gZ2lcdTFlZWZhIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+RC4gVGhcdTAwZWFtIGhpXHUxZWM3dSBcdTFlZTluZyBcdTAxMTFcdTFlZDUgYlx1MDBmM25nIGNobyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogQlx1MWVhMW4gbXVcdTFlZDFuIGxvXHUxZWExaSBiXHUxZWNmIGhvXHUwMGUwbiB0b1x1MDBlMG4gXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIChgb3V0bGluZWApIHh1XHUxZWE1dCBoaVx1MWVjN24ga2hpIG1cdTFlZDl0IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IG5oXHUxZWFkbiB0aVx1MDBlYXUgXHUwMTExaVx1MWVjM20gKGA6Zm9jdXNgKSwgbmhcdTAxYjBuZyB2XHUxZWFibiBtdVx1MWVkMW4gY3VuZyBjXHUxZWE1cCBtXHUxZWQ5dCBjaFx1MWVjOSBiXHUwMGUxbyB0clx1MWVmMWMgcXVhbiBraFx1MDBlMWMgY2hvIHRyXHUxZWExbmcgdGhcdTAwZTFpIGZvY3VzICh2XHUwMGVkIGRcdTFlZTU6IHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBuXHUxZWMxbiBob1x1MWViN2MgYm9yZGVyKS4gXHUwMTEwb1x1MWVhMW4gQ1NTIG5cdTAwZTBvIHRoXHUxZWYxYyBoaVx1MWVjN24gdmlcdTFlYzdjIGxvXHUxZWExaSBiXHUxZWNmIG91dGxpbmU/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gaW5wdXQ6Zm9jdXMgeyBvdXRsaW5lOiBub25lOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gaW5wdXQ6Zm9jdXMgeyBib3JkZXI6IG5vbmU7IH08XC9saT5cclxuPGxpPkMuIGlucHV0OmZvY3VzIHsgZGlzcGxheTogbm9uZTsgfTxcL2xpPlxyXG48bGk+RC4gaW5wdXQ6Zm9jdXMgeyB2aXNpYmlsaXR5OiBoaWRkZW47IH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogXHUwMTEwXHUxZWMzIHRcdTFlYTFvIGdcdTAwZjNjIGJvIHRyXHUwMGYybiBjaG8gY1x1MDBlMWMgZ1x1MDBmM2MgY1x1MWVlN2EgbVx1MWVkOXQgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQ+YCkgaG9cdTFlYjdjIG5cdTAwZmF0IG5oXHUxZWE1biAoYDxidXR0b24+YCksIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nP1xyXG48dWw+XHJcbjxsaT5BLiBjb3JuZXItcmFkaXVzPFwvbGk+XHJcbjxsaT5CLiBhbmdsZS1yYWRpdXM8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYm9yZGVyLXJhZGl1czxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGJveC1yYWRpdXM8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjE1ODMiLCJxdWVzdGlvbl9pZHMiOiI0OTQ2NzMsNDk0Njc0LDQ5NDY3NSw0OTQ2NzYsNDk0Njc3LDQ5NDY3OCw0OTQ2NzksNDk0NjgwLDQ5NDY4MSw0OTQ2ODIsNDk0NjgzLDQ5NDY4NCw0OTQ2ODUsNDk0Njg2LDQ5NDY4Nyw0OTQ2ODgsNDk0Njg5LDQ5NDY5MCw0OTQ2OTEsNDk0NjkyLDQ5NDY5Myw0OTQ2OTQsNDk0Njk1LDQ5NDY5Niw0OTQ2OTcsNDk0Njk4LDQ5NDY5OSw0OTQ3MDAsNDk0NzAxLDQ5NDcwMiIsIm9yZGVyaW5nIjoiMTY1MTQiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='16514'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_16514' value='f789ef098a'/> </form></div> </div> <div class="ays-quiz-powered-by-container"><div class="ays-quiz-promote-powered-by-text-row"><span class="ays-quiz-promote-powered-by-text">By <a href="https://ays-pro.com/wordpress/quiz-maker" target="_blank">Wordpress Quiz plugin</a></span></div></div></div></div> </div> </div> <div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'> <!-- YARPP List --> <h3>Đề trắc nghiệm liên quan:</h3><ol> <li><a href="https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-g2-nhom-nghe-quan-tri-thuoc-nganh-cong-nghe-thong-tin/" rel="bookmark" title="15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G2: Nhóm nghề quản trị thuộc ngành Công nghệ thông tin">15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài G2: Nhóm nghề quản trị thuộc ngành Công nghệ thông tin</a></li> <li><a href="https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-e7-u-dung-map-forms-va-cac-thiet-lap-trang-web/" rel="bookmark" title="15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài E7: ử dụng Map, Forms và các thiết lập trang web">15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài E7: ử dụng Map, Forms và các thiết lập trang web</a></li> <li><a href="https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-e6-chen-youtube-calendar-drive-va-collapsible-group/" rel="bookmark" title="15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài E6: Chèn YouTube, Calendar, Drive và Collapsible group">15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài E6: Chèn YouTube, Calendar, Drive và Collapsible group</a></li> <li><a href="https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-f18-ki-thuat-mo-phong/" rel="bookmark" title="15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F18: Kĩ thuật mô phỏng">15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài F18: Kĩ thuật mô phỏng</a></li> <li><a href="https://cauhoi.org/15-de-trac-nghiem-tin-hoc-12-chan-troi-sang-tao-bai-b5-duong-truyen-huu-tuyen-va-vo-tuyen/" rel="bookmark" title="15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B5: Đường truyền hữu tuyến và vô tuyến">15+ Đề Trắc nghiệm Tin học 12 Chân trời sáng tạo Bài B5: Đường truyền hữu tuyến và vô tuyến</a></li> </ol> </div> </div> <footer class="entry-meta" aria-label="Meta bài viết"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Danh mục </span><a href="https://cauhoi.org/thpt/lop-12/tin-hoc-12-chan-troi-sang-tao/" rel="category tag">Trắc Nghiệm Tin Học 12 - Chân Trời Sáng Tạo</a></span> </footer> </div> </article> </main> </div> </div> </div> <div class="site-footer grid-container"> <div id="footer-widgets" class="site footer-widgets"> <div class="footer-widgets-container grid-container"> <div class="inside-footer-widgets"> <div class="footer-widget-1"> <aside id="block-28" class="widget inner-padding widget_block widget_media_image"> <figure class="wp-block-image size-full"><img decoding="async" width="500" height="500" src="https://cauhoi.org/wp-content/uploads/2025/05/logo-cauhoi-org__1_-removebg-preview-1.png" alt="" class="wp-image-13413" srcset="https://cauhoi.org/wp-content/uploads/2025/05/logo-cauhoi-org__1_-removebg-preview-1.png 500w, https://cauhoi.org/wp-content/uploads/2025/05/logo-cauhoi-org__1_-removebg-preview-1-300x300.png 300w, https://cauhoi.org/wp-content/uploads/2025/05/logo-cauhoi-org__1_-removebg-preview-1-150x150.png 150w, https://cauhoi.org/wp-content/uploads/2025/05/logo-cauhoi-org__1_-removebg-preview-1-120x120.png 120w" sizes="(max-width: 500px) 100vw, 500px" /></figure> </aside> </div> <div class="footer-widget-2"> <aside id="block-16" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Về chúng tôi</strong></h4> </aside><aside id="block-22" class="widget inner-padding widget_block widget_text"> <p><strong>CauHoi.org</strong> là một nền tảng học trực tuyến miễn phí, tập trung cung cấp đa dạng các bài tập trắc nghiệm và tài liệu ôn tập. Trang web được thiết kế để đồng hành cùng bạn trong quá trình học và luyện thi, hỗ trợ bạn đạt kết quả tốt nhất một cách thuận tiện và hiệu quả.</p> </aside> </div> <div class="footer-widget-3"> <aside id="block-17" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Kết nối với chúng tôi</strong></h4> </aside><aside id="block-18" class="widget inner-padding widget_block"> <ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li> <li class="wp-social-link wp-social-link-x wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li> <li class="wp-social-link wp-social-link-bluesky wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Bluesky</span></a></li> <li class="wp-social-link wp-social-link-youtube wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul> </aside> </div> </div> </div> </div> <footer class="site-info" aria-label="Trang" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> © 2025 CauHoi.org <br> <a href="https://cauhoi.org/about-us/" target="_blank" rel="noopener nofollow">Giới thiệu</a> - <a href="https://cauhoi.org/disclaimer/" target="_blank" rel="noopener nofollow">Miễn trừ trách nhiệm</a> - <a href="https://cauhoi.org/policy/" target="_blank" rel="noopener nofollow">Chính sách bảo mật</a> - <a href="https://cauhoi.org/policy/content/" target="_blank" rel="noopener nofollow">Chính sách nội dung</a> - <a href="https://cauhoi.org/contact/" target="_blank" rel="noopener nofollow">Liên hệ</a> </div> </div> </footer> </div> <a title="Di chuyển lên đầu trang" aria-label="Di chuyển lên đầu trang" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300" role="button"> <span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span> </a><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/generatepress\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <div class="gp-modal gp-search-modal" id="gp-search"> <div class="gp-modal__overlay" tabindex="-1" data-gpmodal-close> <div class="gp-modal__container"> <form role="search" method="get" class="search-modal-form" action="https://cauhoi.org/"> <label for="search-modal-input" class="screen-reader-text">Tìm kiếm cho:</label> <div class="search-modal-fields"> <input id="search-modal-input" type="search" class="search-field" placeholder="Tìm kiếm …" value="" name="s" /> <button aria-label="Tìm kiếm"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button> </div> </form> </div> </div> </div> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='quiz-maker-font-awesome-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-font-awesome.min.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='quiz-maker-sweetalert-css-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-sweetalert2.min.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='quiz-maker-animate-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/animate.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='quiz-maker-animations-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/animations.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='quiz-maker-rating-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/rating.min.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='quiz-maker-select2-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-select2.min.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='quiz-maker-loaders-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/loaders.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='quiz-maker-dataTable-min-css' href='https://cauhoi.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-dataTables.min.css?ver=21.8.1' media='all' /> <link rel='stylesheet' id='yarppRelatedCss-css' href='https://cauhoi.org/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=5.30.11' media='all' /> <!--[if lte IE 11]> <script src="https://cauhoi.org/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.5.1" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"M\u1edf Sub-menu","closeSubMenuLabel":"\u0110\u00f3ng Sub-menu"}; </script> <script src="https://cauhoi.org/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js"></script> <script src="https://cauhoi.org/wp-content/themes/generatepress/assets/dist/modal.js?ver=3.5.1" id="generate-modal-js"></script> <script id="generate-back-to-top-js-extra"> var generatepressBackToTop = {"smooth":"1"}; </script> <script src="https://cauhoi.org/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.5.1" id="generate-back-to-top-js"></script> <script src="https://cauhoi.org/?code-snippets-js-snippets=footer&ver=1" id="code-snippets-site-footer-js"></script> <script src="https://cauhoi.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://cauhoi.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://cauhoi.org/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-select2.min.js?ver=21.8.1" id="quiz-maker-select2js-js"></script> <script src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-sweetalert2.all.min.js?ver=21.8.1" id="quiz-maker-sweetalert-js-js"></script> <script src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/js/rating.min.js?ver=21.8.1" id="quiz-maker-rate-quiz-js"></script> <script id="quiz-maker-datatable-min-js-extra"> var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; </script> <script src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-datatable.min.js?ver=21.8.1" id="quiz-maker-datatable-min-js"></script> <script src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-functions.js?ver=21.8.1" id="quiz-maker-functions.js-js"></script> <script id="quiz-maker-ajax-public-js-extra"> var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/cauhoi.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; </script> <script src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-public-ajax.js?ver=1749355977" id="quiz-maker-ajax-public-js"></script> <script id="quiz-maker-js-extra"> var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"You have not answered this question","areYouSure":"Do you want to finish the quiz? Are you sure?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Select an answer","shareDialog":"Share Dialog","passwordIsWrong":"Password is wrong!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"B\u0102\u0301T \u0110\u00c2\u0300U LA\u0300M BA\u0300I TEST","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/cauhoi.org\/wp-content\/plugins\/quiz-maker\/public"}; </script> <script src="https://cauhoi.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-public.js?ver=1749355977" id="quiz-maker-js"></script> <script> var keyword_hub_ajax_url = 'https://cauhoi.org/wp-admin/admin-ajax.php'; var keyword_hub_nonce = '233f298d43'; (function($) { $(document).on("click", "#view_result_hub", function(){ let _that = $(this); console.log(keyword_hub_nonce); //$(".form-kw-hub").show(); $.ajax({ url: keyword_hub_ajax_url, type: 'POST', data: { action: 'get_guide', nonce: keyword_hub_nonce }, beforeSend: function() { _that.html('Đang xử lý...'); }, success: function(response) { console.log(response); if(response.success){ $("#kw_guide_image").attr("src", response.data.guidImage); $("#kw_guide_image").attr("alt", response.data.keyword); $("#kw-id").val(response.data.keywordId); $("#keyword-content").text(response.data.keyword); $("#form-kw-hub").show(); _that.hide(); } else{ alert(response.data.message); } }, error: function(xhr, status, error) { console.log(error); } }); }); $(document).on("click", "#get_new_mission", function(){ let _that = $(this); //console.log(keyword_hub_nonce); //$(".form-kw-hub").show(); $.ajax({ url: keyword_hub_ajax_url, type: 'POST', data: { action: 'get_guide', nonce: keyword_hub_nonce }, beforeSend: function() { _that.addClass("running"); $("#form-kw-hub").addClass('running'); }, success: function(response) { console.log(response); if(response.success){ $("#kw_guide_image").attr("src", response.data.guidImage); $("#kw_guide_image").attr("alt", response.data.keyword); $("#kw-id").val(response.data.keywordId); $("#keyword-content").text(response.data.keyword); $("#form-kw-hub").show(); } else{ alert(response.data.message); } _that.removeClass("running"); $("#form-kw-hub").removeClass('running'); }, error: function(xhr, status, error) { console.log(error); } }); }); // $(document).on("click", "#submit_kw_hub1", function(e){ // e.preventDefault(); // let vincent = $("#kw-hub-input").val(); // var v_form = $(this).closest('form'); // if(vincent == "12345"){ // $("input[name='ays_finish_quiz']").click(); // } // else{ // alert("mật khầu sai"); // } // }); $('#submit_kw_hub').on('click', function(e) { e.preventDefault(); let custom_form = $("#form-kw-hub"); var inputValue = $('#kw-hub-input').val(); var inputId = $('#kw-id').val(); let _that = $(this); if( inputId == '') { alert("Có lỗi xảy ra. Vui lòng reload page!"); return; } if(inputValue === '') { alert("Vui lòng nhập mã!"); return; } $.ajax({ url: quiz_maker_ajax_public.ajax_url, type: 'POST', data: { action: 'validate_quiz', keyword: inputValue.trim(), keywordId: inputId.trim(), nonce: keyword_hub_nonce }, beforeSend: function() { _that.html('Đang xử lý...'); }, success: function(response) { _that.html('Xác nhận'); console.log(response); if(response.success){ //custom_form.append(''); console.log("validate ok"); $("input[name='ays_finish_quiz']").click(); } else{ alert("Sai mật khẩu. Vui lòng thử lại!"); } }, error: function(xhr, status, error) { _that.html('Xác nhận'); } }); }); $('.copy-keyword-btn').click(function () { const keyword = $('#keyword-content').text(); let _that = $(this); navigator.clipboard.writeText(keyword).then(() => { _that.html(`<span class="fa fa-check"></span>`); }); setTimeout( function(){ _that.html(`<span class="fa fa-copy"></span>`); }, 1500); }); })(jQuery); </script> </body> </html>