@charset "utf-8";
/* CSS Document */

@import url('https://webarchive.lib.cuhk.edu.hk/20241029020451cs_/https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700');
@import url('https://webarchive.lib.cuhk.edu.hk/20241029020451cs_/https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i');

html, body { margin:0px; }

body { width:100%; margin:0px; font-size-adjust:100%; -webkit-text-size-adjust:100%; background:#ffffff; color:#333333; font-size:16px; font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

a { outline:none; text-decoration:none; }

ul, ol { list-style:none; margin:0px; padding:0; }
li { vertical-align:top; }

h1, h2, h3, h4, h5, p { padding:0; margin:0; }

img { border:none; }

input, select { font-family:"Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

/* ---------------- clear fix ---------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*-------------------------------------------------------------------------------------*/
/* LAYOUT */

#wrap { width:100%; min-width:1000px; position:relative; z-index:1000; overflow:hidden; transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }
#wrap .container { width:100%; max-width:1000px; margin:0px auto; position:relative; box-sizing:border-box; display:block; }
#wrap .overlay { position:absolute; left:0; top:0; z-index:5000; width:0; height:0; background-color:rgba(0,0,0,0.3); opacity:0; }

#top { }
#top .logo_area { float:left; padding:20px 0 13px 6px; font-size:0; }
#top .logo { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-right:10px; }
#top .logo.cuhk_logo { width:79px; }
#top .logo.pass_logo { width:512px; }
#top .logo img { padding-top:10px; width:68%; }
#top .office_logo { position:absolute; right:2px; top:15px; width:245px; }
#top .office_logo img { width:100%; }

#menu { background-color:#a8be1d; position:relative; }
#menu:before { position:absolute; right:0; top:0; content:""; width:50%; height:100%; background-color:#326431; }
#menu .container { background:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/menu_bg_patten.png) #a8be1d no-repeat right top; }
#menu .menu_area { width:100%; box-sizing:border-box; }
#menu ul.menu_list { font-size:0; text-align:left; }
#menu ul.menu_list > li { display:inline-block; zoom:1; *display:inline; vertical-align:top; padding-right:30px; }
#menu ul.menu_list > li > a.lv1 { display:block;margin-right:50px; height:42px; padding:0 14px; font-size:23px; color:#ffffff; font-weight:600; line-height:42px; font-family:"Dosis", "微軟正黑體", "Microsoft JhengHei", sans-serif; transition:all 0.2s ease; }
#menu ul.menu_list > li > a.lv1 i { vertical-align:top; font-size:20px; color:#d0e54b; font-weight:normal; }
#menu ul.menu_list > li > a.lv1:hover { color:#d0e54b; }

#menu .lang_menu { position:absolute; right:34px; top:13px; }
#menu .lang_menu ul { text-align:right; font-size:0; }
#menu .lang_menu ul li { display:inline-block; zoom:1; *display:inline; vertical-align:top; height:20px; padding:0 8px; border-left:1px solid #ffffff; }
#menu .lang_menu ul li:first-child { border-left:0; }
#menu .lang_menu ul li a { font-size:18px; color:#ffffff; line-height:20px; }
#menu .lang_menu ul li a:hover { color:#d0e54b; }

#mobile_menu { display:none; }

#banner { }
#banner .banner_show { width:100%; }
#banner .banner_show .banner { width:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; text-align:center; }
#banner .banner_show .banner img { width:100%; max-width:1000px; }
#banner .banner_controls { position:relative; }
#banner .banner_dots { position:absolute; left:0; bottom:-20px; width:100%; text-align:center; }
#banner .banner_dot { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:10px; height:10px; background-color:#d9d9d9; border-radius:100%; margin:0 7px; transition:all 0.2s ease; cursor:pointer; }
#banner .banner_dot.active,
#banner .banner_dot:hover { background-color:#63a230; }
#banner .inner_banner { width:100%; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; }
#banner .inner_banner img { width:100%; }

#banner .inner_banner .banner_title { position:absolute; left:24px; bottom:10px; font-size:48px; color:#ffffff; font-weight:bold; }
#banner .inner_banner.what_is_pass_banner { background-color:#bababa; background-image:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/inner_banner_what_is_pass.png); }
#banner .inner_banner.pass_in_gef_banner { background-color:#dab85d; background-image:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/inner_banner_pass_in_gef.png); }
#banner .inner_banner.faq_banner { background-color:#bababa; background-image:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/inner_banner_faq.png); }

#main { }
#main .bottom_bar { background-color:#a8be1d; position:relative; }
#main .bottom_bar:before { position:absolute; left:0; top:0; content:""; width:50%; height:100%; background-color:#326431; }
#main .bottom_bar .container { height:33px; background:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/main_bottom_bar.png) #a8be1d no-repeat left top; }

#footer { background:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/footer_bg.jpg) repeat-x center top; position:relative; }
#footer .copyright { padding:13px 8px 10px 8px; box-sizing:border-box; }
#footer .copyright p { float:right; width:50%; text-align:right; font-size:12px; color:#000000; }
#footer .copyright p:first-child { float:left; text-align:left; }
#footer .copyright a { color:#000000; }
#footer .copyright a:hover { text-decoration:underline; }

.openResponsive, 
.openResponsive body { height:100%; }
.openResponsive #wrap { height:100%; transform:translate3d(250px, 0, 0); -webkit-transform:translate3d(250px, 0, 0); -moz-transform:translate3d(250px, 0, 0); }
.openResponsive #wrap .overlay { width:100%; height:100%; opacity:1; transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; }
.openResponsive #mobile_menu { visibility:visible; transition:all 0s ease; -webkit-transition:all 0s ease; -moz-transition:all 0s ease; 
transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); }

