@charset "UTF-8";
body {
  font-size: 18px;
  font-family: "Poppins", "Segoe UI", "Open Sans", "Meiryo", "微軟正黑體", "MS UI Gothic", "MS PGothic", Arial, Helvetica, sans-serif;
	
}


body.jpn {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif !important;
}

.section_part h3 {
  font-size: 40px;
  position: relative;
  text-transform:uppercase;  /*	202203new*/
}
.section_part > h4 {
  font-size: 32px;
  font-weight: bold;
  margin-top: 60px;
}
.section_part.anchor {
  padding-top: 60px;
}
.section_part.inner_section {
  margin-top: 0px;
  padding-top: 0;
}
.section_part.banner.anchor {
  margin-top: 60px;
  padding-top: 0;
}

.section_part.banner.anchor.prize_bg {
  margin-top: 60px;
  padding-top: 50px;;
}


@media screen and (max-width:991px) {
  body, .btn {
    font-size: 16px;
  }
  .section_part h3, .ig_tagboard h3 {
    font-size: 32px !important;
  }
  .section_part > h4 {
    font-size: 28px;
  }
}
@media screen and (max-width:768px) {
  .section_part h3, .ig_tagboard h3 {
    font-size: 30px !important;
  }
  .section_part h4 {
    font-size: 26px;
  }
}
@media screen and (max-width:600px) {
  .section_part.anchor {
    padding-top: 40px;
  }
}
@media screen and (max-width:480px) {
  .section_part h3, .ig_tagboard h3 {
    font-size: 28px !important;
  }
  .section_part h4 {
    font-size: 22px;
  }
}

.top_main.surrealism {
  height: 100vh;
  min-height: auto;
/*  background-color:#e8a8f8;*/
  overflow: hidden;
  background-color:#1f3d4b;
/*  background-image: url("../images/skyler-ewing-10245752-bg.jpg")	*/
	height: 90%;
	
}
.top_main.surrealism video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translateX(-50%) translateY(-40%);
  z-index: 0;
}
.top_main.surrealism .black_glass {
  background-image: linear-gradient(to top right, rgba(255,47,47,.55) 5%, rgba(255,43,234,0.3), );
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
  background: rgba(5,1,73,0.4);
  height: 100%;
}
.top_main.surrealism .top_des {
  width: 100%;
  padding: 15px;
  text-align: left;
  position: relative;
/*  transform: translateY(-50%);*/
  z-index: 3;
}
.top_main.surrealism .inner {
  font-family: sans-serif, "Open Sans" ;
}
.top_main.surrealism .top_title {
  font-size: 66px;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-shadow: 0 2px 8px rgb(114,103,196,0.3);

}
body.cht .top_main.surrealism .inner {
  font-family: "微軟正黑體", "Heiti" !important;
}
body.cht .top_main.surrealism .top_title {
  font-size: 106px;
  font-weight: bold;
}
body.jpn .top_main.surrealism .inner {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" !important;
}
body.jpn .top_main.surrealism .top_title {
  font-size: 96px;
  font-weight: bold;
}

.adD_icon_text{
	display: inline-block;
	height: 52px;
	
/*    margin-top: -12px;*/
}
.top_main.surrealism .top_title2 {
    font-size: 37px;
    line-height: normal;
    margin-bottom: 5px;
}
.top_title2 >div{
    background: #fff;
    color: #0a002e;
    border-radius: 17px;
    display: inline-block;
	padding: 7px 14px 7px 14px;
}

