@charset "UTF-8";
/*** Global ***/
.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.text-nowrap { white-space: nowrap; }

.text-lowercase { text-transform: lowercase; }

.text-uppercase { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

html { font-size: 15px; }

body { font-size: 1em; line-height: 1.3333333333; margin-bottom: 0em; }

.inline__block { display: inline-block; }

@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); }
  20% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); }
  40% { opacity: 1; -webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); }
  80% { opacity: 1; -webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } }

@keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); }
  20% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); transform: scale3d(1.1, 1.1, 1.1) translate3d(-50%, 0, 0); }
  40% { opacity: 1; -webkit-transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); transform: scale3d(0.9, 0.9, 0.9) translate3d(-50%, 0, 0); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); transform: scale3d(1.03, 1.03, 1.03) translate3d(-50%, 0, 0); }
  80% { opacity: 1; -webkit-transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); transform: scale3d(0.97, 0.97, 0.97) translate3d(-50%, 0, 0); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0); } }
.sprite { background-repeat: no-repeat; display: block; }

.sprite-arrow_l { width: 65px; height: 130px; background-position: -5px -5px; }

.sprite-arrow_l_black { width: 49px; height: 96px; background-position: -80px -5px; }

.sprite-arrow_r { width: 65px; height: 130px; background-position: -139px -5px; }

.sprite-arrow_r_black { width: 49px; height: 96px; background-position: -214px -5px; }

.sprite-black { width: 41px; height: 41px; background-position: -80px -111px; }

.sprite-gray { width: 41px; height: 41px; background-position: -214px -111px; }

.sprite-green { width: 44px; height: 44px; background-position: -5px -162px; }

.sprite-pink { width: 45px; height: 44px; background-position: -59px -162px; }

.sprite-white { width: 45px; height: 44px; background-position: -114px -162px; }

.play__icon:after { display: block; position: absolute; content: ""; top: 0; right: 0; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAADJklEQVRYw73YTWwWVRQG4KdD1RjTEmNjt0ZNtC4GXQiiTLAmklShdKFbomAYSQTqRjbu3IhuBBd2iPizM42Jjb9JF/7kolgIQWcBGuLCJVhi2iYSNRUXc1vqZ03nm6/1LGfuOee9d+697/tOlzYiK8qNeAwbcRduwXrM4DJ+xCl8GvL0VN26XTUa34jdOIh5fIwTOIdLIU9nsqJcj1sxgAzb0Y0jOB7y9EpjEFlR7oyFzuLVkKfftLFqm/EC7sNoyNOJtkBkRXkDjuIR7A15+kXd5svUGsQxfI4DIU9/XxFEVpS9mMCveDrk6WxTAC0138bNGGmt2dUy+Hp8hp+Qhzy92imAJbXXYQy3Yyjk6R8L75KWsa9jDvtWEwCEPJ3Hs5iNfRZjEURWlCMYxK6YsOoR6+7CYOyH+DniMTyv2gONN2HdyIryYbyDgZCnVxZWYje+/z8AxBX5Et9hD9c+x0EcbnM2R7Oi7O4Ay2EcgCQryk34q52LKMZ+TGZF2ddwNU5iPivKTQm24cOGsxnE6awoNzTM/wjbEjyg4oKmcRu+zoryiQa5J7A5UZHO+Q5AwE0Yz4rypawokzbyzuHuREXHFzsEQXXcX8REvKbrxCX0JehdDX5YEjvwbp2BsW9Pgtk2kNeJT/BUnYFZUfZgLlEpov5VaH4VL2M45OlMzZx+THerNuUALnQA4DfsCXn6Xpt59+CHBN9iSwcAfsaWBgDgIZxMMInhhgC+wv0hT882zB/GZBLydEp1fT/YZoExPBry9Jcm3aMGXRfydGqBgI7gEHbWLRLydF/D2S/EIZWOXWTRt7AhitI1j6gn7sXxRRDRF4yiiGd3LQH0qNT36IIfaRW6x9CHJ9dC4kWxO47LIU/3LjxvJZvnIog3sqJc0Z01ADCmcmr7l777B4gow7fjTry/Wtd5rDOOO/B4qwH6F+1GUhnCNM5kRbm1QwBbcSbWG1qOLFfyoiN4TeVFX4mSrG7zpV70+ZCnH/zX2Lqu/BmVGP5TJcmCinMuhjydizu+3zVXvgPXqe6fNzty5csAav0/0YdelauaVv2fOK2yklN1XdzfdfIarq20xZsAAAAASUVORK5CYII="); width: 24px; height: 24px; }

.icon__left__arrow { background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFEAAACbCAYAAAAa/HfkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDREY4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDREU4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+lOkdwQAAAthJREFUeNrs3U1Ow0AMhuEWdZVzAregEj+XAHHObANdsKFhUcb2+LNfS9lEahaPMkkjjT8ft207UGN1BwGIIIJIgQgiiCBSIIIIIogUiN512ju5rmtnk5dlWc7cif+v5+/jieU8Bnj+zw9BHAQE0QAQxH3ATxDHAR9BHAfcQAwG7IhoDtgN0QWwE6IbYBdEV8AOiO6A1RFDACsjhgFWRQwFrIgYDlgNcQpgJcRpgFUQpwJWQJwOqI6YAlAZMQ2gKmIqQEXEdIBqiCkBlRDTAqogpgZUQEwPmB1RAjAzogxgVkQpwIyIcoDZECUBMyHKAmZBlAbMgCgPOBuxBOBMxDKAsxBLAc5ALAcYjVgSMBKxLGAUYmnACMTygN6ILQA9EdsAXurkcM2Xw3W7a1lAjzuxHaA1YktAS8S2gFaIrQEtENsDjiICOIgI4CAigIOIAA4iAjiICOAgIoCDiAAOIgI4iAigAeJx5xx4NyJe7sK3X+cevo/3P4BBBNL37Qyk0f9EII2+WIA0+nYG0gARSCNEII0QgTRCBNIIEUgjRCAPdjsgWkNa7sVpC2m9K6wlpMcmz3aQXjtlW0F67tluA+ndPXCBfK0OGdHHcq4OGdVRVRoysrevLGR0l+lfkB/KkDP6nfcg75UhZ3Xel4KcmQFRBnJ2GkkJyAy5OPKQWRKapCEzZYXJQmZLrZOEzJifKAeZNclTCjJzpqwMZPZ0YwlIhZzt9JAqie+pIZVmD6SFVJuCkRJScR5LOkjVyUCpIJVnVKWBVJ+WlgKywty+6ZBVJkhOhaw0y3QaZLWpulMgK853DoesOmk8FLLyzPswyMqIYZDVEUMgOyC6Q3ZBdIXshOgG2Q3RBbIjojnk6dC3fmL9n35BXurhlgsdt+06vWpd106YV7loy7IcWc7jS5tnYjQkiAaQJ+x2XzY31e6LhWI5gwgiiBSIIIIIIgQggggiBaJlfQkwAFslPR5pZL7CAAAAAElFTkSuQmCC"); }

.icon__right__arrow { background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAACbCAYAAADxy8znAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MDM3YTljNy1lZjkwLWQ4NGMtYTcwZC03OGM4NDg0NjAzYmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDVGQjNDRTM4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDVGQjNDRTI4MDYyMTFFNTg0QTFBRTczNzFDNDFDNTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGNkZjRmNDItMzk0ZS1jNDRhLTg4ZTctNWY1M2Y5NjI4MTUwIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NDZhZjExODAtNjFhMy0xMWU1LTkzZGUtOTIwNmM2N2RmYjRiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TCPT7wAAAshJREFUeNrs3MFKA0EQBNBEctrvVP/CgPErFL9zr+vm4CUHCaZ6prqqGoZAYC+PyQ7p6e7jtm2HxOPxFIJABjKQiUAGMpCBTAQykIFMBDKQjHF65OF1XS/7x9kVb1kW2I5829cl+xHz0w4m8B1pj4k8bKwxH4X8DiYG8jWYGMgtmLh3ZDCBh409JvLUtsZE/9e2xaxIWlhiVmV/7DAr02hWmNX5SBvMEYldC8xRGXJ5zJFXDdKYo+9sZDFnXH5JYs66RZTDnHkdK4U5+15bBpOhQEACk6XSoj0mU8lKa0y22p+2mIxFVC0xWavR2mEyl/W1wmSvj2yD2aHQtAVml4pdesxOpc/UmN1qyGkxOxbjU2J27Wqgw+zcHkKF2b3PhgZToWGJAlOl82s6plIL3VRMtV7EaZiKTZ1TMFW7Y4djKrcZD8VU79cehunQ+D4E02WCQDmm0yiGvzDfA4nBPD+K6TgcpATTdcoKHNN5XA0U033uDwwzA5RAmIEEYQYShBlIEGYgQZiBBGEGEoQZSBBmIO8HvY1jIO+PK9bnvl5uvv843AwgDSQAMZAgxECCEAMJQgwkCDGQIMRAghADCUJ0h4QhOkNCEV0h4YiOkCWIbpBliE6QpYgukOWIDpBDENUhhyEqQw5FVIUcjqgIOQVRDXIaohLkVEQVyOmICpAUiN0haRA7Q1IhdoWkQ+wISYnYDZIWsRMkNWIXSHrEDpAtENkh2yAyQ7ZCZIVsh8gI2RKRDbItIhNka0QWyPaIDJASiLMhZRBnQkohzoKUQ5wBKYk4GlIWcSSkNOIoSHnEEZAWiNc4FSN+7etZHbFyR1ohVkHaIVZAWiKiIW0RkZDWiChIe0QEZBBBkEH83VHbtv374XVdN2fEZVlKTm3LnYiGtEZEQdojIiCDiDhsErVJi0AmAhnIQCYCGchABjIRyEAG0jl+BBgCMDs+2El12r0AAAAASUVORK5CYII="); width: 24px; height: 24px; }

.icon__down__arrow { background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM1LjQxNCAzNS40MTQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1LjQxNCAzNS40MTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwb2x5Z29uIHBvaW50cz0iMzQsOC4zNTQgMTcuNzA3LDI0LjY0NiAxLjQxNCw4LjM1NCAwLDkuOTE1IDE3LDI3LjA2MSAxOC40MTQsMjcuMDYxIDM1LjQxNCw5LjkxNSAgICIgZmlsbD0iIzMzMzMzMyIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); }

.border__radius-ie8 { behavior: url("v1/features/css/css3-IE8-PIE.htc"); }

.stopScrollbar { overflow: hidden; }

#af-header.popHide, #overview-top-nav.popHide, .section__comment.popHide, #asus-api-footer.popHide, #main-zone #product-footer-zone.popHide { display: none !important; }

.modal-button-container { z-index: 2147483647; }
@media (max-width: 731px) { .modal-button-container { -webkit-transform: scale(0.8); transform: scale(0.8); } }
.modal-button-container.inner { position: fixed; left: 50%; bottom: 30px; -webkit-transform: translate3d(-50%, 0px, 0px); transform: translate3d(-50%, 0px, 0px); }
.modal-button-container.text-white .modal-button { color: #fff; }
.modal-button-container.text-dark .modal-button { color: #000; }
.modal-button-container.outer { position: relative; text-align: center; }
.modal-button-container.outer .modal-button-target { top: 50px; }
@media (max-width: 731px) { .modal-button-container.outer .modal-button-target { top: 42px; } }
.modal-button-container button { background: none; border: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.modal-button-container button:focus { outline: 0; }
.modal-button-container .modal-button-text, .modal-button-container .modal-inner-text { position: relative; display: block; font-size: 22px; pointer-events: none; }
@media (min-width: 732px) and (max-width: 1279px) { .modal-button-container .modal-button-text, .modal-button-container .modal-inner-text { font-size: 18px; } }
@media (max-width: 731px) { .modal-button-container .modal-button-text, .modal-button-container .modal-inner-text { margin-bottom: 8px; font-size: 19px; } }
.modal-button-container .modal-button-target { position: absolute; height: 50px; left: 50%; top: 10px; z-index: 10; display: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.modal-button-container .modal-button { cursor: pointer; position: relative; display: inline-block; -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; touch-action: manipulation; pointer-events: all; text-align: center; z-index: 1; margin: 10px 0; padding: 0 30px; min-width: 50px; height: 46px; line-height: 46px; border: 0; font-weight: 200; background-color: #000; cursor: pointer; border-radius: 25px; border-width: 3px; border-style: solid; transition: background-color 400ms ease-out, border-color 400ms ease-out, color 400ms ease-out; }

.outer-view { z-index: 0; -webkit-transform-origin: 50vw 50vh; transform-origin: 50vw 50vh; -webkit-transform: translateZ(0px) translateY(0px) scale(1); transform: translateZ(0px) translateY(0px) scale(1); }
.outer-view.animate-scale { -webkit-transform: translateZ(0px) translateY(200px) scale(0.96); transform: translateZ(0px) translateY(200px) scale(0.96); transition: -webkit-transform 650ms ease-out; transition: transform 650ms ease-out; transition: transform 650ms ease-out, -webkit-transform 650ms ease-out; }
.outer-view .modal-button-container.ready .modal-button { -webkit-transform: translate(0, 0px) !important; transform: translate(0, 0px) !important; }

.inner-view { position: fixed; left: 0; top: 0; display: block; text-align: center; width: 100%; overflow: hidden; z-index: 1000000000; -webkit-transform: translateY(110vh); transform: translateY(110vh); margin-left: 0; margin-bottom: -60px; width: 100%; background-color: white; transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; transition: transform 500ms ease-out, -webkit-transform 500ms ease-out; }
.inner-view.killFixed { position: relative !important; }
.inner-view .inner-view-container { height: 100%; }
.inner-view .inner-modal { position: relative; visibility: visible; display: block; padding-bottom: 50px; width: 100%; min-height: 100vh; opacity: 0; }
.inner-view .inner-modal.showed { opacity: 1; }
.inner-view .modal-button-container { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-overflow-scrolling: touch; }
.inner-view .modal-button-container { opacity: 0; position: fixed; bottom: -80px; left: 0%; width: 100%; -webkit-transform: translate3d(0%, 0, 0) translateZ(0); transform: translate3d(0%, 0, 0) translateZ(0); transition: opacity 300ms ease, -webkit-transform 400ms ease; transition: transform 400ms ease, opacity 300ms ease; transition: transform 400ms ease, opacity 300ms ease, -webkit-transform 400ms ease; }
@media (max-width: 731px) { .inner-view .modal-button-container { -webkit-transform: translate3d(0%, 0, 0) translateZ(0) scale(0.8); transform: translate3d(0%, 0, 0) translateZ(0) scale(0.8); } }
@media (max-width: 1279px) { .inner-view .inner-view-container .inner-modal { opacity: 0; transition: opacity 0ms; } }
.inner-view.show-inner { -webkit-transform: none !important; transform: none !important; }
.inner-view.show-inner .modal-active { display: block; visibility: visible; }
@media (max-width: 1279px) { .inner-view.show-inner .inner-view-container .inner-modal { opacity: 1; transition: opacity 400ms 1200ms; } }
.inner-view.show-inner .modal-button-container { opacity: 1; -webkit-transform: translate3d(0%, -130px, 0) translateZ(0); transform: translate3d(0%, -130px, 0) translateZ(0); transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; }
@media (max-width: 731px) { .inner-view.show-inner .modal-button-container { -webkit-transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8); transform: translate3d(0%, -110px, 0) translateZ(0) scale(0.8); } }

@media (min-width: 732px) and (max-width: 1279px) { .modal-button-container.inner { bottom: 20px; } }
@media (max-width: 731px) { .modal-button-container .modal-button { text-align: center; }
  .modal-button-container.inner { bottom: 9px; } }
html { overflow-x: hidden; width: 100%; }

body { overflow: hidden; background-attachment: scroll !important; -moz-osx-font-smoothing: grayscale; background: #fff; font-synthesis: none; -moz-font-feature-settings: 'kern'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: subpixel-antialiased; }

#CMD { transition-duration: 700ms; transition-property: opacity; transition-timing-function: cubic-bezier(0.25, 0.46, 0.33, 0.98); position: relative; text-align: center; margin-bottom: 10px; line-height: 1.3; font-size: 15px; -webkit-tap-highlight-color: transparent; background: #fff; }
@media all and (min-width: 1px) { #CMD { -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

.fix_ie_png { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00FFFFFF, endColorstr=#00FFFFFF ); }

@media all and (min-width: 1280px) { .clear__background__src { background-image: none !important; } }
section { position: relative; margin-left: auto; margin-right: auto; max-width: 2560px; }
@media all and (min-width: 732px) and (max-width: 1279px) { section { margin-left: auto; margin-right: auto; width: 100%; max-width: 1300px; } }
@media all and (min-width: 0px) and (max-width: 731px) { section { width: 100%; margin-left: auto; margin-right: auto; max-width: 720px; } }

.progressive-image { background-image: none !important; }

@media all and (min-width: 1px) { .grace-show { -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition: opacity 800ms; }
  .grace-show.show { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; will-change: opacity; }
  .grace-show.animated { -webkit-transform: none; transform: none; will-change: null; } }
.in.moving__element { will-change: transform, opacity; }

.smooth__animation { transition-duration: 1.25s, 1.25s; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); }

.smooth__animation-fast { transition-duration: 400ms, 400ms; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1); }

.wd__animation__easeout { transition-duration: 500ms, 500ms; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-duration: 500ms; -moz-transition-property: all; }

.wd__animation__easeout__slow { transition-duration: 1200ms, 1200ms; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); }

.wd__animation__easeout-fast { transition-duration: 400ms, 400ms; transition-property: opacity, -webkit-transform; transition-timing-function: cubic-bezier(0, 0, 0.58, 1); -moz-transition-duration: 400ms; -moz-transition-property: all; }

@-webkit-keyframes ripple { 0% { opacity: 0; }
  10% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 0; }
  100% { opacity: 0; } }

@keyframes ripple { 0% { opacity: 0; }
  10% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 0; }
  100% { opacity: 0; } }
@-webkit-keyframes wifiRipple { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes wifiRipple { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes soundCirclePlay { 0% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); }
  10% { opacity: 0.6; }
  50% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); }
  100% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } }
@keyframes soundCirclePlay { 0% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8); }
  10% { opacity: 0.6; }
  50% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); }
  100% { opacity: 0; -webkit-transform: scale(0.2); transform: scale(0.2); } }
