@charset "utf-8";
@font-face {font-family: "iconfont";
  src: url('iconfont.eot'); /* IE9*/
  src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff') format('woff'), /* chrome、firefox */
  url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
/* CSS Document  */
*{ font-family:"微软雅黑";}
body{font-family:"宋体", Arial,Verdana, sans-serif, Helvetica;font-size:12px;margin:0;background:#FFF;color:#000; background:#f3f3f3 url(../images/htbg1.png) repeat-y;}
dl,ul,li{list-style:none;}
a img{border:0;}
a{color:#000;}
a:link,a:visited,a:active,a:hover{text-decoration:none;}
.clearboth {clear:both;font-size:0px;}
input {vertical-align:middle;}
input[type="text"], input[type="password"], textarea{border: #dfdfdf solid 1px; border-radius:4px; padding:1px 3px;}
label{vertical-align:middle;display:inline-block; font-family:'Tahoma';}
body,html{height:100%;}
select{ vertical-align:middle;}
.noneBox {display:none;}
/*----头---------------------------*/
.header{width:100%;height:61px;background:#FFF; position:relative; overflow:hidden;}
.header01{position:absolute; left:0px; top:0px; height:60px;width:180px;margin-left:0px;background:#528dff url(../images/logoht.png) center no-repeat; border-bottom:#2e3254 solid 1px; background-size:80% auto;}
.header02{ height:60px; width:auto; font-size:13px; font-family:"微软雅黑"; border-bottom:#ebebeb solid 1px; margin-left:180px; position:relative;}
.header02 .l{ float:left; height:40px; line-height:40px; padding:10px;}
.header02 .l img{ height:36px; width:36px; border-radius:40px; border:#CCC solid 1px; padding:1px; overflow:hidden; vertical-align:middle; margin-left:20px; margin-right:10px;}
.header02 .r{ float:right; position:absolute; top:13px; right:10px;}
.header02 .r ul{ display:block; overflow:hidden; margin:0px;}
.header02 .r ul li{ display:block; float:left; width:100px; border-right:#dfdfdf solid 1px;}
.header02 .r ul li a{ display:block; width:100%; text-align:center;}
.header02 .r ul li.s{ display:block; width:226px; height:40px; background:url(/images/bg_search.png) no-repeat; margin-left:20px; background-size:auto 33px; position:relative;}
.header02 .r ul li.s .keywords{ position:absolute; left:30px; top:6px; width:170px; height:20px; border:0px; background:none;}
/*----left---------------------------*/
.left{float:left;width:180px;height:auto; padding-top:30px;}
.left01{width:180px;height:33px;background:url(../images/left01_bei.gif) repeat-x;margin-bottom:8px;}
.left01_left{display:none;}
.left01_right{display:none;}
.left01_c{float:left;height:33px;line-height:33px;width:180px;padding-left:10px;color:#002f76;}
.left01_c img{height:17px;width:17px;margin:3px 10px 0 0;}
.left02{width:180px;height:auto;margin-bottom:8px;}
.left02top{width:180px;height:44px; cursor:pointer; position:relative;}
.left02top_left{ position:absolute; left:15px; top:5px; color:#5f78a2; border:#5f78a2 solid 2px; width:22px; height:22px; line-height:22px; text-align:center; border-radius:30px; font-size:13px; overflow:hidden;
				font-family: "iconfont";
}
.left02top#on .left02top_left{color:#12bcd5; border:#12bcd5 solid 2px;}
.left02top#on .left02top_c{color:#12bcd5;}
.left02top_right{display:none;}
.left02top_c{float:left;height:36px;line-height:36px; font-weight:bold;color:#5f78a2; font-size:14px; padding-left:50px;}
.left02down{height:auto; display:none;}
.left02down01{height:36px;line-height:36px; overflow:hidden; padding-left:50px; width:100%;}
.left02down01 a{ position:relative; color:#7e94bd; font-size:14px;}
.left02down01_img{ position:absolute; left:-10px; top:2px; width:10px; height:10px;}
.left02down01_xia ul{margin:0;padding:0 5px 0 19px;}
.left02down01_xia li{width:auto;height:20px;line-height:20px;margin:3px 0;padding-left:2px;}
.left02down01_xia_li{background:#eff6ff;} 
.left03_right{float:right;height:33px;width:30px;background:url(../images/03.gif);}
.left03_c{float:left;height:33px;line-height:33px;width:171px;padding-left:10px;color:#002f76;}
/*----rrcc-------------*/
.rrcc{width:auto;margin:8px 0px 8px 180px;}
/*----center---------------------------*/
.center{float:left;height:200px;width:8px;margin-left:8px!important;margin-left:4px; background:url(../images/center0.gif) no-repeat;cursor:pointer; display:none;}


/*----right---------------------------*/
.right{width:auto; background:#fff; padding:16px; min-height:500px; background:#f3f3f3;}
.right span{color:#666;}
.right01{ position:relative;}
.right01 img{ display:none;}
.right01 span{ display:block; width:auto; color:#666666; font-size:14px; font-weight:bold; font-size:16px;}
.right01 span:after{ content:"本页数据当日已更新"; display:block; font-size:14px; height:26px; line-height:26px; color:#aaaaaa; font-weight:normal;}

.right .rcontent{ padding:10px; border:#dfdfdf solid 1px; border-radius:6px; background:#FFF; margin:10px 0px;}
/*****************************************/ 
.main_nav{ overflow:hidden; background:#f3f3f3 url(../images/htbg1.png) repeat-y;}
.footer{ text-align:center; width:100%; height:50px; color:#999; margin-top:20px;}

.set_quanxian div{ margin-right:5px; float:left;}

/******* 列表样式 *************************/
.list {color:#454545; width:100%;}
.list th{ height:40px; padding:3px; border-bottom:#D5D5D5 solid 1px; color:#333333; text-align:left; font-size:14px;}
.list td{ padding:3px; height:30px; border-bottom:#D5D5D5 solid 1px; text-align:left; color:#888888;}
.list td a{color:#888888;}
.list tr td:first-child{ color:#333333; }
.list tr td:first-child input{ display:none;}
.list tr td:last-child{ color:#333333; }
.list tr td:last-child a{ color:#333333; }



/******按钮*****/
.button{ background:url(../images/bt2.jpg) no-repeat; display:block; height:23px; width:77px; padding:0px 0px 0px 10px; line-height:23px; font-size:13px; font-weight:bold;cursor:pointer;}
.button span{ color:#000;}
.button:hover{background:url(../images/bt2_on.jpg) no-repeat; color:#FFF;}
.button:hover span{color:#FFF;}

.button2{ background:url(../images/bt2.jpg) no-repeat; display:block; height:23px; width:77px; padding:0px 0px 0px 10px; line-height:23px; font-size:13px; font-weight:bold; padding:0px; border:0px; vertical-align:middle; float:left; margin-right:10px; cursor:pointer;}
.button2:hover{background:url(../images/bt2_on.jpg) no-repeat; color:#FFF;}
.button2 span{ color:#000;}
.button2:hover span{color:#FFF;}

/******* edit列表样式 *************************/
.list_edit { color:#454545; width:100%; font-size:12px;}
.list_edit td{ padding:3px; background:#FFF; height:40px;}
.list_edit tr > td:first-child{text-align:right; color:#000;}
.list_edit .zq button{ vertical-align:middle;}


label{ cursor:pointer;}

/*展开缩小按钮*/
.kz{ border:#CCC solid 1px; cursor:pointer;}

/***** 翻页 ********/
.j_page_td { text-align:center !important; height:60px; border-bottom:0px !important; padding:10px 0px !important; padding-top:20px !important;}
.j_page_td .num{ padding:2px 6px; border:#CCC solid 1px; color:#666;}
.j_page_td .on{color:#FFF;  border:#3482BF solid 1px; background:#3482BF;}
.j_page_td .l{ float:left; padding-left:17px; vertical-align:middle;}
.j_page_td a{ margin:0px 3px; color:#666;}
.j_page_td span{ vertical-align:middle; }
.j_page_td button{ vertical-align:middle; margin-left:5px;}

/***** 搜索项 *********/
.search .s{ white-space:nowrap; float:left; display:block; padding-right:10px; padding-bottom:3px;}
.search .s span{ vertical-align:middle;}

/***** on/off ***/
.bd_on{background:url(../images//images/connect.png) no-repeat; width:16px; height:16px;}
.bd_off{background:url(../images//images/connect_dis.png) no-repeat; width:16px; height:16px;}

.yes_on{background:url(../images//images/accept.png) no-repeat; width:16px; height:16px; cursor:pointer;}
.yes_off{background:url(../images//images/accept_dis.png) no-repeat; width:16px; height:16px;  cursor:pointer;}

.ipads{ cursor:pointer;}

/*** ico **/
.i_url789 { width:16px; height:16px; background:url(../images/is.png) 0px -160px no-repeat; display:inline-block; vertical-align: middle;}
.i_dwz { width:16px; height:16px; background:url(../images/is.png) 0px -40px no-repeat; display:inline-block; vertical-align: middle;}
.i_t { width:16px; height:16px; background:url(../images/is.png) 0px -0px no-repeat; display:inline-block; vertical-align: middle;}
.i_126 { width:16px; height:16px; background:url(../images/is.png) 0px -600px no-repeat; display:inline-block; vertical-align: middle;}
.i_url { width:16px; height:16px; background:url(../images/is.png) 0px -120px no-repeat; display:inline-block; vertical-align: middle;}

/*****/
.logout_bt{ background:url(../images/bt1.gif) no-repeat; width:54px;  height:24px; font-size:13px; font-weight:bold; line-height:24px; display:block; float:right; text-align:center; margin-top:7px; margin-left:10px;}
.logout_bt:hover{background:url(../images/bt1_on.gif) no-repeat; color:#FFF;}

.arc_list .is_nav{ cursor:pointer;}

.list_edit .t1{ font-weight:bold;}
.list_edit .t3{ padding-left:20px;}

.bt_add{ width:16px; height:16px; background:url(../images/ico.png) -138px -137px  no-repeat; float:left; margin:3px; margin-left:6px; cursor:pointer;}
.bt_del{ width:16px; height:16px; background:url(../images/ico.png) -171px -137px  no-repeat; float:left; margin:3px; margin-right:6px; cursor:pointer;}
.bt_up{ width:16px; height:16px; background:url(../images/ico.png) -103px -337px no-repeat; float:left; margin:3px; margin-left:6px; cursor:pointer;}
.bt_down{ width:16px; height:16px; background:url(../images/ico.png) -138px -337px no-repeat; float:left; margin:3px; margin-right:6px; cursor:pointer;}
.bt_move{ width:16px; height:16px; background:url(../images/menumove.png) no-repeat; float:left; margin:3px; margin-right:6px; cursor:pointer;}


/***********新登陆框********************/
.login_form{ margin:0px auto; vertical-align:middle; width:630px; height:408px; z-index:9999; position:relative;}
.login_form .bg{ display:block; position:absolute; width:100%; height:290px; background:#718BA2; bottom:30px; opacity:0.8}
.login_form .lg{ display:block; position:absolute; width:400px; height:250px; background:url(/images/bg_lg.png) no-repeat; background-size:210px auto; bottom:40px; left:54px; opacity:0.9}
.login_form .lg a{ display:block; width:110px; height:28px; border:#FFF solid 1px; border-radius:40px; position:absolute; left:52px; bottom:40px; background:url(/images/bg_jt.png) center no-repeat; background-size:20px auto;}
.login_form .fm{ display:block; position:absolute; width:250px; height:350px; bottom:0px; right:20px; padding:0 20px; background:#FFF; border:#D0D7DA solid 1px;}
.login_form .fm .t{ background:url(/images/ico_dl.png) left center no-repeat; background-size:22px auto; height:26px; line-height:26px; margin-top:40px; padding-left:28px; font-size:16px; font-weight:bold; margin-bottom:40px;}

.login_form .username, .login_form .password{display:block; line-height:40px; height:40px; font-size:12px; font-weight:bold;border:none; width:200px; border-bottom:#E0E0E0 solid 1px; margin-bottom:10px; border-radius:0px; width:242px; padding: 1px 3px; background:url(/images/bg_ren.png) right center no-repeat; background-size:20px auto; color:#333;}
.login_form .password{background:url(/images/bg_suo.png) right center no-repeat; background-size:18px auto;}
.login_form .sub{ display:block; margin:auto; margin-top:40px; width:220px; height:30px; background:#2097F5; border:0px; color:#FFF;  border-radius:40px;}

.tpl_div{ float:left; width:180px; height:280px; border:#999 solid 1px; text-align:center; margin-right:10px; padding:10px; overflow:hidden; line-height:18px; margin-bottom:15px;}
.tpl_div:hover{background:#FFF;}
.tpl_div img{ height:230px; max-width:180px;}
.tpl_div .i{ color:#555;}
.tpl_div .n{ font-size:14px; font-weight:bold;}

.at_tab{}
.at_tab .tabs{ width:100%; height:40px; border: 1px solid #c6c6c6;}
.at_tab .tabs span{ height:38px; line-height:38px; width:150px; display:block; float:left; text-align:center; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #c6c6c6; border-left: 1px solid #FFFFFF; background:#F3F3F3; font-size:14px; cursor:pointer;}
.at_tab .tabs span#on{ background:#FFF; border-top:#069 solid 3px; line-height:32px;}
.at_tab .tabsdiv{ height:200px; border: 1px solid #c6c6c6; border-top: 1px solid #FFFFFF;}


.tjhf{ width:100%; height:200px;}

.sendback{ overflow:hidden;}
.sendback .b_l{ width:50%; float:left;}
.sendback .b_r{ width:50%; float:right;}

.sendtiao{ border:#999 solid 1px; position:relative; overflow:hidden; margin-bottom:10px;}
.sendtiao .upimg{ display:block; height:65px; width:48px;}
.sendtiao .upimg span{ display:block; position:absolute; bottom:5px; left:0px; width:48px; text-align:center;}
.sendtiao .upimg .imgbg{ width:48px; height:48px;}
.sendtiao table{ width:100%; position:relative; padding:10px;}
.sendtiao table td{ position:relative;}
.sendtiao td.l{width:60px;}
.sendtiao td.r{width:60px;}

.sendtiao table td input{ display:block; width:99%;}

.sendtiao td.r .bt_add{ margin-left:15px;}
.sendtiao td.r .bt_up{ margin-left:15px;}

.sendtiao td{ border:0px;}
.sendtiao td textarea.i{ margin:0px; width:99%; padding:1px; height:150px; resize: none;}

.shadow {
-moz-box-shadow: 3px 3px 4px #555;
-webkit-box-shadow: 3px 3px 4px #555;
box-shadow: 3px 3px 4px #555;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#555555');
}

.s_menu{ background:url(../images/bg_4.jpg) no-repeat; height:624px; width:416px; margin:20px 0px; position:relative;}

.s_menu .add_m{ position:absolute; width:16px; height:16px; background:url(../images/ico.png) -138px -137px  no-repeat; float:left; margin:3px; margin-left:6px; cursor:pointer; left:15px; bottom:15px;}

.app_link{ font-size:14px; font-weight:bold;}

.wxmenu{ border:#CCC solid 1px; margin-bottom:20px; padding:10px; background:url(../images/menumove.png) top 10px right 10px no-repeat;}
.wxmenu ul{ margin:0px;}
.wxmenu ul li{ background:url(../images/menumove.png) top 5px right 20px no-repeat; overflow:hidden; display:block;}
.mainul{ width:500px;}

.card_type{ display:block; float:left; padding:10px;}
.card_type#on{ background:#CCC;}
.card_type img{ display:block; height:100px;}
.card_type .n{ line-height:22px; height:22px; text-align:center;}

.simg{ vertical-align:middle; padding-left:5px; padding-right:10px; cursor:pointer;}
.s_img{ display:none;}
.s_img img{ height:100px;}


.orderdeatilbox p{ padding:0px; margin:0px;}
.orderdeatilbox{padding:8px; line-height:22px; font-size:14px; overflow:hidden;}
.orderdeatil{ position:relative; padding:0 0 8px 0; margin-bottom:8px; border-bottom:#ccc 1px dashed; overflow:hidden;}
.orderdeatil:last-child{ border-bottom:none; padding:0; margin:0;}
.orderdeatil em,.cartlist em{ font-style:normal;}
span.tit_h{ color:#242424;}
.or_price p{ padding:3px 0;}
.logistics{ padding:10px 0;}
.logistics span{ display:block; width:255px; height:39px; margin:0 auto; background:url(../images/common/logistics.png) no-repeat; background-size:255px;}
.logistics span.step01{ background-position:0 0}
.logistics span.step02{ background-position:0 -50px;}
.logistics span.step03{ background-position:0 -100px;}
.logistics span.step04{ background-position:0 -150px;}
.logistics span.step05{ background-position:0 -200px;}
.logistics span.step06{ background-position:0 -250px;}
.canclorder{ margin:0 10px; width:50%; text-align:center;}
.changeaddr{  display:block; float:left; height:15px; width:14px; margin:7px 3px 0 0;background-position:-32px 0}
.user_orderlist_r{ float:left; padding:0px 0 0 5px; overflow:hidden; width:400px;}
.g_d_price{ color:#f02387; font-size:20px; padding-top:10px !important;}

.bottomdiv{ position:fixed; bottom:0; width:100%;background:#fff;box-shadow:0px -1px 2px rgba(0,0,0,.1); border:#ddd 1px solid; border-top:#fff 1px solid; z-index:99; }
.bottomdiv .inner{ padding:10px 10px; display:block;position:relative;}
.bottomdiv .inner .lmask{display: inline-block;*display: inline;padding:8px 0 0;margin-bottom: 0;*margin-left: .3em;font-size: 16px;text-align:center;color: #fff;position:absolute;z-index:20;top:10px;right:10px;width:152px;height:29px;background-color:rgba(255,255,255,0.4);*background-color: #efefef;}
.cart_time{ position:relative; padding-top:10px;}
.carticon{background-position:-10px -35px;display:block; width:19px; height:18px;}
.num_cart{ position:absolute; top:6px; left:12px; width:14px; height:14px; text-align:center; line-height:14px; background:#f02387; border-radius:7px; color:#fff;}
.num_cunt{ line-height:18px; padding-left:8px; font-style:italic; color:#585858; font-size:16px; font-family:Aparajita; font-weight:bold;}

.fl{ float:left;}
.fr{ float:right;}

.qx_list_w td{ text-align:left !important; font-size:14px; font-weight:bold;}
.qx_list_n td{ text-align:left !important; border:0px !important; font-size:12px; font-weight:100;}


.alert_msg{ position:absolute; top:-100px; width:20%; margin-left:40%; overflow:hidden; background:#CCC; padding:10px 20px; z-index:9999; border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; padding-top:30px; text-align:center; font-size:14px; display:block;box-shadow: 0px 0px 6px #888888;}

.ipt_time{ width:80px; text-align:center;}
.setdel{text-decoration:line-through; color:#AAA;}
.setdel a{text-decoration:line-through; color:#AAA;}

.info_main td{}
.info_box { border: #D5D5D5 solid 1px; color: #1195C2;width:100%; float:left; margin-bottom:6px; overflow:hidden;}
.info_box th{ height:32px; line-height:32px; background: #F7F8F9; padding: 0px; border-bottom: #D5D5D5 solid 1px; font-size:16px; text-align:left; padding-left:10px;}
.info_box th  span{ padding-left:8px; border-left:#1195C2 solid 3px; color: #1195C2;}
.info_box .nr{ background:#FFF;}
.info_box .nr table{ border:0px; margin-bottom:-1px;}
.info_box .nr table td:last-child{ border-right:0px;}

.search .s span{ display:none;}
.search .s input{ border:#dfdfdf solid 1px; padding:3px;}
.search .s input[type="submit"]{ border:0px; padding:0px;}
.search .s select{border:#dfdfdf solid 1px; height:27px;}
.chk_time{ width:150px !important;}
#pager_go{ width:40px !important; text-align:center;}

.fjmenus{ width:564px;}
.fjmenus div{ width:561px; background:#EEE !important; padding:0px !important;}
.fjmenus input{ border:0px; display:block; width:100% !important; height:100% !important; border-radius:0px;}

.btn {
	margin: 10px;
	text-decoration: none;
	font: bold 1.5em 'Trebuchet MS', Arial, Helvetica; /*Change the em value to scale the btn*/
	display: inline-block;
	text-align: center;
	color: #fff;
	border: 1px solid #9c9c9c; /* Fallback style */
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
}
.btn, .btn span {
	-moz-border-radius: .3em;
	border-radius: .3em;
}
.btn span {
	border-top: 1px solid #fff; /* Fallback style */
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	padding: 0.5em 2.5em;                        /* The background pattern */
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
	background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);            /* Pattern settings */
	-moz-background-size: 3px 3px;
	-webkit-background-size: 3px 3px;
	background-size: 3px 3px;
	color:#FFF !important;
}
.btn:hover {
	box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 .1em rgba(0, 0, 0, 0.4);
}
.btn:active {            /* When pressed, move it down 1px */
	position: relative;
	top: 1px;
}                /*----------------------------*/
.btn-khaki {
	background: #A2B598;
	background: -webkit-gradient(linear, left top, left bottom, from(#BDD1B4), to(#A2B598) );
	background:-moz-linear-gradient(-90deg, #BDD1B4, #A2B598);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BDD1B4', EndColorStr='#A2B598');
}
.btn-khaki:hover {
	background: #BDD1B4;
	background: -webkit-gradient(linear, left top, left bottom, from(#A2B598), to(#BDD1B4) );
	background: -moz-linear-gradient(-90deg, #A2B598, #BDD1B4);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A2B598', EndColorStr='#BDD1B4');
}
.btn-khaki:active {
	background: #A2B598;
}                /*----------------------------*/
.btn-blue {
	background: #4477a1;
	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
	background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#81a8cb', endColorstr='#4477a1');
}
.btn-blue:hover {
	background: #81a8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
	background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4477a1', endColorstr='#81a8cb');
}
.btn-blue:active {
	background: #4477a1;
}                /*----------------------------*/
.btn-brown {
	background: #8f3714;
	background: -webkit-gradient(linear, left top, left bottom, from(#bf6f50), to(#8f3714) );
	background: -moz-linear-gradient(-90deg, #bf6f50, #8f3714);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#bf6f50', EndColorStr='#8f3714');
}
.btn-brown:hover {
	background: #bf6f50;
	background: -webkit-gradient(linear, left top, left bottom, from(#8f3714), to(#bf6f50) );
	background: -moz-linear-gradient(-90deg, #8f3714, #bf6f50);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#8f3714', EndColorStr='#bf6f50');
}
.btn-brown:active {
	background: #8f3714;
}                /*----------------------------*/
.btn-green {
	background: #428739;
	background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) );
	background: -moz-linear-gradient(-90deg, #c8dd95, #428739);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
}
.btn-green:hover {
	background: #c8dd95;
	background: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95) );
	background: -moz-linear-gradient(-90deg, #428739, #c8dd95);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95');
}
.btn-green:active {
	background: #428739;
}                /*----------------------------*/
.btn-red {
	background: #D82741;
	background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
	background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
}
.btn-red:hover {
	background: #E84B6E;
	background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) );
	background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
}
.btn-red:active {
	background: #D82741;
}        /*----------------------------*/
.btn-purple {
	background: #6F50E7;
	background: -webkit-gradient(linear, left top, left bottom, from(#B8A9F3), to(#6F50E7) );
	background: -moz-linear-gradient(-90deg, #B8A9F3, #6F50E7);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#B8A9F3', EndColorStr='#6F50E7');
}
.btn-purple:hover {
	background: #B8A9F3;
	background: -webkit-gradient(linear, left top, left bottom, from(#6F50E7), to(#B8A9F3) );
	background: -moz-linear-gradient(-90deg, #6F50E7, #B8A9F3);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#6F50E7', EndColorStr='#B8A9F3');
}
.btn-purple:active {
	background: #6F50E7;
}        /*----------------------------*/
.btn-black {
	background: #141414;
	background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414) );
	background: -moz-linear-gradient(-90deg, #656565, #141414);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');
}
.btn-black:hover {
	background: #656565;
	background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565) );
	background: -moz-linear-gradient(-90deg, #141414, #656565);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');
}
.btn-black:active {
	background: #141414;
}                /*----------------------------*/
.btn-orange {
	background: #f09c15;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );
	background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15');
}
.btn-orange:hover {
	background: #f8c939;
	background: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939) );
	background: -moz-linear-gradient(-90deg, #f09c15, #f8c939);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939');
}
.btn-orange:active {
	background: #f09c15;
}                /*----------------------------*/
.btn-silver {
	background: #c5c5c5;
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );
	background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');
}
.btn-silver:hover {
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea) );
	background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');
}
.btn-silver:active {
	background: #c5c5c5;
}