*{
    box-sizing: border-box;
    text-decoration: none;
}
body{
    margin: 0 auto;
    width: 100vw;
    height: 100vh;
    font-family: "微软雅黑", "微軟正黑體", PingFangSC-Light, "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif;
    background: rgba(0,0,0,1);
    overflow-x: hidden;
    color: white;
}
img {
	pointer-events: none;
}
section#container{
    width: 100%;
/*    height: 2500px;*/
}
.sticky-element {
    position: -webkit-sticky;
	position: sticky;
    z-index: 100;
}
#hero-home {
	height: 100vh;
    min-height: 740px;
    background-image: url(../img/hero-image-3.jpg);
    background-size: cover;
    background-position: 10% 20%;
/*    z-index: 101;*/
    position: relative;
}
#hero-home:before {
	background: linear-gradient(rgba(0,0,0,0.8), rgba(45,86,170,0.65) 100px);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 600px;
    content: "";
}
.content-wrapper {
	width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    height: 100%;
}
.section-content-wrapper {
	max-width: 1006px;
}
.hero-content-wrapper {
	height: 100%;
    min-height: 740px;棠亅
}
#top-logo-container {
	height: 80px;
    position: absolute;
    z-index: 10;
    width: 100%;
}
#top-logo-container > img{
	height: 50px;
    padding: 10px;
    box-sizing: content-box;
}
#top-logo-container > img:last-child{
    display: none;
}
.hero-content {
	position: relative;
    margin: 0 auto;
    text-align: center;
    transform: translateY(-50%);
    top: calc(50% + 60px);
}
.title {
	color: white;
    font-weight: bolder;
    line-height: 1.45;
}
.title > span {
	display: inline-block;
    padding: 0 20px;
}
.title > span > img {
	height: 100px;
    transition: 0.5s;
}
.title-1 {
	font-size: 60px;
/*    text-shadow: 1px 1px 20px rgba(45,53,156,0.5), 0 0 25px rgb(66,80,229), 0 0 50px rgb(45,86,170);*/
    text-shadow: 1px 1px 20px rgba(45,53,156,0.5), 0 0 25px rgb(66,80,229), 0 0 50px rgb(45,86,170);
/*    filter: drop-shadow(1px 1px 20px rgba(45,53,156,0.5)) drop-shadow(0 0 25px rgba(66,80,229, 0.4)) drop-shadow(0 0 50px rgba(45,86,170, 0.1)) drop-shadow(0 0 5px rgba(40,40,40, 0.5));*//* made performance down */
    line-height: 1.2;
}
.title-2 {
    color: rgba(255,255,255,1);
    font-size: 30px;
	text-shadow: 1px 1px 5px rgba(233, 187, 89, 0.2);
    font-weight: normal;
/*    transition: 0.5s;*/
}
.title-2 img{
    max-width: 70%;
    width: 800px;
    border-top: 1px solid white;
    padding: 10px;
}
.title-3 img{
    max-width: 70%;
    width: 800px;
    border-top: none;
}
.title-3 {
	padding-bottom: 15px;
/*
    background: linear-gradient(to right, #d84648, #fbe085, #f5eb6c, #fceec3, #f6d049, #f9e5a5, #d6a344);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
*/
    color: rgb(233,187,89);
}
.title-2 > span {
    border-top: 1px solid white;
}
#hero-countdown-title {
    color: white;
    display: block;
    font-weight: normal;
    white-space: nowrap;
    margin: 0 auto;
    padding: 20px 10px;
    transition: 1s;
    font-size: 20px;
}
#hero-countdown-title > span{
    border: 1px solid white;
    padding: 5px 15px;
    border-radius: 50PX;
    display: inline-block;
}
#hero-countdown-title:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0px;
    border-color: transparent white transparent transparent;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 10px;
    transition: 1s;
}
#hero-countdown-title:after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 10px;
    transition: 1s;
}
.hero-content .countdown-timer{
    margin: 10px auto;
    margin-bottom: 20px;
    display: inline-block;
}
.hero-content .countdown-timer .time-container{
    border: 1px solid white;
    border-radius: 50%;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 5px;
    transition: 1s;
    display: none;
}
.hero-content .countdown-timer .time-container > div:first-child{
    font-size: 36px;
    color: white;
    font-weight: lighter;
    line-height: 100px;
    display: block;
    transition: 1s;
}
.hero-content .countdown-timer .time-container > div:last-child{
    font-size: 18px;
    position: relative;
    bottom: 0px;
    padding: 3px;
    font-weight: lighter;
    color: white;
    border-bottom: 1px solid white;
    width: 75%;
    margin: 0 auto;
    transition: 1s;
}
.apply-now-btn{
	width: 150px;
    height: 40px;
    background: white;
    padding: 5px;
    line-height: 40px;
    box-sizing: content-box;
    border-radius: 40px;
    color: rgb(45,53,156);
    text-shadow: 0px 0px 70px rgb(66, 80, 229);
    font-weight: bolder;
    box-shadow: 0px 5px 25px rgb(23,27,78);
    text-align: center;
}
.hero-content .apply-now-btn{
    margin: 20px auto;
}
.arrows {
	margin: 0 auto;
    width: 60px;
    height: 60px;
}
.arrows rect, .arrows polygon{
    fill: white;
}
.arrows rect{
	animation: arrow 3s infinite;
    -webkit-animation: arrow 3s infinite;
}
.arrows .a1{
	animation-delay: -2s;
    -webkit-animation-delay: -2s;
}
.arrows .a2{
	animation-delay: -1.5s;
    -webkit-animation-delay: -1.5s;
}
.arrows .a3{
	animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
@keyframes arrow{
    0% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
    80% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
.menu-nav {
/*	margin-top: -60px;*/
    padding-top: 10px;
    top: 0;
/*    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0) 50%, rgba(114,86,170,0.4) 100%);*/
/*    box-shadow: inset 0px -10px 10px -10px rgba(114,86,170,0.5);*/
/*    z-index: 102;*/
    width: 100%;
    height: 75px;
    z-index: 101;
/*    background: linear-gradient(rgba(45,86,170,0.85), rgba(23,27,78,0.75) 100px);*/
    background: linear-gradient(rgba(45,86,170,1), rgba(23,27,78,1) 100px);
}
/*
#nav-bg {
    top: 0;
    left: 0;
    background: linear-gradient(rgba(45,86,170,0.85), rgba(23,27,78,0.75) 100px);
    width: 100%;
    height: 75px;
    z-index: 100;
    margin-top: -80px;
}
*/
.normal-nav {
	display: table;
    width: 100%;
    text-align: center;
}
.normal-nav > div{
	display: table-cell;
    width: auto;
    vertical-align: top;
    font-size: 18px;
    line-height: 50px;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}
.mobile-nav {
	display: none;
}
.menu-nav img{
	height: 50px;
}
.menu-nav a{
	text-decoration: none;
/*    color: rgba(255, 207, 100, 1);*/
    color: white;
}
.normal-nav .active a, .mobile-nav .active a{
	color: rgb(255, 207, 100);
/*    color: rgb(233, 187, 89);*/
}
.tnc-entry {
    cursor: pointer;
}
#introduction {
/*    margin-top: -100px;*/
    background-size: cover;
    text-align: center;
    transition: 0.5s;
}
.video-container{
    width: 100%;
    height: 900px;
}
.content-container video {
/*
	position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    text-align: center;
*/
/*    filter: blur(2px);*/
    filter: grayscale(0.2) brightness(0.5) blur(0.3px);
}
.introduction-content {
/*	background: rgba(45,86,170,0.2);*/

    position: relative;
    height: 100%;
    width: 100%;
}
.introduction-content-wrapper {
	display: table;
}
.introduction-content-1 {
	display: table-cell;
    color: white;
    font-size: 36px;
    font-weight: lighter;
    transition: 0.5s;
    max-width: 300px;
    min-width: 250px;
    width: 30%;
}
.section-title {
    padding: 10px;
    top: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.intro-title-container {
    text-align: right;
    margin-top: 30px;
    top: 100px;
}
.section-title > div{
    line-height: 1;
}
.section-title > div:first-child{
/*    margin-right: 10px;*/
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    display: inline;
}
.section-title > div:first-child:before{
/*
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0px;
    border-color: transparent white transparent transparent;
    display: inline-block;
    vertical-align: top;
    margin-top: -10px;
    margin-left: -1px;
*/
}
.section-title > div:last-child{
    display: inline;
    border-top: 1px solid white;
    color: transparent;
}
.section-title.right > div:last-child{
    margin-right: 10px;
}
.section-title.left > div:last-child{
/*    margin-left: 10px;*/
}
.section-title > div:last-child:after {
/*
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent white;
    display: inline-block;
    vertical-align: top;
    margin-top: -10px;
    margin-right: -1px;
*/
}

.introduction-content-2 {
	display: table-cell;
    width: 100%;
    color: white;
  /*  text-align: justify; */
    text-align: center;
    vertical-align: middle;
    font-size: 28px;
    line-height: 1.45;
    transition: 0.5s;

    margin-top: 170px;
    margin-left: 0px;

/*    padding: 0 10px;*/
}
.introduction-content-2 > div {
    margin-top: 90px;
    padding-right: 10px;
    
}
.introduction-content-2 > div > p{
    margin: 0 0 18px;
}
.introduction-content-2 > div:last-child{
    margin-top: 50px;
}
#topics-bg {
	height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
}
#topics-bg > div{
    height: 500px;
}
#topics-bg > div:nth-child(1){
/*	background: linear-gradient(to right, rgba(200,207,236,1)0%, rgba(195,204,235,1)50%, rgba(150,163,197,1)50%, rgba(115,133,157,1)100%);*/
/*	background: linear-gradient(to right, rgba(200,207,236,1)0%, rgba(195,204,235,1)50%, rgba(168,183,218,1)50%, rgba(142,160,190,1)100%);*/
    background: url(../img/topic-bg-1-full.jpg);
    background-size: cover;
    background-position: center;
}
#topics-bg > div:nth-child(2){
/*	background: linear-gradient(to right, rgba(219,203,169,1)0%, rgba(223,207,174,1)50%, rgba(224,209,180,1)50%, rgba(226,210,182,1)100%);*/
    background: url(../img/topic-bg-2-full.jpg);
    background-size: cover;
    background-position: center;
}
#topics-bg > div:nth-child(3){
/*	background: linear-gradient(to right, rgba(158,180,220,1)0%, rgba(165,185,222,1)50%, rgba(150,171,214,1)50%, rgba(143,166,210,1)100%);*/
    background: url(../img/topic-bg-3-full.jpg);
    background-size: cover;
    background-position: center;
}
#topics-bg > div:nth-child(4){
/*	background: linear-gradient(to right, rgba(243,227,204,1)0%, rgba(224,228,205,1)50%, rgba(214,186,134,1)50%, rgba(196,169,116,1)100%);*/
/*	background: linear-gradient(to right, rgba(245,227,196,1)0%, rgba(249,235,215,1)50%, rgba(236,213,163,1)50%, rgba(216,187,127,1)100%);*/
    background: url(../img/topic-bg-4-full.jpg);
    background-size: cover;
    background-position: center;
}
.topics-content-wrapper{
    display: table;
    position: relative;
    z-index: 1;
}
.topics-list-container {
	height: 70px;
/*    background: yellow;*/
    z-index: 1;
/*    top: -70px;*/
    top: 92.5px;
    text-align: center;
    transition: 0.5s;
    visibility: hidden;
}
html.scrolled-up .topics-list-container{
    top: 92.5px;
}
.topic-list {
    display: inline-block;
    text-align: center;
    width: 50px;
	line-height: 50px;
    padding: 0 10px;
    color: white;
    border-radius: 50px;
    border: 1px solid white;
    margin: 10px;
    font-size: 20px;
    font-weight: lighter;
}
.topic-list > a{
    color: white;
    text-align: none;
}
.topic-list.active{
    border: 1px solid rgb(45, 86, 170);
}
.topic-list.active > a{
    color: rgb(45, 86, 170);
}
.topics-content-1 {
	display: table-cell;
    width: 70%;
}
.topics-content-2{
    display: table-cell;
    color: white;
    font-size: 36px;
    font-weight: lighter;
    transition: 0.5s;
    vertical-align: top;
    max-width: 300px;
    min-width: 250px;
    width: 30%;
/*
    background: rgba(45,86,170,1);
    background: linear-gradient(rgba(23,27,78,1) -20%, rgba(45,86,170, 1) 50%, rgba(23,27,78,1) 120%);
*/
}
.topics-title-container{
    margin-top: 30px; /*50px*/
}
.topics-details{
    margin-top: -70px;
}
.topic-container{
    height: 500px;
    width: 100%;
    background-size: cover;
    position: relative;
    filter: drop-shadow(3px 0px 3px rgba(0,0,0,0.5));
}
#topic-gold {
	background-image: url(../img/guest-1-alpha-shadow-min.png);
    background-position: left top;
}
#topic-oil {
	background-image: url(../img/guest-2-alpha-shadow-min.png);
    background-position: right top;
}
#topic-exchange {
	background-image: url(../img/guest-3-alpha-shadow-min.png);
    background-position: left top;
}
#topic-world {
	background-image: url(../img/guest-4-alpha-shadow-min.png);
    background-position: right top;
}
.topic-wrapper {
	height: 100%;
    color: rgb(45,86,170);
    position: relative;
    line-height: 1.45;
}
.topic-wrapper .guest-title{
    font-size: 18px;
    padding: 0 10px;
}
.topic-wrapper .guest-title > img{
    display: none;
}
.topic-wrapper .guest-title > div:nth-child(2){
    font-size: 28px;
    white-space: nowrap;
}
.topic-wrapper .topic-title{
    margin-top: 145px;
    padding: 0 10px;
}
.topic-wrapper .topic-title.left {
	text-align: left;
}
.topic-wrapper .topic-title.right {
	text-align: right;
}
.topic-wrapper .topic-title > div:first-child{
    font-weight: bolder;
    font-size: 28px;
    white-space: nowrap;
}
.topic-wrapper .topic-title > div:first-child > span{
    font-weight: bolder;
    font-size: 28px;
    white-space: nowrap;
    border-bottom: 1px solid rgb(45,86,170);
    padding: 5px 0;
}
.topic-wrapper .topic-title > div:last-child{
    padding: 5px 0;
    font-weight: bolder;
    font-size: 20px;
    color: white;
}
.topic-wrapper .topic-title > div:last-child > span{
    display: block !important;
}
.topic-wrapper .topic-title > div > span{
    display: inline-block;
}
.topic-promote {
	position: absolute;
    display: inline-block;
/*
    top: 120px;
    right: -180px;
*/
/*    height: calc(100% - 120px - 10px);*/
    height: 500px;
/*    right: 0;*/
    left: 100%;
    width: 45%;
    padding: 10px;
    white-space: nowrap
}
.topic-promote.gold{
    background: #c5a350;
}
.topic-promote.blue{
    background: #00498d;
}
.topic-promote-wrapper{
    top: 180px;
}
.topic-promote section{
    padding: 10px;
}
.topic-promote section > div{
    font-size: 18px;
}
.topic-promote section > div:first-child{
    font-size: 28px;
}
.topic-promote-title{
    color: white !important;
    font-size: 36px !important;
    display: inline-block !important;
    padding: 5px 0;
}
.topic-promote-wrapper > div:first-child:before{
/*    content: "⦂ ";*/
}
.topic-promote-wrapper > div:first-child{
    color: white;
    font-size: 24px;
}
.topic-promote-wrapper > div:last-child{
    margin-top: 160px;
    padding: 10px;
}
#topic-gold .topic-wrapper{
    width: calc(100% - 300px);
    float: right;
}
#topic-gold .topic-wrapper .guest-title{
	padding-top: 100px;
}
#topic-oil .topic-wrapper .guest-title{
	padding-top: 100px;
}
#topic-oil .topic-wrapper{
    width: calc(100% - 300px);
    float: left;
}
#topic-exchange .topic-wrapper .guest-title{
	padding-top: 100px;
}
#topic-exchange .topic-wrapper{
    width: calc(100% - 300px);
    float: right;
}
#topic-world .topic-wrapper .guest-title{
	padding-top: 100px;
}
#topic-world .topic-wrapper{
    width: calc(100% - 300px);
    float: left;
}
#guide{
/*    background: linear-gradient(-45deg, rgb(252,252,255), rgb(245,245,250));*/
/*
    background-image: url(../img/guide-image.png);
    background-size: cover;
    background-position: 10% 20%;
*/
    background: white;
    position: relative;
    z-index: 10;
}
#guide:before {
/*	background: linear-gradient(rgba(0,0,0,0.8), rgba(45,86,170,0.65) 100px);*/
    background: rgba(200,200,255, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
/*    min-height: 600px;*/
    content: "";
}
.guide-content {
	background-image: url(../img/guide-image-min.png);
    background-size: cover;
    background-position: 10% 20%;
}
.guide-content-wrapper {
	display: table;
}
.guide-content-1 {
    display: table-cell;
    color: white;
    font-size: 36px;
    font-weight: lighter;
    transition: 0.5s;
/*
    max-width: 300px;
    min-width: 250px;
*/
/*    width: 30%;*/
    width: 100%;
    margin: 0 auto;
    display: block;
    height: 50px;
    position: relative;
    z-index: 20;
}
.guide-title-container{
    text-align: right;
    top: 100px;
    padding-top: 30px;
    width: 200px;
    margin: 0 auto;
}
.application-title-container > div:first-child, .guide-title-container > div:last-child, .media-title-container > div:first-child, .media-title-container > div:last-child{
    border-top: 1px solid rgb(45,86,170);
    border-bottom: 1px solid rgb(45,86,170);
}
.guide-title-container > div:first-child:before, .media-title-container > div:first-child:before{
    border-color: transparent rgb(45,86,170) transparent transparent;
}
.guide-title-container > div:last-child:after, .media-title-container > div:last-child:after{
    border-color: transparent transparent transparent rgb(45,86,170);
}
.guide-content-2 {
	display: table-cell;
/*    width: 70%;*/
    max-width: 800px;
    margin: 0 auto;
    vertical-align: top;
    line-height: 1.45;
    transition: 0.5s;
    display: block;
    position: relative;
    z-index: 20;
}
.guide-container {
    margin: 80px 10px;
    background: linear-gradient(160deg, rgba(45,86,170,1), rgba(23,27,78,1));
    box-shadow: 10px 10px 30px rgba(23,27,78,0.5);
    display: table;
    width: calc(100% - 30px);
}
.guide-info{
    display: table-cell;
    padding: 40px;
}
.guide-info > *[data-guide-nature]{
    padding: 5px 0;
    white-space: nowrap;
}
.guide-info > *[data-guide-nature="date"]{
	font-size: 30px;
    font-weight: bold;
}
.guide-info > *[data-guide-nature="time"]{
	font-size: 20px;
}
.guide-info > *[data-guide-nature="venue"]{
	font-size: 24px;
}
.guide-info > *[data-guide-nature="location"]{
	font-size: 16px;
}
.guide-info > *[data-guide-nature="location"]:before{
    content: "";
    background: url(../img/address-icon.svg) no-repeat;
    height: 20px;
    width: 15px;
    position: absolute;
    margin-left: -20px;
    animation: address-icon .6s infinite ease-in-out;
}
@keyframes address-icon{
    0%, 100%{
        transform: translate3d(0,0,0);
    }
    50%{
        transform: translate3d(0,-25%,0);
    }
}
.guide-info > *[data-guide-nature="promote"], .guide-info > *[data-guide-nature="tnc"]{
	font-size: 14px;
}
.guide-info > *[data-guide-nature="promote"]:before{
    content: "．";
    height: 20px;
    width: 15px;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    margin-left: -20px;
}
.guide-info > *[data-guide-nature="tnc"]:before{
    content: "＊";
    height: 20px;
    width: 15px;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    margin-left: -20px;
}
.guide-info > *[data-guide-nature="tnc"] > span.tnc-entry{
    cursor: pointer;
    text-decoration: underline;
}
.guide-info > *[data-guide-nature="btn"]{
    margin-top: 20px;
}
.guide-info > hr{
    border: 0.5px solid white;
    width: 150px;
    margin: 20px 0;
}
.guide-img{
    display: table-cell;
    min-width: 200px;
    height: 100%;
    width: 40%;
    background-image: url(../img/location.jpg);
    background-size: cover;
    background-position: 70% 50%;
    -webkit-clip-path: polygon(30px 0, 100% 0, 100% 100%, 30px 100%, 0% 50%);
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 30px 100%, 0% 50%);
}
.application-content{
    background: linear-gradient(to right, rgba(223,207,174,1), rgba(196,169,116,1));
/*    background: linear-gradient(to right, rgba(223,207,174,1)0%, rgba(223,207,174,1)50%, rgba(45,86,170,1)50%, rgba(23,27,78,1)100%);*/
/*    background: linear-gradient(to left, rgba(223,207,174,1)0%, rgba(196,169,116,1)50%, rgba(23,27,78,1)50%, rgba(23,27,78,1)100%);*/
}
.application-content-wrapper {
	display: table;
    position: relative;
}
.application-content-1 {
/*	display: table-cell;*/
/*    background: linear-gradient(to right, rgba(223,207,174,1), rgba(196,169,116,1));*/
    display: block;
/*
    -webkit-clip-path: polygon(98% 0, 100% 2%, 98% 4%, 100% 6%, 98% 8%, 100% 10%, 98% 12%, 100% 14%, 98% 16%, 100% 18%, 98% 20%, 100% 22%, 98% 24%, 100% 26%, 98% 28%, 100% 30%, 98% 32%, 100% 34%, 98% 36%, 100% 38%, 98% 40%, 100% 42%, 98% 44%, 100% 46%, 98% 48%, 100% 50%, 98% 52%, 100% 54%, 98% 56%, 100% 58%, 98% 60%, 100% 62%, 98% 64%, 100% 66%, 98% 68%, 100% 70%, 98% 72%, 100% 74%, 98% 76%, 100% 78%, 98% 80%, 100% 82%, 98% 84%, 100% 86%, 98% 88%, 100% 90%, 98% 92%, 100% 94%, 98% 96%, 100% 98%, 98% 100%, 0 100%, 0 0);
    clip-path: polygon(98% 0, 100% 2%, 98% 4%, 100% 6%, 98% 8%, 100% 10%, 98% 12%, 100% 14%, 98% 16%, 100% 18%, 98% 20%, 100% 22%, 98% 24%, 100% 26%, 98% 28%, 100% 30%, 98% 32%, 100% 34%, 98% 36%, 100% 38%, 98% 40%, 100% 42%, 98% 44%, 100% 46%, 98% 48%, 100% 50%, 98% 52%, 100% 54%, 98% 56%, 100% 58%, 98% 60%, 100% 62%, 98% 64%, 100% 66%, 98% 68%, 100% 70%, 98% 72%, 100% 74%, 98% 76%, 100% 78%, 98% 80%, 100% 82%, 98% 84%, 100% 86%, 98% 88%, 100% 90%, 98% 92%, 100% 94%, 98% 96%, 100% 98%, 98% 100%, 0 100%, 0 0);
*/
/*    clip-path: polygon(97.5% 0, 100% 2.5%, 97.5% 5%, 100% 7.5%, 97.5% 10%, 100% 12.5%, 97.5% 15%, 100% 17.5%, 97.5% 20%, 100% 22.5%, 97.5% 25%, 100% 27.5%, 97.5% 30%, 100% 32.5%, 97.5% 35%, 100% 37.5%, 97.5% 40%, 100% 42.5%, 97.5% 45%, 100% 47.5%, 97.5% 50%, 100% 52.5%, 97.5% 55%, 100% 57.5%, 97.5% 60%, 100% 62.5%, 97.5% 65%, 100% 67.5%, 97.5% 70%, 100% 72.5%, 97.5% 75%, 100% 77.5%, 97.5% 80%, 100% 82.5%, 97.5% 85%, 100% 87.5%, 97.5% 90%, 100% 92.5%, 97.5% 95%, 100% 97.5%, 97.5% 100%, 0 100%, 0 0);*/
/*    clip-path: polygon(95% 0, 100% 5%, 95% 10%, 100% 15%, 95% 20%, 100% 25%, 95% 30%, 100% 35%, 95% 40%, 100% 45%, 95% 50%, 100% 55%, 95% 60%, 100% 65%, 95% 70%, 100% 75%, 95% 80%, 100% 85%, 95% 90%, 100% 95%, 95% 100%, 0 100%, 0 0);*/
}
.application-container {
	margin: 80px 10px;
    padding: 20px 10px;
}
#form:invalid {
/*	background: yellow;*/
}
.form-field{
    padding: 10px;
    text-align: center;
}
.form-field > div:first-child{
	width: 60px;
    height: 60px;
/*    background: white;*/
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border: 1px solid rgb(45,86,170);
    border-right: none;
}
.form-field > div:first-child > img{
    max-height: 30px;
    max-width: 30px;
    padding: 15px;
    box-sizing: content-box;
}
.form-field > div:nth-child(2){
    width: 15px;
    height: 60px;
    position: relative;
    z-index: 10;
    vertical-align: top;
    background: rgb(45,86,170);
    border: 1px solid rgb(45,86,170);
    border-left: none;
    border-right: none;
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    transition: 0.5s;
    margin-left: -8px;
}
.form-field.focus > div:nth-child(2){
    background: rgb(32,93,216);
}
.form-field.invalid > div:nth-child(2){
    background: rgb(255,10,5);
}
.form-field.valid > div:nth-child(2){
    background: rgb(5,200,10);
}
.form-field > div:nth-child(3) > input[type="radio"]:not(:checked) + label{
    color: grey;
}
.form-field > input[type="text"]{
    width: 400px;
	height: 60px;
    max-width: calc(100% - 80px);
    vertical-align: top;
    position: relative;
    left: -10px;
    padding: 20px;
    border: 1px solid rgb(45,86,170);
    border-left: none;
    border-radius: 0;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 20px;
    font-weight: lighter;
    background: none;
    color: rgb(45,86,170);
    text-align: center;
    font-family: "微软雅黑", "微軟正黑體", PingFangSC-Light, "helvetica neue", arial, "hiragino sans gb", "microsoft yahei ui", "microsoft yahei", simsun, sans-serif;
}
.form-field > input[type="text"]::placeholder{
    color: grey;
}
.form-field > input[type="text"]:focus{
    outline: none;
}
.form-field input[type="radio"]:checked, .form-field input[type="radio"]:not(:checked){
    display: none;
}
.form-field input[type="radio"]:focus:invalid{
    display: none;
}
.form-field > div:nth-child(3){
    height: 60px;
    vertical-align: top;
    position: relative;
    left: -10px;
    font-size: 20px;
    line-height: 60px;
    font-weight: lighter;
    width: 400px;
    max-width: calc(100% - 80px);
    border: 1px solid rgb(45,86,170);
    border-left: none;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.form-field > div:nth-child(3) > label{
    display: inline-block;
    width: 50%;
    color: rgb(45,86,170);
    cursor: pointer;
    transition: 0.5s;
}
.form-field > div:nth-child(3) > label:last-child{
    display: inline-block;
    width: 50%;
    border-left: 1px solid rgb(45,86,170);
    height: 59px;
}
.form-field > *{
    display: inline-block;
}
.form-statment {
	width: 100%;
    max-width: 475px;
    margin: 10px auto;
    font-size: 14px;
    color: rgb(45,86,170);
    padding: 0 10px;
}
.form-statment .apply-now-btn {
	margin: 10px auto;
    margin-top: 25px;
}
.form-statment#cs-btn {
	text-align: center;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
}
.form-statment#cs-btn > div{
    display: none;
}
.form-statment#cs-btn > div > span{
    padding: 0 10px;
}
.form-statment#cs-btn > div > span > a{
    color: rgb(45,86,170);
    text-decoration: none;
}
.application-content-2 {
/*	display: table-cell;*/
    display: block;
/*    color: white;*/
    color: rgb(45,86,170);
    font-size: 36px;
    font-weight: lighter;
    transition: 0.5s;
/*
    max-width: 300px;
    min-width: 250px;
    width: 30%;
*/
    width: 100%;
    vertical-align: top;
    position: absolute;
    top: 0;
    text-align: center;
}
.application-title-container {
	padding-top: 30px;
}
.awards-content {
	background: linear-gradient(rgba(45,86,170,1)70%, rgba(23,27,78,1)100%);
}
.awards-title-container, .media-title-container{
    font-size: 36px;
    font-weight: lighter;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    height: 100px;
}
.awards-title-container > div:last-child, .media-title-container > div:last-child{
    margin-right: 10px;
}
.awards-table {
	display: table;
    padding: 0 10px;
    padding-bottom: 30px;
}
.awards-cell {
	display: table-cell;
    vertical-align: top;
    text-align: center;
}
.awards-cell:first-child, .awards-cell:nth-child(2) {
	width: 25%;
}
.awards-cell:nth-child(2){
    vertical-align: middle;
}
.awards-cell:last-child {
	width: 50%;
    vertical-align: middle;
}
.awards-cell > img{
	width: 100%;
    filter: drop-shadow(10px 15px 20px black);
}
.awards-cell:first-child > div, .awards-cell:nth-child(2) > div {
    padding: 15px 0;
}
.slide-list {
	text-align: center;
    padding-bottom: 30px;
}
.slide-list img{
    margin: 0 auto;
    width: 150px;
}
.slide-list div {
	padding: 5px;
    font-size: 14px;
}
.slide-item{
    padding: 5px 15px;
}
.media-title-container{
    color: rgb(45,86,170);
}
.media-content {
	background: white;
}
#copyright{
    text-align: center;
    padding: 10px;
    padding-top: 30px;
    background: linear-gradient(to bottom, rgba(45,86,170,0.85), rgba(0,0,0,1) 60px);
    font-size: 12px;
}
@media screen and (max-width: 960px){
    .introduction-content-1, .topics-content-2, .guide-content-1 {
	    width: 200px;
        max-width: 200px;
        min-width: 200px;
        margin: 0 auto;
    }
    .awards-cell:first-child, .awards-cell:nth-child(2) {
        width: 30%;
    }
    .awards-cell:last-child {
        width: 40%;
    }
}
@media screen and (max-width: 768px){
    .title-2 {
        font-size: 24px;
    }
    .title > span > img {
        height: 70px;
    }
    #hero-countdown-title{
        font-size: 16px;
    }
    .hero-content .countdown-timer .time-container{
        width: 75px;
        height: 75px;
    }
    .hero-content .countdown-timer .time-container > div:first-child{
        font-size: 28px;
        line-height: 75px;
    }
    .hero-content .countdown-timer .time-container > div:last-child{
        font-size: 16px;
        width: 75%;
    }
    .introduction-content-1 {
        display: block;
	    width: 100%;
    }
    .intro-title-container {
        margin: 20px auto;
        text-align: center;
        height: 50px;
    }
    .introduction-content-2 {
        display: block;
        width: 100%;
        padding: 10px;
    }
    .introduction-content-2 p:not(:first-child){
/*        text-align: center;*/
    }
    .introduction-content-2 > div{
        margin-top: 0;
        padding: 0;
    }
    .introduction-content-2 > div:last-child{
        margin-top: 30px;
    }
    .introduction-content-2 .apply-now-btn {
        margin: 0 auto;
    }
    .topics-content-1 {
        width: 100%;
    }
    .topic-container {
        height: 650px;
        background-image: none !important;
        position: relative;
    }
    #topics-bg > div:nth-child(1) {
