@charset "UTF-8";
/* CSS Document */

body {
    background-color: #0E0E0E;
    font-family: Calibri, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
    font-size:14px;
    font-weight: 400;
    line-height:18px;
    color:#ffffff;
}
a:link {
    color: #e50417;
    text-decoration: underline;
}
a:visited {
    color: #e50417;
    text-decoration: none;
}
a:hover {
    color: #ff9c00;
    text-decoration: underline;
}
a:active {
    text-decoration: none;
    color: #e50417;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer a{
    color: #e50417;
}
sub{ font-size: 11px; color: #898989; padding-left: 3px}
#wrapper {
    width:946px;
    margin:0 auto;
}
#header{
    height:790px;
    background:#000 url(../img/edm_banner01.jpg) no-repeat 0 0;
    position:relative;
}
#header a{
    display: inline-block;
}
div p{ line-height: 1.5em}
div b{ color: #000000; font-size: 16px; padding-bottom: 5px; display: inline-block;}

.logo{
    width: 135px;
    height: 50px;
    top: 20px;
    left: 20px;
    position: absolute;
    z-index: 98;
}
.txtstyle{
    line-height: 1.3em;
    font-size: 18px;
    color: #ffffff;
    position: absolute;
}
.txtstyle p.txt_title{
    color: #e50417;
    font-size: 22px;
    font-family: Calibri, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
    text-align: center;
    margin-bottom: 8px;
    line-height: 1.2em;
}
.txtstyle p{
    font-size: 14px
}
.note{
    position: absolute;
    line-height: 1.3em;
    font-size: 14px;
    color: #ffffff;
}
.header_txt1{
    bottom: 42px;
    padding: 0 40px;
    text-align: center;
}
p.point{
    font-size: 12px;
}
a.youtube{
    position: absolute;
    display: inline-block;
    width: 460px;
    height: 200px;
    top: 265px;
    left: 245px;;
}
/*---sub01--- */
#sub01{
    margin:0 auto;
    position:relative;
    background:#000 url(../img/pic01.jpg) no-repeat 0 0;
    width:946px;
    height:540px;
    }

.sub01_txt1{
        left: 0;
    top: 108px;
    text-align: center;
    padding: 0 30px;
    }
.point_txt{
    font-size: 13px;
    color: #fff;
    position: absolute;
}
.point_txt p.txt_title{
    font-weight: 700;
    color: #e50417
}
.point_01{
    top:434px;
    left:42px;
    width:265px;
}
.point_02{
    top:434px;
    left:342px;
    width:265px;
}
.point_03{
    top:434px;
    left:644px;
    width:265px;
}

/*---sub02--- */
#sub02{
    margin:0 auto;
    position:relative;
    background:#000 url(../img/pic02.jpg) no-repeat 450px 0px;
    width:946px;
    height:355px;
    }

.sub02_txt1{
    width: 40%;
    top: 70px;
    padding: 0 40px;
    }
.sub02_txt1.txtstyle p.txt_title{
    text-align: left;
}

/*---sub03--- */
#sub03{
    margin:0 auto;
    position:relative;
    background:#1D1D1D url(../img/pic03.jpg) no-repeat 0 0;
    width:946px;
    height:390px;
    }

.sub03_txt1{
        left: 0;
        top: 135px;
        padding: 0 40px;
        width: 46%;
    }
.sub03_txt1.txtstyle p.txt_title{
    text-align:left;
}
/*---sub04--- */
#sub04{
    margin:0 auto;
    position:relative;
    background:#000 url(../img/pic04.jpg) no-repeat 0 0;
    width:946px;
    height:838px;
    }
.sub04_txt1{
        left: 0;
        top: 5px;
    text-align: center;
    padding: 0 40px;
    }

