/*!
* by zhangxinxu(.com) 2014
* under MIT license
*/

/* 
 * buttons
*/

.btn:hover, .btn:focus { text-decoration: none; background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1)); }
.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:active { box-shadow: 0 1px rgba(0,0,0,.2), inset 0 1px rgba(0,0,0,.05); outline: none; }

.btn_navy { background-color: #001f3f; }
.btn_blue { background-color: #0074d9; }
.btn_aqua { background-color: #7fdbff; }
.btn_teal { background-color: #39cccc; }
.btn_olive { background-color: #3d9970; }
.btn_green { background-color: #2ecc40; }
.btn_lime { background-color: #01ff70; }
.btn_yellow { background-color: #ffdc00; }
.btn_orange { background-color: #ff851b; }
.btn_red { background-color: #ff4136; }
.btn_fuchsia { background-color: #f012be; }
.btn_purple { background-color: #b10dc9; }
.btn_maroon { background-color: #85144b; }
.btn_white { background-color: #ffffff; }
.btn_gray { background-color: #aaaaaa; }
.btn_silver { background-color: #dddddd; }
.btn_black { background-color: #111111; }

.btn_white, .btn_silver { color: #111111;  text-shadow: none; }

/*!**
   colors.css v1.0
   http://clrs.cc
   @mrmrs
   MIT License
***/
/*

   SKINS
   • Backgrounds
   • Colors
*/
/* Backgrounds */
.bg_navy { background-color: #001f3f; }
.bg_blue { background-color: #0074d9; }
.bg_aqua { background-color: #7fdbff; }
.bg_teal { background-color: #39cccc; }
.bg_olive { background-color: #3d9970; }
.bg_green { background-color: #2ecc40; }
.bg_lime { background-color: #01ff70; }
.bg_yellow { background-color: #ffdc00; }
.bg_orange { background-color: #ff851b; }
.bg_red { background-color: #ff4136; }
.bg_fuchsia { background-color: #f012be; }
.bg_purple { background-color: #b10dc9; }
.bg_maroon { background-color: #85144b; }
.bg_white { background: none repeat scroll 0 0 #ffffff; }
.bg_gray { background-color: #aaaaaa; }
.bg_silver { background-color: #dddddd; }
.bg_black { background-color: #111111; }
/* Colors */
.navy { color: #001f3f; }
.blue { color: #0074d9; }
.aqua { color: #7fdbff; }
.teal { color: #39cccc; }
.olive { color: #3d9970; }
.green { color: #2ecc40; }
.lime { color: #01ff70; }
.yellow { color: #ffdc00; }
.orange { color: #ff851b; }
.red { color: #ff4136; }
.fuchsia { color: #f012be; }
.purple { color: #b10dc9; }
.maroon { color: #85144b; }
.white { color: #ffffff; }
.silver { color: #dddddd; }
.gray { color: #aaaaaa; }
.black { color: #111111; }
/* Prettier Links */




/*!
* by zhangxinxu(.com) 2010-?
* base on [https://github.com/zhangxinxu/zxx.lib.css]
*/

/* ---------------------single CSS----------------------- */
/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */
/* height */
.h1 { height: 1px; }
.h2 { height: 2px; }
.h3 { height: 3px; }
.h4 { height: 4px; }
.h5 { height: 5px; }
.h14 { height: 14px; }
.h16 { height: 16px; }
.h18 { height: 18px; }
.h20 { height: 20px; }
.h22 { height: 22px; }
.h24 { height: 24px; }

/* width */
/* fixed width value */
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w115 { width: 115px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w300 { width: 280px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w460 { width: 460px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w640 { width: 640px; }
.w700 { width: 700px; }
/* percent width value */
.pct10 { width: 10%; }
.pct15 { width: 15%; }
.pct20 { width: 20%; }
.pct25 { width: 25%; }
.pct30 { width: 30%; }
.pct33 { width: 33.3%; }
.pct40 { width: 40%; }
.pct50 { width: 50%; }
.pct60 { width: 60%; }
.pct66 { width: 66.6%; }
.pct70 { width: 70%; }
.pct75 { width: 75%; }
.pct80 { width: 80%; }
.pct90 { width: 90%; }
.pct100 { width: 100%; }
/* line-height */
.lh14 { line-height: 14px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }
.lh32 { line-height: 32px; }
.lh34 { line-height: 34px; }
.lh36 { line-height: 36px; }
.lh38 { line-height: 38px; }
.lh40 { line-height: 40px; }
.lh55 { line-height: 55px; }
.lh80 { line-height: 80px; }
/* margin */
.m0 { margin: 0; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }
.ml21 { margin-left: 21px; }
.ml22 { margin-left: 22px; }
.ml23 { margin-left: 23px; }
.ml24 { margin-left: 24px; }
.ml25 { margin-left: 25px; }
.ml26 { margin-left: 26px; }
.ml27 { margin-left: 27px; }
.ml28 { margin-left: 28px; }
.ml29 { margin-left: 29px; }
.ml30 { margin-left: 30px; }
.ml31 { margin-left: 31px; }
.ml32 { margin-left: 32px; }
.ml33 { margin-left: 33px; }
.ml34 { margin-left: 34px; }
.ml35 { margin-left: 35px; }
.ml36 { margin-left: 36px; }
.ml37 { margin-left: 37px; }
.ml38 { margin-left: 38px; }
.ml39 { margin-left: 39px; }
.ml40 { margin-left: 40px; }
.ml41 { margin-left: 41px; }
.ml42 { margin-left: 42px; }
.ml43 { margin-left: 43px; }
.ml44 { margin-left: 44px; }
.ml45 { margin-left: 45px; }
.ml46 { margin-left: 46px; }
.ml47 { margin-left: 47px; }
.ml48 { margin-left: 48px; }
.ml49 { margin-left: 49px; }
.ml50 { margin-left: 50px; }
.ml85 { margin-left: 85px; }
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr12 { margin-right: 12px; }
.mr13 { margin-right: 13px; }
.mr14 { margin-right: 14px; }
.mr15 { margin-right: 15px; }
.mr16 { margin-right: 16px; }
.mr17 { margin-right: 17px; }
.mr18 { margin-right: 18px; }
.mr19 { margin-right: 19px; }
.mr20 { margin-right: 20px; }
.mr21 { margin-right: 21px; }
.mr22 { margin-right: 22px; }
.mr23 { margin-right: 23px; }
.mr24 { margin-right: 24px; }
.mr25 { margin-right: 25px; }
.mr26 { margin-right: 26px; }
.mr27 { margin-right: 27px; }
.mr28 { margin-right: 28px; }
.mr29 { margin-right: 29px; }
.mr30 { margin-right: 30px; }
.mr31 { margin-right: 31px; }
.mr32 { margin-right: 32px; }
.mr33 { margin-right: 33px; }
.mr34 { margin-right: 34px; }
.mr35 { margin-right: 35px; }
.mr36 { margin-right: 36px; }
.mr37 { margin-right: 37px; }
.mr38 { margin-right: 38px; }
.mr39 { margin-right: 39px; }
.mr40 { margin-right: 40px; }
.mr41 { margin-right: 41px; }
.mr42 { margin-right: 42px; }
.mr43 { margin-right: 43px; }
.mr44 { margin-right: 44px; }
.mr45 { margin-right: 45px; }
.mr46 { margin-right: 46px; }
.mr47 { margin-right: 47px; }
.mr48 { margin-right: 48px; }
.mr49 { margin-right: 49px; }
.mr50 { margin-right: 50px; }
.mr75 { margin-right: 75px; }
.mr200 { margin-right: 200px; }
.mr300 { margin-right: 300px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }
.mt21 { margin-top: 21px; }
.mt22 { margin-top: 22px; }
.mt23 { margin-top: 23px; }
.mt24 { margin-top: 24px; }
.mt25 { margin-top: 25px; }
.mt26 { margin-top: 26px; }
.mt27 { margin-top: 27px; }
.mt28 { margin-top: 28px; }
.mt29 { margin-top: 29px; }
.mt30 { margin-top: 30px; }
.mt31 { margin-top: 31px; }
.mt32 { margin-top: 32px; }
.mt33 { margin-top: 33px; }
.mt34 { margin-top: 34px; }
.mt35 { margin-top: 35px; }
.mt36 { margin-top: 36px; }
.mt37 { margin-top: 37px; }
.mt38 { margin-top: 38px; }
.mt39 { margin-top: 39px; }
.mt40 { margin-top: 40px; }
.mt41 { margin-top: 41px; }
.mt42 { margin-top: 42px; }
.mt43 { margin-top: 43px; }
.mt44 { margin-top: 44px; }
.mt45 { margin-top: 45px; }
.mt46 { margin-top: 46px; }
.mt47 { margin-top: 47px; }
.mt48 { margin-top: 48px; }
.mt49 { margin-top: 49px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }
.mb21 { margin-bottom: 21px; }
.mb22 { margin-bottom: 22px; }
.mb23 { margin-bottom: 23px; }
.mb24 { margin-bottom: 24px; }
.mb25 { margin-bottom: 25px; }
.mb26 { margin-bottom: 26px; }
.mb27 { margin-bottom: 27px; }
.mb28 { margin-bottom: 28px; }
.mb29 { margin-bottom: 29px; }
.mb30 { margin-bottom: 30px; }
.mb31 { margin-bottom: 31px; }
.mb32 { margin-bottom: 32px; }
.mb33 { margin-bottom: 33px; }
.mb34 { margin-bottom: 34px; }
.mb35 { margin-bottom: 35px; }
.mb36 { margin-bottom: 36px; }
.mb37 { margin-bottom: 37px; }
.mb38 { margin-bottom: 38px; }
.mb39 { margin-bottom: 39px; }
.mb40 { margin-bottom: 40px; }
.mb41 { margin-bottom: 41px; }
.mb42 { margin-bottom: 42px; }
.mb43 { margin-bottom: 43px; }
.mb44 { margin-bottom: 44px; }
.mb45 { margin-bottom: 45px; }
.mb46 { margin-bottom: 46px; }
.mb47 { margin-bottom: 47px; }
.mb48 { margin-bottom: 48px; }
.mb49 { margin-bottom: 49px; }
.mb50 { margin-bottom: 50px; }
/* margin negative */
.ml-1 { margin-left: -1px; }
.mr-1 { margin-right: -1px; }
.mt-1 { margin-top: -1px; }
.mb-1 { margin-bottom: -1px; }
.mb-2 { margin-bottom: -2px; }
.ml-3 { margin-left: -3px; }
.mr-3 { margin-right: -3px; }
.mt-3 { margin-top: -3px; }
.mb-3 { margin-bottom: -3px; }
.ml-20 { margin-left: -20px; }
.mr-20 { margin-right: -20px; }
.mt-20 { margin-top: -20px; }
.mb-20 { margin-bottom: -20px; }
/* padding */
.p0 { padding: 0; }
.p1 { padding: 1px; }
.p2 { padding: 2px; }
.p3 { padding: 3px; }
.p4 { padding: 4px; }
.p5 { padding: 5px; }
.p6 { padding: 6px; }
.p7 { padding: 7px; }
.p8 { padding: 8px; }
.p9 { padding: 9px; }
.p10 { padding: 10px; }
.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl11 { padding-left: 11px; }
.pl12 { padding-left: 12px; }
.pl13 { padding-left: 13px; }
.pl14 { padding-left: 14px; }
.pl15 { padding-left: 15px; }
.pl16 { padding-left: 16px; }
.pl17 { padding-left: 17px; }
.pl18 { padding-left: 18px; }
.pl19 { padding-left: 19px; }
.pl20 { padding-left: 20px; }
.pl21 { padding-left: 21px; }
.pl22 { padding-left: 22px; }
.pl23 { padding-left: 23px; }
.pl24 { padding-left: 24px; }
.pl25 { padding-left: 25px; }
.pl26 { padding-left: 26px; }
.pl27 { padding-left: 27px; }
.pl28 { padding-left: 28px; }
.pl29 { padding-left: 29px; }
.pl30 { padding-left: 30px; }
.pl31 { padding-left: 31px; }
.pl32 { padding-left: 32px; }
.pl33 { padding-left: 33px; }
.pl34 { padding-left: 34px; }
.pl35 { padding-left: 35px; }
.pl36 { padding-left: 36px; }
.pl37 { padding-left: 37px; }
.pl38 { padding-left: 38px; }
.pl39 { padding-left: 39px; }
.pl40 { padding-left: 40px; }
.pl41 { padding-left: 41px; }
.pl42 { padding-left: 42px; }
.pl43 { padding-left: 43px; }
.pl44 { padding-left: 44px; }
.pl45 { padding-left: 45px; }
.pl46 { padding-left: 46px; }
.pl47 { padding-left: 47px; }
.pl48 { padding-left: 48px; }
.pl49 { padding-left: 49px; }
.pl50 { padding-left: 50px; }
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pt13 { padding-top: 13px; }
.pt14 { padding-top: 14px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt17 { padding-top: 17px; }
.pt18 { padding-top: 18px; }
.pt19 { padding-top: 19px; }
.pt20 { padding-top: 20px; }
.pt21 { padding-top: 21px; }
.pt22 { padding-top: 22px; }
.pt23 { padding-top: 23px; }
.pt24 { padding-top: 24px; }
.pt25 { padding-top: 25px; }
.pt26 { padding-top: 26px; }
.pt27 { padding-top: 27px; }
.pt28 { padding-top: 28px; }
.pt29 { padding-top: 29px; }
.pt30 { padding-top: 30px; }
.pt31 { padding-top: 31px; }
.pt32 { padding-top: 32px; }
.pt33 { padding-top: 33px; }
.pt34 { padding-top: 34px; }
.pt35 { padding-top: 35px; }
.pt36 { padding-top: 36px; }
.pt37 { padding-top: 37px; }
.pt38 { padding-top: 38px; }
.pt39 { padding-top: 39px; }
.pt40 { padding-top: 40px; }
.pt41 { padding-top: 41px; }
.pt42 { padding-top: 42px; }
.pt43 { padding-top: 43px; }
.pt44 { padding-top: 44px; }
.pt45 { padding-top: 45px; }
.pt46 { padding-top: 46px; }
.pt47 { padding-top: 47px; }
.pt48 { padding-top: 48px; }
.pt49 { padding-top: 49px; }
.pt50 { padding-top: 50px; }
.pt80 { padding-top: 80px; }
.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr11 { padding-right: 11px; }
.pr12 { padding-right: 12px; }
.pr13 { padding-right: 13px; }
.pr14 { padding-right: 14px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr18 { padding-right: 18px; }
.pr19 { padding-right: 19px; }
.pr20 { padding-right: 20px; }
.pr21 { padding-right: 21px; }
.pr22 { padding-right: 22px; }
.pr23 { padding-right: 23px; }
.pr24 { padding-right: 24px; }
.pr25 { padding-right: 25px; }
.pr26 { padding-right: 26px; }
.pr27 { padding-right: 27px; }
.pr28 { padding-right: 28px; }
.pr29 { padding-right: 29px; }
.pr30 { padding-right: 30px; }
.pr31 { padding-right: 31px; }
.pr32 { padding-right: 32px; }
.pr33 { padding-right: 33px; }
.pr34 { padding-right: 34px; }
.pr35 { padding-right: 35px; }
.pr36 { padding-right: 36px; }
.pr37 { padding-right: 37px; }
.pr38 { padding-right: 38px; }
.pr39 { padding-right: 39px; }
.pr40 { padding-right: 40px; }
.pr41 { padding-right: 41px; }
.pr42 { padding-right: 42px; }
.pr43 { padding-right: 43px; }
.pr44 { padding-right: 44px; }
.pr45 { padding-right: 45px; }
.pr46 { padding-right: 46px; }
.pr47 { padding-right: 47px; }
.pr48 { padding-right: 48px; }
.pr49 { padding-right: 49px; }
.pr50 { padding-right: 50px; }
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb11 { padding-bottom: 11px; }
.pb12 { padding-bottom: 12px; }
.pb13 { padding-bottom: 13px; }
.pb14 { padding-bottom: 14px; }
.pb15 { padding-bottom: 15px; }
.pb16 { padding-bottom: 16px; }
.pb17 { padding-bottom: 17px; }
.pb18 { padding-bottom: 18px; }
.pb19 { padding-bottom: 19px; }
.pb20 { padding-bottom: 20px; }
.pb21 { padding-bottom: 21px; }
.pb22 { padding-bottom: 22px; }
.pb23 { padding-bottom: 23px; }
.pb24 { padding-bottom: 24px; }
.pb25 { padding-bottom: 25px; }
.pb26 { padding-bottom: 26px; }
.pb27 { padding-bottom: 27px; }
.pb28 { padding-bottom: 28px; }
.pb29 { padding-bottom: 29px; }
.pb30 { padding-bottom: 30px; }
.pb31 { padding-bottom: 31px; }
.pb32 { padding-bottom: 32px; }
.pb33 { padding-bottom: 33px; }
.pb34 { padding-bottom: 34px; }
.pb35 { padding-bottom: 35px; }
.pb36 { padding-bottom: 36px; }
.pb37 { padding-bottom: 37px; }
.pb38 { padding-bottom: 38px; }
.pb39 { padding-bottom: 39px; }
.pb40 { padding-bottom: 40px; }
.pb41 { padding-bottom: 41px; }
.pb42 { padding-bottom: 42px; }
.pb43 { padding-bottom: 43px; }
.pb44 { padding-bottom: 44px; }
.pb45 { padding-bottom: 45px; }
.pb46 { padding-bottom: 46px; }
.pb47 { padding-bottom: 47px; }
.pb48 { padding-bottom: 48px; }
.pb49 { padding-bottom: 49px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

/* border-color name rule:  border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc { border: 1px solid #ccc; }
.blc { border-left: 1px solid #ccc; }
.brc { border-right: 1px solid #ccc; }
.btc { border-top: 1px solid #ccc; }
.bbc { border-bottom: 1px solid #ccc; }
.bdd { border: 1px solid #ddd; }
.bld { border-left: 1px solid #ddd; }
.brd { border-right: 1px solid #ddd; }
.btd { border-top: 1px solid #ddd; }
.bbd { border-bottom: 1px solid #ddd; }
.bde { border: 1px solid #eee; }

.ble { border-left: 1px solid #eee; }
.bre { border-right: 1px solid #eee; }
.bte { border-top: 1px solid #eee; }
.bbe { border-bottom: 1px solid #eee; }
.bb6 { border-bottom: 1px solid #666; }
.bd6 { border: 1px solid #666; }
/* background-color name rule:  bg - (key word/Hex color) |-> All colors are safe color */
.bgfb { background-color: #fbfbfb; }
.bgf5 { background-color: #f5f5f5; }
.bgf0 { background-color: #f0f0f0; }
.bgf9 { background-color: #f9f9f9; }
.bgeb { background-color: #ebebeb; }
.bge9 { background-color: #e9e9e9; }
.bge6 { background-color: #e6e6e6; }
.bge0 { background-color: #e0e0e0; }
/* safe color */
.g0 { color: #000; }
.g3 { color: #333; }
.g4 { color: #444; }
.g47{ color: #474747}
.g6 { color: #666; }
.g80 { color: #808080; }
.g9 { color: #999; }
.gc { color: #ccc; }
.gd8{ color: #d8d8d8}
/* font-size */
.f0 { font-size: 0; }
.f10 { font-size: 10px; }
.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
/* font-family */
.fa { font-family: Arial; }
.ft { font-family: Tahoma; }
.fv { font-family: Verdana; }
.fs { font-family: Simsun; }
.fl { font-family: 'Lucida Console'; }
.fw { font-family: 'Microsoft Yahei'; }
/* font-style */
.n { font-weight: normal; font-style: normal; }
.b { font-weight: bold; }
.i { font-style: italic; }
/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }
/* text-decoration */
.tdl { text-decoration: underline; }
.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover { text-decoration: none; }
.tdt {text-decoration:line-through} 
/* letter-spacing */
.lt-1 { letter-spacing: -1px; }
.lt0 { letter-spacing: 0; }
.lt1 { letter-spacing: 1px; }
/* white-space */
.nowrap { white-space: nowrap; }
/* word-wrap */
.bk { word-wrap: break-word; }
/* vertical-align */
.vm { vertical-align: middle; }
.vtb { vertical-align: text-bottom; }
.vb { vertical-align: bottom; }
.vt { vertical-align: top; }
.vn { vertical-align: -2px; }
/* float */
.l { float: left; }
.r { float: right; }
/* clear */
.cl { clear: both; }
/* position */
.rel { position: relative; }
.abs { position: absolute; }
/*z-index*/
.zx1 { z-index: 1; }
.zx2 { z-index: 2; }
/* cursor */
.poi { cursor: pointer; }
.def { cursor: default; }
/* overflow */
.ovh { overflow: hidden; }
.ova { overflow: auto; }
/* visibility */
.vh { visibility: hidden; }
.vv { visibility: visible; }
/* zoom */
.z { *zoom: 1; }


/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto { margin-left: auto; margin-right: auto; }
/* 清除浮 动*/
.fix { *zoom: 1; }
.fix:after { display: table; content: ''; clear: both; }
/* 基于display: table-cell的自适应布局 */
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }
/* 双栏自适应cell部分连续英文字符换行 */
.cell_bk { display: table; width: 100%; table-layout: fixed; word-wrap: break-word; }
/* 单行文字溢出虚点显 示*/
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/* css3过渡动画效果 */
.trans { 
	-webkit-transition: all 0.3s; 	
	        transition: all 0.3s; 
}
/* 大小不定元素垂直居中 */
.dib_vm { display: inline-block; width: 0; height: 100%; vertical-align: middle; }
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading { background: url(http: //www.zhangxinxu.com/study/image/loading.gif) no-repeat center; }
/* 无框文本框文本域 */
.bd_none { border: 0; outline: none; }
/* 绝对定位隐藏 */
.abs_out { position: absolute; left: -999em; top: -999em; }
.abs_clip { position: absolute; clip: rect(0 0 0 0); }
/*inline-block与float等宽列表*/
.inline_box { font-size: 1em; letter-spacing: -.25em; font-family: Arial; }
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any { display: inline-block; *display: inline; letter-spacing: 0; vertical-align: top; *zoom: 1; }
.float_two, .float_three, .float_four, .float_five, .float_six { float: left; }
.inline_two, .float_two { width: 49.9%; }
.inline_three, .float_three { width: 33.3%; }
.inline_four, .float_four { width: 24.9%; }
.inline_five, .float_five { width: 19.9%; }
.inline_six, .float_six { width: 16.6%; }
.inline_fix { display: inline-block; width: 100%; height: 0; overflow: hidden; }
.hidden {overflow: hidden; }

.cor, .cort, .gtcor1, .gtcor2, .gtcor3, .corred, .corgre {
    border-width: 4px;
    display: inline-block;
    height: 0;
    overflow: hidden;
    width: 0;
}
.cor {
    border-style: solid;
    margin-bottom: -2px;
}
.corg3 {
    border-color: #333 transparent transparent;
}
.corg6 {
    border-color: #666 transparent transparent;
}
.corg9 {
    border-color: #999 transparent transparent;
}
.corgc {
    border-color: #ccc transparent transparent;
}
.corwh {
    border-color: #fff transparent transparent;
}
.corwhr {
    border-color: transparent transparent transparent #fff;
    border-style: dashed dashed dashed solid;
    border-width: 5px;
    margin-bottom: 0;
}

.constr_in { 
}
.constr_in:after {
    clear: both;
    content: "";
    display: table;
}