@charset "utf-8";

/* introduce */
.introduce { float:right; width:713px; height:75px; padding:0 10px 0 0; font-size:0; line-height:0; }
.introduce > li { display:inline-block; position:relative; }
.introduce > li > a { display:inline-block; width:175px; height:37px; background:url("/base/img/btn_introduction_off.png") no-repeat; }
.introduce > li:nth-child(2) > a { width:176px; background:url("/base/img/btn_notice_off.png") no-repeat; }
.introduce > li:nth-child(3) > a { width:133px; background:url("/base/img/btn_inquiry_off.png") no-repeat; }
.introduce > li:nth-child(4) > a { width:219px; background:url("/base/img/btn_sponsor_off.png") no-repeat; }

.introduce > li:hover a { background:url("/base/img/btn_introduction_on.png") no-repeat; }
.introduce > li:nth-child(2):hover > a { width:176px; background:url("/base/img/btn_notice_on.png") no-repeat; }
.introduce > li:nth-child(3):hover > a { width:133px; background:url("/base/img/btn_inquiry_on.png") no-repeat; }
.introduce > li:nth-child(4):hover > a { width:219px; background:url("/base/img/btn_sponsor_on.png") no-repeat; }

/* 下拉菜单 */
  /* introduction */
  .introduce .introduction { display:none; position:absolute; left:88px; top:37px; width:405px; height:25px; }
  .introduce .introduction li { display:inline-block; }
  .introduce .introduction li a { display:block; width:58px; height:25px; background:url("/base/img/btn_introduction1_off.png") no-repeat; }
  .introduce .introduction li:nth-child(2) a { width:65px; background:url("/base/img/btn_introduction2_off.png") no-repeat; }
  .introduce .introduction li:nth-child(3) a { width:85px; background:url("/base/img/btn_introduction3_off.png") no-repeat; }
  .introduce .introduction li:nth-child(4) a { width:87px; background:url("/base/img/btn_introduction4_off.png") no-repeat; }
  .introduce .introduction li:nth-child(5) a { width:110px; background:url("/base/img/btn_introduction5_off.png") no-repeat; }

  .introduce .introduction li:hover a { display:block; width:58px; height:25px; background:url("/base/img/btn_introduction1_on.png") no-repeat; }
  .introduce .introduction li:nth-child(2):hover a { width:65px; background:url("/base/img/btn_introduction2_on.png") no-repeat; }
  .introduce .introduction li:nth-child(3):hover a { width:85px; background:url("/base/img/btn_introduction3_on.png") no-repeat; }
  .introduce .introduction li:nth-child(4):hover a { width:87px; background:url("/base/img/btn_introduction4_on.png") no-repeat; }
  .introduce .introduction li:nth-child(5):hover a { width:110px; background:url("/base/img/btn_introduction5_on.png") no-repeat; }

  .introduce > li:hover .introduction { display:block; }

  /* notice */
  .introduce .notice { display:none; position:absolute; left:46px; top:37px; width:424px; height:25px; }
  .introduce .notice li { display:inline-block; }
  .introduce .notice li a { display:block; width:68px; height:25px; background:url("/base/img/btn_notice1_off.png") no-repeat; }
  .introduce .notice li:nth-child(2) a { width:65px; background:url("/base/img/btn_notice2_off.png") no-repeat; }
  .introduce .notice li:nth-child(3) a { width:75px; background:url("/base/img/btn_notice3_off.png") no-repeat; }
  .introduce .notice li:nth-child(4) a { width:74px; background:url("/base/img/btn_notice4_off.png") no-repeat; }
  .introduce .notice li:nth-child(5) a { width:85px; background:url("/base/img/btn_notice5_off.png") no-repeat; }
  .introduce .notice li:nth-child(6) a { width:57px; background:url("/base/img/btn_notice6_off.png") no-repeat; }

  .introduce .notice li:hover a { display:block; width:68px; height:25px; background:url("/base/img/btn_notice1_on.png") no-repeat; }
  .introduce .notice li:nth-child(2):hover a { width:65px; background:url("/base/img/btn_notice2_on.png") no-repeat; }
  .introduce .notice li:nth-child(3):hover a { width:75px; background:url("/base/img/btn_notice3_on.png") no-repeat; }
  .introduce .notice li:nth-child(4):hover a { width:74px; background:url("/base/img/btn_notice4_on.png") no-repeat; }
  .introduce .notice li:nth-child(5):hover a { width:85px; background:url("/base/img/btn_notice5_on.png") no-repeat; }
  .introduce .notice li:nth-child(6):hover a { width:57px; background:url("/base/img/btn_notice6_on.png") no-repeat; }

  .introduce > li:hover .notice { display:block; }

  /* inquiry */
  .introduce .inquiry { display:none; position:absolute; left:-175px; top:37px; width:497px; height:25px; }
  .introduce .inquiry li { display:inline-block; }
  .introduce .inquiry li a { display:block; width:77px; height:25px; background:url("/base/img/btn_inquiry1_off.png") no-repeat; }
  .introduce .inquiry li:nth-child(2) a { width:79px; background:url("/base/img/btn_inquiry2_off.png") no-repeat; }
  .introduce .inquiry li:nth-child(3) a { width:127px; background:url("/base/img/btn_inquiry3_off.png") no-repeat; }
  .introduce .inquiry li:nth-child(4) a { width:105px; background:url("/base/img/btn_inquiry4_off.png") no-repeat; }
  .introduce .inquiry li:nth-child(5) a { width:109px; background:url("/base/img/btn_inquiry5_off.png") no-repeat; }

  .introduce .inquiry li:hover a { display:block; width:77px; height:25px; background:url("/base/img/btn_inquiry1_on.png") no-repeat; }
  .introduce .inquiry li:nth-child(2):hover a { width:79px; background:url("/base/img/btn_inquiry2_on.png") no-repeat; }
  .introduce .inquiry li:nth-child(3):hover a { width:127px; background:url("/base/img/btn_inquiry3_on.png") no-repeat; }
  .introduce .inquiry li:nth-child(4):hover a { width:105px; background:url("/base/img/btn_inquiry4_on.png") no-repeat; }
  .introduce .inquiry li:nth-child(5):hover a { width:109px; background:url("/base/img/btn_inquiry5_on.png") no-repeat; }

  .introduce > li:hover .inquiry { display:block; }

  /* sponsor */
  .introduce .sponsor { display:none; position:absolute; right:30px; top:37px; width:268px; height:25px; }
  .introduce .sponsor li { display:inline-block; }
  .introduce .sponsor li a { display:block; width:71px; height:25px; background:url("/base/img/btn_sponsor1_off.png") no-repeat; }
  .introduce .sponsor li:nth-child(2) a { width:65px; background:url("/base/img/btn_sponsor2_off.png") no-repeat; }
  .introduce .sponsor li:nth-child(3) a { width:132px; background:url("/base/img/btn_sponsor3_off.png") no-repeat; }

  .introduce .sponsor li:hover a { display:block; width:71px; height:25px; background:url("/base/img/btn_sponsor1_on.png") no-repeat; }
  .introduce .sponsor li:nth-child(2):hover a { width:65px; background:url("/base/img/btn_sponsor2_on.png") no-repeat; }
  .introduce .sponsor li:nth-child(3):hover a { width:132px; background:url("/base/img/btn_sponsor3_on.png") no-repeat; }

  .introduce > li:hover .sponsor { display:block; }

