@charset "utf-8";

/* reset --- Eric Meyer's CSS Reset v2.0 + alpa --------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
main, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
/* fonts reset*/
code,kbd,pre,samp {
  font-family: monospace, monospace;
}
 
/* form reset*/
input, select {
  vertical-align:middle;
}
 
/* box model reset*/
:root {
  box-sizing: border-box;
}
*,::before,::after {
  border-style: solid;
  border-width: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* TABLE-------------------------------------------------------------*/
table, tbody, tfoot, thead, tr, th, td, table > caption {
  border:none;
}

/* FIGURE------------------------------------------------------------*/
figure, figcaption {
  font-size:1em;
}

/* HEADLINE----------------------------------------------------------*/
h1{ font-size:1.6em; }
h2{ font-size:1.4em; }
h3{ font-size:1.2em; }
h4{ font-size:1em; }
h5{ font-size:0.9em; }
h6{ font-size:0.8em; }

h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; }

/* WORDS-------------------------------------------------------------*/
sup,
sub{ font-size:0.7em; }

address {
  font-style: normal;
}

/* CLEARFIX----------------------------------------------------------*/
.clearfix:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* BROWSER BUG FIX--------------------------------------------------*/
/* fix IE6 Duplicate Characters Bug */
.fixIE6DCB{
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* FILE TYPE--------------------------------------------------------*/
[data-icon]{
  background-repeat:no-repeat;
  background-position:left 0.3em;
}

[data-icon="pdf"]{
  background-image:url('../img/icon/pdf.png');
}

[data-icon="doc"],[data-icon="docx"]{
  background-image:url('../img/icon/doc.png');
}

[data-icon="xls"],[data-icon="xlsx"]{
  background-image:url('../img/icon/xls.png');
}

[data-icon="ppt"],[data-icon="pptx"]{
  background-image:url('../img/icon/ppt.png');
}

[data-icon="zip"]{
  background-image:url('../img/icon/zip.png');
}

[data-icon="file"]{
  background-image:url('../img/icon/file.png');
}

a[data-icon]{
  position:relative;
}

a[data-icon] span.size{
  position:absolute;
  display:none;
  padding:0;
  top:-38px;
  left:-55px;
}

/* FILE SIZE BALOON----------------------------------------------------*/
a[data-icon]:hover span.size{
  display:block;
  position:absolute;
  width:100px;
  height:38px;
  line-height:29px;
  font-size:11px;
  background:url('../img/icon/filesize.png') no-repeat top left;
  text-align:center;
  color:#FFF;
  top:-38px;
  right:-45px;
}
* html a[data-icon] .size{
  right:inherit;
  left:0;
}
* html a[data-icon]:hover .size{
  text-decoration:none;
}


/* INLINE BOX STYLE--------------------------------------------------------*/
.inline-box-parent{
  letter-spacing: -0.4em;
}

.inline-box{
  display: inline-block;
  letter-spacing: normal;
  vertical-align:top;
  height: 100%;
  *display:inline;
  *zoom:1;
}