:root {
	--100vh: 100vh;
	--0_3vh:  calc(var(--100vh) * 0.003);
	--0_4vh:  calc(var(--100vh) * 0.004);
	--0_5vh:  calc(var(--100vh) * 0.005);
	--0_6vh:  calc(var(--100vh) * 0.006);
	
	--1vh:    calc(var(--100vh) * 0.01);
	--1_32vh: calc(var(--100vh) * 0.0132);
	--1_4vh:  calc(var(--100vh) * 0.014);
	--1_5vh:  calc(var(--100vh) * 0.015);
	--1_53vh: calc(var(--100vh) * 0.0153);
	--1_55vh: calc(var(--100vh) * 0.0155);
	--1_6vh:  calc(var(--100vh) * 0.016);
	--1_65vh: calc(var(--100vh) * 0.0165);
	--1_7vh:  calc(var(--100vh) * 0.017);
	--1_75vh: calc(var(--100vh) * 0.0175);
	--1_8vh:  calc(var(--100vh) * 0.018);
	--2vh:    calc(var(--100vh) * 0.02);
	--2_5vh:  calc(var(--100vh) * 0.025);
	--2_8vh:  calc(var(--100vh) * 0.028);
	--3vh:    calc(var(--100vh) * 0.03);
	--3_5vh:  calc(var(--100vh) * 0.035);
	--4vh:    calc(var(--100vh) * 0.04);
	--6vh:    calc(var(--100vh) * 0.06);
	
	--25vh:   calc(var(--100vh) * 0.25);
	--32_5vh: calc(var(--100vh) * 0.325);
	--35vh:   calc(var(--100vh) * 0.35);
	
	/* ==== TO BE UPDATED ==== */
}

