@charset "utf-8";
/* CSS Document */
/*base*/
html { height: 100% }
body {font-size:12px; line-height:1.5 }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td { margin: 0; padding: 0 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top;}
button, input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type=text], input[type=password], input[type=file], textarea { -webkit-border-radius: 0; -webkit-appearance: normal }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
a { text-decoration: none }
:focus { outline: none }

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

.clear { display: block!important; float: none!important; clear: both; width: auto!important; max-width: 100%; min-width: 100%; max-height: 0; min-height: 0; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0; line-height: 0 }

/*text*/
.f12{ font-size:12px}
.f13{ font-size:13px}
.f14{ font-size:14px}
.f16{ font-size:16px}
.f18{ font-size:18px}
.f20{ font-size:20px}

.fb{ font-weight:bold}
.fn{ font-weight:normal}
.lh150{ line-height:150%}
.lh180{ line-height:180%}
.lh200{ line-height:200%}

/*position*/
.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}
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.fixed{ position:fixed}
.zoom{zoom:1}
.hidden{visibility:hidden}
.db{ display:block}
.none{display:none}

/*width*/
.w{ width:100%}
.w100{ width:100px;}
.w200{ width:200px;}
.h{ height:100%}

/*edge*/
.m10{ margin:10px}
.m15{ margin:15px}
.m30{ margin:30px}


.mt5{ margin-top:5px}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt50{ margin-top:50px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb50{ margin-bottom:50px}

.ml5{ margin-left:5px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}

.mr8{ margin-right:8px}

.p10{ padding:10px}
.p15{ padding:15px}
.p30{ padding:30px}

.p5{ padding-top:5px}
.pt10{ padding-top:10px}
.pt15{ padding-top:15px}
.pt20{ padding-top:20px}
.pt30{ padding-top:30px}
.pt50{ padding-top:50px}

.pb5{ padding-bottom:5px}
.pb10{ padding-bottom:10px}
.pb15{ padding-bottom:15px}
.pb20{ padding-bottom:20px}

.pl5{ padding-left:5px}
.pl10{ padding-left:10px}
.pl15{ padding-left:15px}
.pl20{ padding-left:20px}

.pr5{ padding-right:5px}
.pr10{ padding-right:10px}
.pr15{ padding-right:15px}
.pr20{ padding-right:20px}