.top_des .inner  div:nth-child(3){
	margin-top:20px;
}
.top_main.surrealism .top_title3 {
  font-size: 27px;
  line-height: normal;
  margin-bottom: 30px;
   padding-left: 10px;
}
.top_main.surrealism .top_title span {
  display: inline-block;
  opacity: 1;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
/*
.top_main.surrealism .top_title span:nth-child(1) {
  animation-name: title1;
  animation-duration: 3.5s;
  animation-delay: .3s;
}
.top_main.surrealism .top_title span:nth-child(2) {
  animation-name: title2;
  animation-duration: 3s;
  animation-delay: .3s;
}
.top_main.surrealism .top_title span:nth-child(3) {
  animation-name: title3;
  animation-duration: 3.5s;
  animation-delay: .3s;
}
*/
.top_main.surrealism .top_title2, .top_main.surrealism .btn {
  opacity: 1;
/*
  animation-name: title4;
  animation-duration: 2s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
*/
}
.top_main.surrealism .top_title2 {
  animation-delay: .8s;
}
.top_main.surrealism .top_title3 {
  animation-delay: .8s;
}

.top_main.surrealism .btn {
  animation-delay: 1.2s;
}
@keyframes title1 {
  0% {
    opacity: 0;
    transform: translateX(-500%) scale(6);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes title2 {
  0% {
    opacity: 0;
    transform: translateX(0) scale(6);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes title3 {
  0% {
    opacity: 0;
    transform: translateX(500%) scale(6);
  }
  100% {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}
@keyframes title4 {
  0% {
    opacity: 0;
    transform: translateY(75%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.content.surrealism {
  background-image: none;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  width:100%;/*	new*/
  overflow:hidden;/*	new*/
}

.sub_nav.regular {
  background-color: rgba(19, 19, 19, .9);
  padding: 0;
  position: relative;
/*
  bottom: 0;
  left: 0;
  right: 0;
*/
  z-index: 4;
}
@media screen and (min-width:991px) {
  .sub_nav.regular ul > li {
    min-width: 230px;
    border-bottom: none;
    display: block;
    padding: 0 15px;
    opacity: 0;
    animation-name: title4;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
  }
	

  .sub_nav.regular ul > li:nth-child(1) {
    animation-delay: .25s;
  }
  .sub_nav.regular ul > li:nth-child(2) {
    animation-delay: .5s;
  }
  .sub_nav.regular ul > li:nth-child(3) {
    animation-delay: .75s;
  }
  .sub_nav.regular ul > li:nth-child(4) {
    animation-delay: 1s;
  }
  .sub_nav.regular ul > li:nth-child(5) {
    animation-delay: 1.25s;
  }
  .sub_nav.regular ul > li:nth-child(6) {
    animation-delay: 1.5s;
  }
  .sub_nav.regular ul > li:nth-child(7) {
    animation-delay: 1.75s;
  }
}

.sub_nav.regular ul > li::before {
  content: "";
  height: 100%;
  display: inline-block;
  margin-left: -6px;
  vertical-align: middle;
}
.sub_nav.regular ul > li > a {
  color: #ddd;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  padding: 15px;
  vertical-align: baseline;
  transition: color ease .2s;
}
.sub_nav.regular ul > li > a:hover {
  color: #ff2b96;
}
.sub_nav.sticky > ul > li {
  max-width: 260px;
}
.sub_nav ul > li > a:hover, .sub_nav ul > li.active > a {
  font-weight: 600;
}

.sub_nav.sticky {
  justify-content: left;
  -webkit-justify-content: left;
  -ms-justify-content: left;
}
.sub_nav.sticky > ul {
/*  width: calc(100% - 280px);*/
  width: 70%;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.sub_nav.sticky ul > li > a, .sub_nav.sticky ul > li.active > a {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.sub_nav.sticky ul > li > a {
  padding: 0 30px;
}
@media screen and (max-width:1400px) {
  .sub_nav.regular ul > li {
    width: 16.66%;
    min-width: auto;
  }
  .sub_nav.sticky ul > li > a {
    padding: 0 20px;
  }
}
@media screen and (max-width:1200px) {
  .sub_nav.regular ul > li > a {
    padding: 10px;
  }
  .sub_nav.sticky {
    display: none;
  }
  .top_main.surrealism .top_title3 {
	text-shadow: 0 2px 8px rgb(114 103 196 / 30%);	
  }
}
@media screen and (max-width:991px) {
	.adD_icon_text {
    height: 54px;
/*    margin-top: -12px;*/
	}
  .top_main.surrealism .top_title2 {
    font-size: 30px;

  }
  .top_main.surrealism .top_title3 {
    font-size: 24px;
	text-shadow: 0 2px 8px rgb(114 103 196 / 30%);
  }
  .top_main.surrealism .top_title {
    font-size: 48px;
  }
  body.cht .top_main.surrealism .top_title, body.jpn .top_main.surrealism .top_title {
    font-size: 84px;
  }
  .sub_nav.regular ul > li {
    width: 33.333%;
    border: 1px solid #444;
    border-right: none;
    border-bottom: none;
  }
  .sub_nav.regular ul > li:nth-child(1), .sub_nav.regular ul > li:nth-child(4) {
    border-left: none;
  }
}
@media screen and (max-width:768px) {
  .top_main.surrealism {
    height: auto;
    min-height: 500px;
  }
  .top_main.surrealism .top_title {
    font-size: 42px;
  }
  body.cht .top_main.surrealism .top_title, body.jpn .top_main.surrealism .top_title {
    font-size: 64px;
  }
  .top_main.surrealism .top_des {
    width: calc(100% - 100px);
    right: 50px;
    top: 55%;
  }
  .sub_nav.regular {
    position: relative;
  }
  .sub_nav.regular ul > li {
    background-color: transparent;
    flex: none;
  }
  .sub_nav.regular ul > li > a {
    width: 100%;
    min-height: 61px;
  }
}
@media screen and (max-width:600px) {
  .top_main.surrealism {
    /* height: auto; */
    min-height: 400px;
  }
  .top_main.surrealism .black_glass {
    background-image: none;
    background-color: rgba(0,0,0,.25);
  }
  .top_main.surrealism .top_des {
    width: 100%;
    text-align: left;
    left: 50%;
    top: 78%;
    transform: translateX(-50%) translateY(-70%);
  }
  .top_main.surrealism .top_title, body.cht .top_main.surrealism .top_title, body.jpn .top_main.surrealism .top_title {
    font-size: 40px;
  }
  /* .top_main.surrealism .src {
    font-size: 24px;
    margin-bottom: 5px;
  }
  .top_main.surrealism .src strong {
    display: block;
  } */
  .top_main.surrealism .top_title2 {
    font-size: 24px;
    margin-bottom: 15px;
	border-radius: 7px;
  }
  .top_main.surrealism .top_title3 {
    font-size: 18px;
    margin-bottom: 10px;
	padding-top:0px;
  }
  /* .sub_nav.regular {
    position: relative;
  } */
  .sub_nav.regular ul > li {
    width: 50%;
  }
	

	
  .sub_nav.regular ul > li:nth-child(4) {
    border-left: 1px solid #444;
  }
  .sub_nav.regular ul > li > a {
    min-height: 48px;
    font-size: 13px;
    line-height: 19px;
    padding: 5px;
  }
}

	
	@media screen and (max-width:600px) {
		.sub_nav.regular ul > li:nth-child(5){
			width:100%;
			
		}
		
		
	}
	
.schedule {
  width: 60%;
  margin: 0 auto;
/*  margin-top: 30px;*/
  margin-top:60px;
}
.schedule > div {
  width: 33%;
  padding: 0 3%;
  position: relative;
  opacity: .4;
  transition: opacity ease .2s;
}
.schedule > div.active, .schedule > div.passed {
  opacity: 1;
}
.schedule > div.passed .inner .icon, .schedule > div.passed .inner .txt {
  opacity: .75;

	
	
}
.schedule > div.passed .inner .icon > span {
  color: #db0000;
  background-color: rgba(255, 255, 255, 0.4);
  display: inline-block;
  font-size: 28px;
  font-weight: bold;
  border: 4px solid #db0000;
  border-radius: 5px;
  line-height: 28px;
  padding: 5px 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  transform: translateX(-50%) translateY(-50%) rotateZ(-10deg);
}
.schedule > div .inner {
  position: relative;
  z-index: 2;
}
.schedule .inner .icon {
  position: relative;
  margin-bottom	:13px; /*new*/
  width:80%;
}
.schedule .inner .icon > img {
/*  width: 100%;*/
  width:80%;
  height: auto;
  display: block;
  margin:0 auto;/*	new*/
}
.schedule .inner .icon::after {
  content: "";
  width: 31.5%;
  height: 6px;
  background-color: #3f444f;
  display: block;
  position: absolute;
/*  right: -31.5%;*/
  right: -45.5%;
  top: 50%;
  transform: translateY(-50%);
}
.schedule > div:last-child .inner .icon::after {
  display: none;
}

.schedule.row2 > div:first-child .inner .icon::after {
  display: none;
}


.schedule .inner .txt {
  padding: 10px;

}


.schedule .inner .txt p{
  font-size:18px;
  font-weight: 500;
}
.schedule .inner .txt > p:first-child {
  font-weight: 700;
  line-height: 20px;
	font-size:20px;

}
.schedule .inner .txt > p:first-child > span {
  font-size: 14px;
}
@media screen and (max-width:1400px) {
  .schedule > div.passed .inner .icon > span {
    font-size: 24px;
    line-height: 24px;
  }
}
@media screen and (max-width:1200px) {
  .schedule {
    width: 100%;
  }
}
@media screen and (max-width:991px) {
  .schedule {
    margin-top: 0;
  }
  .schedule > div {
    padding: 1%;
  }
  .schedule .inner .icon::after {
    width: 9%;
    right: -9%;
  }
}
@media screen and (max-width:768px) {

}
@media screen and (max-width:600px) {
  .schedule > div {
    width: 100%;
    min-height: 110px;
    padding: 1% 15px;
  }
  .schedule .inner .icon, .schedule .inner .txt {
    display: inline-block;
    vertical-align: middle;
  }
  .schedule .inner .icon {
    width: 27%;
  }
  .schedule .inner .txt {
    width: 70%;
    text-align: left;
  }
  .schedule .inner .icon::after {
    display: none;
    width: 11%;
    left: 46%;
    right: auto;
    top: auto;
    transform: rotateZ(-90deg);
  }
  .schedule .inner .txt > p:first-child {
    height: auto;

  }
  .schedule > div.passed .inner .icon > span {
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
  }
}

.steps_list {
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
}
.steps_list > div {
  width: 25%;
  padding: 1%;
}
.steps_list .inner {
  height: 100%;
  padding-bottom: 130px;
  position: relative;
}
.steps_list .inner h4 {
  font-size: 20px;
}
.steps_list .inner .pic {
  text-align: center;
  position: relative;
}
.steps_list .inner .pic > img {
  width: 150px;
  height: 150px;
  display: inline-block;
}
.steps_list .inner .txt_area {
  height: 80px;
  font-size: 16px;
  position: absolute;
  bottom: 50px;
}
body.jpn .steps_list .inner .txt_area {
  font-size: 15px;
}
.steps_list .inner .btn_area {
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media screen and (max-width:1200px) {
  .steps_list {
    width: 100%;
  }
  .steps_list .inner {
    padding-bottom: 170px;
  }
  .steps_list .inner .txt_area {
    height: 120px;
  }
}
@media screen and (max-width:991px) {
  .steps_list {
    margin-top: 0;
  }
  .steps_list > div {
    width: 50%;
    padding: 15px;
  }
}
@media screen and (max-width:600px) {
  .steps_list > div {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 30px 10px;
  }
  .steps_list .inner {
    padding-bottom: 0;
  }
  .steps_list .inner .txt_area, .steps_list .inner .btn_area {
    position: relative;
    bottom: auto;
  }
  .steps_list .inner .txt_area {
    height: auto;
  }
  .steps_list .inner .pic > img {
    width: 100px;
    height: 100px;
  }
}

.pdr_creative {
  background-color:#274c76;
  padding: 50px 0;
  margin: 0 -15px;
  margin-bottom: 0;
}
.pdr_creative h3, .pdr_creative p {
  color: #fff;
}
.pdr_creative_swiper {
  max-width: 1200px;
  margin: 60px auto;
  margin-bottom: 30px;
  position: relative;
}
.pdr_creative .btn {
  margin: 7px 5px;
}
@media screen and (max-width:768px) {
  .pdr_creative h3, .pdr_creative p {
    padding: 0 15px;
  }
}

.download_list {
  max-width: 920px;
  margin: 0 auto;
}
.download_list .flex_block {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.download_list .download_app {
  height: auto;
  padding: 15px;
}
.download_list .download_app:first-child {
  padding-left: 0;
}
.download_list .download_app:last-child {
  padding-right: 0;
}
.download_list .download_app .inner {
  height: 100%;
  background-color: rgba(230,230,230, .35);
  border: 1px solid #6d6d6d;
  padding: 20px 15px;
}
.download_list .download_app .inner > div:first-child {
  position: relative;
}
.download_list .download_app .inner > div:first-child:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #ccc;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.download_list h4 {
  font-size: 23px;
  margin-top: 0;
}
.download_list h4 > span {
  display: inline-block;
  vertical-align: middle;
}
.download_list h4 > span:last-child {
  margin: 0 5px;
  text-align: left;
}
.download_list .icon_app {
  width: 60px;
}
.download_list .download_app.pc .app_area .app .logo {
  display: inline-block;
  width: 50px;
  text-align: center;
  margin: 0 10px;
  vertical-align: middle;
}
.download_list .download_app.pc .app_area .app .logo img {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}
.download_list .download_app.pc .app_area .app .logo_name {
  color: #676767;
  font-size: 13px;
  line-height: 13px;
}
.download_list .download_app.pc .app_area .app .btn span {
  display: inline-block;
  vertical-align: middle;
}
.download_list .download_app.pc .app_area .app .btn span:first-child {
  width: 18px;
  height: 23px;
}
.download_list .download_app .app_area a {
  height: 50px;
  display: inline-block;
}
.download_list .download_app .app_area a > img {
  width: auto;
  max-height: 100%;
  display: inline-block;
}
.download_list .app_area .app {
  display: inline-block;
  margin: 5px;
  margin-top: 10px;
  margin-bottom: 0;
}
.download_list .app_area a.btn_download {
  background-color: #000;
  color: #fff;
  border: 1px solid #b1b2b1;
  border-radius: 7px;
  padding: 11px 30px 11px 25px;
}
.download_list .app_area a.btn_download:hover {
  background-color: #111;
}
.download_list .app_area .app a.btn_download.win, .download_list .app_area .app a.btn_download.win:hover {
  background-color: #000;
  padding: 5px 20px 6px 20px;
}
.download_list .app_area .app a.btn_download.win .logo, .download_list .app_area .app a.btn_download.win .txt {
  display: inline-block;
  vertical-align: middle;
}
.download_list .app_area .app a.btn_download.win .txt {
  font-size: 14px;
  line-height: 16px;
  text-align: left;
}
.download_list .app_area .app a.btn_download.win .logo {
  width: auto;
  margin: auto;
  padding-right: 5px;
}
.download_list .app_area .app a.btn_download.win .logo img {
  width: 30px;
  height: 30px;
}
.download_list .app_area .app a.btn_download.win span {
  font-size: 20px;
  font-weight: 600;
}
.download_list.btn_valign .download_app .inner {
  padding-bottom: 70px;
  position: relative;
}
.download_list.btn_valign .download_app .app_area {
  text-align: center;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}
@media screen and (max-width:991px) {
  .download_list h4 {
    font-size: 21px;
  }
  .download_list.cht .download_app .inner > p {
    height: auto;
  }
  .download_list .download_app {
    padding: 15px 10px !important;
  }
  .download_list .download_app .flex_2_columns {
    width: 50%;
  }
  .download_list .icon_app {
    width: 55px;
  }
  .download_list h4 > span {
    display: block;
    font-size: 20px;
    padding: 5px 0;
    margin: 0 auto;
  }
  .download_list h4 > span:last-child {
    margin-left: 0;
    text-align: center;
  }
}
@media screen and (max-width:768px) {
  .download_list .download_app .flex_2_columns {
    width: 100%;
  }
  .download_list .download_app .inner > div:first-child {
    padding-bottom: 30px;
  }
  .download_list .download_app .inner > div:first-child:after {
    width: 90%;
    height: 1px;
    background-color: #bbb;
    display: block;
    position: absolute;
    bottom: 0;
    right: 50%;
    top: auto;
    transform: translateX(50%);
  }
  .download_list .download_app {
    width: 100%;
    padding: 10px !important;
  }
}
@media screen and (max-width:480px) {
  .download_list .download_app.pc .app_area .app .logo {
    margin-bottom: 5px;
  }
}

.rules_list {
  width: auto;
  text-align: left;
  list-style-image: url(../images/list_dot.png);
  margin: 0 6px;
  padding: 0;
  padding-left: 20px;
}
.rules_list li {
  margin-bottom: 20px;
}

/* circle */
.judge_rate_circle {
  margin-bottom: 30px;
  margin-top:60px;
}
.judge_rate_circle > div {
  padding: 15px;
}
.circle_percent {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.circle_title {
  font-weight: 700;
  padding-top: 12px;
  font-size:22px;
}

.circle_title span {
	/* font-weight: 500; */
	font-size:small;
	font-size:16px;
font-size: 400;font-weight: 400;
}

.circle_title .note{
	font-size:14px;
	line-height:16px;
	font-weight:600;

	
}
.circle_box {
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
}
.circle_wrapper {
  width: 100px;
  height: 200px;
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: 2;
}
.circle_wrapper_right {
  right: 0;
}
.circle_wrapper_left {
  left: 0;
}
.circle_whole {
  width: 200px;
  height: 200px;
  border-width: 26px;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: rotateZ(45deg);
}
.circle_right {
  border-top-color: #333;
  border-right-color: #333;
  right: 1px;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  animation-play-state: paused;
  animation-delay: 0s;
  /* animation: circleRight .75s linear forwards 1; */
}
.circle_left {
  border-bottom-color: #333;
  border-left-color: #333;
  left: 1px;
  /* animation: circleLeft .75s ease-out forwards 1; */
}
#circle_1 .circle_whole {
/*  border-color: #668ab5;*/
	border-color: #aed8ff;
}
#circle_1 .circle_right {

  border-top-color: #0083fe;
  border-right-color:#0083fe;
  animation-name: circleLeft1;
  animation-duration: 1.25s;
}
#circle_1 .circle_right.active {
  animation-play-state: running;
}
#circle_2 .circle_whole {
  border-color: #d2ebe5;
}
#circle_2 .circle_right {
  border-top-color: #12ba85;
  border-right-color: #12ba85;
  animation-name: circleLeft2;
  animation-duration: 1.25s;
}
#circle_2 .circle_right.active {
  animation-play-state: running;
}

#circle_3 .circle_whole {
  border-color: #ffe39d;
}
#circle_3 .circle_right {
  border-top-color: #ffbd1c;
  border-right-color: #ffbd1c;
  animation-name: circleLeft3;
  animation-duration: 1.25s;
}
#circle_3 .circle_right.active {
  animation-play-state: running;
}
#circle_4 .circle_whole {
  border-color: #ffd4d8;
}
#circle_4 .circle_right {
  border-top-color: #ff0c28;
  border-right-color: #ff0c28;
  animation-name: circleLeft4;
  animation-duration: 1.25s;
}
#circle_4 .circle_right.active {
  animation-play-state: running;
}
@keyframes circleRight {
  0% {
    transform: rotateZ(-135deg);
  }
  50%,
  100% {
    transform: rotateZ(45deg);
  }
}
@keyframes circleLeft {
  0%,
  50% {
    transform: rotateZ(-135deg);
  }
  100% {
    transform: rotateZ(45deg);
  }
}
@keyframes circleLeft1 {
  0%,
  50% {
    transform: rotateZ(-135deg);
  }
  100% {
    transform: rotateZ(-27deg);
  }
}
@keyframes circleLeft2 {
  0%,
  50% {
    transform: rotateZ(-135deg);
  }
  100% {
    transform: rotateZ(-63deg);
  }
}
@keyframes circleLeft3 {
  0%,
  50% {
    transform: rotateZ(-135deg);
  }
  100% {
    transform: rotateZ(-45deg);
  }
}
@keyframes circleLeft4 {
  0%,
  50% {
    transform: rotateZ(-135deg);
  }
  100% {
    transform: rotateZ(-45deg);
  }
}
@media screen and (max-width:991px) {
  .judge_rate_circle {
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:600px) {
  .circle_wrapper {
    width: 75px;
    height: 150px;
  }
  .circle_whole {
    border-width: 18px;
  }
  .circle_box, .circle_whole {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width:360px) {
  .circle_wrapper {
    width: 60px;
    height: 120px;
  }
  .circle_whole {
    border-width: 12px;
  }
  .circle_box, .circle_whole {
    width: 120px;
    height: 120px;
  }
}

.guideline .note {
  padding: 0 15px;
  text-align: left;
}
.guideline_notice {
  max-width: 720px;
  border-style: solid;
  border-width: 1px;
  border-color: #917533;
  background-color: #fffaed;
  margin: 30px auto;
  padding: 30px;
  text-align: left;
}
.guideline_notice ol, .guideline_notice ul, .guideline_notice p {
  max-width: 465px;
  /* list-style: none; */
  margin: 0 auto;
  padding: 0;
  padding-left: 20px;

}
.guideline_notice ol li, .guideline_notice ul li {
  /* font-weight: 500; */
  margin-bottom: 10px;
}
.guideline_notice p {
  font-weight: 600;
  margin-top: 20px;
  padding: 0;
}
.guideline_notice ol.note li, .guideline_notice ul.note li {
  font-weight: normal;
}
.guideline_notice ol li strong, .guideline_notice ul li strong {
  color: #2184cb;
}
.guideline_notice h4 {
  margin: 0;
  margin-bottom: 20px;
}
.guideline_notice.allow {
  height: 100%;
  background-color:#f3fffb;
  border-color:  #12ba85;
  border-width: 3px;
  margin: 0;
  border-radius:40px;
}
.guideline_notice.reject {
  height: 100%;
  background-color: #fce3e3;
  border-color: #FF0000;
  border-width: 3px;
  margin: 0;
  color:#FFF;
  border-radius: 40px;

}
.group_guideline_notice {
/*  margin: 15px 0;*/
    max-width: 840px;
	max-width: 960px;
	margin:0 auto;
	font-size:16px;
	margin-bottom:20px;
	color:#fff;
}

.group_guideline_notice .flex_2_column{
	position: relative;
	
	
}

.group_guideline_notice .flex_2_columns:first-child{
	width:60%;
/*	padding:20px;*/
}

.group_guideline_notice .flex_2_columns:last-child{
	width:40%;
	
}
.guideline_notice.allow ul, .guideline_notice.reject ul {
  list-style: disc;
}
.guideline_notice.allow ul li::before, .guideline_notice.reject ul li::before {
  content: "";
  width: 0px;
  height: 0px;
  display: inline-block;
  margin-top: 5px;
  vertical-align: top;
}
.guideline_notice.allow ul li::before {
  background-image: none;
}
.guideline_notice.reject ul li::before {
  background-image: none;
}
.guideline_notice ul li.note::before {
  content: "*";
  width: auto;
  background-image: none;
  color: red;
  font-size: 20px;
  line-height: 20px;
  margin-top: 0;
  margin-left: -8px;
  margin-right: 3px;
  vertical-align: middle;
}
.guideline_notice.allow ul li span, .guideline_notice.reject ul li span {
  width: calc(100% - 22px);
  display: inline-block;
  padding-left: 7px;
  vertical-align: top;
}
.guideline_notice.allow ul li strong {
  color: #039f00;
}


.guideline_notice.allow h4 {
  color: #049001;
}
.guideline_notice.reject h4 {
  color: #d53e2e;
}

.guideline_notice.allow img, .guideline_notice.reject img{
	max-width:100px;
	margin:0 auto;
	text-align: center;
	display: block;
	
}





@media screen and (max-width:991px) {
  .guideline_notice {
    max-width: none;
    margin: 30px 15px;
  }
  .guideline_notice ol, .guideline_notice ul, .guideline_notice p {
    max-width: none;
  }
}
@media screen and (max-width:768px) {
  .guideline_notice {
    margin: 30px 0;
  }
}
@media screen and (max-width:600px) {
  .guideline_notice {
    padding: 30px 15px;
  }
}

.prize_block {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.prize_block .inner {
/*  height: 100%;*/
  border-width: 1px;
  border-style: solid;
  padding:20px 20px 10px 20px;
  border-radius: 30px;

}
/*
.prize_block .inner span {
  display: block;
}
*/
.prize_block .inner .prize_area {
  justify-content: center;
  align-items: flex-end;
}
.prize_block .inner .prize_area span {
/*  max-width: 200px;*/
}
.prize_block .inner .prize_area .prize1 {
  width: 50%;
/*  width: 40%;*/
}
.prize_block .inner .prize_area .prize2 {
  max-width: 150px;
/*  width: calc(50% - 60px);*/
  vertical-align: bottom;
  width:50%;
}
.prize_block .inner .prize_area .prize3 {
  width: 70%;
/*  padding: 0 10px;*/

}


.prize_block .inner .prize_area .plus {
  font-size: 40px;
  padding: 0 10px;
  font-weight: bold;
}
.prize_block .inner .ranking {
  font-size: 18px;
  font-weight: 600;
  margin-bottom:6px;
  color:#FF2F2F;
}
.prize_block .prize_grand,.prize_block .prize_2nd, .prize_block .prize_3rd, .prize_block .prize_merit{
  border-color: #fff;
  border:none;
  background-color:rgba(255,255,255,0.4);
  color: #fff;
}

.prize_block .prize_merit{
	padding:0px;
	border-radius: 20px;
	
}
.prize_block .prize_2nd{position:relative;border-radius: 0px 0px 30px 30px;z-index: 0;}
.prize_2nd:after{

	content: '';
    width: 100%;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 40px;
    background-color: rgb(255 255 255 / 0.4);
    position: absolute;
    left: 0;
    top: -40px;
	z-index: -1;

}

.prize_block .prize_aud {
  border-color: #fff;
  background-color:#fff;	
}
.prize_block .prize_vote {
  border-color: #fff;
  background-color:#fff;	
}

@media screen and (max-width: 1200px) {
  .prize_block .inner {
    padding: 30px 15px 10px 15px;
  }
  .prize_block .inner.prize_merit {
    padding: 0px;
  }
}
@media screen and (max-width: 992px) {
  .prize_block .inner .prize_area .prize2 {
/*    width: calc(50% - 80px);*/
	 width: 50%;
  }
  .prize_block .inner .prize_area .plus {
/*    font-size: 60px;*/
    padding: 0 10px;
	font-size:30px;
  }
}

@media screen and (max-width: 992px) {
  .prize_block .inner.prize_merit {
    padding: 10px;
  }
	
}


@media screen and (max-width: 510px) {
  .prize_list .item, .prize_list .item.thin {
    width: 42%;
    margin: 0 10px;
    margin-bottom: 20px;
  }
  .prize_list .item p {
    font-size: 14px;
  }
  .prize_list .item.w202 {
    margin-top: 27px;
  }
  .prize_block .inner .prize_area .prize2 {
    width: calc(50% - 60px);
  }
  .prize_block .inner .prize_area .plus {
    font-size: 40px;
    padding: 0 10px;
    font-weight: bold;
  }
}

@media screen and (max-width: 990px) {

	.prize_img123 {
		width:100%;
	}
}

.ig2 {
  max-width: none;
}

.ig_tagboard {
  padding-left: 5px;
  padding-right: 5px;
}
.ig_tagboard h3 {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.28;
  margin: 0;
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: center;
}
#igPostBlock {
  max-width: 1600px;
  max-height: 180vh !important;
  margin: 0 auto;
  margin-bottom: 20px;
  overflow: hidden;
}
#igPostBlock::after {
  content: "";
  background-image: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0));
  height: 20%;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.ig_tagboard .btn_area {
  text-align: center;
}
.ig_tagboard .bottom {
  text-align: center;
}
.ig_tagboard .bottom p .num {
  background-color: yellow;
  display: inline-block;
  font-size: 110%;
  font-weight: bold;
  padding: 5px 7px;
}
@media screen and (max-width:991px) {
  .ig_tagboard .section_part {
    margin-top: 60px;
  }
}

.join_ig {
  margin-top: 60px;
}
.ig_follow {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
}
.ig_follow a {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.ig_follow .txt {
  color: #212529;
  display: inline-block;
  margin: 10px 0;
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: middle;
}

#lightbox1 .modal-dialog {
  width: 100%;
  max-width: 920px;
}
.download.modal-body {
  padding: 0;
}
.download > div {
  width: 50%;
  padding: 20px 15px;
}
.download > div:first-child {
  border-right: 1px solid #ddd;
}
.download .title {
  text-align: center;
}
.download .title img, .download .title h4 {
  display: inline-block;
  vertical-align: middle;
}
.download .title img {
  width: 60px;
  height: 60px;
}
.download .title h4 {
  font-size: 24px;
  margin: 5px;
  margin-top: 4px;
}
.download_area {
  margin-top: 15px;
  text-align: center;
}
.download_area .btn_download {
  background-color: #000;
  color: #fff;
  border: 1px solid #b1b2b1;
  border-radius: 7px;
  padding: 11px 30px 11px 25px;
}
.download_area .logo, .download_area .btn, .download_area .btn_img {
  display: inline-block;
  margin: 6px;
  vertical-align: middle;
}
.download_area .btn_img {
  height: 50px;
}
.download_area .btn_img img {
  width: auto;
  max-height: 100%;
  display: block;
}
.download_area .logo img.svg {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto;
}
.download_area .logo .name {
  font-size: 12px;
  text-align: center;
}
@media screen and (max-width:768px) {
  .download > div {
    width: 100%;
  }
  .download > div:first-child {
    border-right: none;
    border-bottom: 1px solid #ddd;
  }
}

/* winners page */
.top_main.surrealism.winners {
  height: 500px;
}
.top_main.surrealism.winners .top_title span, .top_main.surrealism.winners .top_title2 {
  animation-name: none;
  opacity: 1;
}
.top_main.surrealism.winners .top_title span, .top_main.surrealism.winners .top_title3 {
  animation-name: none;
  opacity: 1;
}

.winners_background .ig_winner {
  text-align: center;
}
.winners_background .ig_winner > .inner {
  max-width: 540px;
  width: 100%;
  display: inline-block;
}
.winners_background #igPostBlock {
  max-height: none;
}
@media screen and (max-width: 768px) {
  .top_main.surrealism.winners .sub_nav.regular {
      position: absolute;
  }
  .top_main.surrealism.winners .top_des {
    left: 50%;
    right: auto;
    top: 40%;
    transform: translateX(-50%) translateY(-40%);
  }
}
@media screen and (max-width: 600px) {
  .top_main.surrealism.winners .top_title, body.cht .top_main.surrealism.winners .top_title, body.jpn .top_main.surrealism.winners .top_title {
        font-size: 48px;
  }
}