/* ==== Common ==== */
.w-mp { width: 100%; }
.h-mp { height: 100%; }
.h-mvp { height: auto; }
.ll-h {
	display: -webkit-flex;
	display: flex;
}
.ll-h-c {
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	-webkit-justify-content: center;
}
.ll-v {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.ll-v-c {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.rl-c {
	display: -webkit-flex;
	display: flex;
	justify-content:center;
	-webkit-justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.drawer-p { position: relative; }
.drawer-c { position: absolute; }
.drawer-c_tl { position: absolute; top: 0; left: 0; }
.drawer-c_tr { position: absolute; top: 0; right: 0; }
.weight-1 { -webkit-flex: 1; flex: 1; }
.weight-2 { -webkit-flex: 2; flex: 2; }
.weight-3 { -webkit-flex: 3; flex: 3; }
.weight-4 { -webkit-flex: 4; flex: 4; }
.weight-5 { -webkit-flex: 5; flex: 5; }
.weight-6 { -webkit-flex: 6; flex: 6; }
.weight-7 { -webkit-flex: 7; flex: 7; }
.weight-8 { -webkit-flex: 8; flex: 8; }
.weight-9 { -webkit-flex: 9; flex: 9; }
.weight-10 { -webkit-flex: 10; flex: 10; }

.display-none { display: none !important; }

/* ================ */	
#downloadContent > p{ margin: 0; }
#dl_page_form_result_container {
	width: 100%;
	padding-top: 3vh; padding-top: var(--3vh);
	padding-bottom: 6vh; padding-bottom: var(--6vh);
	
	/* height is changed in JS */
}
	
#dl_page_form_card_container {
	width: 98%;
}
#dl_page_form_card {
	padding-top: 4vh; padding-top: var(--4vh);
	padding-bottom: 2.5vh; padding-bottom: var(--2_5vh);
	padding-left: 6.5vw;
	padding-right: 6.5vw;
	
	box-shadow: 1px 1px 3px #6e6e6e;
	border: 1px solid #dadada;
	border-radius: 2px;
}
.dl_page_input_row {
	margin-bottom: 2.8vh; margin-bottom: var(--2_8vh);
}
.dl_page_input_label {
	font-weight: 700;
	margin-bottom: 0.5vh; margin-bottom: var(--0_5vh);
	margin-left: 0.2vw;
}
.dl_page_input {
	border: 2px solid #B3B3B3;
	border-radius: 4px;
	
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 0.6vh; padding-top: var(--0_6vh);
	padding-bottom: 0.6vh; padding-bottom: var(--0_6vh);
	
	background-color: white;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#dl_page_input_clp_type { padding-right: 5.5vw; }
select::-ms-expand { display: none; }
.dl_page_input_left_no_radius { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.dl_page_input:focus { outline: none; border: 2px solid #8e8e8e; }			

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #afafaf;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #afafaf;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color: #afafaf;
}

.dl_page_input_err {
	color: red;
	font-size: 0.778em;
	font-style: italic;
	margin-left: 0.5vw;
	margin-top: 0.5vh; margin-top: var(--0_5vh);
	display: none;
}
#dl_page_session_err { background-color: yellow; }
.dl_page_input_clp_type_cert_full_name_text { 
	color: black; 
	
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 0;
}
.dl_page_input_clp_type_cert_full_name:first-child {
	margin-top: 0.5vh; margin-top:  var(--0_5vh); 
}

.dl_page_input_drop_down {
	top: 40%;
	right: 3.6%;
	height: 20%;
	
	display: none;
}
.dl_page_input_loading {
	top: 20%;
	right: 2.8%;
	height: 60%;
}
.dl_page_input_eye_show, .dl_page_input_eye_hide {
	top: 30%;
    right: 4.5%;
    height: 40%;
	
	cursor: pointer;
}
.dl_page_input_eye_hide { display: none; }
#dl_page_window_otp_input_eye_show, #dl_page_window_otp_input_eye_hide {
	top: 18%;
    right: 36%;
    height: 32%;
}

#dl_page_input_clp_type_options_outer_container {
	top: calc(100% + 2px); left: 0;
	z-index: 99;
	display: none;
}
#dl_page_input_clp_type_options_container {
	flex-shrink: 0;
	width: calc(100% - 1px);
	
	background-color: white;
	border-radius: 1px;
	box-shadow: 1px 1px 5px #505050;
	border: 1px solid #9a9a9a;

	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
}
.dl_page_input_clp_type_option {
	/*
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 0;
	*/
	border-bottom: 1px solid lightgrey;
	
	padding-top: 0.5vh; padding-top: var(--0_5vh);
	padding-bottom: 0.5vh; padding-bottom: var(--0_5vh);
	padding-left: 2vw;
	padding-right: 2vw;

	cursor: pointer;
	
	flex-shrink: 0;
}
.dl_page_input_clp_type_option:hover { background-color: #f0f0f0 !important; }
.dl_page_input_clp_type_option_disabled:hover { background-color: white !important; }

.dl_page_checkbox_outer_container {
	flex-shrink: 0;
}
.dl_page_checkbox_container {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dl_page_checkbox_checkmark {
	height: 18px; 
	width: 18px;
	
	border: 2px solid #B3B3B3;
    border-radius: 1px;
	
	margin-left: 2vw;
	
	cursor: pointer;
}
#dl_page_checkbox_checkmark_select_all { border: 2px solid white; }
.dl_page_checkbox_checkmark:after {
	position: absolute;   /*drawer-c*/
	
	top: 0px;
    left: 4px;
    width: 7px;
    height: 12px;
	
	border-bottom: 3px solid white;
	border-right: 3px solid white;
	
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.dl_page_checkbox {
	display: none;
}
.dl_page_checkbox_checkmark:after {
	content: "";
	display: none;   /*default tick is not shown*/
}
.dl_page_checkbox:checked ~ label > .dl_page_checkbox_checkmark:after {
	display: block;   /*Show when checked*/
}
.dl_page_checkbox:checked ~ label > .dl_page_checkbox_checkmark {
	background-color: #FF8B00;    /*Change style when checked*/
	border: 2px solid #FF8B00;
}
#dl_page_checkbox_select_all:checked ~ label > .dl_page_checkbox_checkmark { background-color: #0769AD; border: 2px solid white; }

#dl_page_input_clp_type_summary {
	position: sticky; 
	bottom: 0; 
	
	padding-top: 0.3vh; padding-top: var(--0_3vh);
	padding-bottom: 0.3vh; padding-bottom: var(--0_3vh);
	padding-left: 2vw;
	padding-right: 2vw;
	
	background-color: #f7f7f7;
	box-shadow: 0 2px 0 #f7f7f7;
	border-top: 1px solid #efefef;
}
#dl_page_input_clp_type_option_count, #dl_page_input_clp_type_filter_name {	
	font-style: italic;
	color: #7c7c7c;
}
#dl_page_input_clp_type_filter_name { margin-left: 5vw; }

#dl_page_selected_clp_types_container {
	max-width: 46vw;
	overflow-x: auto;
}
#dl_page_selected_clp_types_container::-webkit-scrollbar { display: none; }
#dl_page_selected_clp_types_container { -ms-overflow-style: none; scrollbar-width: none; }

#dl_page_selected_clp_type_container_padding_left {
	width: 1.5vw; 
	
	display: none;
}

