@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font-size:100%; font-family:arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;}
h2,h3{ font-size:14px; font-weight:bold;}


/*basic*/
.left{ float:left;}
.right{ float:right;}
.hidden{ display:none;}
img{ font-size:0; line-height:0;}

/*commonly used*/
.hg20{ line-height:20px;}
.hg21{ line-height:21px;}
.hg22{ line-height:22px;}
.hg23{ line-height:23px;}
.hg24{ line-height:24px;}
.hg25{ line-height:25px;}

.pt10{ padding-top:10px; padding-left:6px;}
.plt8{ padding-top:4px; padding-left:8px;}
.plt6{ padding-top:6px; }
.ptl145{ padding:14px 0 0 5px;}


.mb8{ margin-bottom:8px;}
.mt3{ margin-top:3px;}






/*link*/
a{text-decoration:none; color: #333333;}
a:hover{text-decoration:underline; color:#ff3300;}


/*clear self*/
.clearfix{ zoom:1;}
.clearfix:after{ content:''; display:block; clear:both; height:0;}