@media screen and (max-width:1440px) {
  .ps03 {
    padding: 1vw 1.6vw;
  }
	/*新增CSS*/
	/*KV投票區域*/
	.vote_btn {
    margin-top: 5.5vw;
    font-size: 0.8em;
}
	/*影片popup*/
	.vmodal-content-youtube {
        margin: 11vw auto auto;
		max-width: 27%;
    }
	.vclose-youtube {
        top: 10.5vw;
    }
	.vmodal-content-instagram {
    width: 375px;
    height: 44vw;
    margin: 12% auto auto;
}
	.vclose-instagram {
    right: 34%;
    top: 11.5vw;
}
	/*人氣票選區*/
	.pro_title, .pro_bt {
    width: 90%;
}
	.cover_voteArea {
    width: 100%;
}
	.cover_voteArea p {
    line-height: 1.8vw;
}
	.voteArea_inline {
    width: 17%;
}
}

@media screen and (max-width:1024px) {
  /*******************common*******************/
  .kv_wrap::after, .ps01_wrap::before, .ps01_wrap::after, .ps02_wrap::before, .ps02_wrap::after, .ps03_wrap::before, .ps03_wrap::after, .ps04_wrap::before, .ps04_wrap::after, .ps05_wrap::before, .ps05_wrap::after, .ps06_wrap::before, .ps06_wrap::after {
    height:3vw;
  }
  /*******************promo section 04*******************/
  .ps04_hiphop_content {
    width:64%;
    margin:32px auto 0px auto;
  }
  .ps04_hiphop_flexG4_container {
    flex-wrap:wrap;
    padding:0 2vw;
  }
  .ps04_hiphop_flexG4_container {
    margin-bottom:4vw; /*宮格與下方版位間距-可調整*/
  }
  .ps04_hiphop_flexG4_item {
    width:100%;
  }
  .ps04_hiphop_dummy_space {
    width:100%;
    height:4vw; /*手機版宮格垂直間距-可調整*/
  }
  .ps04_hiphop_flexG4_container.adj_1, .ps04_hiphop_flexG4_container.adj_2, .ps04_hiphop_flexG4_container.adj_3 {
    margin-left:0px;
    margin-right:0px;
  }
  .ps04_hiphop_flexG4_item .vmargin {margin-top:0px;}
  .ps04_hiphop_flexG4_item .vmarginA {margin-top:-12vw;}
	
	/*新增CSS*/
	/*KV投票區域*/
	.kv .kv_title {
    width: 38%;
    left: 3.8vw;
    top: 3.4vw;
}
	.vote {
    margin: -16vw auto auto 9%;
}
	.vote div {
    width: 18%;
    height: 14.5vw;
}
	.vote_btn {
    margin-top: 6.5vw;
}
	.vote_info {
    margin: -27vw auto 0% 23.5%;
}
	/*徵件區域*/
    .event_two_title {
        width: 65%;
        margin-left: 18%;
        padding: 6% 0 3.5%;
    }
	.audition_table {
    width: 69%;
    margin: 2% auto;
}
	.audition_title {
    width: 18%;
    margin: 5% auto 3%;
}
	.audition_img img {
    width: 24%;
}
	.audition_text {
    line-height: 3.5vw;
}
	.audition_top {
    margin-top: -5.2%;
}
	/*popup*/
	.pop-modal {
    padding-top: 12%;
}
	/*影片popup*/
    .vmodal-content-youtube {
    margin: 14vw auto auto;
    padding: 10px;
    max-width: 32%;
}
	.vclose-youtube {
    top: 21vw;
    right: 14%;
}
	.vmodal-content-instagram {
    width: 309px;
    height: 53vw;
    margin: 15% auto auto;
    padding: 5px;
}
	.vclose-instagram {
    right: 32%;
    top: 14.5vw;
}
	/*人氣票選區*/
	.popular_title {
    width: 20%;
}
	.pro_title, .pro_bt {
    width: 100%;
}
	.popular_gift {
        width: 75%;
    }
	.voteArea_inline {
    width: 22%;
}
	.cover_image {
    margin-bottom: 8px;
}
	.cover_voteArea p {
	font-size: 1em;
    line-height: 2vw;
}
	.cover_btn_1, .cover_btn_2, .cover_btn_3 {
    margin: 0.5vw auto 5vw;
}
	/*公告區*/
	.ranking_table div {
    width: 18%;
}
	.audition_btn button {
    padding: 0.2% 2%;
}
	/*作品回顧區*/
	.popular_vedio_all img {
    width: 70%;
    margin: 6vw auto 3vw;
}
}

