@charset "utf-8";

/* CSS Document */

@import url("reset.css");
@font-face {
    font-family: "EPM87U";
    src: url(EPM87U.TTF);
}

body {
    font: 13px/18px 微軟正黑體;
    position: relative;
}

.bgg {
    background: url(../images/main_inside2.jpg) top center repeat-y;
}

.wrap {
    width: 100%;
    background: url(../images/index_18.jpg) top center no-repeat;
    height: 845px;
}

.wrap2 {
    width: 100%;
    background: url(../images/main.jpg) top center no-repeat;
    height: 845px;
}

.wrap3 {
    width: 100%;
    background: url(../images/main_inside.jpg) top center no-repeat;
    height: 100%;
}

.coming {
    width: 100%;
    background: url(../images/coming_soon.jpg) top center no-repeat;
    height: 825px;
}

.Brands_bg {
    width: 100%;
    background: url(../images/Brands_bg.jpg) top center no-repeat;
    height: 925px;
}

.jimbg {
    width: 100%;
    background: url(../images/jimbg.jpg) top center no-repeat;
    height: 1260px;
}

.jimbg {
    width: 100%;
    background: url(../images/jimbg.jpg) top center no-repeat;
    height: 1260px;
}

.Bourbon_Legendbg {
    width: 100%;
    background: url(../images/Bourbon_Legendbg.jpg) top center no-repeat;
    height: 1550px;
}

.wrap_18 {
    width: 1024px;
    height: 608px;
    position: relative;
    margin: 0 auto;
}

.yes {
    position: absolute;
    left: 229px;
    top: 396px;
    width: 273px;
    height: 165px;
    display: block;
    background: url(../images/yes.png) 0 0 no-repeat;
    z-index: 2;
    transition: all 0.5s;
}

.yes:hover {
    background: url(../images/yes_hover1_bg.png) 0 0 no-repeat;
    transition: all 0.5s;
}

.yes_img {
    position: absolute;
    left: 50px;
    top: 259px;
    height: 302px;
    z-index: 0;
    width: 574px;
    background: url(../images/yes_hover_bg.png) 0 0 no-repeat;
}

.no {
    position: absolute;
    right: 180px;
    top: 395px;
    width: 286px;
    height: 173px;
    display: block;
    background: url(../images/no.png) 0 0 no-repeat;
    z-index: 2;
    transition: all 0.5s;
}

.no:hover {
    background: url(../images/no_hover1_bg.png) 0 0 no-repeat;
    transition: all 0.5s;
}

.no_img {
    position: absolute;
    right: 59px;
    top: 259px;
    height: 302px;
    z-index: 0;
    width: 574px;
    background: url(../images/yes_hover_bg.png) 0 0 no-repeat;
}

