#container{width:100%;margin:0 auto;text-align:left;}
#header{}
#content{padding-top:65px;}
#footer{padding:10px 20px;}
#error{margin:0;padding:0;list-style:none;}
#error li{font-weight:bold;color:#d00;}

/* Form */
#create_form em{font-size:12px;color:#555;}
#create_form label{font-weight:bold;}
#create_form #url{width:200px;}
#create_form #alias{width:100px;}
#create_form .button{font:13px "Trebuchet MS";}
#bookmarklets{padding:5px;background-color:#eee;}
#qr_input{overflow:hidden;}
.qr_nav{width:30%;float:left;}
#qr_color,
#qr_logo{display:none;}
.txt{height:22px;border:1px solid #cdcdcd;width:180px;}
.logo_btn{background-color:#FFF;border:1px solid #CDCDCD;height:24px;width:70px;}
nav.navbar-fixed-top{z-index:10000;}
nav.navbar-fixed-top img{width:35px;}
#qr_url,
#qr_cont,
#qr_addr,
#qr_wifi,
#qr_Telephone,
#qr_Email_ADR,
#qr_Email_msg,
#qr_Plain_Text,
#qr_SMS,
#qr_event,
#qr_download,
#qr_about{min-height:600px;padding:20px;}
.row{margin-right:0px;margin-left: 0px;}
.preview img{max-width:400px;}
.banner{position:relative;overflow:auto;}
.banner li{list-style:none;}
.banner ul li{float:left;}
#content{background:#F5F5F5;}
.select-default .select2-choice{/*background-color:#1abc9c;*/}
.input-group-addon{background-color:#1abc9c;border:2px solid #1abc9c;}
nav.navbar-fixed-top,
#shortener,
#shortener:hover,
#wifigenerate,
#wifigenerate:hover,
#codeAddress,
#codeAddress:hover,
.input-group-addon,
.select-default .select2-choice,
.slider-handle,
.select2-drop .select2-highlighted > .select2-result-label,
.select2-drop .select2-highlighted > .select2-result-label:hover,
.select-default .select2-choice:hover,
.select-default .select2-choice.hover,
.select-default .select2-choice:focus,
.select-default .select2-choice:active{
	/*background-color:#ff8a00;   */
    background: transparent;
    color: gray;
    background: -webkit-linear-gradient(left bottom, transparent 60%, rgba(128, 128, 128, 0.5)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top right, transparent 60%, rgba(128, 128, 128, 0.5)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top right, transparent 60%, rgba(128, 128, 128, 0.5)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to top right, transparent 60%, rgba(128, 128, 128, 0.5)); /* 标准的语法（必须放在最后） */
}
#wifigenerate{
	margin: 10px 0;
	    box-shadow: 3px -3px 10px -2px #888888 !important;
}
#mynavbar a,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{color:#ffffff;}

/*.option_tabs li:not(active){background-color: #eee}*/
#option_tabs a{background-color: transparent;border-top:none;border-left:none;border-right:none;color: gray}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {border-bottom: 5px solid #ff8a00;}
.input-group-addon{border:2px solid #ff8a00;}
.slider-handle{background-color:#ffffff;background-image:-moz-linear-gradient(top,#ffffff,#ffffff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ffffff));background-image:linear-gradient(to bottom,#ffffff,#ffffff);box-shadow: 3px -3px 10px -2px #888888;}
/*.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color: white; background:#ff8a00}*/
.dropdown-menu, .select2-drop { background-color: #ff8a00}
@media (max-width:1200px){
	/*#mynavbar{background-color:#787878;}*/
	#mynavbar li:hover{background-color:#e8e8e8;}
	#mynavbar li.dropdown.open:hover{background-color:#787878;}
	#mynavbar li a{color:#ffffff;}
	#mynavbar li a:hover{color:#000000;}
	.navbar-toggle,
	.navbar-default .navbar-brand,
	.navbar-default .navbar-toggle:before,
	.navbar-toggle:before,
	.navbar-default .navbar-toggle:hover:before,
	.navbar-default .navbar-toggle:focus:before{color:#ffffff;}
}
.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right: 0px;}
 .nav-tabs>li>a {
 	  text-align: center;
 }

 @media (min-width:768px){
 .qr-content-adjust{
 	margin-top: 30px;
 }
 ul.sidenav li img{
	width:56px;
	margin-right: 10px;
}
}
@media (max-width:768px){
 .select {
 	min-width: 180px;
 }
#option_tabs li{
	padding: 0 0 0 0;
}
ul.sidenav li img{
	width:25px;
	margin-right: 10px;
}
}
@media (min-width: 1056px) and (max-width: 1217px) {
 #content{padding-top:105px;}
}
@media (min-width: 888px) and (max-width: 1056px) {
 #content{padding-top:175px;}
}
@media (min-width: 768px) and (max-width: 888px) {
 #content{padding-top:225px;}
}
@media (max-width: 888px) {
 #content{padding-top:25px;}
}
.more-feature-adjust{
	padding-left: 21px;
}

ul.sidenav {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: gray;
	font-size: 14px;
	width: 100%;
	/*border-bottom: 1px solid #3373a9;
		width: 200px;
	border-top: 1px solid #003867;*/
}

/*ul.sidenav li span{	display: none; }
ul.sidenav li a:hover span {
	display: block;
	font-size: 0.8em;
	padding: 10px 0;
}*/
ul.sidenav li a:hover {
	background-color: #515151;
	/*border-top: 1px solid #1a4c76;*/
}
ul.sidenav li a{
	display: block;
	color: #fff;
	text-decoration: none;
    padding: 12px 0 12px 20px;
    margin: 0;
	/*width: 155px;
	background: url(sidenav_a.gif) no-repeat 5px 7px;
	border-top: 1px solid #3373a9;
	border-bottom: 1px solid #003867;*/
}
/*.sidenav>:first-child a{
	margin-top: 0;
}*/
ul.sidenav_layer li a{
	padding: 15px 0 15px 10%;
}
ul.sidenav_layer{
  list-style: none;
  font-size: 14px;
  width: 100%;
}
ul.sidenav_layer li{
  padding: 0 0 0 45%;
}
.select-default {
	background-color: transparent;
	border: 1px solid #888888;
    box-shadow: 3px -3px 10px -2px #888888 !important;
}

.navbar-adjust{
	box-shadow: none;
    background: transparent;
	background-color: #FFA500;
	max-width:1200px;
	position: relative;
	margin-bottom: 0
}
.input-adjust{
	border-radius: 0 ;
}
.nav-tabs>li>a:hover {border-color: transparent;}

.qr-padding-none{
	padding: 0;
}
.qr-margin-right-none{
	margin-right: 0;
}
@media (max-width:768px){
	ul.sidenav_layer li{
  padding: 0;
}
ul.sidenav li a {
	padding: 20px 0 20px 10%;
    margin: 0;
    text-align: center;
}
ul.sidenav_layer {
    list-style: none;
    font-size: 11px;
    width: 100%;
    padding: 0;
    float: left;
    text-align: center;
}
.qr-padding-none-xs{
	padding-left: 5px;
	padding-right: 5px;
}
}

.navbar-header{max-width: 100%;}
.mbm{margin-top: 10px;}
.mbm input{border: 0px solid #ccc;border-bottom: 2px solid #FFA500;background-color: initial;margin-bottom: 10px;}
.mbm span{font-size: 14px;margin-right: 10px;}
@media  screen and (max-width: 500px){
 .mbm span{margin-right: 2px;}
}
.mbm textarea{border: 2px solid #FFA500}
.text-center{text-align: center;}
.qrcode-craete img{background-color:#ffffff;box-shadow: 0 0 5px 3px rgb(169, 169, 169);max-width: 71%;height: auto;}
.preview-adjust{text-align:center;overflow:hidden;margin-top:10%;padding:10%;}
body{
	background: -webkit-linear-gradient(#FFA500, #FF4500); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#FFA500, #FF4500); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#FFA500, #FF4500); /* Firefox 3.6 - 15 */
    background: linear-gradient(#FFA500, #FF4500); /* 标准的语法（必须放在最后） */
}

#content{
	max-width:1200px;margin:0 auto 30px auto;padding-top:0
}
.nav-line-right{padding:0;border-right:1px solid rgb(169, 169, 169);}
.nav-line-left{padding:0;border-left:1px solid rgb(169, 169, 169);}



.sidenav span{
	margin-top: 15px;margin-left: 30px;color: #ffffff;font-size: 14px;position: absolute;
}
@media (max-width:768px){
.sidenav span{
	margin-top: 0px;margin-left: 0px;color: #ffffff;font-size: 11px;position: relative;
}
}


#jquery_test{
   text-align: center;padding: 0;display: none;
}

#jquery_test2{
	text-align: center;padding: 0;display: none;   font-size: 10px;
}

#jquery_test3{
	text-align: center;padding: 0;display: none;   font-size: 10px;
}

#jquery_test2 img{
   width:20px;
}

#jquery_test3 img{
   width:20px;
}
#jquery_test3 .item{
   width:20px;
}
#jquery_test2 div{
  border-top:1px solid gray;
  border-left:1px solid gray;
  text-align: left;
  padding-left: 5px;
  padding-top: 3px;
}

@media (max-width:768px){
.display-in-min{
	display: none  !important;
}

#jquery_test{
	display: block;
}
#jquery_test3{
	display: block;
}
.nav-line-right{border-right:none;}
}

.tooltip.top .tooltip-arrow {
    border-top-color: transparent ;
}

.tooltip-inner {
    color: #858585 ;
    background-color: transparent ;
}

.tooltip.top{
    margin-top: 8px;
}


::-webkit-input-placeholder { 
    color: #FFA500 !important;
}
:-moz-placeholder { 
    color: #FFA500 !important;
}
::-moz-placeholder { 
    color: #FFA500 !important;
} /* for the future */
:-ms-input-placeholder { 
    color: #FFA500 !important;
}