@media screen and (max-width:991px) {
	/*新增CSS*/
	/*KV投票區域*/
	.vote_btn {
    margin-top: 6vw;
    width: 48%;
    font-size: 0.7em;
}
	.vote p {
    margin-top: 2.5vw;
    font-size: 0.7em;
}
	.vote p span {
    font-size: 3vw;
    vertical-align: sub;
}
	/*popup*/
	.susses_text {
    line-height: 5vw;
}
	/*影片popup*/
	.vmodal-content-instagram {
    width: 300px;
    height: 53vw;
    margin: 12.5% auto auto;
}
	.vclose-instagram {
    top: 12.5vw;
}
	/*人氣票選*/
	.popular_gift {
    width: 70%;
}
	.cover_voteArea p {
    line-height: 2.2vw;
}
	/*公告區*/
    .ranking_table div {
        width: 21%;
        margin: auto 0.5%;
    }
	.audition {
    padding-bottom: 6vh;
}
	 .audition_btn button {
        font-size: 1.2em;
    }
	/*作品回顧*/
	.ranking_star_r, .ranking_star_l{
		display: none;
	}
	.popular_vedio_all img {
        width: 85%;
        margin: 6vw auto 3vw;
    }
	.chosen_vedio img {
    width: 30% !important;
}
}

