.aux-cart-wrapper .aux-shopping-basket:after{--wpr-bg-b44eccf7-1c2d-4137-b6b4-ec70695968ef: 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-a2a27ef6-4e5e-46c4-aee5-034f4f078c5d: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-c9b596a7-1917-4568-a55a-17efb6cacacb: 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-6f68bf9f-764f-433c-bc66-1a7a481335e1: 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-6c877bb3-fc79-4563-a2c3-841092cdf10b: 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-e7947450-2ee2-4832-991c-bccdd803285b: 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-51383e40-b0b7-4809-b6a6-d3fe149c2184: 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-97624ccb-9534-42e8-98d8-d6a2fe46d893: 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-c32d927e-5538-487b-b814-b832e83a6d81: 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-90dedba2-eb02-4ecb-a4bb-0d1ff4ffb402: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.not-found .aux-404-icon{--wpr-bg-9cd2ed6b-360f-45aa-a3aa-ac90363b26e8: 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-14631f32-23f0-4d4e-b0a0-c15044f2b09a: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/reply.svg');}.aux-svg-arrow,.aux-svg-symbol{--wpr-bg-3874c196-34cf-40fa-a21e-ac045dc9b358: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-top-header #lang_sel::after{--wpr-bg-75cf9e2c-1d22-488c-810d-1c5f69952b3c: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-preloading.aux-simple-spinner{--wpr-bg-0d2d1146-d147-422d-a98e-09efb90bea37: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-default.svg');}.aux-preloading.aux-simple-spinner-light{--wpr-bg-9369e310-04ed-4501-b80a-93a0979fb917: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-light.svg');}.aux-preloading.aux-simple-spinner-dark{--wpr-bg-2560bccf-abca-4e86-afae-182b203073b0: 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-fa3f3eac-68ce-48cd-be58-99a84905c28e: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.svg');}select:not([multiple]){--wpr-bg-29dd2151-aa02-49ac-a5a5-77290a55002f: 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-45875676-b3d1-40e5-ae06-589da6a64a47: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::after{--wpr-bg-62bed731-6a35-4f6b-8d63-88ae5d432f05: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.next a::before{--wpr-bg-6054351a-e776-4682-915e-529bed5a2944: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::before{--wpr-bg-631dfe67-3175-42aa-a5e8-f7cf112162c8: 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-03eb8a00-d83c-4139-8deb-e6ece4dffe51: 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-585e16a1-a1cf-409d-a7e1-2fda2986e141: 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-a598827b-3a61-47bb-b02d-c0ed948d28df: 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-93248ec1-c1b7-450b-a04e-844dd96988e5: 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-25d604e4-e268-4c02-a293-46d293620152: 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-7fcaee0a-83ae-43fd-bdfe-18549cbf2baf: 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-299807df-c606-4f0f-9970-b9bcce7be4f0: 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-7f0d5ab3-e49c-4172-922c-69bf4f2980bd: 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-ec0722dc-9fff-4607-93e6-87ed39072640: 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-bab05bf5-3bb1-4f74-be22-4b1534035b9e: 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-e6e2e6b9-ed9f-4739-a8c6-6f8b8a1bbc91: 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-d00ae787-ea4a-4c3a-8fc5-6bfeccd21364: 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-15300a95-6553-4b65-9b4c-42c14a120dcb: 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-a4355608-9193-42e2-a542-9118bb88a08e: 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-eb897693-008c-4d9f-9c4e-3b7d665e778c: 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-ce990f02-3614-49cd-a8de-3807fdd7eaa3: 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-0eb30ee5-60a6-4dc2-91bb-8d5914d3ac2c: 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-35bd08fe-d50d-4da6-80eb-0b4eeb3edfc7: 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-868d21ea-1efa-4108-af16-1b4bdd5c1082: 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-4f2dedd5-076a-4e35-9ed8-22e555cee308: 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-788509c1-6fe8-4bc4-8098-f99e8c9b8daa: 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-3adb50a5-f430-4d59-9bf4-f840026914d2: 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-911fc300-d7d9-4aba-a407-7db266ee3fba: 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-e8f18747-6a81-4ca9-9694-1ea873be0350: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#prev a:after{--wpr-bg-19885976-a44a-4e00-8e15-6f45644c7cdd: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#next a:after{--wpr-bg-49709042-277c-4c06-b85e-8097c9de97b0: 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-79d8136a-c253-4194-9b2b-6418f62781b9: 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-46028de5-e5e1-4b2b-806b-c5cdc38c0704: 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-9fd72a26-4c74-4854-9e13-49e99a7dc062: 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-b368fe7d-fd6c-496a-9bc1-048d773c2548: 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-acd212ec-3419-48f9-8c5e-a1845dfa7e72: 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-796ea31d-a53b-4dbd-812b-d92229ed3a45: 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-d95610c4-cc70-46fb-aaf8-3035e805bf15: 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-e34aac4e-2777-4076-9b6c-df9a6657f0a4: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/rightarrow.svg');}body:before{--wpr-bg-3940aa5c-5019-4350-83a4-56edd4aa3574: url('https://folio.9an9.net/wp-content/cache/min/1/wp-content/uploads/phlox-pro/');}.mejs-overlay-button{--wpr-bg-e9109690-4b28-463b-a008-4ea4e23a20cd: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-overlay-loading-bg-img{--wpr-bg-045cf197-e6fd-404b-a0c3-8132fadbd2bd: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-button>button{--wpr-bg-86743b31-8362-49b6-a167-b9bf984fe7dc: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.rll-youtube-player .play{--wpr-bg-609cc709-a852-4dd0-a303-df0c3ab4b71c: 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