/* gamevisual-g */
.gamevisual-box{
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 33% !important;
    top: 184px;
}
#sub04 .gamevisual-g{
    position: absolute;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
  -moz-transition   : all 0.4s;
  -ms-transition    : all 0.4s;
  -o-transition     : all 0.4s;
  transition        : all 0.4s;
  left        : 140px;
}
#sub04 .gamevisual-g .n1 .pic{
    margin-top: -30px 
}
#sub04 .gamevisual-g.on{
    opacity: 1;
    -webkit-transition: all 0.4s;
  -moz-transition   : all 0.4s;
  -ms-transition    : all 0.4s;
  -o-transition     : all 0.4s;
  transition        : all 0.4s;
}
ul.gamevisual-btns{
    display: inline-block;
    width: 100%;
}
.gamevisual-btns li{
    display: block;
    width: 16.666%;
    float: left;
}
#sub04 .row1 .n2{
  width: 38%;
  margin: 0 2.5%;
  top: 0;
  position: absolute;
  left: 465px; 
}
#sub04 .row1 .n2 p.note{
    font-size: 14px;
    line-height: 18px !important;
}
ul.gamevisual-btns{
    display: inline-block;
    margin-top: 90px;
    margin-left: 160px;
}
.gamevisual-btns li{
    display: block;
    width: 11%;
    float: left;
}
.gamevisual-btns li a{
    background: url(../img/gamevisual-btn.png) no-repeat 50% 50%;
    text-align: center;
    display: block;
    position: relative;
    padding: 3.5em 0;
    color: #000;
    text-decoration: none;
}
.gamevisual-btns li a:hover, .gamevisual-btns li a.active{
    background: url(../img/gamevisual-btn_h.png) no-repeat 50% 50% ;
    color: #eef60a;  
}
#sub04 .title-x {
    display: block;
    border: none;
    margin-bottom: 10PX;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 31px;
    color: #eef60a;
    text-align: left;
    background: none !important;
    font-weight: normal !important;
    font-family: Calibri, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
}
#sub04 .descr{
    font-size: 16px;
}
/*---sub05--- */
#sub05{
    margin:0 auto;
    position:relative;
    background:#000 url(../img/pic05.jpg) no-repeat 0 0;
    width:946px;
    height:1680px;
    }

.sub05_txt1{
        left: 0;
        padding: 0 40px;
        text-align: center;
        position: relative;
        top: 226px;
    }
.sub05_txt2{
        left: 0;
        padding: 0 40px;
        text-align: center;
        position: relative;
        margin-top: -60px;
        margin-bottom: 50px;
    }
#sub05 .n2{
    position: absolute;
    left: 464px;
    top: 83px;
    width: 400px;
}
#sub05 .n2 img{
    float: left;
    width: 227px;
}
#sub05 .n2 ul.ergonomic-btns{
    display: inline-block;
    float: left;
    width: 19%;
    white-space: nowrap;
}
#sub05 .n2 ul li a{
    border: #fff100 1px solid;
    color: #eadd08;
    padding: 7px 30px 6px;
    display: inline-block;
    margin: 3% 0 3% 25%;
    white-space: nowrap;
    text-decoration: none;;
}
#sub05 .n2 ul li a:hover,
#sub05 .n2 ul li a.active{
    background: rgba(255,241,0,0.2);
}
#sub05 .n2 .ergonomic-pics {
    display: none;
}
#sub05 .n2 .ergonomic-pics.on {
    display: block;
}
#sub05 .descr{
    font-size: 16px;
}
/*---sub06--- */
#sub06{
    margin:0 auto;
    position:relative;
    background:#000 url(../img/pic06.jpg) no-repeat 0 0;
    width:946px;
    height:860px;
    }
.txtstyle.tal p{
    text-align: left;
}
.sub06_txt1{
        left: 137px;
    width: 672px;
    top: 232px;
    }
.sub06_txt2{
        left: 484px;
    width: 432px;
    top: 324px;
    text-align: left;
    }
.sub06_txt3{
        left: 44px;
    width: 412px;
    top: 698px;
    text-align: left;
    }

/*---sub08--- */
#sub08{
    margin:0 auto;
    position:relative;
    background:#000 url(../img/pic07.jpg) no-repeat 0 0;
    width:946px;
    height:715px;
    }
