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

/* html5 css reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
:focus { outline: 1; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
h1, h2, h3, h4 { font-weight: normal; line-height: 1.1; margin: 0; padding: 0; }
/*clear fix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }/* for IE */
.clearfix { display: block; }/* for mac */
.show { display: block; }
.hidden { display: none; }
/* AvePoint Brief */
.tc { text-align: center; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.mt30 { margin-top: 30px; }
body { font-family: Segoe UI, "Microsoft YaHei", Arial, sans-serif; font-size: 0.75em; line-height: 1.5; color: #1e1e1e; }
.APBriefwrap { width: 90%; padding: 30px 0; max-width: 768px; margin: 0 auto; }
.APBriefwrap img { max-width: 100%; }
.APBriefTitle { font-size: 1.417em; padding-bottom: 7px; border-bottom: 1px solid #ddd; }
.APBriefDate { padding-top: 7px; }
.APBriefDate a { text-decoration: none; color:#319da0; }
.APBriefContent { width: 95%; margin: 0 auto; font-size: 1.1em; }
.APBriefLogo { padding: 15px 20px; background: #c4262c; margin: 35px 0 2px 0; }
.APBriefLogo img { width: 185px; }
.APBriefMap { padding: 0 9%; padding-top: 40px; background: url(http://avepointcdn.azureedge.net/images/comcn/wechat-profile/wechat-profile-background.png) #2c2c2c; color: #fff; }
.APBriefMaptext { font-size: 1.1em; padding-bottom: 30px; padding-top: 20px;  }
.APBriefMaptext .fontave { font-size: 1.25em; }
.CountryList { width: 25%; float: left; font-size: 0.9em; padding-bottom: 30px; }
.CountryList li { list-style: none; padding-left: 12px; background-image: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/redlist.png); background-position: left; background-repeat: no-repeat; background-size: 3px; -webkit-background-origin: padding-box; background-origin: padding-box; margin-bottom: 10px; }
.APBriefSubTitle { font-size: 1.25em; font-weight: bold; padding-top: 35px; color:#319da0; }
.APBriefText { padding-top: 20px; }
.APBriefSection { padding-top: 40px; }
.APBriefYear { width: 100%; font-size: 4.6em; color: #fff; padding: 6% 0; font-family: arial; text-align: center; margin-bottom: 5%; }
.APBriefYear.Year2018 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2018.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2017 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2017.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2016 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2016.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2015 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2015.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2014 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2014.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2013 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2013.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2012 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2012.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2011 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2011.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2010 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2010.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2009 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2009.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2008 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2008.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefYear.Year2007 { background: url(//avepointcdn.azureedge.net/images/comcn/wechat-profile/banner2001-2007.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.APBriefSecMain { margin: 30px 20px 0 75px; border-left: 1px solid #319da0; }
.APBriefSecSig { padding-top: 27px; }
.APBriefSecSig.pt0 { padding-top: 0; }
.APBriefSecCir { float: left; display: inline-block; width: 0.5em; height: 0.5em; margin-top: 0.35em; margin-left: -0.315em; border: 1px solid #319da0; border-radius: 100%; box-sizing: border-box; background-color: #fff; }
.APBriefyear { padding-top: 40px; }
.APBriefyear .APBriefSecCir { background-color: #319da0; height: 0.45em; margin-top: 0.75em; }
.APBriefyear .APBriefSecMon { font-size: 1.3em; }
.APBriefyearfirst .APBriefSecCir { background-color: #319da0; margin-top: 0; height: 0.5em; }
.APBriefyearfirst .APBriefSecMon { margin-top: -9px; font-size: 1.3em; }
.APBriefSecMon { float: left; width: 50px; padding-left: 10px; font-weight: bold; }
.APBriefSecDes { padding-left: 65px; }
.APBriefMain { position: relative; }
.APBriefMain.static { position: static; }
.LeftScroll { position: absolute; top: 210px; }
.LeftScroll.fixed { position: fixed; top: 30px; }
.APBriefLeftNav { width: 4.5em; overflow-y: scroll; overflow-x: hidden; height: 230px; }
.APBriefLeftBtn, .scrolltop { display: inline-block; width: 50px; height: 50px; margin-bottom: 10px; border-radius: 100%; box-sizing: border-box; background-color: #424244; color: #fff; font-size: 1.1em; text-align: center; line-height: 50px; ; cursor: pointer; color: #fff; }
.APBriefLeftBtn a { color: #fff!important; text-decoration: none; }
.APBriefLeftBtn.mb0 { margin-bottom: 0; }
.APBriefLeftBtn.active { background: #319da0; }
.APBriefLeftNav::-webkit-scrollbar {
-webkit-appearance: none;
width: 4px;
height: 14px;
}
.APBriefLeftNav::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .3);
}
.redarrow { stroke: rgb(255,255,255); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: transparent; }

@media screen and (max-width: 530px) {
.APBriefMaptext { font-size: 1em; }
.CountryList li { padding-left: 7px; font-size: 0.87em; }
.APBriefYear { font-size: 3.5em; }
}
/*Recruitment*/
@font-face { font-family: 'FontAwesome'; src: url('/themes/avepoint/assets/fonts/fontawesome-webfont.eot'); src: url('/themes/avepoint/assets/fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('/themes/avepoint/assets/fonts/fontawesome-webfont.ttf') format('truetype'), url('/themes/avepoint/assets/fonts/fontawesome-webfont.woff2') format('woff2'), url('/themes/avepoint/assets/fonts/fontawesome-webfont.woff') format('woff'), url('/themes/avepoint/assets/fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg'); font-weight: normal; font-style: normal; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-search:before { content: "\f002"; }
.fa-share-alt:before { content: "\f1e0"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-user:before { content: "\f007"; }
.fa-map-marker:before { content: "\f041"; }
.fa-cog:before { content: "\f013"; }
.joinus-wrap { width: 100%; max-width: 768px; min-width: 320px; margin: 0 auto; font-size: 14px; line-height: 1.2; font-family: "Microsoft YaHei", Arial, sans-serif; color: #555555; }
.row-bg-joinus-society { width: 100%; padding: 3% 0 33%; font-family: arial; text-align: center; background: url(//avepointcdn.azureedge.net/images/comcn/wechat-recruitment/social-recruitment.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.row-bg-joinus-school { width: 100%; padding: 3% 0 33%; font-family: arial; text-align: center; background: url(//avepointcdn.azureedge.net/images/comcn/wechat-recruitment/campus-recruiting.jpg) no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
.search-bar { background-color: #4c5a65; padding: 10px 10px; color: #fff; }
.search-bar table td { padding: 5px; color: #fff; }
.search-bar table td:nth-child(1) { width: 56px; }
.search-bar table td:nth-child(3) { width: 16px; }
.search-bar table td:nth-child(4) { width: 16px; }
.search-bar .search-wrap { position: relative; background-color: white; border-radius: 2px; width: 100%; height: 24px; }
.search-bar input.search-text { font-family: "Microsoft YaHei", Arial, sans-serif; background-color: transparent; padding: 0 10px; width: 100%; padding-right: 30px; height: 24px; border: none; }
.search-bar .search-btn, .search-bar .share-link { height: 15px; display: inline-block; vertical-align: middle; }
.search-bar .search-btn img { width: 15px; }
.search-bar .share-link img { width: 15px; }
.recruitment-list { font-size: 12px; }
.recruitment-list th { border-bottom: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; }
.recruitment-list td { border-bottom: 1px solid #eeeeee; padding: 10px; vertical-align: middle; }
.recruitment-list td p { color: #aaa; margin-top: 8px; }
.recruitment-list td:last-child { color: #aaa; padding-left: 0; }
.recruitment-list tr:last-child td { border-bottom: 0; }
.recruitment-list a { color: #555555; text-decoration: none; }
.filter-list th { border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; font-size: 12px; vertical-align: middle; }
.filter-list th:last-child { border-right: 0; }
.recruitment-list tr td:nth-child(2) { width: 70px; }
.filter-list select { width: 96%; font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 14px; border: none; padding: 5px 10px; }
.job-learn-more { width: 15px; vertical-align: middle; text-align: right; }
.job-learn-more .fa { font-size: 25px; color: #3f9b9a; }
.job-page { display: inline-block; text-align: center; margin: 20px 0; border-top: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2; }
.job-page a { width: 43px; height: 24px; line-height: 24px; overflow: hidden; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; display: inline-block; color: #8c8c8c; text-decoration: none; }
.job-page a:hover, .job-page a:focus { background: #409a9b; color: #fff; }
.job-page a span.active { background: #409a9b; color: #fff; display: block; }
.job-page a .fa { font-size: 20px; line-height: 24px; color: #3f9b9a; }
.job-page a.end .fa { color: #ececec; }
.job-page a.end:hover, .job-page a.end:focus { background: none; }
.job-page a.end:hover .fa, .job-page a.end:focus .fa { color: #ececec; }
.job-page a:hover .fa, .job-page a:focus .fa { color: #fff; }
.detial-bar { background-color: #4c5a65; padding: 20px; color: #fff; text-align: center; }
.detial-bar a { color: #fff; text-align: center; float:left; text-decoration: none; font-size: 12px; display: inline-block; padding: 1px 4px; border-radius: 4px; background-color: #40999b; }
.job-title-wrap { padding: 25px; }
.job-title { float: none; font-size: 16px; }
.job-title-detial { padding-bottom: 10px; color: #000; }
.job-title-detial i { color: #e7463e; font-size: 22px; width: 25px; text-align: center; padding-right: 10px; }
.fw-600 { font-weight: 600; }
.job-salary { width: 110px; float: none; text-align: left; padding-top: 10px; }
.color-yellow { color: #e7463e; }
.job-address-title { padding: 10px 25px; background-color: #f3f3f3; color: #000; font-size: 16px; }
.job-address-title i { color: #40999b; font-size: 22px; width: 19px; text-align: center; padding-right: 10px; }
.job-address { padding: 6px 25px 26px 25px; }
.job-detial { padding: 20px 15px; }
.job-detial-title { color: #000; }
.job-detial ol { padding: 10px 0 30px 22px; }
.job-detial ol li { padding-top: 9px; }
.job-detial ul { list-style: none; }
.job-detial ul li { padding-top: 9px; }
.job-detial p { padding-top: 15px; }
.button-section { padding: 10px; background-color: #f3f3f3; text-align: center; }
.job-button { width: 42%; padding: 10px 0; margin: 10px; text-align: center; display: inline-block; color: #fff; text-decoration: none; border-radius: 3px; font-size: 16px; }
.bg-yellow { background-color: #e5473e; }
.bg-green { background-color: #40999b; }
.register-wrap { margin: 0 auto; padding: 30px 30px; }
.register-wrap div { margin-bottom: 20px; font-size: 18px; width: 45%; display: inline-block; margin-right: 15px; margin-left:15px; position: relative;}
.register-wrap div:nth-last-child(2) { width: 96%; }
.register-wrap div:last-child { display: block; margin-left: 0 !important;  width: 100%; margin:0;margin-left: 15px;}
.register-wrap label, .register-wrap input, .register-wrap select { width: 100%; }
.register-wrap label { display: inline-block; padding-bottom: 10px; color: #000; font-size: 18px; }
.register-wrap input, .register-wrap select { font-family: "Microsoft YaHei", Arial, sans-serif; font-size: 18px; padding: 5px; color: #555555; height: 40px; line-height: 40px; border: 1px solid #d9d9d9; }
.search-clear { position: absolute; right: 6px; top: 7px; z-index: 100; width: 11px; height: 11px; display: inline-block; cursor: pointer; }
.search-clear img { width: 100%; }
.register-wrap .job-button { width: 100%; margin: 35px 0 0 0; }
.register-wrap input[type="radio"] { width: auto; }
.register-wrap input:not([type="image" i]), textarea { box-sizing: border-box; }
.register-wrap .addmore.job-button { width: auto; padding:7px 10px; margin-top: 0; margin-bottom: 15px; font-size: 15px; }
.register-wrap .textarea { border: 1px solid #ddd; height: 30px; padding: 5px; line-height: 30px; }
.red { color: #f30000; }
.register-wrap label.error { font-size: 15px; color: #f30000; position: absolute; right: 0;top: 0; width: auto !important;}
.register-wrap label.error:last-child{right: 15px !important;}
.register-wrap .thankyoucontent .job-button { width: 208px; margin: 0 auto; display: block; margin-top: 40px; }
#calendarwrap { display: none; width: auto; height: auto; overflow: auto; overflow-y: scroll; position: fixed; bottom: 0; right: 0; top: 0; left: 0; background: rgba(0,0,0,0.5); box-sizing: border-box; }
#calendarwrap table { max-width: 450px; width: 90%; border: 4px solid #d0d0d0; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; background: #f7f7f7; }
.col1 { background: #40999b; color: #fff; padding: 15px 0; font-size: 1.5em; }
.buttontop { border-left: 2px solid #a5a5a5; border-right: 2px solid #a5a5a5; font-size: 2em; line-height: 1; color: #222222; border-top-left-radius: 6px; border-top-right-radius: 6px; border-top: 3px solid #e8e8e8; border-bottom: inset 3px #e8e8e8; background: #fdfdfd }
.buttonbot { border-left: 2px solid #a5a5a5; border-right: 2px solid #a5a5a5; font-size: 2em; line-height: 1; color: #222222; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-bottom: 3px solid #e8e8e8; border-top: outset 3px #fff; background: #fdfdfd }
.unit { font-size: 1.3em; line-height: 2; }
.nomb { border-left: 2px solid #a5a5a5; border-right: 2px solid #a5a5a5; }
.nomb input { width: 100%; height: 50px; border: none; border-radius: 6px; color: #492600; font-size: 1.5em; padding: 0 10px; background-color: #fff; opacity: 1; box-sizing: border-box; text-align: center; }
.yes a { border-radius: 5px; display: block; width: 95%; height: 40px; line-height: 40px; margin: 30px auto; font-size: 1em; color: #fff; background: #40999b; }
.no a { border-radius: 5px; border: 2px solid #e8e8e8; display: block; width: 95%; height: 36px; line-height: 36px; margin: 30px auto; font-size: 1em; }
.postlist { max-width: 450px; width: 90%; border-radius: 6px; margin: auto; position: relative; top: 0; bottom: 0; left: 0; right: 0; text-align: center; }
.postlist h1 { background: #ff6f36; color: #fff; padding: 7px 0; font-size: 1.5em; font-weight: normal; border-top-left-radius: 6px; border-top-right-radius: 6px; margin: 0 }
.postlist h1 a { width: 30px; height: 30px; border-radius: 50%; position: absolute; right: 10px; top: 8px; background: #E7551A; border: 5px solid #A43102; text-indent: -999px; display: block; }
.postlist li { list-style: none; font-size: 1.3em; border: 1px solid #ccc; display: block; background: url(//avepointcdn.azureedge.net/images/comcn/wechat-careers/mobile/listbg.png) repeat-x; height: 49px; }
.postlist a { text-decoration: none; color: #2f3e46; display: block; width: 100%; height: 49px; }

@media screen and (min-width: 480px) {
.joinus-wrap { font-size: 18px; line-height: 1.2;}
.search-bar { padding: 12px 20px; }
.search-bar table td:nth-child(1) { width: 75px; }
.search-bar table td:nth-child(3) { width: 30px; }
.search-bar table td:nth-child(4) { width: 30px; }
.search-bar .search-btn img { width: 24px; padding-top: 2px; }
.search-bar .share-link img { width: 28px; padding-top: 2px; }
.search-bar input.search-text { width: 100%; padding-right: 30px; height: 31px; }
.search-bar .search-btn, .search-bar .share-link { height: 30px; }
.search-bar .search-wrap { height: 31px; }
.search-clear {  right: 10px; top: 10px; }
.filter-list select { font-size: 16px; padding: 10px; }
.recruitment-list td { padding: 15px; }
.job-learn-more { width: 20px; }
.recruitment-list { font-size: 17px; }
.recruitment-list tr td:nth-child(2) { width: 30%; }
.job-learn-more .fa { font-size: 35px; }
.job-page a { width: 59px; height: 39px; line-height: 39px; }
.job-page a .fa { font-size: 22px; height: 39px; line-height: 39px; }
.job-title { font-size: 19px; }
.job-address-title { font-size: 19px; }
.job-detial { padding: 30px 25px 70px; }
.job-title { float: left; }
.job-salary { float: right; text-align: right; }
.button-section { padding: 30px; }
.job-button { width: 208px; font-size: 20px; }
.filter-list th { font-size: 16px; }
}
@media screen and (max-width: 479px){
.register-wrap div:nth-last-child(2) {width: 100%;}
.register-wrap div{width: 100%; margin-left: 0;}
.register-wrap div:nth-last-child(2) label{top: 56px;}
}

/*upload file button*/

.file { position: relative;display: inline-block;background: #40999b;border: 1px solid #99D3F5;border-radius: 4px;padding: 4px 12px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 20px; }
.file input { position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0; }
.file:hover { background: #40999b;border-color: #78C3F3;color: #fff;text-decoration: none; }
.delete-button { width: 40px; padding: 10px 0; margin: 10px 40px; text-align: center; display: inline-block; color: #fff; text-decoration: none; border-radius: 3px; font-size: 16px; }
.bg-red { background-color: #f30000; }
.button-submit { border:none }
.bg-gray { background-color: #aaa!important; }