.dl_page_selected_clp_type_container {
	flex-shrink: 0;
}
.dl_page_selected_clp_type {
	height: 68%; 
	background-color: #FF8B00; 
	border-radius: 3px; 
	box-shadow: 0 1px 1px #B3B3B3;
}
.dl_page_selected_clp_type_text {
	color: white; 
	font-size: 0.92em;
	
	margin-left: 1.2vw; 
	margin-right: 1.2vw;
}
.dl_page_selected_clp_type_img {
	height: 1.53vh;	height: var(--1_53vh);
	
	margin-left: 0.3vw;
	margin-right: 1vw;
	
	cursor: pointer;
}
.dl_page_selected_clp_type_sep {
	width: 1.2vw;
}

#dl_page_selected_clp_types_container_sep {
	height: 50%;
	width: 1px;
	background-color: #b1b1b1;
	
	margin-left: 1.8vw;
	
	display: none;
}
#dl_page_selected_clp_types_container_outside_text {
	margin-left: 1.2vw;
	margin-right: 5.5vw;
	
	white-space: nowrap;
	overflow: hidden;
	width: 0;
	
	display: none;
}
#dl_page_input_clp_type:focus ~ #dl_page_selected_clp_types_outer_container > div > #dl_page_selected_clp_types_container_sep { opacity: 0 !important; } 

#dl_page_selected_clp_type_container_dummy_space { width: 2vw; }

#dl_page_non_clp_type_block { 
	display: none; 
}
#dl_page_form_card_padding_bottom {
	height: 2vh; height: var(--2vh);
	display: none;
}

.dl_page_input_utn_container:not(:last-child) { margin-bottom: 1vh; margin-bottom: var(--1vh); }

.dl_page_input_button_container {
	flex-shrink: 0;
}
.dl_page_input_button {
	background-color: #B3B3B3;	
	box-shadow: 1px 2px 2px #949494;
	
	height: 92%;
	padding-left: 1.2vw;
	padding-right: 1.2vw;
	
	margin-left: 2px;
	
	cursor: pointer;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	
	flex-shrink: 0;
}
.dl_page_input_button:hover {
	background-color: #bababa;
}
.dl_page_input_button_text {
	font-weight: bold;
	color: white;
}


/* == Email Mobile Drop Down ==*/
#dl_page_input_mobile_container {
	display: none;
}
#dl_page_input_mobile_prefix_container { width: 40%; }
#dl_page_input_mobile { width: 60%; }

#dl_page_input_drop_down_email_or_mobile {
	display: block; 
	right: 7%;
}
#dl_page_input_drop_down_mobile_prefix {
	display: block; 
	right: 10%;
}

#dl_page_input_mobile_prefix {
	border-top-right-radius: 0; 
	border-bottom-right-radius: 0; 
	border-right:0;
}
#dl_page_input_mobile {
	border-top-left-radius: 0; 
	border-bottom-left-radius: 0;
}

#dl_page_input_email_or_mobile_options_outer_container, #dl_page_input_mobile_prefix_options_outer_container {
	top: calc(100% + 2px); left: 0;
	z-index: 99;
	display: none;
}
#dl_page_input_email_or_mobile_options_container, #dl_page_input_mobile_prefix_options_container {
	flex-shrink: 0;
	width: calc(100% - 1px);
	
	background-color: white;
	border-radius: 1px;
	box-shadow: 1px 1px 5px #505050;
	border: 1px solid #9a9a9a;

	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
}
/* ====*/

#dl_page_input_captcha_block {
	background-color: #f7f7f7;
	border-radius: 5px;
	padding-top: 0.5vh; padding-top: var(--0_5vh);
	padding-bottom: 1vh; padding-bottom: var(--1vh);
}
.dl_page_input_label_small {
	font-size: 0.778em;
	margin-left: 0.2vw;
	margin-bottom: 0.5vh; margin-bottom: var(--0_5vh);
}
#dl_page_input_captcha_img {
	margin-left: 0.2vw;
}
#dl_page_input_captcha_playFrame {
	display: none !important;
	visibility: hidden;
}
#dl_page_input_captcha_change, #dl_page_input_captcha_listen, #dl_page_input_captcha_button_sep {
	font-size: 0.778em;
	color: #656e85;
	margin-left: 0.2vw;
}
#dl_page_input_captcha_button_sep { margin-right: 1.5vw; margin-left: 1.5vw; }

#dl_page_confirm {
	background-color: #FF8B00;
	border-radius: 2px;
	box-shadow: 1px 2px 2px grey;
	
	padding-top: 0.5vh; padding-top: var(--0_5vh);
	padding-bottom: 0.5vh; padding-bottom: var(--0_5vh);
	margin-top: 2vh; margin-top: var(--2vh);
	margin-bottom: 1vh; margin-bottom: var(--1vh);
	
	cursor: pointer;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}
