.aux-cart-wrapper .aux-shopping-basket:after{--wpr-bg-01d16c66-cc89-43de-a4dd-cfe0a1b0f0be: 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-cbaeb18b-c559-439e-a2da-0473edc31f43: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-1852d459-491f-4728-94de-650d9ae2ae5b: 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-ac2cf923-40e8-414f-bf2c-7579a0f03900: 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-01c2ced8-7b32-4265-9611-4625ef9038b9: 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-3fc77f53-82ac-4cf7-8357-12a045e65d74: 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-29ff637d-1800-4d53-bac5-8e19e626d143: 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-c6c8c90a-fa50-49a6-b76e-5769c0383de8: 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-66620b95-46ae-4097-bbb1-785f40e1b12c: 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-3b9ed5eb-dc1d-42f7-abb2-8c3a1a46f0f5: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.not-found .aux-404-icon{--wpr-bg-c9ed354d-fc46-497a-af0d-a6182b926e5b: 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-e377a628-c6f2-4195-bb50-2c87bf20881d: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/reply.svg');}.aux-svg-arrow,.aux-svg-symbol{--wpr-bg-bd59b6e9-f72a-4485-b688-46c745e78469: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-top-header #lang_sel::after{--wpr-bg-c73742bc-7f80-4331-8566-62f1fbe6dbbc: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-preloading.aux-simple-spinner{--wpr-bg-46931f2c-442e-4bb3-a33a-96800ae501ea: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-default.svg');}.aux-preloading.aux-simple-spinner-light{--wpr-bg-14c8e489-3a63-436b-ac9c-bfeadec14fd7: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-light.svg');}.aux-preloading.aux-simple-spinner-dark{--wpr-bg-1e6b207a-8e74-495d-8b5f-7200779fb2f9: 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-58a10d72-a6b1-4ac9-9222-b6b165338e4d: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.svg');}select:not([multiple]){--wpr-bg-07711b3a-0a98-47c0-ab2b-3847cb9a4756: 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-a4101a4c-9596-4092-8dcc-cb7844bfa9c0: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::after{--wpr-bg-a03ef628-7285-491a-93ea-fa08821867af: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.next a::before{--wpr-bg-0bbf3fe4-d59a-4b32-80b9-bc7746b76a6b: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::before{--wpr-bg-e3eaa3d2-aab6-40e2-96b0-610ed9a9b0a2: 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-ff1e5c03-226c-4d15-bd0c-26886232e4cc: 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-e57901ce-bda7-4101-8fd2-948f1e0cab5a: 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-c920014f-9e41-421e-895c-153f201e9c58: 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-310bdf0b-67b9-4e2a-a8de-5c19b2ffbde2: 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-69a12792-0f25-4512-86d0-107c54ac50fd: 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-67b065d3-7e45-4ee2-b016-8e35ab78502e: 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-16738f10-3912-498e-9054-80bacebefc77: 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-72179600-b1ad-42e5-97fe-87a75d8b2dce: 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-5759444e-d33d-4c01-b519-8d2d3678a16a: 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-580f6f90-9d35-4137-9347-73f84af815ea: 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-7ab96dd0-7876-4e98-9a8f-ce040c0085a4: 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-cc2c7b8c-5900-4ddc-9fe8-c2f92fdd157f: 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-a546bd28-52df-4e47-ba9e-ea38bb86fbb2: 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-b5aae4bc-5fa9-4826-9a43-b384014a1703: 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-036efd96-b622-42dc-8f96-96417ce6e74a: 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-c0e89929-d975-4781-bd4a-a245d2f811eb: 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-74cb90ac-51bd-4e7f-a5bc-9a5ecf390289: 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-26d8c2b3-3f6b-42bb-98c0-05c19064d8ea: 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-529c9040-6f07-4465-8d46-6e521eef81b1: 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-28517aef-f6a3-4b76-8f02-1aa5be7af41a: 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-37edeef8-cf03-4363-8d81-7484e27d0de8: 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-3e4447d8-58f6-442b-bb4a-2cbb8d5b9806: 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-db3238e1-0634-42be-a702-b61808f4779b: 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-725f8c5d-2e5b-4e70-8bb7-1e02c1d3067c: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#prev a:after{--wpr-bg-914f47b8-6e13-4db3-8e87-65cffaa1ef09: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#next a:after{--wpr-bg-2122fde3-bcd7-441f-b2f1-bfc660361c60: 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-82ef71bf-c588-4a9c-ba1c-e159e5628645: 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-0424a70f-acb7-48ec-9787-14a44edda77f: 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-c80ebc4b-ca7a-44d4-b9bb-ac5acd951950: 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-8d123a76-2248-47a9-8d4f-d2be6b152015: 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-fa650c2f-1149-4296-849e-230430404424: 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-df42df88-1251-4b3e-9fc4-627ddda8b248: 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-ea2a78ae-72f2-472a-bfe4-c24bb44adabb: 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-99d9bb08-4d21-4cc3-90dc-0cee65669d72: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/rightarrow.svg');}body:before{--wpr-bg-26ab1f62-e82f-402a-986f-ae6d928693c1: url('https://folio.9an9.net/wp-content/cache/min/1/wp-content/uploads/phlox-pro/');}.mejs-overlay-button{--wpr-bg-b003daf8-db39-4f50-9011-ae1d9e1e0cf1: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-overlay-loading-bg-img{--wpr-bg-67e8cf56-faa6-4dfa-9057-4c6ccd173a5c: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-button>button{--wpr-bg-c66f8b35-1fbf-459c-89ff-05acff0bf419: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.rll-youtube-player .play{--wpr-bg-e692afe9-797e-4436-90d0-5f925607fba0: 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