@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


body{width:100%; margin:0; font-family:'Poppins', sans-serif !important; font-size:0.85rem; line-height:1.5rem; color:#fff; background:#000; position:relative;}
a{color:#f49120; text-decoration:none; outline:none !important;}
a:hover{color:#fff; text-decoration:none; outline:none !important;}

strong{font-weight:400 !important;}
em, var, address, dfn{font-style:normal !important;}
dl{margin:0 !important; -webkit-margin-before:0 !important; -webkit-margin-after:0 !important; -webkit-margin-start:0px; -webkit-margin-end:0px;}
dd{margin:0 0 0 15px !important; -webkit-margin-start:15px !important;}

p{display:block; -webkit-margin-before:0; -webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0; margin:1rem 0;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0;}
input[type=number]{-moz-appearance:textfield;}


/* - - - - - - - - - - - mobile menu - added 13/07/2023 - 10:15am - - - - - - - - - - - */

.header_mobile_bar{display:none; width:100%; height:80px; padding:0; border-bottom:1px solid #ddd; -webkit-box-shadow:0px 5px 10px 0px rgba(221,221,221,0.5);
									 -moz-box-shadow:0px 5px 10px 0px rgba(221,221,221,0.5); box-shadow:0px 5px 10px 0px rgba(221,221,221,0.5); z-index:100;}

.header_mobile_menu{display:inline-block; width:20% !important; height:80px; float:right;}
.header_mobile_menu_icon{display:block; width:100%; height:100%; background:url('https://www.mycareerfair.my/images/icon_mobile_nav_grey.png') no-repeat center right 25px/20px;}
.header_mobile_branding{display:inline-block; width:58% !important; height:80px;}
.header_mobile_branding_logo{display:block; width:100%; height:100%; 
														 background:url('https://assets.jobstore.my/mycareerfair/images/branding/mycareerfair_logo_heart_white.png') 
														 no-repeat center left 23px/125px;}
/*.header_mobile_search{display:inline-block; width:20% !important; height:50px; float:right;}*/
/*.header_mobile_search_icon{display:block; width:100%; height:100%; background:url('https://assets.jobstore.my/images/icon_search_dark.png') no-repeat center/20px;}*/

.header_mobile_menu_box{display:none; width:100%; min-height:100vh; height:auto; background:#fff; box-shadow:0 0 5px #ddd; position:absolute; top:0; left:0; z-index:1000;}
.header_mobile_menu_list{display:block; width:90%; min-height:80vh; height:auto; margin:0 auto;}

.header_mobile_menu_branding{display:inline-block; width:150px; max-width:60%; height:80px;
														 background:url('https://assets.jobstore.my/mycareerfair/images/branding/mycareerfair_logo_heart_white.png') no-repeat center left 4px/125px;}

.header_mobile_menu_close{display:inline-block; width:20%; height:80px; float:right;
													background:url('https://www.mycareerfair.my/images/icon_x_black.png') no-repeat center right 5px/15px;}

.header_mobile_menu_user{display:block; width:95%; font-family:'Poppins', sans-serif !important; margin:1rem auto;}
.header_mobile_menu_header{display:block; font-size:22px; font-weight:600; color:#000 !important; margin:1rem auto;}
.header_mobile_menu_pic{display:inline-block; width:30px; height:30px; border:1px solid #ddd; border-radius:50%; margin-right:2%; vertical-align:middle;}
.header_mobile_menu_header_title{display:inline-block; width:auto; max-width:100%; height:30px; line-height:30px; font-size:1.25rem; font-weight:600; color:#000;}
.header_mobile_menu_header_admin{display:inline-block; width:auto; max-width:100%; height:30px; line-height:30px; font-size:1.25rem; font-weight:600; color:#000; 
																 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.header_mobile_menu_header_name{display:inline-block; width:auto; max-width:90%; height:30px; line-height:30px; font-size:1.25rem; font-weight:600; color:#000; 
																white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:top;}
.header_mobile_menu_user_each{display:block; width:100%; line-height:2.25rem; font-size:1rem; font-family:'Poppins', sans-serif !important; 
															font-weight:400; color:#000; margin:0 auto;}
.header_mobile_menu_user_line{display:block; width:100%; border-bottom:1px solid #ddd; margin:1.5rem auto;}

.header_mobile_search_container{display:none; width:auto; max-width:100%; padding:4% 8%; box-shadow:0 0 5px #ddd;}
.header_mobile_search_block{display:block; width:100%; height:auto;}
.header_mobile_search_title{display:block; width:100%; height:40px; line-height:40px; font-size:1.25rem; font-weight:600; font-family:'Poppins', sans-serif !important; 
														color:#fff; margin:0 auto 1rem;}
.header_mobile_search_each{display:block; width:100%; margin:1rem auto;}
.header_mobile_search_container input, .header_mobile_search_container select, .header_mobile_search_each input, .header_mobile_search_each select,
.header_center_search_opt_loc_select, .header_loc_dropdown_link, .header_loc_dropdown a{font-size:1rem !important;}

/* - - - - - - - - - - - END mobile menu - added 13/07/2023 - 10:15am - - - - - - - - - - - */


.cf_header_top{display:flex; width:100%; height:125px; margin:0 auto; z-index:100;}

.cf_header_top_box{display:flex; align-items:center; justify-content:space-between;
										width:1080px; max-width:90%; height:125px; text-align:center; margin:0 auto;}

.cf_header_top_left{display:inline-block; width:22%; height:125px; line-height:125px; text-align:left; vertical-align:top;}
.cf_header_top_right{display:/*inline-block*/ flex; width:78%; align-items:center; justify-content:end; gap:2.5%; text-align:right;}

.cf_header_top_left_img{display:block; width:85%; height:125px; object-fit:contain;}

.cf_header_top_center_left{display:inline-block; width:60%; text-align:left; vertical-align:top;}
.cf_header_top_center_right{display:inline-block; width:39%; text-align:right; vertical-align:top; position:relative;}

.cf_header_top_menu{display:inline-block; height:125px; line-height:125px; /*padding:0 1.5rem 0 0;*/}
.cf_header_top_menu a{font-size:0.9rem; font-weight:500; color:#fff; text-transform:uppercase;}
.cf_header_top_menu a:hover{color:#f1f1f1; text-decoration:underline;}
.cf_header_top_menu_on{font-weight:600; text-decoration:underline; color:#fff;}

.cf_header_top_right_button_blank{/*display:block; width:125px;*/ height:40px; line-height:40px; font-size:0.9rem; font-weight:600; color:#f49120; 
																	text-align:center; text-transform:uppercase; background:#fff; border:2px solid #f49120; border-radius:3px; padding:0 15px;}
.cf_header_top_right_button_blank:hover{color:#f49120; background:transparent;}

.cf_header_top_right_button_orange{/*display:block; width:125px;*/ height:40px; line-height:40px; font-size:0.9rem; font-weight:600; color:#fff;
																	 text-align:center; text-transform:uppercase; background:#f49120; border:2px solid #f49120; border-radius:3px; padding:0 15px;}
.cf_header_top_right_button_orange:hover{color:#f49120; background:transparent}


.cf_container{display:block; width:100%; font-family:'Poppins', sans-serif !important;}

.cf_header{display:block; width:100%; min-height:100vh; height:auto; z-index:100;}


.cf_header_box{display:flex; justify-content:space-between; align-items:flex-start; width:1080px; max-width:90%; min-height:80vh;
							 height:auto; margin:0 auto; z-index:100; position:relative;}

.cf_header_intro{/*display:flex; align-items:center;*/ width:100%; margin:auto 0;}
.cf_header_content{display:block; height:auto;}

.cf_header_logo{display:block; width:500px; max-width:85%; height:150px; object-fit:contain; object-position:left; margin-bottom:3rem;}

.cf_header_info{display:block; width:100%; line-height:1.65rem; font-size:1.15rem; font-weight:400; color:#fff; margin:1rem auto;}
.cf_header_info span{font-weight:700;}

.cf_header_content_qr{display:flex; align-items:center; justify-content:flex-start; margin:3rem 0;}
.cf_header_content_info{margin-right:2.5%;}

.cf_header_content_qr_code{display:block; max-width:35%; height:200px; object-fit:contain; border:2px solid #fff; border-radius:25px;}

.cf_header_countdown{display:block; width:100%; line-height:3rem; font-size:2.85rem; color:#fff; font-weight:700; margin-top:1rem;}
.cf_header_countdown_each{display:inline-block; text-align:left; margin-right:2.5rem;}
.cf_header_countdown_num{min-width:85px; min-height:55px; color:#fff;}
.cf_header_countdown_title{line-height:1.5rem; font-size:1.65rem; font-weight:400; text-transform:capitalize;}

.cf_header_datetime_separator{display:inline-block; height:35px; border-left:3px solid #fff; margin:0 0.5rem 0 1.5rem; vertical-align:middle;}

.cf_header_btn{margin-bottom:4rem;}

.cf_header_btn_more{display:inline-block; width:fit-content; height:45px; line-height:45px; font-size:0.9rem; font-weight:600;
										color:#fff; text-align:center; text-transform:uppercase; background:#f49120; border:2px solid #f49120;
										border-radius:3px; padding:0 15px;}
.cf_header_btn_more:hover{color:#f49120; background:transparent;}

.cf_header_btn_play{display:inline-block; width:185px; height:45px; line-height:45px; font-size:1rem; font-weight:400; color:#F49120;
										text-align:center; text-transform:uppercase; border:2px solid #F49120; border-radius:3px; margin-left:35px; cursor:pointer;}
.cf_header_btn_play:hover{color:#fff; border:2px solid #fff;}


.cf_header_map{display:block; width:100%; height:auto; object-fit:contain; border:2px solid #fff; border-radius:25px; margin:2rem 0 0;}
.cf_header_map_tooltip{max-width:45%; position:relative;}
.cf_header_map_tooltip .tooltiptext{visibility:hidden; width:auto; line-height:1.25rem; font-size:13px; color:#fff; text-align:center;
																		background:rgba(0,0,0,0.85); border-radius:5px; padding:5px 15px; position:absolute; top:70%; left:60%; z-index:1;}
.cf_header_map_tooltip:hover .tooltiptext{visibility:visible; text-decoration:underline dotted #888 0.15px;}


.cf_header_bottom{width:100%; margin-top:auto;}
.cf_header_brand_box{display:flex; width:100%; /*height:150px; max-height:18%;*/ align-items:flex-end; align-content:flex-end; gap:5%;}
.cf_header_brand_title{font-size:0.8rem; font-weight:600; color:#f49120; margin-bottom:0.85rem;}
.cf_header_brand_logo{width:150px; height:85px; object-fit:contain;}


.cf_bg_vid{display:block; width:100%; height:100vh; position:absolute; top:0; left:0; object-fit:cover; z-index:-100;}

.cf_vid_content{position:absolute; width:100%; height:100vh; z-index:-100; top:0; left:0;}
.cf_vid_content_box{width:100%; display:block; position:relative;}
.cf_vid_content:before{content: ''; position: absolute; background:rgba(0, 0, 0, 0.85); top:0; right:0; bottom:0; left:0;}

.cf_popup_vid_box{display:none; width:95%; height:100vh; background:#f1f1f1; margin:0 auto; position:absolute; top:0; left:0; padding:0 2.5% 0;}
.cf_popup_vid_close{display:block; font-size:1rem; font-weight:600; color:#000; float:right; margin:1rem 0; cursor:pointer;}
.cf_popup_vid_close:hover{color:#c00;}

/*.cf_header_date{display:block; width:100%; line-height:5rem; font-size:5.25rem; color:#ffde13; font-weight:700; */
/*								-webkit-text-stroke-width:3px; -webkit-text-stroke-color:#fff; margin:5.5rem 0;}*/
/*.cf_header_countdown{display:block; width:100%; line-height:5rem; font-size:4rem; color:#fff; font-weight:700; margin:5rem 0;}*/
/*.cf_header_countdown_each{display:inline-block; line-height:3.5rem; text-align:center; margin-right:2.5rem;}*/
/*.cf_header_countdown_num{min-width:85px; min-height:55px;}*/
/*.cf_header_countdown_title{font-size:1.65rem; font-weight:300; text-transform:capitalize;}*/

.cf_header_form{display:inline-block; width:34%; height:auto; padding:2rem 0; margin:0; vertical-align:top;}

.cf_form_box{display:block; width:500px; max-width:90%; background:#fff; border-radius:5px; padding:2rem 10%; margin:0 auto;}

.cf_form_title{display:block; line-height:2.5rem; font-size:1rem; font-weight:700; color:#fff; margin:0 0 1rem;}
.cf_form_subtitle{display:block; line-height:1.85rem; font-size:1rem; font-weight:500; color:#fff; margin-bottom:2rem;}
.cf_form_subtitle a{color:#f49120; text-decoration:underline; outline:none;}
.cf_form_subtitle a:hover{color:#fff;}

.cf_form_text{display:block; width:100%; height:45px; line-height:45px; font-size:1rem; font-family:'Poppins', sans-serif !important; border:none; 
							border-bottom:1px solid #aaa; padding:0 10px; margin:1rem auto; outline:none;}
.cf_form_select{display:block; width:100%; height:45px; line-height:45px; font-size:1rem; font-family:'Poppins', sans-serif !important; border:none; 
								border-bottom:1px solid #aaa; padding:0 10px; margin:1rem auto; outline:none; appearance:none; -webkit-appearance:none; -moz-appearance:none;
								background:url('https://www.mycareerfair.my/images/icon_arrow_down_grey.webp') no-repeat center right 10px/10px;}
.cf_form_textarea{display:block; width:100%; height:100px; max-height:150px; line-height:1rem; font-size:1rem; font-family:'Poppins', sans-serif !important;
									border:none; border-bottom:1px solid #aaa; padding:1rem 10px; margin:0 auto; outline:none; resize:vertical;}
.cf_form_submit{display:block; width:100%; height:55px; font-size:1.05rem; font-weight:600; font-family:'Poppins', sans-serif !important; color:#fff; 
								background:#f49120; border:2px solid #f49120; border-radius:3px; margin:3rem auto 0; cursor:pointer;}
.cf_form_submit:hover{color:#f49120; background:#fff;}


.cf_form_submission{display:block;}
.cf_form_result{display:none; height:415px;}

.cf_form_result_table{display:table; width:100%; height:100%; font-size:1rem; color:#fff; text-align:center;}
.cf_form_result_content{display:table-cell; width:100%; height:100%; vertical-align:middle;}


.cf_content_container{display:block; width:1080px; max-width:100%; color:#fff; margin:0 auto; position:relative; width:100%;}

.cf_content_none{display:block; width:100%; font-size:1.25rem; font-weight:600; color:#fff; text-align:center; margin:15vh auto;}

.cf_content{display:block; width:100%; width:1080px; max-width:90%; padding:2.5rem 0 0; margin:0 auto 5rem;}
.cf_content_whole{display:block; width:100%; padding:2.5rem 0 0; margin:0 auto 5rem; margin:5rem auto;}

.cf_content_box{display:block; width:100%; text-align:center;}

.cf_content_details_box{display:block; width:100%; min-height:150px; text-align:center; color:#fff;}


/*.cf_about_box{display:block; width:100%; width:1080px; max-width:90%; padding:2.5rem 0 0; margin:0 auto 5rem;}*/
.cf_about_pic{display:inline-block; width:40%; min-height:150px; vertical-align:top;}
.cf_about_pic img{display:block; width:90%; height:auto; border:1px solid #ddd; object-fit:contain; margin:1rem 0}

.cf_about_details_box{display:inline-block; width:58%; min-height:150px; text-align:center; color:#fff; margin-top:2rem; vertical-align:top;}


.cf_about_title{display:block; line-height:2.85rem; font-size:1.5rem; font-weight:700; color:#f1f1f1; text-align:left; text-transform:capitalize; margin-bottom:2rem;}
.cf_about_title img{display:block; width:80px; height:15px; margin:0;}

/*.cf_about_title{display:block; line-height:5rem; font-size:3.5rem; font-weight:700; text-transform:capitalize; margin-bottom:2rem;}*/
.cf_about_info{display:block; line-height:2rem; font-size:1.15rem; font-weight:300; color:#f1f1f1; text-align:justify; margin:1rem 0;}
.cf_about_info_title{font-weight:700}



.cf_comparison_box{display:block; width:100%; text-align:center; margin:4rem 0 2rem;}

.cf_comparison_each{display:inline-block; width:auto; text-align:left; margin:0 auto; padding:0 5% 0 10%; vertical-align:top;}

.cf_comparison_title{display:block; line-height:2.5rem; font-size:2rem; font-weight:700; color:#fff; margin:0 auto 3rem;}
.cf_comparison_img{display:block; line-height:2.5rem; font-size:2rem; font-weight:700; color:#f49120; margin:0 auto 3rem;}
.cf_comparison_img span{font-weight:300;}
.cf_comparison_titleimg{display:block; width:auto; height:2.5rem; margin-bottom:3rem;}

.cf_comparison_subtitle{display:block; line-height:1.85rem; font-size:1rem; font-weight:700; color:#fff; text-transform:uppercase; margin-bottom:1rem;}

.cf_comparison_details{display:block; line-height:1.85rem; font-size:1rem; color:#fff;}
.cf_comparison_details_img{display:inline-block; width:15px; height:15px; margin-right:0.5rem; vertical-align:middle;}
.cf_comparison_details_info{display:inline-block; vertical-align:middle;}

.cf_comparison_separator{line-height:2rem; font-size:1rem; font-weight:600; color:#f49120; margin:0 2rem;}


.cf_schedule_box{display:block; width:100%; text-align:center; margin:4rem 0 2rem;}

.cf_schedule_each{display:block; width:100%; border-bottom:1px solid #ddd; padding:1.5rem 0;}

.cf_schedule_img{display:inline-block; width:14%; vertical-align:middle;}
.cf_schedule_img img{display:block; width:85%; height:100px; border:1px solid #ddd; border-radius:5px; object-fit:cover;}

.cf_schedule_loc{display:inline-block; width:28%; text-align:left; margin:0 0 0 1%; vertical-align:middle;}
.cf_schedule_loc_place{line-height:2rem; font-size:1.15rem; font-weight:600;}
.cf_schedule_date{display:inline-block; width:15%; vertical-align:middle;}
.cf_schedule_date_day{line-height:2rem; font-size:2.5rem; font-weight:700;}
.cf_schedule_loc_time{line-height:2rem; font-size:1rem;}
.cf_schedule_date_month{line-height:2rem; font-size:1.5rem; font-weight:400;}

.cf_schedule_time{display:inline-block; width:18%; text-align:left; margin-left:5%; vertical-align:middle;}
.cf_schedule_buy{display:inline-block; width:15%; vertical-align:middle;}

.cf_schedule_button{display:block; width:95%; height:45px; line-height:45px; font-size:1rem; color:#f49120; background:#fff; 
										border:2px solid #f49120; border-radius:5px; margin:1rem auto; cursor:pointer;}
.cf_schedule_button:hover{color:#fff; background:#f49120;}

.cf_schedule_ended{opacity:0.35;}


.cf_speaker_box{display:block; width:100%; text-align:center; margin:2rem 0 0;}

.cf_speaker_each{display:inline-block; width:42%; margin:3%; vertical-align:top;}

.cf_speaker_pic_box{width:185px; height:150px; border:2px solid #e1e6ea; border-radius:95% 30% 65% 35%; margin:auto;}
.cf_speaker_pic{width:165px; height:165px; border-radius:50px 90px 60px 120px/80px; object-fit:cover; margin:-5px 0 0 0;}

.cf_speaker_name{display:block; line-height:2rem; font-size:1.5rem; font-weight:500; color:#fff; margin:2rem auto 0;}
.cf_speaker_title{display:block; line-height:2.5rem; font-size:1rem; color:#f1f1f1;}
.cf_speaker_intro{display:block; line-height:1.65rem; font-size:0.85rem; color:#888; margin:1rem auto;}


.cf_discover_box{width:100%; height:500px; box-shadow:inset 0 0 0 2000px rgba(255, 255, 255, 0.15); position:relative;}
.cf_discover_content{display:block; width:25%; height:auto; background:rgba(7,4,225,0.85); position:absolute; right:0; bottom:0; padding:5rem;}
.cf_discover_title{line-height:3rem; font-size:1.5rem; font-weight:600; color:#fff;}

.cf_discover_vid_img{display:inline-block; width:30px; height:30px; vertical-align:middle; margin-right:2%;}
.cf_discover_vid_watch{display:inline-block; line-height:3rem; font-size:0.85rem; font-weight:300; color:#fff; vertical-align:middle;}


.cf_content_title{display:block; line-height:2.85rem; font-size:1.5rem; font-weight:500; color:#fff; text-transform:uppercase; margin:2rem 0;}
.cf_content_subtitle{line-height:1.5rem; font-size:1rem; color:#fff; text-transform:none;}


.cf_exh_box{display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%;}
.cf_exh_type_box{display:flex; flex-direction:column; width:100%; margin:1rem 0 2rem;}
.cf_exh_header{line-height:4rem; font-size:1.5rem; font-weight:600; color:#fff;}


.cf_box_uni{display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:100px; gap:20px; justify-content:center; margin-bottom:10px;}

.cf_box_plat{display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:150px; gap:20px; justify-content:space-evenly;}
.cf_img_plat{grid-column:span 2; width:100%; height:100%; object-fit:contain;}

.cf_box_gold{display:grid; grid-template-columns:repeat(5, 1fr); grid-auto-rows:100px; gap:20px; justify-content:space-evenly;}
.cf_box_silver{display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:auto; gap:20px; justify-content:space-evenly;}
.cf_box_standard{display:grid; grid-template-columns:repeat(5, 1fr); grid-auto-rows:auto; gap:20px; justify-content:space-evenly;}

.cf_img_each{width:100%; height:100%; background:#fff; object-fit:contain;}


.cf_box_img{display:block; width:100%; height:100%; background:#fff; object-fit:contain;}




.cf_box_1{display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-rows:300px; gap:10px; justify-content:space-evenly; margin-bottom:10px;}

.cf_box_1_1{display:block; width:100%; height:300px; margin-bottom:10px;}
.cf_box_1_2{display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-rows:calc(300px / 2 - 5px); gap:10px; justify-content:space-evenly; margin-bottom:10px;}

.cf_box_2{display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:100px; gap:10px; justify-content: space-evenly;  margin-bottom:10px;}


.cf_box_3{display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:100px; gap:10px; justify-content:space-evenly; margin-bottom:10px;}

.cf_box_3_1{display:grid; grid-template-columns:1fr; grid-auto-rows:100px; gap:10px; justify-content: space-evenly;  margin-bottom:10px;}
.cf_box_3_2{display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-rows:100px; gap:10px; justify-content: space-evenly; margin-bottom:10px;}
.cf_box_3_3{display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-rows:100px; gap:10px; justify-content: space-evenly; margin-bottom:10px;}
.cf_box_3_4{display:grid; grid-template-columns:repeat(2, 1fr); grid-auto-rows:100px; gap:10px; justify-content: space-evenly; margin-bottom:10px;}


.cf_box_4{display:grid; grid-template-columns:repeat(8, 1fr); grid-auto-rows:100px; gap:10px; justify-content:space-evenly; margin-bottom:10px;}


.cf_box_event{display:grid; grid-template-columns:repeat(3, 1fr); grid-auto-rows:250px; gap:10px; justify-content: space-evenly; margin-bottom:10px;}

.cf_box_event_whole{display:flex; align-items:center; justify-content:center; flex:1; margin-bottom:10px;}
.cf_box_event_whole .cf_event_list{flex:1; height:200px;}

.cf_box_event_whole .cf_event_logo{display:block; width:80%; height:85px; background:transparent; object-fit:contain; margin:0 auto 1rem;}

.cf_event_list{object-fit:cover; background:transparent; border:1px solid #ddd; border-radius:8px; padding:1% 2%; 
							 display:flex; align-items:baseline; justify-content:space-evenly; flex-direction:column;}
.cf_event_list:hover{background:rgba(244,145,32,0.95); border:1px solid rgba(244,145,32,0.5); cursor:pointer;}

.cf_event_logo{display:block; width:80%; height:85px; background:#fff; object-fit:contain; margin:0 auto 1rem;}

.cf_event_name{display:block; width:90%; line-height:1.25rem; font-size:1.1rem; font-weight:500; color:#f49120; text-align:center; margin:0 auto;}
.cf_event_date{display:block; width:100%; line-height:1.5rem; font-size:0.95rem; font-weight:500; color:#fff; text-align:center; margin-top:0.5rem;}
.cf_event_date_invite{font-size:12px; color:#f49120;}

.cf_event_list:hover .cf_event_name{color:#fff;}
/*.cf_event_list:hover .cf_campus_date_invite{color:#000;}*/



.cf_client_platinum_box{display:block; width:100%; height:150px; margin-bottom:10px;}
.cf_client_platinum_box img{display:block; width:100%; height:100%; background:#fff; object-fit:contain; border:1px solid #ddd;}

.cf_client_gold_box{display:grid; grid-template-columns:repeat(4, 1fr); grid-auto-rows:150px; gap:10px; place-items:center; margin-bottom:10px;}
.cf_client_gold_box img{width:100%; height:100%; background:#fff; object-fit:contain; justify-self:center; align-self:center; display:block; border:1px solid #ddd;}


/*.cf_client_silver_box{display:grid; grid-template-columns:repeat(8, 1fr); grid-auto-rows:100px; gap:10px;*/
/*											justify-content: space-evenly;  margin-bottom:10px; border:1px solid orange;}*/

.cf_client_silver_box {
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* 8 equal columns */
  grid-auto-rows: 100px; /* Fixed row height */
  gap: 10px; /* Spacing between grid items */
  margin-bottom: 10px;
  border: 1px solid orange;

justify-content: start;
}
.cf_client_silver_box:last-child {
  display: flex; /* Change grid to flex for last row */
  justify-content: center; /* Center the items horizontally */
  flex-wrap: wrap; /* Keep items on their own row if overflowing */
  gap: 10px; /* Maintain spacing between items */
}
.cf_client_silver_box img{width:100%; height:100%; background:#fff; object-fit:contain; border:1px solid #ddd;}

.cf_client_exb_box{display:grid; grid-template-columns:repeat(8, 1fr); grid-auto-rows:100px; gap:10px; place-items:center; margin-bottom:10px; border:1px solid purple;}
.cf_client_exb_box img{width:100%; height:100%; background:#fff; object-fit:contain; justify-self:center; align-self:center; display:block; border:1px solid #ddd;}



.cf_client_box{display:grid; grid-template-columns:repeat(5, 1fr); grid-auto-rows:150px; gap:10px; place-items:center;}
.cf_client_box img{width:100%; height:100%; background:#fff; object-fit:contain; justify-self:center; align-self:center; display:block; border:1px solid #ddd;}



.cf_client_img_vertop{/*display:inline-block; width:31%; height:150px; object-fit:contain; background:#fff; /*margin:2%;*/ margin:5px; /*vertical-align:middle;*/}
.cf_client_img_vermid{display:inline-block; width:22%; height:auto; /*margin:3%;*/ margin:5px; vertical-align:middle;}
.cf_client_img{display:inline-block; width:18%; height:auto; margin:3%; vertical-align:middle;}


.cf_blog_box{display:block; width:105%; margin:1rem 0 1rem -2.5%;}
.cf_blog_each{display:inline-block; width:46%; height:500px; margin:1.5% 1.5% 3%; vertical-align:top; position:relative;}

.cf_blog_content{display:block; width:100%; text-align:left; margin:1.5rem auto;}

.cf_blog_content_banner{display:block; width:35%; height:auto; background:rgba(7,4,225,0.65); position:absolute; left:0; bottom:0;width:100%; height:285px;
								box-shadow:inset 0 0 0 2000px rgba(255, 255, 255, 0.15); position:relative;}
.cf_blog_content_datebox{display:block; width:35%; height:auto; background:rgba(7,4,225,0.65); position:absolute; left:0; bottom:0;}
.cf_blog_content_date{line-height:2.5rem; font-size:0.9rem; font-weight:400; color:#fff;}

.cf_blog_content_title{line-height:1.85rem; font-size:1.25rem; font-weight:600; color:#fff; overflow:hidden; display:-webkit-box; 
											 -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:no-wrap;}
.cf_blog_content_author{display:block; line-height:1.85rem; font-size:0.95rem; font-weight:500; color:#f1f1f1; margin:0.5rem auto;}
.cf_blog_content_snippet{line-height:1.5rem; font-size:0.8rem; color:#888; overflow:hidden; display:-webkit-box; 
												 -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:no-wrap; margin:0.5rem auto;}
.cf_blog_content_more{display:block; line-height:2rem; font-size:1rem; color:#fff; text-transform:uppercase; position:absolute; left:0; bottom:0;}

.cf_blog_logo_box{display:block; width:100%; text-align:center; margin:5rem auto 0;}
.cf_blog_logo_box_first{display:inline-block; width:15%; height:auto; margin:0 2.5% 0 0; vertical-align:middle;}
.cf_blog_logo_box_mid{display:inline-block; width:15%; height:auto; margin:0 2.5%; vertical-align:middle;}
.cf_blog_logo_box_last{display:inline-block; width:15%; height:auto; margin:0 0 0 2.5%; vertical-align:middle;}


.cf_photo_box{display:grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows:200px; gap:20px; justify-content:space-evenly; margin-bottom:20px;}

.cf_photo_img{width:100%; height:100%; object-fit:cover; border:1px solid #ddd; border-radius:10px;}


.cf_campus_box{display:flex; text-align:center; align-items:center; justify-content:center; gap:2.5%; flex-wrap:wrap;}
.cf_campus_block a{width:100%;}

.cf_campus_list{flex:1 1 27%; max-width:27%; height:220px; object-fit:cover; background:#fff; border:1px solid #ddd; border-radius:10px; 
								padding:1% 2%; margin:1.5% 0; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.cf_campus_list:hover{background:rgba(244,145,32,0.95); border:1px solid rgba(244,145,32,0.5); cursor:pointer;}

.cf_campus_logo{display:block; width:100%; height:85px; object-fit:contain; margin:0 auto 1rem;}

.cf_campus_name{display:block; width:90%; line-height:1.25rem; font-size:1.1rem; font-weight:500; color:#000; text-align:center; margin:0 auto;}
.cf_campus_date{display:block; width:100%; line-height:1.5rem; font-size:0.95rem; font-weight:500; color:#000; text-align:center; margin-top:0.5rem;}
.cf_campus_date_invite{font-size:12px; color:#f49120;}

.cf_campus_list:hover .cf_campus_date_invite{color:#000;}


.cf_all_button{display:block; width:185px; height:45px; line-height:45px; font-size:1.15rem; color:#fff; text-align:center; 
							 background:#f49120; border:2px solid #f49120; border-radius:5px; margin:2rem auto;}
.cf_all_button:hover{color:#f49120; background:#fff;}


.cf_footer{display:block; width:100%; font-size:12px; color:#5f6a7d; padding:25px 0; border-top:1px solid #f1f1f1;}
.cf_footer_logo{width:150px; height:auto;}
.cf_footer_container{display:block; width:1080px; max-width:90%; padding:2rem 0; margin:0 auto;}

.cf_footer_branding{display:inline-block; width:35%; vertical-align:top;}
.cf_footer_branding_logo{display:block; width:auto; max-width:85%; height:35px; margin:0;}
.cf_footer_branding_intro{display:block; width:80%; line-height:1.85rem; font-size:0.85rem; color:#fff; margin:1.5rem 0 0;}

.cf_footer_content{display:inline-block; width:20%; margin-left:1%; vertical-align:top;}
.cf_footer_content_header{display:block; line-height:2.5rem; font-size:1rem; font-weight:600; color:#fff; margin-bottom:1rem;}
.cf_footer_content_link{display:block; line-height:1.85rem; font-size:0.85rem; color:#f1f1f1;}
a.cf_footer_content_link:hover{color:#f49120;}

/* ----- pagination ----- */

.cf_pagination_box{display:block; text-align:center; margin:1rem auto;}
.cf_pagination{display:inline-block;}
.cf_pagination a{display:inline-block; color:#fff; width:auto; height:35px; line-height:35px; padding:0 1rem; transition:background-color .3s; 
								 border-radius:5px; margin:0 0.25rem; cursor:pointer; background:rgba(7,4,225,0.05);}
.cf_pagination a.active {background:#f49120; color:#fff; border:1px solid #f49120;}
.cf_pagination a:hover:not(.active) {background:#ddd;}

.cf_scroll{position:fixed; bottom:20px; right:20px; display:none; width:40px; height:40px; background:rgba(244,145,32,0.65); color:#fff; 
					 border:none; border-radius:50%; text-align:center; cursor:pointer; font-size:20px; z-index:1000;}
.cf_scroll:hover{background:rgba(244,145,32,1);}
.cf_scroll:after{font-family:"Font Awesome 6 Free"; font-weight:700; content:'\2b9d'; font-size:22px;}


/* ------------------------------------ css for mobile page - added 26/10/2023 - 11:25am --------------------------------- */

.header_top{display:block; width:100%; height:100px;}

.header_main{display:block; width:1220px; max-width:90%; height:100px; line-height:100px; font-family:'Poppins', sans-serif; text-align:center; z-index:1000; margin:0 auto;}


.header_left{display:inline-block; width:12%; height:100px; line-height:100px; vertical-align:top; float:left; z-index:1000;}
.header_left_branding{display:inline-block; width:135px; max-width:95%; height:auto; max-height:100px; line-height:100px; margin:35px 0; vertical-align:top;}


.header_center{display:inline-block; width:55%; height:100px; line-height:100px; text-align:left; margin:0 auto;}

.header_menu_box{width:150px; position:relative; background:#fff; border:1px solid #ddd;}

.header_center_menu_left{display:inline-block; width:80%; text-align:left;}
.header_center_menu_right{display:inline-block; width:18%; text-align:right; float:right;}

.mobile_header_center_menu_left{display:inline-block; width:80%; text-align:left;}
.mobile_header_center_menu_right{display:inline-block; width:18%; text-align:right; float:right;}

.mobile_header_center_menu_mycf{display:inline-block; width:150px; height:auto; margin:30px 0 0 1rem; vertical-align:top;}

.header_center_menu_opt{display:inline-block; width:88%; height:100px; line-height:100px; font-size:0.85em; color:#fff; 
												text-transform:capitalize; vertical-align:top; position:relative;}

#header_center_menu_nav_home_block, #header_center_menu_nav_search_block, #header_right_post_button_center_menu_nav_resources_block, #header_center_menu_nav_company_block, #header_center_menu_nav_campus_block,
#header_center_menu_nav_browse_block, #header_center_menu_nav_blog_block, #header_center_menu_nav_sign_block, #header_center_menu_nav_profile_block
{display:inline-block; width:auto; font-size:0.85rem; font-weight:500; color:#fff; text-transform:uppercase; margin:0 1rem; cursor:pointer;}

#header_center_menu_nav_home_block:hover, #header_center_menu_nav_search_block:hover, #header_center_menu_nav_resources_block:hover, #header_center_menu_nav_company_block:hover, #header_center_menu_nav_campus_block:hover,
#header_center_menu_nav_browse_block:hover, #header_center_menu_nav_blog_block:hover, #header_center_menu_nav_sign_block:hover, #header_center_menu_nav_profile_block:hover
{text-decoration:underline; text-shadow:0 0 #ddd;}

#header_center_menu_nav_home, #header_center_menu_nav_search, #header_center_menu_nav_company, #header_center_menu_nav_campus, #header_center_menu_nav_browse
{display:none !important; width:100%; color:#0704e1; padding:0 20px; margin:0 20px; cursor:pointer;}
#header_center_menu_nav_home:hover, #header_center_menu_nav_search:hover, #header_center_menu_nav_company:hover, #header_center_menu_nav_campus:hover, #header_center_menu_nav_browse:hover
{color:#fff;}


.header_right{display:inline-block; width:30%; height:100px; line-height:100px; margin-right:1rem; vertical-align:top; float:right;}
.header_right_menu{display:block; width:100%; text-align:right; float:right;}

.header_right_js_button{display:inline-block; width:150px; max-width:85%; height:40px; line-height:40px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center;
												text-transform:uppercase; background:#0704e1; border:1px solid #fff; border-radius:25px; margin:30px 1rem 0 0; cursor:pointer; vertical-align:top;}
.header_right_js_button:hover{outline:none; color:#0704e1; background:#fff;}

.header_right_ex_button{display:inline-block; width:150px; max-width:85%; height:40px; line-height:40px; font-size:0.85rem; font-weight:600; color:#fff; text-align:center;
												text-transform:uppercase; background:#f49120; border:1px solid #f49120; border-radius:25px; margin:30px 0 0; cursor:pointer; vertical-align:top;}
.header_right_ex_button:hover{outline:none; color:#333; background:#fff;}

.header_right_orange_button{display:inline-block; width:fit-content; max-width:85%; height:40px; line-height:40px; font-size:0.85rem; 
														font-weight:600; color:#fff; text-align:center; text-transform:uppercase; background:#f49120;
														border:1px solid #f49120; border-radius:25px; padding:0 25px; margin:30px 0 0; cursor:pointer; vertical-align:top;}
.header_right_orange_button:hover{outline:none; color:#333; background:#fff;}

.header_user{display:inline-block; width:40px; height:100px; line-height:100px; text-align:left;}
.header_user img{display:block; width:32px; height:32px; margin:30px auto; padding:10%; background:#fff; border-radius:50%; cursor:pointer;}
.header_user img:hover{background:#f1f1f1;}
.header_user .header_img{display:block; width:35px; height:35px; padding:5%; margin:30px auto; background:#fff; border:1px solid #ddd; border-radius:50%; cursor:pointer;}
.header_user .header_img:hover{box-shadow:0 0 5px 0 #ccc;}


.header_mobile{display:none; width:25px; height:100px; line-height:100px; cursor:pointer; padding-right:15px;
               background:url('https://assets.jobstore.my/images/icon_header_menu.png') no-repeat center/18px;}
#header_mobile_list{display:none; width:110px; position:absolute; right:80; top:60px; font-size:13px; line-height:18px; text-align:left;
                  	padding:15px 25px; background:#fff; border:1px solid #ddd; border-radius:2px; z-index:999999;}
#header_mobile_list a{display:block; color:#0704e1; margin:10px 0; font-weight:400; text-transform:capitalize;}
#header_mobile_list a:hover, #header_mobile_list a:focus{color:#0732a2; outline:none;}


.mobile_container{display:block; width:100%; min-height:100vh; background:url('https://assets.jobstore.my/images/corporate/downloadapp/mobile_bg_left.png') no-repeat top center;}

.mobile_box{display:block; width:1220px; max-width:90%; height:auto; padding:2rem 0; margin:0 auto;}

.mobile_box_first{display:block; width:100%; margin:2.5rem auto 5rem;}
.mobile_box_mid{display:block; width:100%; margin:1rem auto;}
.mobile_box_last{display:block; width:100%; text-align:center; padding:2.5rem 0 0; margin:5rem auto 0; border-top:1px solid #ddd;}

.mobile_box_first_imgbox{display:inline-block; width:45%; text-align:right; vertical-align:top;}
.mobile_box_first_imgbox img{display:block; width:350px; float:right; border-radius:0 0 50px 50px; box-shadow:0px 187px 100px 33px rgba(0,0,0,0.05);}
.mobile_box_first_contentbox{display:inline-block; width:54%; vertical-align:top;}
.mobile_box_first_contenttable{display:table; width:100%; height:auto; text-align:left; margin:8rem 0;}
.mobile_box_first_contentcell{display:table-cell; vertical-align:middle;}
.mobile_box_first_content_title{display:block; width:100%; line-height:3.5rem; font-size:2.5rem; font-weight:700; color:#fff;}
.mobile_box_first_content_subtitle{display:block; width:95%; line-height:1.5rem; font-size:0.95rem; font-weight:600; color:#fff; margin:2rem 0;}
.mobile_box_first_contentdownload{display:block; width:100%; margin-top:5rem;}
.mobile_box_first_contentdownload img{display:inline-block; width:200px; height:auto; border:2px solid transparent; border-radius:50px; margin-right:2.5%; vertical-align:top;}
.mobile_box_first_contentdownload img:hover{border:2px solid #aaa;}

.mobile_box_first_continue{display:block; width:90%; line-height:2rem; font-size:1.15rem; font-weight:600; color:#0704e1; text-align:center;
													 text-decoration:underline; margin:3rem auto 1rem;}

.mobile_box_content{display:inline-block; width:58%; vertical-align:top;}

.mobile_box_content_first_table{display:table; width:80%; height:auto; padding-left:20%; margin:8rem 0;}
.mobile_box_content_first_tablecell{display:table-cell; vertical-align:middle; text-align:right;}

.mobile_box_content_second_table{display:table; width:80%; height:auto; margin:8rem 20% 8rem 0;}
.mobile_box_content_second_tablecell{display:table-cell; vertical-align:middle; text-align:left;}

.mobile_box_content_third_table{display:table; width:80%; height:auto; padding-left:20%; margin:8rem 0;}
.mobile_box_content_third_tablecell{display:table-cell; vertical-align:middle; text-align:right;}

.mobile_box_content_title{display:block; width:100%; line-height:3.5rem; font-size:2.5rem; font-weight:700; color:#111;}
.mobile_box_content_title_third{display:block; width:100%; line-height:3.5rem; font-size:2.5rem; font-weight:700; color:#111; margin-top:4rem;}
.mobile_box_content_title_last{display:block; width:100%; line-height:3.5rem; font-size:2.85rem; font-weight:700; color:#111; margin:2rem auto;}
.mobile_box_content_stop_blue{color:#0704e1;}
.mobile_box_content_stop_red{color:#c00;}
.mobile_box_content_subtitle{display:block; width:100%; line-height:1.5rem; font-size:0.95rem; font-weight:600; color:#444; margin:2rem 0;}
.mobile_box_content_subtitle_last{display:block; width:100%; line-height:1.5rem; font-size:0.95rem; font-weight:500; color:#444; margin:2rem 0;}


.mobile_box_mid_img_right{display:inline-block; width:40%; text-align:right; vertical-align:top;}
.mobile_box_mid_img_left{display:inline-block; width:40%; vertical-align:top; margin-top:-18%;}
.mobile_box_mid_img_box{display:inline-block; width:40%; vertical-align:top;}
.mobile_box_mid_img_pic{display:block; width:100%;}


.mobile_box_last_logo{display:block; width:150px; height:auto; margin:1rem auto;}
.mobile_box_last_download{display:inline-block; width:200px; height:auto; margin:1rem;}


/* ------------------------------------------------------------------------------------------------ */
/* -------------------------- media css - updated - 23/04/2025 - 01:20pm -------------------------- */
/* ------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 240px) and (max-width: 480px) {
  
	.header_top{display:none;}
	.header_mobile_bar{display:block;}
	#countdown_block_secs{display:none;}
	.cf_header_countdown_each{margin-right:0;}
	.cf_header_countdown_num{font-size:2.2rem;}
	
	.cf_header_top, .cf_header_etc{display:none;}
	.cf_header_menu{display:none;}
	
	.cf_header_logo{width:100%; max-width:100%; height:150px; margin:0;}
	
	.cf_header_btn{margin:0;}
  .cf_header_btn_more, .cf_header_btn_play{display:block; width:auto; margin:1rem auto 3rem;}
  
  .cf_header_brand_logo{width:85px; height:50px;}
  
  .cf_header_map, .cf_header_map_tooltip{display:none;}
  
	.cf_client_img_vertop, .cf_client_img_vermid, .cf_client_img{display:block; width:90%; margin:1rem auto 2rem;}
	
	.cf_box_plat, .cf_box_gold, .cf_box_silver, .cf_box_standard, .cf_box_uni{grid-template-columns:1fr;}
	.cf_box_plat div{display:none;}
	
	.cf_box_event_whole{margin:0;}
	
	.cf_box_1, .cf_box_1_1{height:200px;}
	.cf_box_1_1{grid-auto-rows: calc(200px / 2 - 5px);}
	.cf_box_3_2, .cf_box_3_3,.cf_box_3_4, .cf_box_4{display:none;}
	.cf_box_event{display:block;}
	.cf_event_list{height:200px; margin-bottom:15px;}
	
	.cf_campus_box{display:block;}
	
	.cf_campus_list{max-width:100%; margin:0 auto 1rem;}
	
	.cf_about_pic{display:block; width:100%;}
	.cf_about_pic img{width:100%; margin:1rem auto;}
	.cf_about_details_box{display:block; width:100%; margin:2rem auto 0;}
	.cf_about_title{margin-bottom:1rem;}
	.cf_about_info{display:block; font-size:1rem; margin:0;}
	
	.cf_schedule_img{display:block; width:100%;}
	.cf_schedule_img img{width:90%; margin:0 auto;}
	.cf_schedule_loc{display:block; width:90%; margin:1rem auto;}
	.cf_schedule_date{display:inline-block; width:45%; margin:1rem 0;}
	.cf_schedule_time{display:inline-block; width:45%; text-align:center; margin:1rem 0;}
	.cf_schedule_buy{display:block; width:100%; margin:1rem auto;}
	
	.cf_footer_branding{display:block; width:100%; margin-bottom:2rem;}
	.cf_footer_content{display:inline-block; width:45%; margin-bottom:2rem;}
	
	.mobile_container{min-height:75vh; background:url('https://assets.jobstore.my/images/corporate/downloadapp/mobile_bg_left.png') no-repeat top center/1220px;}
	
	.mobile_box_first{display:block; width:100%; margin-bottom:5rem;}
	
	.mobile_box_first_imgbox, .mobile_box_first_imgbox img{display:none;}
	
	.mobile_box_first_contentbox{display:block; width:100%;}
	.mobile_box_first_contenttable{display:block; width:90%; height:auto; text-align:center; margin:2rem auto;}
	.mobile_box_first_content_title{line-height:2.5rem; font-size:1.85rem;}
	.mobile_box_first_content_subtitle{display:block; width:100%; padding:0; margin:2.5rem auto;}
	.mobile_box_first_contentdownload{display:block; width:100%; margin:1rem auto;}
	.mobile_box_first_contentdownload img{display:block; width:80%; height:auto; margin:2rem auto;}
	
	.mobile_box_mid_img_right{display:block; width:90%; margin:1rem auto;}
	
	.mobile_box_content{display:block; width:90%; margin:1rem auto;}
	
	.mobile_box_content_first_table, .mobile_box_content_second_table, .mobile_box_content_third_table{display:block; width:100%; height:auto; padding:0; margin:2rem auto;}
	
	.mobile_box_mid_img_left, .mobile_box_mid_img_box{display:block; width:90%; margin:2rem auto;}
	
	.mobile_box_content_title, .mobile_box_content_title_third, .mobile_box_content_title_last{line-height:2.5rem; font-size:1.85rem;}
	.mobile_box_content_title_third{margin-top:2rem;}
	.mobile_box_content_subtitle{color:#666;}
	
}

@media only screen and (min-width: 481px) and (max-width: 660px) {
  
	.header_top{display:none;}
	.header_mobile_bar{display:block;}
	#countdown_block_secs{display:none;}
	.cf_header_countdown_each{margin-right:0;}
	.cf_header_countdown_num{font-size:2.2rem;}
	
	.cf_header_top, .cf_header_etc{display:none;}
	.cf_header_menu{display:none;}
	
	.cf_header_logo{width:100%; max-width:100%; height:150px; margin:0;}
	
  .cf_header_brand_logo{width:85px; height:50px;}
  
  .cf_header_map, .cf_header_map_tooltip{display:none;}
  
	.cf_comparison_each{display:block; width:90%; padding:0; margin:0 auto 1rem;}
	.cf_comparison_details_info{max-width:88%; vertical-align:top;}
	
	.cf_client_box{width:100%; text-align:center; margin:0 auto;}
	.cf_client_img_vertop, .cf_client_img_vermid, .cf_client_img{display:block; width:90%; margin:1rem auto 2rem;}
	
	.cf_box_plat, .cf_box_gold, .cf_box_silver, .cf_box_standard, .cf_box_uni{grid-template-columns:1fr 1fr;}
	.cf_box_plat div{display:none;}
	
	.cf_box_event_whole{margin:0;}
	.cf_box_1, .cf_box_1_1{height:200px;}
	.cf_box_1_1{grid-auto-rows: calc(200px / 2 - 5px);}
	.cf_box_3_2, .cf_box_3_3,.cf_box_3_4, .cf_box_4{display:none;}
	.cf_box_event{display:block;}
	.cf_event_list{height:200px; margin-bottom:15px;}
	
	.cf_form_box{width:90%; max-width:90%; padding:2rem 0;}
	
	.cf_about_pic{display:block; width:85%; margin:0 auto 1rem;}
	.cf_about_pic img{width:100%;}
	.cf_about_details_box{display:block; width:90%; margin:2rem auto;}
	
	.cf_photo_box{display:block; width:100%; margin:1rem auto;}
	.cf_photo_img{display:block; width:100%; margin:1rem auto;}
	
	.cf_about_pic{display:block; width:50%;}
	.cf_about_pic img{width:100%; margin:1rem auto;}
	.cf_about_details_box{display:block; width:100%; margin:2rem auto 0;}
	.cf_about_title{margin-bottom:1rem;}
	.cf_about_info{display:block; font-size:1rem; margin:0;}
	
	.cf_schedule_img{width:35%;}
	.cf_schedule_img img{width:100%;}
	.cf_schedule_loc{width:50%; text-align:left; margin:2rem 0 0 5%;}
	.cf_schedule_date{width:35%; margin-top:2rem;}
	.cf_schedule_time{width:50%; text-align:left; margin:2rem 0 0 5%;}
	.cf_schedule_each a{display:block;}
	.cf_schedule_buy{width:100%; text-align:center; margin:0;}
	
	.cf_footer_branding{display:block; width:100%; margin-bottom:2rem;}
	.cf_footer_content{display:inline-block; width:45%; margin-bottom:2rem;}
	
	.mobile_container{min-height:75vh; background:url('https://assets.jobstore.my/images/corporate/downloadapp/mobile_bg_left.png') no-repeat top center/1220px;}
	
	.mobile_box_first{display:block; width:100%; margin-bottom:5rem;}
	
	.mobile_box_first_imgbox, .mobile_box_first_imgbox img{display:none;}
	
	.mobile_box_first_contentbox{display:block; width:100%;}
	.mobile_box_first_contenttable{display:block; width:90%; height:auto; text-align:center; margin:2rem auto;}
	.mobile_box_first_content_title{line-height:2.5rem; font-size:1.85rem;}
	.mobile_box_first_content_subtitle{display:block; width:100%; padding:0; margin:2.5rem auto;}
	.mobile_box_first_contentdownload{display:block; width:100%; margin:1rem auto;}
	.mobile_box_first_contentdownload img{display:block; width:80%; height:auto; margin:2rem auto;}
	
	.mobile_box_mid_img_right{display:block; width:90%; margin:1rem auto;}
	
	.mobile_box_content{display:block; width:90%; margin:1rem auto;}
	
	.mobile_box_content_first_table, .mobile_box_content_second_table, .mobile_box_content_third_table{display:block; width:100%; height:auto; padding:0; margin:2rem auto;}
	
	.mobile_box_mid_img_left, .mobile_box_mid_img_box{display:block; width:90%; margin:2rem auto;}
	
	.mobile_box_content_title, .mobile_box_content_title_third, .mobile_box_content_title_last{line-height:2.5rem; font-size:1.85rem;}
	.mobile_box_content_title_third{margin-top:2rem;}
	.mobile_box_content_subtitle{color:#666;}
	
}

@media only screen and (min-width: 661px) and (max-width: 720px) and (orientation: portrait) {
  
}

@media only screen and (min-width: 721px) and (max-width: 920px) {
	
	.header_top{display:none;}
	.header_mobile_bar{display:block;}
	
	.cf_header_top, .cf_header_etc{display:none;}
	.cf_header_menu{display:none;}
	
	.cf_header_logo{width:100%; max-width:100%; height:150px; margin:0;}
	
  .cf_header_brand_logo{width:85px; height:50px;}
  
  .cf_header_map, .cf_header_map_tooltip{display:none;}
	
	.cf_box_gold, .cf_box_silver, .cf_box_standard, .cf_box_uni{grid-template-columns:1fr 1fr 1fr;}
	
	.cf_box_event{grid-template-columns:1fr 1fr;}
	
	.cf_comparison_each{width:33%; margin:0 auto 1rem;}
	
	.cf_client_box{width:100%; text-align:center; margin:0 auto;}
	.cf_client_img{width:24%; margin:4%;}
	
	.cf_photo_box{display:block; width:100%; margin:1rem auto;}
	.cf_photo_img{display:inline-block; width:30%; min-height:100px; height:auto; margin:1%;}
	
	.cf_campus_list{flex:1 1 40%; max-width:40%;}
	
  .cf_about_details_box{margin-top:1rem;}
  .cf_about_title{margin-bottom:0;}
  .cf_about_info{font-size:1rem;}
  
	.cf_schedule_img{width:30%;}
	.cf_schedule_loc{width:50%; text-align:left; margin:0 2%;}
	.cf_schedule_date{width:30%; text-align:left; margin-left:0%; margin:2rem 0 1rem; vertical-align:top;}
	.cf_schedule_time{width:25%; text-align:left; margin-left:8%; margin:2rem 0 1rem; vertical-align:top;}
	.cf_schedule_buy{width:25%; margin:2rem 0 0; vertical-align:top;}
	
	.cf_footer_branding{display:block; width:100%; margin-bottom:2rem;}
	.cf_footer_content{display:inline-block; width:32%; margin:0 0 2rem 0;}
  
  .mobile_box_first{margin:2.5rem auto 12rem;}
  .mobile_box_first_contentbox{width:60%;}
	.mobile_box_first_contenttable{width:90%; margin:0;}
	
	.mobile_box_first_imgbox{width:35%;}
	.mobile_box_first_imgbox img{width:100%;}
	
	.mobile_box_first_contentdownload{margin:0;}
	.mobile_box_first_contentdownload img{display:inline-block; width:250px; height:auto; margin:1rem 1rem 1rem 0;}
	
	.mobile_box_content_first_table, .mobile_box_content_third_table{margin:2rem 0;}
	.mobile_box_mid_img_left, .mobile_box_content_title_third{margin:2rem 0;}
	
	.mobile_box_content_second_table{margin:5rem 20% 5rem 0;}
	
	.mobile_box_mid{margin:4rem auto;}
	
}

@media only screen and (min-width: 921px) and (max-width: 1200px) {
	
	 #header_photos{display:none;}
	 
	.cf_header_countdown_each{margin-right:1rem;}
	.cf_header_countdown_title{font-size:1.25rem;}
	
	.cf_box_gold, .cf_box_silver, .cf_box_standard, .cf_box_uni{grid-template-columns:1fr 1fr 1fr;}
	
	.cf_box_event{grid-template-columns:1fr 1fr;}
	
	.cf_comparison_each{width:45%; padding:0px; margin-left:2%;}
	
	.cf_client_box{width:100%; text-align:center; margin:0 auto;}
	.cf_client_img{width:13%; margin:2%;}
	
	.cf_photo_box{display:block; width:100%; margin:1rem auto;}
	.cf_photo_img{display:inline-block; width:30%; min-height:100px; height:auto; margin:1%;}
	
	.cf_post_header{display:block; width:90%; line-height:3rem; font-size:2rem; margin:0 auto;}
	.cf_post_content{display:block; width:90%; line-height:1.5rem; font-size:1rem; margin:0 auto;}
	
	.mobile_box_mid_img_left{margin:0;}
	.mobile_box_content_third_table{margin:2rem 0;}
	
	.mobile_header_center_menu_left{display:block; width:100%;}
	.mobile_header_center_menu_left div{margin:0 1% 0 4% !important;}
	.header_right_js_button{width:auto; padding:0 5.5%; margin-right:0.5rem;}
	.header_right_ex_button{width:auto; padding:0 5.5%; margin-right:0;}
	#header_center_menu_nav_company_block{display:none;}
	
}

@media only screen  and (min-width: 1201px) and (max-width: 1439px) {
	
	.mobile_box_mid_img_left{margin:0;}
	.mobile_box_content_third_table{margin:2rem 0;}
	
	.mobile_header_center_menu_left{display:block; width:100%;}
	.mobile_header_center_menu_left div{margin:0 1% 0 4% !important;}
	.header_right_js_button{width:auto; padding:0 5.5%; margin-right:0.5rem;}
	.header_right_ex_button{width:auto; padding:0 5.5%; margin-right:0;}
	
}

@media only screen  and (min-width: 1440px) and (max-width: 1600px) {
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait) {
	
}

@media only screen and (max-device-width: 720px) and (orientation:landscape) {
  
	.header_mobile_bar{display:block;}
	
	.cf_header_top, .cf_header_etc{display:none;}
	.cf_header_menu{display:none;}
	
  .cf_header_map, .cf_header_map_tooltip{display:none;}
	.cf_box_plat, .cf_box_gold, .cf_box_silver, .cf_box_standard, .cf_box_uni{grid-template-columns:1fr 1fr;}
	.cf_box_plat div{display:none;}
	
	.cf_comparison_each{width:80%; margin:0 auto 1rem;}
	
	.cf_client_box{width:100%; text-align:center; margin:0 auto;}
	.cf_client_img{width:24%; margin:4%;}
	
	.cf_campus_list{flex:1 1 40%; max-width:40%;}
	
  .cf_about_details_box{margin-top:1rem;}
  .cf_about_title{margin-bottom:0;}
  .cf_about_info{font-size:1rem;}
  
	.cf_schedule_img{width:35%;}
	.cf_schedule_img img{width:100%;}
	.cf_schedule_loc{width:50%; text-align:left; margin:0 0 0 5%;}
	.cf_schedule_date{width:35%; margin-top:2rem;}
	.cf_schedule_time{width:50%; text-align:left; margin:2rem 0 1rem 5%;}
	.cf_schedule_each a{display:block;}
	.cf_schedule_buy{width:100%; text-align:center; margin:0;}
	
  .cf_footer_branding{display:block; width:100%; margin-bottom:2rem;}
	.cf_footer_content{display:inline-block; width:32%; margin:0 0 2rem 0;}
  
}

/* ---------------------------------------------------------------------------------------------------- */
/* -------------------------- END media css - updated - 23/04/2025 - 01:20pm -------------------------- */
/* ---------------------------------------------------------------------------------------------------- */