@charset "utf-8"; /* CSS Document */ /* //[ Vertical Alignment ] // older webkit display: -webkit-box; -webkit-box-align: center; -webkit-justify-content: center; // older firefox display: -moz-box; -moz-box-align: center; -moz-box-pack: center; // IE10 display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: center; // newer webkit display: -webkit-flex; -webkit-align-items: center; -webkit-box-pack: center; // Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ display: flex; align-items: center; justify-content: center; */ /* --------- Fonts --------- */ html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ } body, tr, td, p{ font-family:"Proxima Nova Reg", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size: 14px; line-height:25px; letter-spacing: 1px; font-weight:300; } b, strong{ /*font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;*/ font-weight:600; } /* ---- END --- Fonts ------ */ body { background-color:#ffffff; } html, body{ height:100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body, tr, td { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; color:#333333; } img { border:0px; outline: none !important; } td img { display: block; } a:focus { outline: none !important; } input:focus { outline: none !important; } select::-ms-expand { display: none; } a:link, a:visited{ /*color:#4a4041;*/ color:#34A79B; text-decoration: none; } a:hover{ color:#666666; text-decoration: none; cursor: pointer; } .table_fixed_size { table-layout:fixed; overflow:hidden; word-wrap:break-word; } .table_fixed_size img{ display:inline-block; vertical-align:middle; } .table_normal_size{ table-layout:auto !important; overflow:visible !important; word-wrap:normal !important; display:inline-block !important; } .cccdi, a.cccdi:link, a.cccdi:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:9px; text-decoration: none; letter-spacing: 0px; } a.cccdi:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; font-size:9px; text-decoration: none; letter-spacing: 0px; } .v_table { height:100%; } .reg_box { color:#FFFFFF; letter-spacing: 1px; text-align: center; border-top : 1px solid #cccccc; border-left : 1px solid #cccccc; border-right : 1px solid #666666; border-bottom : 1px solid #666666; background-color:#999999; height: 25px; width: 380px; vertical-align: text-bottom; } .year a:focus { outline:none; } .year, .year a:link, .year a:visited{ color:#FFF; text-decoration: none; } .year a:hover{ color:#666666; text-decoration: none; } .placeholder { color:#333333; } .hr_dash{ border: 1px dotted #333333; border-style: none none dotted; color: #F3F3F3; background-color: #F3F3F3; padding-top:10px; } .hr_dash_bg_white{ border: 1px dotted #333333; border-style: none none dotted; color: #FFF; background-color: #FFF; padding-top:10px; } /* =================== Loading.. ====================== */ #loading_gif{ /*display:none;*/ background: transparent; text-align:center; } #loading_gif img{ display:inline-block; vertical-align:middle; } .ajax-mask { /* RGBa browser */ background-color: rgba(255, 255, 255, 0.9); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF)"; top: 0; left:0; display:block; position:fixed; width:100% !important; height:100% !important; z-index:98; } .ajax-mask .loading_img { width:120px; height:150px; background:transparent; position: relative; top:50% !important; margin-top: -30px; left:0; right:0; margin-left:auto; margin-right:auto; } /* === END ========== Loading.. ====================== */ /* #reserve_eticket_onhold */ #dialog .qrcode-items{ font-size: 18px; font-weight: 400; line-height: 30px; } #dialog .qrcode-scan-paycode{ width: 100%; color:#000000; font-size: 20px; font-weight:bold; } #dialog .qrcode-paying-with-payme{ width: 100%; text-align: left; margin:30px 0 0 10px; font-weight:bold; } #dialog .qrcode-dontclose{ width: 100%; margin-top: 10px; margin-bottom: 10px; color:#03a876; font-size: 19px; font-weight:bold; } #dialog .qrcode-nonrefundable{ width: 100%; margin-top: 5px; margin-bottom: 10px; color:#03a876; font-size: 15px; line-height: 24px; font-weight:bold; text-decoration: underline; } #dialog .qrcode-count{ width: 100%; font-size: 16px; line-height: 24px; color:#03a876; margin-bottom: 8px; } #dialog .qrcode-count #sec{ font-weight: 500; font-size: 18px; line-height: 20px; } #dialog .qrcode-description{ width: 100%; text-align: center; } #dialog .qrcode-description .content{ display:inline-block; width: 650px; text-align: center; } #dialog .qrcode-description .tag{ font-size: 15px; } #dialog .qrcode-qrcode #qrcode-img{ margin-bottom: 15px; } #dialog .qrcode-qrcode{ display:inline-block; float:left; width: 200px; margin: 25px 50px 0 20px; } #dialog .qrcode-steps{ display:inline-block; float:left; width: 370px; } #dialog .qrcode-steps-list{ text-align: left; list-style: none; padding-left: 10px; counter-reset: li; } #dialog .qrcode-steps-list li{ position: relative; padding: 5px 10px 25px 40px; } #dialog .qrcode-steps-list li .symbol-fix{ margin-left:-10px; position: absolute; } #dialog .qrcode-steps-list li::before { content: counter(li); counter-increment: li; height: 30px; width: 30px; line-height: 30px; font-size: 16px; background-color: #eeeeee; border-radius: 50%; text-align: center; position: absolute; left: 0; top: 4px; } #reserve_eticket_onhold .ticket_each_occupation_office_address_country, #reserve_eticket_onhold .ticket_each_contact_home_address_country, #reserve_eticket_onhold .ticket_each_person_age_gp, #reserve_eticket_onhold .ticket_each_person_education, #reserve_eticket_onhold .ticket_each_person_birthdate_day, #reserve_eticket_onhold .ticket_each_person_birthdate_month, #reserve_eticket_onhold .ticket_each_person_birthdate_year, #reserve_eticket_onhold .ticket_each_person_salutation, #reserve_eticket_onhold .ticket_each_contact_emergency_salutation{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; color:#999999; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow.png') no-repeat; background-position: 98% 0px; background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } #reserve_eticket_onhold .ticket_each_occupation_office_address_country_ie8, #reserve_eticket_onhold .ticket_each_contact_home_address_country_ie8, #reserve_eticket_onhold .ticket_each_person_age_gp_ie8, #reserve_eticket_onhold .ticket_each_person_education_ie8, #reserve_eticket_onhold .ticket_each_person_birthdate_day_ie8, #reserve_eticket_onhold .ticket_each_person_birthdate_month_ie8, #reserve_eticket_onhold .ticket_each_person_birthdate_year_ie8, #reserve_eticket_onhold .ticket_each_contact_emergency_salutation_ie8, #reserve_eticket_onhold .ticket_each_person_salutation_ie8{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; color:#999999; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow_ie8.png') no-repeat; background-position: 98% 0px; /*Position of the background-image*/ background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } #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_emergency_areacode, #reserve_eticket_onhold .ticket_each_contact_emergency_number, #reserve_eticket_onhold .ticket_each_contact_mobile_areacode, #reserve_eticket_onhold .ticket_each_contact_mobile_number, #reserve_eticket_onhold .ticket_each_person_email, #reserve_eticket_onhold .ticket_each_person_hkid, #reserve_eticket_onhold .ticket_each_person_lastname, #reserve_eticket_onhold .ticket_each_person_firstname, #reserve_eticket_onhold .ticket_each_contact_emergency_firstname, #reserve_eticket_onhold .ticket_each_contact_emergency_lastname{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; color:#333333; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } #reserve_eticket_onhold .ticket_each_occupation_office_website:focus, #reserve_eticket_onhold .ticket_each_occupation_office_areacode:focus, #reserve_eticket_onhold .ticket_each_occupation_office_number:focus, #reserve_eticket_onhold .ticket_each_occupation_office_address_building:focus, #reserve_eticket_onhold .ticket_each_occupation_office_address_street:focus, #reserve_eticket_onhold .ticket_each_occupation_office_address_postcode:focus, #reserve_eticket_onhold .ticket_each_occupation_office_address_city:focus, #reserve_eticket_onhold .ticket_each_occupation_jobtitle:focus, #reserve_eticket_onhold .ticket_each_occupation_company:focus, #reserve_eticket_onhold .ticket_each_contact_home_address_street:focus, #reserve_eticket_onhold .ticket_each_contact_home_address_postcode:focus, #reserve_eticket_onhold .ticket_each_contact_home_address_city:focus, #reserve_eticket_onhold .ticket_each_contact_home_address_building:focus, #reserve_eticket_onhold .ticket_each_contact_emergency_areacode:focus, #reserve_eticket_onhold .ticket_each_contact_emergency_number:focus, #reserve_eticket_onhold .ticket_each_contact_mobile_areacode:focus, #reserve_eticket_onhold .ticket_each_contact_mobile_number:focus, #reserve_eticket_onhold .ticket_each_person_email:focus, #reserve_eticket_onhold .ticket_each_person_hkid:focus, #reserve_eticket_onhold .ticket_each_person_lastname:focus, #reserve_eticket_onhold .ticket_each_person_firstname:focus, #reserve_eticket_onhold .ticket_each_contact_emergency_firstname:focus, #reserve_eticket_onhold .ticket_each_contact_emergency_lastname:focus{ border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #reserve_eticket_onhold .ticket_each_contact_emergency_salutation, #reserve_eticket_onhold .ticket_each_contact_emergency_salutation_ie8, #reserve_eticket_onhold .ticket_each_person_salutation, #reserve_eticket_onhold .ticket_each_person_salutation_ie8{ width:125px !important; } #reserve_eticket_onhold .ticket_each_person_birthdate_day, #reserve_eticket_onhold .ticket_each_person_birthdate_day_ie8, #reserve_eticket_onhold .ticket_each_person_birthdate_month, #reserve_eticket_onhold .ticket_each_person_birthdate_month_ie8, #reserve_eticket_onhold .ticket_each_person_birthdate_year, #reserve_eticket_onhold .ticket_each_person_birthdate_year_ie8{ width:110px !important; } #reserve_eticket_onhold .ticket_each_person_person_gender{ width:148px !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_age_gp, #reserve_eticket_onhold .ticket_each_person_age_gp_ie8, #reserve_eticket_onhold .ticket_each_person_education, #reserve_eticket_onhold .ticket_each_person_education_ie8{ width:100% !important; } #reserve_eticket_onhold .ticket_each_contact_emergency_number, #reserve_eticket_onhold .ticket_each_person_hkid, #reserve_eticket_onhold .ticket_each_occupation_office_number, #reserve_eticket_onhold .ticket_each_contact_mobile_number{ width:230px !important; } #reserve_eticket_onhold .ticket_each_contact_emergency_areacode, #reserve_eticket_onhold .ticket_each_contact_mobile_areacode, #reserve_eticket_onhold .ticket_each_occupation_office_areacode{ width:80px !important; } #reserve_eticket_onhold .ticket_each_occupation_office_website, #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_person_email{ width:95% !important; } #reserve_eticket_onhold .ticket_each_contact_emergency_firstname, #reserve_eticket_onhold .ticket_each_person_firstname{ width:140px !important; } #reserve_eticket_onhold .ticket_each_contact_emergency_lastname, #reserve_eticket_onhold .ticket_each_person_lastname{ width:130px !important; } #reserve_eticket_onhold .ticket_each_contact_emergency_lastname:focus, #reserve_eticket_onhold .ticket_each_person_lastname:focus, #reserve_eticket_onhold .ticket_each_contact_emergency_firstname:focus, #reserve_eticket_onhold .ticket_each_person_firstname:focus, #reserve_eticket_onhold .ticket_each_contact_emergency_salutation:focus, #reserve_eticket_onhold .ticket_each_contact_emergency_salutation_ie8:focus, #reserve_eticket_onhold .ticket_each_person_salutation:focus, #reserve_eticket_onhold .ticket_each_person_salutation_ie8:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } #reserve_eticket_onhold .ticket_each_contact_emergency_firstname:disabled, #reserve_eticket_onhold .ticket_each_contact_emergency_firstname:readonly, #reserve_eticket_onhold .ticket_each_person_firstname:disabled, #reserve_eticket_onhold .ticket_each_person_firstname:readonly, #reserve_eticket_onhold .ticket_each_contact_emergency_salutation:disabled, #reserve_eticket_onhold .ticket_each_contact_emergency_salutation_ie8:disabled, #reserve_eticket_onhold .ticket_each_person_salutation:disabled, #reserve_eticket_onhold .ticket_each_person_salutation_ie8:disabled{ background: #EEEEEE; color:#999999; } #waitlist_eticket_onhold #contact_mobile_areacode, #waitlist_eticket_onhold #occupation_office_areacode, #reserve_eticket_onhold #contact_mobile_areacode, #reserve_eticket_onhold #occupation_office_areacode{ width:80px !important; } #waitlist_eticket_onhold #person_salutation, #waitlist_eticket_onhold #person_salutation_ie8, #reserve_eticket_onhold #person_salutation_ie8, #reserve_eticket_onhold #person_salutation{ width:120px !important; } #waitlist_eticket_onhold #person_firstname, #reserve_eticket_onhold #person_firstname{ width:140px !important; } #waitlist_eticket_onhold #person_lastname, #reserve_eticket_onhold #person_lastname{ width:130px !important; } /* ------- Page - Profile ------ */ .process { width: 220px; height: 20px; /* Can be anything */ position: relative; /*margin: 60px 0 20px 0;*/ /* Just for demo spacing */ background: #DFDFDF; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; padding: 10px; -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); -moz-box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3); box-shadow : inset 0 -1px 1px rgba(255,255,255,0.3); } .process > span { display: block; height: 100%; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(43,194,83); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(43,194,83)), color-stop(1, rgb(84,240,84)) ); background-image: -moz-linear-gradient( center bottom, rgb(43,194,83) 37%, rgb(84,240,84) 69% ); -webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; } .process > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) ); background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent ); z-index: 1; -webkit-background-size: 50px 50px; -moz-background-size: 50px 50px; -webkit-animation: move 2s linear infinite; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .animate > span:after { display: none; } @-webkit-keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .green > span { background-color: #2BBB14; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(#2BBB14, #A7D2A0); } .orange > span { background-color: #FF7F00; background-image: -moz-linear-gradient(top, #f1a165, #f36d0a); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a)); background-image: -webkit-linear-gradient(#FF7F00, #FFA042); } .nostripes > span > span, .nostripes > span:after { -webkit-animation: none; background-image: none; } #account_uid{ width:210px; } #account_login_email{ width:260px; } #account_uid:disabled, #account_login_email:disabled { color:#000; background: #EEEEEE; } #account_integrity{ font-size:14px; line-height:24px; background-color:#FFFCEE; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } #account_integrity td{ font-size:14px; line-height:24px; } .account_tooltips_table, .account_tooltips_table td{ color: #0083A6; } #change_email_submitBtn{ font-size:15px; width:78px; color: #FFFFFF; border:0px solid #03a876; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 2px 5px 2px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#B9B9B9)); background-image: -webkit-linear-gradient(top, #999999, #B9B9B9); background-image: -moz-linear-gradient(top, #999999, #B9B9B9); background-image: -ms-linear-gradient(top, #999999, #B9B9B9); background-image: -o-linear-gradient(top, #999999, #B9B9B9); background-image: linear-gradient(to bottom, #999999, #B9B9B9); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#999999, endColorstr=#B9B9B9)"; } #change_email_submitBtn:hover{ cursor: pointer; color: #FFFFFF; border:0px solid #027b56; background-color: #0CA4CF; background-image: -webkit-gradient(linear, left top, left bottom, from(#0CA4CF), to(#1EC2F2)); background-image: -webkit-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -moz-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -ms-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -o-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: linear-gradient(to bottom, #0CA4CF, #1EC2F2); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0CA4CF, endColorstr=#1EC2F2)"; } #user_profile_change_email_form #userAccountChangeEmail_tag_wordings{ font-size:20px; line-height:24px; display:inline; float:left; margin:0 0 0 0; padding:0; width:100%; } #user_profile_change_email_form #account_change_email_submitBtn{ width:216px; } #user_profile_change_email_form #user_profile_change_email_form_div{ /*display:none;*/ overflow: hidden; height:0px; } #user_profile_change_email_social_form_div #account_change_email_submitBtn{ width:96%; } #user_profile_change_email_social_form_div{ margin:0 0 40px 0; } #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:200px; } .content_container_1024_90 .user_profile_title_col00{ display:inline; float:left; margin:30px 0 0 0; padding:0; width:504px; font-size:28px; line-height:34px; color:#FFF; } .content_container_1024_90 .user_profile_title_col01{ display:inline; float:left; margin:26px 0 0 0; padding:0; width:520px; } .content_container_1024_90 .user_profile_header_col00{ display:inline; float:left; margin:30px 0 0 0; padding:0; width:210px; height:170px; /*account_display_name*/ font-size:30px; line-height:42px; color:#000; } .content_container_1024_90 .user_profile_header_col01{ display:inline; float:left; margin:36px 0 6px 0; padding:0; width:804px; /*account_display_name*/ font-size:30px; line-height:42px; color:#000; } .content_container_1024_90 .user_profile_header_col02{ /* column 1 */ display:inline; float:left; margin:0; padding:0; width:276px; } .content_container_1024_90 .user_profile_header_col03{ /* column 2 */ display:inline; float:left; margin:0; padding:0; width:258px; } .content_container_1024_90 .user_profile_header_col04{ /* column 3 */ display:inline; float:left; margin:0; padding:0; width:280px; } .content_container_1024_90 .user_profile_title_col00{ display:inline; float:left; margin:30px 0 0 0; padding:0; width:504px; font-size:28px; line-height:34px; color:#FFF; } .content_container_1024_90 .user_profile_new_email_col00{ display:inline; float:left; margin:20px 0 0 0; padding:0; width:256px; } .content_container_1024_90 .user_profile_new_email_col01{ display:inline; float:left; margin:20px 0 0 0; padding:0; width:256px; } .content_container_1024_90 .user_profile_new_email_col02{ display:inline; float:left; margin:20px 0 0 0; padding:0; width:256px; } .content_container_1024_90 .user_profile_new_email_col03{ display:inline; float:left; margin:20px 0 0 0; padding:0; width:256px; } #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:200px; } .user_profile_header_col00 .profile_w{ width:1px; } #user_profile_form .content_container_1024_90 .user_profile_col_1024{ display:inline; float:left; margin:30px 0 25px 0; padding:0; width:1024px; text-align:left; } #user_profile_form .content_container_1024_90 .user_profile_col_530{ display:inline; float:left; margin:0 50px 0 0; padding:0; width:530px; height:135px; } #user_profile_form .content_container_1024_90 .user_profile_col_444{ display:inline; float:left; margin:0; padding:0; width:444px; height:135px; } #user_profile_form .content_container_1024_90 .user_profile_col_530_276{ display:inline; float:left; margin:0 10px 0 0; padding:0; width:276px; height:135px; } #user_profile_form .content_container_1024_90 .user_profile_col_530_244{ display:inline; float:left; margin:0 50px 0 0; padding:0; width:244px; height:135px; } #user_profile_form .content_container_1024_90 .user_profile_col_444_210{ display:inline; float:left; margin:0 20px 0 0; padding:0; width:210px; height:135px; } #user_profile_form .content_container_1024_90 .user_profile_col_444_214{ display:inline; float:left; margin:0; padding:0; width:214px; height:135px; } /*user_profile_form*/ #user_profile_form #account_submitBtn{ width:96%; } #user_profile_form #person_gender_div{ width:148px; } #user_profile_form #person_nationality{ width:240px; } #changelang_form #login_lang{ width:98%; } #user_profile_form #occupation_office_address_country, #user_profile_form #contact_home_address_country{ width:440px; } #user_profile_form #person_displayname{ width:280px; } #user_profile_form #person_education{ width:524px; } #user_profile_form #person_salutation{ width:120px; } #user_profile_form #person_birthdate_day, #user_profile_form #person_birthdate_month, #user_profile_form #person_birthdate_year{ width:110px; } #user_profile_form #occupation_office_address_postcode, #user_profile_form #contact_home_address_postcode, #user_profile_form #contact_home_address_city, #user_profile_form #occupation_office_address_city{ width:190px; } #user_profile_form #occupation_office_areacode, #user_profile_form #contact_mobile_areacode{ width:80px; } #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 #contact_home_address_building, #user_profile_form #contact_home_address_street{ width:510px; } #user_profile_form #occupation_jobtitle{ width:420px; } #user_profile_form #person_firstname, #user_profile_form #person_lastname, #user_profile_form #contact_mobile_number, #user_profile_form #occupation_office_number{ width:230px; } #user_profile_form #person_gender{ width:148px; } /* --- END ---- Page - Profile ------ */ /* ------- Page - User Transaction / Refund ------ */ #user_refund_details_form_table, #user_transaction_details_form_table{ background-color:#FFF; border: 1px solid #ccc; border-radius:4px; padding: 20px 25px 20px 25px; margin-bottom:50px; } #user_transaction_details_form_table .issue_refund, #user_transaction_details_form_table .issue_refund:link, #user_transaction_details_form_table .issue_refund:visited{ width:110px; color:#34A79B; font-size:12px; padding: 4px 4px 4px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; display:inline-block; background-color: #EEEEEE; text-align:center; } #user_transaction_details_form_table .issue_refund:hover{ color:#999999; background-color:#F4F4F4; } #user_refund_details_form_table .container_100, #user_transaction_details_form_table .container_100{ margin:0 auto; padding:0; position:relative; width:100%; } #user_refund_details_form_table .container_100 .container_col810_100, #refund_application_form .container_100 .container_col810_100{ display:inline; float:left; margin:0 0 0 0; padding:0; width:810px; } #user_refund_details_form_table .container_100 .container_col145_100, #refund_application_form .container_100 .container_col145_100{ display:inline; float:left; text-align:right; margin:0 0 0 0; padding:0; width:145px; } #user_refund_details_form_table .container_100 .container_col955_100, #refund_application_form .container_100 .container_col955_100{ display:inline; float:left; margin:0 0 0 0; padding:0; width:100%; } #user_refund_details_form_table .container_100 .container_col100_100, #user_transaction_details_form_table .container_100 .container_col100_100{ display:inline; float:left; margin:20px 0 0 0; padding:0; width:100%; } #user_refund_details_form_table .container_100 .container_col53_100, #user_transaction_details_form_table .container_100 .container_col53_100{ display:inline; float:left; margin:20px 2% 0 0; padding:0; width:53%; } #user_refund_details_form_table .container_100 .container_col45_100, #user_transaction_details_form_table .container_100 .container_col45_100{ display:inline; float:left; margin:20px 0 0 0; padding:0; width:45%; } #user_refund_details_form_table .container_100 .title, #user_transaction_details_form_table .container_100 .title{ font-size:15px; line-height:20px; color:#333; letter-spacing:0px; width:200px; } #user_refund_details_form_table .container_100 .content, #user_transaction_details_form_table .container_100 .content{ font-size:15px; line-height:20px; color:#333; } #user_refund_details_form_table .container_100 .section, #user_transaction_details_form_table .container_100 .section{ font-size:20px; line-height:32px; color:#333; } #user_refund_details_form_table .container_100 .section .paidlogo, #user_transaction_details_form_table .container_100 .section .paidlogo{ margin:0; } #user_refund_details_form_table .container_100 .container_col100_100 .input_title{ font-size:15px; line-height:20px; color:#333; letter-spacing:0px; display:inline; float:left; margin:0; padding:0; width:200px; } #user_refund_details_form_table .container_100 .container_col100_100 .input_content{ font-size:15px; line-height:20px; color:#333; letter-spacing:0px; display:inline; float:left; margin:0; padding:0; width:750px; } /* --- END ---- Page - User Transaction ------ */ /* ------- Page - ETICKETS ------ */ .content_container_1044_100 .user_etickets_col .ticket_details, .content_container_1044_100 .user_etickets_col .ticket_download{ margin:0 auto; padding:0; position:relative; width:100%; } .content_container_1044_100 .user_etickets_col .ticket_details .col00{ display:inline; float:left; margin:0 0 10px 0; padding:0; width:110px; /*border-right:1px solid #EEEEEE;*/ } .content_container_1044_100 .user_etickets_col .ticket_details .col01{ display:inline; float:left; margin:0 0 10px 0; padding:0 0 0 10px; width:310px; /*border-right:1px solid #EEEEEE;*/ } .content_container_1044_100 .user_etickets_col .ticket_details .col01 .project_name { color:#2DB198; font-size:22px; line-height:28px; letter-spacing:1px; text-align:left; padding-top:20px; padding-bottom:10px; } .content_container_1044_100 .user_etickets_col .ticket_details .col01 .project_name_tag { color:#999999; font-size:14px; line-height:16px; letter-spacing:0px; text-align:left; } .content_container_1044_100 .user_etickets_col .ticket_download .col00{ display:inline; float:left; margin:0; padding:10px 0 20px 0; width:100%; /*width:222px;*/ /*border-right:1px solid #EEEEEE;*/ } .content_container_1044_100 .user_etickets_col .ticket_download .col01{ display:inline; float:left; margin:0; padding:10px 0 20px 0; width:222px; border-top:none; margin-top:0; } .content_container_1044_100 .user_etickets_col .ticket_download .download_h_img{ display:inline-block; } .content_container_1044_100 .user_etickets_col .ticket_download .download_img{ display:inline-block; vertical-align:middle; margin-right:8px; margin-left:5px; } .content_container_1044_100 .user_etickets_col .ticket_download .download{ display:block; width:100%; color:#32BEA3; font-size:11px; line-height:22px; letter-spacing:1px; text-align:left; } .content_container_1044_100 .user_etickets_col .ticket_download .download_tag{ display:block; width:100%; color:#1F7E6D; font-size:14px; line-height:14px; letter-spacing:1px; text-align:left; } .user_etickets_col #attent { background-color: #FFBF00; } .user_etickets_col .ticketStatus{ color: #FFFFFF; font-size:9px; line-height:9px; letter-spacing:0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 12px 5px 12px; margin: 0px 0px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; } .user_etickets_col .ticketStatus img{ display:inline-block; vertical-align:middle; margin-right:8px; margin-bottom:5px; } .user_etickets_col .cancelBtnDisable img .user_etickets_col .cancelRefundBtn img .user_etickets_col .cancelBtn img{ display:inline-block; vertical-align:middle; margin-right:8px; margin-bottom:5px; } .user_etickets_col .cancelBtnDisable, .user_etickets_col .cancelBtnDisable:link, .user_etickets_col .cancelBtnDisable:visited, .user_etickets_col .cancelBtnDisable:hover{ font-size:14px; line-height:20px; letter-spacing:1px; width:100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0px 10px 0px; margin: 15px 0px 5px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; color:#CCCCCC; border:0px solid #027b56; background-color: #EEEEEE; } .user_etickets_col .cancelRefundBtn, .user_etickets_col .cancelRefundBtn:link, .user_etickets_col .cancelRefundBtn:visited{ font-size:14px; line-height:20px; letter-spacing:1px; width:100%; color: #FFFFFF; border:0px solid #03a876; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0px 10px 0px; margin: 15px 0px 5px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #FA9558; } .user_etickets_col .cancelRefundBtn:hover{ color: #999999; border:0px solid #027b56; background-color: #CCCCCC; } .user_etickets_col .cancelBtn, .user_etickets_col .cancelBtn:link, .user_etickets_col .cancelBtn:visited{ font-size:14px; line-height:20px; letter-spacing:1px; width:100%; color: #FFFFFF; border:0px solid #03a876; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 0px 10px 0px; margin: 15px 0px 5px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #00BEFF; } .user_etickets_col .cancelBtn:hover{ color: #999999; border:0px solid #027b56; background-color: #CCCCCC; } .content_container_1044_100 .user_etickets_col{ display:inline; float:left; margin:20px 0 20px 0; padding:0; width:522px; } .content_container_1044_100 .user_etickets_col .ticket_table{ background-color:#FFF; border: 1px solid #ccc; border-radius:8px; padding: 25px 32px 25px 32px; } /* --- END ---- Page - ETICKETS ------ */ /* === END ================ Account User ====================== */ /* ======================== Create Organization ====================== */ .create_step_bg{ font-size:16px; width:188px; height:46px; float: left; margin-left: -8px; background: transparent url('../img/form/create_step_bg.png') no-repeat; text-align:center; padding-top:15px; color:#000; -webkit-background-size: 188px 46px; /* For WebKit*/ -moz-background-size: 188px 46px; /* Mozilla*/ -o-background-size: 188px 46px; /* Opera*/ background-size: 188px 46px; /* Generic*/ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/form/create_step_bg.png', sizingMethod='scale')"; /* IE */ } .create_step_bg_selected{ font-size:16px; position: absolute; width:188px; height:46px; float: left; margin-left: -8px; background: transparent url('../img/form/create_step_bg_selected.png') no-repeat; text-align:center; padding-top:15px; color:#FFF; opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=0); /* IE lt 8 */ -ms-filter: "alpha(opacity=0)"; /* IE 8 */ -khtml-opacity: 0.0; /* Safari 1.x */ -moz-opacity: 0.0; /* FF lt 1.5, Netscape */ -webkit-background-size: 188px 46px; /* For WebKit*/ -moz-background-size: 188px 46px; /* Mozilla*/ -o-background-size: 188px 46px; /* Opera*/ background-size: 188px 46px; /* Generic*/ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/form/create_step_bg_selected.png', sizingMethod='scale')"; /* IE */ } .create_step_bg_1st{ font-size:16px; width:188px; height:46px; float: left; background: transparent url('../img/form/create_step_bg_1st.png') no-repeat; text-align:center; padding-top:15px; color:#000; opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=0); /* IE lt 8 */ -ms-filter: "alpha(opacity=0)"; /* IE 8 */ -khtml-opacity: 0.0; /* Safari 1.x */ -moz-opacity: 0.0; /* FF lt 1.5, Netscape */ -webkit-background-size: 188px 46px; /* For WebKit*/ -moz-background-size: 188px 46px; /* Mozilla*/ -o-background-size: 188px 46px; /* Opera*/ background-size: 188px 46px; /* Generic*/ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/form/create_step_bg_1st.png', sizingMethod='scale')"; /* IE */ } .create_step_bg_1st_selected{ font-size:16px; position: absolute; width:188px; height:46px; float: left; background: transparent url('../img/form/create_step_bg_1st_selected.png') no-repeat; text-align:center; padding-top:15px; color:#FFF; -webkit-background-size: 188px 46px; /* For WebKit*/ -moz-background-size: 188px 46px; /* Mozilla*/ -o-background-size: 188px 46px; /* Opera*/ background-size: 188px 46px; /* Generic*/ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/form/create_step_bg_1st_selected.png', sizingMethod='scale')"; /* IE */ } #create_org_form_contact_table, #create_org_form_social_table{ display:none; } #create_org_profile_submitBtn, #create_org_contact_submitBtn{ width:120px; } #create_org_finish_submitBtn{ width:200px; } .form_grey_submitBtn_small, .form_grey_submitBtn_small:link, .form_grey_submitBtn_small:visited{ font-weight:normal; font-size:14px; color: #FFFFFF; border:0px solid #03a876; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0px 13px 0px 13px; margin: 0px 0px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#B9B9B9)); background-image: -webkit-linear-gradient(top, #999999, #B9B9B9); background-image: -moz-linear-gradient(top, #999999, #B9B9B9); background-image: -ms-linear-gradient(top, #999999, #B9B9B9); background-image: -o-linear-gradient(top, #999999, #B9B9B9); background-image: linear-gradient(to bottom, #999999, #B9B9B9); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#999999, endColorstr=#B9B9B9)"; } .form_grey_submitBtn_small:hover{ color: #FFFFFF; border:0px solid #027b56; background-color: #0CA4CF; background-image: -webkit-gradient(linear, left top, left bottom, from(#0CA4CF), to(#1EC2F2)); background-image: -webkit-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -moz-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -ms-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -o-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: linear-gradient(to bottom, #0CA4CF, #1EC2F2); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0CA4CF, endColorstr=#1EC2F2)"; } .form_grey_submitBtn_small img { display:inline-block; vertical-align:middle; margin-right:8px; margin-bottom:5px; } .form_grey_submitBtn_disabled{ font-family:"Proxima Nova Bold", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:500; font-size:18px; line-height:26px; } .form_grey_submitBtn, .form_grey_submitBtn:link, .form_grey_submitBtn:visited{ /*font-family:"Proxima Nova Bold", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:500;*/ font-size:18px; line-height:26px; color: #FFFFFF; border:0px solid #03a876; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 20px 20px 20px 20px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#B9B9B9)); background-image: -webkit-linear-gradient(top, #999999, #B9B9B9); background-image: -moz-linear-gradient(top, #999999, #B9B9B9); background-image: -ms-linear-gradient(top, #999999, #B9B9B9); background-image: -o-linear-gradient(top, #999999, #B9B9B9); background-image: linear-gradient(to bottom, #999999, #B9B9B9); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#999999, endColorstr=#B9B9B9)"; } .form_grey_submitBtn:hover{ color: #FFFFFF; border:0px solid #027b56; background-color: #0CA4CF; background-image: -webkit-gradient(linear, left top, left bottom, from(#0CA4CF), to(#1EC2F2)); background-image: -webkit-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -moz-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -ms-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -o-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: linear-gradient(to bottom, #0CA4CF, #1EC2F2); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0CA4CF, endColorstr=#1EC2F2)"; } .form_grey_submitBtn img { display:inline-block; vertical-align:middle; margin-right:10px; } #create_org_contact_previous_submitBtn, #create_org_finish_previous_submitBtn{ width:135px; } #org_display_description_eng, #org_display_description_chi{ width:1004px; height:90px; } #org_display_tel_areacode{ width:80px; } #org_display_tel{ width:320px; } #org_display_social_fb, #org_display_social_instagram, #org_display_social_weibo, #org_display_social_google, #org_display_social_pinterest, #org_display_social_twitter, #org_display_social_youtube, #org_display_social_linkedin{ width:420px; } #org_display_address_eng, #org_display_address_chi, #org_display_website, #org_display_email, #org_display_fullname_eng, #org_display_fullname_chi, #org_display_tag_eng, #org_display_tag_chi, #org_display_contact_person_eng, #org_display_contact_person_chi{ width:445px; } #org_display_country{ width:430px; } #org_url_namespace{ width:195px; } #social_facebook, #social_youtube, #social_instagram, #social_linkedin, #social_weibo, #social_googleplus, #social_twitter, #social_pinterest { opacity: 0.5; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ -khtml-opacity: 0.5; /* Safari 1.x */ -moz-opacity: 0.5; /* FF lt 1.5, Netscape */ } #createOrg_tag_wordings{ font-size:22px; line-height:28px; width:1034px; text-align:left; color:#F00; display:none; } #createOrg_fullname_eng_loading_gif, #createOrg_fullname_chi_loading_gif, #createOrg_namespace_loading_gif{ width:30px; display:none; } /* === END ================ Create Organization ====================== */ /* ======================== Update Organization ====================== */ .org_available_live{ font-size:18px; color:green; } #update_org_display_social_fb, #update_org_display_social_instagram, #update_org_display_social_weibo, #update_org_display_social_google, #update_org_display_social_pinterest, #update_org_display_social_twitter, #update_org_display_social_youtube, #update_org_display_social_linkedin { width:640px; } #update_org_display_description_eng,#update_org_display_description_chi{ width:680px; height:90px; } #update_org_display_fullname_eng, #update_org_display_fullname_chi, #update_org_display_tag_eng, #update_org_display_tag_chi{ width:630px; } #update_org_display_contact_person_eng, #update_org_display_contact_person_chi, #update_org_display_address_eng, #update_org_display_address_chi, #update_org_display_website { width:670px; } #update_org_display_email{ width:540px; } #update_org_display_tel_areacode{ width:80px; } #update_org_display_tel{ width:320px; } #update_org_display_country{ width:430px; } .white_table_round_corner{ background-color:#FFF; border: 1px solid #ccc; border-radius:4px; padding: 20px 25px 20px 25px; margin-bottom:50px; } .white_table_round_corner .title{ font-size:22px; line-height:35px; color:#0083A5; } .white_table_round_corner .tag{ color:#999999; } .grey_table_round_corner{ background-color:#eeeeee; border: 1px solid #ccc; border-radius:4px; padding: 20px 25px 20px 25px; margin-bottom:50px; } .grey_table_round_corner .title{ font-size:28px; line-height:45px; color:#999999; } .grey_table_round_corner .tag{ color:#999999; } .warn_table_round_corner{ background-color:#FFF7DF; border: 1px solid #FFA64D; border-radius:4px; padding: 20px 25px 20px 25px; margin-bottom:50px; } .warn_table_round_corner img{ display:inline-block; vertical-align:top; margin-right:12px; margin-bottom:16px; } .warn_table_round_corner .title{ font-size:22px; line-height:40px; color:#C85A59; } .warn_table_round_corner .tag{ color:#333333; } .blue_table_round_corner{ color:#FFF; border: 2px solid #FFF; border-radius:10px; padding: 12px 15px 12px 15px; margin-top:10px; margin-bottom:20px; background-color: #0CA4CF; background-image: -webkit-gradient(linear, left top, left bottom, from(#0CA4CF), to(#1EC2F2)); background-image: -webkit-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -moz-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -ms-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -o-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: linear-gradient(to bottom, #0CA4CF, #1EC2F2); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0CA4CF, endColorstr=#1EC2F2)"; } .blue_table_round_corner td{ color:#FFF; } #update_org_finish_submitBtn{ width:94%;/*200px;*/ } #update_org_url_namespace{ width:350px; } #updateOrg_tag_wordings, #orgAccount_tag_wordings{ font-size:22px; line-height:28px; text-align:left; color:#F00; display:none; padding:10px; } #updateOrg_fullname_eng_loading_gif, #updateOrg_fullname_chi_loading_gif, #updateOrg_namespace_loading_gif{ width:30px; display:none; } /* === END ================ Update Organization ====================== */ /* ======================== Dashboard Organization ====================== */ .org_role_table_100{ margin:0 auto; padding:0; position:relative; width:702px; } .org_role_table_100 .col{ display:inline; float:left; margin:5px 0 15px 0; padding:0 4px 0 0; width:339px; height:80px; } .org_role_table_100 .col .display_name{ font-size:17px; line-height:22px; } .org_role_table_100 .col .pending{ display:inline-block; width:100%; font-size:12px; line-height:18px; color:#34A79B; } .org_role_table_100 .col .lastlog{ display:inline-block; width:100%; font-size:12px; line-height:18px; color:#333; } .org_role_table_100 .col .delBtn{ display:none; } .org_role_table_100 .col .delBtn_layer{ position:absolute; } #add_guest_form #guest_firstname, #add_guest_form #guest_lastname, #add_guest_form #guest_email, #add_org_role_form #add_role_email, #add_org_role_form #add_role_pw{ width:94%; } #invite_import_user{ width:80%; } #invite_send, #invite_import_csv, #role_add_admin, #role_add_operator, #role_add_finance, #survey_add_question{ width:94%;/*200px;*/ } #create_project_btn_100 { width:94%; } #org_uid{ font-size: 14px; color:#333; background: #EEEEEE; width:175px; } #project_uid, #org_api_secret, #org_page_url, #project_page_url{ font-size: 14px; width:480px; color:#333; background: #EEEEEE; } #org_uid:focus, #org_api_secret:focus, #org_page_url:focus, #project_uid:focus, #org_api_secret:focus, #project_page_url:focus{ border:1px solid #cccccc !important; -webkit-box-shadow: 0 0 0 #ccc !important; -moz-box-shadow: 0 0 0 #ccc !important; box-shadow: 0 0 0 #ccc !important; } #project_package_choose_input { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:22px; color:#333333; height:34px; line-height:34px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; width:36px; text-align:center; } #project_package_choose_input:focus{ border:1px solid #39B5AA; color:#333333; } .side_mm_ul{ font-size:15px; line-height:24px; letter-spacing:0px; width: 228px; list-style: none; list-style-type:none; padding:0px; margin: 0px; } .side_mm_ul li { /* older webkit */ display: -webkit-box; -webkit-box-align: center; -webkit-justify-content: left; /* older firefox */ display: -moz-box; -moz-box-align: center; -moz-box-pack: left; /* IE10*/ display: -ms-flexbox; -ms-flex-align: center; -ms-flex-pack: left; /* newer webkit */ display: -webkit-flex; -webkit-align-items: center; -webkit-box-pack: left; /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */ display: flex; align-items: center; justify-content: left; text-decoration: none; color: #000000; padding: 20px 18px 20px 20px; margin: 0; /*height:50px;*/ background-color:#FFF; vertical-align:middle; color: #02BD81; /*font-weight: bold;*/ } .side_mm_ul .separator{ border-bottom : 1px solid #EBEBEB; } .side_mm_ul .noseparator{ border-bottom : 0px solid #EBEBEB; } .side_mm_ul li{ font-weight: normal; text-decoration: none; vertical-align: text-bottom ; color: #019D6B; } .side_mm_ul li a{ font-weight: normal; text-decoration: none; vertical-align: text-bottom ; color: #333333; } .side_mm_ul li a:hover{ font-weight: normal; text-decoration: none; vertical-align: text-bottom ; color: #019D6B; } .side_mm_ul li a.selected_item{ font-weight: normal; text-decoration: none; vertical-align: text-bottom ; color: #019D6B; } .side_mm_ul li a.selected_item:hover{ font-weight: normal; text-decoration: none; vertical-align: text-bottom ; color: #019D6B; } .side_mm_ul li img { display:inline-block; vertical-align:middle; margin-right:10px; } .mm_ul .notification_box{ font-size:12px; line-height:22px; letter-spacing:1px; color:#FFFFFF; padding: 0px 10px 0px 10px; margin-left:4px; height:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px; text-align:center; display:inline-block; background-color:#D21010; background-image: -webkit-gradient(linear, left top, left bottom, from(#EF797E), to(#D21010)); background-image: -webkit-linear-gradient(top, #EF797E, #D21010); background-image: -moz-linear-gradient(top, #EF797E, #D21010); background-image: -ms-linear-gradient(top, #EF797E, #D21010); background-image: -o-linear-gradient(top, #EF797E, #D21010); background-image: linear-gradient(to bottom, #EF797E, #D21010); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EF797E, endColorstr=#D21010)"; } #headerContent_mobile .notification_box, .side_mm_ul .notification_box{ font-size:12px; line-height:22px; letter-spacing:1px; color:#FFFFFF; padding: 0px 10px 0px 10px; margin-left:4px; height:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px; text-align:center; display:inline-block; background-color:#D21010; background-image: -webkit-gradient(linear, left top, left bottom, from(#EF797E), to(#D21010)); background-image: -webkit-linear-gradient(top, #EF797E, #D21010); background-image: -moz-linear-gradient(top, #EF797E, #D21010); background-image: -ms-linear-gradient(top, #EF797E, #D21010); background-image: -o-linear-gradient(top, #EF797E, #D21010); background-image: linear-gradient(to bottom, #EF797E, #D21010); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EF797E, endColorstr=#D21010)"; } #user_level_img{ cursor: help; } #org_level_img{ cursor: help; } .question_mark_tooltips{ font-family: Arial, sans-serif; font-size: 12px; cursor: help; color:#0083A6; margin-left:10px; vertical-align: top; } #payout_application_form #continueSubmitBtn_disabled, #refund_application_form #continueSubmitBtn_disabled, #bank_registration_form #continueSubmitBtn, #payout_application_form #continueSubmitBtn, #refund_application_form #continueSubmitBtn{ width:94%; } #bank_registration_form #bank_code, #bank_registration_form #bank_branch_code, #bank_registration_form #bank_SWIFT{ width:300px; } #bank_registration_form #bank_country{ width:99%; } #bank_registration_form #bank_fps_tel, #bank_registration_form #bank_fps_email, #bank_registration_form #bank_fps_id, #bank_registration_form #bank_name, #bank_registration_form #bank_account_no, #bank_registration_form #bank_account_no_re, #bank_registration_form #payoutbank_pw, #payout_application_form #payout_amount, #payout_application_form #payout_pw{ width:94%; } #refund_application_form #refund_pw, #refund_application_form #refund_note{ width:94%; } #payout_application_form .reminder{ font-size:15px; line-height:25px; color:#34A79B; background-color:#FFEFBF; margin-bottom:15px; padding:36px 40px 36px 40px; text-align:center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #payout_application_form .reminder .title{ font-size:24px; line-height:35px; display:inline-block; width:100%; text-align:center; margin-bottom:10px; } #payout_application_form .reminder .content{ display:inline-block; width:100%; text-align:justify; } #refund_application_form #div_refund_fund_enough{ font-weight:500; color:#34A79B; background-color:#FFEFBF; text-align:center; margin-top:15px; padding:26px 20px 26px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .transaction_details_form_table{ background-color:#FFF; border: 1px solid #ccc; border-radius:4px; padding: 20px 25px 20px 25px; margin-bottom:50px; } .transaction_details_form_table .issue_refund, .transaction_details_form_table .issue_refund:link, .transaction_details_form_table .issue_refund:visited{ width:110px; color:#34A79B; font-size:12px; padding: 4px 4px 4px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px; display:inline-block; background-color: #EEEEEE; text-align:center; } .transaction_details_form_table .issue_refund:hover{ color:#999999; background-color:#F4F4F4; } /* === END ================ Daashboard Organization ====================== */ /* ======================== Create Project ====================== */ #project_color_bg, #project_color_text{ width:200px; } #project_permalink{ width:285px; } #project_enquiry_email{ width:270px; } #project_enquiry_number{ width:210px; } #project_name_eng, #project_name_chi{ width:720px; } #project_description_eng, #project_description_chi{ width: 1030px; height: 650px; } #project_website{ width:380px; } #org_display_fullname{ width:210px; } #project_launch_address_country{ width:280px; } #project_launch_time_zone{ width:350px; } #project_launch_category{ width:330px; } #project_launch_type{ width:350px; } #project_launch_start_date, #project_launch_end_date{ width:100px; } #project_launch_start_time, #project_launch_end_time{ width:110px; } #create_project_submitBtn, #edit_project_saveBtn{ width:96%; } #org_approval_form #submitBtn, #proj_approval_form #submitBtn { width:94%; } .input_select__ticket_time, .input_select__ticket_time_noscale{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width:110px; color:#999999; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow.png') no-repeat; background-position: 98% 0px; background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .input_select__ticket_time_ie8, .input_select__ticket_time_noscale_ie8{ width:110px; color:#999999; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow_ie8.png') no-repeat; background-position: 98% 0px; /*Position of the background-image*/ background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .input_select__ticket_time:focus, .input_select__ticket_time_ie8:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } .input_select__ticket_time_noscale:focus, .input_select__ticket_time_noscale_ie8:focus{ border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; } .input_select__ticket_time:disabled, .input_select__ticket_time_ie8:disabled, .input_select__ticket_time_noscale:disabled, .input_select__ticket_time_noscale_ie8:disabled { background: #EEEEEE; color:#999999; } #project_launch_venue_name, #project_launch_address_eng, #project_launch_address_chi{ width:620px; } #create_project_map { width: 350px; height: 250px; margin: 0px; padding: 0px; } .submitBtn_disable, .submitBtn_disable:link, .submitBtn_disable:visited .submitBtn_disable:hover{ cursor: default; color: #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px 18px 6px 18px; margin: 0px 10px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #B9B9B9; background-image: -webkit-gradient(linear, left top, left bottom, from(#B9B9B9), to(#B3B3B3)); background-image: -webkit-linear-gradient(top, #B9B9B9, #B3B3B3); background-image: -moz-linear-gradient(top, #B9B9B9, #B3B3B3); background-image: -ms-linear-gradient(top, #B9B9B9, #B3B3B3); background-image: -o-linear-gradient(top, #B9B9B9, #B3B3B3); background-image: linear-gradient(to bottom, #B9B9B9, #B3B3B3); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#B9B9B9, endColorstr=#B3B3B3)"; } .submitBtn_disable img{ display:inline-block; vertical-align:middle; margin-right:8px; margin-bottom:5px; } .submitBtn_blue, .submitBtn_blue:link, .submitBtn_blue:visited{ font-family:"Proxima Nova Bold", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:500; font-size:16px; color: #FFFFFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 10px 18px 6px 18px; margin: 0px 10px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #0CA4CF; background-image: -webkit-gradient(linear, left top, left bottom, from(#0CA4CF), to(#1EC2F2)); background-image: -webkit-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -moz-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -ms-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: -o-linear-gradient(top, #0CA4CF, #1EC2F2); background-image: linear-gradient(to bottom, #0CA4CF, #1EC2F2); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0CA4CF, endColorstr=#1EC2F2)"; } .submitBtn_blue:hover{ color: #FFFFFF; background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#20C1F0), to(#3DC9F1)); background-image: -webkit-linear-gradient(top, #20C1F0, #3DC9F1); background-image: -moz-linear-gradient(top, #20C1F0, #3DC9F1); background-image: -ms-linear-gradient(top, #20C1F0, #3DC9F1); background-image: -o-linear-gradient(top, #20C1F0, #3DC9F1); background-image: linear-gradient(to bottom, #20C1F0, #3DC9F1); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#20C1F0, endColorstr=#3DC9F1)"; } .submitBtn_blue img{ display:inline-block; vertical-align:middle; margin-right:8px; margin-bottom:5px; } .submitBtn_disable{ font-family:"Proxima Nova Bold", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:500; font-size:16px; } .hyperlinkBtn{ font-weight:normal; font-size:13px; line-height: 150%; color: #32BEA3 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 13px 5px 13px; margin: 0px 0px 0px 20px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #FFEFBF; } .hyperlinkBtn:hover{ color: #ccc; background-color: #FFF8DF; } .hyperlinkBtn img{ display:inline-block; vertical-align:middle; margin-right:8px; margin-bottom:5px; } .hyperlinkBtn_blue{ font-weight:normal; font-size:13px; color: #008CEF !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 5px 13px 5px 13px; margin: 0px 0px 0px 20px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ display:inline-block; background-color: #A0F3EC; } .hyperlinkBtn_blue:hover{ color: #ccc; background-color: #9AE9E3; } .hyperlinkBtn_blue img{ display:inline-block; vertical-align:bottom; margin-right:8px; margin-bottom:5px; } #ticket_table{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; background:#FFF; } #ticket_table thead tr:first-child td:first-child { border-top-left-radius: 5px; } #ticket_table thead tr:first-child td:last-child { border-top-right-radius: 5px; } #ticket_table tfoot tr:last-child td:first-child { border-bottom-left-radius: 5px; } #ticket_table tfoot tr:last-child td:last-child { border-bottom-right-radius: 5px; } #ticket_table thead tr td{ border-bottom: 1px solid #CCC; } #ticket_table tbody .ticket_row_css{ color:#333; font-size:10px; border-bottom: 1px solid #CCC; } #ticket_table img{ display:inline-block; vertical-align:middle; } .ticket_table_settings{ display:inline-block; margin-top:60px; } .ticket_table_delete{ display:inline-block; margin-top:60px; } .ticket_table_sort-move{ cursor: move; } .ticket_table_default_no_tickets{ font-size:18px; color:#0083A5; border-bottom:1px solid #ccc; } .ticket_table_ticket_name_input { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width: 400px; color:#999999; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .ticket_table_ticket_name_input:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .ticket_table_ticket_session_location_input { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width: 340px; color:#999999; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .ticket_table_ticket_session_location_input:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .ticket_table_ticket_total_input{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; text-align:center; width: 100px; color:#999999; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .ticket_table_ticket_total_input:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .ticket_table_ticket_setting_total_input{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; line-height:22px; text-align:center; width: 80px; height:44px; color:#999999; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .ticket_table_ticket_setting_total_input:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .ticket_table_ticket_datetime_label, .ticket_currency_sign_discount, .ticket_currency_sign { color:#333333; margin-right: 2px; } .ticket_table_ticket_datetime_label_disabled, .ticket_currency_sign_discount_disabled, .ticket_currency_sign_disabled { color:#999999; margin-right: 2px; } .ticket_discount_title{ color:#999999; } .ticket_table_ticket_amount_discount_input, .ticket_table_ticket_amount_input{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; text-align:right; width: 180px; color:#999999; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:20px; padding-right:40px; } .ticket_table_ticket_amount_discount_input:focus, .ticket_table_ticket_amount_input:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .ticket_table_ticket_amount_discount_input:disabled, .ticket_table_ticket_session_location_input:disabled, .ticket_table_ticket_name_input:disabled, .ticket_table_ticket_total_input:disabled, .ticket_table_ticket_setting_total_input:disabled, .ticket_table_ticket_amount_input:disabled{ background: #EEEEEE; color:#999999; } .ticket_table_pacakge_description { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; resize: none; color:#999999; /*height:44px;*/ line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; width:365px; height: 160px !important; } .ticket_table_pacakge_description:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; } .ticket_table_ticket_description { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; resize: none; color:#999999; /*height:44px;*/ line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; width:365px; height: 280px !important; } .ticket_table_ticket_description:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; } .ticket_table_ticket_datetime_date_specific, .ticket_table_ticket_datetime { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width:100px; color:#999999; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .ticket_table_ticket_datetime_date_specific:focus, .ticket_table_ticket_datetime:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .ticket_table_ticket_datetime_date_specific:disabled, .ticket_table_ticket_datetime:disabled{ background: #EEEEEE; color:#999999; } .ticket_table_ticket_date_specific_label{ font-size:24px; line-height:32px; font-weight:200; color: #34A79B; margin-top: 20px; display: inline-block; } .ticket_settings_table{ border: 1px dotted #ccc; } .ticket_settings_table_td{ border-bottom: 1px dotted #ccc; } .ticket_settings_div{ overflow: hidden; height:0px; } .ticket_question_mark{ display:inline-block; vertical-align:middle; margin-right:3px; margin-bottom:2px; } .ticket_question_mark_table tr td{ color:#FFF; border-bottom: 1px dotted #FFF; border-style: none none dotted; } .ticket_question_mark_table tr:last-child td{ color:#FFF; border-bottom: none; } .ticket_question_mark_table .ticket_question_mark_large{ color:#FFF; font-size:17px; } #settings_discount_code{ width:150px; } #settings_discount_percentage{ text-align:center; width:50px; } #add_question_q_eng, #add_question_q_chi, #add_question_a{ width:402px; } #add_question_ans_type{ width:286px; } .input_options_noscale{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; color:#999999; width:396px; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; } .input_options_noscale:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .input_options_noscale:disabled{ background: #EEEEEE; color:#999999; } #project_permalink_loading_gif{ width:30px; display:none; } /* === END ================ Create Project ====================== */ /* ======================== TinyMCE ====================== */ /* === END ================ TinyMCE ====================== */ /* ======================== Image Uploader ====================== */ .hidden_file_upload_file{ width: 0px; height: 0px; overflow: hidden; opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=0); /* IE lt 8 */ -ms-filter: "alpha(opacity=0)"; /* IE 8 */ -khtml-opacity: 0.0; /* Safari 1.x */ -moz-opacity: 0.0; /* FF lt 1.5, Netscape */ } #account_profile:hover{ cursor: pointer; } #org_profile #file_upload_description, #account_profile #file_upload_description{ font-size:16px; line-height:18px; /*display:none;*/ width:150px; height:50px; position: absolute; padding-top:50px; padding-bottom:40px; color:#FFFF00; text-align:center; /*background-color:#0F6;*/ text-shadow: 2px 2px 5px #333333; /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#333333')"; } #create_project_form tr, #create_project_form td, #create_project_form p, #create_project_form b, #create_project_form strong, #create_project_form { letter-spacing:0px !important; } #create_project_form #project_highlight #file_upload_description{ font-size:16px; line-height:20px; /*display:none;*/ width:223px; height:300px; position: absolute; color:#FFFF00; text-align:center; /*background-color:#0F6;*/ margin:0; text-shadow: 2px 2px 5px #333333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#333333')"; } #create_project_form #project_profile #file_upload_description{ font-size:16px; line-height:18px; /*display:none;*/ width:200px; height:50px; position: absolute; padding-top:86px; padding-bottom:40px; color:#FFFF00; text-align:center; /*background-color:#0F6;*/ text-shadow: 2px 2px 5px #333333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#333333')"; } #create_project_form #project_profile #file_upload_delete{ /*display:none;*/ position: absolute; margin-top:0px; margin-left:206px; width:25px; height:25px; } #create_project_form #project_highlight #file_upload_delete{ /*display:none;*/ position: absolute; margin-top:0px; margin-left:240px; width:25px; height:25px; } #file_upload_description{ font-size:16px; line-height:18px; /*display:none;*/ width:150px; height:50px; position: absolute; padding-top:60px; padding-bottom:40px; color:#FFFF00; text-align:center; /*background-color:#0F6;*/ text-shadow: 2px 2px 5px #333333; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='#333333')"; } #file_upload_delete{ /*display:none;*/ position: absolute; margin-top:0px; margin-left:156px; width:25px; height:25px; } /* ------------------------------------------------------------------------------------ */ #upload_processtxt{ text-align:center; } #upload_processbox { display:none; border: 1px solid #0083A6; position:absolute; width:70px; margin-top:70px; margin-left:40px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align:left; } #upload_processbar { height:4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #0083A6; width:1%; } /* ------------------------------------------------------------------------------------ */ #create_project_form #project_profile #upload_processbox { display:none; border: 1px solid #0083A6; position:absolute; width:120px; margin-top:90px; margin-left:40px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align:left; } #create_project_form #project_profile #upload_processbar { height:4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #0083A6; width:1%; } #create_project_form #project_highlight #upload_processbox { display:none; border: 1px solid #0083A6; position:absolute; width:180px; margin-top:140px; margin-left:20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align:left; } #create_project_form #project_highlight #upload_processbar { height:4px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #0083A6; width:1%; } /* === END ================ Image Uploader ====================== */ /* ======================== Project Ticket Reservation ====================== */ #reserve_eticket .content_container_1024_90 .enquiry_col03{ display:inline; float:left; margin:0; padding:0; width:1024px; margin-top:10px; margin-left:0px; border-top:1px solid #CCC; } #reserve_eticket .content_container_1024_90 .enquiry_col00{ display:inline; float:left; width:505px; margin-left:0px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; } #reserve_eticket .content_container_1024_90 .enquiry_col01{ display:inline; float:left; width:505px; margin-left:14px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; } #reserve_eticket .project-top{ position:relative; width: 100%; background-color:rgba(0,0,0,.4); padding-bottom:45px; } #reserve_eticket .project-top .bg-default{ position:absolute; width:100%; height:100%; background-position: top; background-color:rgba(0,0,0,.6); background-size:cover; background-repeat:no-repeat; -webkit-filter: saturate(1.2) brightness(.8) blur(50px) contrast(.9) opacity(.7); filter:saturate(1.2) brightness(.8) blur(50px) contrast(.9) opacity(.7); } #reserve_eticket .project-top .container{ position:relative; width:1024px; height:320px; padding-top:35px; } #reserve_eticket .project-top .container .imgframe{ display:inline; float:left; width:223px; height:300px; margin-right: 80px; } #reserve_eticket .project-top .container .imgframe .img{ width:100%; height:100%; border-radius:5px; background-size:cover; -webkit-box-shadow: 0 0 10px 0px rgba(80,80,80,.5); -moz-box-shadow: 0 0 10px 0px rgba(80,80,80,.5); box-shadow: 0 0 10px 0px rgba(80,80,80,.5); } #reserve_eticket .project-top .container .titleframe{ display:inline; float:left; width: 721px; } #reserve_eticket .project-top .container .titleframe img{ display:inline-block; } #reserve_eticket .project-top .container .titleframe .project-name{ width: 100%; text-align: left; font-size:34px; line-height:42px; color:#ffffff; margin-top: 32px; margin-bottom: 12px; } #reserve_eticket .project-top .container .titleframe .project-location{ width: 100%; text-align: left; font-size:20px; line-height:30px; color:#A4E3D8; margin-bottom: 10px; } #reserve_eticket .project-top .container .titleframe .project-date{ width: 100%; text-align: left; font-size:20px; line-height:30px; color:#ffffff; margin-bottom: 32px; } #reserve_eticket .project-top .container .titleframe .buttons{ width: 100%; text-align: left; } #reserve_eticket .project-top .container .titleframe .buttons img{ margin:0 6px 0 2px; } #reserve_eticket .project-top .container .titleframe .project-location img, #reserve_eticket .project-top .container .titleframe .project-date img{ margin-left: 4px; margin-right: 5px; } #reserve_eticket #eticket_project_highlight_img { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; width:100% !important; /*max-width: 1200px;*/ height: 520px !important; text-align: center !important; /*-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */ /*filter: blur(5px);*/ } #reserve_eticket #eticket_project_highlight_img_frontground{ width:100%; height:290px; background:url('../img/projects/project_highlight_title.png') repeat-x; position:absolute; margin-top:230px; left:0; right:0; margin-left:auto; margin-right:auto; } #reserve_eticket #eticket_project_highlight_img_frontground_mobile{ display:none; position:absolute; margin-top:235px; right:0; margin-right:12px; } #reserve_eticket #eticket_project_highlight_img_mobile{ display:none; width:1098px; } #reserve_eticket #eticket_project_highlight_img_frontground .project_highlight_title{ font-size:34px; line-height:42px; color:#FFF; } #reserve_eticket #eticket_project_highlight_img_frontground .project_highlight_location{ font-size:20px; line-height:30px; color:#A4E3D8; } #reserve_eticket #eticket_project_highlight_img_frontground .project_highlight_date{ font-size:20px; line-height:30px; color:#FFF; } #reserve_eticket #eticket_project_highlight_img_mobile .project_highlight_title{ font-size:24px; line-height:40px; color:#333; } #reserve_eticket #eticket_project_highlight_img_mobile .project_highlight_location{ font-size:14px; color:#A4E3D8; } #reserve_eticket #eticket_project_highlight_img_mobile .project_highlight_date{ color:#34A79B; } #reserve_eticket #project_ended_img{ width:80px; height:58px; } #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:50px; height:50px; } #reserve_eticket .project_highlight_location img, #reserve_eticket .project_highlight_date img{ display:inline-block; vertical-align:middle; margin-right:8px; } #reserve_eticket .project_price_range{ font-size:28px; line-height:32px; color:#333333; } #reserve_eticket .project_organzier, #reserve_eticket .project_organzier a:link, #reserve_eticket .project_organzier a:visited{ font-size:18px; line-height:24px; color:#666666; } #reserve_eticket .project_organzier a:hover{ color:#ccc; } #reserve_ticket_quickContiner{ display:block; width:100%; position:fixed; bottom:20px; z-index:90; text-align:center; } #reserve_ticket_quickContiner #quickBookNowBtn{ width:980px; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 6px 20px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 6px 20px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 6px 20px 0 rgba(0, 0, 0, 0.09); } #reserve_ticket_quickContiner #quickBookNowBtn:hover{ background-color: #39B5AA; background-image: -webkit-gradient(linear, left top, left bottom, from(#39B5AA), to(#38BDA3)); background-image: -webkit-linear-gradient(top, #39B5AA, #38BDA3); background-image: -moz-linear-gradient(top, #39B5AA, #38BDA3); background-image: -ms-linear-gradient(top, #39B5AA, #38BDA3); background-image: -o-linear-gradient(top, #39B5AA, #38BDA3); background-image: linear-gradient(to bottom, #39B5AA, #38BDA3); } #reserve_ticket_quickContiner #quickBookNowBtn .discount_del{ font-size:16px; font-weight:normal; line-height:22px; color:#FFFFFF; } #reserve_eticket #bookNowBtn, #reserve_eticket #bookNowBtn_disabled{ width:980px; } #reserve_eticket .etickets_project_category_00{ font-size:18px; line-height:24px; color:#CBC778; } #reserve_eticket .etickets_project_category_01{ font-size:18px; line-height:24px; color:#A2D073; } #reserve_eticket .etickets_project_category_02{ font-size:18px; line-height:24px; color:#97A0DF; } #reserve_eticket .etickets_project_category_03{ font-size:18px; line-height:24px; color:#CE96E0; } #reserve_eticket .etickets_project_category_04{ font-size:18px; line-height:24px; color:#E195A8; } #reserve_eticket .etickets_project_category_05{ font-size:18px; line-height:24px; color:#EEAC71; } #reserve_eticket .etickets_project_category_06{ font-size:18px; line-height:24px; color:#777777; } #reserve_eticket .etickets_project_category_07{ font-size:18px; line-height:24px; color:#94DD0B; } #reserve_eticket .etickets_project_category_08{ font-size:18px; line-height:24px; color:#e0c602; } #reserve_eticket .etickets_project_category_09{ font-size:18px; line-height:24px; color:#07B693; } #reserve_eticket .etickets_project_category_10{ font-size:18px; line-height:24px; color:#0B83E6; } #reserve_eticket .etickets_project_category_11{ font-size:18px; line-height:24px; color:#E692A8; } #reserve_eticket .etickets_project_type_00{ font-size:18px; line-height:24px; color:#978682; } #reserve_eticket .etickets_project_type_01{ font-size:18px; line-height:24px; color:#00A1F1; } #reserve_eticket .etickets_project_type_02{ font-size:18px; line-height:24px; color:#9CAD69; } #reserve_eticket .etickets_project_type_03{ font-size:18px; line-height:24px; color:#73C5CE; } #reserve_eticket .etickets_project_type_04{ font-size:18px; line-height:24px; color:#677CB2; } #reserve_eticket .etickets_project_type_05{ font-size:18px; line-height:24px; color:#BC5E6E; } #reserve_eticket .etickets_project_type_06{ font-size:18px; line-height:24px; color:#E851A6; } #reserve_eticket .etickets_project_type_07{ font-size:18px; line-height:24px; color:#BC997E; } #reserve_eticket .etickets_project_type_08{ font-size:18px; line-height:24px; color:#85BB38; } #reserve_eticket .etickets_project_type_09{ font-size:18px; line-height:24px; color:#6D798E; } #reserve_eticket .etickets_project_type_10{ font-size:18px; line-height:24px; color:#B8444F; } #reserve_eticket .etickets_project_type_11{ font-size:18px; line-height:24px; color:#A82FC5; } #reserve_eticket .etickets_project_type_12{ font-size:18px; line-height:24px; color:#D2AF00; } #reserve_eticket .etickets_project_type_13{ font-size:18px; line-height:24px; color:#43D000; } #reserve_eticket .etickets_project_type_14{ font-size:18px; line-height:24px; color:#00A1F1; } #reserve_eticket .etickets_project_type_15{ font-size:18px; line-height:24px; color:#54ADF3; } #reserve_eticket .etickets_project_type_16{ font-size:18px; line-height:24px; color:#F2A419; } #reserve_eticket .etickets_project_type_17{ font-size:18px; line-height:24px; color:#F27300; } #reserve_eticket .etickets_project_type_18{ font-size:18px; line-height:24px; color:#1DD393; } #reserve_eticket .etickets_project_type_19{ font-size:18px; line-height:24px; color:#CE7E44; } #reserve_eticket .etickets_project_type_20{ font-size:18px; line-height:24px; color:#DD7877; } #reserve_eticket .etickets_project_type_21{ font-size:18px; line-height:24px; color:#86C0D1; } #reserve_eticket #etickets_project_googlemap_container{ -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; width:100% !important; height: 170px !important; text-align: center !important; } #reserve_eticket #etickets_project_googlemap_container_frontground{ position:absolute; z-index: 89; width: 100%; height: 170px; background-color:#000; opacity: 0.7; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ -khtml-opacity: 0.7; /* Safari 1.x */ -moz-opacity: 0.7; /* FF lt 1.5, Netscape */ left:0; right:0; margin-left:auto; margin-right:auto; } #reserve_eticket #etickets_project_googlemap_container_frontground .project_map_location_description, #reserve_eticket #etickets_project_googlemap_container_frontground .project_map_location_description p{ font-size:18px; line-height:24px; color:#FFF; } #reserve_eticket .project_price { font-size:18px; line-height:24px; color:#000; } #reserve_eticket .project_date_description, #reserve_eticket .project_date_description p{ font-size:18px; line-height:24px; color:#000; } #reserve_eticket .span_discount_code{ display:block; width:392px; border:2px solid #309c89; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 5px 10px 5px; } /* #reserve_eticket .span_project_clock{ font-size:13px; line-height:20px; font-weight:500; border:2px solid #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#777; padding:8px 10px 6px 10px; margin-left:20px; display:inline-block; } */ #reserve_eticket .project_description, #reserve_eticket .project_description p{ font-size:17px; line-height:150%; color:#333; } #reserve_eticket .project_description a:link, #reserve_eticket .project_description a:visited{ color:#333; } #reserve_eticket .project_description a:hover{ color:#999; } #reserve_eticket .project_description h1{ line-height:50px; } #reserve_eticket .project_description video, #reserve_eticket .project_description iframe, #reserve_eticket .project_description object, #reserve_eticket .project_description embed { border: 0px !important; width: 1024px !important; height: auto !important; min-height: 550px !important; } #reserve_eticket .project_description img{ max-width: 1024px !important; height: auto; } #reserve_eticket .project_date_gmt{ font-size:16px; color:#666; } #reserve_eticket .project_ticket_title, #waitlist_eticket_onhold .project_ticket_title{ font-size:14px; font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:1px; color:#999999; } #reserve_eticket .project_ticket_sub_name{ font-size:16px; line-height:26px; font-weight:500; } #reserve_eticket_onhold .project_ticket_session_endtime, #reserve_eticket .project_ticket_session_endtime{ display:inline-block; margin-top:5px; width:100%; font-size:14px; line-height:20px; color: #5189A7;/*#333;*//*#34A79B;*/ } #reserve_eticket .project_ticket_endtime{ display:inline-block; width:100%; font-size:14px; line-height:16px; color: #34A79B; } #reserve_eticket .project_ticket_availiability{ font-size:16px; line-height:26px; color:#333; } #reserve_eticket_onhold .project_ticket_specific_time, #reserve_eticket .project_ticket_specific_time, #waitlist_eticket_onhold .project_ticket_specific_time{ font-size:20px; line-height:30px; font-weight:500; color: #34A79B; border: 1px solid #34A79B; /*width: 60px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ background-color: #ffffff; padding: 8px 0px 6px 0px; width: 100px; margin: 20px 20px 0 0; display:inline-block !important; } #reserve_eticket_onhold .project_ticket_specific_time.in_selected, #reserve_eticket .project_ticket_specific_time.in_selected, #waitlist_eticket_onhold .project_ticket_specific_time.in_selected{ color: #ff0; background-color: #34A79B; border: 1px solid #34A79B; } #reserve_eticket_onhold .project_ticket_specific_time:hover, #reserve_eticket .project_ticket_specific_time:hover, #waitlist_eticket_onhold .project_ticket_specific_time:hover{ cursor:pointer; font-size:20px; line-height:30px; font-weight:500; color: #ff0; background-color: #34A79B; border: 1px solid #34A79B; /*width: 60px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ padding: 8px 0px 6px 0px; width: 100px; margin: 20px 20px 0 0; display:inline-block !important; } #reserve_eticket_onhold .project_ticket_specific_date, #reserve_eticket .project_ticket_specific_date, #waitlist_eticket_onhold .project_ticket_specific_date{ font-size:28px; line-height:36px; font-weight:200; color: #34A79B; margin-top: 20px; display: inline-block; } #reserve_eticket_onhold .project_ticket_name, #reserve_eticket .project_ticket_name, #waitlist_eticket_onhold .project_ticket_name{ font-size:22px; line-height:32px; font-weight:200; } #reserve_eticket_onhold .project_ticket_price, #reserve_eticket .project_ticket_price, #waitlist_eticket_onhold .project_ticket_price{ font-size:21px; line-height:32px; font-weight:200; } #reserve_eticket .project_ticket_discount_select{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; word-wrap:normal; width:220px; color:#333; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow.png') no-repeat; background-position: 98% 0px; background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:50px; margin:0; } #reserve_eticket .project_ticket_select{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; word-wrap:normal; width:120px; color:#333; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow.png') no-repeat; background-position: 98% 0px; background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:50px; margin:0; } #reserve_eticket .project_ticket_select_ie8{ word-wrap:normal; width:120px; color:#333; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow_ie8.png') no-repeat; background-position: 98% 0px; /*Position of the background-image*/ background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:50px; margin:0; } #reserve_eticket .project_ticket_discount_select_ie8{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; word-wrap:normal; width:220px; color:#333; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow_ie8.png') no-repeat; background-position: 98% 0px; /*Position of the background-image*/ background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:10px; padding-right:10px; margin:0; } #reserve_eticket .project_ticket_select:focus, #reserve_eticket .project_ticket_select_ie8:focus, #reserve_eticket .project_ticket_discount_select:focus, #reserve_eticket .project_ticket_discount_select_ie8:focus{ border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 6px #ccc; -moz-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); } #reserve_eticket .project_ticket_select:disabled, #reserve_eticket .project_ticket_select_ie8:disabled, #reserve_eticket .project_ticket_discount_select:disabled, #reserve_eticket .project_ticket_discount_select_ie8:disabled{ padding-right:10px; border:1px solid #ccc; color:#ccc; background: #EEEEEE; } #reserve_eticket .ticket_details{ overflow: hidden; height:0px; } #reserve_eticket #project_discount_code_img{ display:inline-block; vertical-align:middle; margin-right:10px; } #reserve_eticket #project_discount_code_input{ width:150px; height:35px; line-height:35px; /*IE*/ } .discount_del, #reserve_eticket .discount_del{ font-size:20px; font-weight:normal; line-height:26px; color:#34A79B; } #reserve_eticket .ticket_discount, #reserve_eticket .project_discount{ font-size:15px; line-height:18px; letter-spacing:0; color:#34A79B; } #reserve_eticket .ticket_more_details_hr_dash{ border: 1px dotted #999; border-style: none none dotted; color: #FFF; margin-bottom:40px; } #reserve_eticket .waitlist{ margin-top:12px; margin-bottom:10px; font-size:12px; line-height:20px; font-weight:500; color: #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ /*margin: 0px 0px 0px 0px;*/ padding: 8px 15px 6px 15px; display:inline-block !important; background-color: #FF9326; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9326), to(#FFAD3A)); background-image: -webkit-linear-gradient(top, #FF9326, #FFAD3A); background-image: -moz-linear-gradient(top, #FF9326, #FFAD3A); background-image: -ms-linear-gradient(top, #FF9326, #FFAD3A); background-image: -o-linear-gradient(top, #FF9326, #FFAD3A); background-image: linear-gradient(to bottom, #FF9326, #FFAD3A); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF9326, endColorstr=#FFAD3A)"; } #reserve_eticket .waitlist:hover{ background-color: #FFA83F; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFA83F), to(#FFC559)); background-image: -webkit-linear-gradient(top, #FFA83F, #FFC559); background-image: -moz-linear-gradient(top, #FFA83F, #FFC559); background-image: -ms-linear-gradient(top, #FFA83F, #FFC559); background-image: -o-linear-gradient(top, #FFA83F, #FFC559); background-image: linear-gradient(to bottom, #FFA83F, #FFC559); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFA83F, endColorstr=#FFC559)"; } #reserve_eticket .waitlist img{ display:inline-block; vertical-align:top; margin-right:6px; } #reserve_eticket .icon_sales_ended{ font-size:14px; line-height:22px; font-weight:500; color: #32BEA3; border: 1px solid #32BEA3; /*width: 120px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 0px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ background-color: #ffffff; padding: 8px 12px 6px 12px; display:inline-block !important; } #reserve_eticket .icon_sales_ended:hover{ color: #ccc; border: 1px solid #ccc; cursor: default; background-color: #EEE; } #reserve_eticket .icon_sales_soldout{ font-size:14px; line-height:22px; font-weight:500; color: #BD55E4; border: 1px solid #BD55E4; /*width: 60px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 0px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ background-color: #ffffff; padding: 8px 28px 6px 28px; display:inline-block !important; } #reserve_eticket .icon_sales_snapup{ font-size:14px; line-height:22px; font-weight:500; color: #1A35D6; border: 1px solid #1A35D6; /*width: 60px;*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 0px 0px 0px; text-align:center; text-decoration:none; /*text-shadow: -1px -1px 0 rgba(0,0,0,0.2);*/ background-color: #ffffff; padding: 8px 28px 6px 28px; display:inline-block !important; } #reserve_eticket .icon_sales_soldout:hover, #reserve_eticket .icon_sales_snapup:hover{ color: #ccc; border: 1px solid #ccc; cursor: default; background-color: #EEE; } #reserve_eticket .sales_small_qty{ color:#1A35D6; font-size:16px; line-height:22px; font-weight:300; } #reserve_eticket .project_end_indicator{ font-size:25px; line-height:35px; color:#FF0; } #reserve_eticket .project_end_indicator img{ display:inline-block; vertical-align:middle; } #reserve_eticket .project_end_indicator .timerTxt{ display:block; width:100%; margin-top:20px; font-size:20px; } #reserve_eticket .project_servercharge, #reserve_eticket .project_servercharge p{ font-size:16px; line-height:23px; } #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:15px; line-height:24px; color: #aaa; } #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:14px; line-height:24px; color: #aaa; } /* === END ================ Project Ticket Reservation ====================== */ /* ======================== Organizer ====================== */ #org_form .projectlist_profile_img, #org_form #projectlist_profile_img{ margin:0 0 20px 0; } #org_form #svg_organizer_org_profile{ width:200px; height:200px; } #org_form #eticket_organizer_org_profile_img{ width:200px; height:200px; } #org_form .eticket_organizer_title{ font-size:40px; line-height:50px; color:#000; padding:20px 0 10px 0; } #org_form .eticket_organizer_tag{ font-size:26px; line-height:34px; color:#000; padding:10px 0 0 0; } #org_form .content_container_1024_90 .organizer_office_col00 td{ font-size:18px; line-height:20px; } #org_form .content_container_1024_90 .organizer_office_col01 td{ font-size:18px; line-height:20px; } #org_form .eticket_organizer_title img{ display:inline-block; vertical-align:middle; } #org_form #organizer_level_img{ cursor: help; } #org_form .content_container_1024_90 .organizer_office_col00{ display:inline; float:left; width:300px; margin-right:20px; } #org_form .content_container_1024_90 .organizer_office_col01{ display:inline; float:left; width:300px; margin-left:10px; } #org_form .content_container_1024_90 .organizer_office_col02{ display:inline; float:left; width:256px; margin-left:120px; } #org_form #etickets_project_googlemap_container{ -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; width:100% !important; height: 170px !important; text-align: center !important; } #org_form #etickets_project_googlemap_container_frontground{ position:absolute; z-index: 90; width: 100%; height: 170px; background-color:#000; opacity: 0.7; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ -khtml-opacity: 0.7; /* Safari 1.x */ -moz-opacity: 0.7; /* FF lt 1.5, Netscape */ left:0; right:0; margin-left:auto; margin-right:auto; } #org_form #etickets_project_googlemap_container_frontground .project_map_location_description, #org_form #etickets_project_googlemap_container_frontground .project_map_location_description p{ font-size:18px; line-height:24px; color:#FFF; } #org_form .organizer_description, #org_form .organizer_description p{ font-size:18px; line-height:24px; color:#333; } #org_form .organizer_description a:link, #org_form .organizer_description a:visited{ color:#333; } #org_form .organizer_description a:hover{ color:#999; } #org_form .organizer_description_col00{ display:inline; float:left; width:686px; margin-right:20px; } #org_form .organizer_description_col01{ display:inline; float:left; width:290px; margin-left:28px; } #org_form .organizer_all_projects{ font-size:22px; line-height:32px; color:#FFF; } #org_form .organizer_all_projects_list{ table-layout:fixed; font-size:22px; line-height:32px; } #org_form .organizer_all_projects_list td{ font-size:22px; line-height:32px; } #org_form .organizer_all_projects_list td a, #org_form .organizer_all_projects_list td a:link, #org_form .organizer_all_projects_list td a:visited{ color:#333; } #org_form .organizer_all_projects_list td a:hover{ color:#34A79B; } #org_form .organizer_all_projects_list td{ border-bottom:1px solid #CCC; } #org_form .organizer_all_projects_list tr:last-child td{ border:none; } /* === END ================ Organizer ====================== */ /* ======================== Waitlist, Reserve Ticket On Hold ====================== */ #waitlist_eticket_onhold .input_reserve_multiline_noscale, #reserve_eticket_onhold .input_reserve_multiline_noscale { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width:98%; resize: none; color:#999999; /*height:44px;*/ line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:1%; padding-right:1%; margin:0px; height: 200px !important; } #waitlist_eticket_onhold .input_reserve_multiline_noscale:focus, #reserve_eticket_onhold .input_reserve_multiline_noscale:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; } #waitlist_eticket_onhold .input_reserve_multiline_noscale:disabled, #waitlist_eticket_onhold .input_reserve_noscale:disabled, #reserve_eticket_onhold .input_reserve_multiline_noscale:disabled, #reserve_eticket_onhold .input_reserve_noscale:disabled{ background: #EEEEEE; color:#999999; } #waitlist_eticket_onhold .input_reserve_noscale, #reserve_eticket_onhold .input_reserve_noscale { font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width:98%; color:#999999; height:44px; line-height:44px; /*IE*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:1%; padding-right:1%; margin:0px; } #waitlist_eticket_onhold .input_reserve_noscale:focus, #reserve_eticket_onhold .input_reserve_noscale:focus { border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } #waitlist_eticket_onhold .input_reserve_select_noscale, #reserve_eticket_onhold .input_reserve_select_noscale{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width:100%; color:#999999; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow.png') no-repeat; background-position: 98% 0px; background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:2%; padding-right:2%; margin:0px; } #waitlist_eticket_onhold .input_reserve_select_noscale_ie8, #reserve_eticket_onhold .input_reserve_select_noscale_ie8{ font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-size:16px; width:100%; color:#999999; height:44px; line-height:44px; /*IE*/ background: #FFF url('../img/form/dropdown_arrow_ie8.png') no-repeat; background-position: 98% 0px; /*Position of the background-image*/ background-size: 44px 44px; -webkit-background-size: 44px 44px; -moz-background-size: 44px 44px; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #cccccc; outline:none; padding-left:2%; padding-right:2%; margin:0px; } #waitlist_eticket_onhold .input_reserve_select_noscale:focus, #waitlist_eticket_onhold .input_reserve_select_noscale_ie8:focus, #reserve_eticket_onhold .input_reserve_select_noscale:focus, #reserve_eticket_onhold .input_reserve_select_noscale_ie8:focus{ border:1px solid #39B5AA; color:#333333; -webkit-box-shadow: 0 0 25px #ccc; -moz-box-shadow: 0 0 25px #ccc; box-shadow: 0 0 25px #ccc; } #waitlist_eticket_onhold .input_reserve_select_noscale:disabled, #waitlist_eticket_onhold .input_reserve_select_noscale_ie8:disabled, #reserve_eticket_onhold .input_reserve_select_noscale:disabled, #reserve_eticket_onhold .input_reserve_select_noscale_ie8:disabled { background: #EEEEEE; color:#999999; } #waitlist_eticket_onhold .question_title, #waitlist_eticket_onhold .question_title p, #reserve_eticket_onhold .question_title, #reserve_eticket_onhold .question_title p{ font-size:18px; line-height:24px; color:#000; } #waitlist_eticket_onhold .input_err, #reserve_eticket_onhold .input_err{ font-size:10px; line-height:22px; } #waitlist_eticket_onhold, #reserve_eticket_onhold{ table-layout:fixed; } #waitlist_eticket_onhold #clock_reminder{ margin: 70px 0 60px 0; width: 720px; color:#FFFFFF; font-size:19px; line-height:34px; font-weight:500; } #reserve_eticket_onhold #clock_reminder{ margin: 70px 0 60px 0; width: 620px; color:#34A79B; font-size:19px; line-height:34px; font-weight:500; } #reserve_eticket #clock{ color:#FFEFBF; margin: 20px 0 40px 0; width:945px; /*300px;*/ height:130px; /*116px;*/ font-size:18px; line-height: 25px; zoom:0.7; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); transform: scale(0.7); z-index: 95; } #reserve_eticket .flip-clock-label { color: #FF0; } #reserve_eticket_onhold #clock{ color:#FFEFBF; margin: 0 0 80px 0; width:460px; /*300px;*/ height:130px; /*116px;*/ z-index: 95; } #waitlist_eticket_onhold #clock{ color:#86BFC7; margin: 0 0 80px 0; width:460px; /*300px;*/ height:130px; /*116px;*/ z-index: 95; } #waitlist_eticket_onhold #agreeConfirmBtn, #waitlist_eticket_onhold #agreeConfirmBtn_disabled, #reserve_eticket_onhold #agreeConfirmBtn, #reserve_eticket_onhold #agreeConfirmBtn_disabled{ width: 980px; } #reserve_eticket_onhold #unionpayBtn, #reserve_eticket_onhold #alipayBtn, #reserve_eticket_onhold #tenpayBtn, #reserve_eticket_onhold #paypalBtn, #reserve_eticket_onhold #mspayBtn, #reserve_eticket_onhold #googlepayBtn, #reserve_eticket_onhold #applepayBtn, #reserve_eticket_onhold #cardsBtn, #reserve_eticket_onhold #fpsBtn, #reserve_eticket_onhold #paymeBtn{ padding-left: 13px; padding-right: 13px; } #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-right:11px; display:inline; float:left; text-align:center; } #reserve_eticket_onhold .content_container_1024_90 .payBtn_col09{ display:inline; float:left; text-align:center; } #waitlist_eticket_onhold #agreeConfirmBtn, #reserve_eticket_onhold #tenpayBtn, #reserve_eticket_onhold #paypalBtn, #reserve_eticket_onhold #alipayBtn, #reserve_eticket_onhold #cardsBtn, #reserve_eticket_onhold #applepayBtn, #reserve_eticket_onhold #unionpayBtn, #reserve_eticket_onhold #googlepayBtn, #reserve_eticket_onhold #mspayBtn, #reserve_eticket_onhold #fpsBtn, #reserve_eticket_onhold #paymeBtn{ cursor: pointer; } #waitlist_eticket_onhold .project_date_description, #waitlist_eticket_onhold .project_date_description p, #reserve_eticket_onhold .project_date_description, #reserve_eticket_onhold .project_date_description p{ font-size:18px; line-height:24px; } #waitlist_eticket_onhold .project_organzier, #waitlist_eticket_onhold .project_organzier a:link, #waitlist_eticket_onhold .project_organzier a:visited, #reserve_eticket_onhold .project_organzier, #reserve_eticket_onhold .project_organzier a:link, #reserve_eticket_onhold .project_organzier a:visited{ font-size:18px; line-height:24px; color:#666666; } #waitlist_eticket_onhold .project_organzier a:hover, #reserve_eticket_onhold .project_organzier a:hover{ color:#ccc; } #reserve_eticket .span_project_clock, #waitlist_eticket_onhold .span_project_clock, #reserve_eticket_onhold .span_project_clock{ border:2px solid #777; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color:#777; padding:8px 10px 6px 10px; margin-left:20px; display:inline-block; } #waitlist_eticket_onhold .project_title, #reserve_eticket_onhold .project_title{ font-size:28px; line-height:42px; color:#34A79B; } #waitlist_eticket_onhold #projectlist_profile_img, #reserve_eticket_onhold #projectlist_profile_img{ margin:0 0 20px 0; } #waitlist_eticket_onhold .project_terms, #reserve_eticket_onhold .project_terms{ font-size:14px; text-align:left; padding-top:9px; padding-bottom:9px; } #waitlist_eticket_onhold .project_terms a:link, #waitlist_eticket_onhold .project_terms a:visited, #reserve_eticket_onhold .project_terms a:link, #reserve_eticket_onhold .project_terms a:visited{ color:#0083A5; } #create_project_form .agree_tnc_err, #waitlist_eticket_onhold .waitlist_agree_tnc_err, #reserve_eticket_onhold .reserve_agree_tnc_err{ font-size:13px; line-height:22px; margin:0 0 4px 0; color:#F30; font-weight:500; } #reserve_eticket_onhold .project_ticket_title{ font-size:14px; font-family:"Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:500; letter-spacing:1px; color:#34A79B; } #reserve_eticket_onhold .project_reserved_items td{ border-top:1px solid #e7e7e7; } #reserve_eticket_onhold .project_total td, #waitlist_eticket_onhold .project_total td{ border-top:1px solid #e7e7e7; padding-top: 20px; } #reserve_eticket_onhold #nonrefundable-tips, #waitlist_eticket_onhold #nonrefundable-tips{ display: none; } #reserve_eticket_onhold .tips_no_refund, #waitlist_eticket_onhold .tips_no_refund{ display: block; font-size:18px; letter-spacing:1px; line-height:30px; cursor: help; vertical-align: middle; width:100%; text-align:center; color: #333333; border:2px solid #999999; background-color:#FFEFBF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:12px 5px 10px 5px; font-weight: bold; margin-top:5px; margin-bottom: 40px; } #reserve_eticket_onhold #label_order_total_no_reward, #reserve_eticket_onhold #order_total_no_reward, #reserve_eticket_onhold #order_nettotal_up, #reserve_eticket_onhold #order_nettotal_sp, #reserve_eticket_onhold #order_nettotal_sap, #reserve_eticket_onhold #order_nettotal_tp, #reserve_eticket_onhold #order_nettotal_pp, #reserve_eticket_onhold #order_nettotal_ap, #reserve_eticket_onhold #reward_up_html, #reserve_eticket_onhold #reward_sp_html, #reserve_eticket_onhold #reward_sap_html, #reserve_eticket_onhold #reward_tp_html, #reserve_eticket_onhold #reward_pp_html, #reserve_eticket_onhold #reward_ap_html, #reserve_eticket_onhold #reward_by_up_html, #reserve_eticket_onhold #reward_by_sp_html, #reserve_eticket_onhold #reward_by_sap_html, #reserve_eticket_onhold #reward_by_tp_html, #reserve_eticket_onhold #reward_by_pp_html, #reserve_eticket_onhold #reward_by_ap_html{ display: none; } #reserve_eticket_onhold .project_td_22px_green_bold, #waitlist_eticket_onhold .project_td_22px_green_bold{ font-size:22px; line-height:30px; letter-spacing:0px; color:#34A79B; font-weight: 800; } #reserve_eticket_onhold .project_td_20px_green_bold, #waitlist_eticket_onhold .project_td_20px_green_bold{ font-size:20px; line-height:30px; letter-spacing:0px; color:#34A79B; font-weight: 800; } #reserve_eticket_onhold .project_td_18px_333, #waitlist_eticket_onhold .project_td_18px_333{ font-size:18px; line-height:24px; letter-spacing:0px; color:#333333; font-weight:500; } #reserve_eticket_onhold .project_td_18px_green, #waitlist_eticket_onhold .project_td_18px_green{ font-size:18px; line-height:24px; letter-spacing:0px; color:#34A79B; font-weight:500; } #reserve_eticket_onhold .project_td_18px_green_bold, #waitlist_eticket_onhold .project_td_18px_green_bold{ font-size:18px; line-height:24px; letter-spacing:0px; color:#34A79B; font-weight: 800; } #reserve_eticket_onhold .project_td_16px_333, #waitlist_eticket_onhold .project_td_16px_333{ font-size:16px; line-height:24px; letter-spacing:0px; color:#333; font-weight:500; } #reserve_eticket_onhold .project_td_16px_green, #waitlist_eticket_onhold .project_td_16px_green{ font-size:16px; line-height:24px; letter-spacing:0px; color:#34A79B; font-weight:500; } #reserve_eticket_onhold .project_td_14px_green, #waitlist_eticket_onhold .project_td_14px_green{ font-size:14px; line-height:24px; letter-spacing:0px; color:#34A79B; font-weight:500; } #reserve_eticket_onhold .non-member-table-item-title, #reserve_eticket_onhold .non-member-table-item-title p{ font-size:18px !important; line-height:23px !important; color:#34A79B; } #reserve_eticket_onhold .non-member-table-item-title .subtitle{ font-size:15px !important; line-height:20px !important; color:#34A79B; } #reserve_eticket_onhold .non-member-btn, #reserve_eticket_onhold .member-btn, #reserve_eticket_onhold .member-btn a, #reserve_eticket_onhold .non-member-btn a{ font-size:16px; line-height:23px; color:#34A79B; } #reserve_eticket_onhold .member-btn a, #reserve_eticket_onhold .non-member-btn a{ width:100%; display:inline-block; } #reserve_eticket_onhold .member-btn a:hover, #reserve_eticket_onhold .non-member-btn a:hover{ color:#999999; cursor: pointer; } #reserve_eticket_onhold .project_servercharge, #reserve_eticket_onhold .project_servercharge p{ font-size:16px; line-height:23px; } #reserve_eticket_onhold .non-member-disable-btn, #reserve_eticket_onhold .member-disable-btn{ font-size:16px; line-height:23px; color:#999999; border-bottom:2px solid #F9F9F9; } #reserve_eticket_onhold .member-disable-btn a, #reserve_eticket_onhold .non-member-disable-btn a{ width:100%; display:inline-block; color:#999999; } #reserve_eticket_onhold .member-disable-btn a:hover, #reserve_eticket_onhold .non-member-disable-btn a:hover{ color:#34A79B; cursor: pointer; } #reserve_eticket_onhold #non-member-table{ } #reserve_eticket_onhold #member-table{ width:800px; } #member-table .login_warn_msg{ background-color:#C30; } #reserve_eticket_onhold .ticket_discount, #reserve_eticket_onhold .project_discount{ font-size:13px; line-height:16px; letter-spacing:0; } #reserve_eticket_onhold .project_price { font-size:18px; line-height:24px; } #reserve_eticket_onhold #reserve_login_email, #reserve_eticket_onhold #reserve_login_pw{ width:95%; } #reserve_eticket_onhold #reserve_loginsignup_submitBtn{ width:93%; } #reserve_eticket_onhold .q_row, #reserve_eticket_onhold .ans_row{ margin:0 auto; padding:0; position:relative; width:100%; } #reserve_eticket_onhold .q_yesno_col_00{ display:inline; float:left; text-align:left; width:769px; padding:9px 30px 30px 0px; } #reserve_eticket_onhold .q_yesno_col_01{ display:inline; float:left; text-align:left; width:200px; } #reserve_eticket_onhold .q_col{ display:inline; float:left; text-align:left; width:100%; padding-top:9px; } #reserve_eticket_onhold .ans_row .row_height{ width:100%; display:inline; float:left; text-align:left; } #reserve_eticket_onhold .ans_row .col_25{ display:inline; float:left; text-align:left; width:25%; margin-bottom:20px; } #reserve_eticket_onhold #non-member-table .row{ margin:0 auto; padding:0; position:relative; width:100%; } #reserve_eticket_onhold #non-member-table .row .col_50{ display:inline; float:left; text-align:center; width:50%; } #reserve_eticket_onhold #non-member-table .row .col_100{ display:inline; float:left; text-align:center; width:100%; } #reserve_eticket_onhold #non-member-table .row_90, #waitlist_eticket_onhold #non-member-table .row_90{ margin:0 auto; padding:0; position:relative; width:90%; } #reserve_eticket_onhold #non-member-table .row_90 .col_20, #waitlist_eticket_onhold #non-member-table .row_90 .col_20{ display:inline; float:left; text-align:center; margin-right:5%; width:25%; } #reserve_eticket_onhold #non-member-table .row_90 .col_80, #waitlist_eticket_onhold #non-member-table .row_90 .col_80{ display:inline; float:left; text-align:center; width:70%; } #reserve_eticket_onhold #non-member-table #person_education, #reserve_eticket_onhold #non-member-table #person_education_ie8{ width:95%; } #reserve_eticket_onhold #card_info_div_00{ overflow:hidden; height:0px; } #reserve_eticket_onhold #card_info_div_01{ overflow:hidden; height:0px; } #reserve_eticket_onhold #card_exp_year, #reserve_eticket_onhold #card_exp_month, #reserve_eticket_onhold #card_cvc, #reserve_eticket_onhold #card_number, #reserve_eticket_onhold #non-member-table #account_login_email, #reserve_eticket_onhold #contact_home_address_building, #reserve_eticket_onhold #contact_home_address_city, #reserve_eticket_onhold #contact_home_address_postcode, #reserve_eticket_onhold #contact_home_address_street, #reserve_eticket_onhold #contact_home_address_country, #reserve_eticket_onhold #occupation_company, #reserve_eticket_onhold #occupation_jobtitle, #reserve_eticket_onhold #occupation_office_address_country, #reserve_eticket_onhold #occupation_office_address_building, #reserve_eticket_onhold #occupation_office_address_city, #reserve_eticket_onhold #occupation_office_address_postcode, #reserve_eticket_onhold #occupation_office_address_street, #reserve_eticket_onhold #occupation_office_website{ width:95%; } #waitlist_eticket_onhold .project_reserved_items td{ border-top:1px solid #e7e7e7; } #waitlist_eticket_onhold .non-member-btn, #waitlist_eticket_onhold .member-btn, #waitlist_eticket_onhold .member-btn a, #waitlist_eticket_onhold .non-member-btn a{ font-size:16px; line-height:23px; color:#34A79B; } #waitlist_eticket_onhold .member-btn a, #waitlist_eticket_onhold .non-member-btn a{ width:100%; display:inline-block; } #waitlist_eticket_onhold .member-btn a:hover, #waitlist_eticket_onhold .non-member-btn a:hover,{ color:#999999; } #waitlist_eticket_onhold .project_servercharge, #waitlist_eticket_onhold .project_servercharge p{ font-size:16px; line-height:23px; } #waitlist_eticket_onhold .non-member-disable-btn, #waitlist_eticket_onhold .member-disable-btn{ font-size:16px; line-height:23px; color:#999999; border-bottom:2px solid #F9F9F9; } #waitlist_eticket_onhold .member-disable-btn a, #waitlist_eticket_onhold .non-member-disable-btn a{ width:100%; display:inline-block; color:#999999; } #waitlist_eticket_onhold .member-disable-btn a:hover, #waitlist_eticket_onhold .non-member-disable-btn a:hover{ color:#34A79B; } #waitlist_eticket_onhold #non-member-table{ } #waitlist_eticket_onhold #member-table{ width:800px; } #waitlist_eticket_onhold .ticket_discount, #waitlist_eticket_onhold .project_discount{ font-size:13px; line-height:16px; letter-spacing:0; } #waitlist_eticket_onhold .project_price { font-size:18px; line-height:24px; } #waitlist_eticket_onhold #waitlist_login_email, #waitlist_eticket_onhold #waitlist_login_pw{ width:95%; } #waitlist_eticket_onhold #waitlist_loginsignup_submitBtn{ width:93%; } #waitlist_eticket_onhold .q_row, #waitlist_eticket_onhold .ans_row{ margin:0 auto; padding:0; position:relative; width:100%; } #waitlist_eticket_onhold .q_yesno_col_00{ display:inline; float:left; text-align:left; width:769px; padding:9px 30px 30px 0px; } #waitlist_eticket_onhold .q_yesno_col_01{ display:inline; float:left; text-align:left; width:200px; } #waitlist_eticket_onhold .q_col{ display:inline; float:left; text-align:left; width:100%; padding-top:9px; } #waitlist_eticket_onhold .ans_row .col_25{ display:inline; float:left; text-align:left; width:25%; } #waitlist_eticket_onhold #non-member-table .row{ margin:0 auto; padding:0; position:relative; width:100%; } #waitlist_eticket_onhold #non-member-table .row .col_50{ display:inline; float:left; text-align:center; width:50%; } #waitlist_eticket_onhold #non-member-table .row .col_100{ display:inline; float:left; text-align:center; width:100%; } #waitlist_eticket_onhold #non-member-table #account_login_email, #waitlist_eticket_onhold #non-member-table #person_education, #waitlist_eticket_onhold #contact_home_address_building, #waitlist_eticket_onhold #contact_home_address_city, #waitlist_eticket_onhold #contact_home_address_postcode, #waitlist_eticket_onhold #contact_home_address_street, #waitlist_eticket_onhold #contact_home_address_country, #waitlist_eticket_onhold #occupation_company, #waitlist_eticket_onhold #occupation_jobtitle, #waitlist_eticket_onhold #occupation_office_address_country, #waitlist_eticket_onhold #occupation_office_address_building, #waitlist_eticket_onhold #occupation_office_address_city, #waitlist_eticket_onhold #occupation_office_address_postcode, #waitlist_eticket_onhold #occupation_office_address_street, #waitlist_eticket_onhold #occupation_office_website{ width:100%; } /* === END ================ Waitlist, Reserve Ticket On Hold ====================== */ /* ======================== Order ====================== */ #order_completed .content_container_1024_90 .tickets_col00{ display:inline; float:left; margin-left:270px; width:180px; } #order_completed .content_container_1024_90 .tickets_col01{ display:inline; float:left; width:124px; margin-left:0px; } #order_completed .content_container_1024_90 .tickets_col02{ display:inline; float:left; width:180px; margin-right:270px; } #order_completed .project_title{ font-size:28px; line-height:42px; color:#34A79B; } #order_completed .project_tickets{ font-size:28px; line-height:42px; color:#3fa8b0; } #order_completed .project_title_fail{ font-size:28px; line-height:42px; color:#c65b5b; } #order_completed .project_title_fail img, #order_completed .project_tickets img, #order_completed .project_title img{ display:inline-block; vertical-align:middle; margin-top:30px; margin-bottom:30px; } #order_completed .project_open_etickets a:hover, #order_completed .project_open_etickets a:link, #order_completed .project_open_etickets a:visited, #order_completed .project_open_etickets{ font-size:20px; line-height:40px; font-weight: 400; } #order_completed .project_going a:link, #order_completed .project_going a:visited{ color:#333333; text-decoration:underline; } #order_completed .project_going{ font-size:18px; line-height:32px; color:#333333; text-decoration:none; } #order_completed .project_going a:hover{ text-decoration:none; } #order_completed #reviewBtn{ width:220px; padding: 12px 12px 12px 12px !important; } /* === END ================ Order ====================== */ /* ======================== T&C ====================== */ .tnc_title, .tnc_title p{ font-size:20px; line-height:36px; text-align:center; } .tnc_content, .tnc_content p{ font-size:16px; line-height:26px; text-align:justify; } .tnc_content_date{ font-size:14px; line-height:20px; text-align:justify; } .tnc_content b, .tnc_content strong{ font-weight:500; } /* === END ================ T&C ====================== */ /* ======================== EMBED ====================== */ .embed-button-description{ margin-top:20px; height:16px; color:#888; } .input_noscale.apply{ resize: none; margin-top:4px; width:96%; height:30px !important; line-height:30px !important; color:#000000 !important; } .link_external_footer{ width:100%; text-align:left; font-size:10px; margin-top:20px; margin-bottom:40px; } .link_external_footer_content{ display:inline-block; margin-left:20px; } /* === END ================ EMBED ====================== */ /* ===================================== Responsive Framework ===================================== */ .content_container_1000_100{ margin:0 auto; padding:0; position:relative; width:1000px; } .content_container_1050_90, .content_container_1050_100{ margin:0 auto; padding:0; position:relative; width:1050px; } .content_container_1098_90, .content_container_1098_100{ margin:0 auto; padding:0; position:relative; width:1098px; } .content_container_1044_100, .content_container_1044_90{ margin:0 auto; padding:0; position:relative; width:1044px; } .content_container_1024_90 .col_50_100{ width:50%; display:inline; float:left; text-align:right; margin:0; padding:0; } /* .content_container_1044_100 img{ display:inline-block; vertical-align:middle; } */ .content_container_1024_90{ margin:0 auto; padding:0; position:relative; width:1024px; } .content_container_1024_90 img{ display:inline-block; vertical-align:middle; } .content_container_1030_88{ margin:0 auto; padding:0; position:relative; width:1030px; } .content_container_1098{ margin:0 auto; padding:0; position:relative; width:1118px; /*+20*/ } .content_col_100 { display:inline; float:left; /*margin-left:10px; margin-right:10px;*/ } .content_container_1098 .content_col_100 { width:1098px; } .content_container_1010_100{ margin:0 auto; padding:0; position:relative; width:1010px; text-align: center; } .content_container_1010_100 .content_col_00 a:link, .content_container_1010_100 .content_col_00 a:visited{ color:#333; } .content_container_1010_100 .content_col_00 a:hover{ color:#0083A6; } .content_container_1010_100 .content_col_00 { font-size:14px; line-height:22px; width:46%; display:inline; float:left; text-align:left; margin:0; padding:0; color:#333; } .content_container_1010_100 .content_col_01 { font-size:12px; line-height:20px; width:54%; display:inline; float:left; text-align:right; margin:0; padding:0; color:#666666; } .footer_address{ display:inline-block; position:relative; width:100%; padding-top: 20px; padding-bottom: 80px; text-align: center; color: #666666; font-size: 12px; font-weight:200; } .footer_mm{ display:inline-block; position:relative; width:580px; padding-top: 20px; padding-bottom: 20px; } .footer_mm-chi{ display:inline-block; position:relative; width:530px; padding-top: 20px; padding-bottom: 20px; } .footer_mm-chi .items, .footer_mm .items, .footer_mm-chi .items_tnc, .footer_mm .items_tnc{ display:inline-block; float:left; margin:0 10px 0 10px; } .footer_mm-chi .separators, .footer_mm .separators, .footer_mm-chi .separators_tnc, .footer_mm .separators_tnc{ display:inline; float:left; } .footer_copyright{ display:inline-block; position:relative; width:325px; padding-top: 20px; padding-bottom: 20px; } .footer_copyright-chi{ display:inline-block; position:relative; width:310px; padding-top: 20px; padding-bottom: 20px; } .footer_copyright-chi .items, .footer_copyright .items{ display:inline; float:left; margin:0 10px 0 10px; } .footer_copyright-chi .separators, .footer_copyright .separators{ display:inline; float:left; } /* ==== END ================================ Responsive Framework ================================ */ /* ======================== JQuery UI ====================== */ .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:"Proxima Nova Reg", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; line-height:22px; } #dialog{ display:none; } .ui-dialog .ui-dialog-title { font-size:20px; } .ui-dialog .ui-dialog-buttonpane button { font-size:14px; } .ui-dialog .ui-dialog-content { font-size:16px; line-height:22px; text-align:center; } .switchy-container-gender{ display:inline-block; position: relative; margin: 0; padding: 0; width: 100px; height: 30px; background: none; } .switchy-container{ display:inline-block; position: relative; margin: 0; padding: 0; width: 70px; height: 30px; background: none; } .switchy-bar{ display:inline-block; position: relative; background-color: #fff; border: 1px solid #dfdfdf; border-radius: 20px; width: 100%; height: 100%; cursor: pointer; } .switchy-slider{ display:inline-block; position: absolute; border-radius: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); width: 30px; height: 30px; background: #fff; top: 0; left: 0px; cursor: pointer; } /* -------------- Color Picker --------------------*/ .evo-pop { z-index: 10000; width: 204px; padding: 3px 3px 0; } .evo-pop-ie { z-index: 10000; width: 212px; padding: 3px; } .evo-palette td { font-size: 1px; border: solid 1px #c0c0c0; padding: 7px; cursor: pointer; } .evo-palette tr.top > td { border-bottom: 0; } .evo-palette tr.in > td { border-top: 0; border-bottom: 0; } .evo-palette tr.bottom > td { border-top: 0; } .evo-palette div.sep { height: 3px; } .evo-palette, .evo-palette-ie { border-collapse: separate; border-spacing: 4px 0px; *border-collapse: expression('separate', cellSpacing='2px'); } .evo-palette th, .evo-palette-ie th { border: 0; padding: 5px 3px; text-align: left; font-weight: normal; background: transparent !important; } .evo-palette-ie td { font-size: 1px; border: solid 1px #c0c0c0; padding: 7px; cursor: pointer; } .evo-palette2, .evo-palette2-ie { margin: auto; border-collapse: collapse; } .evo-palette2 td, .evo-palette2-ie td { font-size: 1px; cursor: pointer; } .evo-palette2 td { padding: 6px 7px; } .evo-palette2-ie td { padding: 5px; } .evo-palcenter { padding: 5px; text-align: center; } .evo-colorind, .evo-colorind-ie, .evo-colorind-ff { border: solid 1px #999; width: 44px; height: 44px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .evo-colorind-ie { position: relative; top: -23px; } .evo-colorbox-ie { font-size: 8px; padding: 3px 9px !important; } /* .evo-colortxt-ie { position:relative; top:-6px; }*/ .evo-pop:after, .evo-pop-ie:after, .evo-colorind:after, .evo-colorind-ie:after, .evo-colorind-ff:after, .evo-color span:after, .evo-cHist:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } .evo-color { width: 94px; padding: 1px 3px 0 4px; } .evo-color div { border: solid 1px #808080; border-right: solid 1px #c0c0c0; border-bottom: solid 1px #c0c0c0; padding: 3px; margin-bottom: 5px; width: 10px; height: 10px; float: left; } .evo-color span { font-size: 15px; margin: 1px 0 4px 3px; float: left; } .evo-sep { height: 10px; font-size: 0; } .evo-more { padding: 4px 5px 4px; font-size: smaller; } .evo-cHist { padding: 3px; } .evo-cHist div { cursor: pointer; border: solid 1px #c0c0c0; padding: 3px; margin: 5px; width: 10px; height: 10px; float: left; } .evo-transparent { background-image: repeating-linear-gradient(135deg, #000000, #000000 1px, #ffffff 1px, #ffffff 3px); } .evo-tr-box { cursor: pointer; border: solid 1px #c0c0c0; padding: 3px; width: 7px; height: 7px; float: right; position: relative; right: -3px; top: 2px; } a.evo-hist { margin-left: 6px; } .evo-pointer { cursor: pointer; } .evo-pop.ui-widget-content { border: 1px solid #ccc; } /* ---- END ---------- Color Picker --------------------*/ /* === END ================ JQuery UI ====================== */ /*===========================================*/ /*--------------- Slider --------------------*/ /*===========================================*/ .slider-wrapper { width: 620px; margin: 0px auto; } .theme-default #slider { margin:0px auto 0 auto; } /*===========================================*/ /*===========================================*/ /*====================*/ /*=== Other Styles ===*/ /*====================*/ .clear { clear:both; } /* ======================================================== */ /* =============== Hello Week Event Calendar ============== */ /* ======================================================== */ #event-calendar-container{ display: flex; flex-direction: column; align-items: center; font-size: 16px; max-width: 1044px; margin-top: 15px; margin-bottom: 50px; } #event-calendar-container .select-title{ color: #999999; font-size: 25px; font-weight: 200; line-height: 150%; margin-top:40px; margin-bottom: 40px; } .hello-week .btn { width: 30px; height: 30px; padding: 0; border: 0; outline: none; text-align: center; font-size: 1rem; cursor: pointer; transition: all .33s ease; text-transform: uppercase; margin: 0 .1rem; background-color: transparent; } .hello-week .btn:hover { color: #7fcbc3; } .hello-week .btn:focus { outline: none; } .hello-week__day.is-selected{ background-color:#34A79B!important; color:#fcee55!important } .hello-week__day.is-weekend{ background-color:#fff; color:#3e3e3e; } .hello-week__day.is-disabled{ border-radius:0; background-color:#F8F5F9; color:#cccccc; cursor:not-allowed } .hello-week__day.is-weekend.is-disabled{ border-radius:0; background-color:#F8F5F9; color:#cccccc; cursor:not-allowed } /*============= END - Hello Week Event Calendar ===========*/ /*=========================================================*/ /* ======================================================== */ /* ===================== Smart Banner ===================== */ /* ======================================================== */ .smartbanner{ line-height: 130%; z-index: 99999999; } .smartbanner__button{ font-weight: 400; } /*==================== END - Smart Banner =================*/ /*=========================================================*/ /* ======================================================== */ /* ====================== Retina ========================== */ /* ======================================================== */ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { }