#pass-phoenix-list-login{
	width:224px;
}
.pass-login-pop-img, .pass-login-pop-img img{
  height: 362px !important;
 
}
#navbar{
	width:620px;
	margin:auto;}
#ad {
    width: 100%;
    height: 0;
}
.full_height{
	height: 100%;
	min-height:600px;
}
.page{
	height: 100%;
}

#page_home{
	 
}
#main{
	height: 100%;
}
#page_home #main {
	/*background:url('../images/bg_main.jpg') no-repeat top center;*/
}
#splash {
    width:1120px;
    height: 100%;
	margin:auto;
}
.splash-container {
	top:20px;
	text-align: center;
    position: relative;
}

.qrcode{
	margin-top: 5px;
	height: 90px;
	width: 90px;
}

#qrcode_hint{
	font-size: 14px;
	color: rgba(255,255,255,0.5);
	margin-left: 2px;
	margin-top: 5px;
}

.download-button {
	display: block;
    text-align: center;
    cursor: pointer;
}
#download_icon{
	width: 31px;
	height: 31px;
	background:url('../images/download-icon.png') no-repeat;
	margin-top: 5px;
	display: inline-block;
	position: relative;
	top: 5px;
}
.download-button:hover #download_icon{

}
#splash_introduction{
	text-align: center;
	font-size: 20px;
    line-height: 31px;
	color: rgb(255, 255, 255);
}
#splash_download_qrcode {
	left: 10px;
    position: relative;
	height: 110px;
	width: 200px;
	z-index: 0;
	text-align: left;
}

#page_home #splash_introduction {    
	margin-top: 25px;
	text-shadow: 2px 2px 2px rgb(235, 125, 39);
}
#page_home #download_btn_group{
	margin: 0 auto;
	margin-top: 60px;
	width: 760px;
}
#page_home #splash_download_button {
	position: relative;
	z-index: 1;
}
#page_home #download_place_holder{
	width: 200px;
	height: 1px;
}

#page_home .download-button {
    width: 320px;
	height: 100px;
}

#page_home .download-button:hover {
}

#page_home .download-button:active {

}

#page_home .download-button:hover .download-title {
    background-color: rgb(255, 216, 185);
}

#page_home .download-button:hover .download-subtitle {
    background-color: rgb(255, 216, 185);
}
#page_home .download-button .download-title {
    background-color: rgb(255, 255, 255);
	padding-top: 10px;
    font-size: 28px;
    line-height: 74px;
    font-weight: bold;
    color: rgb(72, 83, 66);
    border-radius: 2px 2px 0 0;
}
#page_home .download-button .download-subtitle {
    border:0px;
	border-top: 1px rgb(226, 117, 33);
	border-style: solid;
    background-color: rgb(255, 255, 255);
    font-size: 11px;
    line-height: 31px;
    color: rgb(196, 110, 28);
    border-radius: 0 0 2px 2px;
}
#page_home #ct_link{
	margin-top: 30px;
	color: white;
	
}


#page_home a{
	color: rgb(255, 246, 0);
}

.sg_footer{
	position: absolute;
	top:790px;
	text-align: center;
	width: 100%;
	height:120px;
}

#dash{
	margin: 0 auto;
	height: 2px;
	width: 420px;
	background: url('../images/dot.png');
	position: relative;
	top:35px;
}
#progress{
	margin: 0 auto;
	height: 2px;
	width: 150px;
	left: -125px;
	background:#F90;
	position: relative;
	top:123px;
}
#navbtns{
	 
	position: relative;
	z-index: 1;
}

.navbtn{
	width: 100px;
	float: left;
	margin-left: 25px;
	margin-right: 25px;
	text-align: center;
	display: inline-block;
	line-height: 50px;
	 
}
.navbtn a:hover{
	color:#F60;
	text-decoration:none;
	font-weight:bold;
}
.navbtn img{
	width: 50px;
	margin:auto;
}

#page_intro{
	/*background-color: rgb(232, 227, 22);*/
	/*background:url('../images/bg_related.jpg') no-repeat top center;*/
}

#page_gift{
	 
	/*background:url('../images/bg_lan.jpg') no-repeat top center;*/
}

#page_gift #splash_introduction {
	margin-top: 100px;
}

#page_gift #splash_download_button {
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
	z-index: 1;
}
#page_gift .download-button {
    width: 260px;
	height: 60px;
	background-color: rgb(255, 255, 255);
	border-radius: 2px 2px 2px 2px;
}
#page_gift .download-button .download-title {
	margin: 0 auto;
	padding-top: 15px;
    font-size: 20px;
    color: rgb(33, 166, 210);
}

