html,body{margin: 0;padding: 0;background-color: transparent;} .pagebox{ width: 640px; margin: 0 auto; position: relative; }#c_nav_main-15432832014844896 { z-index: 9999 !important;}  .p_OccupyBox{ margin:0; width: auto; height:auto; padding:0; border:none; }  .p_pagebox { height:auto; margin: 20px auto 0; clear:both; position:relative; font-size: 0; white-space: nowrap; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .p_pagebox .pre{ display: block; height:90px; width: 32%; line-height: 90px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:border-box; } .p_pagebox .pre:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_pagebox .pre:active{ background-color:rgba(90, 170, 167, 1); } .p_pagebox .pre .font{ display:inline-block; vertical-align:middle; bottom:0; font-size: 32px; } .p_pagebox .pre .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: left; font-size: 32px; line-height: 90px; } .p_pagebox .pre:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .pre:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .pre .iconfont:before{ content: "\e6b0"; } .p_pagebox .next{ display: block; height:90px; width: 32%; line-height: 90px; color:rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101, 190, 186, 1); text-align:center; padding-top:0; padding-right:15px; padding-left:15px; position:relative; left:0; top:0; box-sizing:border-box; } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:rgba(101,190,186,1); cursor:pointer; } .p_pagebox .next:active{ background-color:rgba(90, 170, 167, 1); } .p_pagebox .next .font{ display:inline-block; vertical-align:middle; bottom:0; font-size: 32px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 32px; line-height: 90px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; }  .p_pagebox .NumBox{ -webkit-flex:1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; display: block; height: 90px; line-height: 90px; border: 1px solid #CDD5D5; position: relative; cursor: pointer; box-sizing:border-box; background: #e6e6e6; vertical-align: top; text-align: center; } .p_pagebox .num{ display: inline-block; vertical-align: middle; font-size: 32px; text-align: center; width: inherit; } .p_pagebox .ItemBox{ position: absolute; width: 100%; height: auto; border: 1px solid #D3D4D4; bottom: 90px; left: 0; max-height: 300px; overflow-y:auto; z-index: 99; border-bottom: none; } .p_pagebox .num .iconfont{ width: 32px; height: 32px; position: absolute; right: 20px; line-height: 90px; } .p_pagebox .num .iconfont:before{ content: "\e69c"; font-size: 32px; } .p_pagebox .NumBox ul li{ width: inherit; height: 80px; line-height: 80px; text-align: center; background-color: #FFFFFE; color: #323332; font-size: 32px; } .p_pagebox .NumBox ul li .iconfont:before{ content: ""; } .p_pagebox .NumBox ul li:active{ background-color: #e4e4e4; }   .p_more{ display: block; text-align:center; padding-right:20px; padding-left:20px; height: 100px; line-height: 100px; background-color: rgba(248,248,248,0.8); position: relative; border-radius: 0; border-width: 0; color: rgba(115,115,131,1); font-size: 22px; } .p_more:active{ background-color:rgba(248,248,248,0.8); } .p_more .font{ display:inline-block; vertical-align:middle; text-align: inherit; } .p_more .iconfont{ display:inline; vertical-align:middle; } .p_more .iconfont:before{ content: "\e6d1"; }   .p_CommonLanternBox{ position: relative; width: auto; height: auto; background-color: transparent; overflow: hidden; } .p_CommonInteraction{ width: inherit; height: auto; background-color: transparent; overflow: hidden; } .d_CommonInteractionA{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; left: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .d_CommonInteractionB{ width: 60px; height: auto; vertical-align: middle; position: absolute; overflow: visible; top: 50%; right: 0px; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); } .p_CommonSwitchBtnA{ display:inline-block; position: absolute; top: 50%; left: 50%; vertical-align:middle; cursor:pointer; font-size:56px; color:rgba(191,191,191,1); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .p_CommonSwitchBtnA .iconfont:before{ content: '\e6b0'; display: inline-block; } .p_CommonSwitchBtnA .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .p_CommonSwitchBtnA:active{ color: rgba(105,192,188,1); } .p_CommonSwitchBtnB{ position: absolute; top: 50%; right: 50%; display:inline-block; vertical-align:middle; cursor:pointer; font-size:56px; color:rgba(191,191,191,1); -webkit-transform: translate(50%,-50%); transform: translate(50%,-50%); } .p_CommonSwitchBtnB .iconfont:before{ content: '\e6af'; display: inline-block; } .p_CommonSwitchBtnB .font{ display:table; width:inherit; height:inherit; pointer-events:none; } .p_CommonSwitchBtnB:active{ color: rgba(105,192,188,1); } .p_CommonSummaryBoxA{ width: auto; height: auto; margin-bottom: 20px; background-color: transparent; overflow: hidden; text-align: center; } .p_CommonThumbnailBox{ width: auto; height: auto; background-color: transparent; overflow: hidden; } .p_CommonSquareNumBtn { display: inline-table; margin: 0px 5px; background-color:rgba(191,191,191,1); color: rgba(153,153,153,1); font-size: 12px; border-radius: 10px; text-align: center; } .p_CommonSquareNumBtn:active { background-color: rgba(105,192,188,1); } .p_CommonSquareNumBtn.active { background-color: rgba(105,192,188,1); } .lantern{ margin-left: 50px !important; margin-right:50px !important; } .p_CommonSquareNumBtn .shape{ width:inherit; height:inherit; text-indent: -99999px; display: table-cell; vertical-align: middle; border-radius: inherit; -moz-border-radius: inherit; }  #w_rbox-1515936120685{z-index:200 !important;} .resetHtmlCssStyle p ,.resetHtmlCssStyle div ,.resetHtmlCssStyle span,.reset_style p,.c_product_detail-01001 .d_details .reset_style,.c_product_detail-03001 .d_details div ,.c_product_detail-03001 .d_details span ,.c_product_detail-03001 .d_details p,.c_product_detail-03001 .d_summary{line-height:34px !important; font-size:20px !important;}  .e_MajorStyleBox-001 .stylebox_top,.e_MajorStyleBox-001 .stylebox_title{ background-color: #ce171e !important;}  .Text:focus,input:focus { border-color:#ce171e !important; border: 1px solid #ce171e !important; outline:none !important; } .d_Title:active{color:#ce171e !important;} .p_title:active{color:#ce171e !important;}  .c_intro_category-01001 .p_iconA{background:#ce171e !important; color:#fff !important;} .c_intro_category-01001 .p_iconA:active{background:#ce171e !important; color:#fff !important;}  .c_intro_category-01001 .p_iconA{background:#ce171e !important; color:#fff !important;} .c_intro_category-01001 .p_iconA:active{background:#ce171e !important; color:#fff !important;}  .c_news_category-01001 .p_iconA{background:#ce171e !important; color:#fff !important;} .c_news_category-01001 .p_iconA:active{background:#ce171e !important; color:#fff !important;}  .c_news_detail-01001 .p_SummaryBox{border-left: 3px solid #ce171e !important;} .c_news_detail-01001 .p_previewBox:active{background:#e6e6e6 !important;} .c_news_detail-01001 .p_nextBox:active{background:#e6e6e6 !important;} .p_articlesA{background:#e6e6e6 !important;}  .c_product_category-01001 .p_iconA{background:#ce171e !important; color:#fff !important;} .c_product_category-01001 .p_iconA:active{background:#ce171e !important; color:#fff !important;}  .c_product_detail-01001 .p_SummaryBox{height: 0px !important;} .d_BaseInfoBtn.active{height: 0px !important;} .c_product_detail-01001 .d_PreBox:active{background:#e6e6e6 !important;} .c_product_detail-01001 .d_NextBox:active{background:#e6e6e6 !important;} .c_product_detail-01001 .d_DetailBox { padding: 0 !important;}  .c_employ_category-01001 .p_iconA{background:#ce171e !important; color:#fff !important;} .c_employ_category-01001 .p_iconA:active{background:#ce171e !important; color:#fff !important;}  .c_employ_detail-01001 .p_AssistNameL{border-left: 3px solid #ce171e !important;}  .c_product_category-01001 .p_head,.c_intro_category-01001 .p_header{height:100px !important;} .c_product_category-01001 .p_articlesA ,.c_intro_category-01001 .p_articlesA{background-color: rgba(195, 195, 195, 0.3) !important;}   .p_more:active { background-color:#ce171e !important; }  .p_more:active { background-color:#ce171e !important; } .c_companyplace_detail-01001 .p_MapBox { height: 730px !important; } .c_companyplace_detail-01001 .p_content{display:none !important;}  .c_message_form-01001 .p_header{padding: 30px 30px 30px 30px !important;} .c_message_form-01001 .p_header{border-left: 3px solid #ce171e !important;} .c_message_form-01001 .p_CommonBtnA{background:#ce171e !important; color:#fff !important;} .c_message_form-01001 .p_CommonBtnA:active{background:#ce171e !important; color:#fff !important;}  .p_articlesA .p_bottom{background:#ce171e !important; color:#fff !important;}  .e_PromptInfo{ left: 50% !important; margin-top:0px !important; margin-left: 0px!important; background:#fff !important; }  .c_problem_detail-01001 .p_iconBtnBox .p_BtnBoxA{ background:#ce171e !important; } .c_problem_detail-01001 .p_iconBtnBox .p_BtnBoxB{ border-color:#ce171e !important; } .c_problem_detail-01001 .p_AssistIconBtn,.c_problem_detail-01001 .p_AssistIconBtn .iconfont,.c_problem_detail-01001 .p_iconBtnBox .p_numB{ color:#ce171e !important; } .c_problem_detail-01001 .p_NextBox:active,.c_problem_detail-01001 .p_PreBox:active{ background: #e6e6e6 !important; }  .c_companyFile_list-01001 .p_btnA ,.c_companyFile_detail-01001 .p_download{background:#ce171e !important; color:#fff ! important;} .c_companyFile_detail-01001 .chk_1:checked + label{ background: #ce171e !important; border: 1px solid #ce171e !important; }  .c_employ_detail-01001 .p_salaryBox .p_salary,.c_employ_detail-01001 .p_salaryBox .p_num{ font-size: 20px !important; color: #ce171e !important;} .c_employ_detail-01001 .p_about { padding: 20px 20px 10px 0px!important;}  .c_intention_form-02001 .e_PromptInfo { left: 50% !important; margin-left: -320px !important; } .c_intention_form-02001 .d_titleBox { border-left: 3px solid #ce171e !important; } .c_intention_form-02001 .p_Sex .radio:checked + .shape { background: #ce171e !important; box-shadow: 0px 0px 0px 2px #ce171e !important; } .c_intention_form-02001 .p_CommonBtnA{ background: #ce171e !important;}  .c_sample_submitForm-01001 .e_PromptInfo { left: 50% !important; margin-left: -320px !important; } .c_sample_submitForm-01001 .d_titleBox { border-left: 3px solid #ce171e !important; } .c_sample_submitForm-01001 .p_Sex .radio:checked + .shape { background: #ce171e !important; box-shadow: 0px 0px 0px 2px #ce171e !important; } .c_sample_submitForm-01001 .p_CommonBtnA{ background: #ce171e !important;}  .c_enquiry_submitForm-01001 .e_PromptInfo { left: 50% !important; margin-left: -320px !important; } .c_enquiry_submitForm-01001 .d_titleBox { border-left: 3px solid #ce171e !important; } .c_enquiry_submitForm-01001 .p_Sex .radio:checked + .shape { background: #ce171e !important; box-shadow: 0px 0px 0px 2px #ce171e !important; } .c_enquiry_submitForm-01001 .p_CommonBtnA{ background: #ce171e !important;}  .c_enquiry_submitForm-01001 .e_PromptInfo { left: 50% !important; margin-left: -320px !important; } .c_appointment_submitForm-01001 .p_titleA,.c_appointment_submitForm-01001 .p_titleB,.c_appointment_submitForm-01001 .p_titleC{ border-left: 3px solid #ce171e !important; background: #eee !important; width: 100% !important; color: #000 !important; } .c_appointment_submitForm-01001 .radio:checked + .shape { background: #ce171e !important; box-shadow: 0px 0px 0px 2px #ce171e !important; } .c_appointment_submitForm-01001 .p_SubmitBtn{ background: #ce171e !important;}  .c_booking_form-01001 .p_title{ color: #000000 !important; } .c_enquiry_submitForm-01001 .e_PromptInfo { left: 50% !important; margin-left: -320px !important; } .c_booking_form-01001 .p_head,.c_booking_form-01001 .p_titleA,.c_booking_form-01001 .p_titleB,.c_booking_form-01001 .p_titleC{ border-left: 3px solid #ce171e !important; background: #eee !important; width: 100% !important; color: #000 !important; } .c_booking_form-01001 .radio:checked + .shape { background: #ce171e !important; box-shadow: 0px 0px 0px 2px #ce171e !important; } .c_booking_form-01001 .p_SubmitBtn{ background: #ce171e !important;}  .c_booking_form-01001 .p_title{ color: #000000 !important; } .c_enquiry_submitForm-01001 .e_PromptInfo { left: 50% !important; margin-left: -320px !important; } .c_activity_form-01001 .p_titleA,.c_activity_form-01001 .p_titleB,.c_activity_form-01001 .p_titleC{ border-left: 3px solid #ce171e !important; background: #eee !important; width: 100% !important; color: #000 !important; } .c_activity_form-01001 .radio:checked + .shape{ background: #ce171e !important; box-shadow: 0px 0px 0px 2px #ce171e !important; } .c_activity_form-01001 .p_SubmitBtn{ background: #ce171e !important;}  .c_enquiry_submitForm-01001 .e_PromptInfo { left: 50% !important; margin-left: -320px !important; } .c_member_information-01001 .p_ReturnBox,.c_member_forget-01001 .p_ReturnBox,.c_member_modify-01001 .p_ReturnBox{ border-left: 3px solid #ce171e !important; background: #eee !important; width: 100% !important; color: #000 !important; } .c_activity_form-01001 .radio:checked + .shape{ background: #ce171e !important; box-shadow: 0px 0px 0px 2px #ce171e !important; } .c_member_information-01001 .p_btnA,.c_member_information-01001 .p_btn,.c_member_perfect-01001 .p_ReturnBox,.c_member_perfect-01001 .p_basiceTitle,.c_member_perfect-01001 .p_MemberTitle ,.c_member_perfect-01001 .p_confirm,.c_member_forget-01001 .p_NextBtn,.c_member_modify-01001 .p_NextBtn{ background: #ce171e !important;} .c_member_perfect-01001 .p_modify,.c_member_modify-01001 .clear{color:#ce171e !important;} .c_member_forget-01001 .p_returnB,.c_member_modify-01001 .p_returnB{color:#000 !important;} .c_member_forget-01001 .p_confirmA,.c_member_modify-01001 .p_confirmA{padding: 50px 20px !important;}