@media screen and (max-width:767px) {
  /*******************common setting*******************/
  .for_desktop {display:none;}
  .for_mobile {display:block;}
  
  /*******************kv*******************/
  .kv_wrap::after {
    height:3vw;
  }
	/*海選調整CSS*/
	/*.ytmv {
    width: 52%;
    top: 34.5%;
    right: 27.5%;
}*/
  .ytmv {
    width:59.5%;
    right:24.1%;
    top:54.5%;
    border: 1.6vw solid #000;
  }
  /*******************promo section 01*******************/
  .ps01_wrap {
    background-image:url("../images/ps01_mobile_bg.jpg");
    background-position:center top;
    background-repeat: repeat-y;
    background-size:contain;
    padding-bottom:6vw;
  }
  .ps01_title {
    margin:8vw auto 6vw auto;
  }
  .ps01_wrap::before {
    height:3vw;
  }
  .ps01_wrap::after {
    height:3vw;
  }
  .ps01_hiphop_item_inner {
    border-radius:2vw;
  }
  .ps01_hiphop_female, .ps01_hiphop_male {
    width:100%;
  }
  .ps01_hiphop_male {
    margin-top:3vw;
  }
  .ps01_hiphop_itemwrap {
    width:100%;
  }
  .ps01_hiphop_item {
    width:50%;
  }
  .ps01_hiphop_item_brand {
    font-size: 1.2em;
    line-height:normal;
  }
  .ps01_hiphop_item_name {
    font-size: 1em;
    line-height:normal;
  }
  .ps_01_hiphop_female_mobile, .ps_01_hiphop_male_mobile {
    width:90vw;
    height:45vw;
    margin:0 auto;
    overflow:hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size:contain;
  }
  .ps_01_hiphop_female_mobile {
    background-image:url("../images/ps01_f_imgT.gif");
  }

  .ps_01_hiphop_female_mobile_model  {
    display:block;
    width:45%;
    float:left;
    margin-left:4vw;
  }
  .ps_01_hiphop_male_mobile_model  {
    display:block;
    width:45%;
    float:right;
    margin-right:4vw;
  }
  
  /*******************promo section 02*******************/
  .ps02_wrap::before {
    height:3vw;
  }
  .ps02_wrap::after {
    height:3vw;
  }
  .ps02 {
    padding: 0px;
  }
  .ps02_title {
    margin:8vw auto 3vw auto;
  }
  .ps02_flexG3_container {
    flex-wrap:wrap;
    justify-content:space-around;
    padding:0vw;
  }
  .ps02_flexG3_item {
    margin-bottom:0vw; /*宮格與下方版位間距-可調整*/
    flex-basis: 100%;
  }
  
  /*******************promo section 03*******************/
  .ps03_wrap {
    background-image:url("../images/ps03_mobile_bg.jpg");
    background-position:center top;
    background-repeat: repeat-y;
    background-size:contain;
    padding-bottom:12vw;
  }
  .ps03_wrap::before {
    height:3vw;
  }
  .ps03_wrap::after {
    height:3vw;
  }
  .ps03_title {
    margin:8vw auto 3vw auto;
  }
  .ps03_hiphop_content_L, .ps03_hiphop_content_R {
    width:100%;
    padding:3.6% 1.47%;
  }
  .ps03_hiphop_content_L, .ps03_hiphop_content_R {
    margin-bottom: 1vw;
  }
  
  /*******************promo section 04*******************/
  .ps04_wrap {
    background-image:url("../images/ps04_mobile_bg.jpg");
    background-position:center top;
    background-repeat: repeat-y;
    background-size:contain;
    padding-bottom:12vw;
  }
  .ps04_wrap::before {
    height:3vw;
  }
  .ps04_wrap::after {
    height:3vw;
  }
  .ps04_title {
    margin:8vw auto 6vw auto;
  }
  .ps04_hiphop_content {
    width:95%;
    margin:0 auto;
  }
  .ps04_hiphop_flexG4_item .for_desktop {display:none;}
  .ps04_hiphop_flexG4_item .for_mobile {display:block;}
  
  /*******************promo section 05*******************/
  .ps05_wrap::before {
    height:3vw;
  }
  .ps05_wrap::after {
    height:3vw;
  }
  /*******************promo section 05*******************/
  .ps06_wrap::before {
    height:3vw;
  }
  .ps06_wrap::after {
    height:3vw;
  }
	/*新增CSS*/
	/*KV投票區域*/
	.vote {
    margin: -70vw auto auto 9%;
}
	.vote div {
    width: 39%;
    height: 33.5vw;
}
	.vote p {
    margin-top: 4vw;
    font-size: 1.5em;
}
	.vote p span {
    font-size: 6vw;
}
	.vote_box {
    display: block;
    background-color: #20201f;
    height: 70vw;
    width: 100%;
}
	.vote_info {
    margin: -144vw auto 0% 43%;
    }
	.vote_btn {
    margin-top: 14vw;
    font-size: 1.2em;
}
	/*翻唱挑戰*/
	.audition_btn button {
    font-size: 1.8em;
}
	.audition_table{
		display: none;
	}
    .audition_tableM {
        display: block;
        margin: 2vh auto -4vh;
        width: 50%;
    }
	.audition_title {
    width: 35%;
}
	.audition_img img {
    width: 49%;
    margin: 1% 1% 6%;
}
	.audition_text {
    width: 90%;
}
	.audition_top {
    margin-top: -4.7%;
}
	/*0418新增*/
	.menu img{
		width: 23%;
	}
	.modal-body-inner {
    height: 75vh;
}
	/*影片popup*/
    .vmodal-content-youtube {
        max-width: 50%;
        max-height: 65%;
        margin: 30vw auto auto;
	}
	.vclose-youtube {
        top: 21.5vh;
        right: 19vw;
    }
	.vmodal-content-instagram {
    width: 401px;
    height: 92vw;
    margin: 25% auto auto;
}
	.vclose-instagram {
    right: 19%;
    top: 24vw;
}
	/*人氣票選*/
	.popular_title {
    width: 40%;
    margin: 6% auto 10%;
}
	.popular_gift, .pro_title, .pro_bt{
		display: none;
	}
	
	.popular_gift_m {
    display: block;
    width: 85%;
    margin: 0 auto;
}
	.pro_title_m, .pro_bt_m{
	display: block;
}
	.popular_giftArea p {
    font-size: 1.5em;
    line-height: 1.5em;
}
	.voteArea_inline {
    width: 30%;
}
	.cover_voteArea p {
    line-height: 3.5vw;
    font-size: 1.2em;
}
	.cover_btn_1, .cover_btn_2, .cover_btn_3 {
    font-size: 1.1em;
    padding: 0.2% 10%;
    margin: 1vw auto 5vw;
}
	/*公告區*/
	.event_two_title{
		display: none;
	}
    .event_M_title {
        display: block;
        width: 78%;
        margin: 0 auto;
        padding: 9% 0 6.5%;
    }
	.audition {
    padding-bottom: 4vh;
}
	.audition_btn {
    margin-top: -5vw;
}
    .audition_btn button {
        font-size: 1.3em;
		padding: 0.3% 3%;
    }
	.ranking_table div {
        width: 35%;
        margin: auto 1% 7%;
    }
	/*作品回顧*/
	.popular_PC{
		display: none !important;
	}
	.popular_MB{
		display: block !important;
	}
    .popular_vedio_all img {
        width: 76%;
        margin: 7vw auto 5vw;
    }
	.chosen_vedio img {
        width: 44% !important;
    	margin: 2% !important;
}
}
@media screen and (max-width:499px) {
	/*新增CSS*/
	/*KV投票區域*/
	.vote_btn {
    margin-top: 13vw;
    font-size: 1em;
}
	.vote p {
    margin-top: 4.5vw;
    font-size: 1em;
}
	  /*海選徵件*/
    .event_two_title {
        width: 90%;
        margin: 0 auto;
        padding: 9% 0 3%;
    }
	.audition_title {
    width: 50%;
}
	.audition_tableM {
    width: 55%;
}
	.audition_img img {
    width: 65%;
}
	.audition_text {
    line-height: 6.5vw;
}
	.audition_btn {
    text-align: center;
    margin: 3% auto;
}
	.audition_btn button {
    font-size: 1em;
    letter-spacing: 0em;
    padding: 0.4% 4%;
}
	.audition_top {
    margin-top: -3.6%;
}
	/*popup*/
	.susses_text {
    font-size: 1.5em;
    line-height: 7vw;
}
	.pop-modal {
    padding-top: 18%;
}
	  /*0418新增*/
	.modal-body-inner {
    height: 70vh;
}
	  .menu img {
    width: 35%;
}
	  /*影片popup*/
    .vmodal-content-youtube {
        max-width: 75%;
        max-height: 65%;
        margin: 19vh auto auto;
    }
    .vclose-youtube {
        top: 18.5vh;
        right: 7vw;
    }
	 .vmodal-content-instagram {
    width: 399px;
    max-width: 80%;
    height: 141vw;
    margin: 26% auto auto;
}
	 .vclose-instagram {
    right: 10%;
    top: 19vw;
}
	  /*人氣票選*/
	.popular_title {
    width: 50%;
    margin: 10% auto 15%;
}
	.popular_gift_m {
    width: 90%;
}
	.popular_giftArea p {
    font-size: 1.2em;
    line-height: 1.5em;
}
	.voteArea_inline {
    width: 47%;
}
	.cover_voteArea p {
    line-height: 5.5vw;
}
	/*公告區*/
	.event_M_title {
        width: 90%;
        padding: 13% 0 6.5%;
    }
    .ranking_table div {
        width: 45%;
    }
	.audition_btn {
        margin: 0% auto;
    }
	.audition_btn button {
        font-size: 1.5em;
        padding: 0.4% 6%;
    }
	/*作品回顧*/
	.popular_vedio_all img {
        margin: 9vw auto 5vw;
        width: 88%;
    }
	.chosen_vedio {
    padding: 8% 4% 10%;
}
}
@media (max-width:430px){
	.pop-modal {
    padding-top: 30%;
}
	/*影片popup*/
    .vmodal-content-youtube {
        max-width: 80%;
        margin: 18vh auto auto;
        padding: 5px;
    }
    .vclose-youtube {
        top: 17vh;
		right: 4vw;
    }
	.vmodal-content-instagram {
    height: 144vw;
    width: 342px;
    margin: 29% auto auto;
    max-width: 80%;
}
	.vclose-instagram {
    right: 11%;
    top: 21vw;
}
	/*人氣票選*/
	.popular_giftArea p {
    font-size: 1.4em;
    line-height: 1.5em;
}
	.cover_voteArea p {
    line-height: 6vw;
}
	/*公告區*/
	.audition_top {
    margin-top: -3%;
}
    .audition_btn {
        margin-top: -4vw;
    }
	.event_M_title {
        width: 100%;
    }
    .ranking_table div {
        width: 65%;
        margin: auto 1% 10%;
    }
	/*作品回顧*/
	.popular_vedio_all img {
        width: 92%;
    }
    .chosen_vedio {
        padding: 8% 0% 9%;
    }
}
/*******************btn*******************/
/*******************btn*******************/
@media (max-width:1279px) {
  .btn, .livelyBtn, .drawBtn, .solidBtn, .flashBtn {font-size: 1.2vw; line-height: 2.4vw;}
}
@media (max-width:767px) {
  .btn, .livelyBtn, .drawBtn, .solidBtn, .flashBtn {font-size: 2vw; line-height: 4.5vw;}
  .ps01_hiphop_btn {font-size: 2vw; line-height: 4.5vw;}
}
@media (max-width:414px) {
  .btn, .livelyBtn, .drawBtn, .solidBtn, .flashBtn {line-height: 6vw;}
   .ps01_hiphop_btn {line-height: 6vw;}
}
/*******************popUp*******************/
/*******************popUp*******************/
@media (max-width:1400px) {
  .modal-body-text-wrap h5{font-size: 1.2vw;} 
}
@media (max-width:1280px) {
  .modal-body-text-wrap h5{font-size: 1.3vw;}
}
@media (max-width:1024px) {
  .modal-body-text-wrap h5{font-size: 1.6vw;}
}
@media (max-width:768px) {
  .modal-body-text-wrap h5{font-size: 2.1vw;}
  .modal-content {width: 90%;}
}
@media (max-width:625px) {
  .modal-body-text-wrap h5{font-size: 2.8vw;}
}
@media (max-width:510px) {
  .modal-body-text-wrap h5{font-size: 3.7vw;}
}
@media (max-width:499px) {
  .modal-header h3 {font-size: 18px;}
  .modal-body-text-wrap h5 {font-size: 4.1vw; line-height: normal;}
}

