/* 
ZeroDesign_UI_SYS
Author:linmoco
QQ:284499169
Ver:1.0
Date:2015-03-01
Copyright 2015 ZeroDesign, Inc
E-mail:linmoco@163.com
*/
/*Base*/
body 				{font:14px/1.4 "微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif; -webkit-font-smoothing:antialiased; margin:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:none; width:100%; height:100%; font-weight:normal; line-height:24px; -x:hidden; overflow-x:hidden; background:#ddd;}
h1,h2,h3,h4,h5,h6	{font-family:"微软雅黑", "Microsoft YaHei", Arial, Helvetica, sans-serif; text-rendering:optimizelegibility; letter-spacing:normal; word-spacing:normal; margin:0; padding:0; line-height:1.2; font-weight:normal;}
h1					{font-size:2.2rem; margin:15px 0;}
h2					{font-size:2rem; margin:15px 0;}
h3					{font-size:1.6rem; margin:15px 0;}
h4					{font-size:1.2rem; margin:10px 0;}
h5					{font-size:1rem; margin:10px 0;}
h6					{font-size:.85rem; margin:10px 0;}
i,font,b,small,sub,sup,ins{display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; word-spacing:normal; vertical-align:middle; line-height:1; text-decoration:none;}
font				{font-weight:normal;}
b					{font-weight:bold;}
small				{font-size:70%;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:60%;}
p					{margin:0; padding:0; text-rendering:optimizelegibility; letter-spacing:normal; word-spacing:normal;}
hr					{border:none; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.1); margin:5px auto;}
sub,sup 			{position:relative; font-size:55%; line-height:0; vertical-align:baseline;}
sup 				{top:-.5em;}
sub 				{bottom:-.5em;}
img 				{border:0;}
a 					{text-decoration:none;}
a:link 				{}
a:hover 			{}
a:visited 			{}

/*Table*/
table 				{border-spacing:0; border-collapse:collapse; background-color:transparent;}
td,th 				{padding:0;}
caption 			{padding-top:5px; padding-bottom:5px; color:rgba(0,0,0,0.6);}
.table 				{width:100%; max-width:100%; margin-bottom:20px;}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {padding:8px 5px; line-height:1.4; vertical-align:middle; border-top:1px solid rgba(0,0,0,0.1);}
.table > thead > tr > th {vertical-align:bottom; border-bottom:2px solid rgba(0,0,0,0.05);}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td {border-top:0;}
.table > tbody + tbody {border-top:2px solid rgba(0,0,0,0.1);}
.table .table 		{background-color:rgba(255,255,255,0.90);}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td {padding:5px;}
.table-bordered 	{border:1px solid rgba(0,0,0,0.1);}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td {border:1px solid rgba(0,0,0,0.1);}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td {border-bottom-width:2px;}
.table-striped > tbody > tr:nth-of-type(odd) {background-color:rgba(0,0,0,0.02);}
.table-hover > tbody > tr:hover {background-color:rgba(0,0,0,0.05);}

/*Size*/
.s 					{}
.xs					{}
.m 					{}
.l 					{}
.xl 				{}

/*Site*/
.left 				{}
.up					{}
.right 				{}
.down				{}

/*Other*/
.title				{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:100%; margin:0; line-height:normal;}
.title * 			{display:inline;}
.clear				{clear:both;}
.none				{display:none;}
.collapse			{display:none;}
.collapse.in		{display:block;}
.collapsing 		{position:relative; height:0; overflow:hidden; -webkit-transition-timing-function:ease; -o-transition-timing-function:ease; transition-timing-function:ease; -webkit-transition-duration:.35s; -o-transition-duration:.35s; transition-duration:.35s; -webkit-transition-property:height, visibility; -o-transition-property:height, visibility; transition-property:height, visibility;}

