/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

header { position: relative; z-index: 1; background-image: url(../images/h_bg.jpg); width: 100%; height: 705px; }
@media screen and (max-width: 767.98px) { header { width: 100%; height: 100%; } }
header .icon { color: #fff; background-color: #b61b06; position: absolute; top: 30px; right: 30px; display: none; font-size: 32px; padding: 8px 12px; border-radius: 50%; z-index: 10; }
@media screen and (max-width: 1019px) { header .icon { display: block; } }
header .content { position: relative; z-index: 1; background-image: url(../images/head_bg.jpg); background-repeat: no-repeat; width: 1198px; height: 531px; margin: 0 auto; }
@media screen and (max-width: 767.98px) { header .content { background-image: none; width: 100%; height: 100%; }
  header .content .mobile { width: 100%; } }
header .content .logo { position: absolute; top: 310px; left: 30px; }
header .content .pic_1 { position: absolute; top: 130px; left: 240px; }
header .content .pic_2 { position: absolute; top: 190px; left: 650px; }
header .menu { position: relative; z-index: 2; background-image: url(../images/g_bg.jpg); min-width: 1198px; width: 100%; height: 174px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
header .menu li { width: 215px; height: 270px; cursor: pointer; }
header .menu li a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; }
header .menu li a p { text-indent: -9999px; }
header .menu li.m1 { margin: -90px -20px 0; }
header .menu li.m1 a { background-image: url(../images/nav/m1a.png); }
header .menu li.m1 a:hover, header .menu li.m1 a.active { background-image: url(../images/nav/m1b.png); }
header .menu li.m2 { margin: -120px -15px 0; }
header .menu li.m2 a { background-image: url(../images/nav/m2a.png); }
header .menu li.m2 a:hover, header .menu li.m2 a.active { background-image: url(../images/nav/m2b.png); }
header .menu li.m3 { margin: -120px -15px 0; }
header .menu li.m3 a { background-image: url(../images/nav/m3a.png); }
header .menu li.m3 a:hover, header .menu li.m3 a.active { background-image: url(../images/nav/m3b.png); }
header .menu li.m4 { margin: -90px -20px 0; }
header .menu li.m4 a { background-image: url(../images/nav/m4a.png); }
header .menu li.m4 a:hover, header .menu li.m4 a.active { background-image: url(../images/nav/m4b.png); }
@media screen and (max-width: 767.98px) { header .menu { display: none; }
  header.responsive { position: static; z-index: 99; background-image: none; }
  header.responsive .menu { width: 100%; height: 100%; min-width: 0; position: absolute; z-index: 9; top: 0; right: 0; background-image: none; background-color: rgba(0, 0, 0, 0.8); display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 20% 0 0; }
  header.responsive .menu li { width: 100%; height: auto; margin: 0; }
  header.responsive .menu a { background-image: none !important; width: 100%; height: auto; flex: 1; color: #eee; font-weight: bold; font-size: 24px; text-align: center; padding: 0; margin: 20px 0; text-decoration: none; }
  header.responsive .menu a.active { color: #e04a35; }
  header.responsive .menu a p { text-indent: 0; } }

.box_1 { width: 100%; min-width: 1198px; background-image: url(../images/grass_1.png), url(../images/g_bg.jpg); background-repeat: repeat-x, repeat; background-position: bottom center, center; padding-bottom: 50px; }
@media screen and (max-width: 767.98px) { .box_1 { width: 100%; height: 100%; min-width: 100%; } }

.box_2 { background-image: url(../images/y_bg.jpg); width: 100%; min-width: 1198px; padding-bottom: 60px; }
@media screen and (max-width: 767.98px) { .box_2 { width: 100%; height: 100%; min-width: 100%; } }

.container { position: relative; width: 1198px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; }
@media screen and (max-width: 767.98px) { .container { width: 100%; height: 100%; } }
.container .content { display: flex; align-items: center; justify-content: center; }
@media screen and (max-width: 767.98px) { .container .content { width: 100% !important; height: 100% !important; min-width: 100% !important; } }
.container a { margin: 20px auto 0; }
.container a:hover, .container a.active { filter: brightness(1.4); }

.index { height: 100%; }
.index .box_1 .title { margin-top: 50px; text-align: center; }
@media screen and (max-width: 767.98px) { .index .box_1 .title { width: 100%; }
  .index .box_1 .title img { width: 85%; } }
.index .box_1 .content { background-image: url(../images/index/box1.png); background-repeat: no-repeat; width: 1094px; height: 286px; margin-top: 20px; }
.index .box_1 .content img { margin: 0 3px; }
@media screen and (max-width: 767.98px) { .index .box_1 .content { background-image: none; width: 100%; flex-direction: column; }
  .index .box_1 .content img { margin: 10px 0; } }
.index .box_2 .title { position: relative; width: 100%; margin: 50px 0 0; display: flex; justify-content: center; }
@media screen and (max-width: 767.98px) { .index .box_2 .title { margin: 30px 0 0; } }
.index .box_2 .title img { position: relative; z-index: 2; }
@media screen and (max-width: 767.98px) { .index .box_2 .title img { width: 80%; } }
.index .box_2 .title img.p1 { position: absolute; z-index: 1; top: 60px; left: 228px; }
.index .box_2 .title img.p2 { position: absolute; z-index: 1; top: 80px; right: 280px; }
.index .box_2 .content { background-image: url(../images/index/box2.png); background-repeat: no-repeat; width: 1099px; height: 717px; margin-top: 20px; flex-direction: column; }
@media screen and (max-width: 767.98px) { .index .box_2 .content { background-image: none; margin: 30px 0 0; } }
.index .box_2 .content img { margin: 0 3px; }
.index .box_2 .content ul { margin-bottom: 30px; }
.index .box_2 .content ul a img.t, .index .box_2 .content ul a img:nth-child(1) { display: block; visibility: visible; }
.index .box_2 .content ul a img.b, .index .box_2 .content ul a img:nth-child(2) { display: none; visibility: hidden; }
.index .box_2 .content ul a:hover, .index .box_2 .content ul a.active { filter: brightness(1); }
.index .box_2 .content ul a:hover img.t, .index .box_2 .content ul a:hover img:nth-child(1), .index .box_2 .content ul a.active img.t, .index .box_2 .content ul a.active img:nth-child(1) { display: none; visibility: hidden; }
.index .box_2 .content ul a:hover img.b, .index .box_2 .content ul a:hover img:nth-child(2), .index .box_2 .content ul a.active img.b, .index .box_2 .content ul a.active img:nth-child(2) { display: block; visibility: visible; }
.index .box_2 .content ul.step1 { background-image: url(../images/index/st1.png), url(../images/index/p.png); background-position: bottom left, bottom 10px right; background-repeat: no-repeat; padding: 0 40px 0 300px; display: flex; align-items: flex-end; min-height: 94px; }
@media screen and (max-width: 767.98px) { .index .box_2 .content ul.step1 { padding: 120px 50px 0; background-position: top center, bottom 10px right 10px; flex-wrap: wrap; }
  .index .box_2 .content ul.step1 li { width: 16%; margin: 0 2%; }
  .index .box_2 .content ul.step1 li img { width: 100%; } }
.index .box_2 .content ul.step2 { background-image: url(../images/index/st2.png); background-position: bottom left 18px; background-repeat: no-repeat; padding: 0 40px 0 300px; display: flex; align-items: flex-end; min-height: 93px; }
.index .box_2 .content ul.step2 li { margin: 0 3px; }
@media screen and (max-width: 767.98px) { .index .box_2 .content ul.step2 { padding: 120px 10px 0; background-position: top center, bottom 10px right 10px; flex-wrap: wrap; min-height: 0; }
  .index .box_2 .content ul.step2 li { width: 18%; margin: 0 1%; }
  .index .box_2 .content ul.step2 li img { width: 100%; } }
.index .box_2 .content ul.step3 { background-image: url(../images/index/st3.png); background-position: top 35px left; background-repeat: no-repeat; padding: 0 40px 0 300px; display: flex; align-items: flex-start; flex-wrap: wrap; min-height: 90px; margin-bottom: 0; }
.index .box_2 .content ul.step3 li { margin: 5px; }
@media screen and (max-width: 767.98px) { .index .box_2 .content ul.step3 { padding: 120px 10px 0; background-position: top center, bottom 10px right 10px; flex-wrap: wrap; }
  .index .box_2 .content ul.step3 li { width: 48%; margin: 1%; }
  .index .box_2 .content ul.step3 li img { width: 100%; } }

.event .box_1 { position: relative; }
.event .box_1 a.share { display: block; position: fixed; top: 20%; right: 15%; z-index: 99; }
.event .box_1 a.share:hover { filter: brightness(1.1); }
@media screen and (max-width: 767.98px) { .event .box_1 a.share { text-align: right; }
  .event .box_1 a.share img { width: 55%; } }
.event .box_1 .title { position: relative; width: 100%; margin-top: 20px; display: flex; justify-content: center; }
@media screen and (max-width: 767.98px) { .event .box_1 .title img { width: 85%; } }
.event .box_1 .title img.p1 { position: absolute; top: 20px; left: 170px; }
.event .box_1 .title img.p2 { position: absolute; top: 10px; right: 250px; }
.event .box_1 .content { padding-bottom: 50px; }
.event .box_1 .content ul { display: grid; grid-template-columns: repeat(3, 345px); grid-column-gap: 10px; grid-row-gap: 10px; }
.event .box_1 .content ul li { position: relative; width: 345px; height: 323px; }
.event .box_1 .content ul li a { margin: 0; position: absolute; display: block; width: 100%; height: 100%; }
.event .box_1 .content ul li a:hover { filter: brightness(1.1); }
.event .box_1 .content ul li a .media { padding: 50px 40px 0; }
.event .box_1 .content ul li a .media img { width: 100%; height: 100%; }
.event .box_1 .content ul li a .mask { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(../images/event/event_f.png); background-repeat: no-repeat; }
.event .box_1 .content ul li a .text { position: absolute; bottom: 35px; left: 30px; color: #d4581b; font-weight: bold; font-size: 1.4375rem; }
@media screen and (max-width: 767.98px) { .event .box_1 .content ul { width: 100vw; padding: 0 2.5vw; grid-template-columns: repeat(2, 46vw); }
  .event .box_1 .content ul li { position: relative; width: 100%; height: calc(50vw - 17px); }
  .event .box_1 .content ul li a .media { padding: 20px 15px 0; }
  .event .box_1 .content ul li a .media img { max-width: 98%; height: 100%; }
  .event .box_1 .content ul li a .mask { background-size: contain; }
  .event .box_1 .content ul li a .text { bottom: 15%; left: 10%; font-size: 0.8rem; } }
.event .box_2 .title { position: relative; width: 100%; margin: 20px 0; display: flex; justify-content: center; }
.event .box_2 .title img { position: relative; z-index: 2; }
.event .box_2 .title img.p1 { position: absolute; z-index: 1; top: 50px; left: 310px; }
.event .box_2 .title img.p2 { position: absolute; z-index: 1; top: 60px; right: 360px; }
.event .box_2 .content { flex-direction: column; padding-bottom: 60px; }
.event .box_2 .content img { margin: 30px 0 0; }
.event .box_2 .content a > img { margin: 0; }
.event .box_2 .content > div img { margin: 0; width: 700px; }
@media screen and (max-width: 767.98px) { .event .box_2 .content > div img { margin: 0 auto; width: 80%; } }

.data .box_1 .title { position: relative; width: 100%; margin-top: 20px; display: flex; justify-content: center; }
@media screen and (max-width: 767.98px) { .data .box_1 .title img { width: 85%; } }
.data .box_1 .title img.p1 { position: absolute; top: 20px; left: 230px; }
.data .box_1 .title img.p2 { position: absolute; top: 10px; right: 200px; }
.data .box_2 { padding-top: 20px; }
.data .box_2 .content { flex-direction: column; padding-bottom: 60px; }
.data .box_2 .content ul { padding-right: 90px; }
@media screen and (max-width: 767.98px) { .data .box_2 .content ul { width: 90%; padding: 0 5%; } }
.data .box_2 .content ul li { display: flex; align-items: center; padding: 0 0 0 90px; background-repeat: no-repeat; background-position: center left 25px; margin-bottom: 15px; }
.data .box_2 .content ul li input { padding: 0 15px; width: 250px; border: 0; border-radius: 20px; line-height: 35px; }
.data .box_2 .content ul li input:focus { outline: 0; }
.data .box_2 .content ul li.data_1 { background-image: url(../images/data/field1.png); }
.data .box_2 .content ul li.data_2 { background-image: url(../images/data/field2.png); background-position: center left; }
.data .box_2 .content ul li.data_3 { background-image: url(../images/data/field3.png); }
.data .box_2 .content ul li.data_4 { background-image: url(../images/data/field4.png); }

.rule .box_1 { background-image: url(../images/grass_2.png), url(../images/g_bg.jpg); background-repeat: repeat-x, repeat; background-position: bottom center, center; padding-top: 20px; padding-bottom: 60px; }
.rule .box_1 .title { width: 100%; text-align: center; }
.rule .box_1 .title img { margin: 0 auto; }
@media screen and (max-width: 767.98px) { .rule .box_1 .title { width: 100%; }
  .rule .box_1 .title img { width: 85%; } }
.rule .box_1 .content { background-image: url(../images/rule/step_bg1.png); background-repeat: no-repeat; width: 1091px; height: 422px; margin-top: 20px; }
.rule .box_1 .content img { margin: 0 3px; }
@media screen and (max-width: 767.98px) { .rule .box_1 .content { background-image: none; background-color: #fbf4e2; width: 90% !important; min-width: 90% !important; padding: 5% 0; margin: 5%; border-radius: 20px; text-align: center; flex-direction: column; }
  .rule .box_1 .content img { margin: 5%; width: 70%; }
  .rule .box_1 .content img.mobile { width: auto; } }
.rule .box_2 { background-image: url(../images/grass_1.png), url(../images/p_bg.jpg); background-repeat: repeat-x, repeat; background-position: bottom center, center; }
.rule .box_2 .title { position: relative; z-index: 2; }
@media screen and (max-width: 767.98px) { .rule .box_2 .title { width: 100%; text-align: center; }
  .rule .box_2 .title img { width: 85%; } }
.rule .box_2 .content { position: relative; z-index: 1; background-image: url(../images/rule/win_bg1.png); background-repeat: no-repeat; width: 1132px; height: 701px; margin-top: -40px; }
.rule .box_2 .content ul { width: 100%; }
.rule .box_2 .content ul li { position: absolute; }
.rule .box_2 .content ul li.win_1 { top: 35px; left: 200px; }
.rule .box_2 .content ul li.win_2 { top: 35px; right: 200px; }
.rule .box_2 .content ul li.win_3 { top: 350px; left: 100px; }
.rule .box_2 .content ul li.win_4 { top: 350px; left: 450px; }
.rule .box_2 .content ul li.win_5 { top: 350px; right: 100px; }
@media screen and (max-width: 767.98px) { .rule .box_2 .content { background-image: none; }
  .rule .box_2 .content ul { background-color: #fff; border-radius: 20px; padding-top: 8%; margin: 0 5%; }
  .rule .box_2 .content ul li { margin: 0 0 5%; width: 100%; position: relative; top: unset !important; left: unset !important; right: unset !important; text-align: center; }
  .rule .box_2 .content ul li.win_1 img { width: 60%; }
  .rule .box_2 .content ul li.win_2 img { width: 80%; }
  .rule .box_2 .content ul li.win_3 img { width: 70%; }
  .rule .box_2 .content ul li.win_4 img { width: 75%; }
  .rule .box_2 .content ul li.win_5 img { width: 70%; } }
.rule .box_3 { background-image: url(../images/y_bg.jpg); width: 100%; min-width: 1198px; padding: 50px 0 60px; }
@media screen and (max-width: 767.98px) { .rule .box_3 .title { width: 100%; text-align: center; }
  .rule .box_3 .title img { width: 85%; } }
.rule .box_3 .content { width: 960px; margin: 20px auto 0; }
.rule .box_3 .content ul li { background-repeat: no-repeat; background-position: top left; padding-left: 40px; font-size: 1.25rem; color: #242424; margin-bottom: 50px; }
.rule .box_3 .content ul li:nth-child(1) { background-image: url(../images/rule/n01.png); }
.rule .box_3 .content ul li:nth-child(2) { background-image: url(../images/rule/n02.png); }
.rule .box_3 .content ul li:nth-child(3) { background-image: url(../images/rule/n03.png); }
.rule .box_3 .content ul li:nth-child(4) { background-image: url(../images/rule/n04.png); }
.rule .box_3 .content ul li:nth-child(5) { background-image: url(../images/rule/n05.png); }
.rule .box_3 .content ul li:nth-child(6) { background-image: url(../images/rule/n06.png); }
.rule .box_3 .content ul li:nth-child(7) { background-image: url(../images/rule/n07.png); }
.rule .box_3 .content ul li:nth-child(8) { background-image: url(../images/rule/n08.png); }
.rule .box_3 .content ul li:nth-child(9) { background-image: url(../images/rule/n09.png); }
.rule .box_3 .content ul li:nth-child(10) { background-image: url(../images/rule/n10.png); }
@media screen and (max-width: 767.98px) { .rule .box_3 { width: 90%; min-width: 90%; padding: 0 5% 10%; }
  .rule .box_3 .content ul li { margin-bottom: 20px; } }

.goodchoice .box_1 .title { position: relative; width: 100%; padding-top: 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
@media screen and (max-width: 767.98px) { .goodchoice .box_1 .title img { width: 90%; } }
.goodchoice .box_1 .title img { margin: 5px 0; }
.goodchoice .box_1 .title img.p1 { position: absolute; top: 0; left: 30px; }
.goodchoice .box_1 .title img.p2 { position: absolute; top: 190px; right: 120px; }
.goodchoice .box_2 .content { flex-direction: column; padding-bottom: 100px; }
.goodchoice .box_2 .content ul { margin-bottom: 50px; }
@media screen and (max-width: 767.98px) { .goodchoice .box_2 .content ul { width: 100%; } }
.goodchoice .box_2 .content ul li { position: relative; display: flex; align-items: center; }
@media screen and (max-width: 767.98px) { .goodchoice .box_2 .content ul li { width: 100%; } }
.goodchoice .box_2 .content ul li:nth-child(1) .arrow { position: absolute; top: 210px; left: 210px; }
@media screen and (max-width: 767.98px) { .goodchoice .box_2 .content ul li:nth-child(1) { flex-direction: column; }
  .goodchoice .box_2 .content ul li:nth-child(1) img { width: 80%; margin-bottom: 20px; }
  .goodchoice .box_2 .content ul li:nth-child(1) img:nth-child(1) { width: 70%; } }
.goodchoice .box_2 .content ul li:nth-child(2) .arrow { position: absolute; top: 220px; left: 420px; }
@media screen and (max-width: 767.98px) { .goodchoice .box_2 .content ul li:nth-child(2) { flex-direction: column-reverse; }
  .goodchoice .box_2 .content ul li:nth-child(2) img { width: 80%; margin-bottom: 20px; }
  .goodchoice .box_2 .content ul li:nth-child(2) img:nth-child(1) { width: 85%; } }
.goodchoice .box_2 .content ul li:nth-child(3) .arrow { position: absolute; top: 210px; left: 150px; }
@media screen and (max-width: 767.98px) { .goodchoice .box_2 .content ul li:nth-child(3) img { position: relative; }
  .goodchoice .box_2 .content ul li:nth-child(3) img:nth-child(1) { z-index: 2; width: 35%; margin-right: -30px; }
  .goodchoice .box_2 .content ul li:nth-child(3) img:nth-child(1) + img + img { z-index: 1; width: 70%; } }
.goodchoice .box_2 .content div a { display: inline-block; margin: 0 10px; }
@media screen and (max-width: 767.98px) { .goodchoice .box_2 .content div a { display: block; text-align: center; margin: 0 auto 20px; } }

footer { position: relative; z-index: 9; background-image: url(../images/foot_bg.png); background-repeat: repeat-x; background-position: bottom left; width: 100%; height: 243px; margin: -100px 0 0; }
@media screen and (max-width: 767.98px) { footer { background-image: none; margin: -50px 0 0; height: auto; } }
footer .content { width: 1198px; margin: 0 auto; }
@media screen and (max-width: 767.98px) { footer .content { width: 100%; }
  footer .content img { width: 100%; } }

* { margin: 0; padding: 0; }

ul, li { list-style-type: none; }

html, body { width: 100%; margin: 0; padding: 0; overflow: hidden; }

html { overflow: hidden; overflow-y: auto; }

#desktop, .desktop { display: block !important; visibility: visible !important; }
@media screen and (max-width: 767.98px) { #desktop, .desktop { display: none !important; visibility: hidden !important; } }

#mobile, .mobile { display: none !important; visibility: hidden !important; }
@media screen and (max-width: 767.98px) { #mobile, .mobile { display: block !important; visibility: visible !important; } }

.lb-closeContainer { position: relative; }

.lb-data .lb-close { position: absolute; top: -40px; right: -40px; width: 32px; height: 32px; }
@media screen and (max-width: 767.98px) { .lb-data .lb-close { right: 0; } }

.lb-image { max-width: 100% !important; height: auto !important; width: 100% !important; border: 0 !important; }

.lb-outerContainer { width: 90% !important; max-width: 846px; height: auto !important; }