#dl_page_confirm:hover {
	background-color: #ff9619;
}

#dl_page_confirm_text {
	font-weight: 700;
	color: white;
}

.dl_page_window_container {
	position: fixed; 
	top: 0; left: 0; 
	
	z-index:999;
	
	display: none;
	opacity: 0;
	
	transition: opacity 50ms ease-out;
}
.dl_page_window_background {
	background-color: black; 
	opacity: 0.2;
}
.dl_page_window {
	width: 86vw;
	background-color: white;
	box-shadow: 3px 3px 2px #393939;
	
	padding-top: 3.5vh; padding-top: var(--3_5vh);
	padding-bottom: 2.5vh; padding-bottom: var(--2_5vh);
	padding-left: 6vw;
	padding-right: 6vw;
	
	border-radius: 1px;
	border: 2px solid #dedede;
	
	display: none;
	opacity: 0;
	transform: translateY(-10px);
	
	transition: transform 100ms ease-out, opacity 100ms ease-out;
}
#dl_page_window_download { padding-left: 5vw; padding-right: 5vw; }

.dl_page_window_header {
	font-weight: bold; 
	font-size: 0.92em;
	margin-bottom: 1.8vh; margin-bottom: var(--1_8vh); 
}
.dl_page_window_sub_header {
	font-size: 0.778em;   /* OLD: 0.72em, but it is too small */
	margin-bottom: 1.6vh; margin-bottom: var(--1_6vh); 
}
#dl_page_window_download_contact { margin-left: 2.4vw; }
#dl_page_window_otp_expire, #dl_page_window_otp_resent { margin-bottom: 2.5vh; margin-bottom: var(--2_5vh); }
#dl_page_window_otp_resent {
	font-weight: bold; 
	text-decoration: underline; 
	color: #808080; 
	
	cursor: pointer
}

#dl_page_window_otp_input_outer, #dl_page_window_otp_input {
	width: 68%; 
	margin-bottom: 2vh; margin-bottom: var(--2vh); 
}
#dl_page_window_otp_input {
	display: none;
}
#dl_page_window_forget_passcode_input {
	width: 100%; 
	margin-bottom: 2vh; margin-bottom: var(--2vh); 
}

#dl_page_window_download_table_container {
	max-height: 35vh; max-height: var(--35vh);
	
	margin-bottom: 3vh; margin-bottom: var(--3vh);
	
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior: contain;
}
#dl_page_window_download_table_header_container {
	position: sticky;
	top: 0;
	z-index: 99;
	
	background-color: #0769AD;
	padding-left: 2vw;
	padding-right: 2vw;
}
.dl_page_window_download_table_header {
	color: white;
	font-weight: bold;
	font-size: 0.82em;
	
	padding-top: 0.5vh; padding-top: var(--0_5vh);
	padding-bottom: 0.5vh; padding-bottom: var(--0_5vh);
}
.dl_page_window_download_table_header_extra { 
	display: none; 
	
	overflow: hidden;   
	/* For long-single-text, even flex-shrink:0 is no uses */
	/* It will wrap text until long-single-text, then hide it */
}

