@charset "utf-8";
/* CSS Document */
/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, input, select, textarea,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;}
/* END RESET*/

/*defult settings*/
.hide{display:none;}
.clear{clear: both;}

/*hash change */
.page{display:none;}
.current{display:block;}

/* Layout */
body{ font-family: arial; font-size: 1em; }
.main{ width: 100%; height: auto; position: relative; }
.bg{width:100%;height:auto;margin:0;padding:0;display:block;}
.content{position: absolute;top:0;right:0;width:100%;height:100%;}
img{display: block;}
.flipped { transform: rotate(180deg); }
.header-img{margin-bottom: 5%;}
.package-wrapper{position: relative;padding-bottom: 3%;}
img.pack-bg { width: 95%; margin: 0 auto; }
.bg-wrapper { position: relative; }
a.order { position: absolute; bottom: 10%; right: 6%; height: 26%; width: 55%; }
.details-wrapper { position: relative;padding-top: 5%;width: 95%;margin: 0 auto;box-sizing: border-box;border-top: none;display: none; padding-bottom: 4%; }
.top-package .details-wrapper { border: 1px solid #e2e9ee; }
.mid-package .details-wrapper { border: 1px solid #e4e4e4; }
.bottom-package .details-wrapper { border: 1px solid #d3e7f8; }
img.detail { width: 93%; margin: 0 auto; }
.arrow-btn { position: absolute; top: 1%; left: 2%; width: 16%; height: 33%; text-align: center; box-sizing: border-box; padding-top: 6%; }
.arrow-btn img { width: 56%; margin: 0 auto; }
.show-more { position: absolute; bottom: 4%; right: 0; height: 12%; width: 46%; }
.first-details { position: relative; padding-bottom: 6%; }
.more-details { display: none; padding: 3% 0% 6% 0%; }
a.order-bottom { width: 93%; margin: 0 auto; display: block; }
a.order-bottom img {width: 100%;}