body{
    margin:0px;
    padding: 0px;
    color:#fff;
    width: 100%;
    height: 100%;
}

a:hover{
	text-decoration:underline;
}
.box{
	margin-left: 150px;
}
.boxa{
	margin-right: 600px;
}

#button{
	background-image:url('../images/button.png');
}

.dtext{
	padding-top: 11px;
	padding-left: 16px;
}

#logoa{
	margin-top: 240px;
}

#fw_tab{
	height: 53px;
	width: 130px;
	background: rgba(255, 255, 255, 0.3);
	text-align:center;
	vertical-align: middle;
	cursor:pointer;	
    -moz-border-radius: 3px 0px 0px 0px;      /* Gecko browsers */
    -webkit-border-radius: 3px 0px 0px 0px;   /* Webkit browsers */
    border-radius:3px 0px 0px 0px;          /* W3C syntax */
}

#inputbox{
	margin-left: -16px;
}

#jewelry_tab{
	width: 189px;
	height: 53px;
	background: rgba(255, 255, 255, 0.1);
	text-align:center;
	cursor:pointer;	
    -moz-border-radius: 0px 3px 0px 0px;      /* Gecko browsers */
    -webkit-border-radius: 0px 3px 0px 0px;   /* Webkit browsers */
    border-radius:0px 3px 0px 0px;          /* W3C syntax */
}

.tab_text{
	height:17%;
    vertical-align:middle;
}

#phone{
	margin-left: 15px;
}

#weixin{
	margin-left: 15px;
}

#weibo{
	margin-left: 15px;
}

.sprite{	
	display:inline-block;
	vertical-align: top;
}

.fw_margin{
	margin: 15px 0 15px 0;
}

.fw_submit{
	border-radius: 0 !important;
	height:45px;
	width:115px;
	font-size: 20px;
	background-color: #FBEE67;
	color: #6F9B4E;
}

#fw_phone_img{
	position: absolute;
	bottom: 40px;
	right: 200px;
	height:600px;
	width:auto;
}

#serviceClsImg{
	position: absolute;
	bottom: 50px;
	right:100px;
}

.padding-left-40{
	padding-left:40px;
}

@media (max-width : 1920px) and (min-width: 1820px){
	#fw_phone_img{
		position: absolute;
		bottom: 40px;
		right: 260px;
		height:691px;
		width:auto;
	}

	.spriteImg{
		position:absolute;
		bottom: 200px;
	}
}

@media (max-width : 1820px) and (min-width: 1721px){
	#fw_phone_img{
		position: absolute;
		bottom: 40px;
		right: 230px;
		height:620px;
		width:auto;
	}
}

@media (max-width : 1520px) and (min-width: 1420px){
	#fw_phone_img{
		position: absolute;
		bottom: 40px;
		right: 180px;
		height:580px;
		width:auto;
	}
}

@media (max-width : 1420px) and (min-width: 1280px){
	#fw_phone_img{
		position: absolute;
		bottom: 40px;
		right: 100px;
		height:480px;
		width:auto;
	}

	#serviceClsImg{
		position: absolute;
		bottom: 50px;
		right:40px;
	}
}

@media (max-width : 1279px) and (min-width: 1024px){
	#fw_phone_img{
		position: absolute;
		bottom: 40px;
		right: 60px;
		height:460px;
		width:auto;
	}

	#serviceClsImg{
		position: absolute;
		bottom: 50px;
		right:10px;
	}
}

@media screen and (max-width: 1024px){
	#fw_phone_img{
		visibility:hidden;
	}

	#serviceClsImg{
		position: absolute;
		margin:0px 0px 10px 0px;
		right:40px;
	}
}

@media screen and (max-width: 800px){
	#serviceClsImg{
		position: absolute;
		margin:0px 0px 10px 0px;
		right:20px;
	}
}

#fw_form{
	padding:10px 10px 10px 10px;
}

.spriteImg{
	position:absolute;
	bottom: 100px;
}


.fw_table{
	background: rgba(255, 255, 255, 0.3);
	padding: 10px;	
    -moz-border-radius: 0px 3px 3px 3px;      /* Gecko browsers */
    -webkit-border-radius: 0px 3px 3px 3px;   /* Webkit browsers */
    border-radius:0px 3px 3px 3px;            /* W3C syntax */
}

#logo{
	margin-top:145px;
	position: relative;
	z-index: 1002;
}

.black{
	color:#555;
}
.linkCls{
	color:#fff;
}
.linkCls:hover{
	color:#0ebfa1 !important;
}
.logo{
	margin-top:165px;
	position: relative;
	z-index: 1002;
}
#inputDiv{
	position: relative;
	z-index: 1002;	
}
.plate-logo{
	font-size:40px;
	font-weight:700;
	text-shadow:0 2px 3px rgba(0,0,0,.5);
	letter-spacing: 0.1em;
}

 .navbar-inverse .navbar-form{
	background-color:transparent;
	border-color:transparent;
}
.navbar-inverse{	
	background: #FFF;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-color:transparent;

}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	color:#0ebfa1;
	background-color: #333;
}
.navbar-inverse .navbar-nav > li > a{
	color:#666666;
	font-size: 1.4rem;
}
.navbar-inverse .navbar-nav > li > a:hover{
	color:#0ebfa1;
}
.fa-user{
	font-size: 17px;
}
.fa-qq,.fa-phone{
	padding-top:8px;
	font-size: 16px;
}
.user:hover{
	color:#0ebfa1;
}
.serviceCls,.phoneCls,.user,.pointerCls{
	cursor:pointer;
}
.user a{
	color:#fff;
}
.fwmInput{
	font-size: 18px;
	border-color:#0ebfa1;
}
.input-group{
	position: relative;
	z-index: 1002;	
}
.ptext{
	color:#fff;
	padding-top:11px;
	padding-right:15px;
}
.serviceCls:hover{
	color:#0ebfa1;
}
.phoneCls:hover{
	color:#0ebfa1;
}
.user:hover{
	color:#0ebfa1;
}
.bottomImg{
	bottom:100px;
	position: fixed;
	z-index: 100;
	left:0px;
}
.boImg{
	margin-left:28px;
	cursor:pointer;
}
.QQ{
	padding-top:4px;
	padding-left:30px;
	vertical-align: middle;
}
.serviceCls{
	padding-right: 30px;
}
#checkBtn{
	border-radius: 0 !important;
	height:45px;
	width:115px;
	font-size: 20px;
	background-color:#FFcc22;
	color: #F4E762;
}
.form-control{
	border-radius: 0 !important;
	height:45px;
}

.flow{
	margin-top:235px;
}
#modalContent{
	color:#555;
}
#shadow {
	background:#000;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:100;
	opacity:0.80;
	filter: alpha(opacity = 80);
	zoom:1;
}
#illustration{
	border:solid 1px #dcdcdc;
	width:420px;
	text-align:left;
	margin-right:20px;
	padding:20px;
	z-index:1002;
	position:relative;
	color:white;
}
#SantaClaus{
	position:fixed;
	top:36%;
	right:-170px;
}
#notice-myModal{
	color:#555;
	font-size: 16px;
}
#notice-title{
	color: #ff553e;
	padding:10px 0px;
}
#notice-content p{
	text-indent: 2em;
}