@charset "utf-8";
/* ----------------------------------------------------------------------
Common Style
-------------------------------------------------------------------------

/* Reset Item
---------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html, body {
  line-height: 1;
  background: #f1f1f1;
}
#yui3-css-stamp.cssfonts {
  display: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
.main-color {
  color: #47B8B8;
}
ul {
  list-style: none;
}
table th {
  vertical-align: middle !important;
}
table caption {
  margin-bottom: 10px;
  font-weight: bold;
}
/*table {
border-collapse: collapse;
border-spacing: 0;
font-size: inherit;
empty-cells: show;
border: 1px solid #ADC5BD;
width: 100%;
}
th {
font-weight: normal;
text-align: left;
border: 1px solid #ADC5BD;
}
td {
border: 1px solid #ADC5BD;
}*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  word-wrap:break-word;
}
a:link {
  color: #47B8B8;
  text-decoration: none;
}
a:visited {
  color: #47B8B8;
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}
img {
  border: none;
  vertical-align: bottom;
}
.img_left {
  float: left;
  margin: 0px 20px 20px 0px;
}
.img_caption {
  font-size: 11px;
  text-align: center;
  background: #222222;
  color: #fff;
  padding: 20px;
}
.img_caption img {
  margin-bottom: 10px;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px dotted #fff;
  padding: 0;
  clear:both;
  margin-bottom:20px;
  padding-top:20px;
}
b, strong {
  font-weight: bold;
}
input, select {
  vertical-align: middle;
}
input[type="text"], input[type="password"], textarea, select {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  outline: none;
  font-size: 100%;
}
address {
  font-style: normal;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
/* @end */

/* tooltip */

a.tooltip {
  outline: none;
}
a.tooltip strong {
  line-height: 30px;
}
a.tooltip:hover {
  text-decoration: none;
}
a.tooltip span {
  z-index: 10;
  display: none;
  padding: 14px 20px;
  margin-top: -30px;
  margin-left: 28px;
  width: 300px;
  line-height: 16px;
}
a.tooltip:hover span {
  display: inline;
  position: absolute;
  color: #111;
  border: 1px solid #DCA;
  background: #fffAF0;
}
.callout {
  z-index: 20;
  position: absolute;
  top: 30px;
  border: 0;
  left: -12px;
}
/*CSS3 extras*/
a.tooltip span {
  border-radius: 4px;
  box-shadow: 5px 5px 8px #CCC;
}
/* @end */

/* ---- isotope ---- */

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 50%;
  display: block;
}
.element-item > * {
  margin: 0;
  padding: 0;
}
button {
  background: none !important;
  color: #47B8B8;
  display: block;
  width: 100%;
  text-align: left;
}
.box_pad {
  padding: 20px;
  background: url(../img/wbg80.png);
  color: #868686;
  min-height: 160px;
  -webkit-box-shadow: 0px -15px 40px -16px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px -15px 40px -16px rgba(0,0,0,0.30);
  box-shadow: 0px -15px 40px -16px rgba(0,0,0,0.30);
  text-align: left;
}
.element-item h1 {
  font-size: 130%;
  line-height: 130%;
  margin-bottom: 10px !important;
  color: #47B8B8;
  margin-bottom: 0px;
}
.w1 {
  width: 44% !important;
}
.w2 {
  width: 56% !important;
}
.w3 {
  width: 33% !important;
}
.w4 {
  width: 34% !important;
}
.w5 {
  width: 33% !important;
}
/* Shrink */
.button {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.shrink {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.shrink:hover, .shrink:focus, .shrink:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}
a i.linkedin {
  color: #4875B4 !important;
}
a i.google_plus {
  color: #C63D2D;
}
.captionfull .boxcaption {
  top: 300px;
  left: 0;
}
/* Mouse Over Effect */
.img_fade {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.img_fade:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* Base Item
---------------------------------------------------------------------- */

body {
  color: #000;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.6;
  background:#000;
}
hr.mida{
    border: 0;
    border-bottom: 1px solid #b7b7b7;
    border-top: 1px solid #b7b7b7;
    display: block;
    height: 7px;
    margin: 0 0 20px;
    width: 100%;
    padding:0 !important;
}
.inlineBox {
  display: inline-block;
  overflow: hidden;
  float: none;
}
#map_home i {
  width: 22px;
  text-align: center;
}
/* CSS Sprite
---------------------------------------- */

#search form:before, #countryNav li a:before, #sizeChanger li, #sizeChanger p, #Header #navBtn, #catNav li a:before, .navMenuItem a:before, .navMenuItem li.hasList > a:after, #Footer li:before, .heading3:before, #RecommendCatgoryBlock .h2section:before, .uiAccList .ui-accordion-header:before, .uiAccList .ui-accordion-header-active:before, .uiAccList li a:before, #RecommendCatgoryBlock .controll a, #countryNavBtm li a:before, #relatedLinks li a:before, .outLink:before, .outLinkInline:before, .outLinkBtn:before, a.inLink:before, .icon-pdf:before, .icon-xls:before, .h3LinkBox li h3:before, .h3LinkBox li h4:before, .h2section p a:after, .h-MtoS a:before, .h2Link a:before, .lowerList li a:before, .movie:before, .mark li:after, .mark:after, .toHead a:before, .headgeS:before, .headgeL:before, .newsList a:before, .newsList .newsItem.havIcon:before, .headgeAt:before, .prevLink a:before, .printBtn a:before, .innerLink a:before, a.innerLink:before, #inquiryBox #inqInner a:before, .tooltip, #breadCrumbs ul li a, #Footer #copy, #pageTop a:before, .freeHtml ul li:after, .modalIcon:before, .popupIcon:before, .faqLink:before {
  background: url(../images/common/cmn-sprite.png) no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
/* @end */


/* 2-02. Header
---------------------------------------------------------------------- */

/* #HeadUtility
---------------------------------------- */

#HeadUtilitySection {
  background: #fff;
}
#HeadUtility {
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  text-align: left;
  _zoom: 1;
}
#HeadUtility:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
#HeadUtility h1, #HeadUtility #siteLogo {
  float: left;
  line-height: 1;
}
#HeadUtility h1 a, #HeadUtility #siteLogo a {
  padding: 14px 0 12px 0;
  display: block;
}
#HeadBox {
  float: right;
  overflow: hidden;
  _zoom: 1;
}
#Header a {
  text-decoration: none
}
input:focus {
  outline: none !important;
  box-shadow: none !important;
}
/* #countryNav
---------------------------------------- */