.footer {
    position: fixed;
    bottom: 35px;
    height: 106px;
    z-index: 0;
    width: 100%;
    background: url(../images/wine_footer.png) bottom center no-repeat;
    z-index: 99999;
}
.warning {
    width: 100%;
    height: 12vh;
    background-color: #2b2423;
    background-image: url(../images/warning/warning_1920_white.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 98% auto;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1031;
    transition: transform .3s ease-out; }
    @media screen and (min-width: 1200px) {
      .warning {
        bottom: 35px; }
        .warning ~ footer {
          padding-bottom: calc(12vh + 35px); } }
    @media only screen and (max-width: 1400px) {
      .warning {
        background-image: url(../images/warning/warning_1680_white.png); } }
    @media only screen and (max-width: 1200px) {
      .warning {
        background-image: url(../images/warning/warning_1140_white.png); } }
    @media only screen and (max-width: 991px) {
      .warning {
        background-image: url(../images/warning/warning_m_white.png);
        background-size: 98% 90%;
        transform: translate(0, 0, 0); }
        .warning ~ footer {
          padding-bottom: 12vh; } }
  
  .drinking_advice {
    position: fixed;
    right: 20px;
    top: 50%;
    color: #fff;
    background: #000;
    padding: 7px 7px;
    z-index: 100;
    writing-mode: vertical-lr;
    letter-spacing: 5px;
    transform: translateY(-50%); }
  
  .policy-warning {
    width: 100%;
    position: fixed;
    bottom: 12vh;
    left: 0;
    right: 0;
    z-index: 1020; }
    .policy-warning::before {
      display: block;
      content: "";
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      background: rgba(0, 0, 0, 0.3); }
    .policy-warning .policy-container {
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-direction: column;
      width: 100%;
      background: #2b2423;
      color: #fff;
      padding-top: 20px;
      padding-bottom: 30px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto; }
    .policy-warning .policy-text {
      font-size: 16px;
      font-weight: 300;margin-bottom: 1rem; }
      .policy-warning .policy-text a {
        text-decoration: underline;color:inherit;font-weight: bold; }
    .policy-warning .policy-bar {
      text-align: center; }
      .policy-warning .policy-bar .btn-bor {
        background-color: #2b2423;
        border: 1px solid #fff !important;
        color: #fff !important;
        border-radius: 0 !important;
        padding-left: 15px;
        padding-right: 15px;cursor: pointer; }
        .policy-warning .policy-bar .btn-bor:hover {
          background: #fff !important;
          color: #000 !important; }
  
  @media screen and (min-width: 768px) {
    .policy-warning {
      width: 620px;
      top: 20vh;
      left: 50%;
      margin-left: -310px; } }
  
  @media screen and (max-width: 767px) {
    .policy-warning {
      width: 100%;
      top: 15vh;
      padding: 10px; } }

.menu {
    width: 100%;
    height: 77px;
    background: url(../images/menu.png) center bottom no-repeat;
    position: relative;
    z-index: 9;
}

.menu ul {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.menu ul li {
    font-size: 19px;
    letter-spacing: 2px;
    float: left;
    position: relative;
    z-index: 2;
}

.menu ul li a {
    background: none;
    color: #eedeaa;
    width: 143px;
    height: 78px;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 78px;
    position: relative;
    z-index: 2;
    transition: all 300ms;
}

.menu ul li a:hover {
    color: #fff;
    transition: color 0.5s;
    font-weight: bold;
}

.menu ul li#active {
    background: url(../images/menu_hover.png) 0 center no-repeat;
    color: #fff;
    width: 143px;
    height: 78px;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 78px;
    position: relative;
    z-index: 2;
    font-weight: bold;
}

#btn_hover {
    color: #fff;
    font-weight: bold;
    background: url(../images/menu_hover.png) 0 center no-repeat;
    opacity: 0;
}

.menu ul li a.index {
    float: left;
    width: 259px;
    height: 77px;
    display: block;
    margin: 0 35px 0 42px;
}

.POST {
    position: absolute;
    right: -65px;
    top: 0;
    width: 171px;
    height: 266px;
    background: url(../images/Shimegikuji.png) 0 0 no-repeat;
    z-index: 9999;
    transition: all 300ms;
    display: block;
    cursor: pointer;
}

.POST:hover {
    -webkit-animation: MENUPUMP 3s ease-out 0.1s infinite;
    -moz-animation: MENUPUMP 3s ease-out 0.1s infinite;
    -o-animation: MENUPUMP 3s ease-out 0.1s infinite;
    animation: MENUPUMP 3s ease-out 0.1s infinite;
    transition: all 300ms;
}

@keyframes MENUPUMP {
    from,
    50%,
    to {
        transform: rotate(25deg);
        transform-origin: 40% 0;
    }
    25%,
    75% {
        transform: rotate(-25deg);
        transform-origin: 40% 0;
    }
}


/*#Submenu1*/

.menu #Submenu1 {
    clear: both;
    width: 588px;
    margin: 0 auto;
    position: relative;
}

.menu #Submenu1 ul {
    width: 588px;
    float: left;
    float: left;
    position: absolute;
    top: -50px;
    left: -185px;
    background: url(../images/menu_2.png) left bottom no-repeat;
    height: 60PX;
    padding-left: 55px;
    margin-top: 0px;
    opacity: 0;
}

.menu #Submenu1 li {
    font-family: 'Lora', serif;
    font-size: 17px;
    letter-spacing: 0;
    background: url(../images/star.png) 0 28px no-repeat;
    text-align: left;
    margin-top: -8px;
}

.menu #Submenu1 li a {
    text-align: left;
    width: auto;
    padding: 0 38px;
    display: block;
    transition: background 0.5s;
    transition: all 300ms;
}

.menu #Submenu1 li a:hover {
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    background: url(../images/menu2_hover.png) center 0 no-repeat;
}

.menu #Submenu1 li#active {
    text-align: left;
    width: auto;
    padding: 0 38px;
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    background: url(../images/menu2_hover.png) center 0 no-repeat;
}

.menu #Submenu1 li#JimBeam_active {
    background: url(../images/jimbean_active.png) 0 0 no-repeat;
    width: 161px;
    height: 116px;
    margin-left: -45px;
    text-indent: -9999px;
}

