.aux-cart-wrapper .aux-shopping-basket:after{--wpr-bg-42cd704a-4c64-49b8-987d-ed4a2841de58: 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-d242b325-3152-4026-b881-f737be797ee1: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-5125136a-83d8-4c05-abc5-f28f58ce9fba: 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-6fd8a0e4-965c-476f-8662-ca6e7c504d37: 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-de75be1e-6576-4fd4-9540-0cd64e87847b: 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-66a0126d-940b-4694-ba20-1ebd04cd31f8: 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-0adf1327-f53a-4e6c-bc70-348dff10af06: 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-1a09e072-8007-4dd8-b430-63fb78da9f1c: 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-ab9a05e6-da6c-4867-90ab-407f19567323: 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-4ec5192f-4bc4-4313-983d-06c65e585678: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.not-found .aux-404-icon{--wpr-bg-9aef5eec-058d-464e-a908-0fd456e200cf: 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-54296cad-357a-43b1-bf7f-cd7c040c6bcc: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/reply.svg');}.aux-svg-arrow,.aux-svg-symbol{--wpr-bg-02d9d2cc-8bae-4d6b-b555-d87a12645c5c: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-top-header #lang_sel::after{--wpr-bg-d6edd916-6d86-421a-8f4a-8c343aba83cf: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-preloading.aux-simple-spinner{--wpr-bg-c44b2517-1b3c-4a0e-b7a8-fd96e20a9204: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-default.svg');}.aux-preloading.aux-simple-spinner-light{--wpr-bg-f600fd73-f860-480e-833c-1c71fdbbbd93: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-light.svg');}.aux-preloading.aux-simple-spinner-dark{--wpr-bg-a58dc45d-9a0d-48e9-84e9-b5ae6d641716: 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-32832e19-96d2-4558-a25a-7cbfb8be9ba2: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.svg');}select:not([multiple]){--wpr-bg-70510295-164b-4a2b-8dab-463c15a46f47: 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-ab1d3b92-5f5d-4fc9-a7b9-321378baa820: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::after{--wpr-bg-17a46a12-a886-47fb-957d-05fe3f6de53a: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.next a::before{--wpr-bg-0163aeae-b99b-4080-aa85-b948e633e951: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::before{--wpr-bg-bb820197-cfdd-43c0-be60-5e74abdabd0f: 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-a8208248-68e9-4af4-a190-e86437766d3c: 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-2bab11f6-ba8e-4b62-a513-7c6b6142fd59: 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-36be9c1f-9495-4001-b768-0e5d0ad5adf4: 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-662db46f-a06c-4313-95d6-ecdf9bea5867: 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-8462b579-8290-48d7-b1f9-683d93aaf130: 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-82033b29-bc51-4155-963d-19c10dbbf3bc: 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-d0d70c22-2498-470a-8444-4a4823abefb1: 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-9cb4a1c8-8a63-4e3a-8aa3-e2b7d24bbc85: 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-3536a30c-2cf9-460d-be18-dc79c04e368a: 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-404eb0b7-7f06-438e-9a6c-e10d406057db: 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-b2c5d21c-9cf9-43bf-9733-4fcd53dc8df5: 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-97d553ab-9a3c-463e-b8a5-1ba1a1a88531: 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-ff6cb1ab-8155-4f69-ba70-1110fdeee95e: 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-0fc39553-3a4e-4e9a-9d29-7c60bbaf752f: 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-9b7637a3-bb26-4fa3-a83f-ff1073438c42: 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-d9ff5c1c-a9d3-4e7d-bc91-b96771b9065c: 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-2ebb0b0b-97ac-4376-9d63-a9388838617a: 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-4ceb5e4d-1496-4973-b2b9-6220b5cdb7ce: 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-788f20fc-07c4-4a23-a7f1-4f40f3ad4d94: 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-fa9c684a-f310-4de0-9941-deb7dbd6351b: 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-02e27050-0f3a-4ec3-8324-f0f62b0ae0e9: 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-9792eb7f-ae9a-4e8a-824d-a4d56d28d3a1: 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-040c222f-aaa3-4a8a-8a8c-a7f37b2ec92b: 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-827b9aa9-d2df-45a4-baed-f71fae049371: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#prev a:after{--wpr-bg-04a3fb61-fae3-4643-932b-622583112b85: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#next a:after{--wpr-bg-b671300a-9b22-465f-a577-561412888715: 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-e70111b2-b59c-41dd-83d3-2ca5512606d4: 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-90ec6955-4778-403e-9b1a-866b5a5c5a8b: 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-1e2900f5-a824-4787-a392-5547b6f2288e: 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-66c80ee1-66e5-496b-9c4f-767aa7aefe07: 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-f15a1ef9-40d0-48af-8c83-24907f68f23d: 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-48eca270-a621-4f89-846f-f991606535eb: 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-7c4d3008-69de-41da-8452-331024bdf35f: 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-8f253688-e166-4d88-9c62-a08f956c1924: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/rightarrow.svg');}body:before{--wpr-bg-36741184-ab82-4669-8b2e-8fe69cddaa0f: url('https://folio.9an9.net/wp-content/cache/min/1/wp-content/uploads/phlox-pro/');}.mejs-overlay-button{--wpr-bg-6bc2526b-9880-4fc7-937d-967169b4d14f: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-overlay-loading-bg-img{--wpr-bg-485ff3cd-451a-4e57-986a-71133fb1d8f5: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-button>button{--wpr-bg-6d962cf7-212d-4792-9f81-e7238e4eb97d: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.rll-youtube-player .play{--wpr-bg-7482e253-0ab1-434a-af0e-093aa44f544a: 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