@charset "UTF-8"; /* CSS Document */ /* Extra small devices (portrait phones, less than 576px) @media (max-width: 575px) { } */ /* Small devices (landscape phones, less than 768px) c @media (max-width: 767px) { } */ /* Medium devices (tablets, less than 992px) @media (max-width: 991px) { } */ /* Large devices (desktops, less than 1200px) @media (max-width: 1199px) { } */ @media (max-width: 767px) { #headerContent{ display:none; } #headerContent_mobile{ display:block; overflow:hidden; width:100%; height:84px; } #headerContent_mobile #header_process_container{ background-color:#FFFFFF; display:block; padding: 5px 10px 5px 10px; border: 1px dotted #0083A6; border-style: dotted; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #reserve_eticket .project_end_indicator{ font-size:20px; } #reserve_eticket .project_end_indicator .timerTxt{ display:block; width:100%; margin-top:20px; font-size:17px; } .ui-dialog .ui-dialog-content{ padding: 0px 8px 0px 8px; } #dialog .qrcode-items{ font-size: 17px; line-height: 24px; } #dialog .qrcode-count { width:100%; font-size: 16px; line-height: 24px; } #dialog .qrcode-nonrefundable, #dialog .qrcode-dontclose, #dialog .qrcode-description{ width:100%; } #dialog .qrcode-qrcode{ width:100%; margin: 10px 0px 0 0px; } #dialog .qrcode-steps{ width:100%; } #dialog .qrcode-steps-list li::before { height: 24px; width: 24px; line-height: 24px; font-size: 16px; } #reserve_eticket .project_date_description, #reserve_eticket .project_date_description p, #reserve_eticket #etickets_project_googlemap_container_frontground .project_map_location_description, #reserve_eticket #etickets_project_googlemap_container_frontground .project_map_location_description p, #reserve_eticket .etickets_project_category_00, #reserve_eticket .etickets_project_category_01, #reserve_eticket .etickets_project_category_02, #reserve_eticket .etickets_project_category_03, #reserve_eticket .etickets_project_category_04, #reserve_eticket .etickets_project_category_05, #reserve_eticket .etickets_project_category_06, #reserve_eticket .etickets_project_category_07, #reserve_eticket .etickets_project_category_08, #reserve_eticket .etickets_project_category_09, #reserve_eticket .etickets_project_category_10, #reserve_eticket .etickets_project_category_11, #reserve_eticket .etickets_project_category_12, #reserve_eticket .etickets_project_category_13, #reserve_eticket .etickets_project_category_14, #reserve_eticket .etickets_project_category_15, #reserve_eticket .etickets_project_type_00, #reserve_eticket .etickets_project_type_01, #reserve_eticket .etickets_project_type_02, #reserve_eticket .etickets_project_type_03, #reserve_eticket .etickets_project_type_04, #reserve_eticket .etickets_project_type_05, #reserve_eticket .etickets_project_type_06, #reserve_eticket .etickets_project_type_07, #reserve_eticket .etickets_project_type_08, #reserve_eticket .etickets_project_type_09, #reserve_eticket .etickets_project_type_10, #reserve_eticket .etickets_project_type_11, #reserve_eticket .etickets_project_type_12, #reserve_eticket .etickets_project_type_13, #reserve_eticket .etickets_project_type_14, #reserve_eticket .etickets_project_type_15, #reserve_eticket .etickets_project_type_16, #reserve_eticket .etickets_project_type_17, #reserve_eticket .etickets_project_type_18, #reserve_eticket .etickets_project_type_19, #reserve_eticket .etickets_project_type_20, #reserve_eticket .etickets_project_type_21, #reserve_eticket .project_organzier, #reserve_eticket .project_organzier a { font-size:14px !important; line-height:20px !important; } #waitlist_eticket_onhold .project_ticket_discount_del, #waitlist_eticket_onhold .project_ticket_discount_del p, #reserve_eticket_onhold .project_ticket_discount_del, #reserve_eticket_onhold .project_ticket_discount_del p, #reserve_eticket .project_ticket_discount_del, #reserve_eticket .project_ticket_discount_del p{ font-size:13px; line-height:18px; letter-spacing:0px; } #waitlist_eticket_onhold .project_ticket_discount, #waitlist_eticket_onhold .project_ticket_discount p, #reserve_eticket_onhold .project_ticket_discount, #reserve_eticket_onhold .project_ticket_discount p, #reserve_eticket .project_ticket_discount, #reserve_eticket .project_ticket_discount p{ font-size:12px; line-height:18px; letter-spacing:0px; } #reserve_eticket .project_servercharge, #reserve_eticket .project_servercharge p{ font-size:14px; line-height:18px; letter-spacing:0px; } #reserve_eticket .ticket_discount, #reserve_eticket .project_discount{ font-size:12px; line-height:16px; letter-spacing:0px; } #reserve_eticket .project_price { font-size:16px; line-height:22px; letter-spacing:0px; } #reserve_eticket .project_ticket_name{ font-size:18px; line-height:22px; } #waitlist_eticket_onhold .project_ticket_name, #reserve_eticket_onhold .project_ticket_name{ font-size:18px; line-height:22px; letter-spacing:0px; } #reserve_eticket_onhold .project_ticket_price, #reserve_eticket .project_ticket_price, #waitlist_eticket_onhold .project_ticket_price{ font-size:17px; line-height:32px; } #reserve_eticket_onhold .project_ticket_specific_date, #reserve_eticket .project_ticket_specific_date, #waitlist_eticket_onhold .project_ticket_specific_date{ font-size:25px; line-height:36px; margin-top: 50px; } #reserve_eticket .span_project_clock, #waitlist_eticket_onhold .span_project_clock, #reserve_eticket_onhold .span_project_clock{ display:none; } #reserve_eticket_onhold .project_ticket_session_endtime, #reserve_eticket .project_ticket_session_endtime, #reserve_eticket .project_ticket_endtime{ font-size:12px; line-height:19px; } #reserve_eticket .project_ticket_availiability{ font-size:13px; line-height:20px; color:#333; } #reserve_eticket .project_ticket_sub_name{ font-size:13px; line-height:20px; } #reserve_eticket .icon_sales_ended, #reserve_eticket .icon_sales_soldout, #reserve_eticket .icon_sales_snapup{ font-size:12px; line-height:20px; font-weight:bold; padding: 8px 10px 6px 10px; } #reserve_eticket .sales_small_qty{ font-size:14px; line-height:20px; font-weight:300; } .feature_mobile_tag { font-size:25px; line-height:36px; letter-spacing:0px; } .feature_mobile_tag_line, .feature_mobile_tag_line a:link, feature_mobile_tag_line a:visited, .feature_mobile_tag_line a:hover{ font-size:17px; line-height:24px; letter-spacing:0px; } .robot_title{ font-size:24px; line-height:34px; } .robot_content, .robot_content a:link, robot_content a:visited, .robot_content a:hover{ font-size:17px; line-height:28px; letter-spacing:1px; } .content_container_1010_100 .content_col_00 { font-size:14px; line-height:22px; width:100%; display:inline; float:left; text-align:center; margin-top:20px; margin-bottom:0px; } .content_container_1010_100 .content_col_01 { font-size:12px; line-height:20px; width:100%; display:inline; float:left; text-align:center; } .content_container_1050_100, .content_container_1010_100, .content_container_1044_100, .content_container_1000_100, .content_container_1098_100{ width:100%; } .content_container_1050_90, .content_container_1044_90, .content_container_1098_90, .content_container_1024_90{ width:90%; } .content_container_1030_88{ width:88%; } .content_container_1098 { width:320px; } .content_container_1098 .content_col_100 { /*margin:0 0 20px 0;*/ width:320px; } .footer_mm{ width:250px; text-align:center; } .footer_mm-chi{ width:280px; text-align:center; } .footer_mm-chi .items_tnc, .footer_mm .items_tnc{ width:100%; text-align:center; } .footer_copyright-chi, .footer_copyright{ width:200px; text-align:center; } .footer_copyright-chi .items, .footer_copyright .items{ width:100%; text-align:center; } .footer_address{ width: 70%; } .footer_mm-chi .separators_tnc, .footer_mm .separators_tnc, .footer_copyright-chi .separators, .footer_copyright .separators{ display:none; } .robot_content_container_720_90{ width:90%; } .fees-heading{ width: 80%; font-size:26px; line-height: 38px; font-weight: 600; } .fees-heading-tagline{ width: 80%; font-size:22px; line-height:35px; margin-top: 10px; margin-bottom: 0px; font-weight: 300; } .fees-remarks{ width: 90%; } .fee_desktop{ display:none; } .fee_mobile{ display:table; } .fee_mobile .service-rate{ font-size:26px; line-height: 28px; padding: 30px 0 30px 0; } #reserve_eticket .content_container_1024_90 .enquiry_col03{ width:100%; margin:0; padding:0; border-top:1px solid #CCC; margin-top:10px; margin-bottom:0px; } #reserve_eticket .content_container_1024_90 .enquiry_col00{ width:100%; margin:0; padding:0; border-top:1px solid #CCC; border-bottom:0px solid #CCC; margin-top:0px; } #reserve_eticket .content_container_1024_90 .enquiry_col01{ width:100%; margin:0; padding:0; border-top:1px solid #CCC; border-bottom:0px solid #CCC; margin-bottom:10px; } #reserve_eticket .project-top .bg-default{ -webkit-filter: saturate(1.2) brightness(1.2) blur(30px) contrast(.9) opacity(.7); filter:saturate(1.2) brightness(1.2) blur(30px) contrast(.9) opacity(.7); } #reserve_eticket .project-top .container{ width:90%; height:260px; } #reserve_eticket .project-top .container .imgframe{ width:134px; height:180px; margin-right: 5%; } #reserve_eticket .project-top .container .titleframe{ width:50%; } #reserve_eticket .project-top .container .titleframe .project-name{ font-size:22px; line-height:32px; margin-top: 5px; } #reserve_eticket .project-top .container .titleframe .project-location, #reserve_eticket .project-top .container .titleframe .project-date{ font-size:14px; line-height:20px; } #reserve_eticket .project-top .container .titleframe .project-location{ margin-bottom: 6px; } #reserve_eticket .project-top .container .titleframe .project-date{ margin-bottom: 18px; } #reserve_eticket #eticket_project_highlight_img { height: 280px !important; } #reserve_eticket #eticket_project_highlight_img_frontground{ display:none; } #reserve_eticket #eticket_project_highlight_img_frontground_mobile{ display:block; } #reserve_eticket #eticket_project_highlight_img_mobile{ display:block; width:90%; } #reserve_eticket #project_price_range_div{ display:none; } #reserve_eticket_onhold .input_reserve_noscale, #reserve_eticket_onhold .input_reserve_multiline_noscale { width:96%; padding-left:2%; padding-right:2%; } #reserve_eticket_onhold .tips_no_refund{ width: 97%; font-size:15px; letter-spacing:1px; line-height:30px; margin-top: 10px; } #reserve_eticket_onhold #agreeConfirmBtn, #reserve_eticket_onhold #agreeConfirmBtn_disabled{ width: 82%; } #reserve_eticket_onhold #member-table{ width:100%; } #reserve_eticket_onhold .ans_row .col_25{ width:50%; } #reserve_eticket_onhold .q_yesno_col_00{ width:100%; padding-top:2px; } #reserve_eticket_onhold .q_yesno_col_01{ width:100%; margin-top:20px; margin-bottom:20px; padding-top:10px; padding-bottom:10px; } #reserve_eticket_onhold .q_col{ padding-top:2px; } #reserve_eticket_onhold #login_email, #reserve_eticket_onhold #login_pw{ width:92%; } #reserve_eticket_onhold #reserve_loginsignup_submitBtn{ width:88%; } #waitlist_eticket_onhold .input_reserve_noscale, #waitlist_eticket_onhold .input_reserve_multiline_noscale { width:96%; padding-left:2%; padding-right:2%; } #waitlist_eticket_onhold .tips_no_refund{ width: 97%; } #waitlist_eticket_onhold #agreeConfirmBtn, #waitlist_eticket_onhold #agreeConfirmBtn_disabled{ width: 82%; } #waitlist_eticket_onhold #member-table{ width:100%; } #waitlist_eticket_onhold .ans_row .col_25{ width:50%; } #waitlist_eticket_onhold .q_yesno_col_00{ width:100%; padding-top:2px; } #waitlist_eticket_onhold .q_yesno_col_01{ width:100%; margin-top:20px; margin-bottom:20px; padding-top:10px; padding-bottom:10px; } #waitlist_eticket_onhold .q_col{ padding-top:2px; } #waitlist_eticket_onhold #login_email, #waitlist_eticket_onhold #login_pw{ width:92%; } #waitlist_eticket_onhold #waitlist_loginsignup_submitBtn{ width:88%; } #waitlist_eticket_onhold #non-member-table .row .col_50, #waitlist_eticket_onhold #non-member-table .row_90 .col_20, #waitlist_eticket_onhold #non-member-table .row_90 .col_80{ width:100%; } #waitlist_eticket_onhold #non-member-table #person_birthdate_day, #waitlist_eticket_onhold #non-member-table #person_birthdate_month, #waitlist_eticket_onhold #non-member-table #person_birthdate_year, #waitlist_eticket_onhold #non-member-table #person_education, #waitlist_eticket_onhold #non-member-table #contact_home_address_country, #waitlist_eticket_onhold #non-member-table #occupation_office_address_country{ width:100%; } #waitlist_eticket_onhold #non-member-table #person_firstname, #waitlist_eticket_onhold #non-member-table #person_lastname{ width:84% !important; } #waitlist_eticket_onhold #non-member-table #person_salutation{ width:100% !important; } #waitlist_eticket_onhold #non-member-table #account_login_email, #waitlist_eticket_onhold #non-member-table #contact_mobile_number, #waitlist_eticket_onhold #non-member-table #contact_home_address_building, #waitlist_eticket_onhold #non-member-table #contact_home_address_city, #waitlist_eticket_onhold #non-member-table #contact_home_address_postcode, #waitlist_eticket_onhold #non-member-table #contact_home_address_street, #waitlist_eticket_onhold #non-member-table #occupation_company, #waitlist_eticket_onhold #non-member-table #occupation_jobtitle, #waitlist_eticket_onhold #non-member-table #occupation_office_number, #waitlist_eticket_onhold #non-member-table #occupation_office_address_building, #waitlist_eticket_onhold #non-member-table #occupation_office_address_city, #waitlist_eticket_onhold #non-member-table #occupation_office_address_postcode, #waitlist_eticket_onhold #non-member-table #occupation_office_address_street, #waitlist_eticket_onhold #non-member-table #occupation_office_website{ width:92%; } #reserve_ticket_quickContiner #quickBookNowBtn{ width: 82%; } #reserve_eticket #bookNowBtn, #reserve_eticket #bookNowBtn_disabled{ width: 82%; } #reserve_eticket #project_ended_img{ width:50px; height:36px; } #reserve_eticket #svg_project_org_profile, #reserve_eticket #eticket_project_org_profile_img, #reserve_eticket #project_launch_category_img, #reserve_eticket #project_launch_type_img{ width:30px; height:30px; } #reserve_eticket .project_ticket_select, #reserve_eticket .project_ticket_select_ie8{ width:60px; background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-position: 98% 50%; padding-left:6px; padding-right:22px; } #reserve_eticket .icon_sales_ended{ width: 50px; background-color: #EEE; padding: 6px 8px 6px 8px; } #reserve_eticket .project_ticket_discount_select, #reserve_eticket .project_ticket_discount_select_ie8{ width:110px; background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; background-position: 98% 50%; padding-left:6px; padding-right:22px; } .banner_content table{ width:320px; } #index_banner_00, #index_banner_01, #index_banner_02, #index_banner_03, #index_banner_04, #index_banner_05, #index_banner_06, #index_banner_07 { width:100% !important; height:86vh !important; } .banner_overlay { width:100%; height:86vh; } .banner_content table .banner_title_eng{ font-size:40px; line-height:50px; text-align:left; letter-spacing:0px; padding-bottom:10px; } .banner_content table .banner_title_chi{ font-size:40px; line-height:56px; text-align:left; letter-spacing:0px; padding-bottom:10px; } .banner_content table .banner_tag_eng{ font-size:28px; line-height:40px; text-align:left; letter-spacing:0px; height:50%; padding-top:20px; padding-bottom:60px; } .banner_content table .banner_tag_chi{ font-size:24px; line-height:38px; text-align:left; letter-spacing:4px; height:52%; padding-top:40px; padding-bottom:40px; } .content_container_1098_100 .index_col00, .content_container_1098_100 .index_col01, .content_container_1098_100 .index_col02{ width:100%; margin:0; padding:0; } .content_container_1098_100 .index_col00 table, .content_container_1098_100 .index_col01 table, .content_container_1098_100 .index_col02 table{ width:88%; } .content_container_1098_100 .feature_col02{ display:inline !important; float:left !important; width:100% !important; height:370px !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; text-align:center !important; } .content_container_1098_100 .feature_col00{ display:none; } .content_container_1098_100 .feature_col01{ width:100%; margin:0; padding:40px 0 40px 0; } .content_container_1098_100 .feature_col01 table{ width:83%; margin:0; padding:0; left:0; right:0; margin-left:auto; margin-right:auto; text-align:center; } .content_container_1098_100 .payment_rows{ font-size: 23px; line-height: 34px; letter-spacing: 0px; padding: 40px 25px 40px 25px; } .content_container_1098_100 .payment_row_00{ padding-bottom: 30px; } .content_container_1098_100 .payment_rows img{ display: inline-block; margin-right:12px; } .content_container_1098_100 .organizer_col00{ width:100%; margin:0; padding:0; border-bottom:1px solid #FFF; } .content_container_1098_100 .organizer_col01{ width:100%; margin:0; padding:0; } .content_container_1098_100 .organizer_col00 table, .content_container_1098_100 .organizer_col01 table{ width:82%; padding-top:70px; padding-bottom:90px; } .content_container_1098_100 .organizer_col_title{ font-size:23px; line-height:36px; letter-spacing:0px; text-align:center; } .content_container_1098_100 .organizer_col_tag{ font-size:17px; line-height:24px; letter-spacing:0px; text-align:center; } .login_forgot, .login_forgot a:link, .login_forgot a:visited, .login_forgot a:hover{ font-size:12px; line-height:18px; letter-spacing:0px; } #register_form_content{ width:99%; } #register_form_content #redirec_to_loginBtn{ width:90%; } #register_form_content .login_col00{ width:100%; } #register_form_content .login_col01{ width:100%; padding-top:30px; } #register_form_content .login_col00 .login_forgot{ padding-top:6px; } #signup_form #loginsignup_submitBtn, #forgot_form #loginsignup_submitBtn, #register_form #loginsignup_submitBtn{ width:90%; } #forgot_form .forgot_col00, #register_form_content .signup_col00{ width:100%; padding-left:5px; padding-right:5px; } #forgot_form .forgot_col01, #register_form_content .signup_col01{ width:100%; padding-top:20px; } .login_remember{ padding-top:5px; } .loginCheckBox label { margin-top:1px; } #org_form .content_container_1024_90 .organizer_office_col00{ width:100%; margin:0; padding:0; margin-top:10px; } #org_form .content_container_1024_90 .organizer_office_col01{ width:100%; margin:0; padding:0; border-top:1px solid #CCC; } #org_form .content_container_1024_90 .organizer_office_col02{ width:100%; margin:0; padding:0; border-top:1px solid #CCC; margin-bottom:10px; } #org_form .content_container_1024_90 .organizer_office_col02 table{ width:300px; } #org_form .content_container_1024_90 .organizer_office_col00 table tr:first-child td:first-child, #org_form .content_container_1024_90 .organizer_office_col01 table tr:first-child td:first-child{ width:140px; padding-left:10px; } #org_form .organizer_description_col00{ width:100%; margin:0; } #org_form .organizer_description_col01{ width:100%; margin:0; border-top:1px solid #FFF; } #org_form .eticket_organizer_title{ font-size:26px; line-height:32px; } #org_form .eticket_organizer_tag{ font-size:16px; line-height:26px; } #org_form .content_container_1024_90 .organizer_office_col00 td, #org_form .content_container_1024_90 .organizer_office_col01 td{ font-size:14px; line-height:20px; } #org_form #etickets_project_googlemap_container_frontground .project_map_location_description, #org_form #etickets_project_googlemap_container_frontground .project_map_location_description p, #org_form .organizer_description, #org_form .organizer_description p{ font-size:14px; line-height:20px; } #org_form .organizer_all_projects img{ width:24px; height:24px; } #org_form .organizer_all_projects, #org_form .organizer_all_projects_list td{ font-size:18px; line-height:22px; } #reserve_eticket .project_ticket_title, #reserve_eticket_onhold .project_ticket_title{ letter-spacing:0px; } #reserve_eticket .project_description img{ width: 100%; height:auto; } #reserve_eticket .project_description video, #reserve_eticket .project_description iframe, #reserve_eticket .project_description object, #reserve_eticket .project_description embed { width: 100% !important; height: auto !important; border: 0px !important; min-height:240px !important; max-height:240px !important; } #reserve_eticket .span_discount_code{ width:96%; } #reserve_eticket #clock{ margin: 0 0 20px 0; width:100%; height:116px; zoom:0.63; -webkit-transform: scale(0.65); -moz-transform: scale(0.65); transform: scale(0.65); } #reserve_eticket #clock.flip-clock-wrapper ul li a div div.inn { font-size: 46px; } #reserve_eticket #clock.flip-clock-wrapper ul { height: 80px; } #reserve_eticket_onhold #clock{ margin: 0 0 20px 0; width:300px; height:116px; } #reserve_eticket_onhold #clock_reminder{ font-size:18px; line-height:30px; font-weight:bold; width: 90%; } #reserve_eticket_onhold .input_err{ letter-spacing:0px; } #reserve_eticket_onhold .project_date_description, #reserve_eticket_onhold .project_date_description p, #reserve_eticket_onhold .project_organzier{ font-size:14px; line-height:20px; } #reserve_eticket_onhold .project_title{ font-size:20px; line-height:30px; } #reserve_eticket_onhold .project_td_22px_green_bold, #waitlist_eticket_onhold .project_td_22px_green_bold{ font-size:20px; line-height:28px; } #reserve_eticket_onhold .project_td_20px_green_bold, #waitlist_eticket_onhold .project_td_20px_green_bold{ font-size:18px; line-height:26px; } #reserve_eticket_onhold .project_td_18px_333, #waitlist_eticket_onhold .project_td_18px_333{ font-size:16px; line-height:22px; } #reserve_eticket_onhold .project_td_18px_green, #waitlist_eticket_onhold .project_td_18px_green{ font-size:16px; line-height:22px; } #reserve_eticket_onhold .project_td_18px_green_bold, #waitlist_eticket_onhold .project_td_18px_green_bold{ font-size:16px; line-height:22px; } #reserve_eticket_onhold .project_td_16px_333, #waitlist_eticket_onhold .project_td_16px_333{ font-size:15px; line-height:23px; } #reserve_eticket_onhold .project_td_16px_green, #waitlist_eticket_onhold .project_td_16px_green{ font-size:15px; line-height:23px; } #reserve_eticket_onhold .project_td_14px_green, #waitlist_eticket_onhold .project_td_14px_green{ font-size:12px; line-height:20px; } #reserve_eticket_onhold .project_servercharge, #reserve_eticket_onhold .project_servercharge p{ font-size:13px; line-height:18px; letter-spacing:0px; } #reserve_eticket_onhold .ticket_discount, #reserve_eticket_onhold .project_discount{ font-size:11px; line-height:16px; letter-spacing:0px; } #reserve_eticket_onhold .project_price { font-size:15px; line-height:22px; letter-spacing:0px; } #reserve_eticket_onhold .project_ticket_reward{ font-size:13px; line-height:20px; letter-spacing:0px; } #reserve_eticket_onhold .content_container_1024_90 .payBtn_col00, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col01, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col02, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col03, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col04, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col05, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col06, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col07, #reserve_eticket_onhold .content_container_1024_90 .payBtn_col08{ margin-top:-45px; width:100%; } #reserve_eticket_onhold .content_container_1024_90 .payBtn_col09{ margin-top:10px; /*margin-bottom:10px;*/ width:100%; } #reserve_eticket_onhold #googlepayBtn, #reserve_eticket_onhold #mspayBtn, #reserve_eticket_onhold #tenpayBtn, #reserve_eticket_onhold #paypalBtn, #reserve_eticket_onhold #unionpayBtn, #reserve_eticket_onhold #alipayBtn, #reserve_eticket_onhold #applepayBtn, #reserve_eticket_onhold #cardsBtn, #reserve_eticket_onhold #fpsBtn, #reserve_eticket_onhold #paymeBtn{ width:94%; } #reserve_eticket_onhold #reserve_unionpay, #reserve_eticket_onhold #reserve_alipay, #reserve_eticket_onhold #reserve_paypal, #reserve_eticket_onhold #reserve_cards, #reserve_eticket_onhold #reserve_mspay, #reserve_eticket_onhold #reserve_googlepay, #reserve_eticket_onhold #reserve_applepay, #reserve_eticket_onhold #reserve_fps, #reserve_eticket_onhold #reserve_payme{ height:22px; } #waitlist_eticket_onhold #clock{ margin: 0 0 40px 0; width:300px; height:116px; } #waitlist_eticket_onhold #clock_reminder{ font-size:18px; line-height:30px; font-weight:bold; width: 90%; } #waitlist_eticket_onhold .input_err{ letter-spacing:0px; } #waitlist_eticket_onhold .project_date_description, #waitlist_eticket_onhold .project_date_description p, #waitlist_eticket_onhold .project_organzier{ font-size:14px; line-height:20px; } #waitlist_eticket_onhold .project_title{ font-size:20px; line-height:30px; } #waitlist_eticket_onhold .project_servercharge, #waitlist_eticket_onhold .project_servercharge p{ font-size:13px; line-height:18px; letter-spacing:0px; } #waitlist_eticket_onhold .ticket_discount, #waitlist_eticket_onhold .project_discount{ font-size:11px; line-height:16px; letter-spacing:0px; } #waitlist_eticket_onhold .project_price { font-size:15px; line-height:22px; letter-spacing:0px; } #waitlist_eticket_onhold .project_ticket_reward{ font-size:13px; line-height:20px; letter-spacing:0px; } .form_submitBtn_white:hover{ color: #FFFFFF; background-color: #FFFFFF; } #order_completed .content_container_1024_90 .tickets_col00{ width:100%; margin:0; padding:0; } #order_completed .content_container_1024_90 .tickets_col01{ width:100%; margin:0; padding:0; } #order_completed .content_container_1024_90 .tickets_col02{ width:100%; margin:0; padding:0; } #order_completed #reviewBtn{ width:70%; } #order_completed .project_title, #order_completed .project_title_fail, #order_completed .project_tickets{ font-size:24px; line-height:38px; } #order_completed .project_going{ font-size:17px; line-height:28px; } #reserve_eticket_onhold #non-member-table .row .col_50, #reserve_eticket_onhold #non-member-table .row_90 .col_20, #reserve_eticket_onhold #non-member-table .row_90 .col_80{ width:100%; } #reserve_eticket_onhold #non-member-table #person_birthdate_day, #reserve_eticket_onhold #non-member-table #person_birthdate_month, #reserve_eticket_onhold #non-member-table #person_birthdate_year, #reserve_eticket_onhold #non-member-table #person_education, #reserve_eticket_onhold #non-member-table #contact_home_address_country, #reserve_eticket_onhold #non-member-table #occupation_office_address_country{ width:100%; } #reserve_eticket_onhold #non-member-table #person_firstname, #reserve_eticket_onhold #non-member-table #person_lastname{ width:84% !important; } #reserve_eticket_onhold #non-member-table #person_salutation{ width:100% !important; } #reserve_eticket_onhold #non-member-table #account_login_email, #reserve_eticket_onhold #non-member-table #contact_mobile_number, #reserve_eticket_onhold #non-member-table #contact_home_address_building, #reserve_eticket_onhold #non-member-table #contact_home_address_city, #reserve_eticket_onhold #non-member-table #contact_home_address_postcode, #reserve_eticket_onhold #non-member-table #contact_home_address_street, #reserve_eticket_onhold #non-member-table #occupation_company, #reserve_eticket_onhold #non-member-table #occupation_jobtitle, #reserve_eticket_onhold #non-member-table #occupation_office_number, #reserve_eticket_onhold #non-member-table #occupation_office_address_building, #reserve_eticket_onhold #non-member-table #occupation_office_address_city, #reserve_eticket_onhold #non-member-table #occupation_office_address_postcode, #reserve_eticket_onhold #non-member-table #occupation_office_address_street, #reserve_eticket_onhold #non-member-table #occupation_office_website{ width:92%; } #reserve_eticket_onhold .ticket_each_person_salutation{ width:100% !important; } #reserve_eticket_onhold .ticket_each_occupation_office_address_country, #reserve_eticket_onhold .ticket_each_occupation_office_address_country_ie8, #reserve_eticket_onhold .ticket_each_contact_home_address_country, #reserve_eticket_onhold .ticket_each_contact_home_address_country_ie8, #reserve_eticket_onhold .ticket_each_person_education, #reserve_eticket_onhold .ticket_each_person_education_ie8{ width:100% !important; } #reserve_eticket_onhold .ticket_each_occupation_office_website, #reserve_eticket_onhold .ticket_each_occupation_office_areacode, #reserve_eticket_onhold .ticket_each_occupation_office_number, #reserve_eticket_onhold .ticket_each_occupation_office_address_building, #reserve_eticket_onhold .ticket_each_occupation_office_address_street, #reserve_eticket_onhold .ticket_each_occupation_office_address_postcode, #reserve_eticket_onhold .ticket_each_occupation_office_address_city, #reserve_eticket_onhold .ticket_each_occupation_jobtitle, #reserve_eticket_onhold .ticket_each_occupation_company, #reserve_eticket_onhold .ticket_each_contact_home_address_street, #reserve_eticket_onhold .ticket_each_contact_home_address_postcode, #reserve_eticket_onhold .ticket_each_contact_home_address_city, #reserve_eticket_onhold .ticket_each_contact_home_address_building, #reserve_eticket_onhold .ticket_each_contact_mobile_areacode, #reserve_eticket_onhold .ticket_each_contact_mobile_number, #reserve_eticket_onhold .ticket_each_person_hkid, #reserve_eticket_onhold .ticket_each_person_email{ width:92% !important; } #reserve_eticket_onhold .ticket_each_person_lastname, #reserve_eticket_onhold .ticket_each_person_firstname{ width:84% !important; } /* =================== Accout User ====================== */ /* ------- Page - Profile ------ */ .content_container_1024_90 .user_profile_title_col00{ margin:30px 0 0 0; width:100%; } .content_container_1024_90 .user_profile_title_col01{ margin: 0 0 40px 0; width:100%; } .content_container_1024_90 .user_profile_header_col00{ width:100%; text-align:center; } .content_container_1024_90 .user_profile_header_col01{ width:100%; text-align:center; margin:0 0 20px 0; } .content_container_1024_90 .user_profile_header_col02{ width:100%; text-align:center; margin:0 0 20px 0; } .content_container_1024_90 .user_profile_header_col03, .content_container_1024_90 .user_profile_header_col04{ width:100%; margin:0 0 20px 0; } .content_container_1024_90 .user_profile_new_email_col00{ padding:25px 0 0 0; border-top:1px solid #CCC; width:100%; } .content_container_1024_90 .user_profile_new_email_col01, .content_container_1024_90 .user_profile_new_email_col02{ width:100%; } .content_container_1024_90 .user_profile_new_email_col03{ padding:0 0 30px 0; border-bottom:1px solid #CCC; width:100%; } #account_uid, #account_login_email{ width:94%; } #account_integrity, #account_integrity td{ font-size:15px; line-height:24px; letter-spacing:0px; } #user_profile_change_email_form #account_change_email_submitBtn{ width:89%; } #user_profile_change_email_form #new_login_email, #user_profile_change_email_form #new_login_email_re, #user_profile_change_email_form #change_email_login_pw{ width:94%; } .user_profile_header_col00 .profile_w{ width:20px; } #user_profile_form .content_container_1024_90 .user_profile_col_1024{ margin:50px 0 10px 0; width:100%; text-align:center; } #user_profile_form .content_container_1024_90 .user_profile_col_530, #user_profile_form .content_container_1024_90 .user_profile_col_444, #user_profile_form .content_container_1024_90 .user_profile_col_530_276, #user_profile_form .content_container_1024_90 .user_profile_col_530_244, #user_profile_form .content_container_1024_90 .user_profile_col_444_210, #user_profile_form .content_container_1024_90 .user_profile_col_444_214{ margin:0px 0 0 0; width:100%; height:126px; } #user_profile_form #person_birthdate_day, #user_profile_form #person_birthdate_month, #user_profile_form #person_birthdate_year{ width:100%; } #user_profile_form #person_salutation{ width:100px; } #user_profile_form #person_displayname{ width:91%; } #user_profile_form #contact_mobile_number{ width:100%; } #user_profile_form #contact_mobile_number, #user_profile_form #occupation_office_number{ width:93%; } #user_profile_form #occupation_company, #user_profile_form #occupation_office_website, #user_profile_form #occupation_office_address_building, #user_profile_form #occupation_office_address_street, #user_profile_form #occupation_office_address_city, #user_profile_form #occupation_office_address_postcode, #user_profile_form #occupation_jobtitle, #user_profile_form #person_firstname, #user_profile_form #person_lastname, #user_profile_form #person_nationality, #user_profile_form #contact_home_address_building, #user_profile_form #contact_home_address_city, #user_profile_form #contact_home_address_postcode, #user_profile_form #contact_home_address_street{ width:94%; } #user_profile_form #occupation_office_address_country, #user_profile_form #contact_home_address_country, #user_profile_form #person_education, #user_profile_form #login_lang{ width:100%; } #user_profile_form #account_submitBtn{ width:90%; } /* ---- END --- Page - Profile ------ */ /* ------- Page - User Transaction ------ */ #user_refund_details_form_table .container_100 .container_col100_100, #user_refund_details_form_table .container_100 .container_col53_100, #user_refund_details_form_table .container_100 .container_col45_100, #user_transaction_details_form_table .container_100 .container_col100_100, #user_transaction_details_form_table .container_100 .container_col53_100, #user_transaction_details_form_table .container_100 .container_col45_100{ margin:10px 0 5px 0; width:100%; } #user_refund_details_form_table .container_100 .title, #user_transaction_details_form_table .container_100 .title{ font-size:13px; line-height:20px; letter-spacing:0px; width:120px; } #user_refund_details_form_table .container_100 .content, #user_transaction_details_form_table .container_100 .content{ font-size:13px; line-height:20px; letter-spacing:0px; } #user_refund_details_form_table .container_100 .section, #user_transaction_details_form_table .container_100 .section{ font-size:16px; line-height:24px; letter-spacing:0px; } #user_transaction_details_form_table .container_100 .section .paidlogo, #user_refund_details_form_table .container_100 .section .paidlogo{ display:none; } #user_refund_details_form_table .container_100 .container_col100_100 .input_title, #user_refund_details_form_table .container_100 .container_col100_100 .input_content{ width:100%; } #user_refund_details_form_table .container_100 .container_col955_100, #user_refund_details_form_table .container_100 .container_col810_100, #refund_application_form .container_100 .container_col955_100, #refund_application_form .container_100 .container_col810_100{ text-align:left; margin:0; width:100%; } #user_refund_details_form_table .container_100 .container_col145_100, #refund_application_form .container_100 .container_col145_100{ text-align:left; margin:10px 0 0 0; width:100%; } #refund_application_form #continueSubmitBtn{ margin-top:20px; width:88%; } /* --- END ---- Page - User Transaction ------ */ /* ------- Page - ETICKETS ------ */ .content_container_1024_90 .col_50_100{ width:100%; } .content_container_1044_100 .user_etickets_col{ width:100%; } .content_container_1044_100 .user_etickets_col .ticket_table{ width:90%; } .content_container_1044_100 .user_etickets_col .ticket_download .col00{ width:100%; border-right:none; padding-top:8px; padding-bottom:20px; } .content_container_1044_100 .user_etickets_col .ticket_download .col01{ width:100%; border-top:1px solid #EEEEEE; padding-top:5px; padding-bottom:20px; } .content_container_1044_100 .user_etickets_col .ticket_details .col00{ width:100%; border-right:none; margin-top:15px; margin-bottom:10px; } .content_container_1044_100 .user_etickets_col .ticket_details .col01{ width:100%; border-right:0px; margin-top:0px; margin-bottom:20px; } .content_container_1044_100 .user_etickets_col .ticket_details .col01 .project_name{ text-align:center; margin:0; padding:0; padding-bottom:10px; } .content_container_1044_100 .user_etickets_col .ticket_details .col01 .project_name_tag { text-align:center; margin:0; padding:0; } .user_etickets_col .cancelRefundBtn, .user_etickets_col .cancelRefundBtn:link, .user_etickets_col .cancelRefundBtn:visited, .user_etickets_col .cancelBtn, .user_etickets_col .cancelBtn:link, .user_etickets_col .cancelBtn:visited{ margin: 25px 0px 15px 0px; } /* --- END ---- Page - ETICKETS ------ */ /* ------- Page - Change Password ------ */ #changelang_form #changelang_submitBtn, #changepw_form #changepw_submitBtn{ width:88%; } #changepw_form #forgot_tag_wordings{ width:100%; text-align:justify; } #changepw_form #changepw_login_pw, #changepw_form #changepw_login_pw_re, #changepw_form #changepw_login_pw_current{ width:93%; } /* --- END ---- Page - Change Password ------ */ /* ====== END ============= Accout User ====================== */ /* ======================== All ====================== */ #index_all_articles .all_title, #page_all_projects_upcoming .all_title, #page_all_projects .all_title{ margin-top:-12px; } #page_all_projects_upcoming .project_wrapper, #page_all_projects .project_wrapper{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #page_all_projects_upcoming .project_box, #page_all_projects .project_box{ width:100%; margin:0 0 20px 0; padding:0; border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-box-shadow: 0 0 2px 2px #EEEEEE; -webkit-box-shadow: 0 0 2px 2px #EEEEEE; box-shadow: 0 0 2px 2px #EEEEEE; } #page_all_projects_upcoming .project_box .highlight_img, #page_all_projects .project_box .highlight_img, #index_all_articles .project_box .highlight_img_frontground, #page_all_projects_upcoming .project_box .highlight_img_frontground, #page_all_projects .project_box .highlight_img_frontground, #page_all_projects_upcoming .project_box .project_heart_container, #page_all_projects .project_box .project_heart_container, #index_all_articles .project_box .highlight_img_bg, #page_all_projects_upcoming .project_box .highlight_img_bg, #page_all_projects .project_box .highlight_img_bg{ width:143px !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #index_all_articles .project_box .project_details .location, #page_all_projects_upcoming .project_box .project_details .location, #page_all_projects .project_box .project_details .location{ font-size:14px; line-height:18px; } #index_all_articles .project_box .project_details .date, #page_all_projects_upcoming .project_box .project_details .date, #page_all_projects .project_box .project_details .date{ font-size:14px; line-height:18px; } .ajax-mask .loading_img { margin-top: -60px; } /* ====== END ============= All ====================== */ /* ========== Other Pages ========== */ .cover_images { height: 230px; } .cover_images .title{ margin-top:80px; font-size:45px; line-height:70px; } #others_page_content{ width:90%; } #others_page_content .form_field_label, #others_page_content .form_field_input{ width:100%; } #others_page_content .form_field_input textarea, #others_page_content .form_field_input input{ width:95%; } #others_page_content #contact_submitBtn, #others_page_content #partner_submitBtn{ width:90%; } #others_page_content .pre-description{ font-size:25px; line-height:35px; } #others_page_content .pre-description-txt{ font-size:25px; line-height:35px; width:100%; margin:0 0 20px 0; text-align:center; display:inline-block; } #others_page_content .post-description, #others_page_content .description{ font-size:16px; line-height:28px; } #others_page_content .form_field_label{ font-size:15px; } #others_page_content .appstore_img_all{ width: 100%; text-align:center; } #others_page_content .appstore_img{ text-align:center; } #others_page_content .appimg img{ width: 100%; } #others_page_content .appimg{ width: 100%; margin-bottom: 30px; } #others_page_content .select_topics{ width:100%; margin:20px 0 0 0; display:inline-block; } #others_page_content .contactFormHidden{ padding-right:1%; } #others_page_content .faq-description{ width:89%; } /* ==== END == Other Pages ========= */ /* ========== Articles Pages ========== */ #page_all_articles .mainContent{ width: 100%; margin: 0; } #page_all_articles .sideContent{ width: 100%; margin: 50px 0 0 0; } #page_all_articles .footContent{ width: 100%; margin: 50px 0 0 0; } #page_all_articles .sideContent .title { text-align: center; } #page_all_articles .title, #page_all_articles .title p{ font-size:25px; line-height:40px; } #index_all_articles .shows{ width: 88%; } #page_all_articles .events .shows{ margin-bottom: 20px; width:46%; margin-right: 4%; } #page_all_articles .events .tag{ min-height: 130px; } #page_all_articles .events .tag .name{ font-size: 16px; line-height: 24px; } #page_all_articles .events .tag .date{ font-size: 14px; line-height: 18px; } #page_all_articles .events .tag .sign{ font-size: 14px; line-height: 18px; } #page_all_articles .events .tag .price{ font-size: 16px; line-height: 24px; } #page_all_articles .footContent .items .project_box{ margin-bottom: 30px; margin-right: 0; width: 100% !important; } #page_all_articles .footContent .items .project_box .project_details .headline{ padding:15px 15px 8px 20px; } #page_all_articles .footContent .items .project_box .project_details .location{ margin:0 18px 5px 18px; font-size:14px; line-height:20px; } #page_all_articles .footContent .items .project_box .project_details .date{ margin:0 18px 0 18px; font-size:14px; line-height:20px; } /* ==== END == Articles Pages ========= */ /* ======= Slide Banner ========= */ /* Caption text */ .slideshow-container .text { bottom: 20px; padding: 10px 20px 10px 20px; } .slideshow-container .text.chi{ font-size: 18px; line-height: 25px; } .slideshow-container .text.eng{ font-size: 10px; line-height: 22px; } .slideshow-container .text.chi img, .slideshow-container .text.eng img{ margin-top: 0px; width: 45%; height: auto } .slideshow-container { min-height: auto; } /* ==== END == Slide Banner ========= */ #event-calendar-container{ margin-bottom: 0px; } #event-calendar-container .select-title{ font-size: 18px; } }