/*-------------------------------------------------------------------------------------*/
/* INDEX */

#indexType #main .bottom_bar { display:none; }

.index_box_area { padding-top:36px; padding-bottom:23px; text-align:center; margin:0 -7px; font-size:0; }
.index_box_area .index_box_item { display:inline-block; zoom:1; *display:inline; vertical-align:top; width:338px; padding:0 12px; box-sizing:border-box; }
.index_box_area .index_box { width:100%; background-color:#a8be1d; position:relative; }
.index_box_area .index_box:before { position:absolute; right:18px; top:0; content:""; width:0; height:0; border-style:solid; border-width:10px 8px 0 8px; border-color:#ffffff transparent transparent transparent; }
.index_box_area .index_box_content { width:100%; height:184px; position:relative; box-sizing:border-box; }

.index_video_box { background-color:#e0a712 !important; }
.index_video_box .index_box_content { padding:16px 28px 10px 28px; }
.index_video_box .index_box_content iframe { width:100%; height:100%; border:0; }

.index_schedule_box { background:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/index_schedule_box_bg.jpg) no-repeat left top; background-size:100% 100%; }
.index_schedule_box:after { position:absolute; left:0; bottom:0; content:""; }
.index_schedule_box .index_box_content { font-size:0; text-align:center; }
.index_schedule_box .index_box_content:after { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.index_schedule_box .index_box_content a { display:inline-block; zoom:1; *display:inline; vertical-align:middle; }
.index_schedule_box .index_box_content a img { padding-bottom:4px; }
.index_schedule_box .index_box_content a p { font-size:30px; color:#ffffff; line-height:35px; font-family:"Dosis", "微軟正黑體", "Microsoft JhengHei", sans-serif; }

.index_contact_box { background-color:#63a230 !important; }
.index_contact_box .index_box_content { padding:10px 17px; font-size:14px; color:#ffffff; text-align:left; }
.index_contact_box .index_box_content h2 { font-size:24px; font-weight:500; font-family:"Dosis", "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.index_contact_box .index_box_content h4 { padding-bottom:2px; font-size:14px; color:#bcf131; font-weight:bold; }
.index_contact_box .index_box_content p { }
.index_contact_box .index_box_content table { width:100%; padding-top:6px; }
.index_contact_box .index_box_content table td { width:auto; }
.index_contact_box .index_box_content table td:first-child { width:60px; }
.index_contact_box .index_box_content a { color:#ffffff; }
.index_contact_box .index_box_content a:hover { text-decoration:underline; }

/*-------------------------------------------------------------------------------------*/
/* WHAT IS PASS */

.what_pass_area { padding:32px 9px; }
.what_pass_area .what_pass_section { padding-bottom:30px; }
.what_pass_area .what_pass_info { }
.what_pass_area .what_pass_title { padding-bottom:6px; font-size:26px; color:#669933; font-weight:bold; }
.what_pass_area .what_pass_content { font-size:17px; color:#333333; line-height:24px; text-align:justify; }
.what_pass_area .what_pass_content ul { }
.what_pass_area .what_pass_content ul li { padding-left:20px; position:relative; }
.what_pass_area .what_pass_content ul li:before { position:absolute; left:6px; top:9px; content:""; width:5px; height:5px; background-color:#63a230; border-radius:100%; }
.what_pass_area .what_pass_img { float:right; width:270px; height:165px; margin-top: 12px; margin-right: 15px; position:relative; }
.what_pass_area .what_pass_img_box { float:right; width:300px; height:183px; margin-top: 12px;margin-right: 20px; position:relative;  background-color:#bababa; !important;}
.what_pass_area .what_pass_img_box:before { position:absolute; right:18px; top:0; content:""; width:0; height:0; border-style:solid; border-width:10px 8px 0 8px; border-color:#ffffff transparent transparent transparent; }

.what_pass_area .what_pass_img img { width:100%; }
.what_pass_area .what_pass_img iframe { position:absolute; left:0; top:0; width:100%; height:100%; border:0;}

.what_pass_area .what_pass_section.have_video { }
.what_pass_area .what_pass_section.have_video .what_pass_info { float:left; }

/*-------------------------------------------------------------------------------------*/
/* PASS IN GEF */

.pass_in_gef_area { padding:20px 6px 8px 6px; }
.pass_in_gef_area .pass_in_gef_title { padding:0 24px 4px 24px; border-bottom:1px solid #63a230; font-size:30px; color:#63a230; font-family:"Dosis", "微軟正黑體", "Microsoft JhengHei", sans-serif; }
.pass_in_gef_area .pass_in_gef_search_area { padding:12px 2px; border-bottom:1px solid #a8be1d; position:relative; }
.pass_in_gef_area .pass_in_gef_search_desc { margin-top:15px; padding:0 22px 18px 22px; font-size:21px; color:#947731; font-weight:bold; }
.pass_in_gef_area .pass_in_gef_search_view { position:absolute; right:3px; top:24px; }
.pass_in_gef_area .pass_in_gef_search_view a { margin-top:-20px; display:block; width:102px; height:22px; border:1px solid #cccccc; background-color:#ffffff; border-radius:3px; box-sizing:border-box; font-size:15px; color:#63a230; font-weight:500; line-height:20px; text-align:center; font-family:"Dosis", "微軟正黑體", "Microsoft JhengHei", sans-serif; transition:all 0.2s ease; }
.pass_in_gef_area .pass_in_gef_search_view a:hover { border-color:#63a230; background-color:#63a230; color:#ffffff; }
.pass_in_gef_area .pass_in_gef_search_box { width:100%; padding:5px 6px; background-color:#a8be1d; border-radius:10px; box-sizing:border-box; text-align:center; }
.pass_in_gef_area .pass_in_gef_search_box .select_field { float:left; width:243px; padding:5px 21px; box-sizing:border-box; }
.pass_in_gef_area .pass_in_gef_search_box .select_field:first-child { padding-top:22px; padding-bottom:22px; }
.pass_in_gef_area .pass_in_gef_search_box .select_field select { width:100%; height:24px; padding:0 5px; border:0; background:#f8f8f8; background:-moz-linear-gradient(top, #f8f8f8 0%, #e7e7e7 100%); background:-webkit-linear-gradient(top, #f8f8f8 0%,#e7e7e7 100%); background:linear-gradient(to bottom, #f8f8f8 0%,#e7e7e7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e7e7e7',GradientType=0 ); font-size:14px; color:#000000; font-weight:bold; }
.pass_in_gef_area .pass_in_gef_search_box .select_field option:first-child { xdisplay:none; }
.pass_in_gef_area .pass_in_gef_schedule { }

.schedule_area { padding:18px 0; }
.schedule_area .schedule_title { padding:0 24px 14px 24px;font-weight: bold;    font-size: 18px; }
.schedule_area .empty_message { padding-left: 24px; font-size: 16px; }
.schedule_area .schedule_list { display:table; width:100%; }
.schedule_area .schedule_item { display:table-row; border-bottom:1px solid #ffffff; background-color:#f8f8f8; font-size:0; }
.schedule_area .schedule_item:nth-child(odd) { background-color:#e9e9e9; }
.schedule_area .schedule_item .schedule_field { display:table-cell; vertical-align:middle; min-height:64px; padding:11px 10px; box-sizing:border-box; border-left:1px solid #ffffff; text-align:center; }
.schedule_area .schedule_item .schedule_field:before { content:""; display:inline-block; zoom:1; *display:inline; vertical-align:middle; height:100%; }
.schedule_area .schedule_item .schedule_field:first-child { width:252px; border-left:none; }
.schedule_area .schedule_item .schedule_field:first-child+.schedule_field { width:238px; }
.schedule_area .schedule_item .schedule_field:first-child+.schedule_field+.schedule_field { width:238px; }
.schedule_area .schedule_item .schedule_field:first-child+.schedule_field+.schedule_field+.schedule_field { width:230px; }
.schedule_area .schedule_item .schedule_field p { display:inline-block; zoom:1; *display:inline; vertical-align:middle; font-size:18px; color:#000000; line-height:21px; }

/*-------------------------------------------------------------------------------------*/
/* FAQ */

.faq_area { padding:30px 17px 20px 17px; }
.faq_area .faq_item { padding-bottom:24px; counter-increment:issue_num; }
.faq_area .faq_issue { width:100%; padding:9px 20px; background:url(/20241029020451oe_/http://pass.oge.cuhk.edu.hk/img/issue_bar.png) repeat-y left top; border-radius:5px; box-sizing:border-box; font-size:18px; color:#ffffff; font-weight:bold; line-height:22px; }
.faq_area .faq_issue:before { content:counter(issue_num)". "; }
.faq_area .faq_answer { padding:12px 20px 0 20px; font-size:18px; color:#333333; }