/* 
 *@名称: base.css
 *@功能: 重设浏览器默认样式
 *@作者: Kish
 *@版本: v1.0
 *@时间: 2013-09-09
 */
@charset "gb2312";

/*
  @重置css
*/
html { color: #666; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, dl, dt, dd, table, tr, th, td, blockquote, fieldset, strong, form, label, input, textarea, em, pre, code, button, address { margin: 0; padding: 0; }
body { font: 12px/1.5 arial, \5b8b\4f53; text-align: center; direction: ltr;}
.relative { position: relative;}
.absolute { position: absolute;}
a { text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); color: #666;}
p, dt, li { text-align: left; }
ul, li { display: block; list-style: none;}
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; }
img, fieldset { border: 0; }
input, textarea, img { vertical-align: middle; }
:focus { outline: none; }   /* webkit hack */
a:active { background-color: transparent\0; }     /* IE10 hack */
input, textarea, button, select { font-size: 12px;}
textarea { overflow: auto; vertical-align: top; }
address, code, em { font-style: normal; font-weight: normal; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
abbr { border: 0; font-variant: normal; }
del { text-decoration: line-through; }
.z-index2 { z-index: 2; position: relative;}
.z-index3 { z-index: 3; position: relative;}
/*
  @全局定义CSS
*/
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clear { *zoom: 1;}
.overHide { overflow: hidden;}
.hide { display: none; }
.show { display: show; }
.block { display: block;}
.inline { display: inline; }
.floatL { float: left; }
.floatR { float: right; }
.center { margin-left: auto; margin-right: auto; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.mT5 { margin-top: 5px; }
.mT10 { margin-top: 10px; }
.mT15 { margin-top: 15px; }
.mT20 { margin-top: 20px; }
.mT30 { margin-top: 30px; }
.mL5 { margin-left: 5px; }
.mL10 { margin-left: 10px; }
.mL15 { margin-left: 15px; }
.mL20 { margin-left: 20px; }
.mL30 { margin-left: 30px; }
.mR5 { margin-right: 5px; }
.mR10 { margin-right: 10px; }
.mR15 { margin-right: 15px; }
.mR20 { margin-right: 20px; }
.mR30 { margin-right: 30px; }
.mB5 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB15 { margin-bottom: 15px; }
.mB20 { margin-bottom: 20px; }
.mB30 { margin-bottom: 30px; }
.p0 { padding: 0; }
.p1 { padding: 1px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.pT5 { padding-top: 5px;}
.pT10 { padding-top: 10px; }
.pT15 { padding-top: 15px; }
.pT20 { padding-top: 20px; }
.pT30 { padding-top: 30px; }
.pT280 { padding-top: 280px; }
.pL5 { padding-left: 5px; }
.pL10 { padding-left: 10px; }
.pL13 { padding-left: 13px; }
.pL15 { padding-left: 15px; }
.pL20 { padding-left: 20px; }
.pL30 { padding-left: 30px; }
.pL30 { padding-left: 30px; }
.pR5 { padding-right: 5px; }
.pR10 { padding-right: 10px; }
.pR15 { padding-right: 15px; }
.pR20 { padding-right: 20px; }
.pR30 { padding-right: 30px; }
.pR140 { padding-right: 140px; }
.pR180 { padding-right: 180px; }
.pB5 { padding-bottom: 5px; }
.pB10 { padding-bottom: 10px; }
.pB15 { padding-bottom: 15px; }
.pB20 { padding-bottom: 20px; }
.pB30 { padding-bottom: 30px; }
.tLeft { text-align: left; }
.tCenter { text-align: center; }
.tRight { text-align: right; }
.uLine { text-decoration: underline;}
.f14 { font-size: 14px; }
.t2 { text-indent: 2em; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }

/*
  @colorful button
*/
.btn { display: inline-block; text-align: center; vertical-align: middle; border: 1px solid #d4d4d4; font: bold 14px/24px arial, \5b8b\4f53; color: #666; background: -moz-linear-gradient(center top , #fbfbfb, #e1e1e1) repeat 0 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 1px 2px rgba(0, 0, 0, 0.2);}
.btn:hover { background: #fbfbfb; background: -moz-linear-gradient(center top , #f6f6f6, #e1e1e1) repeat  0 0;}
.btn-round { border-radius: 3px 3px 3px 3px;}
.btn-hide { display: none;}

/*btn-sizes*/
.btn-smaller { padding: 0 10px; height: 18px; line-height: 18px; font-weight: normal; font-size: 12px;}
.btn-small { padding: 0 20px; height: 22px; line-height: 22px;}
.btn-middle { padding: 0 25px; height: 32px; line-height: 32px; font-size: 16px;}
.btn-big { padding: 0 45px; height: 40px; line-height: 40px; font-size: 24px;}

/*btn-color*/
.btn-blue { border-color: #007998; color: #fff; text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35); background: #00a1cb; background: -moz-linear-gradient(center top , #00b5e5, #008db2) repeat 0 0;}
.btn-blue:hover { background: #00b5e5; background: -moz-linear-gradient(center top , #00c9fe, #008db2) repeat  0 0;}

.btn-green { border-color: #5a8200; color: #fff; text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35); background: #7db500; background: -moz-linear-gradient(center top , #8fcf00, #6b9c00) repeat scroll 0 0;}
.btn-green:hover { background: #8fcf00; background: -moz-linear-gradient(center top , #a0e800, #6b9c00) repeat 0 0;}

.btn-orange { border-color: #bf7004; color: #fff; text-shadow: 0 -1px 1px rgba(91, 53, 2, 0.35); background: #f18d05;  background: -moz-linear-gradient(center top , #fa9915, #D87e04) repeat scroll 0 0;}
.btn-orange:hover { background: #fa9915; background: -moz-linear-gradient(center top , #fba42e, #d87e04) repeat 0 0;}

.btn-red { border-color: #c22d18; color: #fff; text-shadow: 0 -1px 1px rgba(103, 24, 13, 0.35); background: #e54028; background: -moz-linear-gradient(center top , #e8543f, #d9331a) repeat scroll 0 0;}
.btn-red:hover { background: #e8543f; background: -moz-linear-gradient(center top , #eb6855, #d9331a) repeat 0 0;}

.btn-purple { border-color: #632466; color: #fff; text-shadow: 0 -1px 1px rgba(26, 9, 27, 0.35); background: #87318c; background: -moz-linear-gradient(center top , #99389f, #752a79) repeat scroll 0 0;}
.btn-purple:hover { background: #99389f; background: -moz-linear-gradient(center top , #ab3eb2 , #752a79) repeat 0 0;}


/*
  @icon-box
*/
.a-icon { display: inline-block; padding: 1px 5px; margin-right: 5px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}

/*icon-sizes*/
.a-small { padding: 3px 8px;}
.a-middle { padding: 3px 8px;}
.a-big { padding: 3px 8px;}

/*icon-radian*/
.a-round { border-radius: 3px 3px 3px 3px;}
.a-round5 { border-radius: 5px 5px 5px 5px;}
.a-round10 { border-radius: 10px 10px 10px 10px;}

/*icon-color*/
.a-blue { background: #00a1cb;}
.a-green { background: #9c0;}
.a-red { background: #f44;}
.a-orange { background: #f18d05;}
.a-purple { background: #87318c;}

/*icon-text-sizes*/
.a-size10 { font: 10px/12px Arial, Helvetica, sans-serif;}
.a-size11 { font-size: 11px;}

.a-icon i { display: inline-block; background-image: url("../images/icon.gif"); opacity: 0.7;}
.a-icon i:hover { opacity: 1;}

/*icon-picShow*/
.a-icon i.edit, .a-icon i.delete, .a-icon i.pagetit, .a-icon i.img, .a-icon i.x { width: 14px; height: 14px;}
.a-icon i.edit { background-position: 0 0;}
.a-icon i.delete { background-position: -24px 0;}
.a-icon i.pagetit { background-position: -48px 0;}
.a-icon i.img { background-position: 0 -14px;}
.a-icon i.x { background-position: -24px -14px;}

/*css3 transform效果*/
.a-icon i.speaks { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.a-icon i.speakm { -webkit-transition: all 0.65s ease-in-out; -moz-transition: all 0.65s ease-in-out; -o-transition: all 0.65s ease-in-out; transition: all 0.65s ease-in-out;}
.a-icon i.speakq { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}

.a-icon:hover i.deg360 { }/*旋转360度*/
.a-icon:hover i.deg-y180 { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}/*在Y轴上旋转360度*/
.a-icon:hover i.deg-x180 { -webkit-transform: rotateX(360deg); -moz-transform: rotateX(360deg); -o-transform: rotateX(360deg); transform: rotateX(360deg);}/*在X轴上旋转360度*/
.a-icon:hover i.move-x { -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -o-transform: translate(8px); transform: translate(8px);}/*水平向右移动*/
.a-icon:hover i.scale-s { -webkit-transform: scale(1.5) rotate(45deg); -moz-transform: scale(1.5)  rotate(45deg); -o-transform: scale(1.5)  rotate(45deg); transform: scale(1.5)  rotate(45deg);}/*放大1.5倍且顺时针旋转45度，多个效果之间用“空格”隔开*/


/*icon button*/
.spn-icon { display: inline-block; padding: 1px 5px; margin-right: 5px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); cursor: pointer;}
.spn-btn { padding: 3px 8px; color: #fff;}
.spn-round { border-radius: 3px 3px 3px 3px;}
.spn-blue { background: #00a1cb;}
.spn-green { background: #9c0;}
.spn-red { background: #f44;}
.spn-orange { background: #f18d05;}
.spn-purple { background: #87318c;}
.spn-size10 { font: 10px/12px Arial, Helvetica, sans-serif;}
.spn-size11 { font-size: 11px;}

.spn-btn i { display: inline-block; width: 14px; height: 14px; color: #fff; background-image: url("../images/icon.gif");}
.spn-btn i.edit, .spn-btn i.delete, .spn-btn i.img, .spn-btn i.pagetit { opacity: 0.7;}
.spn-btn i.delete { background-position: -24px 0;}
.spn-btn i.pagetit { background-position: -48px 0;}
.spn-btn i.img { background-position: 0 -14px;}
.spn-btn i.x { background-position: -24px -14px;}
.spn-btn i:hover { opacity: 1;}