body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
}
  .form-new-top {
        margin-top: 15px !important;
      
    }
  .form-new {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}
.tbntb{
    padding-top:6px;
    padding-bottom:6px;

}
.btntb {
    padding-bottom:6px;
    padding-top:6px;
}
.frameborder {
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 5px;
    margin: 0;
}
.framepad {
   padding-top:5px !important;
   padding-bottom:0 !important;
   padding-left:0 !important;
   padding-right:5px !important;
}
.frametitle {
    padding:5px 0 5px 10px;

}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 390px;
}

table input {
    height:26px;
}
form input {
    height:26px;
}
/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.formtable {
    margin-top: 10px;
    background:rgba(0, 0, 0, 0);
    border-collapse: separate;
    border-spacing: 1px;
    border: 0;
    width: 100%;
}

    .formtable tr th {
        font-weight: normal;
        height: 40px;
        background:  rgba(0, 0, 0, 0);
        text-align:right;
    }

    .formtable tr td {
        padding: 2px;
        background: rgba(0, 0, 0, 0);
    }

.formtable-W {
    margin: 5px;
    background: #dbe8fa;
    border-collapse: separate;
    border-spacing: 0 1px;
    border: 0;
    width: 99%;
}

    .formtable-W tr th {
        padding-left: 5px;
        font-weight: normal;
        height: 40px;
        width: 20%;
        background: #f3f5f9;
    }

    .formtable-W tr td {
        padding-left: 5px;
        background: #ffffff;
    }

.formtable-H {
    background: #dbe8fa;
    border-collapse: separate;
    border-spacing:1px 0 ;
    border: 0;
    width: 100%;
    height:inherit;
}

    .formtable-H tr td {
        padding: 5px;
        background: #ffffff;
    }
/*切换按钮*/
.change-btn{
  width: 144px;
  height: 30px;
 
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  background: #f9fcff;
  border-radius: 6px;
  /*border:1px solid #959ead;*/
  overflow: hidden;
}

.cnen{
  margin-top: 2px;
  width: 144px;
  background: #f9fcff;
  border-radius: 6px;
  border:1px solid #959ead;
  font-size: 12px;
  color:#2c3940;
  padding:0;
  overflow: hidden;
  display: none;
}
.cnen li{
  width: 144px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  padding-left:0px;
  position: relative;
  border-bottom: 1px solid #dfe4ec; 
}
.c-01:before,
.c-02:before,
.c-03:before,
.c-04:before,
.c-05:before,
.c-06:before{
  content: '';
  display: block;
  height: 30px;
  width: 36px;
  position: absolute;
  top:0;
  left:0;
}
/*.c-01:before{
  background: url(../images/cn_bg.png) no-repeat;
}
.c-02:before{
  background: url(../images/en_bg.png) no-repeat;
}
.c-03:before{
  background: url(../images/other01.png) no-repeat;
}
.c-04:before{
  background: url(../images/other02.png) no-repeat;
}
.c-05:before{
  background: url(../images/other03.png) no-repeat;
}
.c-06:before{
  background: url(../images/other04.png) no-repeat;
}*/


.cnen li:hover{
  background: #dcecff;
}
.change-box{
      position:absolute;
}
.change-boxs{
      position:absolute;
       top:5px;
  right:0;
}
.change-btn:after{
  content: '';
  display: block;
  height: 30px;
  width: 36px;
  background: url(../image/bullet_arrow_down.png) no-repeat center;
  position:absolute;
  top:0;
  right:0;
}
.change-btn:hover:after{
  background: url(../image/bullet_arrow_up.png) no-repeat center;
}  

.cnens{
  margin-top: 2px;
  width: 144px;
  background: #f9fcff;
  border-radius: 6px;
  border:1px solid #959ead;
  font-size: 12px;
  color:#2c3940;
  padding:0;
  overflow: hidden;
  display: none;
}
.cnens li{
  width: 144px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  padding-left:0px;
  position: relative;
  border-bottom: 1px solid #dfe4ec; 
}
.cnens li:hover{
  background: #dcecff;
}
.sortul{height:19px; padding:4px 0 0 10px; overflow:hidden; margin:5px 0; background:#daeef9 url(../image/toolbar/buttonbg1.gif) repeat-x center; border:1px solid #dddee2;}


.banner {
	position: relative;
	width: 100% !important;
	overflow: auto;
	font-size: 18px;
	line-height: 24px;
	text-align: center;

	color: rgba(255,255,255,.6);
	text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);

	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
	.banner ul {
		list-style: none;
		width: 300%;
	}
	.banner ul li {
		display: block;
		float: left;
		width: 33%;
		min-height: 350px;

		-o-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;

		box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
	}

	.banner .inner {
		padding: 160px 0 110px;
	}

	.banner h1, .banner h2 {
		font-size: 40px;
		line-height: 52px;

		color: #fff;
	}

	.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;

		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;

		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}

	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}

	.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;

			text-indent: -999em;

			border: 2px solid #fff;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}

	.banner .arrows {
		position: absolute;
		bottom: 20px;
		right: 20px;
		color: #fff;
	}
		.banner .arrow {
			display: inline;
			padding-left: 10px;
			cursor: pointer;
		}