.menu #Submenu1 li#Marker_active {
    background: url(../images/maker_active.png) 0 0 no-repeat;
    width: 161px;
    height: 116px;
    margin-left: -8px;
    text-indent: -9999px;
}

.menu #Submenu1 li#Small_active {
    background: url(../images/small_active.png) 0 0 no-repeat;
    width: 161px;
    height: 116px;
    margin-left: -8px;
    text-indent: -9999px;
}


/*#Submenu2*/

.menu #Submenu2 {
    clear: both;
    width: 588px;
    margin: 0 auto;
    position: relative;
}

.menu #Submenu2 ul {
    width: 588px;
    float: left;
    position: absolute;
    z-index: 0;
    top: -50px;
    left: 0;
    background: url(../images/menu_2.png) left bottom no-repeat;
    height: 60PX;
    padding-left: 95px;
    margin-left: -70px;
    opacity: 0;
}

.menu #Submenu2 li {
    font-family: '微軟正黑體';
    font-size: 17px;
    letter-spacing: 7px;
    background: url(../images/star.png) 0 28px no-repeat;
    text-align: left;
    margin-top: -8px;
}

.menu #Submenu2 li a {
    text-align: left;
    width: 95px;
    padding: 0 25px;
    transition: all 300ms;
}

.menu #Submenu2 li a:hover {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: url(../images/menu2_hover.png) -10px 0 no-repeat;
}

.menu #Submenu2 li a#active {
    cursor: default;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: url(../images/menu2_hover.png) 0 0 no-repeat;
}


/*#Submenu4*/

.menu ul li a.menu04 {
    width: 180px;
    display: block;
}

.menu #Submenu4 {
    clear: both;
    width: 700px;
    margin: 0 auto;
    position: relative;
}

.menu #Submenu4 ul {
    width: 588px;
    float: left;
    position: absolute;
    z-index: 0;
    top: -50px;
    left: 250px;
    background: url(../images/menu_2.png) left bottom no-repeat;
    height: 60PX;
    padding-left: 65px;
    opacity: 0;
}

.menu #Submenu4 li {
    font-family: 'Lora', serif;
    font-size: 17px;
    background: url(../images/star.png) 0 28px no-repeat;
    text-align: left;
    margin-top: -8px;
}

.menu #Submenu4 li a {
    text-align: left;
    width: auto;
    padding: 0 25px;
    transition: all 300ms;
}

.menu #Submenu4 li a:hover {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: url(../images/menu2_hover.png) center 0 no-repeat;
}

.menu #Submenu4 li a#active {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    background: url(../images/menu2_hover.png) center 0 no-repeat;
    cursor: default;
}


/*about*/