/*        background: linear-gradient(-45deg, rgba(200,207,236,1)0%, rgba(115,133,157,1)100%);*/
        background: url(../img/topic-bg-1-mobile.jpg);
    }
    #topics-bg > div:nth-child(2) {
/*        background: linear-gradient(-45deg, rgba(219,203,169,1)0%, rgba(226,210,182,1)100%);*/
        background: url(../img/topic-bg-2-mobile.jpg);
    }
    #topics-bg > div:nth-child(3) {
/*        background: linear-gradient(-45deg, rgba(158,180,220,1)0%, rgba(143,166,210,1)100%);*/
        background: url(../img/topic-bg-3-mobile.jpg);
    }
    #topics-bg > div:nth-child(4) {
/*        background: linear-gradient(-45deg, rgba(243,227,204,1)0%, rgba(196,169,116,1)100%);*/
        background: url(../img/topic-bg-4-mobile.jpg);
    }
    #topics-bg > div {
        height: 650px;
    }
    .topics-content-1{
        display: block;
    }
    .topics-list-container {
	    opacity: 0;
        top: -350px;
        height: 280px;
        width: 70px;
/*        visibility: visible;*/
        visibility: hidden;
    }
    html.scrolled-up .topics-list-container{
        opacity: 1;
        top: 90px;
    }
    .topic-list {
	    display: block;
    }
    .topics-details {
        margin-top: calc(-280px - 10px);
    }
    .topic-wrapper {
	    width: 100% !important;
        float: none !important;
        text-align: center;
    }
    .topics-content-2 {
	    display: block;
        width: 100%;
        max-width: none;
        min-width: 0;
        position: absolute;
        top: 0;
        text-align: center;
        height: 100%;
/*        z-index: -1;*/
    }
    .topics-title-container {
	    margin: 20px;
        height: 70px;
        top: -110px;
        transition: 0.5s;
    }
    html.scrolled-up .topics-title-container{
        top: 100px;
    }
    .topic-promote {
        right: unset;
        top: unset;
/*        bottom: 50px;*/
        bottom: 0px;
        width: 100%;
        display: block;
        height: auto;
        text-align: center;
    }
    .topics-content-2 {
        display: none;
    }
    .topic-promote.gold, .topic-promote.blue {
        background: none;
    }
    .topic-title.left, .topic-title.right {
        text-align: center !important;
    }
    .topic-promote-wrapper{
        top: unset;
    }
    .topic-promote-wrapper > div:first-child{
/*        display: none;*/
    }.topic-promote-wrapper > div:first-child > div {
        color: rgb(45,86,170) !important;
        border-bottom: 1px solid rgb(45,86,170);
        border-top: 1px solid rgb(45,86,170);
    }
    .topic-promote section{
        margin-top: 185px;
        color: rgb(45,86,170) !important;
    }
    .topic-promote-wrapper .apply-now-btn{
        margin: 0 auto;
    }
    .topic-wrapper .guest-title > img{
/*
        border-radius: 100px;
        border: 1px solid white;
*/
        height: 180px;
        display: inline;
        -webkit-clip-path: ellipse(50% 45% at 50% 50%);
        clip-path: ellipse(50% 45% at 50% 50%);
    }
    .topic-wrapper .guest-title > div:nth-child(2){
        font-size: 28px;
        white-space: nowrap;
    }
    .topic-promote.gold, .topic-promote.blue{
        height: 650px;
    }
    .guide-content-wrapper{
        display: block;
    }
    .guide-content-1, .guide-content-2 {
        display: block;
        width: 100%;
    }
    .guide-title-container {
	    height: 50px;
    }
    .awards-table {
        width: 100%;
    }
    .awards-cell {
        display: table-cell;
        vertical-align: top;
        text-align: center;
    }
    .awards-cell:first-child, .awards-cell:nth-child(2) {
        width: 50%;
    }
    .awards-cell:last-child {
        width: 100%;
        display: table-caption;
    }
    .awards-cell > img{
        padding: 20px;
        width: 100%;
        max-width: 500px;
    }
}
@media screen and (max-width: 640px){
    .hero-content {
        top: 50%;
    }
    #top-logo-container > img:first-child{
        display: none;
    }
    #top-logo-container > img:last-child{
        display: block;
        margin: 0 auto;
    }
    .title-2 {
        font-size: 20px;
    }
    .introduction-content-1 {
	    min-width: 180px;
        font-size: 30px;
    }
    .introduction-content-2 {
/*        font-size: 16px;*/
    }
    .introduction-content-2 > div:last-child{
        margin-top: 30px;
    }
    .topics-content-2, .guide-content-1, .application-content-2, .awards-title-container, .media-title-container {
	    font-size: 30px;
        width: 100%;
    }
    .guide-title-container {
	    text-align: center;
    }
    .guide-title-container > div:last-child{
        margin-left: 10px;
    }
    .application-content {
/*        background: linear-gradient(to bottom, rgba(45,86,170,1), rgba(23,27,78,1));*/
    }
    .application-content-1, .application-content-2 {
        display: block;
        width: 100%;
        max-width: none;
        min-width: 0px;
    }
    .application-content-1{
        -webkit-clip-path: polygon(0 0, 2.5% 2.5%, 5% 0, 7.5% 2.5%, 10% 0, 12.5% 2.5%, 15% 0, 17.5% 2.5%, 20% 0, 22.5% 2.5%, 25% 0, 27.5% 2.5%, 30% 0, 32.5% 2.5%, 35% 0, 37.5% 2.5%, 40% 0, 42.5% 2.5%, 45% 0, 47.5% 2.5%, 50% 0, 52.5% 2.5%, 55% 0%, 57.5% 2.5%, 60% 0, 62.5% 2.5%, 65% 0%, 67.5% 2.5%, 70% 0, 72.5% 2.5%, 75% 0, 77.5% 2.5%, 80% 0, 82.5% 2.5%, 85% 0, 87.5% 2.5%, 90% 0, 92.5% 2.5%, 95% 0, 97.5% 2.5%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 2.5% 2.5%, 5% 0, 7.5% 2.5%, 10% 0, 12.5% 2.5%, 15% 0, 17.5% 2.5%, 20% 0, 22.5% 2.5%, 25% 0, 27.5% 2.5%, 30% 0, 32.5% 2.5%, 35% 0, 37.5% 2.5%, 40% 0, 42.5% 2.5%, 45% 0, 47.5% 2.5%, 50% 0, 52.5% 2.5%, 55% 0%, 57.5% 2.5%, 60% 0, 62.5% 2.5%, 65% 0%, 67.5% 2.5%, 70% 0, 72.5% 2.5%, 75% 0, 77.5% 2.5%, 80% 0, 82.5% 2.5%, 85% 0, 87.5% 2.5%, 90% 0, 92.5% 2.5%, 95% 0, 97.5% 2.5%, 100% 0, 100% 100%, 0 100%);
    }
    .application-content-2{
        position: absolute;
        top: 0;
        text-align: center;
    }
    .application-title-container {
        height: 70px;
    }
    .application-container {
        margin: 0 auto;
        margin-top: 100px;
        padding: 20px 0;
    }
}
@media screen and (max-width: 568px){
    .title-2 img{
        max-width: 85%;
    }
    .title-3 img{
        max-width: 85%;
    }
    .title > span > img{
        height: 65px;
    }
    .title-1{
        font-size: unset;
    }
    body.scroll-disable{
        overflow: hidden;
    }
    .menu-nav{
/*        background: none;*/
    }
    .normal-nav {
	    display: none;
}
    .mobile-nav {
        display: block;
    }
    .mobile-nav-open-btn {
        cursor: pointer;
        width: 55px;
        height: 55px;
/*        background: pink;*/
        display: inline-block;
        position: absolute;
        z-index: 101;
    }
    .mobile-nav-open-btn > div{
/*        background: yellow;*/
        position: relative;
        padding: 5px 0;
        width: 55px;
        height: 55px;
    }
    .mobile-nav-open-btn > div > div{
        width: 35px;
        height: 2px;
        background: white;
        position: relative;
        margin: 10px auto;
    }
    .mobile-nav-logo {
	    display: inline-block;
        margin: 0 auto;
        text-align: center;
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 100;
    }
    .mobile-nav-cancel-bg {
	    width: 100vw;
        height: 100vh;
        position: fixed;
        background: rgba(0,0,0,0.5);
        z-index: 1000;
        top: 0;
        cursor: pointer;
        display: none;
        opacity: 0;
    }
    .mobile-nav.active .mobile-nav-cancel-bg{
        opacity: 1;
        display: block;
        transition: 0.5s;
    }
    .mobile-nav-active {
	    width: 70vw;
        min-width: 270px;
        height: 100vh;
        position: fixed;
        background: linear-gradient(-135deg, rgba(45,86,170,1), rgba(23,27,78,1) 50%);
        z-index: 1001;
        top: 0;
        transition: 0.5s;
        left: -100vw;
    }
    .mobile-nav.active .mobile-nav-active{
        left: 0;
    }
    .mobile-nav-active > .mobile-nav-active-logo{
	    position: relative;
        width: 100%;
        padding: 10px;
    }
    .mobile-nav-active > .mobile-nav-active-logo img{
        width: 250px;
        height: auto;
    }
    .mobile-nav-active > .mobile-nav-list-container{
        height: calc(100vh - 75px);
        overflow-y: auto;
    }
    .mobile-nav-active > .mobile-nav-list-container > div{
        margin-top: 15px;
        padding: 10px;
        font-size: 24px;
        text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
        line-height: 1.45;
    }
    .mobile-nav-active footer{
        height: calc(100vh - ((((24px * 1.45) + (15px + 10px + 10px)) * 4) + 75px));
        /* above list = .mobile-nav-active > .mobile-nav-list-container > div */
        /* (100%vistual height - ((((above list font-size * above list line-height) + ( above list margin-top + above list padding-top + above list padding-bottom )) * 4pcs of item in above list) + logo height)) */
    }
    .mobile-nav-active footer > .mobile-nav-footer-wrapper{
        position: relative;
        top: calc((100vh - ((((24px * 1.45) + (15px + 10px + 10px)) * 4) + 75px)) - ((32px * 3) + 10px + 10px));
        /* above list = .mobile-nav-active > .mobile-nav-list-container > div */
        /* ((32px * 3) + 10px + 10px)) = ((footer items * 3pcs) + padding-top + padding-bottom)) */ /* if result > 0 = vh < 470px, run another @ media query*/
        padding: 10px;
    }
    .mobile-nav-active footer > .mobile-nav-footer-wrapper > div{
        color: rgba(255,255,255,0.7);
        text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
        line-height: 2;
        font-size: 16px;
    }
    #introduction {
/*        margin-top: -100px;*/
    }
    .guide-container {
        margin: 50px 10px;
        width: calc(100% - 20px);
    }
    .guide-content-2 .guide-container {
        display: table;
    }
    .guide-info {
        display: table-cell;
        text-align: center;
        background: linear-gradient(160deg, rgba(45,86,170,0.5), rgba(23,27,78,0.35));
    }
    .guide-info hr{
        margin: 20px auto;
    }
    .guide-info > *[data-guide-nature="btn"] .apply-now-btn{
        margin: 0px auto;
    }
    .guide-info > *[data-guide-nature]{
        white-space: normal;
    }
    .guide-img {
        display: table-column;
        height: 350px;
        width: 100%;
        -webkit-clip-path: none;
        clip-path: none;
        position: relative;
        top: 0;
    }
    .awards-cell {
        font-size: 80%;
        white-space: nowrap;
    }
    .section-title.left > div:last-child {
         margin-left: -10px;
    }
    .section-title.right > div:last-child {
         margin-right: 15px;
    }
}
@media screen and (max-width: 414px){
    .title-2 {
        font-size: 18px;
        white-space: nowrap;
    }
    #hero-countdown-title{
        font-size: 14px;
    }
    #hero-countdown-title:before{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 7px 0px;
        border-color: transparent white transparent transparent;
        display: inline-block;
        vertical-align: text-bottom;
        margin-right: 7px;
    }
    #hero-countdown-title:after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 7px 7px;
        border-color: transparent transparent transparent white;
        display: inline-block;
        vertical-align: text-bottom;
        margin-left: 7px;
    }
    .hero-content .countdown-timer .time-container{
        width: 60px;
        height: 60px;
    }
    .hero-content .countdown-timer .time-container > div:first-child{
        font-size: 24px;
        line-height: 60px;
    }
    .hero-content .countdown-timer .time-container > div:last-child{
        font-size: 12px;
        width: 50%;
    }
    .introduction-content-1 {
        display: block;
	    width: 100%;
    }
    .intro-title-container {
        margin: 20px auto;
        text-align: center;
        height: 50px;
    }
    .introduction-content-2 {
        display: block;
        width: 100%;
        padding: 10px;
    }
    .introduction-content-2 > div{
        margin-top: 0;
        padding: 0;
    }
    .introduction-content-2 > div:last-child{
        margin-top: 30px;
    }
    .introduction-content-2 .apply-now-btn {
        margin: 0 auto;
    }
    .guide-container {
        width: 100%;
        box-shadow: unset;
        margin: 30px 0;
    }
    .form-field > input[type="text"], .form-field > div:nth-child(3){
        width: 100%;
    }
}
@media screen and (max-height: 470px) and (max-width: 568px){
    .mobile-nav-active footer > .mobile-nav-footer-wrapper{
        top: 0 !important;
    }
}
@media screen and (min-width: 1140px){
    .title > span > img{
        height: 120px;
    }
}
input {
    -webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}