/*******************sideBar*******************/
/*******************sideBar*******************/
@media (max-width:1280px) {
	.menu {width: 15%;}
	.menu__style {padding: 6% 1% 10%;}
	.menu ul li {font-size: 1.2vw;line-height: 2.5vw;}
}
@media (max-width:1024px) {
	.menu {width: 18%;}
	.menu ul li {font-size: 1.5vw; line-height: 3.2vw;}
}
@media (max-width:768px) {
  .menu {width: 100%; bottom: 0; right: 0;}
	.menu>img {max-width: 28%; margin-left:8px; padding: 0;}
	.menu__style {padding: 1% 4% 2% 4%;}
	.menu ul li {padding: 2px 8px;font-size: 0.95em;line-height: 2em;width: auto;}
	#sidebar .toggle-btn{bottom: 0px;border-radius: 5px 0 0 0;}
}
@media (max-width:375px) {
	.menu__style {padding: 1% 6% 2% 6%;}
  .menu ul li {font-size: 0.8em;line-height: 1.8em;}
	#sidebar .toggle-btn span{width: 26px;font-size: 0.9em;margin: 3px 0;}
}

/*******************toTop*******************/
/*******************toTop*******************/
@media (max-width:768px) {
  .toTop-arrow{bottom: 12%;}
}
@media (max-width:520px) {
  .toTop-arrow{bottom: 14%;}
}
@media (max-width:320px) {
  .toTop-arrow{bottom: 16%;}
}