@charset "UTF-8";body{margin:0;background:#000;font:12px/20px "Play","cwTeXHei","Segoe UI",Microsoft JhengHei,"微軟正黑體",Arial,Helvetica,sans-serif;color:#fff;position:relative;overflow-x:hidden}body,.section,h2,h3,h4{margin:0;padding:0}.section{overflow:hidden}.btn,.icon{display:inline-block;vertical-align:middle}.btn{cursor:pointer}.center{position:relative;width:1366px;margin:0 auto}h2{font-size:38px;line-height:1.08654;color:#ff7200;font-weight:200;margin-bottom:20px}h3{font-size:20px;line-height:1.25;font-weight:400;color:#ddd;margin-bottom:20px}h3 span{color:#ff7200}h4{font-weight:300;font-size:12px;line-height:1.25em;color:#bbb}.fright{float:right}.clear-fix:after{content:"";visibility:hidden;display:block;clear:both;height:0}@media screen and (max-width:1366px){.section .center{width:960px}h2{font-size:38px;margin-bottom:10px}h3{font-size:20px}}@media screen and (max-width:960px){.section .center{width:640px}}@media screen and (max-width:640px){.section .center{width:320px}}.icon-keytop{background:url("../images/icon-keytop.png") 0 0 no-repeat;width:140px;height:65px}.icon-keybody{background:url("../images/icon-keybody.png") 0 0 no-repeat;width:152px;height:128px}.icon-keylight{background-image:url("../images/icon-keylight.png");background-repeat:no-repeat;width:141px;height:144px;margin:5px}.icon-keylight-01{background-position:0 0}.icon-keylight-02{background-position:-141px 0}.icon-keylight-03{background-position:-282px 0}.icon-keylight-04{background-position:-423px 0}.icon-keylight-05{background-position:-564px 0}.sp-container{position:absolute;top:0;left:0;display:inline-block;*display:inline;*zoom:1;z-index:9999994;overflow:hidden}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20%}.sp-hue{position:absolute;top:0;right:0;bottom:0;left:84%;height:100%}.sp-clear-enabled .sp-hue{top:33px;height:77.5%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:18px}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-4px;bottom:-4px;width:6px;left:50%;cursor:pointer;border:1px solid #000;background:#fff;opacity:.8}.sp-alpha{display:none;position:absolute;bottom:-14px;right:0;left:0;height:8px}.sp-alpha-inner{border:solid 1px #333}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:0;right:0;bottom:0;left:84%;height:28px}.sp-container,.sp-replacer,.sp-preview,.sp-dragger,.sp-slider,.sp-alpha,.sp-clear,.sp-alpha-handle,.sp-container.sp-dragging .sp-input,.sp-container button{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FFFFFFFF',endColorstr='#00CC9A81')}.sp-val{background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81',endColorstr='#FF000000')}.sp-hue{background:-moz-linear-gradient(top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-ms-linear-gradient(top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-o-linear-gradient(top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:-webkit-gradient(linear,left top,left bottom,from(#f00),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(#f00));background:-webkit-linear-gradient(top,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%);background:linear-gradient(to bottom,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%)}.sp-1{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000',endColorstr='#ffff00')}.sp-2{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00',endColorstr='#00ff00')}.sp-3{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',endColorstr='#00ffff')}.sp-4{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff',endColorstr='#0000ff')}.sp-5{height:16%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff',endColorstr='#ff00ff')}.sp-6{height:17%;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff',endColorstr='#ff0000')}.sp-hidden{display:none !important}.sp-cf:before,.sp-cf:after{content:"";display:table}.sp-cf:after{clear:both}.sp-cf{*zoom:1}@media(max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:5px;width:5px;border:1px solid #fff;background:#000;cursor:pointer;position:absolute;top:0;left:0}.sp-slider{position:absolute;top:0;cursor:pointer;height:3px;left:-1px;right:-1px;border:1px solid #000;background:#fff;opacity:.8}.sp-container{border-radius:0;background-color:#ececec;border:solid 1px #f0c49b;padding:0}.sp-container,.sp-container button,.sp-container input,.sp-color,.sp-hue,.sp-clear{font:normal 12px "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:3px}.sp-color,.sp-hue,.sp-clear{border:solid 1px #666}.sp-input-container{float:right;width:100px;margin-bottom:4px}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{font-size:12px !important;border:1px inset;padding:4px 5px;margin:0;width:100%;background:transparent;border-radius:3px;color:#222}.sp-input:focus{border:1px solid #ffa500}.sp-input.sp-validation-error{border:1px solid #f00;background:#fdd}.sp-picker-container,.sp-palette-container{float:left;position:relative;padding:10px;padding-bottom:300px;margin-bottom:-290px}.sp-picker-container{width:172px;border-left:solid 1px #fff}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el:hover,.sp-palette .sp-thumb-el.sp-thumb-active{border-color:#ffa500}.sp-thumb-el{position:relative}.sp-initial{float:left;border:solid 1px #333}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .sp-clear-display{background-position:center}.sp-palette-button-container,.sp-button-container{float:right}.sp-replacer{margin:0;overflow:hidden;cursor:pointer;padding:4px;display:inline-block;*zoom:1;*display:inline;border:solid 1px #91765d;background:#eee;color:#333;vertical-align:middle}.sp-replacer:hover,.sp-replacer.sp-active{border-color:#f0c49b;color:#111}.sp-replacer.sp-disabled{cursor:default;border-color:#c0c0c0;color:#c0c0c0}.sp-dd{padding:2px 0;height:16px;line-height:16px;float:left;font-size:10px}.sp-preview{position:relative;width:25px;height:20px;border:solid 1px #222;margin-right:5px;float:left;z-index:0}.sp-palette{*width:220px;max-width:220px}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:2px 1px;border:solid 1px #d0d0d0}.sp-container{padding-bottom:0}.sp-container button{background-color:#eee;background-image:-webkit-linear-gradient(top,#eee,#ccc);background-image:-moz-linear-gradient(top,#eee,#ccc);background-image:-ms-linear-gradient(top,#eee,#ccc);background-image:-o-linear-gradient(top,#eee,#ccc);background-image:linear-gradient(to bottom,#eee,#ccc);border:1px solid #ccc;border-bottom:1px solid #bbb;border-radius:3px;color:#333;font-size:14px;line-height:1;padding:5px 4px;text-align:center;text-shadow:0 1px 0 #eee;vertical-align:middle}.sp-container button:hover{background-color:#ddd;background-image:-webkit-linear-gradient(top,#ddd,#bbb);background-image:-moz-linear-gradient(top,#ddd,#bbb);background-image:-ms-linear-gradient(top,#ddd,#bbb);background-image:-o-linear-gradient(top,#ddd,#bbb);background-image:linear-gradient(to bottom,#ddd,#bbb);border:1px solid #bbb;border-bottom:1px solid #999;cursor:pointer;text-shadow:0 1px 0 #ddd}.sp-container button:active{border:1px solid #aaa;border-bottom:1px solid #888;-webkit-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-moz-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-ms-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;-o-box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee;box-shadow:inset 0 0 5px 2px #aaa,0 1px 0 0 #eee}.sp-cancel{font-size:11px;color:#d93f3f !important;margin:0;padding:2px;margin-right:5px;vertical-align:middle;text-decoration:none}.sp-cancel:hover{color:#d93f3f !important;text-decoration:underline}.sp-palette span:hover,.sp-palette span.sp-thumb-active{border-color:#000}.sp-preview,.sp-alpha,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.sp-preview-inner,.sp-alpha-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=)}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=)}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==)}#RGBKeyboard{color:#fff;padding:50px 0 280px}#RGBKeyboard .center{position:relative}#RGBKeyboard .frame{position:relative;z-index:2;width:1130px;margin:0 auto}.rgb_bg{position:relative;z-index:1}.rgb_control{position:absolute;left:0;bottom:0;width:100%;height:250px;background:rgba(85,118,129,.1);z-index:2}.rgb_control .center .frame{width:auto}.rgb_control_panel{margin:35px auto;text-align:center;list-style:none;padding:0}.rgb_control_panel li{position:relative;display:inline-block;padding:10px 50px;vertical-align:top;min-height:123px}.rgb_control_panel li:after{content:'';border-right:1px solid rgba(255,255,255,.2);position:absolute;right:0;top:0;height:100%}.rgb_control_panel li:last-child:after{border:none;content:none}.rgb-icons{margin:0 auto 15px}.rgb-icons .btn-rgbicon{margin:0 4px}#KBframe{position:relative;display:inline-block}.icon-rgbicon{width:64px;height:64px;background:url("../images/rgb-icon.png") 0 0 no-repeat}.icon-rgbicon:after{content:'';background:url("../images/rgb-icon_hover.png");width:1px;height:1px;visibility:hidden;opacity:0}.icon-rgbicon-wave{background-position:0 0}.icon-rgbicon-breathing{background-position:-64px 0}.icon-rgbicon-raindrop{background-position:-128px 0}.icon-rgbicon-marquee{background-position:-192px 0}.icon-rgbicon-waveonkeypress{background-position:-256px 0}.icon-rgbicon-static{background-position:-320px 0}.icon-rgbicon-gametype{background-position:-384px 0}.btn-rgbicon{position:relative;border-radius:50%;perspective:200px}.btn-rgbicon .btn-rgbbtntitle{opacity:0;transition:all 400ms ease;transform-style:preserve-3d;transform-origin:center;transform:translate(-50%,10px);color:#fff}.btn-rgbicon.hover .btn-rgbbtntitle{opacity:1;transform:translate(-50%,0)}.btn-rgbicon:hover,.btn-rgbicon.active{box-shadow:0 0 15px 0 rgba(255,255,255,.2);transition:box-shadow 250ms ease}.btn-rgbicon:hover .icon-rgbicon,.btn-rgbicon.active .icon-rgbicon{background-image:url("../images/rgb-icon_hover.png");transition:background-image 300ms ease}span.btn-rgbbtntitle{position:absolute;top:-28px;width:auto;left:50%;line-height:14px;word-wrap:normal;white-space:nowrap}span.btn-rgbbtntitle:before{content:'[';margin-right:5px}span.btn-rgbbtntitle:after{content:']';margin-left:5px}.icon-wavedir{width:24px;height:24px;background:url("../images/icon-wavedirection.png") 0 0 no-repeat}.icon-wavedir-left{background-position:0 0}.icon-wavedir-right{background-position:-24px 0}.icon-wavedir-up{background-position:-48px 0}.icon-wavedir-down{background-position:-72px 0}.btn-wavedir .icon-wavedir{transition:opacity 400ms ease;opacity:.2}.btn-wavedir:hover .icon-wavedir,.btn-wavedir.active .icon-wavedir{opacity:1}#rd-kb{position:relative;width:1118px;height:503px}.kb-img{position:relative;background:url("../images/k9.png") 0 0 no-repeat;width:1260px;height:402px;z-index:2}.ef,.ef-img{position:absolute;left:0;top:0}.ef{width:100%;height:100%;transition:opacity 400ms ease 0s;opacity:0}#kb-ef{position:absolute;left:-25px;top:-61px;z-index:1}#kb-ef.marquee_single #ef2-marquee,#kb-ef.marquee #ef2-marquee,#kb-ef.wave_td .ef1-td-img,#kb-ef.wave_lr .ef1-lr-img,#kb-ef.default #ef0-default,#kb-ef.raincolor #vkb,#kb-ef.waveonkey #ef6-waveonkeypress,#kb-ef.gametype #ef7-gametype,#kb-ef.singlecolor #ef3-static,#kb-ef.breathcolor #ef4-breath{opacity:1}#ef6-waveonkeypress{background:#4e4e4e}.kb-ef{position:absolute;top:72px;left:35px;width:1240px;height:365px;overflow:hidden}.kb-gkey{position:absolute;top:1px;left:1px;width:60px;height:307px;z-index:98;background:#f00;display:none}.ef1-lr-img{background:url("../images/rainbow-x.jpg") 0 0 repeat-x}.ef1-td-img{background:url("../images/rainbow-y.jpg") 0 0 repeat-y}.ef2-img{width:349px;height:43px;background:url("../images/Marquee.png") 0 0 no-repeat}.ef2-img-2{transform:rotateY(180deg)}#ef0-default{background:url("../images/rainbow-x.png") 0 0 repeat-x;background-size:auto 100%}#ef4-breathing{width:100%;height:100%;transition:background-color 1.5s ease 0s}.default-color{background:#4e4e4e}.ag-keyboard-press{position:absolute;left:0;top:0;width:0;height:0;opacity:0;background:none;transition:opacity 400ms ease-in-out 0s}.ag-keyboard-press.on{opacity:1;transition:opacity 200ms ease-out 0s}.ef6-img{width:281px;height:295px;background:url("../images/wave.png") 0 0 no-repeat;transition:transform 400ms ease 0s;transform:scale(.4)}.ef6-img.on{transform:scale(1)}.ef6-img.right{transform:rotateY(180deg) scale(.4)}.ef6-img.right.on{transform:rotateY(180deg) scale(1)}@keyframes wave_lr{0%{background-position:0 0}100%{background-position:-1063px 0}}@keyframes wave_td{0%{background-position:0 0}100%{background-position:0 -611px}}.ef6-vcblock{left:500px;width:281px;height:295px;transition:transform 400ms ease 0s;transform:scale(.4)}.ef6-vcblock.on{transform:scale(1)}.ef6-vcblock.right{transform:rotateY(180deg) scale(.4)}.ef6-vcblock.right.on{transform:rotateY(180deg) scale(1)}.ef6-vcblock .ef6-block{position:absolute;background-color:#9afeff}.ef6-vcblock .block-front{position:absolute;left:100%;top:0;width:15px;height:100%;opacity:.2}.ef6-vcblock .block-back{position:absolute;right:100%;top:0;width:64px;height:100%;opacity:.4}.block1{left:165px;top:0;width:104px;height:69px}.block2{left:123px;top:69px;width:104px;height:60px}.block3{left:93px;top:129px;width:104px;height:55px}.block4{left:71px;top:184px;width:104px;height:55px}.block5{left:114px;top:239px;width:104px;height:53px}.block6{left:146px;top:292px;width:104px;height:60px}.sp-preview{border:none;width:33px;height:18px}#select_gt{width:auto}.sp-dd{transform:scale(.8)}@media screen and (max-width:1366px){.rgb_bg{transform:scale(.8) translate(-140px,0)}#RGBKeyboard{padding:40px 0 250px}#RGBKeyboard .frame{width:880px}.rgb_control{height:210px}.rgb_control_panel li{padding:10px 20px}}@media screen and (max-width:960px){#RGBKeyboard{display:none}.rgb_bg,.rgb_control{display:none}#RGBKeyboard .frame{width:610px;padding-top:40px}}@media screen and (max-width:640px){#RGBKeyboard{background-image:url(../images/rgbkb_640.jpg);height:676px;padding-top:0}#RGBKeyboard .frame{width:auto;padding-top:20px}}#RGBKeyboard.test .kb-ef{z-index:99999;opacity:.5}.gallery{position:relative;font-size:38px;line-height:1;text-align:center;min-height:1000px;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.gallery-title{text-align:center;margin-bottom:25px}.gallery-list{text-align:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.gallery-box{position:relative;width:33.3%;display:inline-block;overflow:hidden;cursor:pointer}.gallery-box:before{content:'';display:block;width:100%;padding-top:66.7%}.gallery-box .gallery-boxwrap img{transition:all 250ms ease-out}.gallery-box:hover .gallery-boxwrap img{transform:scale(1.1)}.gallery-space{display:block;width:100%;padding-top:100%}.gallery-boxout{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;box-sizing:border-box}.gallery-boxwrap{height:100%;box-sizing:border-box;overflow:hidden;position:relative;display:flex;align-items:center}.gallery-boxwrap img{display:block;width:100%}.gallery-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;visibility:hidden;transition:all 400ms ease-out}.gallery-cover .gallery-close{position:absolute;left:50%;top:150px;margin-left:-40px}.gallery.show .gallery-cover{opacity:1;visibility:visible}.gallery-close{background:url("../images/gallery/gallery-close.png") 0 0 no-repeat;width:80px;height:80px;cursor:pointer}.gallery-main{max-width:1000px;margin:270px auto 0;position:relative}.gallery-main:before{content:'';display:block;width:100%;padding-top:66.7%}.gallery-frame{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center}.gallery-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.gallery-content img{display:block;max-width:100%}.gallery-left{background:url(../images/gallery/arr.png) center center no-repeat;width:32px;height:68px;padding:20px;position:absolute;top:50%;margin-top:-44px;left:-15%;opacity:.6;transition:opacity 250ms ease-out;cursor:pointer}.gallery-left:hover{opacity:1}.gallery-right{background:url(../images/gallery/arr.png) center center no-repeat;width:32px;height:68px;padding:20px;transform:scaleX(-1);position:absolute;top:50%;margin-top:-44px;right:-15%;opacity:.6;transition:opacity 250ms ease-out;cursor:pointer}.gallery-right:hover{opacity:1}.gallery-show{max-width:100%;max-height:100%}@media screen and (max-width:960px){.hide-m{display:none}.gallery-box{width:50%}}@media screen and (max-width:640px){.gallery-box{width:100%}}.section{padding:110px 0 0 0;box-sizing:border-box;text-align:center}.center .frame{width:960px;margin:0 auto}.yt-videos{padding-top:60px;text-align:center}.yt-videos .box{border:1px solid #ec6c00;padding:10px;display:inline-block;margin:0 15px 20px}.video{position:relative;min-width:400px;padding-top:56.25%}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.s1{padding-top:40px}.s1 .frame{background:url("../images/icon-rgbfusion.png") right top no-repeat}.s1 .center{z-index:12}.s1 .frame2{background:url("../images/s1_01.jpg") center bottom no-repeat;height:1205px;position:relative;z-index:11;margin-top:-320px;animation:color-cw 1.5s linear infinite}.s1 h2{padding:40px 120px 20px}.s2{background:url("../images/s2.jpg") center top no-repeat;height:540px}.s2 .btext{background:rgba(0,0,0,.8);color:#ec6c00;padding:10px 35px;display:inline-block;font-size:38px;line-height:1;margin-top:128px}.s3{background:url("../images/s3.jpg") center top no-repeat;min-height:618px;padding-top:250px}.s3 .s3_text{margin:30px 0}.s3_text{background:url("../images/s3_text.png") 0 0 no-repeat;width:1182px;height:187px;display:inline-block}.keylines{white-space:nowrap;word-wrap:normal;width:1976px;position:relative;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.keylines .qzkey{margin:5px}.keylines .qzkey:nth-child(1) .icon-keytop,.keylines .qzkey:nth-child(1) .icon-keylight{animation-delay:250ms}.keylines .qzkey:nth-child(2) .icon-keytop,.keylines .qzkey:nth-child(2) .icon-keylight{animation-delay:200ms}.keylines .qzkey:nth-child(3) .icon-keytop,.keylines .qzkey:nth-child(3) .icon-keylight{animation-delay:150ms}.keylines .qzkey:nth-child(4) .icon-keytop,.keylines .qzkey:nth-child(4) .icon-keylight{animation-delay:100ms}.keylines .qzkey:nth-child(5) .icon-keytop,.keylines .qzkey:nth-child(5) .icon-keylight{animation-delay:50ms}.keylines .qzkey:nth-child(6) .icon-keytop,.keylines .qzkey:nth-child(6) .icon-keylight{animation-delay:0ms}.keylines .qzkey:nth-child(7) .icon-keytop,.keylines .qzkey:nth-child(7) .icon-keylight{animation-delay:0ms}.keylines .qzkey:nth-child(8) .icon-keytop,.keylines .qzkey:nth-child(8) .icon-keylight{animation-delay:50ms}.keylines .qzkey:nth-child(9) .icon-keytop,.keylines .qzkey:nth-child(9) .icon-keylight{animation-delay:100ms}.keylines .qzkey:nth-child(10) .icon-keytop,.keylines .qzkey:nth-child(10) .icon-keylight{animation-delay:150ms}.keylines .qzkey:nth-child(11) .icon-keytop,.keylines .qzkey:nth-child(11) .icon-keylight{animation-delay:200ms}.keylines .qzkey:nth-child(12) .icon-keytop,.keylines .qzkey:nth-child(12) .icon-keylight{animation-delay:250ms}@keyframes press{0%,50%,100%{transform:translateY(0)}25%{transform:translateY(30px)}}.qzkey{position:relative;width:152px;height:218px;display:inline-block}.qzkey .icon-keytop{position:absolute;top:43px;left:6px}.qzkey .icon-keylight{position:absolute;top:0;left:0}.qzkey .icon-keybody{position:absolute;top:89px;left:0}.qzkey .icon-keytop,.qzkey .icon-keylight{transition:transform 400ms ease}.qzkey.press30 .icon-keytop,.qzkey.press30 .icon-keylight{transform:translateY(30px)}.qzkey.animate .icon-keytop,.qzkey.animate .icon-keylight{animation-name:press;animation-duration:700ms;animation-timing-function:ease-out;animation-iteration-count:infinite}.s5{background:url("../images/s5.jpg") center bottom no-repeat;min-height:778px;padding:200px 0}.s5 .frame h3{padding:0 5px}.s5 .fs-xxxx{line-height:150px}.s5 .frame2{margin:100px auto}.fs-xxxx{font-size:187px}.fs-xxl{font-size:65px}.s5-chart{background:url("../images/s5-chart.png") center bottom no-repeat;width:957px;height:177px;margin:0 auto}.s6{background:url("../images/s6.jpg") center center no-repeat fixed;height:1135px}.s6 .frame{text-align:left}.s6 .frame .fright{width:307px;margin-right:43px}.s6 .s6pic{margin:0 auto}.s6pic{background:url("../images/s6pic.jpg") 0 0 no-repeat;width:873px;height:404px;position:relative}.s6pic .s6pic-line{position:absolute;left:569px;top:26px}.s6pic-line{background:#ec6c00;width:6px;height:260px}.s6pic-text{color:#ec6c00;text-align:left;padding:26px}.s6pic-text .text1{font-size:30px;line-height:30px;display:block;margin-bottom:40px}.s6pic-text .text2{font-size:100px;line-height:80px;display:block}.s7{background:url("../images/s7.jpg") center center no-repeat;height:519px}.s7 .frame{text-align:left;padding:39px 0 0 192px}.s7 .frame .text{width:425px}.s8{background:url("../images/s8.jpg") center center no-repeat;height:703px}.s8 .text{color:#ec6c00;font-size:38px;position:absolute;left:740px;top:210px}.s8 .text.pos2{left:50%;margin-left:57px}.s9{background:url("../images/s9.jpg") center top no-repeat;min-height:1024px}.s9 .frame{padding-top:960px}.s10{min-height:766px;position:relative}.s10 .frame{background:url("../images/s10.jpg") center -50px no-repeat;height:766px;position:absolute;z-index:11;top:0;left:0;width:100%;animation:color-ccw 2s linear infinite}.s10 .frame2{background:url("../images/icon-rgbfusion.png") 65% bottom no-repeat;padding:336px 0 13px 0;position:relative;z-index:12}.s10 .fs-xxxx{line-height:150px}.s10 .fs-xxl{font-weight:bold;line-height:110px}@keyframes color-cw{from{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(359deg);filter:hue-rotate(359deg)}}@keyframes color-ccw{from{-webkit-filter:hue-rotate(359deg);filter:hue-rotate(359deg)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}}.s11{padding-top:50px;position:relative}.s11 .text{display:none}.s12{background:url("../images/s12.jpg") center center no-repeat fixed;min-height:936px;padding-top:150px}.s12 .frame{background-color:rgba(242,101,0,.94);padding:100px 0}.s12 .frame .text{text-align:left;width:550px;margin:0 auto}.s12 .frame h2,.s12 .frame h3{color:#fff}.s12chart{background:url("../images/s12chart.png") 0 0 no-repeat;width:584px;height:246px;margin:40px 0 20px;display:inline-block;position:relative}.s12chart .text{position:absolute;font-size:20px}.s12chart .text1{left:6px;top:3px}.s12chart .text2{left:373px;top:224px}.s12chart .text3{left:367px;top:0;color:#565656}.s12chart .text4{left:369px;top:140px}.s13{background:url("../images/s13.jpg") center top no-repeat;padding:160px 0}.s13 .frame{text-align:left;width:1366px}.s13 .frame h2,.s13 .frame h3{color:#000}.s13 .frame .text{float:left}.s13 .frame:after{content:"";visibility:hidden;display:block;clear:both;height:0}.s13 .text{margin-right:40px}.s13 .text:last-child{margin-right:auto}.s13 .text1{width:400px}.s13 .text2{width:420px}.s13 .text3{width:460px}.s13 .frame2{margin-top:870px;text-align:left;display:inline-block}.s13 .frame2 .s13pic{float:left;margin-right:20px}.s13 .frame2 .text{float:left;width:315px}.s13 .frame2 h3{line-height:24px}.s13 .frame2:after{content:"";visibility:hidden;display:block;clear:both;height:0}.s13 .frame3{margin-top:70px}.s13 .frame3 .text{margin:0 auto 50px;width:780px}.s13pic{display:inline-block;background:url("../images/s13pic.jpg") 0 0 no-repeat;width:527px;height:228px}.s13pic2{display:inline-block;background:url("../images/s13pic2.png") 0 0 no-repeat;width:901px;height:351px}.s14{background:#1a151f url("../images/s14.jpg") center 0 no-repeat;height:753px}.s14 h2{width:500px;margin:0 auto}.s14 h3{width:790px;margin:380px auto 0}.s15{background:url("../images/s15.jpg") center 0 no-repeat;height:338px}.icon-social_FB{background:url("../images/icon-social_FB.png") center center no-repeat;width:47px;height:47px}.icon-social_YT{background:url("../images/icon-social_YT.png") center center no-repeat;width:47px;height:47px}.s16{background:url("../images/s16.jpg") center 0 repeat-y;min-height:1260px;padding:0}.s16 .gallery{padding:100px 0 220px}.s16 .gallery .frame{padding:35px 20px;background:rgba(0,0,0,.8)}.s16 .gallery-title{color:#ec6c00}.s16 .social-area{background:rgba(0,0,0,.93);padding:50px 70px}.social-links{text-decoration:none}.social-links .social-box{width:50%;float:left}.social-links:after{content:"";visibility:hidden;display:block;clear:both;height:0}.social-link{display:block;border:2px solid #7d7d7d;padding:15px 0;margin:12px}.social-link:hover{border-color:#a8a8a8}.social-icon{padding:5px 0}.social-name{font-size:19px;line-height:20px;color:#ec6c00}@media screen and (max-width:1366px){.s1 h2{padding:35px 120px 10px}.s1 .frame{background-size:120px auto}.s1 .frame2{background-size:1366px 857px;height:950px}.s3_text{background:url("../images/s3_text_1366.png") 0 0 no-repeat;width:956px;height:252px}.s5{padding:170px 0}.fs-xxxx{font-size:165px}.s6{padding-top:120px}.s7 .frame{padding:42px 0 0 92px}.s10 .frame{background-position:center top}.s10 .frame2{background-position:70% bottom;background-size:120px;padding:386px 0 7px 0}.s11{padding-top:0}.s13{padding:130px 0 160px}.s13 .frame{width:960px}.s13 .frame .text{float:right;width:440px}.s13 .text{margin-left:40px;margin-right:auto}.s13 .text:last-child{margin-left:auto;margin-right:auto}.s13 .frame2{margin-top:790px}.social-area{padding:30px 40px}}@media screen and (max-width:960px){.center .frame{width:640px}.yt-videos{padding-top:40px}.yt-videos .box{padding:10px;display:block;margin:0 auto 15px;width:100%;max-width:450px}.video{position:relative;width:100%;min-width:unset;max-width:500px;padding-top:56.25%}.video iframe{position:absolute;top:0;left:0;width:100%;height:100%}.s1 .frame{background-position:center 160px;background-size:auto}.s1 .frame2{background-size:960px 603px;height:603px;margin-top:-170px}.s1 h2{padding:35px 110px 140px}.s1 h3{padding:10px}.s3{padding-top:150px}.s3_text{background:url("../images/s3_text_960.png") 0 0 no-repeat;width:642px;height:236px}.s5{padding:150px 0}.s5 .frame2{margin:80px auto}.s5 .fs-xxxx{line-height:110px;letter-spacing:-10px}.s5-chart{background-image:url("../images/s5-chart_960.png");width:625px;height:265px}.fs-xxxx{font-size:130px}.s6{height:825px}.s6 .s6pic{position:absolute;left:50%;margin-left:-437px}.s6pic .s6pic-line{left:50%;top:26px;margin:0 0 0 -1px}.s6pic-text .text1{line-height:35px;margin-bottom:20px}.s6 .frame .fright{margin-right:13px}.s6pic-text{padding:26px 136px}.s7 .frame{padding:46px 0 0 25px}.s7 .frame .text{width:350px}.s8 .text{text-align:left;line-height:46px;top:180px}.s8 .text.pos2{margin-left:77px}.s9{background-size:1400px auto;min-height:800px}.s9 .frame{padding-top:670px}.s10{min-height:610px}.s10 .frame{background-position:center -100px}.s10 .fs-xxxx{line-height:120px;letter-spacing:-3px}.s10 .frame2{background-position:82% bottom;padding:226px 0 4px 0}.s11{background:url(../images/rgbkb_960.jpg) center bottom no-repeat;padding:100px 0 560px}.s11 .text{display:block}.s13{padding:50px 0 90px}.s13 .frame{text-align:center}.s13 .frame .text{float:none;width:auto;padding:0 15px;margin:0 auto}.s13 .frame2{margin-top:790px}.s13 .frame2 .s13pic{margin-right:10px}.s13 .frame2 .text{width:315px}.s13 .frame3{margin-top:70px}.s13 .frame3 .text{width:auto;padding:0 30px}.s13pic{width:310px;height:228px}.s13pic2{background-size:cover;width:605px;height:235px}.s14{height:auto;padding-bottom:40px}.s14 h3{width:auto;padding:0 30px;margin:380px auto 0}.s16 .gallery{padding:50px 0 0}.s16 .gallery .center{width:auto}.s16 .gallery .frame{width:auto}.gallery-box{width:33.3%}}@media screen and (max-width:640px){.center .frame{width:320px}.s1{height:auto}.s1 .frame{background-position:center 290px;background-size:auto}.s1 .frame2{background:url("../images/s1_01_640.jpg") center bottom no-repeat;height:518px;margin-top:-90px}.s1 h2{padding:35px 10px 150px}.s1 h3{padding:10px}.s2{background:url(../images/s2_640.jpg) center top no-repeat;height:431px}.s2 .btext{padding:10px 150px;line-height:1.3;margin-top:178px;position:absolute;left:50%;margin-left:-230px}.s3{background:url(../images/s3_640.jpg) center top no-repeat;min-height:640px;padding-top:80px}.s3_text{background:url("../images/s3_text_640.png") 0 0 no-repeat;width:247px;height:513px}.s4{padding-top:0}.icon-keytop{background-size:contain;width:91px;height:42px}.icon-keybody{background-size:contain;width:99px;height:83px}.icon-keylight{background-size:458px 94px;width:92px;height:94px;margin:3px}.icon-keylight-01{background-position:0 0}.icon-keylight-02{background-position:-92px 0}.icon-keylight-03{background-position:-184px 0}.icon-keylight-04{background-position:-276px 0}.icon-keylight-05{background-position:-368px 0}.keylines{width:1308px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.keylines .qzkey{margin:5px}.keylines .qzkey:nth-child(1) .icon-keytop,.keylines .qzkey:nth-child(1) .icon-keylight{animation-delay:250ms}.keylines .qzkey:nth-child(2) .icon-keytop,.keylines .qzkey:nth-child(2) .icon-keylight{animation-delay:200ms}.keylines .qzkey:nth-child(3) .icon-keytop,.keylines .qzkey:nth-child(3) .icon-keylight{animation-delay:150ms}.keylines .qzkey:nth-child(4) .icon-keytop,.keylines .qzkey:nth-child(4) .icon-keylight{animation-delay:100ms}.keylines .qzkey:nth-child(5) .icon-keytop,.keylines .qzkey:nth-child(5) .icon-keylight{animation-delay:50ms}.keylines .qzkey:nth-child(6) .icon-keytop,.keylines .qzkey:nth-child(6) .icon-keylight{animation-delay:0ms}.keylines .qzkey:nth-child(7) .icon-keytop,.keylines .qzkey:nth-child(7) .icon-keylight{animation-delay:0ms}.keylines .qzkey:nth-child(8) .icon-keytop,.keylines .qzkey:nth-child(8) .icon-keylight{animation-delay:50ms}.keylines .qzkey:nth-child(9) .icon-keytop,.keylines .qzkey:nth-child(9) .icon-keylight{animation-delay:100ms}.keylines .qzkey:nth-child(10) .icon-keytop,.keylines .qzkey:nth-child(10) .icon-keylight{animation-delay:150ms}.keylines .qzkey:nth-child(11) .icon-keytop,.keylines .qzkey:nth-child(11) .icon-keylight{animation-delay:200ms}.keylines .qzkey:nth-child(12) .icon-keytop,.keylines .qzkey:nth-child(12) .icon-keylight{animation-delay:250ms}@keyframes press640{0%,50%,100%{transform:translateY(0);}25%{transform:translateY(25px);}}.qzkey{position:relative;width:99px;height:172px;display:inline-block}.qzkey .icon-keytop{position:absolute;top:43px;left:4px}.qzkey .icon-keylight{position:absolute;top:16px;left:1px}.qzkey .icon-keybody{position:absolute;top:75px;left:0}.qzkey .icon-keytop,.qzkey .icon-keylight{transition:transform 400ms ease}.qzkey.press30 .icon-keytop,.qzkey.press30 .icon-keylight{transform:translateY(30px)}.qzkey.animate .icon-keytop,.qzkey.animate .icon-keylight{animation-name:press640;animation-duration:700ms;animation-timing-function:ease-out;animation-iteration-count:infinite}.s5{padding-top:50px}.s5 .fs-xxxx{line-height:60px;letter-spacing:-2px}.s5 .fs-xxl{line-height:30px;font-weight:bold}.s5 .frame2{margin:30px auto}.fs-xxxx{font-size:60px}.s5-chart{background-image:url("../images/s5-chart_640.png");width:306px;height:265px}.fs-xxl{font-size:25px}.s6{background:none}.s6 .fright{float:none}.s6 .frame{text-align:center}.s6 .frame .fright{margin:0 auto 40px}.s6{height:auto}.s6 .s6pic{position:relative;left:auto;margin:auto}.s6pic{background:url("../images/s6pic_640.jpg") 0 0 no-repeat;width:640px;height:404px}.s6pic .s6pic-line{display:none}.s6pic-text{text-align:center}.s7{background:url("../images/s7_640.jpg") center bottom no-repeat;height:auto;padding:70px 0 260px 0}.s7 .frame{text-align:center;padding:10px 0}.s7 .frame .text{width:auto}.s8{background-image:url("../images/s8_640.jpg");height:334px}.s8 .text{text-align:center}.s8 .text.pos2{position:relative;top:auto;left:auto;width:220px;display:inline-block;margin:58px auto 0}.s9{background-size:auto;background-image:url("../images/s9_640.jpg");padding-top:700px}.s9 .frame{padding-top:0}.s9 h3{padding:20px 15px 0}.s10{padding-top:210px;height:auto;min-height:unset}.s10 .frame{background:url("../images/s10_640.jpg") center top no-repeat;height:399px}.s10 .frame2{text-align:left;background-position:95% bottom;background-size:90px;padding:0 0 2px 0}.s10 h2{font-size:39px;line-height:60px;padding:0 10px}.s10 .fs-xxxx{line-height:40px;letter-spacing:0}.s10 .fs-xxl{font-size:66px;line-height:60px;font-weight:bold}.s11{background-size:640px 427px;padding:50px 0 360px}.s11 .text{display:block}.s12.section .center{width:auto}.s12 .center .frame{width:auto}.s12 .frame{padding:60px 0}.s12 .frame .text{text-align:center;width:320px;margin:0 auto}.s12chart{background:url("../images/s12chart_640.png") 0 0 no-repeat;width:297px;height:246px;margin:40px 0 20px}.s12chart .text{display:none}.s13{background-image:url("../images/s13_640.jpg")}.s13 .frame .text{margin-bottom:30px}.s13 .frame h2{font-size:32px}.s13 .frame h3{font-size:18px}.s13 .frame2{margin-top:760px;text-align:center;padding-bottom:230px;position:relative}.s13 .frame2 .s13pic{margin-right:0;position:absolute;bottom:0;left:50%;margin-left:-155px}.s13 .frame2 .text{float:none;width:315px}.s13 .frame3{margin-top:70px}.s13 .frame3 .text{width:auto;padding:0 30px}.s13pic2{background:url("../images/s13pic2_640.png") 0 0 no-repeat;width:279px;height:152px}.s14{background:#000 url("../images/s14_640.jpg") center 100px no-repeat;padding:0;height:auto}.s14 h2{width:auto}.s14 h3{width:auto;margin:160px auto 20px;padding:0 8px}.s15{background:url("../images/s15_640.jpg") center 0 no-repeat;height:182px}.gallery-list{width:320px;margin:0 auto}.gallery-list .gallery-box{width:100%}.s16 h2{margin-bottom:30px}.social-links .social-box{width:100%;float:none;margin:20px 0}