@charset "UTF-8";
/* !
Theme Name:Unimail
Theme URI:http://www.unimarketing.com.cn/

Custom theme, converted from HTML/CSS written by Unimail */
@face { font-family: "FZMiaoWuS-GB"; }
* { margin: 0; padding: 0; list-style: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; font-family: "Microsoft YaHei", 微软雅黑, SimSun, "宋体", Arial, Helvetica, sans-serif; }
html { line-height: 1 }
ol, ul { list-style: none; position: relative; }
table { border-collapse: collapse; border-spacing: 0 }
caption, th, td {font-weight: normal; vertical-align: middle }
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none }
a
img { border: none }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
li { list-style: none }
.error { color: #ff3c2d; font-size: 13px; }
.star { font-size: 22px; color: #ff3c2d; position: relative; top: 6px; }
input[type="submit"], input[type="text"] { -webkit-appearance: none }
input { height: 38px; border: none; background-color: #eaebf0; border-radius: 5px; padding-left: 10px; color: #c8c8c8; font-size: 14px; font-weight: blod; }
input.form-login { box-sizing: border-box; }
body { font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体"; font-size: 14px; color: #555555; background: #e1e3e4; overflow-x: hidden; background-image: url(../../../../images/unimail/bg.jpg); background-repeat: repeat; }
#header { width: 100%; left: 0; top: 0; z-index: 20000; position: fixed; background-color: #000000; text-align: center; }
.btn-submit { width: 150px; height: 48px; color: #ffffff; font-size: 18px; line-height: 180%; cursor: pointer; }
.btn-submit-before { background: #3ac8ff; }
.btn-submit-after { background: #47c1f1; }
.btn-ysubmit { width: 150px; height: 48px; color: #ffffff; font-size: 18px; line-height: 180%; cursor: pointer; }
.btn-ysubmit-before { background: #fdb404; }
.btn-ysubmit-after { background: #ffcc33; }
.btn-cancel { width: 150px; height: 48px; color: #ffffff; font-size: 18px; line-height: 180%; cursor: pointer; }
.btn-cancel-before { background: #d1d1d1; }
.btn-cancel-after { background: #dfdfdf; }
.btn-toptest { width: 82px; height: 30px; font-size: 14px; line-height: 180%; cursor: pointer; color: #000000; padding-right: 10px; }
.btn-toptest-before { background: #ffcc33; }
.btn-toptest-after { background: #d9ae2b; }
.btn-mtest { width: 166px; height: 57px; color: #ffffff; font-size: 18px; line-height: 180%; cursor: pointer; padding-right: 10px; }
.btn-mtest-before { background: #fdb404; }
.btn-mtest-after { background: #ffcc33; }
.btn-login { width: 390px; height: 48px; color: #ffffff; font-size: 18px; line-height: 180%; cursor: pointer; }
.btn-login-before { background: #3ac8ff; }
.btn-login-after { background: #47c1f1; }
.btn-login-after:hover { background: #84ddff; }
.btn-flat { display: inline-block; padding: 9px 20px; border-radius: 5px; position: relative; border: none; text-transform: uppercase; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体"; }
.btn-flat.yellow { background: #ffcc33; color: #fff; }
.btn-flat.blue { background: #3ac8ff; color: #fff; }
.btn-flat.blue:hover { background: #84ddff; }
.btn-flat.blue:active { background: #47c1f1; }
.wrapper { margin: 0 auto; width: 1000px; justify-content: center; }
.wrapper-us { margin: 0 auto; justify-content: center; }
.wrapper-title { margin: 0 auto; width: 840px; justify-content: center; }
.wrapper-t { margin: 0 auto; width: 840px; }
.wrapper-l { margin: 0 auto; width: 929px; padding-left: 28px; }
.wrapper-c { margin: 0 auto; width: 735px; }
.wrapper-k { margin: 0 auto; width: 735px; }
.wrapper-k img { margin: 0px 0 20px 0; box-shadow: 0 1px 3px #999; opacity: 1; transition: all 0.2s ease-out; border-radius: 5px; }
.wrapper-video { margin: 0 auto; }
.wrapper-video img { margin: 0px 0 20px 0; box-shadow: 0 1px 3px #999; opacity: 1; transition: all 0.2s ease-out; border-radius: 5px; }
.wrapper-e { margin: 0 auto; width: 800px; }
.wrapper-login { margin: 0 auto; width: 369px; justify-content: center; }
.wrapper-forget-password { margin: 0 auto; width: 420px; }
.wrapper-login p { padding-bottom: 0; }
.wrapper-c ul li { float: left; }
.wrapper-case-logo { margin: 0 auto; width: 900px; padding: 20px 0; padding-left: 28px; }
.wrapper-news { margin: 0 auto; width: 912px; }
.wrapper-w800 { margin: 0 auto; width: 800px; }
.wrapper-whitepaper { margin: 0 auto; width: 877px; }
.wrapper-home { margin: 0 auto; width: 968px; }
.template-p { line-height: 24px; margin: 15px; }
.wrapper-70 { margin: 0 auto; width: 70%; padding: 30px 0; }
.wrapper-60 { margin: 0 auto; width: 60%; }
.wrapper-glossary { margin: 0 auto; width: 730px; }
.content-bg-f { width: 100%; display: table; background-color: #ffffff; padding: 0px; }
.content-bg-n { display: block; clear: both; }
.content-bg-y { width: 100%; display: table; background-color: #ffb900; padding: 15px 0px; clear: both; text-align: center; }
h4 { font-size: 26px; padding: 20px 0; color: #000000; font-weight: normal; }
h5 { font-size: 16px; padding: 15px 0; color: #000000; font-weight: normal; }
h4.green { color: #3b746f; }
h4.blue { color: #3ac8ff; }
h4.black { color: #000000; }
p { font-size: 14px; line-height: 24px; padding: 0px 0 15px 0; color: #555555; }
.title { font-size: 14px; line-height: 24px; }
.text { font-size: 12px; line-height: 22px; }
.text01 { font-size: 26px; line-height: 36px; }
.text02 { font-size: 18px; line-height: 36px; }
.text16 { font-size: 16px; line-height: 32px; }
.text20 { font-size: 20px; line-height: 36px; }
.text38 { font-size: 38px; }
a { font-size: 12px; text-decoration: none; color: #b6b6b6; margin: 0 auto; padding: 0; }
a:hover { font-size: 12px; text-decoration: underline; color: #b6b6b6; }
a.whitelink { font-size: 14px; text-decoration: none; color: #ffffff; }
a.yellowlink { font-size: 14px; text-decoration: none; color: #ffcc33; }
a.whitelink:hover { font-size: 14px; text-decoration: underline; color: #ffffff; }
a.bluelink:hover { font-size: 14px; text-decoration: underline; }
a.bluelink { font-size: 14px; text-decoration: none; color: #0056b2; }
a.bluelink:hover { font-size: 14px; text-decoration: underline; }
a.skybluelink14 { font-size: 14px; text-decoration: none; color: #3ac8ff; text-decoration: underline; }
a.skybluelink14:hover { text-decoration: underline; }
a.skybluelink12 { font-size: 12px; text-decoration: none; color: #3ac8ff; text-decoration: underline; }
a.skybluelink12:hover { text-decoration: underline; }
a.button-t-link { font-size: 18px; text-decoration: none; color: #FFFFFF; }
a.button-t-link:hover { font-size: 18px; text-decoration: underline; }
div.article-list { }
.bg-gray-text { color: #FFF; font-size: 14px; }
.fl img { float: left; }
.pb25 { padding-bottom: 25px; }
.pt25 { padding-top: 25px; }
.pt45 { padding-top: 15px; }
.p0 { padding: 0px; }
.tb20 { font-size: 20px; font-weight: bold; }
.blue { color: #3ac8ff; }
.blue01 { color: #0066ce; }
.purple { color: #9305e4; }
.yellow { color: #ffcc33; }
.red { color: #e92c47; }
.white { color: #ffffff; }
.gray { color: #a5a5a6; }
.green { color: #00b696; }
.letter-space { letter-spacing: 8px; }
.glossary-key { border-collapse: collapse; border-spacing: 0; border: none; text-align: center; margin: 10px auto; width: 300px; font-size: 26px; }
.glossary-key a { display: block; font-size: 26px; width: 28px; height: 26px; text-align: center; }
.glossary-key span { display: block; font-size: 26px; width: 28px; height: 26px; text-align: center; }
.list-unstyled { padding-left: 0; list-style: none; }
.line-banner { height: 40px; margin-top: 20px; margin-bottom: 10px; background: url(../images/glossary/glossary_07.png) no-repeat 50%; }
.letter { padding-left: 49.3%; position: relative; top: 0px; }
/* headerContainer */
#header-default { width: 100%; display: block; height: 56px; background-color: #282828; color: #FFF; text-align: right; }
#header-lead { margin: 0 auto; background-color: #FFF; height: 47px; display: block; }
.td-title { height: 51px; line-height: 24px; }
.td-nav { height: 38px; padding-top: 0; }
/* banner */
.homepage-banner { margin: 0 auto; display: block; }
.home-banner { background-color: #000; margin: 89px auto 0 auto; display: block; }
.homepage-banner img { padding-top: 89px; }
.about-us-clture-banner { background: url(../images/about-us-culture/about-us-culture-banner-bg.jpg) repeat #e1d6c4; }
.about-us-banner { background: url(../images/about-us/about-us-banner-bg.jpg) repeat-x bottom }
.homepage-banner-case-banner { background-color: #a922bc; }
.homepage-banner-case-banner-b { width: 100%; background-color: #ffffff; min-height: 0; height: 50px; text-align: center; margin-bottom: 0; }
.homepage-banner-contact-us-banner { background-color: #a7dbf0; }
.homepage-banner-login-banner { background-image: url(../../../../images/unimail/bg-coffee.gif); background-repeat: repeat; background-color: #e2dacb; height: 130px; padding-top: 133px; }
.glossary-banner { background-image: url(../images/bg/bg-red.gif); background-color: #e92c47; background-repeat: repeat; height: 130px; padding-top: 133px; }
.whitepaper-download-banner { background-image: url(../images/bg/bg-yellow.gif); background-color: #e92c47; background-repeat: repeat; height: 130px; padding-top: 133px; }
.homepage-banner-whitepaper-banner { background-image: url(../images/resources/resources-whitepaper-bg.png); background-repeat: repeat-x; background-color: #e5e0d2; background-position: bottom; }
.homepage-banner-knowledge-banner { background-image: url(../images/resources/resources-knowledge-bg.gif); background-repeat: repeat; background-color: #82acc0; background-position: bottom; padding-bottom: 1px; }
.homepage-banner-ecommerce-banner { background-image: url(../images/ecommerce/ecommerce-bg.gif); background-repeat: repeat-x; background-color: #ede5c7; }
.product-banner { background-image: url(../images/product/product-unimail-bg.gif); background-repeat: repeat; background-color: #2d2f32; background-position: bottom; }
.services-banner { background-image: url(../images/bg/bg-purple.gif); background-repeat: repeat; background-color: #2d2f32; background-position: bottom; }
.homepage-banner-register-banner { background-image: url(../../../../images/unimail/bg-purple-2.gif); background-repeat: repeat-x; background-color: #ffffff; }
.homepage-banner-template-banner { background-image: url(../images/bg/bg-purple.gif); background-repeat: repeat; background-color: #7433a5; padding-top: 133px; }
.history-banner { background: url(../images/history/history-bg.gif) repeat #85ddff bottom; }
.join-banner { background: url(../images/join-us/join-us-bg.gif) repeat #5ccade bottom }
/* Secondary Nav */
#secondary-menu { width: 100%; background-color: #f0f0f0; min-height: 0; height: 50px; text-align: center; margin-bottom: 0; color: #555555; }
#secondary-menu ul.menu { padding-left: 0; float: none; padding-top: 19px; }
#secondary-menu ul.menu > li { float: none; vertical-align: top; display: inline-block; font-weight: 600; }
#secondary-menu ul.menu > li.dropdown { padding-bottom: 15px; }
#secondary-menu ul.menu > li:hover .dropdown-menu { -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; clip: rect(-20px, 262px, 380px, 0); }
#secondary-menu ul.menu > li:hover > a, #secondary-menu ul.menu > li > a.active { background-color: #fff; }
#secondary-menu ul.menu > li > a { padding: 10px 15px; border-radius: 5px; -webkit-transition: all 0.2s; transition: all 0.2s; color: #555555; text-decoration: none; }
#secondary-menu ul.menu > li > a:hover, #secondary-menu ul.menu > li > a.active { background-color: #ffffff; color: #555555; }
#secondary-menu ul.menu { padding-left: 0; float: none; }
ul#secondary-menu { width: 100%; background-color: #f0f0f0; min-height: 60px; text-align: center; }
ul#secondary-menu li { display: inline-block; }
ul#secondary-menu li a { display: block; height: 38px; font-weight: 600; padding: 11px 20px 0 20px; margin-top: 11px; background-repeat: no-repeat; background-position: 90% 50%; border-radius: 6px; transition: all 0.2s; color: #47566e; }
ul#secondary-menu li a.active, ul#secondary-menu li a:hover { background-color: #bec7d1; color: #fff; }
/* content-top */
#content-lead p { text-align: center; }
.content-arrow-container { background-color: #3ac8ff; }
.content-arrow { border-style: solid; border-width: 34px; border-bottom: none; margin: 0 auto; height: 0; width: 0; border-color: #ffffff transparent transparent transparent; position: relative; z-index: 9999; }
.content-blue-arrow { border-style: solid; border-width: 34px; margin: 0 auto; height: 0; width: 0; border-color: #3ac8ff transparent transparent transparent; position: relative; z-index: 9999; }
/* content-nav */
#content-nav { background-color: #3ac8ff; height: 64px; font-size: 18px; }
#content-nav ul { padding-top: 10px; }
#content-nav ul li { border-radius: 5px; height: 26px; position: relative; float: left; color: #ffffff; background-image: url(../images/about-us/about-us-arrow.png); background-repeat: no-repeat; padding-top: 8px; margin-right: 12px; padding-left: 36px; padding-right: 15px; }
#content-nav ul li a { color: #ffffff; font-size: 18px; }
#content-nav ul li.col-a { background-color: #37bdf1; }
#content-nav ul li.col-b { background-color: #75d9ff; }
.content-case { clear: both; position: relative; display: table; }
.content-case img { float: right; }
.content-case .case { padding-left: 80px; }
.content-case .content-case-l { width: 60%; float: left; position: relative; }
.content-case .content-case-r { width: 40%; float: left; position: relative; }
/* content-body */
.team-list ul { position: relative; }
.team-list li { display: inline-block; float: left; margin-bottom: 12px; }
.team-list img { padding-right: 12px; }
.team-list img.r0 { padding-right: 0px; }
.team-list li.text { color: #FFF; font-size: 26px; line-height: 47px; }
.color-block { width: 197px; height: 192px; }
.color-block-gray { height: 192px; width: 152px; background-color: #c8c8c8; }
.color-block-red { height: 279px; width: 223px; background-color: #cd173d; color: #FFF; font-size: 26px; line-height: 46px; margin-right: 12px; }
.color-block-blue { height: 192px; width: 88px; background-color: #38c1f6; margin-right: 12px; }
.color-block.r12 { margin-right: 12px; }
.color-block.purple { background-color: #9305e4; }
.color-block.yellow { background-color: #ffcc33; }
.color-block.blue { background-color: #38c1f6; }
.color-block.emerald { background-color: #00b696; }
.team-list-campaign ul { position: relative; }
.team-list-campaign li { display: inline-block; float: left; margin-bottom: 12px; }
/* 文章列表 */
.three-list-col { position: relative; float: left; margin-right: 29px; width: 30.11119%; margin-bottom: 20px; display: block; }
.three-list-col img { vertical-align: middle; }
.three-list-col .col-content { background-color: #ffffff; margin: 0 auto; }
.three-list-col .col-content.col-content-a { padding: 12px 12px 0px 12px; }
.three-list-col  .col-content.col-content-b { border-left: 1px #cfd0d5 solid; border-right: 1px #cfd0d5 solid; border-bottom: 1px #cfd0d5 solid; }
.three-list-col.col-t3 { margin-right: 0; }
.col-content-a h6 { padding: 10px 7px 5px 7px; color: #7f7f7f; line-height: 24px; }
.col-content-a p { color: #b6b6b6; font-size: 12px; line-height: 22px; padding: 3px 7px; }
.col-content-b h6 { padding: 20px 0; color: #000000; font-weight: bold; text-align: center; }
.col-content-b p { padding-top: 0; padding-left: 35px; padding-right: 35px; padding-bottom: 10px; color: #898989; }
/* 新闻列表 */
.news-list-col { position: relative; float: left; width: 284px; height: 431px; margin-bottom: 20px; margin-right: 20px; display: block; background-color: #ffffff; border-left: 1px #cfd0d5 solid; border-right: 1px #cfd0d5 solid; border-bottom: 1px #cfd0d5 solid; }
.news-list-col img { border-top: 6px #3ac8ff solid; }
.news-list-col.col-n3 { margin-right: 0; }
.news-list-col p { color: #b6b6b6; font-size: 12px; line-height: 22px; padding: 3px 7px; }
.news-list-col p { padding-top: 0; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; color: #898989; }
.news-list-col h6 { padding: 20px 0; color: #000000; font-weight: bold; text-align: center; }
h6.m10 { margin: 10px 0 7px 0; text-align: center; font-size: 16px; color: #007de4; }
.whitepaper-list { position: relative; float: left; margin-right: 70px; width: 233; margin-bottom: 40px; display: block; }
.w233 { width: 233px; }
.whitepaper-list img { vertical-align: middle; }
.whitepaper-list h6 { padding: 15px 0 15px 5px; line-height: 24px; }
.r0 { margin-right: 0px; }
/* ecommerce-lead */
.ecommerce-lead { text-align: center; line-height: 24px; }
.ecommerce-lead h5 { font-size: 16px; color: #555555; padding-bottom: 10px; }
.ecommerce-lead p { font-size: 13px; color: #919191; padding-bottom: 10px; }
.ecommerce-content img { float: right; vertical-align: middle; }
.ecommerce-content table td img{ float:none;}
.ecommerce-content .pl60{ padding-left:60px}
.ecommerce-content ul { padding: 10px 10px 10px 10px; }
.ecommerce-content h5 { padding-right: 30px; }
.ecommerce-content .dashed { border-bottom: 2px #a5a4a5 dashed; margin-bottom: 25px; clear: both; }
/* product */
.link-col { width: 90%; }
.link-list { float: left; width: 19%; padding-right: 20px; }
.link-list dl dd a { text-decoration: underline; line-height: 24px; }
/* contact us */
.contact-us-rc { padding-left: 462px; }
.contact-us-icon-links { margin-top: 70px; margin-bottom: 20px; }
ul.contact-us-icon-links li img { vertical-align: middle; }
/* 专业术语 */
/* 表单样式 */
.form-group { position: relative; margin-bottom: 15px; }
.form-control { width: 300px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #666; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #d8d8d8; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control-line-space { height: 8px; }
.form-control-download { width: 40% }
.form-control:focus { border-color: #00c2f4; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(18, 146, 208, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(18, 146, 208, 0.6); }
textarea.form-control { height: auto; }
select.form-control { height: 50px; width: 65%; }
.form-login { display: block; width: 390px; height: 48px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #666; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #d8d8d8; border-radius: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-login:focus { outline: none; border: 1px solid #3ac8ff; }
/* case */
.case-logo-a img { float: left; position: relative; padding: 20px 45px 0px 45px; }
.case-logo-b img { float: left; position: relative; padding: 0px 60px 22px 0px; }
.case-logo-b .r0 { padding-right: 0; }
/* login */
.login-banner-style { margin: 0px auto; display: table; position: relative; }
.login-banner-style img { vertical-align: middle; }
.login-banner-style div { *position: absolute; top: 50%; left: 0; display: table-cell; vertical-align: middle; width: 100%; }
/* 按钮样式 */
.button { text-decoration: none; display: inline-block; text-align: center; border-radius: 5px; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "宋体"; color: #fff; letter-spacing: 0.75px; cursor: pointer; }
.button img { margin-bottom: 1px; }
.button.blue { font-size: 14px; background-color: #3ac8ff; padding: 10px 16px; width: 80px; margin: 16px 5px; min-height: 15px; min-width: 81px; }
a.blue:hover { background: #65d4ff; font-size: 14px; color: #FFF; text-decoration: none; }
a.blue:active { background: #47c1f1; font-size: 14px; color: #FFF; text-decoration: none; }
.button.header-yellow { font-size: 14px; background-color: #ffcc33; padding: 10px 16px; width: 80px; margin: 10px 5px; min-height: 15px; min-width: 81px; }
a.header-yellow:hover { background: #ffd760; font-size: 14px; color: #FFF; text-decoration: none; }
a.header-yellow:active{ background: #fdb404; font-size: 14px; color: #FFF; text-decoration: none; }
.button.free-trial { font-size: 14px; background-color: #df1943; padding: 15px 32px; width: 80px; min-height: 15px; min-width: 81px; }
a.free-trial:hover { background: #e43e61; font-size: 14px; color: #FFF; text-decoration: none; }
a.free-trial:active { background: #be1539; font-size: 14px; color: #FFF; text-decoration: none; }
.button.bluecontact { font-size: 14px; background-color: #c4c4c4; padding: 15px 32px; width: 80px; min-height: 15px; min-width: 81px;  }
a.bluecontact:hover { background: #d2d2d2; font-size: 14px; color: #FFF; text-decoration: none; }
a.bluecontact:active { background: #b6b6b6; font-size: 14px; color: #FFF; text-decoration: none; }


/* services */
.tow-col { width: 46%; margin: 0; padding: 0; box-sizing: border-box; float: left; margin-right: 8%; }
.tow-col h4 { padding-bottom: 20px; }
.mr { margin-right: 0%; }
.tow-col img { float: left; padding-right: 30px; padding-bottom: 100px; padding-top: 20px; }
.one-col { width: 100%; margin: 0; padding: 0; box-sizing: border-box; float: left; overflow: hidden; }
.left { width: 42%; height: 100%; float: left; overflow: hidden; padding-bottom: 9999px; margin-bottom: -9999px; }
.right { width: 58%; float: right; height: auto; }
.one-col h4 { padding-bottom: 20px; }
.one-col img { float: left; padding-right: 70px; padding-bottom: 100px; padding-top: 20px; }
#back-top { width: 40px; height: 38px; line-height: 35px; background: black; color: #fff; font-size: 14px; text-align: center; line-height: 38px; position: fixed; left: 50%; margin-left: 520px; bottom: 60px; display: none; z-index: 10; border-radius: 6px; opacity: 1; transition: all 0.2s ease-out; }
#back-top a { display: block; color: #fff; height: 38px; }
#back-top a:hover { color: #fff; height: 38px; background-color: #3ac8ff; border-radius: 5px; }
/* footer */
#master-footer { width: 100%; display: block; clear: both; }
#master-footer img { clear: both; }
#master-footer .footer-subscribe { background-color: #282828; clear: both; text-align: center; height: 57px; padding-top: 20px; }
#master-footer .footer-content { margin: 0 auto; font-family: 'Arial', SimHei; background-color: #373737; color: #a9a9a9; clear: both; position: relative; z-index: 2; height: 192px; padding-top: 40px; }
#master-footer .footer-content ul li { float: none; }
#master-footer .footer-content a { color: #a9a9a9; text-decoration: none; }
#master-footer .footer-content a:hover { color: #3ac8ff; text-decoration: none; }
#master-footer .footer-content .col-1 { width: 45%; font-size: 12px; line-height: 26px; margin-top: 35px; float: left; }
#master-footer .footer-content .col-1 ul li img { vertical-align: middle; }
#master-footer .footer-content .col-2 { width: 15%; float: left; }
#master-footer .footer-content .col-3 { width: 15%; float: left; }
#master-footer .footer-content .col-4 { width: 15%; float: left; }
#master-footer dl { }
#master-footer dl dt { font-size: 18px; color: #ffffff; padding-bottom: 15px; }
#master-footer dl dd { font-size: 14px; color: #a9a9a9; line-height: 24px; }
#master-footer .footer-copyright { background-color: #1c1c1c; font-size: 12px; color: #7a7a7a; text-align: center; height: 50px; padding-top: 20px; }
#master-footer .footer-copyright .col-l { float: left; padding-top: 3px; }
#master-footer .footer-copyright .col-r { float: right; }
#master-footer .footer-copyright .col-r img { vertical-align: middle; }
#master-footer .footer-copyright .col-r a { padding: 2px; }
#master-footer a { color: #7a7a7a; text-decoration: none; }
#master-footer a:hover { color: #989898; text-decoration: none; }
.icon-rss { margin-bottom: -13px; }
/* history */
table { border-collapse: collapse; border-spacing: 0; }
.img-circle { border-radius: 50%; }
.container { width: 80%; margin-right: auto; margin-left: auto; padding-left: 7.5px; padding-right: 7.5px; font-size: 14px; line-height: 1.428571429; color: #47566e; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); clear: both; }
.container:before, .container:after { content: " "; /* 1 */
display: table; /* 2 */ }
.container:after { clear: both; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container:before, .container:after { content: " "; /* 1 */
display: table; /* 2 */ }
.container:after { clear: both; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
#timeline { position: relative; padding-top: 30px; }
#timeline .arrow-center { top: 0px; }
#vertical-timeline { background: url(../images/history/slideshare_white.gif) 50% 50%; background-repeat: repeat-y; }
#vertical-timeline .container { padding-left: 75px; padding-right: 75px; }
#vertical-timeline .bubble { width: 74%; position: relative; }
#vertical-timeline .bubble img { width: 110px; border: 4px solid #c5c5c5; position: absolute; top: -19%; }
#vertical-timeline .bubble img.mini { width: 50px; border: none; }
#vertical-timeline .bubble.green { background: #00b696; }
#vertical-timeline .bubble.purple { background: #9305e4; }
#vertical-timeline .bubble.red { background: #df1943; }
#vertical-timeline .bubble.blue { background: #0367d8; }
#vertical-timeline .bubble.yellow { background: #ffcc33; }
#vertical-timeline .marker { border: 5px solid #fff; padding: 0px 5px; font-size: 20px; font-weight: lighter; text-transform: uppercase; color: #fff; text-align: center; margin-right: auto; margin-left: auto; width: 100px; margin-bottom: 20px; margin-top: 20px; line-height: 28px; background-color: #0265D6; }
#vertical-timeline .marker a { color: #fff; }
#vertical-timeline .marker.green { background: #00b696; }
#vertical-timeline .marker.red { background: #df1943; }
#vertical-timeline .marker.purple { background: #9305e4; }
#vertical-timeline .marker.blue { background: #0367d8; }
#vertical-timeline .marker.yellow { background: #ffcc33; }
#vertical-timeline .history-left { float: left; width: 52%; padding: 7px 0; }
#vertical-timeline .history-left.green { background: url(../images/history/line-green-horizontal.png) no-repeat 99% 50%; }
#vertical-timeline .history-left.red { background: url(../images/history/line-red-horizontal.png) no-repeat 99% 50%; }
#vertical-timeline .history-left.purple { background: url(../images/history/line-purple-horizontal.png) no-repeat 99% 50%; }
#vertical-timeline .history-left.blue { background: url(../images/history/line-blue-horizontal.png) no-repeat 99% 50%; }
#vertical-timeline .history-left.yellow { background: url(../images/history/line-yellow-horizontal.png) no-repeat 99% 50%; }
#vertical-timeline .history-left .bubble { float: left; }
#vertical-timeline .history-left img { margin-right: 10px; margin-left: -20px; }
#vertical-timeline .history-left .text { padding: 10px; color: #fff; font-size: 13px; line-height: 21px; }
#vertical-timeline .history-left.short { width: 36%; margin-left: 158px; }
#vertical-timeline .right { float: right; width: 62%; padding: 7px 0; }
#vertical-timeline .right.green { background: url(../images/history/line-green-horizontal.png) no-repeat 1% 50%; }
#vertical-timeline .right.red { background: url(../images/history/line-red-horizontal.png) no-repeat 1% 50%; }
#vertical-timeline .right.blue { background: url(../images/history/line-blue-horizontal.png) no-repeat 1% 50%; }
#vertical-timeline .right.purple { background: url(../images/history/line-purple-horizontal.png) no-repeat 1% 50%; }
#vertical-timeline .right.yellow { background: url(../images/history/line-yellow-horizontal.png) no-repeat 1% 50%; }
#vertical-timeline .right .bubble { float: right; }
#vertical-timeline .right .text { padding: 10px; color: #fff; font-size: 13px; line-height: 21px; width: 92%; float: left; }
#vertical-timeline .right.short { width: 43%; margin-right: 89px; }
.pattern-darkgrey { background-attachment: fixed; }
.join-title { width: 154px; height: auto; color: #ffffff; font-size: 18px; text-align: center; padding: 15px; border-radius: 5px; margin-bottom: 15px; }
.bgcolor-skyblue { background-color: #3ac8ff; }
.bgcolor-green { background-color: #00b696; }
.bgcolor-blue { background-color: #0367d8; }
.bgcolor-red { background-color: #df1943; }
.bgcolor-yellow { background-color: #ffcc33; }
#product-navigation { background-color: #FFFFFF; padding: 10px; text-align: center; }
#product-navigation table { margin: 0 auto; }
#product-navigation td { text-align: left; }
#product-navigation a { font-size: 14px; color: #555555; }
.input-label { position: absolute; padding-left: 13px; line-height: 48px; color: #a5a5a5; }