@charset "big5";
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
@import url("_reset.css");
@import url("_common.css");
@import url("https://xdb2.x-legend.com.tw/css/component/_footer.css");
@import url("_layout.css");

/* ==========================================================================
   common
============================================================================= */
.news .tabContent {height: 240px;}
.newsList a,
.newbie li a {color: #444;text-decoration: none;}
.newsList a:hover,
.newbie li a:hover {color: #0453b4; text-decoration: underline;}

/* ==========================================================================
   Medium Banner
============================================================================= */
.medium_banner {height: 195px;}
.medium_banner .slider {height: 175px;}
.medium_banner .slider li {position: absolute;}
.medium_banner .slider img {width: 201px;height: 170px;}
.medium_banner .pag { padding-top: 5px;text-align:right;}
.medium_banner .pag a {border: none;}

/* ==========================================================================
   Newbie
============================================================================= */
.newbie .widget {padding: 6px;}
.newbie .subtitle {margin: 0 2px 10px;}
.newbie .widget_content {
  border:1px solid #d7d7d7;
  background: #fff;
  padding: 12px 4px 4px;
}
.newbie ul {margin-bottom: 5px;}
.newbie li {
  float: left;
  width: 87px; /* 72px */
  height: 24px;
  line-height: 24px;
  /*padding-left: 15px;
  background: url('../images/disc.gif') 5px 0 no-repeat;*/
}
.newbie li i {
  text-align: center;
  width: 18px;
  color: #BFBFBF;
}
.newbie .newbie_img {height: 125px;}

/* ==========================================================================
   Profession
============================================================================= */
.profession {clear: both;}
.profession .widget {padding: 8px;}
.profession .tabWidget {border: 1px solid #bebebe;}
.profession .tabNav {
  position: relative;
  margin-bottom: -2px;
  width: 100%;
}
.profession .tabNav li {
  width: 25%;
  font-size: 14px;
}
.profession .tabNav a {
  border-right: 1px solid #bebebe;
  background: #d7d7d7;
  font-size: 15px;
  cursor: default;
}
.profession .tabNav .last a {border-right:none;}
.profession .tabNav a:hover,
.profession .tabNav .active a {
  color: #0453b4;
  border-bottom: 2px solid #fff;
  background: #fff;
}
.profession .tabNav span {
  border-top: 3px solid #e3e3e3;
  height: 24px;
  display: block;
  padding-top: 5px;
}
.profession .tabNav a:hover span,
.profession .tabNav .active span {
  border-top: 3px solid #5ed3f8;
}

.profession #tab8 {background-position: 0 -295px;}
.profession #tab9 {background-position: 0 -590px;}
.profession #tab10 {background-position: 0 -885px;}

.profession .boxContent {border-top:2px solid #7d7d7d;}
.profession .tabContent {
  height: 295px;
  background: #fff url('../images/profession_bg.jpg') 0 0 no-repeat;
  position: relative;
}
.profession .video {
  position: absolute;
  width: 258px;
  height: 142px;
  background: #000;
  left: 39px;
  top: 139px;
}

/* ==========================================================================
   FB like
============================================================================= */
.fblike {position: relative;}
.fblike .sticker {
  position: absolute;
  right: 10px;
  top: -30px;
  background-image: url('../images/ui.png');
  background-repeat: no-repeat;
  background-position: -650px -500px ;
  width: 211px;
  height: 117px;
}