.learn_more_a{
    position: absolute;
    top: 507px;
    left: 367px;
}
.learn_more_b{
    position: absolute;
    top: 507px;
    left: 721px;
}
.spec_box_a{
    width: 320px;
  position: absolute;
  top: 555px;
  left: 135px;
}
.spec_box_b{
    width: 320px;
  position: absolute;
  top: 555px;
  left: 490px;
}
.spec_table tr td{
    border-bottom: 1px #333333 solid;
    text-align: left;
    font-size: 12px;
    color: #b2b2b2;
    padding: 0;
    font-family: Calibri;
}
.spec_table tr td.sub-t{
    text-align: left;
    font-weight: bold;
    color: #b2b2b2;
    width: 107px;
}
.spec_table tr td a{
    color: #FF0042;
}
/*---footer--- */
#footer {
    clear:both;
    _height:1%;
    margin:0 auto;
    width:946px;
    height:60px;
    text-align:center;
    padding-top:55px;
    padding-bottom:50px;
    background:#000 url(../img/footer-title.jpg) no-repeat 0 0;
}

#footer p{
    color: #848484;
    font-size: 12px;
    font-family: Arial
}

/**/
#pg27aq-warp #pg27aq-gamer .mainsize{
    max-width: 1000px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#pg27aq-warp #pg27aq-gamer {
    padding-top:0;
    
}
#pg27aq-warp #pg27aq-gamer .mainsize .maintitle {
    width: 100%;
    max-width: 770px;
    margin: 0 auto 70px
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box {
    text-align: center;
    position: relative;
    margin-bottom: 85px
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .imgs {
    background: url('../images/sec_pic.jpg?1444234280') left top/100% no-repeat;
    display: inline-block;
    position: relative;
    width: 80%;
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .imgs>img {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .imgs>img.on {
    position: relative;
    visibility: visible;
    opacity: 1;
    width: 100%;
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns {
    position: relative;
    font-size: 0
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn {
    display: inline-block;
    vertical-align: top;
    margin: 20px;
    width: 115px;
    height: 115px;
    cursor: pointer;
    text-align: center;
    margin-top: 10px
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn>img {
    vertical-align: middle
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn.on {
    border: 1px solid #fff
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive {
    position: relative
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .extitle {
    width: 75%;
    margin: 0 auto 20px;
    text-align: center
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .extitle .title {
    text-align: center;
    color: #c28064;
    font-family: "squarebt";
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .extitle .info {
    font-size: 19px;
    font-weight: 300;
    line-height: 30px;
    color: #fff
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow {
    position: relative;
    text-align: center
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .items {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 80%;
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .items .item {
    -moz-transition: "opacity .5s,visibility .5s";
    -o-transition: "opacity .5s,visibility .5s";
    -webkit-transition: "opacity .5s,visibility .5s";
    transition: "opacity .5s,visibility .5s";
    position: absolute;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .items .item img{
    width: 100%;
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .items .item.on {
    position: relative;
    opacity: 1;
    visibility: visible
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .titles {
    position: relative;
    width: 60%;
    margin: 35px auto 0;
    overflow: hidden
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .titles:before {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    content: "";
    background: url('../img/title_mask.png?1444234280') center top/100% 100% no-repeat
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .titles .t_btn {
    font-size: 18px;
    line-height: 36px;
    font-family: "squarebt";
    font-weight: 300;
    display: inline-block;
    color: #c28064;
    width: 80px;
    margin: 1px 16px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .titles .t_btn.on {
    margin: 0px 16px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .titles .mask {
    text-align: left;
    display: inline-block;
    font-size: 0;
    margin-left: -200px
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .infos {
    overflow: hidden;
    position: relative;
    width: 45%;
    margin: 25px auto 0
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .infos .info {
    color: #fff;
    font-size: 19px;
    line-height: 30px;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    vertical-align: top
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .infos .mask {
    display: inline-block;
    text-align: left;
    font-size: 0
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .arr_btn {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 50%;
    height: 100px;
    z-index: 3;
    max-width: 770px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .arr_btn .next,
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .arr_btn .pre {
    top: 0px;
    position: absolute;
    cursor: pointer
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .arr_btn .next {
    right: 0px
}
#pg27aq-warp #pg27aq-gamer .mainsize .exclusive .sildeshow .arr_btn .pre {
    left: 0px
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box {
    text-align: center;
    position: relative;
    margin-bottom: 85px
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .imgs {
    background: url(../img/sec_pic.jpg) left top/100% no-repeat;
    display: inline-block;
    position: relative
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .imgs>img {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .imgs>img.on {
    position: relative;
    visibility: visible;
    opacity: 1
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns {
    position: relative;
    font-size: 0
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn {
    display: inline-block;
    vertical-align: top;
    margin: 20px;
    width: 115px;
    height: 115px;
    cursor: pointer;
    text-align: center;
    margin-top: 10px
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn>img {
    vertical-align: middle
}
#pg27aq-warp #pg27aq-gamer .mainsize .change_box .btns .box_btn.on {
    border: 1px solid #fff
}
#pg27aq-warp #pg27aq-gaming {
    text-align: center;
    padding-top: 270px;
}
#pg27aq-warp #pg27aq-gaming .mainsize{
    display: inline-block;
    width: 100%;
}
#pg27aq-warp #pg27aq-gaming .mainsize .light_ctr{
    display: inline-block;
    width: 100%;
    position: relative;
}
#pg27aq-warp #pg27aq-gaming .light_ctr .light {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 43%;
    float: left;
    margin: 20px 0 0 40px;
}
#pg27aq-warp #pg27aq-gaming .light_ctr .light img{
    width: 100%;
}
#pg27aq-warp #pg27aq-gaming .light_ctr .light .pics {
    position: absolute;
    width: 95%;
    left: 4%;
    display: inline-block;
    top: 8px;
}
#pg27aq-warp #pg27aq-gaming .light_ctr .light .pics>img {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100%;
}
#pg27aq-warp #pg27aq-gaming .light_ctr .light .pics>img.on {
    position: absolute;
    opacity: 1;
    
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ptxt {
    vertical-align: top;
    text-align: left;
    display: inline-block;
    margin-top: 50px;
    width: 50%;
    float: right
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ptxt .title {
    color: #c28064;
    font-family: "squarebt";
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ptxt .info {
    font-size: 19px;
    line-height: 1.7;
    font-weight: 300;
    color: #fff;
    margin-bottom: 20px
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ctr_btn {
    display: inline-block;
    width: 50%;
    right: 0;
    position: absolute;
    top: 290px;
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ctr_btn .title {
    text-align: left;
    color: #c28064;
    font-family: "squarebt";
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
    padding-left: 11px;
    margin-bottom: 10px
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ctr_btn .ctr {
    font-size: 0;
    text-align: left
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ctr_btn .ctr .l {
    cursor: pointer;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 60px;
    height: 120px;
    margin: 0 11px 10px;
    position: relative;
    overflow: hidden;   
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ctr_btn .ctr .l img{
    position: relative;
    top: -15%
}
#pg27aq-warp #pg27aq-gaming .light_ctr .ctr_btn .ctr .l:hover:after,
#pg27aq-warp #pg27aq-gaming .light_ctr .ctr_btn .ctr .l.on:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.2)
}
#pg27aq-warp #pg27aq-gaming .light_ctr .icon {
    width: 50%;
    display: inline-block;
    text-align: left;
    position: absolute;
    right: -1px;
    top: 422px;
}
#pg27aq-warp #pg27aq-gaming .light_ctr .icon>img {
    margin: 10px 6px 0 10px
}
#pg27aq-warp #pg27aq-gaming .light_ctr .stxt {
    display: inline-block;
    text-align: left;
    width: 50%;
    font-size: 19px;
    line-height: 1.7;
    font-weight: 300;
    color: #fff;
    margin: 10px auto 20px
}