@-webkit-keyframes soundRipple { 0% { opacity: 0; }
  10% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); } }
@keyframes soundRipple { 0% { opacity: 0; }
  10% { opacity: 1; }
  50% { opacity: 1; }
  51% { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); }
  100% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0); } }
@-webkit-keyframes disappearAndAppear { 0% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes disappearAndAppear { 0% { opacity: 0; }
  25% { opacity: 1; }
  50% { opacity: 1; }
  75% { opacity: 0; }
  100% { opacity: 0; } }
@-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
  40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
  60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
  80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-webkit-keyframes ballRotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes ballRotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.wd__content.text__animation > span, .wd__content.text__animation > div, .wd__content.text__animation > figure, .wd__content.text__animation > img, .wd__content.text__animation > a { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); transition: opacity 200ms, -webkit-transform 400ms ease-in-out; transition: transform 400ms ease-in-out, opacity 200ms; transition: transform 400ms ease-in-out, opacity 200ms, -webkit-transform 400ms ease-in-out; }
.wd__content.text__animation.text-showed .content__slogan, .wd__content.text__animation.text-showed .content__title, .wd__content.text__animation.text-showed .content__info, .wd__content.text__animation.text-showed .content__comment, .wd__content.text__animation.text-showed .content__link, .wd__content.text__animation.text-showed .wd__feature__list { will-change: null; -webkit-transform: none; transform: none; }

.inner-modal .wd__content.text__animation .content__slogan, .inner-modal .wd__content.text__animation .content__title, .inner-modal .wd__content.text__animation .content__info, .inner-modal .wd__content.text__animation .content__comment, .inner-modal .wd__content.text__animation .content__link, .inner-modal .wd__content.text__animation .wd__feature__list { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); transition: opacity 400ms ease-out, -webkit-transform 400ms ease-out; transition: transform 400ms ease-out, opacity 400ms ease-out; transition: transform 400ms ease-out, opacity 400ms ease-out, -webkit-transform 400ms ease-out; }
.inner-modal .wd__content.text__animation.text-showed .content__slogan, .inner-modal .wd__content.text__animation.text-showed .content__title, .inner-modal .wd__content.text__animation.text-showed .content__info, .inner-modal .wd__content.text__animation.text-showed .content__comment, .inner-modal .wd__content.text__animation.text-showed .content__link, .inner-modal .wd__content.text__animation.text-showed .wd__feature__list { will-change: null; -webkit-transform: none; transform: none; }

body { margin: 0; }

.wd__section .slick-dots { margin-left: auto; margin-right: auto; }

#CMD sup[class*="sign-"] { position: relative; top: 0.35em; padding-right: 4px; font-size: 0.8em; }
#CMD sup.sign-cr { top: 0.4em; font-size: 1.3em; }