.width1200 {
    clear: both;
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.ABOUT {
    background: url(../images/ABOUT.png) 0 28px no-repeat;
    width: 560px;
    height: 543px;
    float: left;
}

.ABOUT_bg {
    background: url(../images/ABOUT_bg.png) 0 0 no-repeat;
    width: 652px;
    height: 510px;
    position: absolute;
    right: -20px;
    top: 40px;
}


/*jimbean*/

.wood_top {
    position: absolute;
    top: 90px;
    width: 1215px;
    height: 48px;
    background: url(../images/wood_bg2.png) 0 0 no-repeat;
    z-index: 2;
}

.jinbean1_bg {
    position: absolute;
    top: 75px;
    left: -5px;
    z-index: 0;
    width: 347px;
    height: 519px;
    background: url(../images/jimbean_hover.png) 0 0 no-repeat;
    display: block;
}

.maker_bg {
    position: absolute;
    top: 75px;
    z-index: 0;
    width: 347px;
    height: 539px;
    background: url(../images/maker_hover.png) 0 0 no-repeat;
    display: block;
}


/*1.金賓<白>美國波本威士忌*/

.jinbean1 {
    position: relative;
    text-align: center;
    width: 102px;
    height: 381px;
    display: block;
    background: url(../images/wine1.png) 0 0 no-repeat;
    z-index: 1;
    margin: 239px 0 0 95px;
}

.protxt {
    background: url(../images/wood1.png) 0 0 no-repeat;
    width: 190px;
    height: 94px;
    position: absolute;
    z-index: 2;
    bottom: -105px;
    color: #000;
    text-align: center;
    padding-top: 23px;
    line-height: 18px;
    font-size: 15px;
    font-weight: bolder;
    left: -40px;
}

.protxt:hover {
    color: #a00000;
}

.jinbean1_img {
    left: -35px;
}


/*2.金賓〈魔鬼珍藏〉美國波本威士忌*/
.bb ul li{ position: relative; }
.jinbean2 {
    position: relative;
    float: left;
    width: 133px;
    height: 387px;
    display: block;
    background: url(../images/wine2.png) 0 0 no-repeat;
    z-index: 1;
    margin: 263px 0 0 95px;
}

.protxt.protxt2 {
    bottom: -75px;
    left: -30px;
}

.jinbean2_img {
    left: -25px;
}


/*3.金賓〈雙桶熟成〉美國波本威士忌*/

.jinbean3 {
    position: relative;
    float: left;
    width: 133px;
    height: 387px;
    display: block;
    background: url(../images/wine3.png) 0 0 no-repeat;
    z-index: 1;
    margin: 262px 0 0 95px;
}

.protxt.protxt3 {
    bottom: -75px;
    left: -30px;
}

.jinbean3_img {
    left: -25px;
}

.jinbean_center_img {
    left: 313px;
}

.jinbean14_img {
    left: 570px;
}

.jinbean4_img {
    left: -8px;
}

.small_img {
    position: absolute;
    top: 75px;
    z-index: 0;
    width: 347px;
    height: 519px;
    background: url(../images/small_hover.png) 0 0 no-repeat;
    left: 415px;
}


/*4.金賓大師精選美國波本威士忌*/

.jinbean4 {
    position: relative;
    float: left;
    width: 149px;
    height: 384px;
    display: block;
    background: url(../images/wine4.png) 0 0 no-repeat;
    z-index: 1;
    margin: 260px 0 0 95px;
}

.protxt.protxt4 {
    bottom: -80px;
    left: -15px;
}


/*5.金賓大師精選美國波本威士忌*/

.jinbean5 {
    position: relative;
    float: left;
    width: 133px;
    height: 387px;
    display: block;
    background: url(../images/wine5.png) 0 0 no-repeat;
    z-index: 1;
    margin: 240px 0 0 95px;
}

.protxt.protxt5 {
    bottom: -95px;
    left: -30px;
}

.jinbean5_img {

    left: -25px;
}


/*6.金賓大師精選美國波本威士忌*/

.jinbean6 {
    position: relative;
    float: left;
    width: 133px;
    height: 387px;
    display: block;
    background: url(../images/wine6.png) 0 28px no-repeat;
    z-index: 1;
    margin: 240px 0 0 95px;
}

.protxt.protxt5 {
    bottom: -95px;
    left: -30px;
}

.jinbean6_img {

    left: -25px;
}

/*7.金賓大師精選美國波本威士忌*/

.jinbean7 {
    position: relative;
    float: left;
    width: 133px;
    height: 387px;
    display: block;
    background: url(../images/wine7.png) 0 28px no-repeat;
    z-index: 1;
    margin: 240px 0 0 95px;
}

.protxt.protxt5 {
    bottom: -95px;
    left: -30px;
}

.jinbean7_img {

    left: -35px;
}
/*美格*/

.maker {
    position: relative;
    float: left;
    width: 124px;
    height: 363px;
    display: block;
    background: url(../images/maker.png) 0 0 no-repeat;
    z-index: 1;
    margin: 263px 0 0 430px;
}

.maker2 {
    position: relative;
    float: left;
    width: 133px;
    height: 383px;
    display: block;
    background: url(../images/maker2.png) 0 0 no-repeat;
    z-index: 1;
    margin: 243px 0 0 130px;
    background-size: 99%;
}

.protxt.maker3 {
    padding-top: 26px;
    bottom: -85px;
    left: -30px;
}


/*small*/

.small {
    position: relative;
    float: left;
    width: 135px;
    height: 358px;
    display: block;
    background: url(../images/small.png) 0 0 no-repeat;
    z-index: 1;
    margin: 273px 0 0 530px;
}


/*產品介紹*/


/* banner */

.shop_now:hover {
    background-position: 0 -40px;
}

.flexslider {
    width: 100%;
    position: relative;
    height: 806px;
    background: url(../images/loading.gif) 50% no-repeat;
    margin-top: 55px;
}

.slides {
    width: 100%;
    position: relative;
    z-index: 1;
}

.slides li {
    height: 700px;
    width: 100%;
    float: left;
}

.flex-control-nav {
    display: none;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}

.flex-direction-nav li a {
    display: none;
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 40px;
    background: url(../images/left_arrow.png) 0 0 no-repeat;
    left: 0;
    top: 0;
    width: 71px;
    height: 103px;
    display: block;
}

.flex-direction-nav li a.flex-prev:hover {
    background: url(../images/left_arrow.png) 0 -103px no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 40px;
    background: url(../images/right_arrow.png) 0 0 no-repeat;
    right: 0;
    top: 0;
    width: 71px;
    height: 103px;
    display: block;
}

.flex-direction-nav li a.flex-next:hover {
    background: url(../images/right_arrow.png) 0 -103px no-repeat;
}

.product {
    background: url(../images/product.png) 0 0 no-repeat;
    right: 400px;
    top: 40px;
    width: 174px;
    height: 61px;
    display: block;
    position: absolute;
    z-index: 3;
}

.product:hover {
    background: url(../images/product_2.png) 0 0 no-repeat;
}

.product#active {
    background: url(../images/product_2.png) 0 0 no-repeat;
}