#dl_page_window_download_table_row_container {
	flex-shrink: 0;	
}
.dl_page_win_download_table_row {
	border-bottom: 1px solid lightgrey;
	
	padding-left: 2vw;
	padding-right: 2vw;

	cursor: pointer;
	
	flex-shrink: 0;
}
.dl_page_win_download_table_row:hover { background-color: #f0f0f0 !important; }
.dl_page_win_download_table_row_text {
	font-size: 0.778em;   /* OLD: 0.72em, but it is too small */
	
	padding-top: 0.6vh; padding-top: var(--0_6vh);
	padding-bottom: 0.6vh; padding-bottom: var(--0_6vh); 
	
	margin-left: 0.4vw;
	margin-right: 0.4vw;
	
	overflow-wrap: anywhere;   
	/* It wraps long-single-text */
}
.dl_page_win_download_table_row_license { overflow-wrap: anywhere; }
.dl_page_win_download_table_row_badge {
	font-size: 0.778em;
	margin-left: 0.4vw;
	color: white;
	
	padding-top: 0.5vh; padding-top: var(--0_5vh);
	padding-bottom: 0.5vh; padding-bottom: var(--0_5vh);
	padding-left: 0.8vw;
	padding-right: 0.8vw;
	border-radius: 5px;
	
	white-space: nowrap;
}

.dl_page_window_btn_container {
	margin-top: 3vh; margin-top: var(--3vh); 
	margin-bottom: 1vh; margin-bottom: var(--1vh);
}

.dl_page_window_btn {
	background-color: #B3B3B3;	
	box-shadow: 1px 2px 2px #b1b1b1;
	border-radius: 1px;
	
	padding-left: 8vw;
	padding-right: 8vw;
	padding-top: 0.5vh; padding-top: var(--0_5vh); 
	padding-bottom: 0.5vh; padding-bottom: var(--0_5vh);
	margin-left: 3vw;
	
	cursor: pointer;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}
#dl_page_submit_otp, #dl_page_submit_download, #dl_page_submit_forget_passcode { background-color: #FF8B00; }

#dl_page_cancel_otp:hover, #dl_page_cancel_download:hover, #dl_page_cancel_forget_passcode:hover { background-color: #bdbdbd; }
#dl_page_submit_otp:hover, #dl_page_submit_download:hover, #dl_page_submit_forget_passcode:hover { background-color: #ff9619; }

.dl_page_window_btn_text {
	font-weight: bold;
	color: white;
}

/* == Mobile == */
@media screen and (max-width: 1199px) {

	/* == Common Mobile == */
	
	#dl_page_input_email_mobile_container {
		/* ll-v */
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	#dl_page_input_email_or_mobile_container {
		margin-bottom: 1vh; margin-bottom: var(--1vh);
		margin-right: 0;
	}
	#downloadPageWrap{
		font-size: 0.875em;
	}
}
	
/* == Specific Mobile == */
@media screen and (max-width: 1199px) and (min-aspect-ratio: 70/100) { /*630*/

	#dl_page_form_card_container { width: 89%; }
	#dl_page_form_card { padding-left: 6.25vw; padding-right: 6.25vw; }
	
	.dl_page_input {                 padding-left: 1.75vw; padding-right: 1.75vw; }
	#dl_page_input_clp_type {                              padding-right: 4.5vw;  }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 1.75vw; padding-right: 1.75vw; }
	.dl_page_checkbox_checkmark { margin-left: 1.75vw; }	
	#dl_page_selected_clp_type_container_dummy_space { width: 1.75vw; }
	
	#dl_page_selected_clp_types_container { max-width: 45vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 1.3vw; }
	.dl_page_selected_clp_type_sep { width: 1vw; }
	.dl_page_selected_clp_type_text { margin-left: 1.1vw; margin-right: 1.1vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.3vw; margin-right: 0.9vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 1.6vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 1vw; margin-right: 4.5vw; }	
	
	.dl_page_window          { width: 74vw; padding-left: 5.5vw; padding-right: 5.5vw; }
	#dl_page_window_download { width: 76vw; padding-left: 4.5vw; padding-right: 4.5vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 84vw; padding-left: 4.5vw; padding-right: 4.5vw; }
	.dl_page_window_btn { padding-left: 7vw; padding-right: 7vw; margin-left: 2.75vw; }
	
}
@media screen and (max-width: 1199px) and (min-aspect-ratio: 90/100) {  /*810*/

	#dl_page_form_card_container { width: 83%; }
	#dl_page_form_card { padding-left: 6vw; padding-right: 6vw; }
	
	.dl_page_input {                 padding-left: 1.5vw; padding-right: 1.5vw; }
	#dl_page_input_clp_type {                             padding-right: 4vw;   }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 1.5vw; padding-right: 1.5vw; }
	.dl_page_checkbox_checkmark { margin-left: 1.5vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 1.5vw; }
	
	#dl_page_selected_clp_types_container { max-width: 44vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 1.1vw; }
	.dl_page_selected_clp_type_sep { width: 0.8vw; }
	.dl_page_selected_clp_type_text { margin-left: 1vw; margin-right: 1vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.3vw; margin-right: 0.8vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 1.4vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.8vw; margin-right: 4vw; }
	
	.dl_page_window          { width: 62vw; padding-left: 5vw; padding-right: 5vw; }
	#dl_page_window_download { width: 66vw; padding-left: 4vw; padding-right: 4vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 82vw; padding-left: 4vw; padding-right: 4vw; }
	.dl_page_window_btn { padding-left: 6vw; padding-right: 6vw; margin-left: 2.5vw; }
	
}
@media screen and (max-width: 1199px) and (min-aspect-ratio: 110/100) {  /*990*/

	#dl_page_form_card_container { width: 81%; }
	#dl_page_form_card { padding-left: 5.75vw; padding-right: 5.75vw; }
	
	.dl_page_input {                 padding-left: 1.25vw; padding-right: 1.25vw; }
	#dl_page_input_clp_type {                              padding-right: 3.5vw;  }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 1.25vw; padding-right: 1.25vw; }
	.dl_page_checkbox_checkmark { margin-left: 1.25vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 1.25vw; }
	
	#dl_page_selected_clp_types_container { max-width: 43vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 0.9vw; }
	.dl_page_selected_clp_type_sep { width: 0.6vw; }
	.dl_page_selected_clp_type_text { margin-left: 0.9vw; margin-right: 0.9vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.3vw; margin-right: 0.7vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 1.2vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.6vw; margin-right: 3.5vw; }
	
	.dl_page_window          { width: 50vw; padding-left: 4.5vw; padding-right: 4.5vw; }
	#dl_page_window_download { width: 56vw; padding-left: 3.5vw; padding-right: 3.5vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 76vw; padding-left: 3.5vw; padding-right: 3.5vw; }
	.dl_page_window_btn { padding-left: 5vw; padding-right: 5vw; margin-left: 2.25vw; }
	
}
@media screen and (max-width: 1199px) and (min-aspect-ratio: 130/100) {   /*1170*/

	#dl_page_form_card_container { width: 80%; }
	#dl_page_form_card { padding-left: 5.5vw; padding-right: 5.5vw; }
	
	.dl_page_input {                 padding-left: 1vw; padding-right: 1vw; }
	#dl_page_input_clp_type {                           padding-right: 3vw; }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 1vw; padding-right: 1vw; }
	.dl_page_checkbox_checkmark { margin-left: 1vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 1vw; }
	
	#dl_page_selected_clp_types_container { max-width: 42vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 0.7vw; }
	.dl_page_selected_clp_type_sep { width: 0.4vw; }
	.dl_page_selected_clp_type_text { margin-left: 0.8vw; margin-right: 0.8vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.3vw; margin-right: 0.6vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 1vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.4vw; margin-right: 3vw; }
	
	.dl_page_window          { width: 38vw; padding-left: 4vw; padding-right: 4vw; }
	#dl_page_window_download { width: 46vw; padding-left: 3vw; padding-right: 3vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 68vw; padding-left: 3vw; padding-right: 3vw; }
	.dl_page_window_btn { padding-left: 4vw; padding-right: 4vw; margin-left: 2vw; }
	
}