.block 				{}
.active 			{}
.disabled 			{cursor:not-allowed; filter:alpha(opacity=65); opacity:.65; pointer-events:none; filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}
.default			{color:rgba(0,0,0,0.5); border-color:rgba(0,0,0,0.8);}
.default font		{color:rgba(0,0,0,0.8);}
.dark				{color:rgba(0,0,0,0.8); border-color:rgba(0,0,0,0.9);}
.dark font			{color:rgba(0,0,0,0.9);}
.light				{color:rgba(255,255,255,0.8); border-color:rgba(255,255,255,0.9);}
.light font			{color:rgba(255,255,255,0.9);}
.primary 			{color:rgba(0,51,153,0.8); border-color:rgba(0,51,153,0.9);}
.primary font		{color:rgba(0,51,153,0.9);}
.success 			{color:rgba(153,204,0,0.8); border-color:rgba(153,204,0,0.9);}
.success font		{color:rgba(153,204,0,0.9);}
.info 				{color:rgba(0,204,255,0.8); border-color:rgba(0,204,255,0.9);}
.info font			{color:rgba(0,204,255,0.9);}
.warning 			{color:rgba(255,102,0,0.8); border-color:rgba(255,51,0,0.9);}
.warning font		{color:rgba(255,102,0,0.9);}
.danger 			{color:rgba(221,0,0,0.8); border-color:rgba(221,0,0,0.9);}
.danger font		{color:rgba(221,0,0,0.9);}
.bg_default			{background-color:rgba(100,100,100,0.2);}
.bg_dark			{background-color:rgba(0,0,0,0.2);}
.bg_light			{background-color:rgba(255,255,255,0.2);}
.bg_primary			{background-color:rgba(0,51,153,0.2);}
.bg_success			{background-color:rgba(153,204,0,0.2);}
.bg_info			{background-color:rgba(0,204,255,0.2);}
.bg_warning			{background-color:rgba(255,102,0,0.2);}
.bg_danger 			{background-color:rgba(221,0,0,0.2);}

.unread 			{display:inline-block; *display:inline; *zoom:1; width:8px; height:8px; overflow:hidden; position:absolute; top:20%; right:10px; background-color:rgba(221,0,0,0.9); border-radius:100%;}

