@charset "UTF-8";

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

/* base setting */
html, body { height: 100%; }
body { background: #000; }

/* clearfix */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
  overflow: hidden;
}
.clearfix:after { clear: both; }

/* selection highlight */ 
::selection { background: #ff3333; }
::-moz-selection { background: #ff3333; }

/* overlay */
#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background: url(/img/loading.gif) no-repeat 50% 50% #000;
  z-index: 99;
}

/* site wrap */
#siteWrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  background: url(/img/bg.png) repeat center 0;
}

/* globalHeader setting */
#globalHeaderWrap { height: 200px; }
#globalHeader {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#titleLogo {
  float: left;
  width: 275px;
  padding: 21px 100px 0 25px;
}
  #titleLogo a {
    display: block;
    width: 245px;
  }

/* globalNav setting */
#globalNav {
  float: left;
  width: 600px;
}
#globalNavList {}
  #globalNavList > li {
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 117%;
    letter-spacing: 1.5px;
  }
    #globalNavList > li > a {
      display: block;
      width: 99px;
      height: 95px;
      margin-left: 1px;
      border-top: 5px #fff solid;
      color: #fff;
      line-height: 95px;
      text-align: center;
      -webkit-transition: 0.4s ease-out;
      -moz-transition: 0.4s ease-out;
      -ms-transition: 0.4s ease-out;
      -o-transition: 0.4s ease-out;
      transition: 0.4s ease-out;
    }
    #movieThumb {
      width: 200px;
      height: 100px;
      background: url(/img/movieThumbBg.gif);
    }
    #globalNavList #globalNavList-02 > a, #globalNavList #globalNavList-05 > a, #globalNavList #globalNavList-07 > a { line-height: 20px; }
    #globalNavList #globalNavList-02 > a {
      height: 40px;
      padding: 27.5px 0;
    }
    #globalNavList #globalNavList-05 > a, #globalNavList #globalNavList-07 > a {
      height: 60px;
      padding: 17.5px 0;
    }
    /* #globalNavList-07 { background: url(/img/globalNavNew.gif) no-repeat center 12.5px; } */
    //#globalNavList-08 { margin-left: 100px; }
    #globalNavList > li > a:hover, #globalNavList > li > .current, #globalNavList > li > .selected {
      background: rgba(255, 51, 51, 0.8);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFF3333, endColorstr=#CCFF3333);
    }
    #globalNavList > li > a:active {
       background: rgba(255, 51, 51, 0.8);
       filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFF3333, endColorstr=#CCFF3333);
    }
    .subMenuList {
      display: none;
      position: absolute;
      left: 1px;
      top: 100px;
      width: 200px;
      background: rgba(255, 51, 51, 0.8);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFF3333, endColorstr=#CCFF3333);
      z-index: 99;
    }
    #globalNavList-07 .subMenuList { width: 300px; }
    #globalNavList-11 .subMenuList {
      left: -100px;
      width: 300px;
    }
      .subMenuList li { position: relative; }
        .subMenuList li a {
          display: block;
          padding: 10px;
          color: #fff;
          line-height: 20px;
          -webkit-transition: 0.3s ease-out;
          -moz-transition: 0.3s ease-out;
          -ms-transition: 0.3s ease-out;
          -o-transition: 0.3s ease-out;
          transition: 0.3s ease-out;
        }
          .subMenuList li a:hover {
            color: #ff3333;
            background: rgba(0, 0, 0, 0.6);
          }