/* ============== RWD for New Website ============== */

@media screen and (min-width: 1200px) and (max-width: 1499px) {
	#dl_page_form_card_container { width: 52%; }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) and (min-aspect-ratio: 140/100) {
	#dl_page_form_card_container { width: 50%; }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) and (min-aspect-ratio: 150/100) {
	#dl_page_form_card_container { width: 48%; }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) and (min-aspect-ratio: 160/100) {
	#dl_page_form_card_container { width: 46%; }
}
@media screen and (min-width: 1200px) and (max-width: 1499px) and (min-aspect-ratio: 170/100) {
	#dl_page_form_card_container { width: 44%; }
}

@media screen and (min-width: 1500px) {
	#dl_page_form_card_container { width: 74%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 140/100) {
	#dl_page_form_card_container { width: 70%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 150/100) {
	#dl_page_form_card_container { width: 66%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 160/100) {
	#dl_page_form_card_container { width: 62%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 170/100) {
	#dl_page_form_card_container { width: 58%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 180/100) {
	#dl_page_form_card_container { width: 54%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 190/100) {
	#dl_page_form_card_container { width: 50%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 200/100) {
	#dl_page_form_card_container { width: 46%; }
}
@media screen and (min-width: 1500px) and (min-aspect-ratio: 210/100) {
	#dl_page_form_card_container { width: 42%; }
}

/* ================================================= */