.form-icon {
	fill:none;stroke:#fff;stroke-miterlimit:10;
}
.form-after-submit-icon {
    width: 100px;
    height: 100px;
    margin-top: 30px;
}
.tick-st0 {
    fill: rgb(87, 187, 87);
}

.tick-st1 {
    fill: none;
    stroke: rgb(87, 187, 87);
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke-dasharray: 100;
    stroke-dashoffset: 100;
    animation: tick 0.75s linear forwards;
    animation-delay: 0.75s;
    stroke-opacity: 1;
}

@keyframes tick {
    0% {
        stroke-dashoffset: 100;
    }
    100% {
        stroke-dashoffset: 0;
    }
}


/* error */

.error-st0 {
    fill: rgb(255,10,5);
}

.error-st1 {
    fill: none;
    stroke: rgb(255,10,5);
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke-dasharray: 100;
    stroke-dashoffset: -100;
    animation: error 0.75s linear forwards;
    animation-delay: 0.75s;
    stroke-opacity: 1;
}

@keyframes error {
    0% {
        stroke-dashoffset: -100;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

.ended-st0 {
    fill: rgb(255,10,5);
}

.ended-st1 {
    fill: none;
    stroke: rgb(255,10,5);
    stroke-width: 4;
    stroke-miterlimit: 10;
    stroke-dasharray: 100;
    stroke-dashoffset: 0;
    stroke-opacity: 1;
}

@media screen and (max-width: 370px){
	.cid-rn2wo1Kaq1 .card_back {
		padding: 15px;		
	}
}
@media screen and (max-width: 350px){
	.cid-rn2wo1Kaq1 .card_back font{
	    font-size: 14px;
	}
}