.aux-cart-wrapper .aux-shopping-basket:after{--wpr-bg-165f06c3-1074-452a-9b98-903f3bb078fd: 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-b6e7082e-f0e1-4730-b911-cff4a8b7b137: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.png');}.pswp__preloader--active .pswp__preloader__icn{--wpr-bg-5b0e91e4-8b77-4801-86c6-74e6246c462c: 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-3d922f9c-7ba4-424c-828a-34ff6c3808d4: 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-1cbedba1-704a-431f-bba1-e6941d412d2c: 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-869bba57-0afd-44e7-9acb-573e7bbcbf9d: 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-384751dd-d152-4b03-a08a-d6207322a767: 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-9651ffa7-11bf-448a-b1c7-191edacc77ef: 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-b04d4301-9389-40b9-b651-0fb35b1133ed: 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-288b4b61-b342-44b8-99e9-9f066d52db07: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/other/mejs/dark-player.controls.svg');}.not-found .aux-404-icon{--wpr-bg-738ad551-597c-4a95-9fd0-cad742ec8342: 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-dc598742-2837-412d-bc5b-eaa28c1467c7: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/reply.svg');}.aux-svg-arrow,.aux-svg-symbol{--wpr-bg-d83a92d0-0b24-4b7a-80a8-02c1bdf0490a: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-top-header #lang_sel::after{--wpr-bg-5644cc8e-0890-4ddc-8936-9643e2c55947: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-preloading.aux-simple-spinner{--wpr-bg-28eaf610-76bc-406d-9132-216056e1d016: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-default.svg');}.aux-preloading.aux-simple-spinner-light{--wpr-bg-a1bb57ab-17ea-46db-8cea-da26350c2481: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/spinner-light.svg');}.aux-preloading.aux-simple-spinner-dark{--wpr-bg-172d7b36-41ee-48c3-a0b5-b2a2b2e846b3: 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-ebc095b7-d39f-4703-9eb5-d26476c9af74: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/photoswipe/default-skin.svg');}select:not([multiple]){--wpr-bg-76d8d66a-da30-4d39-b559-520a2233e453: 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-26c29761-e41c-492b-9b7a-48a289631657: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::after{--wpr-bg-2e19a6a0-7971-4bb2-bbc7-e71393561191: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.next a::before{--wpr-bg-3ad6f682-08c5-4866-9ece-3542b864f1a8: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.aux-pagination li.prev a::before{--wpr-bg-5e8afdd2-5d26-4ef7-9118-742bea5ab22c: 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-945f8252-c24f-4493-b154-4d1df2527703: 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-0309b021-5e16-4126-9612-e207a430ea2f: 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-4f4dd38f-0912-4f81-b901-c474defb4aa8: 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-8f401094-2295-4fb2-852e-4be125f5d2e4: 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-90d70ff2-3504-47a2-86b3-e7cb36ed7ada: 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-644ca9d2-ef31-42ff-9e03-78867c46e75c: 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-1ac63737-cf1b-4803-8a61-c336730c547a: 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-c72b1638-e4ae-4601-bb65-e5c26bf2a108: 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-76c9c398-9014-4d44-864b-b5861bfd3db7: 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-8c264903-2958-4215-9688-c53f8a9c2d38: 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-3ee61f04-7513-4693-b495-ca1631eda20f: 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-4f76d4ad-a4fd-4e15-a751-826148389685: 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-c49a92d0-a014-4e68-a6c9-60b3705776bf: 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-cd8af59f-a66d-40b7-98fb-19c2d1f45fc9: 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-49e6676f-a548-4624-844f-a0e7783022c4: 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-16524414-6434-40e8-8343-3f5744e00140: 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-799157e9-0a24-460f-8255-c0d423bae470: 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-16dcaf70-7d47-4094-9a7f-9dd07c2c6e09: 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-79c82fd0-46de-4b67-bf3b-f0ad4e04fee2: 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-dd93a895-4156-4fb6-ab21-a8caa54878aa: 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-dae794c2-a52e-4fc9-b355-c436dadf0463: 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-1eb32e20-d38c-4d36-8ec2-9ca11976d615: 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-59caeb94-089a-4833-a5b2-b768cc1c6727: 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-aef3c9a6-ad6d-46c0-b656-73451589cf14: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#prev a:after{--wpr-bg-53ebed9d-567a-47f2-93de-8f6be39b531c: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/symbols.svg');}.widget_calendar tfoot td#next a:after{--wpr-bg-ff40b62e-927d-464a-a50f-0d362d3dacce: 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-888437a1-e719-42ab-a125-06d52ca7ec58: 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-1e44dd68-2e5f-437d-9d7d-d7994c128c34: 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-0d7a15a9-8fc1-43e7-a484-c77985f631e9: 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-268e4fc2-d2cc-4b29-942f-61c536d177bf: 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-78a084ec-510d-4324-9b78-fd72689a9b82: 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-0ded57c1-b29c-40ec-b5cc-5d114290faaf: 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-2581ff1d-5229-4f0e-b375-cc215a7f8bf8: 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-119667d9-54e5-46d7-a92c-f4f5c8c0e276: url('https://folio.9an9.net/wp-content/themes/phlox-pro/css/images/svg/rightarrow.svg');}body:before{--wpr-bg-7804184f-5ba8-4d99-8e8f-e4c189150087: url('https://folio.9an9.net/wp-content/cache/min/1/wp-content/uploads/phlox-pro/');}.mejs-overlay-button{--wpr-bg-c4bcdd8b-9233-4354-93df-b6730db0975c: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-overlay-loading-bg-img{--wpr-bg-24af926f-ed3c-4bc3-9b6c-ab75ee92d5eb: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.mejs-button>button{--wpr-bg-09d77b0d-1677-4f0a-b312-619578261993: url('https://folio.9an9.net/wp-includes/js/mediaelement/mejs-controls.svg');}.rll-youtube-player .play{--wpr-bg-3cb8254f-fa27-4a71-8239-4047e09d883f: 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