/*Img*/
img 				{max-width:100% !important; vertical-align:middle;}
.img 				{display:inline-block; *display:inline; *zoom:1; font-size:0; line-height:0; overflow:hidden; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.175); box-shadow:0 0 5px rgba(0,0,0,.175); background-color:rgba(0,0,0,0.02); vertical-align:middle;}
.img,.img img 		{width:100%; height:100%;}
.img.thumbnail 		{max-width:100%; height:auto; padding:4px; border:1px solid rgba(0,0,0,0.3); border-radius:3px; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.img.rounded 		{border-radius:5px;}
.img.circular 		{border-radius:100%;}
.img.xs 			{width:30px; height:30px;}
.img.s 				{width:50px; height:50px;}
.img.m 				{width:80px; height:80px;}
.img.l 				{width:110px; height:110px;margin:5px;}
.img.xl				{width:160px; height:160px;}

/*Widget*/
/*Alert*/
.alert						{padding:15px; padding-right:30px; letter-spacing:normal; word-spacing:normal; line-height:1.4; font-size:13px; margin-bottom:15px; border:1px solid; border-radius:5px;}
.alert > .close 			{position:relative; top:-12px; right:-30px; color:inherit; float:right;}
.alert > .close font 		{font-size:20px;}

/*Nav*/
.nav 				{}
.nav > .item 		{}
.nav > .item > a,.nav > .item .drop_toggle 	{display:block; padding:8.5px 10px; color:rgba(0,0,0,0.8); text-align:left;}
.nav > .item > a font,.nav > .item .drop_toggle font 	{color:rgba(0,0,0,0.8);}
.nav > .item .drop_toggle{position:relative;}
.nav > .item > a:hover,.nav > .item .drop_toggle:hover	{background:rgba(0,0,0,0.05);}
.nav > .item.active > a{background:rgba(0,0,0,0.05);}

/*Menu*/
.menu				{padding:0; margin:0;}
.menu > .item		{padding:0; margin:0;}
.menu > .item > a	{display:block; padding:8px 16px; color:rgba(0,0,0,0.8); text-align:left;}
.menu > .item > a font{color:rgba(0,0,0,0.8);}
.menu > .item > a:hover{background:rgba(0,0,0,0.05);}

/*Drop*/
.drop				{display:inline-block; *display:inline; *zoom:1;}
.dropbox			{position:absolute; z-index:1000; display:none; min-width:160px; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid rgba(0,0,0,.15); border-radius:0px; -webkit-box-shadow:0 0 5px rgba(0,0,0,.175); box-shadow:0 0 5px rgba(0,0,0,.175);}
.open > .dropbox 	{display:block;}
.dropbox .menu		{white-space:normal; min-width:160px;}

/*
.dropdown-backdrop	{position:fixed; top:0; right:0; bottom:0; left:0; z-index:100;}
.drop.up,.drop.right,.drop.down,.drop.left		{position:relative;}
*/
.dropdown-backdrop	{position:fixed;}
.drop.down,.drop.up,.drop.left,.drop.right{position:relative;}
.drop.down > .dropbox {top:100%; bottom:auto;}
.drop.up > .dropbox {top:auto; bottom:100%;}
.drop.left > .dropbox {left:0; right:auto;}
.drop.right > .dropbox {left:auto; right:0;}


/*Modal*/
.modal .close 		{display:inline-block; *display:inline; *zoom:1; width:40px; height:40px; text-align:center; line-height:40px; filter:alpha(opacity=20); opacity:.2; position:absolute; top:0px; right:0; z-index:100;}
.modal .close:hover,.modal .close:focus {cursor:pointer; filter:alpha(opacity=50); opacity:.5;}
.modal button.close 		{-webkit-appearance:none; padding:0; cursor:pointer; background:transparent; border:0;}
.modal-open 		{overflow:hidden;}
.modal-open #body_wrap,.modal-open #master_wrap{-webkit-backface-visibility:hidden; -webkit-filter:blur(10px); filter:blur(10px); opacity:0.9; -webkit-animation:nvfadeInDown 1s .1s ease both; -moz-animation:nvfadeInDown .3s .1s ease both;}
.modal 				{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1050; display:none; overflow:hidden; -webkit-overflow-scrolling:touch; outline:0;}
.modal.fade .modal-dialog {-webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%);}
.modal.left .modal-dialog {position:absolute; left:0; top:0; right:auto; bottom:0; margin:0; width:16rem;}
.modal.left .modal-dialog {-webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.modal.left .modal-content{border-radius:0px; min-height:100%;}
.modal.right .modal-dialog {position:absolute; left:auto; top:0; right:0; bottom:0; margin:0; width:16rem;}
.modal.right .modal-dialog {-webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(50%, 0); -ms-transform:translate(50%, 0); -o-transform:translate(50%, 0); transform:translate(50%, 0);}
.modal.right .modal-content{border-radius:0px; min-height:100%;}
.modal.up .modal-dialog {-webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, -25%);}
.modal.down .modal-dialog {-webkit-transition:-webkit-transform .3s ease-out; -o-transition:-o-transform .3s ease-out; transition:transform .3s ease-out; -webkit-transform:translate(0, 25%); -ms-transform:translate(0, 25%); -o-transform:translate(0, 25%); transform:translate(0, 25%);}
.modal.in .modal-dialog {-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0);}
.modal-open .modal 	{overflow-x:hidden; overflow-y:auto;}
.modal-dialog 		{position:relative; width:auto; margin:10px;}
.modal-content 		{position:relative; background-color:#fff; -webkit-background-clip:padding-box; background-clip:padding-box; border:1px solid #999; border:1px solid rgba(0, 0, 0, .2); border-radius:6px; outline:0; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5); box-shadow:0 3px 9px rgba(0, 0, 0, .5);}
.modal-backdrop 	{position:fixed; top:0; right:0; bottom:0; left:0; z-index:1040; background-color:#000;}
.modal-backdrop.fade {filter:alpha(opacity=0); opacity:0;}
.modal-backdrop.in 	{filter:alpha(opacity=50); opacity:.5;}
.modal-header 		{min-height:17px; padding:15px; border-bottom:1px solid rgba(0,0,0,0.1);}
.modal-header .close{margin-top:-2px;}
.modal-title 		{margin:0; line-height:1.2;}
.modal-body 		{position:relative; padding:15px;}
.modal-footer 		{padding:15px; text-align:right; border-top:1px solid rgba(0,0,0,0.1);}
.modal-footer .btn + .btn {margin-bottom:0; margin-left:5px;}

@media (min-width: 768px) {
  .modal-dialog 	{width:600px; margin:30px auto;}
  .modal-content 	{-webkit-box-shadow:0 5px 15px rgba(0, 0, 0, .5); box-shadow:0 5px 15px rgba(0, 0, 0, .5);}
  .modal-sm 		{width:300px;}
}
@media (min-width: 992px) {
  .modal-lg 		{width:900px;}
}

/*NavBar*/
.navbar							{position:relative; border:0px solid transparent; background-color:rgba(255,255,255,0.8); -webkit-box-shadow:0 0 5px rgba(0,0,0,.2); box-shadow:0 0 5px rgba(0,0,0,.2);}
.navbar > .hd,.navbar > .bd,.navbar > .md,.navbar > .ft{display:block;}
.navbar > .hd 					{line-height:0; position:relative; width:100%; padding:0 50px; min-height:50px;}
.navbar > .hd .right,.navbar > .hd .left	{position:absolute;}
.navbar > .hd .left 			{top:9px; left:4px;}
.navbar > .hd .right 			{top:9px; right:4px;}
.navbar > .hd .current 			{text-align:center;}
.navbar > .hd .current .title 	{line-height:50px;}
.navbar > .hd .navbar_brand 	{display:none;}
.navbar .drop_toggle 			{position:relative; display:block;}
.navbar_collapse 				{max-height:320px; overflow-x:visible; -webkit-overflow-scrolling:touch; box-shadow:inset 0 1px 0 rgba(255,255,255,.1); padding:15px;}
.navbar_collapse.in 			{overflow-y:auto;}

@media (min-width: 768px) {
	.navbar 					{display:table; width:100%; margin:0 auto;}
	.navbar > .hd,.navbar > .bd,.navbar > .md,.navbar > .ft{letter-spacing:normal; word-spacing:normal; white-space:normal; line-height:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; width:auto; display:table-cell; position:relative;}
	.navbar > .bd 				{width:100%;}
	.navbar > .hd 				{padding:0;}
	.navbar > .hd .current		{display:none;}
	.navbar_toggle				{display:none;}
	.navbar > .hd .navbar_brand	{display:block; width:50px; height:50px;}
	.navbar > .hd .navbar_brand	img{width:50px; height:50px;}
	.navbar_collapse 			{padding:0; display:table; width:100%; border-collapse:separate;}
	.navbar_collapse > .hd,.navbar_collapse > .bd,.navbar_collapse > .md,.navbar_collapse > .ft{letter-spacing:normal; word-spacing:normal; white-space:nowrap; line-height:normal; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle; width:auto; display:table-cell;}
	.navbar_collapse > .bd 		{width:100%;}
	.navbar .form 				{max-width:300px;}
	.navbar_collapse.in 		{display:table; width:100%; border-collapse:separate; overflow-y:visible;}
}
@media (max-width: 767px) {
	.navbar .drop 				{display:block;}
	.navbar .open .dropbox		{left:0; right:0; position:static; border:1px solid rgba(0,0,0,0); border-radius:0px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0); box-shadow:0 0 5px rgba(0,0,0,0);}
	.navbar .form .drop .dropbox{position:absolute;}
}

/*Tab*/
.tab_content > .tab_pane{display:none;}
.tab_content > .active	{display:block;}

/*Carousel*/
.carousel		{position:relative;}
.carousel-inner	{position:relative; width:100%; overflow:hidden; padding:0; margin:0;}
.carousel-inner > .item {position:relative; display:none; -webkit-transition:0.6s ease-in-out left; transition:0.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:#ffffff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, 0.6); opacity:0.5; filter: alpha(opacity=50);}
.carousel-control.left {}
.carousel-control.right {right:0; left:auto;}
.carousel-control:hover,.carousel-control:focus {opacity:0.9; filter:alpha(opacity=90);}
.carousel-control .icon_prev,.carousel-control .icon_next{position:absolute; top:50%; z-index:5; background:red;}
.carousel-control .icon_prev{left:10%;}
.carousel-control .icon_next{right:10%;}
.carousel-control .icon_prev,.carousel-control .icon_next{width:30px; height:60px; margin-top:-30px; background:url(../images/slider.png) no-repeat; background-size:100%; background-position:0 0;}
.carousel-control:hover .icon_prev{background-position:0 -60px;}
.carousel-control .icon_next{background-position:0 -120px;}
.carousel-control:hover .icon_next{background-position:0 -180px;}
.carousel-indicators {position:absolute; bottom:0px; left:50%; z-index:15; width:60%; padding-left:0; margin-left:-30%; text-align:center; list-style:none; font-size:0; *word-spacing:-1px; line-height:0;}
.carousel-indicators li {display:inline-block; *display:inline; *zoom:1; width:20px; height:20px; margin:2px; text-indent:-999px; cursor:pointer; background:url(../images/slider.png) no-repeat; background-size:100%; background-position:0 -160px;}
.carousel-indicators .active {background-position:0 -180px;}
.carousel-caption {position:absolute; right:15%; bottom:20px; left:15%; z-index:10; padding-top:20px; padding-bottom:20px; color:#ffffff; text-align:center; text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-caption .btn {text-shadow:none;}

/*Progress*/
.progress 				{height:5px; margin:5px 0; overflow:hidden; background-color:rgba(200,200,200,.5); border-radius:2px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1); box-shadow:inset 0 1px 2px rgba(0,0,0,.1); list-style:none; font-size:0; *word-spacing:-1px; line-height:0; padding:0;}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.progress			{letter-spacing:-5px;}
}
.progress-bar 			{display:inline-block; *display:inline; *zoom:1; height:100%; text-align:center; background-color:rgba(0,0,0,0.6); -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease;}
.progress-bar font 		{display:none;}
.progress-bar.dark 		{background-color:rgba(0,0,0,0.9);}
.progress-bar.light 	{background-color:rgba(255,255,255,0.9);}
.progress-bar.primary	{background-color:rgba(0,51,153,0.9);}
.progress-bar.info		{background-color:rgba(0,204,255,0.9);}
.progress-bar.success	{background-color:rgba(153,204,0,0.9);}
.progress-bar.warning	{background-color:rgba(255,102,0,0.9);}
.progress-bar.danger	{background-color:rgba(221,0,0,0.9);}