.aux-cart-wrapper .aux-shopping-basket:after{--wpr-bg-d1c6d3b2-aba0-430c-8144-711d44b98fc3: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/downarrow.svg');}.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{--wpr-bg-ff505588-1e53-4071-8db1-e963e73c9997: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-a6c465b6-3f7c-45df-b77d-81d19e5b8bda: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/preloader.gif');}.aux-checkbox:checked,.wpcf7-form .wpcf7-checkbox input[type="checkbox"]:checked{--wpr-bg-cc219ce0-9f9e-47a4-82ea-037ef334b6a5: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/checkbox.svg');}.mejs-container.aux-player-dark .mejs-overlay-button,.mejs-container.aux-player-light .mejs-overlay-button,.mejs-container.aux-player-light .mejs-overlay-button{--wpr-bg-f49a2d96-284a-42a0-a6eb-2267d4e1c665: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-video-play.svg');}.mejs-container.aux-player-dark .mejs-controls .mejs-playpause-button button,.mejs-container.aux-player-light .mejs-controls .mejs-playpause-button button{--wpr-bg-e0e0f445-f9c6-4668-8677-ff0b31171da0: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.mejs-container.aux-player-dark .mejs-controls .mejs-volume-button button,.mejs-container.aux-player-light .mejs-controls .mejs-volume-button button{--wpr-bg-3ecb257c-2f6b-4106-990f-8f802bb3587f: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.mejs-container.aux-player-dark .mejs-controls .mejs-fullscreen-button button,.mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button button{--wpr-bg-a43d5d78-f623-4573-ad95-966a4292dc6b: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-total,.mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-total{--wpr-bg-1f101f6b-de0d-4f86-ab88-061bcf6a2f5d: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.mejs-container.aux-player-dark.mejs-audio .mejs-controls .mejs-horizontal-volume-current,.mejs-container.mejs-audio.aux-player-light .mejs-controls .mejs-horizontal-volume-current{--wpr-bg-aedd389e-ed31-4bf2-a5c5-6aec61262cad: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.not-found .aux-404-icon{--wpr-bg-989867d2-9bba-46e0-b399-74e9a94e5130: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/404.svg');}.aux-commentlist.skin-arrow-links .children>li:first-child{--wpr-bg-8530baae-1f2f-4d93-a618-2e2286ff3572: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/reply.svg');}.aux-svg-arrow,.aux-svg-symbol{--wpr-bg-ce8f67b3-f080-4e12-92b0-c67a6f104f23: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-top-header #lang_sel::after{--wpr-bg-8780e8bc-ec43-4680-bc4c-6ba01adb4388: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-preloading.aux-simple-spinner{--wpr-bg-c40cea34-6f83-42c1-bad1-3d2f1dafa288: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-default.svg');}.aux-preloading.aux-simple-spinner-light{--wpr-bg-e8a5a3bd-fbe6-4d3e-87ce-f6fa959a97df: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-light.svg');}.aux-preloading.aux-simple-spinner-dark{--wpr-bg-527e5c6d-ac40-4374-b023-41ce064e883e: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-dark.svg');}.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{--wpr-bg-f5102fab-1fe2-458c-b995-276b7db94a56: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.svg');}select:not([multiple]){--wpr-bg-233ee652-cef7-4ca1-9a04-590c24c94cef: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/controls/arrows/small-arrow-down.svg');}.aux-pagination li.next a::after{--wpr-bg-4a4f8f73-900d-4d56-bd44-a9d21523ff04: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::after{--wpr-bg-279d3005-ed36-4044-95a3-e1767d8d5fef: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.next a::before{--wpr-bg-b4f7685e-5a81-4257-b6e4-72a4ce4c7dc0: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::before{--wpr-bg-48fad535-47d7-4820-8fe6-a642c6e9d237: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.mejs-container.aux-player-light .mejs-overlay-button{--wpr-bg-f87674e9-08b3-4b5d-9b55-eb493020bb12: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/light-video-play.svg');}.mejs-container.aux-player-light .mejs-controls .mejs-playpause-button button{--wpr-bg-23eb3b8d-d417-4670-bc73-851479c8818e: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/light-player.controls.svg');}.mejs-container.aux-player-light .mejs-controls .mejs-volume-button button{--wpr-bg-e52c27fb-ff8f-4853-bf4a-9440ba33a314: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/light-player.controls.svg');}.mejs-container.aux-player-light .mejs-controls .mejs-fullscreen-button button{--wpr-bg-241d8496-b4d7-426d-8e7f-9ae0f107559c: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/light-player.controls.svg');}.mejs-container.aux-player-light.mejs-audio .mejs-controls .mejs-horizontal-volume-total{--wpr-bg-9e0fbc36-5fa2-4cef-b5e3-f6d6a2c854b2: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/light-player.controls.svg');}.mejs-container.aux-player-light.mejs-audio .mejs-controls .mejs-horizontal-volume-current{--wpr-bg-2a0f53d8-8a5e-4b70-a701-6d70210bc7d9: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/light-player.controls.svg');}.aux-column-post-entry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts-masonry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-column-post-entry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts-masonry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-column-post-entry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts-masonry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-right{--wpr-bg-60cfb4c4-2c8c-46f5-9f5f-69d098d65cc7: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-column-post-entry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts-masonry .aux-de-col6 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-column-post-entry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts-masonry .aux-de-col5 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-column-post-entry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts-masonry .aux-de-col4 .format-gallery .aux-arrow-nav .aux-medium-left{--wpr-bg-c35a1390-7ef6-4d43-934e-54c9cd1c9c73: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-column-post-entry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts-masonry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-column-post-entry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts-masonry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-column-post-entry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-right,.aux-widget-recent-posts-masonry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-right{--wpr-bg-3a41cc3a-2089-45b6-940f-fe312efa2209: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-column-post-entry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts-masonry .aux-tb-col6 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-column-post-entry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts-masonry .aux-tb-col5 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-column-post-entry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-left,.aux-widget-recent-posts-masonry .aux-tb-col4 .format-gallery .aux-arrow-nav .aux-medium-left{--wpr-bg-b2db5188-e7f7-4ea5-ad30-0928fc8e67d8: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.site-header-section .aux-master-menu.aux-horizontal.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-elementor-header-menu .aux-master-menu.aux-horizontal.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-db7421ae-a935-496a-a8da-f24b6558f6c0: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.site-header-section .aux-master-menu.aux-vertical.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-elementor-header-menu .aux-master-menu.aux-vertical.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-e0625d37-24db-4d92-b189-2fa7358d07d7: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.site-header-section.aux-header-light .aux-master-menu.aux-horizontal.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-elementor-header-menu.aux-header-light .aux-master-menu.aux-horizontal.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-30e903f1-9dde-4f27-8201-2e28322a92e8: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.site-header-section.aux-header-light .aux-master-menu.aux-vertical.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-elementor-header-menu.aux-header-light .aux-master-menu.aux-vertical.aux-with-indicator>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-e7faa852-f2e0-4f4f-b692-25ac763f440c: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-vertical.aux-skin-classic .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-horizontal.aux-skin-classic .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-b308cffa-e803-4008-8dd0-d38c55cd8f18: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-vertical.aux-skin-classic .aux-menu-depth-0>.aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-horizontal.aux-skin-classic .aux-menu-depth-0>.aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-b7b8f0d6-adf2-4d48-9a8a-7736acfd41aa: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-33ac18d0-76e8-49de-bd7b-3f8412a1fd6c: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-vertical.aux-skin-minimal-center .aux-menu-depth-0>.aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-horizontal.aux-skin-minimal-center .aux-menu-depth-0>.aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-79f4177d-3f32-48d8-92e0-9814bd178f0a: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-f098b9ef-fade-4aec-94fa-0dd4fe023558: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-horizontal.aux-skin-divided .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator::after,.aux-master-menu.aux-vertical.aux-skin-divided .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator::after{--wpr-bg-83c757d2-069e-4023-b9b4-c76aed5d3f26: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-vertical.aux-skin-classic-center .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-horizontal.aux-skin-classic-center .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-e232285a-d902-4cfd-bc03-8ef17342fa1d: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-vertical.aux-skin-dash-divided .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-horizontal.aux-skin-dash-divided .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-877b3155-111b-4870-bc64-f91f59104d33: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-master-menu.aux-vertical.aux-skin-dash-divided.aux-light .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator,.aux-master-menu.aux-horizontal.aux-skin-dash-divided.aux-light .aux-submenu>.aux-menu-item>.aux-item-content>.aux-submenu-indicator{--wpr-bg-de56e443-b47b-45f8-be94-2894dcdcd7b6: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget-container.aux-toggle-widget .widget-title:after,.widget-container.aux-toggle-widget .wp-block-heading:after{--wpr-bg-bab58f28-40c7-4af2-bc5c-6a246a14f4e8: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#prev a:after{--wpr-bg-c593e3a9-56ca-4f3c-b180-66230e88c944: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#next a:after{--wpr-bg-cc1beedc-f797-4cef-abe2-736264ed3cf5: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-dark .widget_calendar tfoot td#prev a:after{--wpr-bg-9a2723d9-ebc2-425a-8b95-dda152349a9d: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-dark .widget_calendar tfoot td#next a:after{--wpr-bg-b719c7c5-be91-4a19-b5d2-657deac7a5e5: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-dark .widget_archive select,.aux-dark .widget_categories select{--wpr-bg-6d2b9649-4c4d-4241-9876-f126046d3926: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/controls/arrows/small-arrow-down-white.svg');}.widget-toggle .toggle-header::after{--wpr-bg-048f1a44-2097-424a-ba6b-b7a01fa01b79: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-widget-faq .aux-accordion-simple .aux-accordion-indicator:after{--wpr-bg-ca8972e2-8f67-4ed7-bc0b-bdf866e32423: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-modern-search .select2-container .select2-selection--single .select2-selection__arrow:before{--wpr-bg-42e682ad-3e4b-4d26-b8b1-15ed546f05c5: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-next-prev-posts.nav-skin-modern .np-prev-section .np-nav-text:before{--wpr-bg-3c814210-2aab-41ff-903c-a2c67fea305b: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/leftarrow.svg');}.aux-next-prev-posts.nav-skin-modern .np-next-section .np-nav-text:after{--wpr-bg-6ef87d84-b04d-4e56-a591-5cbdc34d0f35: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/rightarrow.svg');}body:before{--wpr-bg-4c50ac27-0cc3-433c-aed6-9b3e74e12418: url('https://folio.9an9.net/wp-content/cache/min/1/wp-content/uploads/phlox-pro/');}.mejs-overlay-button{--wpr-bg-35bd9f7c-b88e-4aeb-9e0d-53d1d79b4ce9: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-overlay-loading-bg-img{--wpr-bg-a9dd08f3-4f05-4915-ad76-1250c1c3157d: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-button>button{--wpr-bg-430e7c02-f7d0-4622-b17d-3926833e7a21: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.rll-youtube-player .play{--wpr-bg-6f0d8ef1-f908-4754-9cb5-7c98ff970c2f: url('https://folio.9an9.net/wp-content/plugins/wp-rocket/assets/img/youtube.png');}

Music Application

Design the music interface application. It's been a part of the education in Graphic User Interface.

Client: MCT, RMUTT
Release Date: Dec 01, 2017

Music Application

RELATED FOLIOS