.about_jimbeam {
    background: url(../images/about_jim.png) 0 0 no-repeat;
    right: 160px;
    top: 40px;
    width: 203px;
    height: 61px;
    display: block;
    position: absolute;
    z-index: 3;
}

.about_jimbeam:hover {
    background: url(../images/about_jim_hover.png) 0 0 no-repeat;
}

.about_jimbeam#active {
    background: url(../images/about_jim_hover.png) 0 0 no-repeat;
}

.jimbeam_200ml {
    background: url(../images/200ml.png) 0 0 no-repeat;
    right: 120px;
    top: 180px;
    width: 233px;
    height: 61px;
    display: block;
    position: absolute;
    z-index: 3;
}

.jimbeam_200ml:hover {
    background: url(../images/200ml.png) 0 -61px no-repeat;
}

.jimbeam_200ml#active {
    background: url(../images/200ml.png) 0 -61px no-repeat;
}


/*關於金賓*/

.about_jim3 {
    clear: both;
    float: left;
    margin-top: 120px;
    position: relative;
}

.about_jim1 {
    float: left;
    margin-left: 148px;
}

.about_jim2 {
    float: left;
    margin-left: 70px;
}


/*廣告banner*/
.jinbean1_b{ display: inline-block; width: 230px; }
.time_border {
    float: left;
    width: 100%;
    height: 539px;
    background: url(../images/time_line.png) 0 100px no-repeat;
}

.commercial {
    position: relative;
    clear: left;
    width: 1200px;
    height: 533px;
}

.commercial .bb2 {
    width: 1066px;
}

.commercial .bb {
    margin-left: 62px;
    width: 1066px;
    overflow: hidden;
}

.commercial ul li {
    float: left;
    display: inline-block;
}

.comemleft a {
    width: 59px;
    height: 45px;
    background: url(../images/abotjim2_arrow.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 300px;
    z-index: 3
}

.comemleft a:hover {
    background: url(../images/abotjim2_arrow.png) 0 -45px no-repeat;
}

.comemright a {
    width: 59px;
    height: 45px;
    background: url(../images/abotjim_arrow.png) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 300px;
    z-index: 3
}

.comemright a:hover {
    background: url(../images/abotjim_arrow.png) 0 -45px no-repeat;
}


/*關於美格*/

.about_maker_btn {
    background: url(../images/about_maker_btn.png) 0 0 no-repeat;
    right: 160px;
    top: 40px;
    width: 234px;
    height: 61px;
    display: block;
    position: absolute;
    z-index: 3;
}

.about_maker_btn:hover {
    background: url(../images/about_maker_btn.png) 0 -61px no-repeat;
}

.about_maker_btn#active {
    background: url(../images/about_maker_btn.png) 0 -61px no-repeat;
}

.about_maker_left {
    float: left;
    margin-left: 118px;
    margin-top: -80px;
}

.about_jim2 {
    float: left;
    margin-left: 70px;
}


/*影片介紹*/

.Bourbon_Legendbg_movie {
    background: url(../images/Bourbon_Legend_movie.png) 0 0 no-repeat;
    width: 1160px;
    height: 253px;
    margin: 0 auto;
    margin-top: 120px;
}

.Bourbon_Legendbg_movie a {
    width: 216px;
    height: 253px;
    display: block;
    float: left;
    background: url(../images/play.png) center 47px no-repeat;
    transition: all 0.5s;
}