.footnotes { margin: -245px auto 70px; max-width: 1180px; width: 100%; padding-left: 16px; padding-right: 16px; }
sup.footnote-num { font-size: 12px; top: -0.4rem; vertical-align: baseline !important; }
.footnotes ul.footnote { font-size: 18px; color: #999999; line-height: 1.4; }
.footnotes ul.footnote li { list-style-type: decimal; line-height: 1.3; text-align: left; margin-bottom: 9px; font-size: 18px; }
.footnotes ul.footnote-star li { list-style-type: none; margin-left: -1em; }

@media all and (min-width: 732px) and (max-width: 1279px) { .footnotes { margin-top: -85px; margin-bottom: 50px; padding-left: 16px; padding-right: 16px; } }
@media all and (max-width: 731px) { sup.footnote-num { font-size: 11px; top: -0.5rem; }
  .footnotes { margin: -34px auto 42px; padding-left: 11px; padding-right: 11px; width: auto; }
  .footnotes ul.footnote { font-size: 13.3px; line-height: 1.4; }
  .footnotes ul.footnote li { font-size: 13.3px; margin-bottom: 12px; } }
.wd__section .large__text-center { text-align: center; }
.wd__section .large__text-center.wd__content { margin-left: auto; margin-right: auto; }
.wd__section .large__text-center.wd__content .content__comment, .wd__section .large__text-center.wd__content .content__info, .wd__section .large__text-center.wd__content .content__link, .wd__section .large__text-center.wd__content .content__slogan, .wd__section .large__text-center.wd__content .content__title { text-align: center; margin-left: auto; margin-right: auto; }
.wd__section .large__text-center.wd__content .content__slogan:after { margin-left: auto; margin-right: auto; }
.wd__section .large__text-center.wd__content .content__title:after { margin: 0 auto; text-align: center; }
.wd__section .large__text-left.wd__content { text-align: left; }
.wd__section .large__text-left.wd__content .content__comment, .wd__section .large__text-left.wd__content .content__info, .wd__section .large__text-left.wd__content .content__link, .wd__section .large__text-left.wd__content .content__slogan, .wd__section .large__text-left.wd__content .content__title { text-align: left; margin-left: 0; }
.wd__section .large__text-left.wd__content .content__slogan:after { left: 0; margin-left: 0px; }
.wd__section .large__text-left.wd__content .content__title:after { margin-left: 0; text-align: left; }
.wd__section .large__text-left.wd__feature__list { text-align: left; }
.wd__section .large__text-left.wd__feature__list .wd__feature { margin-left: 0; margin-right: 50px; }
.wd__section .large__text-right.wd__content { text-align: right; }
.wd__section .large__text-right.wd__content .content__slogan:after { right: 0; margin-right: 0px; }
.wd__section .large__text-right.wd__feature__list { text-align: right; }
.wd__section .large__text-right.wd__feature__list .wd__feature { margin-left: 50px; margin-right: 0; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .medium__text-left.wd__content { text-align: left; left: 0; }
  .wd__section .medium__text-left.wd__content .content__comment, .wd__section .medium__text-left.wd__content .content__info, .wd__section .medium__text-left.wd__content .content__link, .wd__section .medium__text-left.wd__content .content__slogan, .wd__section .medium__text-left.wd__content .content__title { text-align: left; margin-left: 0; }
  .wd__section .medium__text-left.wd__content .content__slogan:after { margin-left: 0px; }
  .wd__section .medium__text-left.wd__feature__list { text-align: left; }
  .wd__section .medium__text-left.wd__feature__list .wd__feature { margin-left: 0; margin-right: 50px; }
  .wd__section .medium__text-center.wd__content { text-align: center; left: 0; margin-left: auto; margin-right: auto; }
  .wd__section .medium__text-center.wd__content .content__comment, .wd__section .medium__text-center.wd__content .content__info, .wd__section .medium__text-center.wd__content .content__link, .wd__section .medium__text-center.wd__content .content__slogan, .wd__section .medium__text-center.wd__content .content__title { text-align: center; margin-left: auto; margin-right: auto; }
  .wd__section .medium__text-center.wd__content .content__slogan:after { margin-left: auto; margin-right: auto; }
  .wd__section .medium__text-center.wd__feature__list { text-align: center; }
  .wd__section .medium__text-center.wd__feature__list .wd__feature { margin-left: 30px; margin-right: 30px; }
  .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__data, .wd__section .medium__text-center.wd__feature__list .wd__feature .wd__feature__describe { text-align: center; } }
@media all and (max-width: 731px) { .wd__section .small__text-left.wd__content { text-align: left; left: 0; }
  .wd__section .small__text-left.wd__content .content__comment, .wd__section .small__text-left.wd__content .content__info, .wd__section .small__text-left.wd__content .content__link, .wd__section .small__text-left.wd__content .content__slogan, .wd__section .small__text-left.wd__content .content__title { text-align: left; margin-left: 0; }
  .wd__section .small__text-left.wd__content .content__slogan:after { margin-left: 0; }
  .wd__section .small__text-left.wd__feature__list { text-align: center; }
  .wd__section .small__text-left.wd__feature__list .wd__feature__list .wd__feature { margin-left: 0; margin-right: 20px; }
  .wd__section .small__text-center { text-align: center; }
  .wd__section .small__text-center.wd__content { text-align: center; left: 0; margin-left: auto; margin-right: auto; }
  .wd__section .small__text-center.wd__content .content__comment, .wd__section .small__text-center.wd__content .content__info, .wd__section .small__text-center.wd__content .content__link, .wd__section .small__text-center.wd__content .content__slogan, .wd__section .small__text-center.wd__content .content__title { text-align: center; margin-left: auto; margin-right: auto; }
  .wd__section .small__text-center.wd__content .content__slogan:after { margin-left: auto; margin-right: auto; }
  .wd__section .small__text-center.wd__feature__list { text-align: center; }
  .wd__section .small__text-center.wd__feature__list .wd__feature { margin-left: 17px; margin-right: 17px; } }

.wd__section .section__content.text-white .wd__content .content__comment, .wd__section .section__content.text-white .wd__content .content__info, .wd__section .section__content.text-white .wd__content .content__title { color: #fff; }
.wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section__content.text-white .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { color: #fff; }
.wd__section .section__content .wd__content.theme-dark .content__comment { color: #999; }
.wd__section .section__content .wd__content.theme-dark .content__info, .wd__section .section__content .wd__content.theme-dark .content__title { color: #fff; }
.wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .section__content .wd__content.theme-dark .wd__feature__list .wd__feature .wd__feature__describe__top span { color: #fff; }
.wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe span, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top, .wd__section .section__content .wd__feature__list.theme-dark .wd__feature .wd__feature__describe__top span { color: #fff; }

.modal-button-container.bg-gray .modal-button-text { color: #6f6f6f; }
.modal-button-container.bg-gray .modal-button .modal-button-start-cap, .modal-button-container.bg-gray .modal-button .modal-button-scaler, .modal-button-container.bg-gray .modal-button .modal-button-end-cap { background: #6f6f6f; }
.modal-button-container.bg-white .modal-button.old__browser .modal-button-start-cap, .modal-button-container.bg-white .modal-button.old__browser .modal-button-copy, .modal-button-container.bg-white .modal-button.old__browser .modal-button-end-cap { background: #fff; }
.modal-button-container.bg-white .modal-button.old__browser .modal-button-copy { color: #333; }
.modal-button-container.bg-white .modal-button.old__browser .pluscircle-icon { background-image: url(v1/features/images/large/1x/icon/icon_modalbtn_gray.png) !important; }
.modal-button-container.bg-white .modal-button .modal-button-copy { color: #333; }
.modal-button-container.bg-white .modal-button .modal-button-start-cap, .modal-button-container.bg-white .modal-button .modal-button-scaler, .modal-button-container.bg-white .modal-button .modal-button-end-cap { background: #fff; }
.modal-button-container.bg-white .modal-button .pluscircle-icon svg path { fill: #333; }

/*! Lity - v2.2.2 - 2016-12-14
* http://sorgalla.com/lity/
* Copyright (c) 2015-2016 Jan Sorgalla; Licensed MIT */
.lity { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; background: #0b0b0b; background: rgba(0, 0, 0, 0.9); outline: none !important; opacity: 0; transition: opacity 0.3s ease; }

.lity.lity-opened { opacity: 1; }

.lity.lity-closed { opacity: 0; }

.lity * { box-sizing: border-box; }

.lity-wrap { z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; text-align: center; outline: none !important; }

.lity-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.lity-loader { z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif,微軟正黑體; opacity: 0; transition: opacity 0.3s ease; }

.lity-loading .lity-loader { opacity: 1; }

.lity-container { z-index: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: 100%; max-height: 100%; outline: none !important; }

.lity-content { z-index: 9993; width: 100%; -webkit-transform: scale(1); transform: scale(1); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.lity-loading .lity-content, .lity-closed .lity-content { -webkit-transform: scale(0.8); transform: scale(0.8); }

.lity-content:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close { z-index: 9994; width: 35px; height: 35px; position: fixed; right: 0; top: 0; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace,微軟正黑體; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; }

.lity-close::-moz-focus-inner { border: 0; padding: 0; }

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited { text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace,微軟正黑體; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; box-shadow: none; }

.lity-close:active { top: 1px; }

/* Image */
.lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; }

/* iFrame */
.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container { width: 100%; max-width: 964px; }

.lity-iframe-container { width: 100%; height: 0; padding-top: 56.25%; overflow: auto; pointer-events: auto; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

.lity-hide { display: none; }

.video-bottom, .media-bottom { position: relative; }

.cmd__guideline { position: absolute; left: 0; width: 100vw; z-index: 1000000000000; opacity: 0; transition: opacity 400ms ease-out; }
.cmd__guideline.active { opacity: 1; }
.cmd__guideline.guideline-slogan { bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); }
.cmd__guideline.guideline-title { top: -43px; height: 54px; background: rgba(251, 150, 110, 0.3); }
.cmd__guideline.guideline-info { top: -31px; height: 36px; background: rgba(0, 137, 108, 0.3); }
.cmd__guideline.guideline-hl { top: -73px; height: 83px; background: rgba(193, 50, 142, 0.3); }
.cmd__guideline.guideline-hldesb { top: -9px; height: 13px; width: 100%; background: rgba(88, 178, 220, 0.3); }
.cmd__guideline.guideline-hlb { bottom: -60px; height: 65px; background: rgba(144, 180, 75, 0.3); }
.cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 72px; background: rgba(46, 92, 110, 0.3); }
.cmd__guideline.guideline-pdprice-bottom { bottom: -72px; height: 72px; background: rgba(46, 92, 110, 0.3); }
.cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; width: 100%; background: rgba(88, 178, 220, 0.3); }
.cmd__guideline.guideline-pdvideos { height: 214px; top: -91px; background: rgba(144, 180, 75, 0.3); }
.cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 214px; background: rgba(144, 180, 75, 0.3); }
.cmd__guideline.guideline-pdmedias-bottom { top: -14px; height: 214px; background: rgba(144, 180, 75, 0.3); }

.guideline-floatspace { position: fixed; top: 50%; bottom: 64px; height: 242px; background: rgba(219, 77, 109, 0.3); }
.guideline-floatspace:after { position: absolute; display: block; content: 'image interval'; bottom: 0; height: 122px; width: 100%; color: white; background: rgba(251, 150, 110, 0.3); }
.guideline-floatspace:before { position: absolute; display: block; content: 'section interval'; height: inherit; width: 100%; color: white; }

.guideline__controller { position: fixed; overflow: hidden; text-align: center; z-index: 99999999999; top: 0; margin-left: 0; padding: 10px 15px 15px 10px; width: 30px; height: 30px; border-top-left-radius: 0%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 10px; background: rgba(112, 124, 116, 0.8); }
.guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; }
@-webkit-keyframes showAnimation { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
@keyframes showAnimation { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
.guideline__controller.visible { margin-left: 0; width: auto; height: auto; }
.guideline__controller.visible .control { display: block; }
.guideline__controller.visible .guideline__logo:before { position: absolute; content: ''; display: block; z-index: -1; top: -1px; left: 5px; border-radius: 50%; width: 30px; height: 30px; background: rgba(255, 0, 0, 0.3); -webkit-animation: showAnimation 3000ms ease-in-out infinite; animation: showAnimation 3000ms ease-in-out infinite; }
.guideline__controller .guideline__logo { position: absolute; top: 13px; left: 5px; width: 40px; height: 40px; font-size: 22px; color: #eee; }
.guideline__controller .control { position: relative; text-align: left; display: none; cursor: pointer; margin: 10px 10px 10px 30px; padding-left: 30px; color: #fffffc; font-size: 20px; }
.guideline__controller .control.main__item { margin-top: 22px; }
.guideline__controller .control.sub__item { margin-left: 50px; }
.guideline__controller .control input { position: absolute; z-index: -1; opacity: 0; }
.guideline__controller .control .control__indicator { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #e6e6e6; }
.guideline__controller .control .control__indicator:after { position: absolute; content: ''; display: block; opacity: 0; left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.guideline__controller .control input:checked ~ .control__indicator { background: #2aa1c0; }
.guideline__controller .control input:checked ~ .control__indicator:after { opacity: 1; }

@media all and (min-width: 732px) and (max-width: 1279px) { .cmd__guideline.guideline-slogan { top: -166px; height: 173px; }
  .cmd__guideline.guideline-title { top: -33px; height: 44px; }
  .cmd__guideline.guideline-info { top: -27px; height: 33px; }
  .cmd__guideline.guideline-hl { top: -59px; height: 69px; }
  .cmd__guideline.guideline-pdprice-top { bottom: 129px; height: 53px; }
  .cmd__guideline.guideline-pdprice-bottom { bottom: -53px; height: 53px; }
  .cmd__guideline.guideline-pdguide { bottom: 30px; height: 37px; }
  .cmd__guideline.guideline-pdvideos { top: -13px; height: 165px; }
  .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 165px; }
  .cmd__guideline.guideline-pdmedias-bottom { top: -8px; height: 165px; }
  .guideline-floatspace { height: 175px; }
  .guideline-floatspace:after { height: 56px; } }
@media all and (min-width: 960px) and (max-width: 1279px) { .cmd__guideline.guideline-pdmedias-bottom { top: -34px; } }
@media all and (max-width: 731px) { .cmd__guideline.guideline-slogan { top: -96px; height: 100px; }
  .cmd__guideline.guideline-title { top: -23px; height: 29px; }
  .cmd__guideline.guideline-info { top: -24px; height: 27px; }
  .cmd__guideline.guideline-hl { top: -41px; height: 48px; }
  .cmd__guideline.guideline-pdprice-top { bottom: 116px; height: 32px; }
  .cmd__guideline.guideline-pdprice-bottom { bottom: -32px; height: 32px; }
  .cmd__guideline.guideline-pdguide { bottom: 21px; height: 28px; }
  .cmd__guideline.guideline-pdvideos { top: -9px; height: 91px; }
  .cmd__guideline.guideline-pdvideos-bottom { top: 0; height: 91px; }
  .cmd__guideline.guideline-pdmedias-bottom { top: -76px; height: 91px; }
  .guideline-floatspace { height: 96px; }
  .guideline-floatspace:after { height: 52px; } }
@media all and (min-width: 600px) and (max-width: 731px) { .cmd__guideline.guideline-pdmedias-bottom { top: -29px; } }
section { position: relative; width: 100%; }

.section__content { margin-left: auto; margin-right: auto; width: 100%; height: 100%; }

section.no-pad { padding: 0; }
section.no-pad-bot { padding-bottom: 0; }
section.no-pad-top { padding-top: 0; }

#CMD .row { position: relative; margin-left: auto; margin-right: auto; }
#CMD .row:after { content: ""; display: table; clear: both; }
#CMD .row .col { float: left; box-sizing: border-box; padding: 0; margin: 0; }
#CMD .row .col[class*="push-"], #CMD .row .col[class*="pull-"] { position: relative; }
#CMD .row .col.l1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l3 { width: 25%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l6 { width: 50%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l9 { width: 75%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.l12 { width: 100%; margin-left: auto; left: auto; right: auto; }
#CMD .row .col.offset-l1 { margin-left: 8.3333333333%; }
#CMD .row .col.pull-l1 { right: 8.3333333333%; }
#CMD .row .col.push-l1 { left: 8.3333333333%; }
#CMD .row .col.offset-l2 { margin-left: 16.6666666667%; }
#CMD .row .col.pull-l2 { right: 16.6666666667%; }
#CMD .row .col.push-l2 { left: 16.6666666667%; }
#CMD .row .col.offset-l3 { margin-left: 25%; }
#CMD .row .col.pull-l3 { right: 25%; }
#CMD .row .col.push-l3 { left: 25%; }
#CMD .row .col.offset-l4 { margin-left: 33.3333333333%; }
#CMD .row .col.pull-l4 { right: 33.3333333333%; }
#CMD .row .col.push-l4 { left: 33.3333333333%; }
#CMD .row .col.offset-l5 { margin-left: 41.6666666667%; }
#CMD .row .col.pull-l5 { right: 41.6666666667%; }
#CMD .row .col.push-l5 { left: 41.6666666667%; }
#CMD .row .col.offset-l6 { margin-left: 50%; }
#CMD .row .col.pull-l6 { right: 50%; }
#CMD .row .col.push-l6 { left: 50%; }
#CMD .row .col.offset-l7 { margin-left: 58.3333333333%; }
#CMD .row .col.pull-l7 { right: 58.3333333333%; }
#CMD .row .col.push-l7 { left: 58.3333333333%; }
#CMD .row .col.offset-l8 { margin-left: 66.6666666667%; }
#CMD .row .col.pull-l8 { right: 66.6666666667%; }
#CMD .row .col.push-l8 { left: 66.6666666667%; }
#CMD .row .col.offset-l9 { margin-left: 75%; }
#CMD .row .col.pull-l9 { right: 75%; }
#CMD .row .col.push-l9 { left: 75%; }
#CMD .row .col.offset-l10 { margin-left: 83.3333333333%; }
#CMD .row .col.pull-l10 { right: 83.3333333333%; }
#CMD .row .col.push-l10 { left: 83.3333333333%; }
#CMD .row .col.offset-l11 { margin-left: 91.6666666667%; }
#CMD .row .col.pull-l11 { right: 91.6666666667%; }
#CMD .row .col.push-l11 { left: 91.6666666667%; }
#CMD .row .col.offset-l12 { margin-left: 100%; }
#CMD .row .col.pull-l12 { right: 100%; }
#CMD .row .col.push-l12 { left: 100%; }
@media only screen and (min-width: 732px) and (max-width: 1279px) { #CMD .row .col.m1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m3 { width: 25%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m6 { width: 50%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m9 { width: 75%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.m12 { width: 100%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.offset-m1 { margin-left: 8.3333333333%; }
  #CMD .row .col.pull-m1 { right: 8.3333333333%; }
  #CMD .row .col.push-m1 { left: 8.3333333333%; }
  #CMD .row .col.offset-m2 { margin-left: 16.6666666667%; }
  #CMD .row .col.pull-m2 { right: 16.6666666667%; }
  #CMD .row .col.push-m2 { left: 16.6666666667%; }
  #CMD .row .col.offset-m3 { margin-left: 25%; }
  #CMD .row .col.pull-m3 { right: 25%; }
  #CMD .row .col.push-m3 { left: 25%; }
  #CMD .row .col.offset-m4 { margin-left: 33.3333333333%; }
  #CMD .row .col.pull-m4 { right: 33.3333333333%; }
  #CMD .row .col.push-m4 { left: 33.3333333333%; }
  #CMD .row .col.offset-m5 { margin-left: 41.6666666667%; }
  #CMD .row .col.pull-m5 { right: 41.6666666667%; }
  #CMD .row .col.push-m5 { left: 41.6666666667%; }
  #CMD .row .col.offset-m6 { margin-left: 50%; }
  #CMD .row .col.pull-m6 { right: 50%; }
  #CMD .row .col.push-m6 { left: 50%; }
  #CMD .row .col.offset-m7 { margin-left: 58.3333333333%; }
  #CMD .row .col.pull-m7 { right: 58.3333333333%; }
  #CMD .row .col.push-m7 { left: 58.3333333333%; }
  #CMD .row .col.offset-m8 { margin-left: 66.6666666667%; }
  #CMD .row .col.pull-m8 { right: 66.6666666667%; }
  #CMD .row .col.push-m8 { left: 66.6666666667%; }
  #CMD .row .col.offset-m9 { margin-left: 75%; }
  #CMD .row .col.pull-m9 { right: 75%; }
  #CMD .row .col.push-m9 { left: 75%; }
  #CMD .row .col.offset-m10 { margin-left: 83.3333333333%; }
  #CMD .row .col.pull-m10 { right: 83.3333333333%; }
  #CMD .row .col.push-m10 { left: 83.3333333333%; }
  #CMD .row .col.offset-m11 { margin-left: 91.6666666667%; }
  #CMD .row .col.pull-m11 { right: 91.6666666667%; }
  #CMD .row .col.push-m11 { left: 91.6666666667%; }
  #CMD .row .col.offset-m12 { margin-left: 100%; }
  #CMD .row .col.pull-m12 { right: 100%; }
  #CMD .row .col.push-m12 { left: 100%; } }
@media only screen and (max-width: 731px) { #CMD .row .col.s1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s3 { width: 25%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s6 { width: 50%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s9 { width: 75%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.s12 { width: 100%; margin-left: auto; left: auto; right: auto; }
  #CMD .row .col.offset-s1 { margin-left: 8.3333333333%; }
  #CMD .row .col.pull-s1 { right: 8.3333333333%; }
  #CMD .row .col.push-s1 { left: 8.3333333333%; }
  #CMD .row .col.offset-s2 { margin-left: 16.6666666667%; }
  #CMD .row .col.pull-s2 { right: 16.6666666667%; }
  #CMD .row .col.push-s2 { left: 16.6666666667%; }
  #CMD .row .col.offset-s3 { margin-left: 25%; }
  #CMD .row .col.pull-s3 { right: 25%; }
  #CMD .row .col.push-s3 { left: 25%; }
  #CMD .row .col.offset-s4 { margin-left: 33.3333333333%; }
  #CMD .row .col.pull-s4 { right: 33.3333333333%; }
  #CMD .row .col.push-s4 { left: 33.3333333333%; }
  #CMD .row .col.offset-s5 { margin-left: 41.6666666667%; }
  #CMD .row .col.pull-s5 { right: 41.6666666667%; }
  #CMD .row .col.push-s5 { left: 41.6666666667%; }
  #CMD .row .col.offset-s6 { margin-left: 50%; }
  #CMD .row .col.pull-s6 { right: 50%; }
  #CMD .row .col.push-s6 { left: 50%; }
  #CMD .row .col.offset-s7 { margin-left: 58.3333333333%; }
  #CMD .row .col.pull-s7 { right: 58.3333333333%; }
  #CMD .row .col.push-s7 { left: 58.3333333333%; }
  #CMD .row .col.offset-s8 { margin-left: 66.6666666667%; }
  #CMD .row .col.pull-s8 { right: 66.6666666667%; }
  #CMD .row .col.push-s8 { left: 66.6666666667%; }
  #CMD .row .col.offset-s9 { margin-left: 75%; }
  #CMD .row .col.pull-s9 { right: 75%; }
  #CMD .row .col.push-s9 { left: 75%; }
  #CMD .row .col.offset-s10 { margin-left: 83.3333333333%; }
  #CMD .row .col.pull-s10 { right: 83.3333333333%; }
  #CMD .row .col.push-s10 { left: 83.3333333333%; }
  #CMD .row .col.offset-s11 { margin-left: 91.6666666667%; }
  #CMD .row .col.pull-s11 { right: 91.6666666667%; }
  #CMD .row .col.push-s11 { left: 91.6666666667%; }
  #CMD .row .col.offset-s12 { margin-left: 100%; }
  #CMD .row .col.pull-s12 { right: 100%; }
  #CMD .row .col.push-s12 { left: 100%; } }

.wd__section { /* Slider */ /* Icons */ /* Arrows */ /* Dots */ /* Slider */ }
.wd__section .wd__content { color: #333333; }
.wd__section .wd__content .content__slogan { position: relative; color: #a89d5b; font-size: 30px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__content .content__slogan { font-size: 30px; } }
@media all and (max-width: 731px) { .wd__section .wd__content .content__slogan { font-size: 21px; } }
.wd__section .wd__content .content__title { position: relative; margin-top: 25px; font-size: 35px; line-height: 1.2; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__content .content__title { margin-top: 25px; } }
@media all and (max-width: 731px) { .wd__section .wd__content .content__title { margin-top: 16px; font-size: 37px; } }
.wd__section .wd__content .content__info { position: relative; margin-top: 22px; font-size: 20px; line-height: 1.5; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__content .content__info { margin-top: 24px; } }
@media all and (max-width: 731px) { .wd__section .wd__content .content__info { margin-top: 17px; font-size: 17px; letter-spacing: 0.1px; line-height: 1.4; } }
.wd__section .wd__content .content__comment { margin-top: 16px; font-size: 18px; color: #717171; line-height: 1.4; }
@media all and (max-width: 731px) { .wd__section .wd__content .content__comment { margin-top: 12px; font-size: 13px; letter-spacing: 0.2px; } }
.wd__section .wd__content .content__link { display: block; margin-top: 15px; font-size: 20px; line-height: 27px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__content .content__link { margin-top: 16px; } }
@media all and (max-width: 731px) { .wd__section .wd__content .content__link { margin-top: 10px; font-size: 15.5px; line-height: 24px; } }
.wd__section .wd__content .content__link span { display: inline; border-bottom: 1px solid transparent; color: #0188c8; }
.wd__section .wd__content .content__link *, .wd__section .wd__content .content__link:active span, .wd__section .wd__content .content__link:link span, .wd__section .wd__content .content__link:visited span { border-bottom: 1px solid transparent; }
.wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #0188c8; }
.wd__section .wd__link__arrow:after { content: '>'; padding-left: 7px; color: #0188c8; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__link__arrow:after { padding-left: 3px; } }
@media all and (max-width: 731px) { .wd__section .wd__link__arrow:after { padding-left: 4px; } }
.wd__section .wd__feature__list { position: relative; margin-top: 73px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list { margin-top: 50px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list { margin-top: 34px; } }
.wd__section .wd__feature__list .wd__feature { position: relative; display: inline-block; vertical-align: bottom; box-sizing: border-box; margin: 0 25px 56px; color: #333333; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature { margin: 0 33px 48px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature { margin: 0 17px 40px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { position: relative; margin-bottom: 2px; }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top { margin-bottom: 1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data { color: #a89d5b; font-size: 65px; line-height: 1; }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data { margin-bottom: 2px; font-size: 47px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 28px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 30px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span { font-size: 25px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe { position: relative; margin-top: -2px; }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe { margin-top: 1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { font-size: 15px; letter-spacing: 0.4px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { font-size: 15px; line-height: 1.2; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__describe span, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top, .wd__section .wd__feature__list .wd__feature .wd__feature__describe__top span .wd__feature__describe { display: block; font-size: 13px; line-height: 1.4 !important; letter-spacing: .1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l { padding-left: 7px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m { padding-left: 5px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s { padding-left: 3px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l { padding-right: 7px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m { padding-right: 5px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s { padding-right: 3px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l { padding-left: 7px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m { padding-left: 5px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s { padding-left: 3px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l { padding-right: 7px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m { padding-right: 5px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s { padding-right: 3px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-l { padding-left: 3px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-m { padding-left: 2px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-left-s { padding-left: 1px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-l { padding-right: 3px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-m { padding-right: 2px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data span.space-right-s { padding-right: 1px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg { top: -22px; font-size: 40px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg { top: -22px; font-size: 40px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-deg { top: -15px; font-size: 28px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small { top: -21px; font-size: 28px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small { top: -21px; font-size: 28px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star-small { top: -12px; font-size: 25px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -25px; font-size: 28px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -25px; font-size: 28px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data sup.sign-star { top: -15px; font-size: 25px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM { position: relative; top: -18px; font-size: 30px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM { top: -18px; font-size: 30px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data span.sign-TM { top: -14px; font-size: 20px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en { position: relative; bottom: 1px; margin-bottom: -7px; font-size: 52px; line-height: 71px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en * { line-height: 1; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw { margin-top: 8px; font-size: 46px; line-height: 58px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en { font-size: 54px; line-height: 65px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw { margin-top: 10px; font-size: 46px; line-height: 56px; } }
@media all and (max-width: 731px) { .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-en { font-size: 37.8px; line-height: 47px; padding-top: 0px; margin-bottom: -1px; }
  .wd__section .wd__feature__list .wd__feature .wd__feature__data.text__long-tw { font-size: 32px; line-height: 36px; padding-top: 5px; } }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.plus { position: relative; margin-right: 32px; }
.wd__section .wd__feature__list .wd__feature .wd__feature__data.plus span { position: absolute; top: 4px; right: -33px; font-size: 51px; }
@font-face { .wd__section { font-family: "slick"; src: url("/font/slick.eot"); src: url("/font/slick.eot?#iefix") format("embedded-opentype"), url("/font/slick.woff") format("woff"), url("/font/slick.ttf") format("truetype"), url("/font/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } }
.wd__section .slick-prev, .wd__section .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.wd__section .slick-prev:hover, .wd__section .slick-prev:focus, .wd__section .slick-next:hover, .wd__section .slick-next:focus { outline: none; color: transparent; }
.wd__section .slick-prev:hover:before, .wd__section .slick-prev:focus:before, .wd__section .slick-next:hover:before, .wd__section .slick-next:focus:before { opacity: 1; }
.wd__section .slick-prev.slick-disabled:before, .wd__section .slick-next.slick-disabled:before { opacity: 0.25; }
.wd__section .slick-prev { left: -25px; }
[dir="rtl"] .wd__section .slick-prev { left: auto; right: -25px; }
.wd__section .slick-next { right: -25px; }
[dir="rtl"] .wd__section .slick-next { left: -25px; right: auto; }
.wd__section .slick-slider { margin-bottom: 30px; }
.wd__section .slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.wd__section .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.wd__section .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.wd__section .slick-dots li button:hover, .wd__section .slick-dots li button:focus { outline: none; }
.wd__section .slick-dots li button:hover:before, .wd__section .slick-dots li button:focus:before { opacity: 1; }
.wd__section .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick",微軟正黑體; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wd__section .slick-dots li.slick-active button:before { color: black; opacity: 0.75; }
.wd__section .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.wd__section .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.wd__section .slick-list:focus { outline: none; }
.wd__section .slick-list.dragging { cursor: pointer; cursor: hand; }
.wd__section .slick-slider .slick-track, .wd__section .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.wd__section .slick-track { position: relative; left: 0; top: 0; display: block; }
.wd__section .slick-track:before, .wd__section .slick-track:after { content: ""; display: table; }
.wd__section .slick-track:after { clear: both; }
.slick-loading .wd__section .slick-track { visibility: hidden; }
.wd__section .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .wd__section .slick-slide { float: right; }
.wd__section .slick-slide img { display: block; }
.wd__section .slick-slide.slick-loading img { display: none; }
.wd__section .slick-slide.dragging img { pointer-events: none; }
.slick-initialized .wd__section .slick-slide { display: block; }
.slick-loading .wd__section .slick-slide { visibility: hidden; }
.slick-vertical .wd__section .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.wd__section .slick-arrow.slick-hidden { display: none; }
.wd__section .slick__nav { margin-bottom: 40px; color: #636360; text-align: center; font-size: 1.5em; line-height: 1.6; }
.wd__section .slick__nav a { color: #636360; }
.wd__section .slick-slide { display: block; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.wd__section .slick-next { right: 25px; }
.wd__section .slick-prev { left: 25px; }
.wd__section .slick__prev, .wd__section .slick__next { z-index: 9999; content: ''; }
.wd__section .slick__prev:before, .wd__section .slick__next:before { content: ''; display: none; }
.wd__section [dir='rtl'] .slick__prev:before { content: ''; display: none; }
.wd__section [dir='rtl'] .slick__next:before { content: ''; display: none; }
.wd__section .wd__slick .container { margin: auto; padding-left: 20px; padding-right: 20px; max-width: 900px; }
.wd__section .wd__slick .container.e1 .slick__info { margin-top: 15em; }
.wd__section .wd__slick .container .slick__half { width: 45%; }
.wd__section .wd__slick .container .slick__left { float: left; }
.wd__section .wd__slick .container .slick__right { float: right; }
.wd__section .wd__slick .container .slick__img, .wd__section .wd__slick .container .slick__info { width: 100%; }
.wd__section .sprite__arrow__right { z-index: 1000; background-position: -214px -5px; width: 49px; height: 96px; }
.wd__section .sprite__arrow__left { z-index: 1000; background-position: -80px -5px; width: 49px; height: 96px; }
.wd__section .sprite-arrow_r { width: 65px; height: 130px; }
.wd__section .sprite-arrow_l { width: 65px; height: 130px; }
.wd__section .slick-prev, .wd__section .slick-next { z-index: 1; background-color: transparent; margin-top: -19px; width: 50px; height: 118px; background-color: rgba(0, 0, 0, 0.3); background-color: gray\9; border-radius: 0 10px 10px 0; }
.wd__section .slick-prev:before, .wd__section .slick-next:before { position: absolute; display: block; z-index: 1000; top: 57px; top: 0\9; font-size: 34px; color: white; }
.wd__section .slick-prev { left: 0px; border-radius: 0 10px 10px 0; }
.wd__section .slick-prev:before { content: '<'; right: 18px; }
.wd__section .slick-next { right: 0; border-radius: 10px 0 0 10px; }
.wd__section .slick-next:before { content: '>'; left: 18px; }
@media all and (min-width: 732px) and (max-width: 1279px) { .wd__section .slick-prev, .wd__section .slick-next { margin-top: -19px; width: 35px; height: 88px; }
  .wd__section .slick-prev:before, .wd__section .slick-next:before { position: absolute; display: block; z-index: 1000; top: 43px; font-size: 26px; color: white; }
  .wd__section .slick-prev:before { right: 10px; }
  .wd__section .slick-next:before { left: 10px; } }
@media all and (max-width: 731px) { .wd__section .slick-prev, .wd__section .slick-next { display: none !important; } }

.section__kv .wd__content { position: relative; margin-top: 35px; margin-left: auto; margin-right: auto; }
.section__kv .wd__content .content__slogan { margin-top: 0; margin-left: -16px; color: #000; font-size: 63px; text-transform: none; }
.section__kv .wd__content .content__title { margin-top: 26px; font-size: 65px; }
.section__kv .wd__content .content__info { margin-top: 40px; width: 1120px; font-size: 26px; }

@media all and (min-width: 732px) and (max-width: 1279px) { .section__kv .wd__content .content__slogan { margin-top: -2px; font-size: 48px; }
  .section__kv .wd__content .content__info { margin-top: 15px; width: 88%; max-width: 793px; font-size: 26px; line-height: 1.55; } }
@media all and (max-width: 731px) { .section__kv .wd__content { margin-top: 55px; }
  .section__kv .wd__content .content__slogan { display: block; margin-top: 7px; margin-left: auto; margin-right: auto; width: 90%; text-align: center; font-size: 32px; }
  .section__kv .wd__content .content__info { text-align: center; margin-top: 16px; margin-left: auto; margin-right: auto; width: 84%; max-width: 460px; font-size: 22px; line-height: 1.4; } }
#CMD .wd__section { -webkit-font-smoothing: subpixel-antialiased; color: #333; }
#CMD .wd__section .row .col[class*="push-"], #CMD .wd__section .row .col[class*="pull-"] { position: relative; }
#CMD .wd__section .always__on__top { position: relative; z-index: 1000; }
#CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; }
#CMD .wd__section .wd__content { position: relative; }
#CMD .wd__section .wd__content .content__slogan { text-transform: uppercase; }
#CMD .wd__section .wd__content .content__title { color: #fff; }
#CMD .wd__section .wd__content .content__info { color: #fff; }
#CMD .wd__section .wd__content .content__link { linkColor: #fff; color: #fff; }
#CMD .wd__section .wd__content .content__link *, #CMD .wd__section .wd__content .content__link span { color: #fff; }
#CMD .wd__section .wd__content .content__link:after { color: #fff; }
#CMD .wd__section .wd__content .content__link:link { color: #fff; }
#CMD .wd__section .wd__content .content__link:hover span { border-bottom: 1px solid #fff; }
#CMD .wd__section .wd__content .content__comment { color: #fff; }
#CMD .wd__section.theme__text-white .wd__content .content__title { color: #fff; }
#CMD .wd__section.theme__text-white .wd__content .content__info { color: #fff; }
#CMD .wd__section.theme__text-white .wd__content .content__link span { color: #fff; }
#CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__data { color: #fff; }
#CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__describe__top { color: #fff; }
#CMD .wd__section.theme__text-white .wd__feature__list .wd__feature .wd__feature__describe { color: #fff; }
#CMD .wd__section .large_use, #CMD .wd__section .medium_use, #CMD .wd__section .small_use { display: none; }
#CMD .wd__section .large_use { display: block \9; }
#CMD .wd__section .large_unuse { display: none \9; }
#CMD .wd__section .img { position: relative; margin-left: auto; margin-right: auto; background-size: cover; background-repeat: no-repeat; background-position: center; }
#CMD .wd__section .skew_start { position: absolute; z-index: 1000000; left: 50%; top: -122px; margin-left: -1280px; width: 2560px; height: 123px; }
#CMD .wd__section .skew_start:after { position: relative; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 123px 2560px; }
#CMD .wd__section .skew_end { position: absolute; z-index: 1000000; left: 50%; bottom: -122px; margin-left: -1280px; width: 2560px; height: 123px; }
#CMD .wd__section .skew_end:after { position: relative; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 123px 2560px 0 0; }
#CMD .section__kv { background: #32178c; }
#CMD .section__kv .content { position: absolute; text-align: left; left: 50%; margin-top: 97px; margin-left: -503px; width: 690px; }
#CMD .section__kv .wd__content .content__slogan { color: #fff; font-size: 57px; }
#CMD .section__kv .wd__content .content__title { margin-top: -1px; font-size: 39px; line-height: 1.1; color: #fff; }
#CMD .section__kv .wd__content .content__info { margin-top: 14px; font-size: 23px; color: #fff; }
#CMD .section__kv .wd__content .content__title:after { display: none; }
#CMD .section__kv .logo_container { position: absolute; z-index: 1; text-align: left; top: 479px; left: 50%; margin-left: -503px; width: 690px; }
#CMD .section__kv .logo_container .item_logo { position: relative; display: inline-block; vertical-align: bottom; margin-right: 30px; }
#CMD .section__kv .img__kv { background-image: url("../images/large/1x/main_1.jpg") ; position: relative; left: 50%; margin-top: 0; margin-left: -1280px; width: 2560px; height: 844px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__kv .img__kv { background-image: url("../images/large/2x/main_1.jpg"); } }
#CMD .section__kv .logo_container .item_logo.logo-1 .img { background-image: url("../images/large/1x/icon/s1/icon_1.png") ; width: 148px; height: 53px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__kv .logo_container .item_logo.logo-1 .img { background-image: url("../images/large/2x/icon/s1/icon_1.png"); } }
#CMD .section__kv .logo_container .item_logo.logo-2 .img { background-image: url("../images/large/1x/icon/s1/icon_2.png") ; width: 135px; height: 53px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__kv .logo_container .item_logo.logo-2 .img { background-image: url("../images/large/2x/icon/s1/icon_2.png"); } }
#CMD .section__imagination { margin-top: -154px; background: #fff; }
#CMD .section__imagination .skew_start:after { border-color: transparent transparent #fff transparent; }
#CMD .section__imagination .wd__content { margin-top: -93px; }
#CMD .section__imagination .wd__content .content__title { color: #333; }
#CMD .section__imagination .content { position: absolute; text-align: left; left: 50%; margin-top: 27px; margin-left: 83px; width: 458px; }
#CMD .section__imagination .content .intro_container { margin-top: 26px; }
#CMD .section__imagination .content .intro_container .item_intro { margin-bottom: 16px; line-height: 1.5; font-size: 20px; color: #333; opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); transition: opacity 200ms 200ms, -webkit-transform 400ms ease-in-out 200ms; transition: transform 400ms ease-in-out 200ms, opacity 200ms 200ms; transition: transform 400ms ease-in-out 200ms, opacity 200ms 200ms, -webkit-transform 400ms ease-in-out 200ms; }
#CMD .section__imagination .content .logo_container { position: relative; text-align: left; margin-top: 40px; }
#CMD .section__imagination .content .logo_container .item_logo { position: relative; display: inline-block; vertical-align: bottom; margin-right: 30px; }
#CMD .section__imagination .img__imagination { background-image: url("../images/large/1x/main_2.jpg") ; position: relative; left: 50%; margin-top: 49px; margin-left: -588px; margin-bottom: 76px; width: 600px; height: 386px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__imagination .img__imagination { background-image: url("../images/large/2x/main_2.jpg"); } }
#CMD .section__imagination .skew_end:after { border-color: #fff transparent transparent transparent; }
#CMD .section__imagination .logo_container .item_logo.logo-1 .img { background-image: url("../images/large/1x/icon/s2/icon_1.png") ; width: 51px; height: 50px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__imagination .logo_container .item_logo.logo-1 .img { background-image: url("../images/large/2x/icon/s2/icon_1.png"); } }
#CMD .section__imagination .logo_container .item_logo.logo-2 .img { background-image: url("../images/large/1x/icon/s2/icon_2.png") ; width: 140px; height: 50px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__imagination .logo_container .item_logo.logo-2 .img { background-image: url("../images/large/2x/icon/s2/icon_2.png"); } }
#CMD .section__apps { margin-top: 0; padding-top: 177px; background: #000; }
#CMD .section__apps .wd__content { margin-left: auto; margin-right: auto; }
#CMD .section__apps .wd__content .content__title { color: #fff; }
#CMD .section__apps .wd__content .content__info { width: 500px; color: #fff; }
#CMD .section__apps .img__apps { background-image: url("../images/large/1x/main_3.jpg") ; position: relative; cursor: pointer; left: 50%; margin-top: 47px; margin-left: -312px; width: 624px; height: 346px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__apps .img__apps { background-image: url("../images/large/2x/main_3.jpg"); } }
#CMD .section__apps .img__apps .img__play { background-image: url("../images/large/1x/icon/s3/icon_play.png") ; position: absolute; top: 50%; left: 50%; width: 89px; height: 89px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity 300ms; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__apps .img__apps .img__play { background-image: url("../images/large/2x/icon/s3/icon_play.png"); } }
#CMD .section__apps .img__apps:hover .img__play { opacity: 0.8; }
#CMD .section__apps .app_container { position: relative; margin-top: 50px; }
#CMD .section__apps .app_container .app_title .app-title { font-size: 25px; color: #fff; }
#CMD .section__apps .app_container .app_list { position: relative; margin: 38px auto 21px; max-width: 970px; }
#CMD .section__apps .app_container .app_list .item_app { position: relative; vertical-align: top; display: inline-block; margin: 0 20px 38px; max-width: 270px; color: #fff; }
#CMD .section__apps .app_container .app_list .item_app .app-title { position: relative; display: block; text-transform: uppercase; font-size: 23px; line-height: 1.3; }
#CMD .section__apps .app_container .app_list .item_app .app-info { position: relative; display: block; margin: 11px auto 0; font-size: 20px; line-height: 1.4; }
#CMD .section__apps .app_container .app_list .item_app .app-title, #CMD .section__apps .app_container .app_list .item_app .app-info { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); transition: opacity 200ms, -webkit-transform 400ms ease-in-out; transition: transform 400ms ease-in-out, opacity 200ms; transition: transform 400ms ease-in-out, opacity 200ms, -webkit-transform 400ms ease-in-out; }
#CMD .section__apps .skew_end:after { border-color: #000 transparent transparent transparent; }
#CMD .section__creativity { margin-top: 0; padding-top: 177px; background: #3f1eab; }
#CMD .section__creativity .wd__content .content__title { color: #fff; }
#CMD .section__creativity .wd__content .content__info { color: #fff; }
#CMD .section__creativity .tool_container { position: relative; }
#CMD .section__creativity .tool_container .tool_title { position: relative; margin-top: 50px; font-size: 17px; color: #fff; }
#CMD .section__creativity .tool_container .tool_list { position: relative; margin-top: 50px; }
#CMD .section__creativity .tool_container .tool_list .item_tool { position: relative; vertical-align: top; display: inline-block; margin: 0 20px 45px; max-width: 383px; color: #fff; }
#CMD .section__creativity .tool_container .tool_list .item_tool .tool-icon { position: relative; display: block; margin: 0 auto; }
#CMD .section__creativity .tool_container .tool_list .item_tool .tool-title { position: relative; display: block; margin-top: 26px; font-size: 21px; line-height: 1.4; }
#CMD .section__creativity .tool_container .tool_list .item_tool .tool-info { position: relative; display: block; margin: 11px auto 0; font-size: 20px; line-height: 1.5; }
#CMD .section__creativity .tool_container .tool_list .item_tool .tool-title, #CMD .section__creativity .tool_container .tool_list .item_tool .tool-info { opacity: 0; -webkit-transform: translateZ(0) translateY(30px); transform: translateZ(0) translateY(30px); transition: opacity 200ms, -webkit-transform 400ms ease-in-out; transition: transform 400ms ease-in-out, opacity 200ms; transition: transform 400ms ease-in-out, opacity 200ms, -webkit-transform 400ms ease-in-out; }
#CMD .section__creativity .disc_container { position: relative; margin-top: 3px; margin-bottom: 75px; font-size: 16px; color: #fff; }
#CMD .section__creativity .disc_container > span { opacity: 0; transition: opacity 500ms 200ms; }
#CMD .section__creativity .skew_end:after { border-color: #3f1eab transparent transparent transparent; }
#CMD .section__creativity .tool_container .item_tool.tool-1 .tool-icon { width: 63px; height: 61px; }
#CMD .section__creativity .tool_container .item_tool.tool-1 .tool-icon .img { background-image: url("../images/large/1x/icon/s4/icon_1.png") ; width: 63px; height: 61px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__creativity .tool_container .item_tool.tool-1 .tool-icon .img { background-image: url("../images/large/2x/icon/s4/icon_1.png"); } }
#CMD .section__creativity .tool_container .item_tool.tool-2 .tool-icon { width: 63px; height: 61px; }
#CMD .section__creativity .tool_container .item_tool.tool-2 .tool-icon .img { background-image: url("../images/large/1x/icon/s4/icon_2.png") ; width: 63px; height: 61px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__creativity .tool_container .item_tool.tool-2 .tool-icon .img { background-image: url("../images/large/2x/icon/s4/icon_2.png"); } }
#CMD .section__creativity .tool_container .item_tool.tool-3 .tool-icon { width: 63px; height: 61px; }
#CMD .section__creativity .tool_container .item_tool.tool-3 .tool-icon .img { background-image: url("../images/large/1x/icon/s4/icon_3.png") ; width: 63px; height: 61px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__creativity .tool_container .item_tool.tool-3 .tool-icon .img { background-image: url("../images/large/2x/icon/s4/icon_3.png"); } }
#CMD .section__shop { margin-top: 0; padding-top: 177px; padding-bottom: 10px; background: #fff; }
#CMD .section__shop .wd__content .content__title { color: #333; }
#CMD .section__shop .img__shop { background-image: url("../images/large/1x/main_5.jpg") ; position: relative; left: 50%; margin-top: -31px; margin-left: -650px; width: 1300px; height: 600px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .img__shop { background-image: url("../images/large/2x/main_5.jpg"); } }
#CMD .section__shop .product_container { position: relative; margin-top: -36px; }
#CMD .section__shop .product_container .product { position: relative; margin-bottom: 90px; padding-bottom: 80px; }
#CMD .section__shop .product_container .product:first-child:after { position: absolute; display: block; content: ''; left: 50%; bottom: 0; margin-left: -500px; width: 1000px; height: 1px; background: #c0c0c0; }
#CMD .section__shop .product_container .product .product_content { position: relative; }
#CMD .section__shop .product_container .product .product_content .product-title { position: relative; text-transform: uppercase; display: block; color: #76b900; font-size: 27px; line-height: 1.4; }
#CMD .section__shop .product_container .product .product_content .product-info { position: relative; display: block; margin: 15px auto 0; max-width: 740px; color: #333; font-size: 20px; line-height: 1.4; }
#CMD .section__shop .product_container .product_list { position: relative; text-align: center; margin: 30px auto 0; max-width: 1000px; }
#CMD .section__shop .product_container .product_list .item_product { display: inline-block; vertical-align: top; text-align: center; margin: 0 25px 20px; width: 280px; }
#CMD .section__shop .product_container .product_list .item_product .product-img { position: relative; margin: 0 auto; }
#CMD .section__shop .product_container .product_list .item_product .product-content { position: relative; margin-top: 27px; color: #76b900; font-size: 20px; line-height: 0.95; }
#CMD .section__shop .product_container .product_list .item_product .product-buttons { position: relative; display: block; text-align: center; margin-top: 31px; }
#CMD .section__shop .product_container .product_list .item_product .product-buttons a { position: relative; transition: opacity 300ms; text-decoration: none; box-sizing: border-box; margin: 0 5px; }
#CMD .section__shop .product_container .product_list .item_product .product-buttons a:hover { opacity: 0.8; }
#CMD .section__shop .product_container .product_list .item_product .product-buttons a .button-text { position: relative; display: inline-block; padding: 9px 15px; font-size: 18px; line-height: 1.4; border: 1px solid #76b900; }
#CMD .section__shop .product_container .product_list .item_product .product-buttons .product-more .button-text { color: #76b900; }
#CMD .section__shop .product_container .product_list .item_product .product-buttons .product-link .button-text { color: #fff; background-color: #76b900; }
#CMD .section__shop .product_container .product-1 .item-1 .img { background-image: url("../images/large/1x/s5/1/pd_1.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-1 .item-1 .img { background-image: url("../images/large/2x/s5/1/pd_1.jpg"); } }
#CMD .section__shop .product_container .product-1 .item-2 .img { background-image: url("../images/large/1x/s5/1/pd_2.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-1 .item-2 .img { background-image: url("../images/large/2x/s5/1/pd_2.jpg"); } }
#CMD .section__shop .product_container .product-1 .item-3 .img { background-image: url("../images/large/1x/s5/1/pd_3.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-1 .item-3 .img { background-image: url("../images/large/2x/s5/1/pd_3.jpg"); } }
#CMD .section__shop .product_container .product-1 .item-4 .img { background-image: url("../images/large/1x/s5/1/pd_4.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-1 .item-4 .img { background-image: url("../images/large/2x/s5/1/pd_4.jpg"); } }
#CMD .section__shop .product_container .product-1 .item-5 .img { background-image: url("../images/large/1x/s5/1/pd_5.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-1 .item-5 .img { background-image: url("../images/large/2x/s5/1/pd_5.jpg"); } }
#CMD .section__shop .product_container .product-1 .item-6 .img { background-image: url("../images/large/1x/s5/1/pd_6.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-1 .item-6 .img { background-image: url("../images/large/2x/s5/1/pd_6.jpg"); } }
#CMD .section__shop .product_container .product-1 .item-7 .img { background-image: url("../images/large/1x/s5/1/pd_7.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-1 .item-7 .img { background-image: url("../images/large/2x/s5/1/pd_7.jpg"); } }
#CMD .section__shop .product_container .product-2 .item-1 .img { background-image: url("../images/large/1x/s5/2/pd_1.jpg") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__shop .product_container .product-2 .item-1 .img { background-image: url("../images/large/2x/s5/2/pd_1.jpg"); } }
#CMD .product_container .product.product-1 .product-img .img { width: 230px; height: 180px; }
#CMD .product_container .product.product-2 .product-img .img { width: 200px; height: 230px; }
#CMD .product_container .product.product-2 .product_list .item_product { width: 322px; }
#CMD .section__instructions { margin-top: -73px; padding-top: 90px; padding-bottom: 115px; background: #000; }
#CMD .section__instructions .wd__content .content__title { color: #76b900; }
#CMD .section__instructions .instru_container { position: relative; margin-top: 50px; }
#CMD .section__instructions .instru_container .instru_list { position: relative; margin: 0 auto; max-width: 1260px; }
#CMD .section__instructions .instru_container .instru_list .item_instru { position: relative; display: inline-block; vertical-align: top; margin: 0 27px 48px; width: 233px; }
#CMD .section__instructions .instru_container .instru_list .item_instru .instru-icon { position: relative; margin: 0 auto; }
#CMD .section__instructions .instru_container .instru_list .item_instru .instru-icon .img { width: 60px; height: 60px; }
#CMD .section__instructions .instru_container .instru_list .item_instru .instru-content { position: relative; margin-top: 23px; }
#CMD .section__instructions .instru_container .instru_list .item_instru .instru-content .instru-info { position: relative; display: inline-block; color: #fff; font-size: 18px; line-height: 1.67; }
#CMD .section__instructions .instru_container .instru_list .item_instru .instru-content a.instru-info { color: #76b900; }
#CMD .section__instructions .instru_container .instru_list .item_instru .instru-content .link_border { text-decoration: underline; }
#CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 { position: relative; display: block; text-align: left; margin-left: auto; margin-right: auto; width: 603px; max-width: unset; }
#CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 .instru-icon { position: absolute; display: block; top: 50%; left: 30px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 .instru-content { position: relative; display: block; text-align: left; margin-left: auto; margin-right: auto; padding-left: 102px; width: 470px; }
#CMD .section__instructions .disc_container { position: relative; margin-top: 3px; font-size: 16px; color: #666666; }
#CMD .section__instructions .disc_container a { color: #76b900; }
#CMD .section__instructions .instru_list .instru-1 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_1.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-1 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_1.png"); } }
#CMD .section__instructions .instru_list .instru-2 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_2.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-2 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_2.png"); } }
#CMD .section__instructions .instru_list .instru-3 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_3.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-3 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_3.png"); } }
#CMD .section__instructions .instru_list .instru-4 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_4.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-4 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_4.png"); } }
#CMD .section__instructions .instru_list .instru-5 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_5.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-5 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_5.png"); } }
#CMD .section__instructions .instru_list .instru-6 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_6.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-6 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_6.png"); } }
#CMD .section__instructions .instru_list .instru-7 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_7.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-7 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_7.png"); } }
#CMD .section__instructions .instru_list .instru-8 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_8.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-8 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_8.png"); } }
#CMD .section__instructions .instru_list .instru-9 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_9.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-9 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_9.png"); } }
#CMD .section__instructions .instru_list .instru-10 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_10.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-10 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_10.png"); } }
#CMD .section__instructions .instru_list .instru-11 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_11.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-11 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_11.png"); } }
#CMD .section__instructions .instru_list .instru-12 .instru-icon .img { background-image: url("../images/large/1x/icon/s6/stpe_12.png") ; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__instructions .instru_list .instru-12 .instru-icon .img { background-image: url("../images/large/2x/icon/s6/stpe_12.png"); } }
#CMD .section__logos { padding-top: 60px; padding-bottom: 60px; background: #fff; }
#CMD .section__logos .logo_container { position: relative; text-align: center; margin: 0 auto; max-width: 690px; }
#CMD .section__logos .logo_container .item_logo { position: relative; display: inline-block; vertical-align: bottom; margin: 0 10px; }
#CMD .section__logos .logo_container .item_logo.logo-1 .img { background-image: url("../images/large/1x/icon/s7/icon_1.png") ; width: 148px; height: 53px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__logos .logo_container .item_logo.logo-1 .img { background-image: url("../images/large/2x/icon/s7/icon_1.png"); } }
#CMD .section__logos .logo_container .item_logo.logo-2 .img { background-image: url("../images/large/1x/icon/s7/icon_2.png") ; width: 136px; height: 53px; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #CMD .section__logos .logo_container .item_logo.logo-2 .img { background-image: url("../images/large/2x/icon/s7/icon_2.png"); } }
@media all and (min-width: 1280px) { #CMD .large_use { display: block; }
  #CMD .large_unuse { display: none; } }
@media all and (min-width: 732px) and (max-width: 1279px) { #CMD .wd__section .medium_use { display: block; }
  #CMD .wd__section .medium_unuse { display: none; }
  #CMD .wd__section .no__wrap { white-space: nowrap; display: inline-block; }
  #CMD .wd__section .wd__content .content__slogan:before { top: 3px; margin-right: -1px; width: 57px; height: 40px; background-size: contain; }
  #CMD .wd__section .wd__content .content__title:after { text-align: center; top: 40px; margin-left: auto; margin-right: auto; width: 66px; }
  #CMD .wd__section .wd__link__arrow:after { padding-left: 5px; }
  #CMD .wd__section .skew_start { position: absolute; z-index: 1000000; left: 50%; top: -75px; margin-left: -640px; width: 1280px; height: 76px; }
  #CMD .wd__section .skew_start:after { position: relative; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 76px 1280px; }
  #CMD .wd__section .skew_end { position: absolute; z-index: 1000000; left: 50%; bottom: -75px; margin-left: -640px; width: 1280px; height: 76px; }
  #CMD .wd__section .skew_end:after { position: relative; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 76px 1280px 0 0; }
  #CMD .section__kv { background: #32178c; }
  #CMD .section__kv .content { position: relative; text-align: left; left: 50%; margin-top: 85px; margin-left: -251px; width: 690px; }
  #CMD .section__kv .wd__content .content__title { margin-top: -1px; }
  #CMD .section__kv .wd__content .content__info { margin-top: 5px; }
  #CMD .section__kv .logo_container { text-align: left; top: unset; bottom: 138px; margin-left: -249px; width: 690px; }
  #CMD .section__kv .img__kv { background-image: url("../images/medium/1x/main_1.jpg") ; margin-top: -376px; margin-left: -650px; width: 1300px; height: 1124px; } }
@media all and (min-width: 732px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 732px) and (max-width: 1279px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv { background-image: url("../images/medium/2x/main_1.jpg"); } }
@media all and (min-width: 732px) and (max-width: 1279px) { #CMD .section__kv .logo_container .item_logo { background-size: contain; }
  #CMD .section__imagination { margin-top: -4px; }
  #CMD .section__imagination .wd__content { margin-top: 82px; }
  #CMD .section__imagination .content { position: relative; text-align: center; left: 50%; margin-top: 27px; margin-left: -300px; width: 600px; }
  #CMD .section__imagination .content .intro_container { margin-top: 30px; margin-right: auto; margin-left: auto; width: 430px; }
  #CMD .section__imagination .content .intro_container .item_intro { margin-bottom: 22px; line-height: 1.45; font-size: 20px; }
  #CMD .section__imagination .content .logo_container { text-align: center; margin-top: 40px; }
  #CMD .section__imagination .content .logo_container .item_logo { margin: 0 17px; }
  #CMD .section__imagination .img__imagination { background-image: url("../images/medium/1x/main_2.jpg") ; margin-top: 28px; margin-left: -385px; margin-bottom: 30px; width: 770px; height: 440px; } }
@media all and (min-width: 732px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 732px) and (max-width: 1279px) and (min-resolution: 144dpi) { #CMD .section__imagination .img__imagination { background-image: url("../images/medium/2x/main_2.jpg"); } }
@media all and (min-width: 732px) and (max-width: 1279px) { #CMD .section__imagination .logo_container .item_logo { background-size: contain; }
  #CMD .section__apps { margin-top: 0; padding-top: 132px; }
  #CMD .section__apps .wd__content { margin-left: auto; margin-right: auto; }
  #CMD .section__apps .wd__content .content__info { width: 500px; }
  #CMD .section__apps .img__apps { background-image: url("../images/medium/1x/main_3.jpg") ; left: 50%; margin-top: 47px; margin-left: -317px; width: 634px; height: 350px; } }
@media all and (min-width: 732px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 732px) and (max-width: 1279px) and (min-resolution: 144dpi) { #CMD .section__apps .img__apps { background-image: url("../images/medium/2x/main_3.jpg"); } }
@media all and (min-width: 732px) and (max-width: 1279px) { #CMD .section__apps .img__apps .img__play { width: 89px; height: 89px; }
  #CMD .section__apps .app_container { margin-top: 50px; }
  #CMD .section__apps .app_container .app_title .app-title { font-size: 25px; }
  #CMD .section__apps .app_container .app_list { margin: 36px auto 36px; max-width: 970px; }
  #CMD .section__apps .app_container .app_list .item_app { margin: 0 22px 55px; max-width: 260px; }
  #CMD .section__apps .app_container .app_list .item_app .app-title { font-size: 20px; }
  #CMD .section__creativity { padding-top: 132px; }
  #CMD .section__creativity .tool_container .tool_title { margin-top: 50px; font-size: 17px; color: #fff; }
  #CMD .section__creativity .tool_container .tool_list { position: relative; margin-left: auto; margin-right: auto; max-width: 720px; }
  #CMD .section__creativity .tool_container .tool_list .item_tool { margin: 0 40px 68px; max-width: 434px; }
  #CMD .section__creativity .tool_container .tool_list .item_tool .tool-title { margin-top: 27px; font-size: 21px; }
  #CMD .section__creativity .tool_container .tool_list .item_tool .tool-info { margin: 11px auto 0; }
  #CMD .section__creativity .disc_container { margin: -8px auto 93px; max-width: 475px; font-size: 16px; line-height: 1.4; }
  #CMD .section__shop { padding-top: 132px; padding-bottom: 10px; }
  #CMD .section__shop .img__shop { background-image: url("../images/medium/1x/main_5.jpg") ; margin-top: -13px; margin-left: -384px; width: 770px; height: 509px; } }
@media all and (min-width: 732px) and (max-width: 1279px) and (-webkit-min-device-pixel-ratio: 1.5), all and (min-width: 732px) and (max-width: 1279px) and (min-resolution: 144dpi) { #CMD .section__shop .img__shop { background-image: url("../images/medium/2x/main_5.jpg"); } }
@media all and (min-width: 732px) and (max-width: 1279px) { #CMD .section__shop .product_container { margin-top: -80px; }
  #CMD .section__shop .product_container .product { margin-bottom: 77px; padding-bottom: 70px; }
  #CMD .section__shop .product_container .product:first-child:after { left: 0; margin-left: 5%; width: 90%; }
  #CMD .section__shop .product_container .product .product_content .product-title { font-size: 25px; }
  #CMD .section__shop .product_container .product .product_content .product-info { margin: 17px auto 0; max-width: 520px; font-size: 20px; line-height: 1.5; }
  #CMD .section__shop .product_container .product_list { margin: 22px auto 0; max-width: 1000px; }
  #CMD .section__shop .product_container .product_list .item_product { margin: 0 33px 29px; }
  #CMD .section__shop .product_container .product_list .item_product .product-content { margin-top: 25px; }
  #CMD .section__shop .product_container .product_list .item_product .product-buttons { margin-top: 27px; }
  #CMD .product_container .product.product-1 .product-img .img { width: 230px; height: 180px; }
  #CMD .product_container .product.product-2 .product-img .img { width: 200px; height: 230px; }
  #CMD .product_container .product.product-2 .product_list .item_product { width: 322px; }
  #CMD .section__instructions { margin-top: -50px; }
  #CMD .section__instructions .instru_container { margin-top: 50px; }
  #CMD .section__instructions .instru_container .instru_list { margin: 0 auto; max-width: 800px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru { margin: 0 30px 42px; max-width: 233px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru .instru-icon { position: relative; margin: 0 auto; }
  #CMD .section__instructions .instru_container .instru_list .item_instru .instru-icon .img { width: 60px; height: 60px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru .instru-content { margin-top: 19px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 { display: block; text-align: center; margin-left: auto; margin-right: auto; width: 579px; max-width: unset; }
  #CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 .instru-content { padding-left: 96px; max-width: 569px; }
  #CMD .section__instructions .disc_container { margin: 22px auto 0; max-width: 478px; font-size: 17px; } }
@media all and (max-width: 731px) { #CMD .wd__section .small_use { display: block; }
  #CMD .wd__section .small_unuse { display: none; }
  #CMD .wd__section .wd__content { left: 0; margin-left: auto; margin-right: auto; width: 89.2%; text-align: left; }
  #CMD .wd__section .wd__content .content__slogan { letter-spacing: 0.7px; }
  #CMD .wd__section .wd__content .content__title { width: 100%; max-width: 720px; font-size: 25px; line-height: 1.4; }
  #CMD .wd__section .wd__content .content__info { margin-left: 0; width: 100%; max-width: 720px; }
  #CMD .wd__section .wd__content .content__comment { width: 100%; max-width: 720px; }
  #CMD .wd__section .wd__content .content__title:after { top: 23px; margin-left: 0; width: 51px; }
  #CMD .wd__section .wd__feature__list { width: 100%; }
  #CMD .wd__section .wd__feature__list .wd__feature { text-align: center; box-sizing: border-box; }
  #CMD .wd__section .wd__feature__list .wd__feature .wd__feature__data { margin-bottom: 0px; }
  #CMD .wd__section .wd__link__arrow:after { padding-left: 5px; }
  #CMD .wd__section .skew_start { position: absolute; z-index: 1000000; left: 50%; top: -75px; margin-left: -640px; width: 1280px; height: 76px; }
  #CMD .wd__section .skew_start:after { position: relative; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 76px 1280px; }
  #CMD .wd__section .skew_end { position: absolute; z-index: 1000000; left: 50%; bottom: -75px; margin-left: -640px; width: 1280px; height: 76px; }
  #CMD .wd__section .skew_end:after { position: relative; display: block; content: ''; width: 0; height: 0; border-style: solid; border-width: 76px 1280px 0 0; }
  #CMD .section__kv .content { position: relative; text-align: left; left: unset; margin-top: -8px; margin-left: auto; margin-right: auto; width: 100%; max-width: 320px; }
  #CMD .section__kv .wd__content { left: 50%; margin-left: -144px; width: 300px; }
  #CMD .section__kv .wd__content .content__slogan { font-size: 34px; line-height: 1.1; }
  #CMD .section__kv .wd__content .content__title { margin-top: 6px; font-size: 21px; line-height: 1.3; }
  #CMD .section__kv .wd__content .content__info { margin-top: 17px; font-size: 18px; line-height: 1.25; }
  #CMD .section__kv .logo_container { text-align: left; top: unset; bottom: 83px; left: 50%; margin-left: -144px; width: 320px; max-width: 320px; }
  #CMD .section__kv .img__kv { background-image: url("../images/small/1x/main_1.jpg") ; margin-top: -270px; margin-left: -366px; width: 732px; height: 706px; } }
@media all and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 731px) and (min-resolution: 144dpi) { #CMD .section__kv .img__kv { background-image: url("../images/small/2x/main_1.jpg"); } }
@media all and (max-width: 731px) { #CMD .section__kv .logo_container .item_logo { margin-right: 0px; margin-bottom: 13px; }
  #CMD .section__kv .logo_container .item_logo .img { background-size: contain; }
  #CMD .section__kv .logo_container .item_logo.logo-1 .img { width: 119px; height: 42px; }
  #CMD .section__kv .logo_container .item_logo.logo-2 .img { width: 136px; height: 42px; }
  #CMD .section__imagination { margin-top: 20px; }
  #CMD .section__imagination .wd__content { margin-top: 46px; }
  #CMD .section__imagination .content { position: relative; text-align: center; left: unset; margin-top: -83px; margin-left: auto; margin-right: auto; width: 89%; max-width: 315px; }
  #CMD .section__imagination .content .intro_container { margin-top: 30px; margin-right: auto; margin-left: auto; width: auto; }
  #CMD .section__imagination .content .intro_container .item_intro { margin-bottom: 22px; font-size: 16px; line-height: 1.45; }
  #CMD .section__imagination .content .logo_container { text-align: center; margin-top: 45px; margin-bottom: 33px; }
  #CMD .section__imagination .content .logo_container .item_logo { margin: 0 9px 13px; }
  #CMD .section__imagination .content .logo_container .item_logo .img { background-size: contain; }
  #CMD .section__imagination .img__imagination { background: none !important; display: none !important; }
  #CMD .section__imagination .img__imagination-mobile { background-image: url("../images/small/1x/main_2.jpg") ; position: relative; left: 50%; margin-top: -18px; margin-left: -207px; margin-bottom: 30px; width: 414px; height: 278px; } }
@media all and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 731px) and (min-resolution: 144dpi) { #CMD .section__imagination .img__imagination-mobile { background-image: url("../images/small/2x/main_2.jpg"); } }
@media all and (max-width: 731px) { #CMD .section__imagination .logo_container .item_logo.logo-1 .img { width: 42px; height: 42px; }
  #CMD .section__imagination .logo_container .item_logo.logo-2 .img { width: 119px; height: 42px; }
  #CMD .section__apps { margin-top: 0; padding-top: 104px; }
  #CMD .section__apps .wd__content { margin-left: auto; margin-right: auto; }
  #CMD .section__apps .wd__content .content__info { margin-left: auto; margin-right: auto; width: 100%; max-width: 400px; }
  #CMD .section__apps .img__apps { background-image: url("../images/small/1x/main_3.jpg") ; left: 50%; margin-top: 47px; margin-left: -152px; width: 304px; height: 168px; } }
@media all and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 731px) and (min-resolution: 144dpi) { #CMD .section__apps .img__apps { background-image: url("../images/small/2x/main_3.jpg"); } }
@media all and (max-width: 731px) { #CMD .section__apps .img__apps .img__play { width: 76px; height: 76px; }
  #CMD .section__apps .app_container { margin-top: 50px; }
  #CMD .section__apps .app_container .app_title .app-title { font-size: 18px; }
  #CMD .section__apps .app_container .app_list { margin: 30px auto 16px; max-width: 970px; }
  #CMD .section__apps .app_container .app_list .item_app { margin: 0 22px 30px; max-width: 210px; }
  #CMD .section__apps .app_container .app_list .item_app .app-title { font-size: 16px; }
  #CMD .section__apps .app_container .app_list .item_app .app-info { margin-top: 6px; font-size: 14px; line-height: 1.4; }
  #CMD .section__creativity { padding-top: 104px; }
  #CMD .section__creativity .wd__content .content__info { margin-left: auto; margin-right: auto; max-width: 360px; }
  #CMD .section__creativity .tool_container .tool_title { margin-top: 0; font-size: 17px; color: #fff; }
  #CMD .section__creativity .tool_container .tool_list { position: relative; margin-top: 45px; margin-left: auto; margin-right: auto; max-width: 320px; }
  #CMD .section__creativity .tool_container .tool_list .item_tool { margin: 0 13px 49px; max-width: 284px; }
  #CMD .section__creativity .tool_container .tool_list .item_tool .tool-title { margin-top: 23px; font-size: 16px; }
  #CMD .section__creativity .tool_container .tool_list .item_tool .tool-info { margin: 13px auto 0; font-size: 14px; line-height: 1.45; }
  #CMD .section__creativity .disc_container { margin: -4px auto 51px; width: 73%; max-width: 295px; font-size: 15px; line-height: 1.4; }
  #CMD .section__shop { padding-top: 104px; padding-bottom: 19px; }
  #CMD .section__shop .img__shop { background-image: url("../images/small/1x/main_5.jpg") ; margin-top: 26px; margin-left: -273px; width: 550px; height: 230px; } }
@media all and (max-width: 731px) and (-webkit-min-device-pixel-ratio: 1.5), all and (max-width: 731px) and (min-resolution: 144dpi) { #CMD .section__shop .img__shop { background-image: url("../images/small/2x/main_5.jpg"); } }
@media all and (max-width: 731px) { #CMD .section__shop .product_container { margin-top: 5px; }
  #CMD .section__shop .product_container .product { margin-bottom: 69px; padding-bottom: 55px; }
  #CMD .section__shop .product_container .product:first-child:after { left: 0; margin-left: 5%; width: 90%; }
  #CMD .section__shop .product_container .product .product_content .product-title { font-size: 19px; }
  #CMD .section__shop .product_container .product .product_content .product-info { margin: 19px auto 0; max-width: 520px; width: 86%; max-width: 300px; font-size: 16px; line-height: 1.47; }
  #CMD .section__shop .product_container .product_list { margin: 19px auto 0; max-width: 1000px; }
  #CMD .section__shop .product_container .product_list .item_product { margin: 0 5px 26px; width: 249px; }
  #CMD .section__shop .product_container .product_list .item_product .product-content { margin-top: 21px; font-size: 16px; line-height: 0.95; }
  #CMD .section__shop .product_container .product_list .item_product .product-buttons { margin-top: 23px; }
  #CMD .section__shop .product_container .product_list .item_product .product-buttons a { margin: 0 2px; }
  #CMD .section__shop .product_container .product_list .item_product .product-buttons a .button-text { margin-top: 0; padding: 9px 12px 7px; font-size: 14px; }
  #CMD .product_container .product.product-1 .product-img .img { width: 210px; height: 144px; background-size: contain; }
  #CMD .product_container .product.product-2 .product-img .img { width: 200px; height: 186px; background-size: contain; }
  #CMD .product_container .product.product-2 .product_list .item_product { width: 260px; }
  #CMD .section__instructions { margin-top: -87px; padding-top: 67px; padding-bottom: 95px; }
  #CMD .section__instructions .instru_container { margin-top: 40px; }
  #CMD .section__instructions .instru_container .instru_list { margin: 0 auto; max-width: 1260px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru { margin: 0 21px 35px; max-width: 198px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru .instru-icon { position: relative; margin: 0 auto; }
  #CMD .section__instructions .instru_container .instru_list .item_instru .instru-icon .img { width: 60px; height: 60px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru .instru-content { margin-top: 16px; }
  #CMD .section__instructions .instru_container .instru_list .item_instru .instru-content .instru-info { font-size: 16px; line-height: 1.4; }
  #CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 { display: block; text-align: center; margin-left: auto; margin-right: auto; width: 278px; max-width: unset; }
  #CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 .instru-icon, #CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 .instru-content { position: relative; display: block; }
  #CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 .instru-icon { top: unset; left: unset; -webkit-transform: none; transform: none; }
  #CMD .section__instructions .instru_container .instru_list .item_instru.instru-11 .instru-content { text-align: center; margin-top: 16px; padding-left: unset; width: auto; max-width: 449px; }
  #CMD .section__instructions .disc_container { margin: 19px auto 0; max-width: 258px; font-size: 13px; line-height: 1.4; }
  #CMD .section__logos { padding-top: 74px; padding-bottom: 50px; }
  #CMD .section__logos .logo_container { text-align: left; width: 167px; max-width: 167px; left: 50%; margin-left: -81px; }
  #CMD .section__logos .logo_container .item_logo { margin: 0 10px; }
  #CMD .section__logos .logo_container .item_logo { margin-bottom: 18px; }
  #CMD .section__logos .logo_container .item_logo .img { margin-top: 0; margin-bottom: 0; background-size: contain; }
  #CMD .section__logos .logo_container .item_logo.logo-1 .img { width: 148px; height: 55px; }
  #CMD .section__logos .logo_container .item_logo.logo-2 .img { width: 136px; height: 55px; } }



/*# sourceMappingURL=features.css.map */