#countryNav {
  float: right;
  font-size: 85.7%;
  margin-bottom: 0px;
  margin-right: 15px;
  overflow: hidden;
  text-align: right;
  _zoom: 1;
}
#countryNav li {
  float: left;
  margin-top: 10px;
  margin-right: 10px;
}
#countryNav li a {
  color: #333;
  padding-left: 8px;
  position: relative;
}
#countryNav li a:link, #countryNav li a:visited {
  text-decoration: underline;
}
#countryNav li a:before {
  background-position: 0 -30px;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  left: 0;
  top: 6px;
  width: 4px;
}
#countryNav #GlobalSite {
  margin-right: 0;
}
#countryNav li#GlobalSite a {
  padding-left: 17px;
}
#countryNav li#GlobalSite a:before {
  background-position: -241px 0;
  height: 14px;
  left: 0;
  top: 2px;
  width: 12px;
}
/* Search Area
---------------------------------------- */

input.gsc-search-button, input.gsc-search-button:hover {
  border-color: #47B8B8 !important;
  background-color: #47B8B8 !important;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#47B8B8), to(#47B8B8)) !important;
  background-image: -webkit-linear-gradient(top, #47B8B8, #47B8B8) !important;
  background-image: -moz-linear-gradient(top, #47B8B8, #47B8B8) !important;
  background-image: -ms-linear-gradient(top, #47B8B8, #47B8B8) !important;
  background-image: -o-linear-gradient(top, #47B8B8, #47B8B8) !important;
  background-image: linear-gradient(top, #47B8B8, #47B8B8) !important;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#47B8B8', EndColorStr='#47B8B8') !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding-right: 1px !important;
}
#google_search {
  width: 300px;
  float: right;
  padding: 0px 0px 0px;
  margin-top: -10px;
}
#search {
  border: 1px solid #CFD1D3;
  float: right;
  height: 22px;
  padding: 0 0 0 22px;
  position: relative;
  width: 140px;
}
#search form:before {
  background-position: -20px 0;
  content: "";
  display: block;
  height: 12px;
  left: 6px;
  position: absolute;
  top: 5px;
  width: 12px;
}
#search .search_box {
  background-color: transparent;
  border: none;
  float: left;
  margin: 0;
  padding: 0px;
  width: 75px;
}
#search .search_btn {
  float: right;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 55px;
}
/* #HeaderSection
---------------------------------------- */

#Wrap {
  position: relative;
  width: 100%;
  z-index: 10;
}
#Wrap.sizeM {
  font-size: 100%;
}
#Wrap.sizeL {
  font-size: 130%;
}
#HeaderSection {
  background:#000;
  /*background: #34313a;
  background: -moz-linear-gradient(top, #34313a 67%, #29272f 92%, #302d35 96%, #2b2930 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(67%, #34313a), color-stop(92%, #29272f), color-stop(96%, #302d35), color-stop(100%, #2b2930));
  background: -webkit-linear-gradient(top, #34313a 67%, #29272f 92%, #302d35 96%, #2b2930 100%);
  background: linear-gradient(to bottom, #34313a 67%, #29272f 92%, #302d35 96%, #2b2930 100%);
  border-bottom: 1px solid #47444C;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.7);*/
  position: relative;
  z-index: 100;
}
#Header {
  margin: 0 auto;
  text-align: left;
  _zoom: 1;
}
#Header:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
#Header .dropNav {
  float: left;
  position: relative;
}
#Header #navBtn {
  display: none;
}
.wrapper {
  text-align: left;
  background:#f1f1f1;
}
/* Global Nav
---------------------------------------- */
#FooterSection {
/*-webkit-box-shadow: 0px -11px 20px 0px rgba(187,187,187,1);
-moz-box-shadow: 0px -11px 20px 0px rgba(187,187,187,1);
box-shadow: 0px -11px 20px 0px rgba(187,187,187,1);
  background: #1E2124;*/
  background: #000000;
  color: #eee;
  font-size: 85.7%;
}
#Footer {
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  _zoom: 1;
}
#Footer a:link, #Footer a:visited {
  color: #fff;
}
#Footer ul {
  overflow: hidden;
  _zoom: 1;
}
#Footer li {
  float: left;
  margin-right: 10px;
  padding-left: 8px;
  position: relative;
}
#Footer li:before {
  background-position: -10px -14px;
  content: "";
  display: block;
  left: 0;
  height: 7px;
  position: absolute;
  top: 6px;
  width: 4px;
}
button {
  border: 0px !important;
}
:focus {
  outline: -webkit-focus-ring-color auto 0px !important;
}
/* Page's template
---------------------------------------- */

#page_container h1 {
  margin-bottom: 50px;
  font-weight: normal;
  color: #47B8B8;
  font-size: 220%;
  line-height: 120%;
}
.page_container {
  padding-top: 100px;
}
table.white {
  max-width: 300px;
  background: #fff !important;
}
table.white th {
  color: #777;
}