/* basic */
body{color:#333333;position:relative;background-color:#FFFFFF;font:12px Arial,"Microsoft Yahei","Simsun","Hiragino Sans GB","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;}
html,body{line-height:1.6;}

a img{border:none;}
a{color:#333333;text-decoration:none;}
a:visited{color:#888888;text-decoration:none;}
a:hover{color:#e3393c;text-decoration:underline;}

.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}

* html .clearfix{zoom:1;}
*:first-child+ html .clearfix{zoom:1;}

.hidden{display:none;}
.visibily{display:block;}

.fl-l{float:left;display:inline;}
.fl-r{float:right;display:inline;}
.al-l{text-align:left;}
.al-r{text-align:right;}
.al-c{text-align:center;}

.f-b{font-weight:bold;}
.f-sub{color:#888888;}
.nowrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.help{cursor:help;}

.al-r .textfield{text-align:right;}
.al-l .textfield{text-align:left;}

.no-bb{border-bottom:0 !important;}
.no-bt{border-top:0 !important;}
.no-bl{border-left:0 !important;}
.no-br{border-right:0 !important;}

.no-mb{margin-bottom:0 !important;}
.no-mt{margin-top:0 !important;}
.no-ml{margin-left:0 !important;}
.no-mr{margin-right:0 !important;}

.help{cursor:help;}

/* textfield */
.textfield,.textarea{font-size:12px;font-family:Arial,"Microsoft Yahei","Simsun","Hiragino Sans GB","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;border:1px solid #CCCCCC;border-radius:2px;color:#333333;display:inline-block;height:18px;padding:3px;vertical-align:middle;box-shadow:1px 1px 1px 0 rgba(70,70,70,.1) inset;width:320px;background-color:#FFFFFF;}
.textarea{height:80px;}
.textfield:focus,.textarea:focus,.select:focus{outline:none;outline-offset:0px;background-color:#FFFFFF;border-color:#8eb9ec;box-shadow:0 0 0 2px #8eb9ec;}

input.no-active:focus,
input.no-active:active{border-color:#AAAAAA;outline:none;}

input.error{border-color:#BD0000;box-shadow:0 0 0 1px #FDB9B9;outline:none;outline-offset:0px;}

/* select */
.select{height:26px;line-height:26px;padding:2px;vertical-align:middle;border:1px solid #CCCCCC;border-radius:1px;box-shadow:1px 1px 1px 0 rgba(70,70,70,.1) inset;}
.select option{padding:2px 3px 2px 3px;outline:0 none;}

/* checkbox & radio */
.checkbox,.radio{height:13px;margin:-3px 3px 0 0;*margin:0 3px 0 0;vertical-align:middle;width:13px;}

/* button */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}

.button{-moz-padding-start:0px;-moz-padding-end:0px;margin:0;padding:0 13px;height:24px;line-height:24px;width:auto;vertical-align:middle;position:relative;overflow:visible;*border:none;border:1px solid #000000;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2);border-radius:2px;box-shadow:0 1px 0 rgba(255,255,255,0.15) inset,0 1px 2px rgba(0,0,0,0.05);display:inline-block;*display:inline;*zoom:1;font-family:Arial,"Hiragino Sans GB","Microsoft Yahei","Simsun","Lucida Grande","Lucida Sans","Lucida Sans Unicode",Verdana,sans-serif;cursor:pointer;outline:none;white-space:nowrap;text-decoration:none;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.2);-moz-user-select:none;-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-repeat:repeat-x;text-shadow:0 -1px 0 rgba(0,0,0,0.25);color:#FFFFFF;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0));}
button.button{height:26px;outline:none;font-size:12px;}
input.button{height:26px;line-height:normal;font-size:12px;}
.button:focus{outline:0 none;}
.button:hover,.wrap-page .button.hover{color:#FFFFFF;text-decoration:none;background-position:0 -10px;}
.button:active{outline:0 none;background-image:none;box-shadow:0 2px 3px rgba(0,0,0,0.2) inset,0 1px 2px rgba(0,0,0,0.05);}
.button[disabled],
.button-disabled{color:#AAAAAA !important;background:#E7E7E7 !important;text-shadow:1px 1px 0 #FFFFFF !important;cursor:default !important;}
.button-disabled:active{box-shadow:none !important;}
.button-default{color:#525252;border-color:#AAAAAA;background-color:#F1F1F1;background-image:linear-gradient(to bottom,#FAFAFA,#E1E1E1);text-shadow:0 1px 1px rgba(255,255,255,0.75);}
.button-default:hover,.wrap-page .button-default.hover{color:#525252;background-color:#E1E1E1;}
.button-blue{background-color:#006DCC;}
.button-light-blue{background-color:#49AFCD;}
.button-red{background-color:#DA4F49;}
.button-green{background-color:#5BB75B;}
.button-orange{background-color:#ee7900}
.button-gray{background-color:#8C8C8E;}
.button-purple{background-color:#6868C4;}