.Bourbon_Legendbg_movie a:hover {
    background: url(../images/play_hover.png) center 47px no-repeat;
    transition: all 0.5s;
}

.table1 {
    width: 264px;
    height: 369px;
    position: absolute;
    background: url(../images/table1.png) 0 0 no-repeat;
    top: 54px;
    left: 162px;
}

.table2 {
    width: 264px;
    height: 369px;
    position: absolute;
    background: url(../images/table2.png) 0 0 no-repeat;
    top: 54px;
    right: 162px;
}

.t800_600 {
    width: 123px;
    height: 46px;
    display: block;
    background: url(../images/800x600.png) 0 0 no-repeat;
    transition: all 0.3s;
    position: absolute;
    right: 139px;
    top: 252px;
}

.t800_600:hover {
    background: url(../images/800x600.png) 0 -46px no-repeat;
    transition: all 0.3s;
}

.t1024_768 {
    position: absolute;
    width: 123px;
    height: 46px;
    display: block;
    background: url(../images/1200x768.png) 0 0 no-repeat;
    transition: all 0.3s;
    right: 1px;
    top: 253px;
}

.t1024_768:hover {
    background: url(../images/1200x768.png) 0 -46px no-repeat;
    transition: all 0.3s;
}

#content {
    width: 600px;
    margin: 0 auto;
    padding: 0 60px 60px 60px;
    background: #fafafa;
    text-align: center;
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
}


.sm {
    font-size: 10px;
    color: #000;
    margin-bottom: 2px
}

.Bourbon {
    width: 339px;
    height: 292px;
    background: url(../images/Bourbon_Legend_movie_top.png) 0 0 no-repeat;
    margin: 15px auto;
    display: block;
}

.video1000:hover {
    background: url(../images/play_hover.png) center 97px no-repeat;
    transition: all 0.5s;
}

.video1000 {
    width: 339px;
    height: 292px;
    display: block;
    float: left;
    background: url(../images/play.png) center 97px no-repeat;
    transition: all 0.5s;
}

.jimbean6_contain {
    margin-top: 45px;
    width: 100%;
    height: 815px;
    background: url(../images/jimbean6_contain.png) center 90px no-repeat;
}

.flex-control-nav {
    display: none;
    width: 95px;
    height: 404px;
    float: left;
}


ul.tabs {
    width: 95px;
    height: 350px;
    float: left;
}

ul.tabs li {
    float: left;
}

ul.tabs li a.tab1 {
    width: 95px;
    height: 95px;
    display: block;
    text-indent: -9999px;
    transition: all 0.5s;
    background: url(../images/makedate1.png) 0 0 no-repeat;
}

ul.tabs li a.tab1:hover {
    background: url(../images/makedate1.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

ul.tabs li.active a.tab1 {
    background: url(../images/makedate1.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

ul.tabs li.active a.tab1:hover {
    background: url(../images/makedate1.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

ul.tabs li a.tab2 {
    width: 95px;
    height: 95px;
    display: block;
    text-indent: -9999px;
    background: url(../images/makedate2.png) 0 0 no-repeat;
    transition: all 0.5s;
}

ul.tabs li a.tab2:hover {
    background: url(../images/makedate2.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

ul.tabs li.active a.tab2 {
    background: url(../images/makedate2.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

ul.tabs li.active a.tab2:hover {
    background: url(../images/makedate2.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

ul.tabs li a.tab3 {
    width: 95px;
    height: 95px;
    display: block;
    text-indent: -9999px;
    background: url(../images/makedate3.png) 0 0 no-repeat;
    transition: all 0.5s;
}

ul.tabs li a.tab3:hover {
    background: url(../images/makedate3.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

ul.tabs li.active a.tab3 {
    background: url(../images/makedate3.png) 0 -95px no-repeat;
}

ul.tabs li.active a.tab3:hover {
    background: url(../images/makedate3.png) 0 -95px no-repeat;
    transition: all 0.5s;
}

div.tab_container {
    width: 656px;
    float: left;
    height: 552px;
    margin-left: 20px;
}

div.tab_container .tab_content {
    padding: 0px;
}

.tab_content h2 {
    text-align: center;
    margin-bottom: 10px;
}

#tab1 {
    margin-top: -40px;
    margin-left: 45px;
}

@media screen and (max-width:1200px) {
    .wrap_18 {
        width: 1200px
    }
    #sxc_header_wrapper {
        width: 1200px;
    }
    .wrap100 {
        width: 1200px;
    }
    .wrap {
        width: 1200px;
    }
}