#page_gift .download-button:hover {
	background-color: rgb(207, 243, 255);
}

#page_feedback{
	/*background-color: rgb(134, 196, 87);*/
}

#page_feedback #splash_introduction {
	margin-top: 100px;
}

#page_feedback #splash_download_button {
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
	z-index: 1;
}
#page_feedback .download-button {
    width: 260px;
	height: 60px;
	background-color: rgb(255, 255, 255);
	border-radius: 2px 2px 2px 2px;
}

#page_feedback .download-button:hover {
	background-color: rgb(229, 255, 208);
}

#page_feedback .download-button .download-title {
	margin: 0 auto;
	padding-top: 15px;
    font-size: 20px;
    color: rgb(85, 146, 39);
}

#page_related{
	background-color: rgb(211, 59, 68);
}
#page_related #main {
	background:url('../images/bg_related.jpg') no-repeat top center;
}
#page_related .splash-container {
	width: 900px;
	position: relative;
	left: 50px;
}

#page_related .download-button {
    width: 260px;
	height: 60px;
	background-color: rgb(255, 255, 255);
	border-radius: 2px 2px 2px 2px;
}
#page_related .download-button .download-title {
	margin: 0 auto;
	padding-top: 20px;
    font-size: 20px;
    color: rgb(134, 196, 87);
}
#page_related #related_demo{
}
#page_related #splash_introduction {
	margin-top: 50px;
	margin-left: 50px;
	width: 500px;
	text-align: left;
	padding-left: 15px;
	font-size: 14px;
	line-height: 20px;
}
#page_related #splash_introduction .containera{
	padding-left: 0px;
	margin-bottom: 30px;
}
#page_related #splash_introduction h3{
	margin-left: 10px;
}
#page_related #download_btn_group{
	margin-top: 30px;
}
#page_related #splash_download_button {
	position: relative;
	z-index: 1;
}


#page_related .download-button {
    width: 320px;
	height: 100px;
	
}

#page_related .download-button:hover {

}

#page_related .download-button:active {

}

#page_related .download-button:hover .download-title {
    background-color: rgb(243, 218, 221);
}

#page_related .download-button:hover .download-subtitle {
    background-color: rgb(243, 218, 221);
}
#page_related .download-button .download-title {
    background-color: rgb(255, 255, 255);
	padding-top: 10px;
    font-size: 28px;
    line-height: 74px;
    font-weight: bold;
    color: rgb(72, 83, 66);
    border-radius: 2px 2px 0 0;
}
#page_related .download-button .download-subtitle {
    border:0px;
	border-top: 1px rgb(211, 59, 68);
	border-style: solid;
    background-color: rgb(255, 255, 255);
    font-size: 11px;
    line-height: 31px;
    color: rgb(211, 59, 68);
    border-radius: 0 0 2px 2px;
}

#page_related a{
	color: rgb(255, 245, 139);
}

#declaration{
	margin-top:50px;
	color: rgba(255, 255, 255, 0.5);
}

/*=======================================*/

.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}
.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}
.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}
.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;filter:alpha(opacity=90)}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}
.carousel-control .icon-prev:before{content:'\2039'}
.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}
.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-caption .btn{text-shadow:none}
@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}
.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}
.clearfix:before,.clearfix:after{display:table;content:" "}
.clearfix:after{clear:both}
.center-block{display:block;margin-right:auto;margin-left:auto}
.pull-right{float:right!important}
.pull-left{float:left!important}
.hide{display:none!important}
.show{display:block!important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none!important;visibility:hidden!important}
.affix{position:fixed}@-ms-viewport{width:device-width}
.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}
tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}table.visible-xs.visible-sm{display:table}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}table.visible-xs.visible-md{display:table}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}table.visible-xs.visible-lg{display:table}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}table.visible-sm.visible-xs{display:table}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}
tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}table.visible-sm.visible-md{display:table}
tr.visible-sm.visible-md{display:table-row!important}
th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}table.visible-sm.visible-lg{display:table}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}table.visible-md.visible-xs{display:table}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}table.visible-md.visible-sm{display:table}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}table.visible-md.visible-lg{display:table}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}table.visible-lg.visible-xs{display:table}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}table.visible-lg.visible-sm{display:table}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}table.visible-lg.visible-md{display:table}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}table.hidden-xs{display:table}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}table.hidden-sm{display:table}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}table.hidden-md{display:table}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print{display:none!important}}