/* snb_join */
.snb_join { height:250px; }

/* snb_introduction */
.snb_introduction { height:250px; }
.snb_introduction li:first-child { margin:0 0 12px 0; }
.snb_introduction li { margin:0 0 1px 0; }
.snb_introduction li a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_introduction1_off.png") no-repeat; }
.snb_introduction li:nth-child(3) a { background:url("/base/img/btn_snb_introduction2_off.png") no-repeat; }
.snb_introduction li:nth-child(4) a { background:url("/base/img/btn_snb_introduction3_off.png") no-repeat; }
.snb_introduction li:nth-child(5) a { background:url("/base/img/btn_snb_introduction4_off.png") no-repeat; }
.snb_introduction li:nth-child(6) a { background:url("/base/img/btn_snb_introduction5_off.png") no-repeat; }

.snb_introduction li:hover a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_introduction1_on.png") no-repeat; }
.snb_introduction li:nth-child(3):hover a { background:url("/base/img/btn_snb_introduction2_on.png") no-repeat; }
.snb_introduction li:nth-child(4):hover a { background:url("/base/img/btn_snb_introduction3_on.png") no-repeat; }
.snb_introduction li:nth-child(5):hover a { background:url("/base/img/btn_snb_introduction4_on.png") no-repeat; }
.snb_introduction li:nth-child(6):hover a { background:url("/base/img/btn_snb_introduction5_on.png") no-repeat; }