.wrap {
	margin: 0 auto;
	width: 960px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	.wrap {
		width: 90%;
	}
	#logo {
		left: 50px;
		top: 30px;
	}

	.banner h1, .banner h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.banner ul li {
		height: 240px;
	}
	.banner .inner {
		padding-top: 100px;
		padding-bottom: 50px;
	}
	.banner p {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}

}

#skin-cloth {
    background: url(/img/body/cloth.png);
}

#skin-tectile {
    background: url(/img/body/tectile.png);
}
@media (min-width: 1024px) {
    /* --------------------------------------------------------
        Template Blur Skins for Desktop
    -----------------------------------------------------------*/
    [id^="skin-blur-"] {
        background-size: 100% 100%;
        background-attachment: fixed;
    }

    #skin-blur-violate {
        background-image: url(/img/body/violate.jpg);
    }

    #skin-blur-lights {
        background-image: url(/img/body/lights.jpg);
    }

    #skin-blur-city {
        background-image: url(/img/body/city.jpg);
    }

    #skin-blur-greenish {
        background-image: url(/img/body/greenish.jpg);
    }

    #skin-blur-night {
        background-image: url(/img/body/night.jpg);
    }
    
    #skin-blur-sunny {
        background-image: url(/img/body/sunny.jpg);
    }

    #skin-blur-blue {
        background-image: url(/img/body/blue.jpg);
    }
    
    #skin-blur-chrome {
        background-image: url(/img/body/chrome.jpg);
    }


    #skin-blur-ocean {
        background-image: url(/img/body/ocean.jpg);
    }
    
    #skin-blur-sunset {
        background-image: url(/img/body/sunset.jpg);
    }
    
    #skin-blur-yellow {
        background-image: url(/img/body/yellow.jpg);
    }

    #skin-blur-kiwi {
        background-image: url(/img/body/kiwi.jpg);
    }
    
  
}
@media (max-width: 1024px) {
    /* --------------------------------------------------------
        Template Skins for Mobile
    -----------------------------------------------------------*/
    #skin-blur-violate {
        background: #581528;
    }

    #skin-blur-lights {
        background: #152d33;
    }

    #skin-blur-city {
        background: #321e39;
    }

    #skin-blur-greenish {
        background: #233335;
    }

    #skin-blur-night {
        background: #0F3D52;
    }
    
    #skin-blur-sunny {
        background: #44360B;
    }
    
    #skin-blur-blue {
        background: #2B6474;
    }
    
    #skin-blur-chrome {
        background: #40404E;
    }
    
    #skin-blur-ocean {
        background: #0064B3;
    }
    
    #skin-blur-sunset {
        background: #883527;
    }
    
    #skin-blur-yellow {
        background: #915D25;
    }

    #skin-blur-kiwi {
        background: #0f4731;
    }
    

}


    .scroll-box {
	width:400px;
	height:40px;
	border:0;
    padding-top:10px;
	margin:0px;
	overflow:hidden;
}
.scroll-box ul {
	list-style:none;
	width:100%;
	height:100%;
}
.scroll-box ul li {
	width:100%;
	height:30px;
	box-sizing:border-box;
	line-height:40px;
	text-align:left;
}
.bg000 {
    background-color: rgba(0,0,0,0) !important;
}
.bg001 {
    background-color: rgba(0,0,0,0.1) !important;
}
.bg002 {
    background-color: rgba(0,0,0,0.2) !important;
}
.bg003 {
    background-color: rgba(0,0,0,0.3) !important;
}
.bg004 {
    background-color: rgba(0,0,0,0.4) !important;
}
.bg005 {
    background-color: rgba(0,0,0,0.5) !important;
}
.bg006 {
    background-color: rgba(0,0,0,0.6) !important;
}
.bg007 {
    background-color: rgba(0,0,0,0.7) !important;
}
.bg008 {
    background-color: rgba(0,0,0,0.8) !important;
}
.bg009 {
    background-color: rgba(0,0,0,0.9) !important;
}
select {
    background-color: rgba(0, 0, 0, 0) !important;
}

option {
    background-color: rgba(0, 0, 0, 0.7);
}

input {
    background-color: rgba(0, 0, 0, 0) !important;
}