/************************************************************************************
RESET
*************************************************************************************/
html, body, address, section ,article, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, /*td,*/ tfoot, /*th,*/ thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
fieldset {border: 0; max-width:100%;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body {font-size: 1em; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,"Microsoft YaHei"; color: #333;-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased;}
a {text-decoration: none; color:#333; outline: none;}
/*a:hover {text-decoration:none;color: #7db82a; transition: all 0.3s ease-in-out;}*/
/* list */
ul, ol ,li{ list-style:none;}
/* headings */
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
/* reset webkit search input styles */
input{ margin:0px; padding:0px;  margin:0px; font:100% Arial, Helvetica, clean, sans-serif; font-size-adjust:none; font-stretch:normal; }
textarea{ margin:0px; padding:0px;  margin:0px; font:100% Arial, Helvetica, clean, sans-serif; font-size-adjust:none; font-stretch:normal;}
select{margin:0px; padding:0px; font:100% Arial, Helvetica, clean, sans-serif;  font-size-adjust:none; font-stretch:normal;}
table { border-collapse:collapse; border-spacing:0;}

/* Define the scroll bar height and width background, height and width corresponding to the size of the horizontal and vertical scroll bars */
::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    background-color: #fff;
}
 
/*Define scrollbar track, inner shadow, rounded corners*/
::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 4px;
    background-color: #fff;
}
 
/*Define sliders, inner shadows, rounded corners*/
::-webkit-scrollbar-thumb
{
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ddd;
}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clr{ clear:both;}

/*public*/
.yaHei{ font-family:"\5FAE\8F6F\96C5\9ED1";}
.fl{ float:left;}
.fr{ float:right;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}

.mr0{ margin-right:0px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}

.mb0{ margin-bottom:0px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.pl0{ padding-left:0px;}
.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}
.pl40{ padding-left:40px;}
.pl50{ padding-left:50px;}
.pr0{ padding-right:0px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pb5{padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb40{ padding-bottom:40px;}

/*form*/
.input30{ width:30px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input50{ width:50px; border:1px solid #ccc; height:24px; line-height:24px; padding-left:5px;}
.input80{ width:80px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input100{ width:100px; border:1px solid #ccc; height:24px; line-height:24px; padding-left:5px;}
.input120{ width:120px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input150{ width:150px; border:1px solid #ccc; height:24px; line-height:24px; padding-left:5px;}
.input180{ width:180px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input200{ width:200px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input250{ width:250px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input300{ width:300px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.textarea300{ width:300px; height:60px; border:1px solid #ddd;}
.textarea400{ width:400px; height:100px;}
.textarea70{ width:70%; height:150px; }

/* color */
.color485a80{ color:#485a80;}
.color02{ color:#ce0a14;}

/* alignment */
.tlgc{text-align: center;}