/* snb_notice */
.snb_notice { height:250px; }
.snb_notice li:first-child { margin:0 0 12px 0; }
.snb_notice li { margin:0 0 1px 0; }
.snb_notice li a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_notice1_off.png") no-repeat; }
.snb_notice li:nth-child(3) a { background:url("/base/img/btn_snb_notice2_off.png") no-repeat; }
.snb_notice li:nth-child(4) a { background:url("/base/img/btn_snb_notice3_off.png") no-repeat; }
.snb_notice li:nth-child(5) a { background:url("/base/img/btn_snb_notice4_off.png") no-repeat; }
.snb_notice li:nth-child(6) a { background:url("/base/img/btn_snb_notice5_off.png") no-repeat; }
.snb_notice li:nth-child(7) a { background:url("/base/img/btn_snb_notice6_off.png") no-repeat; }

.snb_notice li:hover a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_notice1_on.png") no-repeat; }
.snb_notice li:nth-child(3):hover a { background:url("/base/img/btn_snb_notice2_on.png") no-repeat; }
.snb_notice li:nth-child(4):hover a { background:url("/base/img/btn_snb_notice3_on.png") no-repeat; }
.snb_notice li:nth-child(5):hover a { background:url("/base/img/btn_snb_notice4_on.png") no-repeat; }
.snb_notice li:nth-child(6):hover a { background:url("/base/img/btn_snb_notice5_on.png") no-repeat; }
.snb_notice li:nth-child(7):hover a { background:url("/base/img/btn_snb_notice6_on.png") no-repeat; }

/* snb_inquiry */
.snb_inquiry { height:250px; }
.snb_inquiry li:first-child { margin:0 0 12px 0; }
.snb_inquiry li { margin:0 0 1px 0; }
.snb_inquiry li a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_inquiry1_off.png") no-repeat; }
.snb_inquiry li:nth-child(3) a { background:url("/base/img/btn_snb_inquiry2_off.png") no-repeat; }
.snb_inquiry li:nth-child(4) a { background:url("/base/img/btn_snb_inquiry3_off.png") no-repeat; }
.snb_inquiry li:nth-child(5) a { background:url("/base/img/btn_snb_inquiry4_off.png") no-repeat; }
.snb_inquiry li:nth-child(6) a { background:url("/base/img/btn_snb_inquiry5_off.png") no-repeat; }

.snb_inquiry li:hover a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_inquiry1_on.png") no-repeat; }
.snb_inquiry li:nth-child(3):hover a { background:url("/base/img/btn_snb_inquiry2_on.png") no-repeat; }
.snb_inquiry li:nth-child(4):hover a { background:url("/base/img/btn_snb_inquiry3_on.png") no-repeat; }
.snb_inquiry li:nth-child(5):hover a { background:url("/base/img/btn_snb_inquiry4_on.png") no-repeat; }
.snb_inquiry li:nth-child(6):hover a { background:url("/base/img/btn_snb_inquiry5_on.png") no-repeat; }

/* snb_sponsor */
.snb_sponsor { height:250px; }
.snb_sponsor li:first-child { margin:0 0 12px 0; }
.snb_sponsor li { margin:0 0 1px 0; }
.snb_sponsor li a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_sponsor1_off.png") no-repeat; }
.snb_sponsor li:nth-child(3) a { background:url("/base/img/btn_snb_sponsor2_off.png") no-repeat; }
.snb_sponsor li:nth-child(4) a { background:url("/base/img/btn_snb_sponsor3_off.png") no-repeat; }
.snb_sponsor li:nth-child(5) a { background:url("/base/img/btn_snb_sponsor4_off.png") no-repeat; }

.snb_sponsor li:hover a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_sponsor1_on.png") no-repeat; }
.snb_sponsor li:nth-child(3):hover a { background:url("/base/img/btn_snb_sponsor2_on.png") no-repeat; }
.snb_sponsor li:nth-child(4):hover a { background:url("/base/img/btn_snb_sponsor3_on.png") no-repeat; }
.snb_sponsor li:nth-child(5):hover a { background:url("/base/img/btn_snb_sponsor4_on.png") no-repeat; }

/* snb_information */
.snb_information { height:250px; }
.snb_information li:first-child { margin:0 0 12px 0; }
.snb_information li { margin:0 0 1px 0; }
.snb_information li a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_information1_off.png") no-repeat; }
.snb_information li:nth-child(3) a { background:url("/base/img/btn_snb_information2_off.png") no-repeat; }

.snb_information li:hover a { display:inline-block; width:150px; height:26px; background:url("/base/img/btn_snb_information1_on.png") no-repeat; }
.snb_information li:nth-child(3):hover a { background:url("/base/img/btn_snb_information2_on.png") no-repeat; }