/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button{ margin: 0px; padding: 0px; }

table{ border-collapse:collapse; border-spacing:0; }
button,input,textarea,fieldset{ padding:0;*overflow:visible;} 
input,textarea{outline: none;resize:none;}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul,li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; }
q:beforce,q:after{ content:''; }
abbr,acronym{ border:0; }
label{ cursor:pointer; }
legend{ margin-left:0; }*+html legend{ margin-left:-7px;  margin-top:-7px; padding-bottom:10px; }*html legend{ margin-left:-7px;  margin-top:-7px;  padding-bottom:10px; }
a{ text-decoration:none; outline: none; }
a:hover{ text-decoration:underline; }

/* positon */
.tl{ text-align:left; }
.tc{ text-align:center; }
.tr{ text-align:right; }
.bc{ margin-left:auto; margin-right:auto; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.cb{ clear:both; }
.cl{ clear:left; }
.cr{ clear:right; }
.clearfix:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }.clearfix{*zoom:1;}
.vm{ vertical-align:middle; }
.pr{ position:relative; }
.pa{ position:absolute; }
.abs-r{ position:absolute; right:0; }
.zoom{ zoom:1; }
.hidden{ visibility:hidden; }
.none{ display:none; }
/*border*/
.nbB{ border:0;}
.rb{ border-right-width:1px; border-right-style:solid; }
.lb{ border-left-width:1px; border-left-style:solid; }
.nbt{ border-top:none; }
/*box wrap*/
.wrap{width:980px;margin:0 auto;}
/*box size*/
.w10{ width:10px; }
.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; }
.w120{ width:120px; }
.w150{ width:150px; }
.w180{ width:180px; }
.w188{ width:188px; }
.w190{ width:190px; }
.w200{ width:200px; }
.w210{ width:210px; }
.w250{ width:250px; }
.w300{ width:300px; }
.w400{ width:400px; }
.w450{ width:450px; }
.w500{ width:500px; }
.w600{ width:600px; }
.w700{ width:700px; }
.w980{ width:980px; }
.w{ width:100%; }
.wp50{ width:50%; }
.h20{ height:20px; }
.h40{ height:40px; }
.h50{ height:50px; }
.h60{ height:60px; }
.h80{ height:80px; }
.h100{ height:100px; }
.h200{ height:200px; }
.h{ height:100%; }
/* margin padding */
.mt1{ margin-top:1px; }
.mt2{ margin-top:2px; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb18{ margin-bottom:18px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr18{ margin-right:18px; }
.mr20{ margin-right:20px; }
.mr30{ margin-right:30px; }
.ml2{ margin-left:2px; }
.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml30{ margin-left:30px; }
.padd5{ padding:5px; }
.padd10{ padding:10px; }
.pt1{ padding-top:1px; }
.pt2{ padding-top:2px; }
.pt3{ padding-top:3px; }
.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pb2{ padding-bottom:2px; }
.pb3{ padding-bottom:3px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb12{ padding-bottom:12px; }
.pb15{ padding-bottom:15px; }
.pb17{ padding-bottom:17px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl18{ padding-left:18px; }
.pl20{ padding-left:20px; }
.pl50{ padding-left:50px; }
.pl80{ padding-left:80px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr35{ padding-right:35px; }