@charset "utf-8";
/* Reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size: 100%;}
ul {list-style: none;}
dl {background: none;width: 100%;}
dl dd,dl dt {background: none;width:100%;}
fieldset,img{border: 0;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing: 0;}
th{text-align: left;}

/* Clear both for parents of the floating elements */
.clearfix:before,.clearfix:after{content: ".";display: block;height: 0;overflow: hidden;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;} /* IE < 8 */

/* Remove dotted rectangle of the focus element */
a, input, .btns, h2, .btn {font-weight: normal;outline: none; /* for Firefox */}
input::-moz-focus-inner{border-color:transparent!important; /* for Firefox inner bug */}
input.focus::-webkit-input-placeholder { color: transparent;}

/* Font & Link styles */
:link,:visited{text-decoration: none;}
a:hover,a:active{outline: none;}
body, button, input, select, textarea,option {font: 14px/1.2 "Lucida Sans Unicode", "Myriad Pro", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", Verdana, "SimHei";}
h2 {
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 1.2em;
padding: 38px 0 11px 0;
color: #141414;
letter-spacing: -1px;}
h4 {font-size:18px;line-height:1.2em;color:#222;font-weight:400;padding:30px 0 5px 0}

/* --- Global styles --------------------------*/
::-webkit-input-placeholder {color: #404040;}
:-moz-placeholder {color: #404040;}
.placeholder {color: #404040;}
.main {width: 980px;margin: 0 auto;position: relative;}
.inner {width: 100%;overflow: hidden;}
.right {float: right;}
.col1, .col2 {float: left;}
.col3 {float: right;}
.col1 {width: 450px;}
.col2 {width: 140px;}
.col3 {width: 350px;}
.visible {display: block;}
.unvisible {display: block;}
html {height: 100%;}
body {font: 12px/1.5 "Lucida Sans Unicode", "Myriad Pro", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", Verdana, "SimHei";color: #999;height: 100%;background: #fff;}
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}
#content {padding: 0;background-color: #fff;position: relative;min-height:350px;}

.index_header {position: relative;width: 100%;height:80px;border-bottom: 1px solid #f2f2f2;background: url(../images/version2_header_bg.png) repeat-x;}
.index_header .nav {width: 980px;height: 80px;margin: 0 auto;position: relative;}
.index_header #logo {overflow: hidden;padding-top: 20px;float: left;}
.index_header #navis {display: none;float: right;overflow: hidden;padding-top: 20px;}
.index_header #navis a {width: 165px;height: 45px;line-height: 42px;background: url(../images/sprite_btn_version2.png) no-repeat;float: left;display: block;font-size: 18px;color: #777;margin-left: 20px;}
.index_header #navis a.admin_btn {color: #fff;background-position: 0 0;}
.index_header #navis .admin_btn:hover {background-position: 0 -44px;}
.index_header #navis .admin_btn:active {background-position: 0 -89px;}
.index_header #navis .admin_btn div {padding-left: 47px;}

.index_page .index_header {height:160px;position: relative;width: 100%;background: url(../images/version2_header_bg.png) repeat-x;}
.index_page .index_header #logo {padding-top: 60px;}
.index_page .index_header #navis {padding-top: 60px;display: block;float: right;overflow: hidden;}

.index_page .fixPosition {position: fixed;top: 0px;height:80px;z-index: 999;background: url(../images/version2_header_bg_overlay.png) repeat-x;}
.index_page .fixPosition #logo {padding-top: 20px;}
.index_page .fixPosition #navis {padding-top: 20px;}

#header #navis a.ios_btn, #header #navis a.android_btn {color: #777;width: 145px;text-align: center;background-position: 0 -135px;}
#header #navis .ios_btn:hover, #header #navis .android_btn:hover {background-position: 0 -185px;}
#header #navis .ios_btn:active, #header #navis .android_btn:active {background-position: 0 -235px;}

#content #section1 {height: 440px;position: relative;}
#content .section1_bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
#content .section_inner {/*height: 100%;*/width: 980px;margin: 0 auto;position: relative;}
#content #section1 .top_banner {position: absolute;top: 0;left: 0;width: 980px;height: 440px;}
#content #section1 .top_banner .left_banner {width: 430px;height: 440px;position: relative;}
#content #section1 .top_banner .right_banner {width: 550px;height: 340px;position: absolute;right: 0;bottom: 0;}
#content #section1 .top_banner .right_banner .title {padding-left: 40px;}
#content #section1 .top_banner .left_banner .scrollable {position: absolute;width: 237px;height: 300px;bottom: 0;right: 22px;overflow: hidden;z-index: 11;}
#content #section1 .top_banner .overlay {z-index: 111;width: 430px;height: 440px;position: absolute;top: 0;left: 0;background: url(../images/banner_bg.png) no-repeat right bottom;}
#content #section1 .top_banner .imgs {overflow: hidden;width: 711px;height: 299px;position: absolute;bottom: 0;left: 0px;}
#content #section1 .top_banner .imgs img {float:left;}
#content #section1 .top_banner .right_banner .banner_tab_unit {display: none;position: absolute;left: 163px;top: 0;}
#content #section1 .top_banner .right_banner .banner_tab_unit .quotation_start {float: left;display: block;width: 30px;height: 54px;background: url(../images/quotation_icon.png) no-repeat 0 0;}
#content #section1 .top_banner .right_banner .banner_tab_unit .quotation_end {float: left;display: block;width: 30px;height: 54px;background: url(../images/quotation_icon.png) no-repeat -31px 34px;}
#content #section1 .top_banner .right_banner .banner_tab_unit .quotation_inner {color: #fff;font-size: 15px;line-height: 18px;float: left;}
#content #section1 .top_banner .right_banner .banner_container {padding-left: 50px;margin-top: 20px;}
#content #section1 .top_banner .right_banner .banner_tabs {float: left;margin-top: 10px;}
#content #section1 .top_banner .right_banner .banner_tabs li {position: relative;width: 500px;cursor: pointer;}
#content #section1 .top_banner .right_banner .banner_tabs li.active .banner_tab_unit {display: block;}
#content #section1 .top_banner .right_banner .banner_tabs a {display: block;background: url(../images/sprite_btn_version2.png) no-repeat 0 -334px;width: 155px;height: 45px;margin-bottom: 10px;}
#content #section1 .top_banner .right_banner .banner_tabs a div {color: #fff;font-size: 22px;line-height: 40px;padding-left: 28px;}
#content #section1 .top_banner .right_banner .banner_tabs .active a {background-position: 0 -283px;}
#content #section1 .top_banner .right_banner .banner_tabs :hover a {background-position: 0 -283px;}
#content #section1 .top_banner .right_banner .banner_body {padding-left: 10px;float: left;width: 330px;height: 180px;position: relative;}
/*#content #section1 .top_banner .right_banner .banner_body .banner_1 {top: 0;}
#content #section1 .top_banner .right_banner .banner_body .banner_2 {top: 55px;display: none;}
#content #section1 .top_banner .right_banner .banner_body .banner_3 {top: 113px;display: none;}*/

#content .section_func_list {margin: 42px 0 40px}
#content .section_func_list .list_item {background: url(../images/func_item_bg.png) no-repeat;float: left;width: 470px;height: 78px;font-size: 14px;color: #777;}
#content .section_func_list .title {margin-top: 20px;float: left;color: #81b442;font-size: 24px;padding-left: 60px;background: url(../images/icons_version2.png) no-repeat 25px 0;}
#content .section_func_list .txt {margin-top: 16px;float: right;width: 220px;margin-right: 55px;display: inline;}
#content .section_func_list .list_item1 {margin: 0 40px 30px 0;}
#content .section_func_list .list_item2 {margin: 0 0 30px;}
#content .section_func_list .list_item3 {margin: 0 40px 0 0;}
#content .section_func_list .list_item2 .title {background-position: 25px -35px;}
#content .section_func_list .list_item3 .title {background-position: 25px -70px;}
#content .section_func_list .list_item4 .title {background-position: 25px -105px;}

#content #section3 {background: url(../images/section_seperator.png) repeat-x;}
#content #section3 .join_us {float: left;background: url(../images/join_us_bg.png) no-repeat;width: 980px;height: 76px;margin-top: 40px;}
#content #section3 .join_us .title {float: left;font-size: 24px;color: #777;padding-left: 20px;margin-top: 20px;}
#content #section3 .join_us span {color: #ffbe2c;}
#content #section3 .join_us .join_btn {display: block;padding-left: 25px;background: url(../images/sprite_btn_version2.png) no-repeat 0 -386px;float: right;margin-right: 245px;margin-top: 20px;font-size: 18px;width: 145px;height: 42px;line-height: 40px;color: #fff;}
#content #section3 .join_us .join_btn:hover {background-position: 0 -434px;} 
#content #section3 .join_us .join_btn:active {background-position: 0 -482px;} 
#content #section3 .user_show .user_group {float: left;width: 220px;margin-right: 30px;margin-bottom: 40px;}
#content #section3 .user_show .user_group_last {margin-right: 0px;}
#content #section3 .user_show .user_group .user_group_item_title {border-bottom: 2px solid #ffbe2c;font-size: 22px;color: #f3ab0a;text-align: center;padding: 15px;}
#content #section3 .user_show .user_group .user_group_item {border-bottom: 2px solid #e5e5e5;padding: 15px;}
#content #section3 .user_show .user_group .user_group_item img {display: block;float: left;margin-right: 10px;}
#content #section3 .user_show .user_group .user_group_item .txt {float: left;margin-top: 12px;width: 100px;font-size: 14px;color: #777;}

#content h2.d_title {background: #f7f7f7;font-size: 18px;/*border-bottom: 2px dashed #999;*/
border-bottom: 1px solid #ddd;
padding: 10px 30px 9px;
font-weight: 300;
letter-spacing: 1px;
color: #999;
text-transform: uppercase;
line-height: 1.5;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;}
#content .d_content {padding: 30px;background:#fff;font-size: 14px;color: #141414;line-height: 1.5;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;}
#content .d_content .intro_note {padding-bottom: 40px;}
#content .d_content h3.s_title {font-size: 25px;font-weight: bold;color: #33383D;letter-spacing: 0.1em;margin-bottom: 3px;}
#content .d_content .small_title {font-size: 15px;color: #999;}
#content .d_content #step1 {margin-bottom: 50px;}
#content .d_content #step0 {margin-bottom: 50px;}
#content .d_content #step3 {border-top: 1px solid #cdcdcd;padding-top: 20px;}
#content .d_content #step3 h3.s_title {margin-bottom: 15px;}
#content .d_content #step3 .img {margin: 0 auto;}
#content .d_content .section .input_num {padding-left: 30px;margin-top:30px}
#content .d_content .section input {margin-right: 20px;width: 270px;height: 20px;margin-bottom: 15px;color: #696968;padding: 4px 5px;font-size: 14px;}
#content .d_content .slogan {border-top: 1px solid #ddd;height: 1px;padding-bottom: 35px;}
#content .d_content .sub_title {font-weight: bold;color: #33383D;font-size: 16px;margin-top: -12px;background: #fff;width: 120px;}
#content .d_content .s_txt {padding-left: 30px;padding-right: 30px;margin-bottom: 15px;}
#content .d_content .qr_code_box{height:200px;position: relative;}
#content .d_content .qr_code_box .qr_code_loading{width:158px;height:118px;padding-top:40px;border:1px solid #aaa;position: absolute;top:20px;left:20px;text-align: center;}

#content .d_content .sub_title i {float: left;display: block;width: 26px;height: 28px;padding-right: 3px;}
#content .d_content #step0 .sub_title i {background: url(../images/icon_qrcode.png) no-repeat 0 center; margin-right:5px}
#content .d_content #step1 .sub_title i {background: url(../images/icon_phone.png) no-repeat 0 center;}
#content .d_content #step2 .sub_title i {background: url(../images/icon_pc.png) no-repeat 0 center;}

#content .intro_ui .s_title {font-size: 20px;color: #666;font-weight: bold;margin-bottom: 20px;}
#content .intro_ui {border-bottom: 1px dashed #999;}
#content .d_content .section input.submit,#content .d_content .section .download_btn {
width: 120px;
font-weight: bold;
background: #4090BA;
color: white;
height: 32px;
white-space: nowrap;
text-transform: uppercase;
border: none;
cursor: pointer;
display: -moz-inline-box;
-moz-box-orient: vertical;
/*display: inline-block;*/
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
#content .d_content .section input.disabled {cursor: default;background: #EBEBE4;border: 1px solid #999;color:#999}
#content .d_content .section input.input_disabled {background-color: #EBEBE4;}
#content .d_content .section .download_btn {display: inline-block;line-height: 32px;text-align: center;}
#content .d_content .section .download_btn:hover {background: #347698;}
#content .d_content .section #version {color:#60B000;text-decoration: underline;}

#content .d_content .download_link {text-decoration: underline;color: #60B000;}
#content .d_content .download_note {margin-bottom: 25px;padding: 20px 30px;}
#content .d_content .mark {color: #999;padding-left: 30px;}
#content .d_content div.visible {display: block;}
#content .d_content .version_mark {display: none;}
#content .d_content strong {color: #60B000;}
#content .d_content .input_num {position: relative;}
#content .d_content .input_num label.error {position: absolute;top: 0px;left: 320px;color: #f00;}
#content .d_content .input_num input.error {border: 1px solid #f00;}
#content .d_content .phone_exist {color: #60B000;position: absolute;top: 0px;left: 320px;line-height: 2;letter-spacing: 0.1em;}

#content .d_content .feedback {font-size: 14px;color: #60B000;margin-top: 20px;padding-left: 30px;}
#content .d_content .feedback #loading_img {text-align: left;padding-left: 130px;}
#footer {background: url(../images/version2_footer_bg.png) repeat-x;height: 180px;}

.list1 a {text-decoration: underline;color: #777;}
.list1 a:hover {text-decoration: none;color: #222;}
.list1 li {line-height: 1.8;font-size: 14px;color: #777;}

/*.icons {width: 240px;}*/
.icons li {line-height: 1.8;font-size: 14px;color: #777;}
.icons a {color: #777;display:block;line-height: 1.8;}
.icons a:hover {color: #222;}
#footer_bar {padding: 10px 0 10px;text-align: center;color: #898989;}
.col3 {padding-top: 57px;}
.col3 p {text-align: right;font-size: 14px;color: #777;}

/*FORM STYLE*/
.form {display: none;}
#user_form {background: url(../images/bg_form_hd.png) no-repeat;position: fixed;top: 90px;right: 20px;z-index: 100;width: 225px;}
#user_form form {background: url(../images/bg_form_ft.png) center bottom no-repeat;margin-top: 20px;padding-bottom: 11px;}
#user_form form .inner_wrap {padding: 0px 30px 10px;background: url(../images/bg_form_bd.png) repeat-y;}
#user_form p input {background: url(../images/bg_input.png) no-repeat;border: none;width: 143px;padding: 6px 8px 7px 12px;font-size: 12px;color: #404040;margin-top: 10px;}
#user_form p.submit {text-align: right;padding-right: 7px;}
#user_form p.submit input {background: url(../images/bg_submit.png) no-repeat;border: none;font-size: 12px;color: #404040;width: 65px;cursor: pointer;text-align: center;}
#user_form p.submit input:hover {color: #fff;}
#user_form .title_info {padding-top: 12px;}
#user_form .title_info span {color: #ccc;padding-right: 20px;font-size: 22px;}
#user_form .title_info a {color: #60B000;text-decoration: none;}
#user_form .title_info a:hover {color: #fff;text-decoration: underline;}

.validator label.error {color: red;}

#login_form {display: none;}
.inner_page {padding-top: 120px;}
.mainbar {width: 950px;margin: 0 auto;padding: 20px 0;}
#password_edit {padding: 0 35px;}
h2.under {border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.mainbar label {width: 108px;color: #444;float: left;line-height: 26px;font-size: 15px;}
.mainbar label.error {padding-left: 10px;font-style: italic;width: 300px;font-size: 14px;}
#password_edit .input {width: 270px;height: 18px;float: left;color: #696968;padding: 3px 5px;font: 14px;}
#password_edit p {margin-top: 10px;}
#password_edit p.submit {margin-top: 25px;}
#password_edit p.submit input {margin-left: 290px;cursor: pointer;border: none;background: #60B000;display: block;width: 100px;height: 30px;line-height:30px;color: #fff;}
#password_edit p.submit input:hover {background: #000;}
.container {padding-top: 50px;padding-bottom: 70px;}
.container h4 {color: #141414;text-align: center;}
.mainbar h2.title {text-align: center;padding-top: 10px;}

.para {text-indent: 2.0em;margin-bottom: 0.6em;}
.mainbar .txt {font-size: 14px; color: #141414;padding-top: 10px;line-height: 1.5;padding-bottom: 40px;}
.mainbar .txt ol { list-style:default;}
.mainbar .txt ol li { list-style-type:default;}
.mainbar .txt ol ol { list-style-type: upper-alpha; }
.mainbar .txt ol ol ol { list-style-type: lower-alpha; }

.q_item {margin-bottom: 20px;border-bottom: 1px solid #cfcfcf;padding-bottom: 30px;}
.q_item .q_title {font-weight: bold;font-size: 18px;line-height: 2.5;}
.q_item .q_txt {text-indent: 20px;}
.q_item .q_txt a {text-indent: 20px;color: #60B000;}

.note_unvalid {background: url(../images/attention.jpg) no-repeat center 0;padding-top: 110px;}
.user_intro {width: 440px;color: #777;font-size: 14px;position: absolute;bottom: 70px;left: 58%;z-index: 5;}
.user_intro a {color: #60B000;text-decoration: underline;font-weight: bold;padding: 0 5px;}

/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:237px;
}

/* active item */
.scrollable .active {
    /*border:2px solid #000;*/
    position:relative;
    cursor:default;
}