/* == Desktop == */
@media screen and (min-width: 1200px) {

	/* == Common Desktop == */
	
	#dl_page_input_email_mobile_container {
		/* ll-h */
		display: -webkit-flex;
		display: flex;
	}
	#dl_page_input_email_or_mobile_container {
		margin-bottom: 0;
		margin-right: 1vw;
	}
	#dl_page_input_email_or_mobile_container { 
		/* weight-3 */
		-webkit-flex: 3; flex: 3; 
	}
	#dl_page_input_email_container, #dl_page_input_mobile_container {
		/* weight-7 */
		-webkit-flex: 7; flex: 7; 
	}
	
	#dl_page_form_card { padding-left: 3.4vw; padding-right: 3.4vw; }
	
	.dl_page_input {                 padding-left: 1vw; padding-right: 1vw;   }
	#dl_page_input_clp_type {                           padding-right: 2.5vw; }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 1vw; padding-right: 1vw;   }
	.dl_page_checkbox_checkmark { margin-left: 1vw; }
	#dl_page_input_clp_type_filter_name { margin-right: 0.8vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 1vw; }
	
	#dl_page_selected_clp_types_container { max-width: 28vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 0.7vw; }
	.dl_page_selected_clp_type_sep { width: 0.55vw; }
	.dl_page_selected_clp_type_text { margin-left: 0.9vw; margin-right: 0.9vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.4vw; margin-right: 0.7vw; }
	
	.dl_page_selected_clp_type_img { height: 1.32vh; height: var(--1_32vh); }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 1vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.75vw; margin-right: 2.5vw; }
	
	.dl_page_checkbox_checkmark { height: 16px; width: 16px; }
	.dl_page_checkbox_checkmark:after { top: 0; left: 3px; width: 6px; height: 11px; }
	
	#dl_page_input_clp_type_options_container { min-width: calc(100% - 1px); width: auto; }
	#dl_page_input_clp_type_options_container { max-width: 54vw; }
	
	#dl_page_input_email_or_mobile_options_container, #dl_page_input_mobile_prefix_options_container { min-width: calc(100% - 1px); width: auto; }
	
	#dl_page_input_captcha_button_sep { margin-right: 0.5vw; margin-left: 0.5vw; }

	.dl_page_window          { width: 38vw; padding-left: 3vw; padding-right: 3vw; }
	#dl_page_window_download { width: 52vw; padding-left: 3vw; padding-right: 3vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 70vw; padding-left: 3vw; padding-right: 3vw; }
	
	#dl_page_window_download_table_container { max-height: 25vh; max-height: var(--25vh); }
	#dl_page_window_download_table_header_container { padding-left: 1vw; padding-right: 1vw; }
	.dl_page_win_download_table_row { padding-left: 1vw; padding-right: 1vw; }
	.dl_page_win_download_table_row_badge { padding-left: 0.55vw; padding-right: 0.55vw; }
	#dl_page_window_download_contact { margin-left: 1.4vw; }
	
	.dl_page_window_btn { padding-left: 3vw; padding-right: 3vw; margin-left: 1vw; }
	
	/* font-size (default: 1em) */
	.dl_page_input_err { font-size: 0.887em; }
	.dl_page_selected_clp_type_text { font-size: 1.05em; }
	.dl_page_input_label_small { font-size: 0.887em; }
	#dl_page_input_captcha_change, #dl_page_input_captcha_listen, #dl_page_input_captcha_button_sep { font-size: 0.887em; }
	.dl_page_window_header { font-size: 1.05em; }
	.dl_page_window_sub_header { font-size: 0.821em; }
	.dl_page_window_download_table_header { font-size: 0.935em; }
	.dl_page_win_download_table_row_text { font-size: 0.821em; }
	.dl_page_win_download_table_row_badge { font-size: 0.821em; }
}

