/* reset */
body { font-size:16px; font-family:'microsoft yahei','Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif; min-width:1140px; }
h1,h2,h3,h4,h5,h6,ul,ol,li{ margin:0; padding:0; list-style:none; }
/* div use for clear */
.clear { clear:both; height:1px; font-size:0; overflow:hidden;  }
/* Clear Fix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */

/* bootstrap_customize */
/* common */
.text-success { color:#3a823b; }
.text-warning { color:#ad701d; }
.text-important { color:#d02c2a; }
.text-info { color:#2b7fab; }
.text-tips { color:#888; }
.margin0 { margin:0 !important; }
.text_center { text-align:center; }
strong { padding:0 3px; }
/* form common */
textarea.full_width { width:94%; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { margin-bottom:0; *padding:2px 6px; border-color:#bbb; }
a:hover, a:focus, select:focus, textarea:focus, .btn:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:none !important; }
.input-small { font-size:12px !important; padding:2px 6px !important; }
select[multiple], select[size] { height:auto !important; }
select.input-small { height:26px; }
.btn { font-family: 'microsoft yahei','Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,Verdana,sans-serif; }

/* layout */
a, .btn-link { text-decoration:underline; white-space:nowrap; color:#333; }
a:hover, a:active, a:focus, .btn-link:hover, .btn-link:active, .btn-link:focus { color:#da2727; }
.inner-container { width:1140px; margin:0 auto; }
#header { height:73px; background:url(../images/styleimg/header_bg.jpg) repeat-x center top; }
#header_menu a { font-size:14px; line-height:73px; padding:0 20px; text-decoration:none; color:#FFF; border-left:1px solid #fff; }
#header_menu a:first-child { border-left:none; }
#bannerCarousel { margin-bottom:0; height:626px; }
.carousel-indicators { top:auto; bottom:12px; right:12px; }
.carousel-indicators li { background-color:#666; }
.carousel-indicators .active { background-color:#df5224; }
#bannerCarousel .item { height:626px; overflow:hidden; }
#bannerCarousel .item .carousel_btn_box { position:absolute; }
#bannerCarousel .item1 .carousel_btn_box { left:20px; top:250px; }
#bannerCarousel .item2 .carousel_btn_box { left:440px; top:460px; }
#bannerCarousel .item3 .carousel_btn_box { left:636px; top:380px; }
#bannerCarousel .item4 .carousel_btn_box { left:650px; top:500px; }
.home_contents_box { padding:80px 0; text-align:center; background-color:#df5224; color:#fff; }
.home_contents_box.white { background-color:#fff; color:#000; }
.home_contents_box.orange { background-color:#fff9ec; color:#000; }
.home_contents_box .contents_img { padding-top:30px; }
.home_contents_box .content_title { font-size:36px; font-weight:normal; padding:0 50px; margin-bottom:0.5em; }
.home_contents_box .content_info { font-size:14px; padding:0 50px; }
.feature_list { width:1080px; margin:0 auto -30px; padding-top:30px; }
.feature_list li { width:27.333333%; padding:0 3%; float:left; padding-bottom:40px; }
.feature_list li .img { padding-bottom:8px; }
.feature_list li .title { font-size:30px; padding:20px 0; font-weight:normal; margin-bottom:30px; }
.feature_list li .title small { font-size:30px; color:#fff; }
.feature_list li .title strong { display:block; font-size:58px; line-height:58px; height:68px; font-weight:bold; }
.feature_list li p { line-height:1.5em; padding:0 40px; margin-bottom:0; color:#faebe8; }
#go_about .feature_list li p { padding:0 32px; }
#website_tabs { width:87.719298%; margin:30px auto 0; }
#website_tabs .tabs { height:48px; margin-bottom:2px; position:relative; z-index:2; }
#website_tabs .tabs li { list-style:none; height:48px; line-height:48px; float:left; width:25%; text-align:center; }
#website_tabs .tabs li a { font-size:18px; display:block; height:48px; text-decoration:none; color:#fff !important; }
#website_tabs .tabs li a:hover { background-color:rgba(0,0,0,0.1); }
#website_tabs .tabs li.website1 { background-color:#2cb1de; }
#website_tabs .tabs li.website2 { background-color:#db2728; }
#website_tabs .tabs li.website3 { background-color:#e57021; }
#website_tabs .tabs li.website4 { background-color:#62b84b; }
#website_tabs .tabs li.active a { height:57px; background-image:url(../images/styleimg/website_tab_active.png); background-repeat:no-repeat; background-color:transparent !important; }
#website_tabs .tabs li.active.website1 a { background-position:center 48px; }
#website_tabs .tabs li.active.website2 a { background-position:center -32px; }
#website_tabs .tabs li.active.website3 a { background-position:center -112px; }
#website_tabs .tabs li.active.website4 a { background-position:center -192px; }
#website_tabs .tab-pane { /*height:570px;*/ position:relative; overflow:hidden; }
#website_tabs .tab-pane img { width:100%; }
#website_tabs .website_info { font-size:14px; position:absolute; bottom:0; width:96%; padding:12px 2%; line-height:1.4em; text-align:left; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
#faq_box { text-align:left; margin:40px 22px 12px; }
#faq_box .accordion-group { font-size:14px; margin-bottom:0; border-radius:0; border-top-width:0; }
#faq_box .accordion-group:first-child { border-top-width:1px; }
#faq_box .accordion-heading { background:url(../images/styleimg/faq_icon.gif) no-repeat 20px 12px; }
#faq_box .accordion-heading .accordion-toggle { padding:14px 20px 14px 55px; text-decoration:none !important; color:#000; background:url(../images/styleimg/faq_icon.gif) no-repeat right -30px; }
#faq_box .accordion-heading .accordion-toggle:hover { color:#da2727; }
#faq_box .accordion-inner { padding:24px 20px 24px 55px; line-height:1.8em; }
#faq_box .accordion-inner p { margin-bottom:20px; }
#faq_box .collapse.in { background-color:#f5f5f5; }
#faq_box .accordion-group.opened .accordion-toggle { font-weight:bold; background-position:right -80px; }
#go_signup { height:650px; background:#333 url(../images/styleimg/bottom_img.jpg) no-repeat center; }
.payments { float:left; padding-top:90px; padding-left:70px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
.payments .payment_info li { list-style:disc outside; line-height:3em; }
.payments .icon { margin:24px; text-align:center; }
#footer { font-size:14px; padding:12px 0; text-align:center; background-color:#fff; color:#666; }

/* form */
.text-required { padding-left:3px; font-size:16px; color:#d02c2a; }
#go_signup .signup_box { float:right; margin:35px 20px 0; }
#go_signup .popover .popover-title { font-weight:bold; color:#d02c2a; }
.step_indicator { list-style:none; height:36px; margin-bottom:16px; background:#e5e5e5; color:#888; }
.step_indicator li { float:left; line-height:36px; text-align:center; }
.step_indicator li.step1 { width:44%; background:#c3c1b9 url(../images/styleimg/step_indicator.png) no-repeat right 0; font-weight:bold; color:#333; }
.step_indicator li.step2 { width:56%; }
.signup_box { width:430px; min-height:300px; padding:30px 30px 40px; border:1px solid #942f12; background:#971e0d url(../images/styleimg/signup_box.png) repeat-x top; border-radius:5px; box-shadow:5px 5px 10px rgba(0,0,0,0.5); }
.signup_box .close { display:none; font-size:24px; margin-top:-22px; margin-right:-20px; }
.signup_box .signup_title { margin:0; font-size:18px; font-weight:normal; height:35px; line-height:1em; text-align:center; color:#fff; text-shadow:0 1px 1px rgba(0,0,0,0.5); }
.signup_box .signup_title strong { font-size:24px; font-weight:normal; }
.signup_form { padding:20px; background-color:#fff; }
.signup_form form { margin-bottom:0; }
.signup_form .form-horizontal .control-group { margin-bottom:10px; }
.signup_form .form-horizontal .control-label { width:110px; font-size:12px; text-align:left; cursor:default; *width:100px; *white-space:nowrap; }
.signup_form .form-horizontal .controls { margin-left:120px; *margin-left:0; }
.signup_form .form-horizontal .controls .help-block { font-size:12px; margin-top:2px; }
.signup_form .span4 { width:240px; }
.signup_form select.span1 { width:80px; }
.signup_form select.span4 { width:255px; }
.signup_form .span2 { width:108px; }
.signup_form .span3 { width:149px; }
.signup_form .form_box { height:255px; padding-left:8px; margin-bottom:10px; overflow:hidden; }
.signup_form .step1_content { padding-top:20px; height:235px; }
.signup_form .step2_content { display:none; }
.signup_form.step2 .form_wrapper { margin-top:-255px; *margin-top:-260px; }
.signup_form.step2 .step2_content { display:block; }
.signup_form.step2 .step_indicator li.step1 { background:none; font-weight:normal; color:#888; }
.signup_form.step2 .step_indicator li.step2 { background:#c3c1b9 url(../images/styleimg/step_indicator.png) no-repeat left -40px; font-weight:bold; color:#333; }
.signup_form.step2 .next_step_btn { display:none; }
.signup_form.step2 .finish_btns { display:inline-block !important; }
.signup_form .submit-control { padding:4px 0; text-align:center; }
.signup_form .submit-control .btn { vertical-align:bottom; }
.submit_btn { font-size:24px; line-height:46px; width:231px; height:46px; border:none; background:url(../images/styleimg/submit_btn.png) no-repeat; }
#bannerCarousel .submit_btn { margin-right:14px; vertical-align:bottom; margin-bottom:-6px; }
.signup_form .policy { font-size:12px; margin-bottom:0; }
.signup_form .policy label { font-size:12px; }
.signup_form .policy a { text-decoration:underline; }

/* modal */
.mask { display:none; position:fixed; right:0; left:0; top:0; bottom:0; z-index:998; background:#000; background:rgba(0,0,0,0.7); filter:alpha(opacity=70); }
.modalsignup .mask, .modalsignup .signup_box .close { display:block; }
.modalsignup #go_signup .signup_box { position:fixed; top:8%; left:50%; margin-left:-235px; z-index:999; }

/* for phone */
.hide_in_pc { display:none; }
#top_banner .bottom_btn_box { text-align:center; padding:6px; background:#a83e1b; }

/* Responsive */
@media (max-width:640px) {
	.hide_in_pc { display:block; }
	.hide_in_mobile { display:none !important; }
	html {  }
	body { min-width:inherit; }
	.inner-container { width:auto; }
	#header { height:auto; }
	#logo { width:160px; padding:0.3rem; float:none!important; }
	#header_menu { float:none!important; height:32px; text-align:left; background:#000; }
	#header_menu a { font-size:0.75rem; line-height:30px; padding:0 10px; text-decoration:none; color:#FFF; border-left:1px dotted #555; }
	#bannerCarousel, #bannerCarousel .item { height:auto; }
	.carousel_btn_box { display:none; }
	.home_contents_box { padding:30px 0; }
	.home_contents_box .content_title { font-size:1.5rem; padding:0 1rem; line-height:1.3em; }
	.home_contents_box .content_info { padding:0 1rem; line-height:1.4em; }
	.feature_list { width:auto; margin:0 auto; padding:20px 10px 0; }
	.feature_list li { width:46%; padding:0 2%; }
	.feature_list li .img { width:80%; margin:0 auto; }
	.feature_list li p, #go_about .feature_list li p { font-size:0.82rem; padding:0 5px; line-height:1.2em; }
	#go_about .feature_list li p { height:4.5rem; }
	#contents1.feature_list { margin-bottom:-20px; padding-left:25px; }
	#contents1.feature_list li { width:auto; float:none; text-align:left; padding-left:90px; padding-bottom:2.5rem; }
	#contents1.feature_list li .img { float:left; width:80px; margin-left:-90px; }
	#contents1.feature_list li .title { font-size:1.1rem; line-height:1.5em; padding:0; margin:0 0 0.2rem; }
	#contents1.feature_list li .title small { font-size:1.1rem; }
	#contents1.feature_list li .title strong { font-size:1.5rem; line-height:1em; height:auto; text-indent:-3px; }
	#go_websites { padding-bottom:0; }
	#website_tabs { width:100%; }
	#website_tabs .tabs li a { font-size:0.875rem; }
	#website_tabs .website_info { font-size:0.75rem; line-height:1.2em; position:static; background:#000; color:#ccc; }
	#go_websites, #banner_ldp { text-align:left; }
	#faq_box { margin:0; }
	#faq_box .accordion-heading { background:none; }
	#faq_box .accordion-heading:before { display:block; content:""; position:absolute; margin:12px 0 0 10px; width:22px; height:22px; background:url(../images/styleimg/faq_icon.gif) no-repeat -4px 0; }
	#faq_box .accordion-heading .accordion-toggle { display:block; padding-left:40px; white-space:normal; }
	#faq_box .accordion-inner { padding:0.7rem 0.7rem 0.7rem 40px; line-height:1.5em; }
	#faq_box .accordion-inner p { margin-bottom:1rem; }
	#go_signup { height:auto; padding-top:30px; background-size:cover; }
	.payments { float:none; padding:20px 10px 20px 30px; margin:0 auto; max-width:410px; text-align:center; }
	.payments .payment_info li { font-size:0.75rem; line-height:1.2em; margin:0 0 0.8rem; text-align:left; color:#ccc; }
	.payments .icon { margin:10px 2%; display:inline-block; width:40%; }
	#go_signup .signup_box { float:none; width:auto; margin:0 auto; max-width:430px; padding:10px 10px 20px }
	.signup_box .signup_title { font-size:1.2rem; height:auto; padding:0.5rem 0; }
	.signup_box .signup_title strong { display:block; font-size:1.6rem; line-height:1.5em; }
	.step_indicator { font-size:0.75rem; margin:-8px -8px 0; }
	.signup_form { padding:8px; }
	.signup_form .form-horizontal .control-group { margin-bottom:4px; }
	.signup_form .form-horizontal .control-label { float:none; width:auto; font-size:0.8rem; margin-bottom:2px; }
	.signup_form .form-horizontal .controls { margin-left:0; float:none; }
	.signup_form input[type="text"], .signup_form input[type="password"], .signup_form select { box-sizing:border-box; height:32px; line-height:32px; }
	.signup_form .controls-row [class*="span"] + [class*="span"] { margin-left:2%; }
	.signup_form .span4, .signup_form select.span4 { width:100%; }
	.signup_form select.span1 { width:35%; }
	.signup_form .span2 { width:49%; }
	.signup_form .span3 { width:63%; }
	.radio.inline, .checkbox.inline { display:block; font-size:1rem; }
	.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left:0; }
	.signup_form .form_box { height:335px; padding:0 10px; margin-bottom:5px; transition:height 0.3s; -webkit-transition:height 0.3s; }
	.signup_form .form_wrapper { transition:margin-top 0.3s; -webkit-transition:margin-top 0.3s; }
	.signup_form .step1_content { padding-top:10px; height:345px; }
	.signup_form.step2 .form_wrapper { margin-top:-345px; }
	.signup_form.step2 .form_box { height:410px; }
	.signup_form.step2 .back_step { margin-bottom:6px; margin-top:-6px; }
	.signup_form.step2 .finish_btns { display:block !important; }
	#go_signup .popover { position:fixed; left:50% !important; top:30% !important; margin-left:-138px; box-shadow:0px 5px 15px rgba(0,0,0,0.7)}
	#go_signup .popover .arrow { display:none; }
	#footer { font-size:0.6rem; }
	.submit_btn { line-height:44px; width:100%; height:44px; border:1px solid #ffaf00; background:url(../images/styleimg/submit_btn_repeat.png) repeat-x; background-size:contain; border-radius:5px; }
	.tooltip-inner { font-size:0.875rem; }
	.modalsignup #go_signup .signup_box { width:320px; box-sizing:border-box; margin-left:-160px; top:3%; padding-top:0; }
	.modalsignup .signup_form .form_box { overflow:scroll; height:200px !important; transition:none; }
	.modalsignup .form-horizontal { position:relative; }
	.modalsignup .form-horizontal:after { display:block; content:""; position:absolute; left:0; right:0; top:210px; height:30px; 
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.7)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 100%);
}
	.modalsignup .signup_box .close { margin-top:0; margin-right:-8px; width:30px; height:30px; opacity:0.5; }
	.modalsignup .signup_box .signup_title { font-size:0.8rem; text-align:left; padding-top:0.3rem; }
	.modalsignup .signup_box .signup_title strong { display:inline; font-size:0.8rem; font-weight:normal; }
	.modalsignup .signup_form .step2_content { padding-bottom:20px; }
}
@media (min-width:374px) and (max-width:430px) {
	html {  }
	.step_indicator { font-size:0.875rem; margin:-14px -14px 0; }
	#go_signup { padding-top:0; }
	.signup_form { padding:14px; }
	.modalsignup #go_signup .signup_box { width:350px;margin-left:-175px; }
	.modalsignup .signup_form .form_box { height:260px !important; overflow:scroll; }
	.modalsignup .form-horizontal:after { top:270px; }
}
@media (min-width:359px) and (max-width:374px) {
	html {  }
	#contents1.feature_list { padding-left:10px; }
	#go_signup { padding-top:0; }
	.modalsignup .signup_form .form_box { height:245px !important; overflow:scroll; }
	.modalsignup .form-horizontal:after { top:255px; }
}
@media (min-width:320px) and (max-width:359px) {
	html {  }
	#contents1.feature_list { padding-left:10px; }
	#go_signup { padding-top:0; }
	.modalsignup .signup_form .form_box { height:200px !important; }
	.modalsignup .form-horizontal:after { top:210px; }
}