/* content setting */
#contentWrap {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 190px;
  position: relative;
}
#content { padding-bottom: 51px; font-size: 117%; }
#breadcrumbsList li {
  float: left;
  margin-right: 10px;
}
#content h2 {
  position: absolute;
  height: 100px;
  top: 0px;
  left: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 40px;
  line-height: 90px;
  color: #fff;
  letter-spacing: 5px;
  padding-left: 10px;
}
#content h2 .color { color: #ff3333; }
#content h2 .line{
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 5px;
  background-color: #ffcc66; 
}
#breadcrumbsList{
  position: absolute;
  left: 10px;
  top: 70px;
  font-size: 92%;
}
/* social setting */
#socialLinkList {
  clear: both;
  margin: 7px 0 0 700px;
}
  #socialLinkList li {
    float: left;
    width: 100px;
  }
    #socialLinkList > li > a {
      display: block;
      float: left;
      width: 30px;
      height: 30px;
      background: url(/img/share.png) no-repeat;
    }
    #socialLinkList li > a:hover { cursor: pointer; }
    #socialLinkList #fb > a  { background-position: -30px 0; }
    #socialLinkList #htn > a { background-position: -60px 0; }
      #socialLinkList > li > a > span { display: none; }
.count {
  float: left;
  width: 70px;
  height: 30px;
  text-align: center;
}
#tw .count {
  background: rgba(33, 161, 219, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B221A1DB, endColorstr=#B221A1DB);
}
#fb .count {
  background: rgba(59, 89, 152, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B23B5998, endColorstr=#B23B5998);
}
#htn .count {
  background: rgba(44, 110, 189, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B22C6EB7, endColorstr=#B22C6EB7);
}
  .count a {
    color: #fff;
    font-size: 125%;
    line-height: 30px;
  }
  .count a:hover { color: #ff3333; }

/* globalFooter setting */
#globalFooterWrap {
  width: 100%;
  min-width: 1000px;
  height: 190px;
  margin-top: -190px;
  background: #000;
  
}
#globalFooter {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding: 30px 0 0 200px;
  background: url(/img/footerLogo.png) no-repeat 26.5px 123px;
}
#footerLogoMark {
  position: absolute;
  left: 69px;
  top: 45px;
  width: 62px;
  height: 62px;
  background: url(/img/footerLogoMark.png);
}
.rotate {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: 0.4s ease-out;
  -moz-transition: 0.4s ease-out;
  -ms-transition: 0.4s ease-out;
  -o-transition: 0.4s ease-out;
  transition: 0.4s ease-out;
}
#notice {
  margin: 0 10px 10px;
  color: #fff;
}
#corporateLink {}
  #corporateLink li {
    float: left;
    border-left: 1px #fff solid;
  }
  #corporateLink .first { border: none; }
    #corporateLink li a {
      margin: 0 10px;
      color: #fff;
      -webkit-transition: 0.3s ease-out;
      -moz-transition: 0.3s ease-out;
      -ms-transition: 0.3s ease-out;
      -o-transition: 0.3s ease-out;
      transition: 0.3s ease-out;
    }
    #corporateLink li a:hover {
      color: #ff3333;
      text-decoration: underline;
    }
#footerBnrLink { padding: 15px 0; }
  #footerBnrLink li { float: left; }
    #footerBnrLink li a { margin-left: 10px; }
#copyright {
  margin: 0 15px;
  color: #fff;
  font-family: 'Quattrocento Sans', sans-serif;
  letter-spacing: 1px;
}
#toTopBtn {
  display: block;
  position: absolute;
  right: 5px;
  top: 30px;
  width: 70px;
  height: 50px;
  background: url(/img/toTopBtn.png);
}
#toTopBtn:hover {
  cursor: pointer;
  background-position: 0 -50px;
}
#qr {
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 80px;
  height: 80px;
  background: url(/img/qr.gif) no-repeat right bottom;
}
  #qr span { display: none; }

/* other */
.hover a:hover {
  opacity: 0.6 !important;
  -moz-opacity: 0.6 !important;
  -ms-filter: "alpha(opacity=60)" !important;
  filter: alpha(opacity=60) !important;
}
#globalNavList-12 span {
  background: url(/img/blankIcon.png) no-repeat 65px 0px;
  padding: 15px 10px;
}
.globalNavNew { background: url(/img/globalNavNew.gif) no-repeat center 20px; }
.new { padding-top: 8px; background: url(/img/iconNew.gif) no-repeat left 0; }
.blankLink {
  background: url(/img/blankIcon.png) no-repeat right 0;
  padding-right: 12px;
}
.red { color: #ff3333; }
.yellow { color: #ffcc66; }