/*202204new-start*/
h3{color:#000!important;}
.section_part{
	position: relative;

}

.leading{
	text-align: center;
	font-size:20px;
	width:800px;
/*	line-height: 37px;*/
	color:#2E2E2E;
	margin: 0 auto;
	margin-top:74px;
	line-height: 29px;
}

.leading2{
	margin-top:20px;
	
	
}


.template_container{
	text-align: left;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
	align-items: stretch;
	max-width: 960px;
	margin-top:70px;

	
}


.template_wrapper{
	max-width: 300px;
	height: auto;
	padding: 10px;
	margin: 10px;
	
}

.template_wrapper img{
	border-radius: 10px;
	
}
.template_wrapper p{
	margin-top:10px;
	font-size:20px;
}

.download_free_wrapper{
	margin:0 auto;
	margin-top:100px;
	position: relative;
	max-width: 960px;
	
}

.download_free_wrapper p{
	font-size: 38px;
	line-height: 56px;
	text-align:center;
	font-weight: 700;
	color:#000;
	
	
}

.download_free_container{
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center; 
    -webkit-justify-content: center;
    -ms-justify-content: center;
	align-items: stretch;
	max-width: 620px;
	margin-top:20px;

}

.download_free_flex_wrapper{
	max-width:300px;
	height: auto;
	padding: 10px;
	margin: 10px;
	display: block;
	text-align: center;
	
}

.download_free_flex_wrapper img:first-child{ 
	width:60px;
	
	
}

.download_free_flex_wrapper p {
	color:#fff;
	font-size:small;

}


.btn_store_all{
	width:225px;
	height:50px;
	background:#000;
	border-radius: 12px;
	color:#fff;
	font-size: 22px;
	line-height: 50px;
	text-align: center;
	position: relative;
	margin: auto;
	margin-top:22px;

}

.btn_store_all:before{
	content:'';
	background-image:url("../images/windows-icon-white.png");
	background-size:30px 30px;
	width:30px;
	height:30px;
	display: inline-block;
	vertical-align: middle;
	margin-right:8px;
	margin-top:-5px;
	
}
.btn_store_all:hover{
	background: #015EF7;
	cursor:pointer ;
	
	transition:.3s;
	
}

@media (min-width: 481px) and (max-width: 991px) {
	
	.btn_store_all:before{
	display: block;
	margin: 0 auto;
}

	.btn_store_all{
	width: auto;
	height:auto;
	padding-top: 8px;
   	padding-bottom: 8px;
  	line-height: 20px;

}

	
	
}



.btn_inner{
	font-weight:400;
	margin:0 auto;
	margin-top:20px;
}

.btn_inner:before{
	content: '';
    background-image: none;
	width:0px;
	height:0px;
	margin:0 auto;
}

.btn_inner_text{
	font-size: 16px;
	font-weight: 400;
}

.btn_inner_text2{
	margin:0 auto;
	margin-top:18px;
	
}

.mac_icon:before {
	background-image:url("../images/mac-icon-white.png");
	
}
.and_icon:before {
		background-image:url("../images/android-icon-white.png");	
}


div.btn_store_all + div{
	margin-top:15px;
}

a:hover{
	text-decoration: none;	

}

a:target{
	text-decoration: none;	

}

.container-fluid{
	position: relative;
	
	
}
.main_bg_top_left{
	position: absolute;
	top:560px;
	left:0px;
	z-index:-100;
	
}


.main_bg_top_right{
	position: absolute;
	top:900px;
	right:-220px;
	z-index:-100;
	overflow: hidden;

}
.section_part .part_icon{
	padding-top:40px;
	
}
.section_part .part_icon img{
	width:110px;
	height:110px;
	
}

/*
.section_part.scheduleicon .part_icon{
	padding-top:0px;
}
*/


.section_part h3{
	margin-bottom:10px;
}


.tutorial_none{
	border:none;
	background-color:rgba(255,255,255,0);
	position: relative;
	
	
}
.tutorial_none img{width:100%;}
.tutorial_right{
	padding-top:34%;
	padding-left:20px;
	text-align: left;
	
}

.tutorial_wrapper{
	padding-top: 80px;
	
	
}
.step_wrapper{
	margin-bottom:20px;
	text-align: center;
	
}

.step_img{	
	width:40px;
	height:40px;
	float: left;

		
	
}
.step_text{
	float: left;
	line-height: 40px;
	padding-left:9px;
	font-weight:600;
	font-size:18px;
	
}

a.watch_video_btn{
	padding:20px 40px;
	background: #0014FE;
	color:#fff;
	font-weight: 800;
	border-radius: 20px;
	display: inline-block;
	margin-top:9px;
}

.prize_bg{
/*	background-color: #ea2543;*/
	background-color: #FF2F2F;
/*	background-color:#00c7ff;*/
/*     background-image: linear-gradient(to top right, #9732ef, #7dc9f7, #63dbe6);*/
/*    background-image: linear-gradient(3deg,#ff7508,#ff178d, #f11f9f);*/
/*
	 background-image: -webkit-linear-gradient(110deg, #f37cb1, #ff178d, #d91ff1);
	 background-image: -o-linear-gradient(110deg, #f37cb1, #ff178d, #d91ff1);
	 background-image: linear-gradient(200deg, #f37cb1, #ff178d, #d91ff1);
*/
     background-image: -webkit-linear-gradient(110deg, #ff4278, #ff178d, #ff1818);
     background-image: -o-linear-gradient(110deg, #ff4278, #ff178d, #ff1818);
     background-image: linear-gradient(200deg, #ff4278, #ff178d, #ff1818);
}

.prize_bg_top_right{
	position: absolute;
	width:24%;
	top:0px;
	right:0px;
/*	z-index:-100;*/

	
}

.prize_bg_bottom_left{
	position: absolute;
	width:24%;
	bottom:0px;
	left:0px;
	opacity: 0.6;
/*	z-index:-100;*/

	
}

.prize_block{ 
	margin-top:120px;
}



.prize_block .flex_3_columns, .flex_2_columns{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	
	
}

.prize_block .flex_1_columns {
		width:100%;
    
    }
.prize_block .flex_1_columns {
	margin-left:15px;
	margin-right:15px;
    
    }
.prize_block .inner .prize_area .prize2{
	max-width:180px;
}
	
.inner.prize_grand .name, .inner.prize_2nd .name, .inner.prize_3rd .name{
	margin-top:6px;
}

.schedule_subscribe_btn{
	border-radius: 20px;
	background-color:#FF0000;
	color:#fff;
	cursor:pointer;
	
	
}
.schedule_subscribe_btn:hover{
	background-color:#000;
	transition: 0.3s;
	
	
}

.schedule_subscribe_btn a p{
	color:#fff;
	padding: 10px 5px;
	font-size:16px;
}


.flex_growfull{
	flex-grow : 1;
	background-color:#FFEAEA;
	border: 5px solid #FF5E5E;
	border-radius: 10px;
}

.announced_icon{
	max-width:90px;
	float:left;

	
	
	
}

.display_mobile{
	display:none;
	
}





 .subtitle{
	font-size:36px;
	font-weight:700;
	margin:  0 auto;
	margin-top:80px;
	margin-bottom:30px;
	color:#494949;
}



.enter_now_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center; 
    -webkit-justify-content: center;
    -ms-justify-content: center;
	align-items: stretch;
	width: 960px;
	margin:0 auto;
	margin-top:40px;

	
}
.enter_now_container .wrapper{
/*  	border:3px solid #cacaca;*/
	background: #efefef;
	border-radius: 20px;
	padding:10px;
/*	width:calc(50% - 35px);*/
	padding-top:37px;
    width: 30%;
	margin: 0 auto;
	float:left;
}

.enter_now_container .wrapper a{
	color:#0000ff;
	text-decoration: none;
	font-weight: 600
	
}

.enter_now_container .wrapper .title{
   font-size:22px;
	font-weight: 700;
	line-height:28px;
	width: 90%;
    margin: 0 auto;
	
}

.enter_now_container .wrapper .title span{
  font-size:56px;
  font-weight:700;
	
}

.enter_now_container .wrapper p{
  font-size:16px;
  line-height: 22px;
	margin-top:5px;
	font-weight: 500;
	word-wrap:break-word;
	
}


	.download_bg_top_left{
		position: absolute;
		width:20%;
		right:-17px;
		top:0px;
		
	}



.top_main .top_des{
/*	text-shadow: 0 2px 8px rgb(0 0 0 / 20%);*/
	text-shadow: none;
	top:0px;
	
}
.top_des{
	top:0px;
	
}


.top_main.surrealism{
/*
    background-image:  url("../../video-contest/2022-social_media_templates_contest/images/main_bg_shareable5_3000.png") ,
	                	linear-gradient(to top right, #ae52ff, #57fbf2, #00ffc7);
*/
/*	background-size: 80% !important;*/
/*	background-image:url("../images/skyler-ewing-10245752-bg.jpg");*/
	position: relative;
/*	background-position: top right !important;*/
	background-size: 100%;
    animation: animatedBackground 15s linear alternate infinite;    
}

@keyframes animatedBackground {
    0% { background-position: 100% 60%; }
    50% { background-position: 100% 80%; }
    100% { background-position: 100% 60%; }
}

@keyframes animatedBackground_vertical {
    0% { background-position: 70% 60%; }
    50% { background-position: 70% 80%; }
    100% { background-position: 70% 60%; }
}

@media (min-width:280px){
 .top_main.surrealism{
	background-size: 104%;

} 
}


@media (min-width:551px){
 .top_main.surrealism{
	background-size: 104%;
/*   	background-position: center right !important;*/
} 
}
@media (min-width:767px){
 .top_main.surrealism{
	 background-size:130%;
/*	background-size: 50% !important;*/
/*
    animation: animatedBackground 15s linear alternate infinite;   
	background-size:cover;
*/
} 
}

@media (min-width:820px){
 .top_main.surrealism{
    animation: animatedBackground_vertical 15s linear alternate infinite; 
	background-size: 190%;
} 
}

@media (min-width:821px){
 .top_main.surrealism{
    animation: animatedBackground_vertical 15s linear alternate infinite;   
	background-size: 139%;
} 
}
@media (min-width:912px){
 .top_main.surrealism{
    animation: animatedBackground_vertical 15s linear alternate infinite;   
	background-size: 182%;
/*	 surface*/
} 
	

}
	
@media (min-width:913px){
 .top_main.surrealism{
    animation: animatedBackground 15s linear alternate infinite;   
	background-size: 127%;
} 
	

}	
@media (min-width:991px){
 .top_main.surrealism{
    animation: animatedBackground 15s linear alternate infinite;   
	background-size: 127%;
} 
	

}

@media (min-width:1008px){
 .top_main.surrealism{
    animation: animatedBackground 15s linear alternate infinite;   
	background-size: 116%;
} 
	

}


@media (min-width:1366px){
 .top_main.surrealism{
	background-size:100%;
	
} 
}

.footer_download{
	width:100%;
	background-image: linear-gradient(135deg, rgba(0,232,240,1) 50px, rgba(156,111,255,1), rgba(255,2,233,1));
	margin: 0 auto;
	text-align:center;
	color:#fff;
	padding:20px;
	padding-top:60px;
	background-size: 150% 150%;
	animation: gradient_A 5s ease infinite;
	position: relative;
	overflow: hidden;
/*    background-color: #ea2543;*/
/*
	background-image: -webkit-linear-gradient(273deg, #ff7508, #f11f9f);
	background-image: -o-linear-gradient(273deg, #ff7508, #f11f9f);
	background-image: linear-gradient(3deg, #ff7508, #f11f9f);
*/
	
}

@keyframes gradient_A {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.footer_download .footer_download_bg_left{
	position: absolute;
	left:-352px;
	top:66px;
	width:50%;
	opacity: 0.8;
/*	overflow: hidden;*/

}
.footer_download .footer_download_bg_right{
	position: absolute;
	right:-403px;
	top:65px;
	width:50%;
	opacity: 0.8;
/*	overflow: hidden;*/
	
}
.footer_download>h3{
	font-size: 22px;
	font-weight:400;
	/* letter-spacing: 1px; */
	text-align: center;
	color:#fff!important;
}

.footer_download>h1{
	font-size:42px;
	color:#fff;
}


.footer_download .container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
	align-items: stretch;
	width: 960px;
	margin:  0 auto;
	margin-top:60px;

}
.footer_download .container .wrapper{
	width: 30%;
	height: auto;
	border: 1px solid #666;
	justify-content:space-between; 
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
	flex-grow:1;
	 margin: 10px 1.5%;

}

.footer_download .container .download_free_flex_wrapper a .btn_store_all{
	font-size:16px;
	
}
.footer_youtube{
	display: inline-block;
}
.footer_youtube_wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
	align-items: stretch;
/*	width: 960px;*/
	margin:  0 auto;
	margin-top:60px;
	margin-bottom:60px;
	z-index:999;
}

.footer_youtube_wrapper .wrapper{
	width: 30%;
	height: auto;
	border: 1px solid #666;
	justify-content:space-between; 
    -webkit-justify-content: space-between;
    -ms-justify-content:space-between;
	flex-grow:1;
	 margin: 10px 1.5%;	
	
}


.footer_youtube_wrapper .wrapper img{
	height:60px;
	
}

.footer_youtube_wrapper_btn {
	color:#fff;
	padding: 2px 20px;
	background-color:#FF0000;
	border-radius: 6px;
	margin-left:10px;
	cursor: pointer;	
	transition: 0.3s;
	font-size:14px;
	
}

.footer_youtube_wrapper_btn:hover{
	background-color: #000;
	color:#fff;
	
}

.footer_youtube_wrapper .footer_youtube_left img{
	width:110px;
}


.footer_youtube_center a{
	text-decoration: underline!important;
	color:#fff;
	font-size:14px;
}

.footer_youtube_right{
	max-width:300px;
	text-align: right;
	float:right;
	margin-top:22px;
	margin-left:30px;
	font-size:14px;
}

.footer_youtube_right a{
	color:#fff;
	text-decoration: underline;
	cursor: pointer;

}
.top_title{
	width:80%;
	text-align:center;
	margin: 0 auto;
}
.top_title2{
	text-align:center;
	}
.top_title3{
	text-align:center;
	}

/*watch_btn*/

.glightbox_video {
  position: absolute;
  top: 56%;
  left: 31%;
  transform: translate(-50%, -50%);
	 
  }

.outer_circle {
  stroke-width: 3;
  stroke-dasharray: 410; 
   stroke-dashoffset: 0;
  stroke-linecap: square;
  transition: all .4s ease-out;
}

.glightbox_video:hover .outer_circle {
stroke-dashoffset:410;
  transition: stroke .7s .4s ease-out, stroke-dashoffset .4s ease-out
}

.glightbox_video:hover 
.inner-circle {
  fill: #BF2428;
  transition:fill .4s .3s ease-out;
  
}

.glightbox_video:hover
.play{
    fill: white;
  transition:fill .4s .3s ease-out;
}

/*watch_btn*/

.medal_icon{
	display: block;
	margin:0 auto;
	max-width:70px;
}

.txt.schedule_txt{background-color:#fff!important;}
.guideline_img{
/*	padding-top:14%;*/
	width:100%;
}
.glightbox_video svg{
	width:131px;
	height:131px;
	
}

.prize_img123{
	width:85%;
	margin:0 auto;
}
.prize_img1_position{
	margin-top: -100px;
}
.prize_img2_position{
	margin-top: -67px;
}
.prize_img3_position{
	margin-top: -67px;	
}

@media screen and (max-width: 990px) {
	.prize_img3_position, .prize_img2_position {
		margin-top: -77px;
	}
}
	
.announce_text_wrapper{
	margin-top:20px;

}

p.note{
	
	font-size:16px;
}
.inner.prize_grand .name, .inner.prize_2nd .name, .inner.prize_3rd .name, .inner.prize_merit .name, .inner.prize_aud .name{
	font-weight:600;
	line-height: 22px;
	font-size: 27px
}

.inner.prize_grand .name span, .inner.prize_2nd .name span, .inner.prize_3rd .name span, .inner.prize_merit .name span, .inner.prize_aud .name span{
	font-size: 16px;
	line-height: 20px;
    margin-top: 10px;
	font-weight: 400;
	margin-bottom:6px;
}

@media screen and (max-width:991px) {
	.inner.prize_grand .name span, .inner.prize_2nd .name span, .inner.prize_3rd .name span, .inner.prize_merit .name span, .inner.prize_aud .name span{
		font-size: 14px;
		line-height: 12px;

	}
}

.group_guideline_notice .flex_2_columns.w_half{width:50%;}

.guideline_notice{line-height:24px;}

.download_free_flex_wrapper:nth-child(2) {
    order: 1;
}
.download_free_flex_wrapper:nth-child(1) {
    order: 2;
}
.announce_text_wrapper{
	margin-top:70px;
}
.announce_text_wrapper p{

	font-size:24px;
	font-weight:600;
}
/*1366*/
@media screen and (max-width: 1366px) {
.section_part .part_icon img{
	width:80px;
	height:80px;
	
}
	
	.section_part .part_icon{
/*		padding-top:60px;*/
	}


	
}

.display_768d{
	display: block;
}
.display_768u{
	display: none;
}


/*1280*/
@media screen and (max-width: 1280px) {
	.top_main.surrealism .top_des{top:53%;}
	.tutorial_right {padding-top:34%;}
	.schedule{width:80%;}
	.footer_download .footer_download_bg_left{
		width:80%;
		left:-541px;

	
	}
	.footer_download .footer_download_bg_right{
		width:80%;
		right:-608px;
	
	}
	.glightbox_video {
		top:55%;
		left:27%;
		
	}
	.announce_text_wrapper{
	margin-top:40px;
	}	
	.main_bg_top_left{
	width:35%;
	top:1000px;
	left:-60px;
	z-index:-100;
	opacity: 0.3;
	}
	.main_bg_top_right{
	opacity: 0.3;
		
	}
}

/*991*/

@media screen and (max-width: 991px) {
	.top_des .inner div:nth-child(3) {
		margin-top:12px;
		
	}
	
	.top_title2 >div{
		padding: 7px 14px 7px 14px;
		
	}
	.top_main.surrealism .top_title{
		width:58%;
		
	}
	.tutorial_wrapper{
		
		font-size:24px;
		
	}
	
	.leading{
		width:85%;

	}
	.section_part .part_icon{
	padding-top:20px;
	
	
	}
	.main_bg_top_left{
	width:35%;
	top:1000px;
	left:-60px;
	z-index:-100;
	
	}

	.main_bg_top_right{
	width:35%;
	top:1498px;
	right:-100px;
	z-index:-100;

}	
	.tutorial_wrapper{
		width:100%;
		margin:0 auto;
		
	}
	.tutorial_none>img{padding-right:30px;}
	


  	.prize_block .flex_3_columns {
		width:33.3%;
    
    }
	
	.prize_block .flex_3_columns, .flex_2_columns {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	
	.schedule.row1{
		margin-top:50px;
		
		
	}
	.enter_now_container{
		width:100%;
		margin:0 auto;
		margin-top:40px;
		
	}
	
	.judge_rate_circle{
		margin-top:60px;
		
	}
	
	.footer_download .container{
		max-width:90%;
		
	}
		
	.top_main.surrealism{
		background-position:bottom;

	}
	
	.top_main.surrealism .top_des{
		left:20px;
		
	}
	
	
	.top_main.surrealism .black_glass {
    background-image: none;
/*    background-color: rgb(0 0 0 / 25%);*/
  }
	.top_main.surrealism{
/*		background-image:none;*/
		
		
	} 
	
	
/*		nav*/
	.sub_nav.regular ul > li:nth-child(4), .sub_nav.regular ul > li:nth-child(5){
		width:100%;	
	}
	


	
	.glightbox_video {
		top:36%;
		left:49%;
		
	}
	.tutorial_right {    padding-top: 7%;}
	.announce_text_wrapper{ margin-top:23px;}
	
	.guideline_img{margin-top:20px;}
	
	.enter_now_container .wrapper{
		width:30%;
		margin-top:30px;
		
	}
		.footer_download>h1{
		line-height:	42px;	
     }
}

/*768**/
@media screen and (max-width: 785px) {
	.tutorial_wrapper{
		padding-top:72px;
		font-size:20px;
	}
	.adD_icon_text{
	   height: 48px;
/*       margin-top: -11px;*/
		
	}
	.section_prizes_ h3+div{
		line-height:27px;
	}
	
	.prize_block{
		margin-top:30px;
	}
	.prize_block .flex_3_columns {
		width:100%;
    
    }
	.prize_img123 {
    width: 50%;
	}
	.prize_img1_position,.prize_img3_position, .prize_img2_position {margin-top:0px;}
	.prize_block .flex_3_columns {
		width: 80%;
	}
	.prize_block .flex_1_columns{
		width:77%;
	}
	.prize_2nd:after{display:none;}
	.prize_block .prize_2nd{border-radius:	30px;}
	.prize_block .inner.prize_merit{padding-top:16px;}
	.display_768d{
	display: none;
	}
	.display_768u{
	display: block;
	}
	.flex_block .flex_3_columns:nth-child(1){
    order:2;
	}

	.flex_block .flex_3_columns:nth-child(2){
    order:0;
	}

	.flex_block .flex_3_columns:nth-child(3){
    order:1;
	}

	.flex_block .flex_1_columns:nth-child(4){
    order:4;
	}

	
}

/*660*/

@media screen and (max-width: 600px) {
	.btn_store_all:hover{background: #000;}
	.top_main.surrealism .top_des{
		top:75%;
	}
	.top_title2 >div{
	    padding: 4px 8px 4px 8px;
		border-radius: 10px;

	}
	.adD_icon_text{
		height:40px;
	}
	
	.top_main.surrealism .top_title{
	    width: 66%;
		
	}
	.top_main.surrealism{
		background-size:125%;
		
	}
	.top_title{
	font-size:33px;
	}
	
	.download_free_wrapper{
		margin-top:30px;
	}	
	.download_free_wrapper p{
		font-size:23px;
		line-height: 35px;
	}
	.download_free_container{
		width:85%;
	}
	
	.download_free_flex_wrapper{
		width: 100%;
		padding:0px;
		margin:0px;
		
	}
	.btn_store_all{
		margin: 0 auto;
		width:90%;
		font-size:16px;
		margin-top:20px;
		
		
	}
	
	.tutorial_right{
		text-align:center;
	}

	.prize_block .inner .prize_area .prize2{
		width:50%;
		
	}
	.img-responsive{
		margin: 0 auto;
		display: block;
		
	}
	
	.youtube_icon>img{
		width:100%;
	}	
	
	.enter_now_container .wrapper{
		width:100%;
		border:none;
		border-bottom: 2px solid #cacaca;
		padding-bottom:44px;
		border-radius: 20px;
		
	}
	.download_bg_top_left{
		position: absolute;
		width:20%;
		right:0px;
		top:270px;
		
	}
	.enter_now_container .wrapper{background-color:#fff;}
	
	.enter_now_container .wrapper .title{
		font-size:22px;
		line-height:30px;
	}
	.glightbox_video svg{
	   width:100px;
	   height:100px;
	
}
	.glightbox_video{
	   top:22%;
	   left:47%;
	}
		.footer_download>h1{
		line-height:	42px;	
     }
	
	.download_free_flex_wrapper:nth-child(1){
		padding-top:30px;
	}
	.download_free_flex_wrapper:nth-child(2){
		padding-top:20px;
	}
	
/*		nav*/
	.sub_nav.regular ul > li:nth-child(4){
		width: 50%;	
	}
	 .sub_nav.regular ul > li:nth-child(5){
		width: 100%;	
	}
	
	.top_main.surrealism .top_des{
		left:50%;
		
	}
	.announce_text_wrapper{
		margin:23px 20px 20px 20px;
		
	}
	.tutorial_wrapper{
		width:100%;
		padding-top:18px;
	}
	
}
/*480*/

@media screen and (max-width: 480px) {

	.top_main.surrealism{
	  animation:animatedBackground 10s linear alternate infinite ;
	}
	@keyframes animatedBackground {
    0% { background-position: 72% 40%; }
    50% { background-position: 72% 80%; }
    100% { background-position: 72% 40%; }
}
	.top_title2 >div{
		padding:0px;
	}
	.group_guideline_notice .flex_2_columns:nth-child(1) {
    order: 2;
}
	.group_guideline_notice .flex_2_columns.order2:nth-child(1) {
    order: 0;
}
/*
	.section_enter_now .guideline .group_guideline_notice.flex_2_columns :first-child{
		order:2;
	}
*/
	.footer_youtube_wrapper .footer_youtube_left{
		width:100%;
	}
	.group_guideline_notice .flex_2_columns:first-child{width:100%;}
	.group_guideline_notice .flex_2_columns:last-child{width:100%;}
	.tutorial_wrapper{
		width:100%;
		padding-top:0px;
	}
	.guideline_img{
		padding-top:0px;
		
	}
	
	.top_main.surrealism{
		background-size:140%;
		overflow: hidden;
	}		
	.sub_nav.regular ul > li:nth-child(5){
		width: 100%;		
	}
	
	.top_main.surrealism .top_des{
		left:50%;
		top:62%;		
	    bottom: 0;}
	.top_main.surrealism .top_title{
		font-size:30px;
		
	}
	.top_main.surrealism .top_title2{
		font-size:18px;
	    max-width: 93%;
		
	}
	.top_title2 div{
		background-color: #fdfdfd;		
	    display: inline-block;
    	padding-top: 6px;
		border-radius: 12px;
	   padding: 5px 7px 5px 7px;
		width:100%;
	}
	
	.adD_icon_text{
/*	    height: 33px;*/
/*        margin-top: -7px;	*/
		width:100%;
		height:auto;
		
	}
	.top_main.surrealism .top_title3{
		font-size:18px;
		
	}	
	.section_part .part_icon img{
	width:60px;
	height:60px;
	
}
	.tutorial_wrapper{
		width:90%;
		
		
	}
	

	.main_bg_top_left{
		width:27%;
		left:0px;
		top:2400px;
		display: none;
		
	}
	.main_bg_top_right{
		width:20%;
		top:3173px;
		right:0px;
		display: none;
	}
	
	.announced_icon{
		float:none;
		
	}
	.flex_growfull .inner .txt{
		text-align: center;
		
	}
	

	.schedule_subscribe_btn{
		border-radius: 15px;
		width:60%;
		margin:0 auto;
		color:#fff;
		line-height: 40px;
		
	}
	.schedule_subscribe_btn a{
		color:#fff;
	
	}
	

	
	.schedule_subscribe_btn  p{
	
		font-size:22px;
		
	}
	.schedule.display_mobile > div .inner{
		padding-top:26px;
		padding-bottom:20px;
		
	}
	.schedule .inner .youtube_icon{
		width:66%;
	}
	.display_mobile .active .inner>p{
		font-size:18px;
/*		margin-top:10px;*/
		font-weight:600;
		
	}
	.footer_youtube_wrapper{
		margin-bottom:30px;
/*		overflow: hidden;*/
		
	}

	
	.footer_download{
/*		animation:none;*/
/*		background-color:#df1fea;*/
/*		background-image:  linear-gradient(135deg, rgba(0,232,240,1) 50px, rgba(156,111,255,1), rgba(255,2,233,1));*/
/*		background-size:contain;*/
/*		overflow: hidden;*/
		background-image:  linear-gradient(135deg, rgba(0,232,240,1) , rgba(255,2,233,1));
/*	    background-size:contain;*/
/*		background-position:center;*/

		
				
		
	}
	.footer_download .footer_download_bg_left{
/*		opacity: 0;*/
		display: none;
	
	}
	.footer_download .footer_download_bg_right{
/*		opacity: 0;*/
		display: none;
		
	}
	.footer_download .footer_download_bg_right
	.footer_download>h1{
		font-size:34px;
		line-height: 42px;
		
	}
	.footer_download>h3{font-size:18px;}
	.glightbox_video {
		top:27%;
		left:48%;
		
	}
	
	.glightbox_video svg{
	width:100px;
	height:100px;
	
}
	
	.tutorial_right{
		padding-top:3%;
		
	}
	
	.prize_img123 {
		width:80%;
		
	}
	.prize_block .inner{
		padding-bottom:20px;
		
	}
	.subtitle{
		font-size:28px;
		
	}
.footer_youtube_wrapper_btn {
	padding: 2px 20px;
	font-size:13px;
	
}
	.footer_youtube_right{
		margin-left:0px;
		margin-top:0px;
	}

	.enter_now_container .wrapper{
		background-color: #fff;
	}

	.footer_download .container{
		margin-top:20px;
		overflow: hidden;
		
	}
	
}
/*
@media screen and (max-width: 394px) {
		.footer_download{
		background-image: none;
		overflow: hidden;
		background-color:#df1fea;
		background-size:100%;
		background-attachment:fixed;
		
				
		
	}
	
}
*/
/*i13-start*/
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 
	.footer_download{
		background-image:  linear-gradient(135deg, rgba(0,232,240,1) 50px, rgba(156,111,255,1), rgba(255,2,233,1));
		background-size: auto;	
		background-attachment:inherit;
	}

}

/*i13-end*/
@media screen and (max-width: 280px) {
.top_main.surrealism .top_title{
	 font-size:22px;	
		
		
		
	}
.top_main.surrealism .top_des{
		top:58%;
	}
	
}
.guideline_notice.reject a{
	color:#fff;
	font-weight: 700;
	text-decoration: underline!important;
		
}

.enter_now_container .wrapper img{
	padding-top:10px;
	width:90%;
	padding-bottom:10px;
	
}
/*

.top_logo{
	color:#fff;
	line-height: 26px;
	font-size:26px;
	display: inline-block;
}

.top_logo:before{
	background-image: url("../../video-contest/2022-addirector_social_media_templates_contest/images/AdDirector_logo.png");
    width: 70px;
    display: inline-block;
    background-size: 70px;
    height: 70px;
    content: "";
}
*/



@media screen and (max-width: 600px){
   .top_logo:before{
    width: 40px;
    display: inline-block;
    background-size: 40px;
    height: 40px;
    content: "";
}

	
}

.enter_now_part1_left{
	float:left;
	display:inline-block;
/*	background-image:url("../../video-contest/2022-addirector_social_media_templates_contest/images/AdDirector_logo.png");*/
   background-size:cover;
	width:40px;
	height:40px;
	
}

.enter_now_container  img{
	padding-top:0px;
	
}


.enter_now_part1_right{
	float:left;
	display:inline-block;
	text-align: left;
	padding-left:12px;
	font-size:28px;
	font-weight: 700;
    line-height: 28px;
	
}

.part1_wrap{
	width:100%;
	display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    align-items: center;	
	margin-bottom:10px;
	color:#000;
}

@media screen and (max-width: 600px){
	.enter_now_container .wrapper{
	background: #efefef;
	border-bottom:none;
	width:100%;
	}
	.enter_now_container .wrapper img{
	width:80%;
	padding-bottom: 0px;
	}
	
}
@media screen and (max-width: 480px){
/*
	.enter_now_part1_right{width:80%;}
	.enter_now_part1_left{width:20%;}
	
*/
}

a{
	text-decoration: none!important;
}
.footer_youtube_left a:visited{
	color:#fff;
}

/*	winners announced on youtube-start*/
	img.pdr_youtube_logo{
		width: 50px;	
	}
	
	@media screen and (max-width: 480px){
	img.pdr_youtube_logo{
		width: 30px;	
	}
	.announce_text_wrapper p{
		font-size:18px;		
	}	
		
	}

/*	winners announced on youtube-end*/
/*PDR trtorial-start*/
.enter_now_container  .wrapper_PDR_tutorial{
	margin:10px;
	width: calc(50% - 20px);
}
.tutorial_wrapper2 {
	padding-top:62px;
}


@media screen and (max-width: 991px){
.tutorial_wrapper2 {
	padding-top:60px;
}
.tutorial_wrapper h1{
/*	line-height: 30px;*/
	font-size:24px;
	
	}

}
@media screen and (max-width: 768px){
	.tutorial_wrapper h1 {
	font-size:20px;
		
	}
	
}
@media screen and (max-width: 600px){
	.enter_now_container  .wrapper_PDR_tutorial{
	width:100%;
    margin: 0px;
    margin-bottom: 30px;
	}

	
	.tutorial_wrapper2{
	padding-top:0px;
	}
	.group_guideline_notice .flex_2_columns:first-child, .group_guideline_notice .flex_2_columns:last-child{
	width:90%;
	margin: 0 auto;
	}
	.group_guideline_notice .flex_2_columns:nth-child(1){
	order:2;
	padding-top:0px;
	}
	.group_guideline_notice .flex_2_columns.allow_top:nth-child(1) {
    order: 0;
}
	
	
}


/*PDR trtorial-start*/

/*footer-start*/
@media screen and (max-width: 480px){
	.footer_download{background-image:none;}
	.display_mobile{display:block;}
	.footer_gradients_img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
	z-index: -1;
	}
	
}
/*footer-end*/
.entrants_phone{
	width:100%;
	font-size: 16px;
    line-height: 22px;
	font-weight:500;
/*	margin-bottom:10px;*/
/*	margin-bottom: 42px;*/
}
@media screen and (max-width: 960px){
	.entrants_phone{
	margin-bottom: 10px;
		
	}
}
@media screen and (max-width: 600px){
	.entrants_phone{
	margin-bottom: 40px;
		
	}
}
@media screen and (max-width: 480px){
	.part1_wrap{width:260px;}
}

/*
.gallery_block{
	width:100%;
	background-color: yellow;
	max-width: 960px;
    margin: 0 auto;
}*/


.dropdown {
  float: left;
/*  overflow: hidden;*/
}

.dropdown .dropbtn {
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  color: #ddd;
  display: inline-block;
  font-size: 15px;
  line-height: 20px;
  padding: 15px;
  font-weight: 600;
}

.navbar a:hover, .dropdown:hover .dropbtn {
	color:#4fc8fb;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
 font-size:13px;
	
}

.dropdown-content a:hover {
  background-color: #abe6ff;
}

.dropdown:hover .dropdown-content {
  display: block;
 width:100%;
}


.dropbtn.sticky_color{
	color:#666;
	
}



/*gllery_position*/
.dropdown-content{
	z-index: 999999;
	top:50px;
}
/*gllery_position*/
.sub_nav.sticky ul > li.active > a{
	color:#ff11c1;
	
}
.sub_nav.sticky ul > li:hover > a{
		color:#ff11c1;
}
.intro_btn_wrapper{
	width:100%;
	margin-bottom:40px;
}
.intro_btn_wrapper2{
	margin-bottom:30px;
}
.dis_inb{
	display: inline-block;

}
.intro_btn_wrapper .dis_inb:nth-child(1){
	margin-right: 20px;	
}
.intro_btn_wrapper .dis_inb:nth-child(2){
	margin-left: 20px;	
}

.intro_btn_wrapper2 .dis_inb:nth-child(1){
	margin-right:0px;
}
.enter_now_container_top{
	margin-top:60px;
}
@media screen and (max-width: 600px){
	.intro_btn_wrapper .dis_inb:nth-child(1){
	margin-right: 0px;
	display: block;
	margin:0 auto;
	margin-top:20px;
}
	.intro_btn_wrapper .dis_inb:nth-child(2){
	margin-left: 0px;	
	display: block;
	margin:0 auto;

}
	.dis_inb{width:270px;}
	.entrants_phone{margin-bottom:0px;}
	.top_0{margin-top: 0px;}
	.bottom_0{ padding-bottom: 0px;}
	.tutorial_wrapper {padding-top:0px;}
	.tutorial_wrapper h1 {padding-top:0px;}
}


.join_now{
	padding:16px 60px;
	background-color: #3f29fb;
	color:#fff;
	font-weight:600;
	border-radius: 13px;
	font-size: 30px;
	background: -webkit-linear-gradient(323deg, #ff0000, #ff00cf 100%);
	background: -o-linear-gradient(323deg, #ff0000, #ff00cf 100%);
	background: linear-gradient(53deg, #ff0000, #ff00cf 100%);
}
.join_now:hover{
	background-color:#ff11c1;
	color:#fff;
	
}

@media screen and (max-width: 1366px){
	.join_now{
		padding: 8px 60px;
		font-size: 24px;
	}
	
}

@media screen and (max-width: 600px){
	.join_now{
	padding: 8px 40px;
    font-size: 23px;
		
	}
	
}

.top_main.surrealism .top_title2{
	margin-top:20px;
}
.top_title2 a{
	box-shadow:none;
}
.top_main.surrealism .top_title2{
	font-size:24px;
}
@media screen and (max-width: 600px){
	.top_main.surrealism .top_title2{
		font-size:16px;
		margin-bottom: 20px;
	}	


}
@media screen and (max-width: 480px){
	.join_now:hover{
	background-color: #F8FF00;
	color:#000;
	
	}

}

 .section_prizes_ h3+div{
	font-size: 20px;
	width: 85%;
    text-align: center;
    margin: 0 auto;
	color:#fff;
	
}
.mobile_or_pc_icon_wrapper{
	width:540px;
	margin:0 auto;
	margin-top:40px;
}
@media screen and (max-width: 600px){
	.mobile_or_pc_icon_wrapper{width:100%;}
}

.mopi_left{
	width:calc(50% - 20px);
	float:left;
	border-radius:12px;
	cursor: pointer;

}

.mopi_left_text{
	background-color: #efefef;
	color: #000;
    padding-top: 10px;
	padding-bottom:10px;
    font-weight: 700;
	margin:10px;
}

.mopi_right{
	width:calc(50% - 20px);
	float:left;
	border-radius: 12px;
	cursor: pointer;
}
.mopi_left img, .mopi_right img{height:120px;}

.mopi_left:hover, .mopi_right:hover{
	opacity: 0.8;
}

@media screen and (max-width:480px) {
.mopi_left:hover, .mopi_right:hover{
	background-color:#fff;	
}
	
}
 .target{
    display: block;
    height: 74px;
    margin-top: -74px;
    visibility: hidden;
}

@media screen and (max-width:1200px) {
 .target{
    display: block;
    height: 0px;
    margin-top: -0px;
    visibility: hidden;
  }
 }


@media screen and (max-width:991px) {
	
 .top_title_text{
    font-size: 40px;
	line-height:50px;
	}
}

@media screen and (max-width:600px) {
	
 .top_title_text{
        padding-top: 9%;
	}
}
@media screen and (max-width:480px) {

 .target{
    display: block;
    height: 45px;
    margin-top: -45px;
    visibility: hidden;
  }
 }

/*title_text*/
.top_main_text {
    margin: 0 auto;
    position: relative;
    padding-top: 6%;
	text-align: center;
	

}


.top_main_text .inner_text{
	width:80%;
	margin:0 auto;
    color:#fff;
}

 .top_title_text{
    font-size: 38px;
/*    text-transform: uppercase;*/
    margin-bottom: 10px;
/*    text-shadow: 0 2px 8px rgb(114 103 196 / 30%);*/
	font-weight: 700;
	line-height: 50px;


}

@media screen and (max-width: 991px){
	.top_title_text {
		font-size: 34px;
		line-height: 42px;
	}
	.join_now{
		font-size: 26px;
		padding: 8px 60px;
	}
	.top_main_text{
		padding-top: 8%;
	}
}


@media screen and (max-width:1280px) {
	.top_main_text .inner_text{width:70%;}
	
}

@media screen and (max-width:600px) {
	.top_main_text .inner_text{width:80%;}
	.top_title_text{font-size:30px;line-height:40px;}
	
}

@media screen and (max-width:480px) {
	.top_main_text .inner_text{width:90%;}
	.top_title_text{font-size:30px;line-height:40px;}
	.top_main_text{    padding-top: 13%;}
	
}

@media screen and (max-width:393px) {
	.top_title_text {
		font-size: 26px;
		line-height: 33px;
	}
}

.top_title_text span{
/*
    background: radial-gradient(circle at center, #fff400 35%,  #ff06c8 100%);
    background: radial-gradient(circle at center, #eaff05 22%, #06ff38 100%);
*/
	background: -webkit-linear-gradient(top right, #ff00a3 29%, #ff0000 100%);
	background: -o-linear-gradient(top right, #ff00a3 29%, #ff0000 100%);
	background: linear-gradient(225deg, #ff00a3 29%, #ff0000 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    display: inline-block;


}
.top_title2_text{
	margin-top:40px;
}

.join_now{
		padding: 8px 60px;
}

.top_title4_text{
		margin-bottom:0px;
	}

@media screen and (max-width: 1366px){
	
	.join_now{
		padding: 8px 60px;
		font-size: 24px;
	}
	

	
}

@media screen and (max-width: 1280px){
	.top_title2_text{
		margin-top:30px;
	}

	
}
.top_title3_text{
	margin-top:40px;
	font-weight:700;
}
.top_title4_text{
	margin:20px;
	
}
.top_title4_text img{
	width:60%;
	margin-bottom:20px;
	transform: scale(1.005);
	animation: 1.3s;
	animation: animatedScale 2s linear alternate ;
	animation-iteration-count: 3;
}
@media screen and (max-width: 1366px){
	.top_title4_text img{
	width:70%;		
	}	
	
}

	@keyframes animatedScale {
    0% {transform: scale(1)}
    50% { transform: scale(1.2)}
    100% { transform: scale(1)}
}
@media screen and (max-width: 1280px){
		.top_title4_text img{
		margin-bottom:0px;
	}

}
@media screen and (max-width: 991px){
		.top_title4_text img{
		margin-bottom:0px;
		width:83%;
	}

}
@media screen and (max-width: 600px){
		.top_title4_text img{
		width:100%;
	}

}

/*title_text*/

.watch_text_btn{
	margin: 30px;
    border: 2px solid #000;
    display: inline-block;
    padding: 6px 30px;
    border-radius: 20px;
	color: #000;
	cursor: pointer;
	
}

.watch_text_btn:hover{
	background-color: #000;
	color:#fff;
	
}
.tip_wrapper{
	width:90%;
	margin:0 auto;
}
.tab {
  overflow: hidden;

}

.tab button {
  background-color: inherit;
  float: center;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
   width: 43%;
   border:2px solid #ff0583;
   margin: 10px;
   border-radius: 30px;
   color:#ff0583;
}

.tab button:hover {
    background-color: #f220b3;
	color:#fff;
}
.tab button.active2 {
  background-color: #ff0583;
  background: linear-gradient(53deg, #ff0000, #ff00cf 100%);
  color:#fff;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
}

#PDR365_enter{display:flex;}
#promeo_enter{display:none;}
.tab button.pink_bg{
	background-color:#f220b3;
	color:#fff;
	border:2px solid #f220b3;
	background: linear-gradient(53deg, #ff0000, #ff00cf 100%);
	
}
.tab button.pink_border{background:#fff;background-color:#fff;border:2px solid #ff0583;  border-radius: 30px;color:#ff0583;}


@media screen and (max-width:480px) {
	#PDR365_enter{display:none;}
	#promeo_enter{display:flex;}
}

@media screen and (max-width:600px) {
	.tab button{width:76%;}
}

#mainNav{display:none;}

/*section_margin_nodify*/
.section_part.banner.anchor.prize_bg{margin-top:0px;}
/*section_margin_nodify*/

/*new entry style*/
.guideline_notice.allow{
	border:none;
    background: linear-gradient(328deg, #8514d8 0%,rgb(255 105 198) );
}
.guideline_notice.reject{
    border:none;
    background: linear-gradient(328deg, #8514d8 0%,rgb(255 105 198) );
}

/*new entry style*/
.wrapper_PDR_tutorial .title img{
	max-width:77px;
	margin:0 auto;
}
.enter_now_container.tabcontent .wrapper .title img{
	margin-top:20px;
	max-width:77px;
	margin:0 auto;
}

@media (min-width: 768px){
	.icon{
		margin: 0 25px;
	}
	
}

/*rule_FRA*/
/*
.FRA .footer_download .container .download_free_flex_wrapper a .btn_store_all{
	font-size: 12px;
	
}
.FRA .btn_inner_text{
	font-size:12px;	
	
}

.FRA .schedule .inner .txt > p:first-child {
    font-size: 16px;
}

@media screen and (max-width: 480px) {

	.FRA .schedule .inner .txt > p:first-child {
		font-size: 18px;
	}
}
*/