h3 {font-size: 30px; margin: 2% 0 3%; letter-spacing: -0.3px; font-weight: 500;}

#breadcrumb {max-width: 1000px; width: 100%; padding: 30px 15px 0; display: block; margin: 0 auto;}
#breadcrumb a:link {color: #580787;}
#breadcrumb a:active {color:#7909b5;}
#breadcrumb a:hover {color: #7909b5;}
#breadcrumb a:visited {color: #580787;}

#main {max-width: 1000px; width: 100%; padding: 30px 15px; display: block; margin: 0 auto;}
#main img {float: left; width: 20%; margin:0 3.3% 0 0;}
#main h2 {float: left; display: block; width: 70%; font-size: 2.7vw; font-weight: bold; line-height: 1.5em; margin-top: 25px; margin-top: 2.7%;}
#main h2 span {display: block;}

#detail {max-width: 1000px; width: 100%; padding: 0 15px; display: block; margin: 0 auto; }
.steps {display: block; background-color: #fdeff6; border: 1px solid #cfa1ae; padding:15px 3% 3%; background-image: url(/s/page/web/common/ib_qrcode/images/bg.jpg); background-position: bottom left; background-repeat: no-repeat; background-size: 50%;}
.steps img {float: left; width: 35%; max-width: 323px; border: 6px #ccc solid; margin-right: 3%;}
.arrow {text-align: center; padding: 20px; line-height: 0.8em;}

#registration {max-width: 1000px; width: 100%; padding: 30px 15px; display: block; margin: 0 auto;}

.ticket {padding: 20px 50px; max-width: 350px; width: 80%; margin: 0 auto; background-color: #eb4c98; line-height: 1em; display: block;}
.ticket img {width: 100%;}

footer {margin-top: 5vw;}



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

h3 {
    font-size: 4.5vw;
    margin-bottom: 5%;
    line-height: 1.5em;
    font-weight: 600;
}
.steps {
    background-size: 100%;
}
#breadcrumb { padding: 15px 15px 0;}

#main { padding: 15px;}

#main img { width: 20%; margin: 0 39%;}
#main h2 { width: 100%; font-size: 4.8vw; line-height: 1.5em; margin-top: 7px; text-align: center; letter-spacing: -0.3px;}
#main h2 span {font-size: 14px;}

.steps img {float: none; margin: 0 auto;  width: 100%; display: block;}
.steps dl { width: 91%; }

.icon {margin-bottom: 15px!important;}

.ticket {padding: 20px 30px; max-width: 250px; }
p { line-height: 1.5em; }

.steps {background-image: none;}

}


@media screen and (min-width: 1300px){

#main h2{ font-size: 34px; }
}