/* == Specific Desktop == */
@media screen and (min-width: 1200px) and (min-aspect-ratio: 150/100) {
	#dl_page_form_card { padding-left: 3.1vw; padding-right: 3.1vw; }
	
	.dl_page_input {                 padding-left: 0.9vw; padding-right: 0.9vw; }
	#dl_page_input_clp_type {                             padding-right: 2.3vw; }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 0.9vw; padding-right: 0.9vw; }
	.dl_page_checkbox_checkmark { margin-left: 0.9vw; }
	#dl_page_input_clp_type_filter_name { margin-right: 0.7vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 0.9vw; }
	
	#dl_page_selected_clp_types_container { max-width: 26vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 0.65vw; }
	.dl_page_selected_clp_type_sep { width: 0.5vw; }
	.dl_page_selected_clp_type_text { margin-left: 0.75vw; margin-right: 0.75vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.4vw; margin-right: 0.6vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 0.95vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.7vw; margin-right: 2.3vw; }
	
	#dl_page_input_clp_type_options_container { max-width: 51vw; }
	
	.dl_page_window          {      width: 35vw; padding-left: 2.75vw; padding-right: 2.75vw; }
	#dl_page_window_download { width: 48vw; padding-left: 2.75vw; padding-right: 2.75vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 64vw; padding-left: 2.75vw; padding-right: 2.75vw; }
	.dl_page_window_btn { padding-left: 2.75vw; padding-right: 2.75vw; margin-left: 0.9vw; }
		
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 170/100) {
	#dl_page_form_card { padding-left: 2.8vw; padding-right: 2.8vw; }
	
	.dl_page_input {                 padding-left: 0.8vw; padding-right: 0.8vw; }
	#dl_page_input_clp_type {                             padding-right: 2.1vw; }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 0.8vw; padding-right: 0.8vw; }
	.dl_page_checkbox_checkmark { margin-left: 0.8vw; }
	#dl_page_input_clp_type_filter_name { margin-right: 0.6vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 0.8vw; }
	
	#dl_page_selected_clp_types_container { max-width: 24vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 0.6vw; }
	.dl_page_selected_clp_type_sep { width: 0.45vw; }
	.dl_page_selected_clp_type_text { margin-left: 0.6vw; margin-right: 0.6vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.4vw; margin-right: 0.5vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 0.9vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.65vw; margin-right: 2.1vw; }
	
	#dl_page_input_clp_type_options_container { max-width: 48vw; }
	
	.dl_page_window          { width: 32vw; padding-left: 2.5vw; padding-right: 2.5vw; }
	#dl_page_window_download { width: 44vw; padding-left: 2.5vw; padding-right: 2.5vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 60vw; padding-left: 2.5vw; padding-right: 2.5vw; }
	.dl_page_window_btn { padding-left: 2.5vw; padding-right: 2.5vw; margin-left: 0.8vw; }
		
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 190/100) {
	#dl_page_form_card { padding-left: 2.5vw; padding-right: 2.5vw; }
	
	.dl_page_input {                 padding-left: 0.7vw; padding-right: 0.7vw; }
	#dl_page_input_clp_type {                             padding-right: 1.9vw; }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 0.7vw; padding-right: 0.7vw; }
	.dl_page_checkbox_checkmark { margin-left: 0.7vw; }
	#dl_page_input_clp_type_filter_name { margin-right: 0.5vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 0.7vw; }
	
	#dl_page_selected_clp_types_container { max-width: 22vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 0.55vw; }
	.dl_page_selected_clp_type_sep { width: 0.4vw; }
	.dl_page_selected_clp_type_text { margin-left: 0.45vw; margin-right: 0.45vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.4vw; margin-right: 0.4vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 0.85vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.6vw; margin-right: 1.9vw; }

	#dl_page_input_clp_type_options_container { max-width: 45vw; }

	.dl_page_window          { width: 29vw; padding-left: 2.25vw; padding-right: 2.25vw; }
	#dl_page_window_download { width: 40vw; padding-left: 2.25vw; padding-right: 2.25vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 70vw; padding-left: 2.25vw; padding-right: 2.25vw; }
	.dl_page_window_btn { padding-left: 2.25vw; padding-right: 2.25vw; margin-left: 0.7vw; }
	
}
@media screen and (min-width: 1200px) and (min-aspect-ratio: 210/100) {
	#dl_page_form_card { padding-left: 2.2vw; padding-right: 2.2vw; }
	
	.dl_page_input {                 padding-left: 0.6vw; padding-right: 0.6vw; }
	#dl_page_input_clp_type {                             padding-right: 1.7vw; }
	.dl_page_input_clp_type_option, #dl_page_input_clp_type_summary { padding-left: 0.6vw; padding-right: 0.6vw; }
	.dl_page_checkbox_checkmark { margin-left: 0.6vw; }
	#dl_page_input_clp_type_filter_name { margin-right: 0.4vw; }
	#dl_page_selected_clp_type_container_dummy_space { width: 0.6vw; }
	
	#dl_page_selected_clp_types_container { max-width: 20vw; }
	#dl_page_selected_clp_type_container_padding_left { width: 0.5vw; }
	.dl_page_selected_clp_type_sep { width: 0.35vw; }
	.dl_page_selected_clp_type_text { margin-left: 0.3vw; margin-right: 0.3vw; }
	.dl_page_selected_clp_type_img { margin-left: 0.4vw; margin-right: 0.3vw; }
	
	#dl_page_selected_clp_types_container_sep { margin-left: 0.8vw; }
	#dl_page_selected_clp_types_container_outside_text { margin-left: 0.55vw; margin-right: 1.7vw; }
	
	#dl_page_input_clp_type_options_container { max-width: 42vw; }
	
	.dl_page_window          { width: 26vw; padding-left: 2vw; padding-right: 2vw; }
	#dl_page_window_download { width: 36vw; padding-left: 2vw; padding-right: 2vw; }
	#dl_page_window_download.dl_page_window_download_extra_width { width: 65vw; padding-left: 2vw; padding-right: 2vw; }
	.dl_page_window_btn { padding-left: 2vw; padding-right: 2vw; margin-left: 0.6vw; }
	
}