@font-face {
    font-family: "NotoSans Light";
    src: url('/static/fonts/NotoSans-Light.eot');
    src: url('/static/fonts/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/NotoSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans Regular";
    src: url('/static/fonts/NotoSans-Regular.eot');
    src: url('/static/fonts/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/NotoSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "NotoSans Bold";
    src: url('/static/fonts/NotoSans-Bold.eot');
    src: url('/static/fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/NotoSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; }
ol, ul { list-style-type:none; }
table { border-collapse: collapse; border-spacing: 0; }

html,
body { height: 100%; }
body { min-width: 1160px; background-color: #eff2f4; font-size: 16px; line-height: 1.4; font-family: "NotoSans Regular"; color: #002d40; word-break: keep-all; -webkit-text-size-adjust: none; max-height: 999999px; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

input[type="text"],
input[type="password"],
select { padding: 0; border: 1px solid #bad8e9; background-color: #fff; font-family: "NotoSans Bold"; font-size: 1.25rem; color: #002d40; }
button { font-family: "NotoSans Regular"; font-size: 1rem; }

a, img, button, input { outline: none; }

.Navbar { position: absolute; width: 100%; min-width: 1160px; background-color: #0b0d12 !important; z-index: 100 !important; }
.NavbarFooter .NavbarFooter-anchor[data-id="privacy"] { font-weight: bold; }
.NavbarFooter .NavbarFooter-legal { display: none; }

.clear { clear: both; display: block; margin: 0; padding: 0; }
.ie6 .clear { height: 0; line-height: 100%; overflow: hidden; }
.clear-after:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.icon-svg-mini { display: inline-block; width: 18px; height: 18px; margin-bottom: 2px; fill: currentColor; vertical-align: middle; }
.icon-svg { display: inline-block; width: 32px; height: 32px; fill: currentColor; vertical-align: middle; }
.icon-svg-awesome { position: relative; top: 2px; }

.button { display: inline-block; min-width: 240px; height: 60px; box-sizing: border-box; padding: 0 20px; vertical-align: middle; line-height: 60px; }
.button span { font-size: 1.25rem; color: #fff; line-height: 60px; }
.button:hover { cursor: pointer; }

.button.small { min-width: auto; height: auto; margin: 0 4px; padding: 0 6px; line-height: 28px; }
.button.small span { font-size: 0.84rem; color: #fff; line-height: 28px; }

.button.disabled { background: none !important; background-color: #909090 !important; }
.button.disabled:hover { background-color: inherit; cursor: not-allowed; }
.button.disabled span { color: #d0d0d0; }

.gray-button { background-color: #919191; transition: background-color 0.2s ease; }
.gray-button:hover { background-color: #818181; }

.white-button { background-color: #fff; border: 1px solid #004d94; transition: background-color 0.2s ease; }
.white-button span { color: #004d94; }
.white-button:hover { background-color: #eef5fb; }

.blue-button { min-width: auto; height: 47px; padding: 0 30px; background-color: #005bac; transition: background-color .2s ease; }
.blue-button:hover { background-color: #0089d5; }
.blue-button span { font-size: 1rem; line-height: 47px; }

.gradient-button { position: relative; background-color: #ff942a; background-color: #ff942a; background-image: linear-gradient(#ffb034, #ff7821); }
.gradient-button span { position: relative; z-index: 2; }
.gradient-button:hover { background-color: #ff6012; }
.gradient-button:not(.disabled):before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(#ff7416, #ff4a0e); opacity: 0; transition: opacity .2s ease; }
.gradient-button:hover:before { opacity: 1; }

.bounce-loading span { display: none; }
.bounce-loading span.bounce { width: 10px; height: 10px; margin: 0 2px; background-color: #fff; border-radius: 100%; display: inline-block; -webkit-animation: bouncedelay 1.4s infinite ease-in-out both; animation: bouncedelay 1.4s infinite ease-in-out both; }
.bounce-loading span.bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.bounce-loading span.bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }

.captcha .captcha-image { width: 200px; height: 70px; border: 1px solid #d3bb8d; vertical-align: top; }
.captcha .refresh { display: inline-block; width: 40px; color: #002d40; text-align: center; vertical-align: top; cursor: pointer; }
.captcha .captcha-input { width: 200px; height: 45px; line-height: 45px; text-align: center; color: #005aac; font-family: "NotoSans Regular"; vertical-align: top; }
.captcha .captcha-input::-webkit-input-placeholder { font-size: 1rem; color: #aaa; }

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
	0%, 80%, 100% { 
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% { 
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/* Layout */
#main-header { padding-top: 40px; background-color: #002d40; border-bottom: 3px solid #fff; overflow: hidden; }
#main-header .inner-header { position: relative; width: 1100px; height: 100%; margin: 0 auto; }

#main-header .header-visual { position: relative; height: 420px; color: #fff; }
#main-header .header-visual .background { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center bottom; background-repeat: no-repeat; }
#main-header .header-visual .inner-header { display: table; height: 86%; }
#main-header .header-visual .vertical-centered { display: table-cell; padding-right: 318px; vertical-align: middle; text-shadow: 0px 0px 3px rgba(0, 0, 0, .8); }
#main-header .header-visual .vertical-centered .title { font-size: 3.438em; font-weight: normal; line-height: 1.15; letter-spacing: -0.025em; }
#main-header .header-visual .vertical-centered .sub-title { font-size: 1.5rem; font-family: "NotoSans Light"; }
#main-header .header-visual .vertical-centered .description { margin-top: 7px; font-size: 1.25rem; font-family: "NotoSans Light"; }

#main-header .header-panels { position: relative; height: 102px; background: url('/static/images/main/bg-header-bar.jpg') center top repeat-x; }
#main-header .header-panels .inner-panels { z-index: 1; }
#main-header .header-panels .inner-panels .banners-panel { position: absolute; left: 0; bottom: 0; width: 780px; height: 170px; overflow: hidden; }
#main-header .header-panels .inner-panels .banners-panel:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, .4); z-index: 2; }
#main-header .header-panels .inner-panels .banners-panel:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, .4); z-index: 2; }
#main-header .header-panels .inner-panels .banners-panel .slick-list { position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; }
#main-header .header-panels .inner-panels .banners-panel .slick-list .item { float: left; width: 780px; height: 170px; }
#main-header .header-panels .inner-panels .banners-panel .slick-list .item img { display: block; width: 100%; height: 100%; }
#main-header .header-panels .inner-panels .banners-panel .slick-arrow { position: absolute; bottom: 0; width: 45px; height: 170px; background-color: transparent; background-image: url('/static/images/icons/bg-slide-controls.png'); background-repeat: no-repeat; opacity: .6; transition: opacity 0.4s ease; z-index: 2; }
#main-header .header-panels .inner-panels .banners-panel .slick-arrow.prev { left: 0; background-position: left center; }
#main-header .header-panels .inner-panels .banners-panel .slick-arrow.next { right: 0; background-position: right center; }
#main-header .header-panels .inner-panels .banners-panel .slick-arrow:hover { opacity: 1; cursor: pointer; }

#main-header .header-panels .inner-panels .account-panel { position: absolute; right: 0; bottom: 0; width: 320px; height: 170px; background: url('/static/images/main/bg-account-panel.jpg') no-repeat; }
#main-header .header-panels .inner-panels .account-panel .before-login { padding: 32px 0 0; text-align: center; color: #98e1f2; font-size: 0.84rem; line-height: 1.2; }
#main-header .header-panels .inner-panels .account-panel .before-login .button { display: block; min-width: auto; width: 215px; height: 62px; margin: 0 auto 20px; padding: 0; background-color: #fff; transition: background-color 0.4s ease; }
#main-header .header-panels .inner-panels .account-panel .before-login .button span { color: #0082c0; font-size: 1.375rem; font-family: "NotoSans Bold"; }
#main-header .header-panels .inner-panels .account-panel .before-login .button:hover { background-color: #e2ebf8; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes { display: table-cell; width: 320px; height: 114px; color: #ffad32; font-size: 1.25rem; vertical-align: middle; text-align: center; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes a { display: block; font-size: 1rem; color: #ffad32; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes a .fa { font-size: 1rem; color: #98e1f2; font-size: 0.8125rem; vertical-align: middle; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes .fa { font-size: 1.5625rem; vertical-align: middle; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes .fa:before { position: relative; top: -2px; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes strong { display: inline-block; margin: -7px 4px 0 0; font-size: 2.8125rem; letter-spacing: -0.05em; font-weight: normal; vertical-align: middle; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes span.snow-reload { width: 30px; color: #fff; cursor: pointer; display: inline-block; margin-left: 10px; }
#main-header .header-panels .inner-panels .account-panel .total-snowflakes span .fa-spinner { display: none; animation: spin 2s linear infinite; opacity: 0.8; cursor: not-allowed; }
@keyframes spin {
	from {
	  transform: rotate(0);
	}
	to {
	  transform: rotate(360deg);
	}
}
#main-header .header-panels .inner-panels .account-panel .links { margin: 0 6px; padding-top: 14px; border-top: 1px solid rgba(152,225,242,.2); text-align: center; }
#main-header .header-panels .inner-panels .account-panel .links a { color: #98e1f2; }
#main-header .header-panels .inner-panels .account-panel .links .divider { padding: 0 10px; color: #457092; }
#main-header .header-panels .inner-panels .account-panel .invisible-login { padding: 35px 60px 0; text-align: center; color: #98e1f2; font-family: "NotoSans Light"; font-size: 1.125rem; line-height: 1.2; }
#main-header .header-panels .inner-panels .account-panel .invisible-login strong { font-weight: normal; }
#main-header .header-panels .inner-panels .account-panel .invisible-login a { min-width: 130px; width: 130px; height: 36px; margin-top: 20px; line-height: 36px; }
#main-header .header-panels .inner-panels .account-panel .invisible-login a span { line-height: 36px; font-size: 1rem; }
#main-header .header-panels .snowbar-video { position: absolute; left: 50%; bottom: 0; width: 1980px; height: 102px; margin-left: -990px; }

#wrapper { position: relative; width: 100%; min-height: 100%; padding: 0 0 333px; box-sizing: border-box; }

#header { height: 46px; margin-bottom: 28px; padding-top: 40px; background: #194462 url('/static/images/common/bg-header.jpg') center top no-repeat; }
#header .inner-header { width: 1100px; height: 46px; margin: 0 auto; line-height: 46px; overflow: hidden; }
#header .inner-header .breadcrumb { float: left; color: #fff; }
#header .inner-header .breadcrumb a { color: #fff; }
#header .inner-header .breadcrumb .divider { padding: 0 5px; }
#header .inner-header .header-right { float: right; height: 100%; text-align: right; color: #98e1f2; }
#header .inner-header .header-right a { color: #98e1f2; }
#header .inner-header .header-right .divider { padding: 0 4px; font-size: 0.75rem; vertical-align: top; }
#header .inner-header .header-right .total-snowflakes { padding-left: 25px; color: #ffad32; font-size: 1.25rem; }

#content { width: 1100px; margin: 0 auto 80px; }
#content .page-title { margin-bottom: 15px; font-size: 1.125rem; font-weight: normal; }
#content .page-title .event-name { display: block; font-size: 1.875rem; }
#content .recent-reward { position: relative; top: -3px; margin: 0 auto; width: 1100px; height: 33px; background-color: #ffa800; }
#content .recent-reward .recent-content { position: relative; top: 5px; text-align: center; color: #1b3b86; }
#content .recent-reward .recent-content a { color: #1b3b86; } 

#content-foot { margin-top: -68px; border-top: 3px solid #bad8e9; background: #d0e1ed url('/static/images/main/bg-warning-pattern.jpg') center top repeat-y; }
#content-foot .inner-foot { padding-bottom: 40px; background: url('/static/images/main/bg-warning-text.jpg') center top no-repeat; }

#footer { position: absolute; left: 0; bottom: 0; width: 100%; min-width: 1160px; height: 333px; padding: 30px 20px 80px; background: #073b5e url('/static/images/common/bg-footer.jpg') center top no-repeat; box-sizing: border-box; overflow: hidden; z-index: 10; }

#error-wrapper { position: relative; width: 100%; min-height: 100%; padding: 0 0 333px; box-sizing: border-box; overflow: hidden; }

#error-page { position: relative; padding: 200px 0; }
#error-page .inner-error { position: relative; width: 886px; margin: 0 auto; padding: 80px 65px; background-color: rgba(255, 255, 255, .1); text-align: center; z-index: 2; }
#error-page .inner-error .title { font-size: 1.875rem; color: #002d40; font-weight: normal; }
#error-page .inner-error .title i { position: relative; display: block; margin-bottom: 10px; font-size: 3.125rem; color: #005aac; }
#error-page .inner-error .sub-title { margin-top: 5px; }
#error-page .inner-error .button { margin-top: 25px; }
#error-page .full-bg-video { position: absolute; left: 0; top: 40px; width: 100%; z-index: 1; }

.wide-centered-content { padding: 40px 65px; text-align: center; }
.wide-centered-content .title { font-size: 1.875rem; color: #002d40; font-weight: normal; }
.wide-centered-content .title i { position: relative; display: block; margin-bottom: 10px; font-size: 3.125rem; color: #005aac; }
.wide-centered-content .title i.fa-reward:before { content: ""; display: block; height: 45px; background: url('/static/images/icons/icon-reward.png') center top no-repeat; }
.wide-centered-content .title i.fa-blocked:before { content: ""; display: block; height: 50px; background: url('/static/images/icons/icon-blocked.png') center top no-repeat; }
.wide-centered-content .title i.fa-region:before { content: ""; display: block; height: 50px; background: url('/static/images/icons/icon-region.png') center top no-repeat; }
.wide-centered-content .title i.fa-shipping:before { content: ""; display: block; height: 43px; background: url('/static/images/icons/icon-shipping.png') center top no-repeat; }
.wide-centered-content .title i.fa-lock-blizzard:before { content: ""; display: block; height: 53px; background: url('/static/images/icons/icon-lock.png') center top no-repeat; }
.wide-centered-content .title i.fa-snow:before { content: ""; display: block; height: 48px; background: url('/static/images/icons/icon-snow.png') center top no-repeat; }
.wide-centered-content .title strong { color: #005aac; font-family: "NotoSans Bold"; font-weight: normal; }
.wide-centered-content .title strong.icon-failure { display: block; padding-top: 195px; background: url('/static/images/icons/icon-result-failure.jpg') center top no-repeat; }
.wide-centered-content .title strong.icon-success { display: block; padding-top: 266px; background: url('/static/images/icons/icon-result-success.jpg') center top no-repeat; }
.wide-centered-content .title .success-ssn { font-size: 1.175rem; }
.wide-centered-content .title i.fa-check { color: #32e330; }
.wide-centered-content .sub-title { margin-top: 10px; }
.wide-centered-content .sub-title a { color: #005aac; }
.wide-centered-content .sub-notice { margin-top: 40px; color: #5b5b5b; }
.wide-centered-content .link { margin: 20px 0 50px 0; }
.wide-centered-content .link a { color: #005aac; }
.wide-centered-content .button { margin-top: 45px; }
.wide-centered-content .inline-buttons .button { margin: 45px 6px 0; }
.wide-centered-content .strong { color: #000; }
.wide-centered-content .column-checkbox { margin: 15px auto; }
.wide-centered-content .column-checkbox input[type="checkbox"] { width: 18px; height: 18px; margin: 0 0 2px 0; vertical-align: middle; }
.wide-centered-content .column-checkbox.privacy-agreement { width: 560px; text-align: left; }
.wide-centered-content .privacy-form .agreement-scrolled-box { width: 530px; padding: 10px 15px; border: 1px solid #d2d2d2; background-color: #fff; overflow-x: hidden; overflow-y: auto; font-size: 0.84rem; color: #969696; line-height: 26px; margin: 0 auto ; text-align: left; }
.wide-centered-content .privacy-form .agreement-scrolled-box strong { color: #000; }

.main-container { position: relative; border: 1px solid #bad8e9; background-color: #fff; }

.blue-colored-segament { position: relative; margin-top: 20px; border: 1px solid #bad8e9; background-color: #dbebf4; padding: 10px 0; }
.blue-bordered-segament { padding: 25px; border: 1px solid #bad8e9; background-color: #fff; }
.white-colored-segament { position: relative; margin-top: 20px; border: 1px solid #bad8e9; background-color: #fff; margin-bottom: 30px; padding: 15px 0; }
.white-colored-segament .privacy-confirm { width: 80%; margin: 20px auto 10px; text-align: left; color: #464646 }
.white-colored-segament .privacy-confirm .privacy-confirm-desc { border: 1px solid #d2d2d2; margin-top: 10px; padding: 10px; color: #979797; }

.foot-text-container { width: 1080px; margin: 0 auto; padding: 40px 10px 0; color: #626161; }
.foot-text-container h4 { margin-bottom: 10px; font-size: 1.25rem; color: #002d40; font-family: "NotoSans Bold"; font-weight: normal; }
.foot-text-container ul,
.foot-text-container ol { padding-left: 20px; }
.foot-text-container ul li { list-style: disc; margin-bottom: 10px; }
.foot-text-container ol li { list-style: decimal; margin-bottom: 10px; }
.foot-text-container a { color: #005aac; text-decoration: underline; }

/* Landing */
.period-container { padding: 12px 0; }
.period-container .periods { text-align: center; }
.period-container .periods li { color: #00549a; line-height: 1.8; }
.period-container .periods li:before { content: "\f073"; padding-right: 6px; font-family: "FontAwesome"; }
.period-container .periods li span { color: #464646; }

.premium-rewards { position: relative; }
.premium-rewards .premium-reward-items { position: relative; min-height: 414px; overflow: hidden; }
.premium-rewards .premium-reward-items .slick-list { position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); overflow: hidden; }
.premium-rewards .premium-reward-items .slick-list .reward-item { display: table; }
.premium-rewards .premium-reward-items .reward-item { position: relative; float: left; display: none; width: 100%; height: 360px; padding: 12px 0; }
.premium-rewards .premium-reward-items .reward-item .thumbnail { position: absolute; left: 100px; top: 50%; width: 360px; height: 360px; margin-top: -180px; }
.premium-rewards .premium-reward-items .reward-item .thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.premium-rewards .premium-reward-items .reward-item .reward-info { display: table-cell; width: 500px; padding-left: 420px; text-align: center; vertical-align: middle; }
.premium-rewards .premium-reward-items .reward-item .reward-info .label-guaranteed { display: inline-block; height: 24px; padding: 0 16px; border: 1px solid #005aac; border-radius: 25px; color: #005aac; font-size: 1.125rem; line-height: 24px; }
.premium-rewards .premium-reward-items .reward-item .reward-info .title { font-size: 2.8125rem; font-weight: normal; line-height: 1.2; }
.premium-rewards .premium-reward-items .reward-item .reward-info .meta .snowflake-cost { display: block; margin: 5px 0 10px; font-size: 1.75rem; color: #005aac; }
.premium-rewards .premium-reward-items .reward-item .reward-info .meta .snowflake-cost .fa { font-size: 1.25rem; }
.premium-rewards .premium-reward-items .reward-item .reward-info .meta .snowflake-cost .fa:before { position: relative; top: -3px; }
.premium-rewards .premium-reward-items .reward-item .reward-info .meta .text { display: block; margin: 8px 0 13px; font-size: 1.5rem; color: #005aac; }
.premium-rewards .premium-reward-items .reward-item .reward-info .meta .button span { font-size: 1.75rem; }
.premium-rewards .premium-reward-items .slick-dots { padding-bottom: 30px; text-align: center; max-width: calc(100% - 160px); margin: auto; }
.premium-rewards .premium-reward-items .slick-dots li { display: inline-block; }
.premium-rewards .premium-reward-items .slick-dots li button { position: relative; display: block; width: 20px; height: 20px; padding: 5px; background: transparent; cursor: pointer; font-size: 0; line-height: 0; }
.premium-rewards .premium-reward-items .slick-dots li button:before { content: ""; display: inline-block; width: 8px; height: 8px; background-color: #a6a6a6; border-radius: 10px; transition: all .5s ease; }
.premium-rewards .premium-reward-items .slick-dots li.slick-active button:before { transform: scale(1.4); background-color: #ff942a; background-image: linear-gradient(#ffb034, #ff7821); }
.premium-rewards .premium-reward-controls .slick-arrow { position: absolute; top: 0; width: 80px; height: 100%; background-color: transparent; background-image: url('/static/images/icons/bg-premium-controls.png'); background-repeat: no-repeat; opacity: .3; transition: opacity 0.4s ease; z-index: 2; }
.premium-rewards .premium-reward-controls .slick-arrow.prev { left: 0; background-position: left center; }
.premium-rewards .premium-reward-controls .slick-arrow.next { right: 0; background-position: right center; }
.premium-rewards .premium-reward-controls .slick-arrow:hover { opacity: 1; cursor: pointer; }

.rewards-container { width: 100%; margin-top: 12px; }
.rewards-container .reward-list { width: 1112px; margin-left: -12px; }
.rewards-container .reward-list li { float: left; display: inline-block; margin-left: 12px; margin-bottom: 12px; }
.rewards-container .reward-list li a { position: relative; display: block; width: 266px; padding: 12px; box-sizing: border-box; border: 1px solid #bad8e9; background-color: #fff; transition: all .2s ease-in-out; cursor: default;}
.rewards-container .reward-list li a .corner-label-premium { position: absolute; left: -1px; top: -1px; width: 91px; height: 91px; background: url('/static/images/icons/label-premium.png') no-repeat; z-index: 3; }
.rewards-container .reward-list li a .corner-label-premium span { display: none; }
.rewards-container .reward-list li a .corner-label-employee { position: absolute; right: 10px; top: 110px; width: 245px; height: 45px; background-color: rgba(0, 0, 0, 0.7); }
.rewards-container .reward-list li a .corner-label-employee span { display: inline-block; color: #fff; background: url('/static/images/icons/label-employee.png') 45px 10px no-repeat; height: 45px; padding-left: 80px; padding-top: 9px; }
.rewards-container .reward-list li a .thumbnail img { display: block; width: 100%; height: 240px; cursor: pointer; z-index: 10;}
.rewards-container .reward-list li a .thumbnail .like-ani-default {  display: none; }
.rewards-container .reward-list li a .thumbnail .like-ani { display: block; position: absolute; font-size: 20px; top: 215px; right: 18px; z-index: 1000; color: rgba(247, 66, 66, 0.2); 
animation-name: expandlike; 
animation-fill-mode: forwards; 
animation-duration: 0.5s; 
-webkit-animation-name: expandlike; 
-webkit-animation-fill-mode: forwards; 
-webkit-animation-duration: 0.5s;
-moz-animation-name: expandlike; 
-moz-animation-fill-mode: forwards; 
-moz-animation-duration: 0.5s; 
-o-animation-name: expandlike; 
-o-animation-fill-mode: forwards; 
-o-animation-duration: 0.5s;
-ms-animation-name: expandlike; 
-ms-animation-fill-mode: forwards; 
-ms-animation-duration: 0.5s; }
@keyframes expandlike {
	0%{ font-size: 20px;	 }
	70%{ font-size: 32px; top: 209px; right:15px }
	100%{ top: 230px;  right: 35px; font-size: 0px;	}
}
@-webkit-keyframes expandlike {
	0%{ font-size: 20px;	 }
	70%{ font-size: 32px; top: 209px; right:15px }
	100%{ top: 230px;  right: 35px; font-size: 0px;	}
}
@-moz-keyframes expandlike {
	0%{ font-size: 20px;	 }
	70%{ font-size: 32px; top: 209px; right:15px }
	100%{ top: 230px;  right: 35px; font-size: 0px;	}
}
@-o-keyframes expandlike {
	0%{ font-size: 20px;	 }
	70%{ font-size: 32px; top: 209px; right:15px }
	100%{ top: 230px;  right: 35px; font-size: 0px;	}
}
@-ms-keyframes expandlike {
	0%{ font-size: 20px;	 }
	70%{ font-size: 32px; top: 209px; right:15px }
	100%{ top: 230px;  right: 35px; font-size: 0px;	}
}

.rewards-container .reward-list li a .thumbnail .like-section { position: absolute;  right: 17px; top: 218px; z-index: 100; padding: 2px 7px 4px 7px; background-color: white; border-radius: 30px;  font-size: 16px;color: #969696; cursor: pointer; }
.rewards-container .reward-list li a .thumbnail .like-section.able { color: #f74242; }

.rewards-container .reward-list li a .reward-info { position: relative; height: 65px; padding-top: 25px; z-index: 2; }
.rewards-container .reward-list li a .reward-info .label { position: absolute; left: 0; top: 5px; height: 20px; padding: 0 5px; color: #fff; font-size: 0.75rem; line-height: 20px; }
.rewards-container .reward-list li a .reward-info .label.label-won { background-color: #005bac; }
.rewards-container .reward-list li a .reward-info .label.label-closed { background-color: #969696; }
.rewards-container .reward-list li a .reward-info .label.label-guaranteed { height: 18px; border: 1px solid #005aac; border-radius: 25px; color: #005aac; line-height: 18px; }
.rewards-container .reward-list li a .reward-info .title { color: #002d40; font-size: 1.125rem; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; }
.rewards-container .reward-list li a .reward-info .meta .snowflake-cost { color: #005aac; font-size: 1.5625rem; }
.rewards-container .reward-list li a .reward-info .meta .snowflake-cost .fa { font-size: 1.125rem; }
.rewards-container .reward-list li a .reward-info .meta .snowflake-cost .fa:before { position: relative; top: -3px; }
.rewards-container .reward-list li a .reward-info .meta .quantity { padding-left: 5px; color: #969696; font-size: 0.84rem; }

.rewards-container .reward-list li a:hover { box-shadow: 0px 0px 20px rgba(93,142,171,.4); border-color: #5d8eab; z-index: 100; }
.rewards-container .reward-list li a.premium { border-color: #ff5f13; }
.rewards-container .reward-list li a.premium:hover { box-shadow: 0px 0px 20px rgba(255,95,19,.4); border-color: #ff8c56; }
.rewards-container .reward-list li a.closed { border-color: #bad8e9; }
.rewards-container .reward-list li a.closed:hover { box-shadow: 0px 0px 20px rgba(93,142,171,.4); border-color: #5d8eab; }
.rewards-container .reward-list li a.closed:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.1); z-index: 1; }
.rewards-container .reward-list li a.closed .corner-label-premium { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
.rewards-container .reward-list li a.closed .thumbnail img { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .4; }
.rewards-container .reward-list li a.closed .reward-info .title,
.rewards-container .reward-list li a.closed .reward-info .meta .snowflake-cost { color: #626161; }

.reward-item-view { position: relative; width: 100%; min-height: 384px; border-bottom: 1px solid #bad8e9; }
.reward-item-view .corner-label-premium { position: absolute; left: -1px; top: -1px; width: 91px; height: 91px; background: url('/static/images/icons/label-premium.png') no-repeat; }
.reward-item-view .corner-label-premium span { display: none; }
.reward-item-view .thumbnail { position: absolute; left: 100px; top: 50%; width: 360px; height: 360px; margin-top: -180px; }
.reward-item-view .thumbnail img { display: block; width: 100%; height: 100%; }
.reward-item-view .reward-info { width: 500px; padding: 90px 0 90px 520px; }
.reward-item-view .reward-info .like-text { position: absolute; top: 20px; right: 50px; font-size: 20px; color: #969696; cursor: pointer;  }
.reward-item-view .reward-info .like-text.able { color: #f74242; }
.reward-item-view .reward-info .like-ani-default { display: none; position: absolute; top: 20px; right: 44px; color: rgba(247, 66, 66, 0.2); font-size: 20px; 
animation-name: expandsublike; 
animation-fill-mode: forwards; 
animation-duration: 0.5s;
-webkit-animation-name: expandsublike; 
-webkit-animation-fill-mode: forwards; 
-webkit-animation-duration: 0.5s;
-moz-animation-name: expandsublike; 
-moz-animation-fill-mode: forwards; 
-moz-animation-duration: 0.5s;
-o-animation-name: expandsublike; 
-o-animation-fill-mode: forwards; 
-o-animation-duration: 0.5s;
-ms-animation-name: expandsublike; 
-ms-animation-fill-mode: forwards; 
-ms-animation-duration: 0.5s;}
@keyframes expandsublike {
	0%{ font-size: 20px; } 
	70%{ font-size: 50px; top: 0px; right: 35px;	 }
	100%{ top: 34px; right: 54px; font-size: 0px;	}
}
@-webkit-keyframes expandsublike {
	0%{ font-size: 20px; } 
	70%{ font-size: 50px; top: 0px; right: 35px;	 }
	100%{ top: 34px; right: 54px; font-size: 0px;	}
}
@-moz-keyframes expandsublike {
	0%{ font-size: 20px; } 
	70%{ font-size: 50px; top: 0px; right: 35px;	 }
	100%{ top: 34px; right: 54px; font-size: 0px;	}
}
@-o-keyframes expandsublike {
	0%{ font-size: 20px; } 
	70%{ font-size: 50px; top: 0px; right: 35px;	 }
	100%{ top: 34px; right: 54px; font-size: 0px;	}
}
@-ms-keyframes expandsublike {
	0%{ font-size: 20px; } 
	70%{ font-size: 50px; top: 0px; right: 35px;	 }
	100%{ top: 34px; right: 54px; font-size: 0px;	}
}
.reward-item-view .reward-info .label-employee { margin-bottom: 5px; padding-left: 36px; background: url('/static/images/icons/label-employee.png') no-repeat; }
.reward-item-view .reward-info .label-employee span { color: #009ae4; line-height: 21px; }
.reward-item-view .reward-info .label-guaranteed { display: inline-block; margin-bottom: 5px; padding: 0 10px; border: 1px solid #005aac; border-radius: 25px; }
.reward-item-view .reward-info .label-guaranteed span { color: #005aac; font-size: 0.84rem; line-height: 18px; }
.reward-item-view .reward-info .title { font-size: 1.875rem; font-weight: normal; }
.reward-item-view .reward-info .description { margin: 10px 0; }
.reward-item-view .reward-info .description ul,
.reward-item-view .reward-info .description ol { padding-left: 20px; }
.reward-item-view .reward-info .description ul li { list-style: disc; }
.reward-item-view .reward-info .description ol li { list-style: decimal; }
.reward-item-view .reward-info .description a { color: #005aac; text-decoration: underline; }
.reward-item-view .reward-info .meta .snowflake-cost { font-size: 1.875rem; color: #005aac; }
.reward-item-view .reward-info .meta .quantity { padding-left: 6px; padding-right: 20px; font-size: 0.84rem; color: #969696; }
.reward-item-view .reward-info .meta .social-links a { display: inline-block; margin: 0 2px; font-family: "FontAwesome"; font-size: 2.5rem; }
.reward-item-view .reward-info .meta .social-links a.facebook { color: #3b5998; }
.reward-item-view .reward-info .meta .social-links a.facebook::before { content: "\f082"; }
.reward-item-view .reward-info .meta .social-links a.twitter { color: #55acee; }
.reward-item-view .reward-info .meta .social-links a.twitter::before { content: "\f081"; }


#reward-apply-content #captcha { display: none; width: 492px; margin: 30px auto 0; padding: 20px; border: 1px solid #bad8e9; background-color: #dbebf4; }
#reward-apply-content-after { display: none; }
#minigame { display: none; margin: 40px auto; text-align: center; }

/*
.ssn-input-form { vertical-align: middle; }
.ssn-input-form .field label { font-family: "NotoSans Bold"; }
.ssn-input-form .field input { width: 170px; height: 45px; margin: 0 8px; line-height: 45px; text-align: center; vertical-align: middle; }
.ssn-input-form .field button { width: 100px; height: 45px; background-color: #005bac; border: none; color: #fff; cursor: pointer; vertical-align: middle; transition: background-color .2s ease; }
.ssn-input-form .field button:hover { background-color: #0089d5; }
.ssn-input-form .field button.disabled { background-color: #909090 !important; color: #d0d0d0 !important; }
.ssn-input-form .field .agreement { text-indent: 10px; }
.ssn-input-form .field .agreement-notice { text-indent: 10px; color: #696d70; font-size: 0.84em; }
.ssn-input-form .field-error { display: none; margin-top: 10px; margin-left: 268px; text-align: left; color: #ff6666; }
.ssn-input-form .field-error .error-invalid,
.ssn-input-form .field-error .error-unknown { display: none; }
.ssn-input-form .field-success { display: none; padding: 22px 0; }
.ssn-input-form .field-success i { display: block; margin-bottom: 5px; font-size: 3rem; color: #20ab00; }
.ssn-input-form .field-success a { color: #0060b4; }
.ssn-input-form .field-success strong { font-family: "NotoSans Bold"; font-size: 1.25rem; }
.ssn-input-form .field-agreement { position: relative; margin: 10px 130px 0 264px; padding-left: 26px; text-align: left; font-size: 0.84rem; }
.ssn-input-form .field-agreement input[type="checkbox"] { position: absolute; left: 0; top: 0; width: 18px; height: 18px; vertical-align: middle; }
.ssn-input-form.error-invalid .field-error { display: block; }
.ssn-input-form.error-invalid .error-invalid { display: inline-block; }
.ssn-input-form.error-unknown .field-error { display: block; }
.ssn-input-form.error-unknown .error-unknown { display: inline-block; }

.ssn-input-form.success .field-success { display: block; }
.ssn-input-form.success .field-success a { color: #005aac; }
*/
.legal-agreement-form .desc { margin-bottom: 35px; font-size: 1.25rem; }
.legal-agreement-form .desc strong { color: #005aac; font-family: "NotoSans Bold"; }
.legal-agreement-form .grid-two-columns { text-align: left; color: #464646; }
.legal-agreement-form .grid-two-columns .row .column-title { margin-bottom: 10px; font-size: 1.25rem; font-family: "NotoSans Bold"; font-weight: normal; }
.legal-agreement-form .grid-two-columns .row .column-title a { color: #005aac; font-size: 1rem; font-family: "NotoSans Regular"; }
.legal-agreement-form .grid-two-columns .row .column { padding-bottom: 25px; }
.legal-agreement-form .grid-two-columns .row .column .column-box { padding: 10px 15px; border: 1px solid #d2d2d2; }
.legal-agreement-form .grid-two-columns .row .column .column-box dl { padding-top: 10px; }
.legal-agreement-form .grid-two-columns .row .column .column-box dl dt { float: left; width: 25%; text-align: right; }
.legal-agreement-form .grid-two-columns .row .column .column-box dl dd { float: left; width: 75%; padding-left: 20px; padding-bottom: 10px; box-sizing: border-box; }
.legal-agreement-form .grid-two-columns .row .column .column-scrolled-box { height: 85px; overflow-x: hidden; overflow-y: auto; font-size: 0.84rem; color: #969696; line-height: 29px; }
.legal-agreement-form .grid-two-columns .row .column .column-checkbox { margin-bottom: 12px; }
.legal-agreement-form .grid-two-columns .row .column .column-checkbox input[type="checkbox"] { width: 18px; height: 18px; margin: 0 0 2px 0; vertical-align: middle; }
.legal-agreement-form .grid-two-columns .row .floated-left { float: left; display: inline-block; }
.legal-agreement-form .grid-two-columns .row .floated-right { float: right; display: inline-block; }
.legal-agreement-form .grid-two-columns .row .half-column { width: 473px; }
.legal-agreement-form .grid-two-columns .row .wide-column { width: 100%; box-sizing: border-box; }
.legal-agreement-form .blue-colored-segament { padding: 50px; }
.legal-agreement-form .blue-colored-segament .title i { position: relative; top: -3px; display: inline; font-size: 1.375rem; }
.legal-agreement-form .blue-colored-segament .title strong { font-weight: normal; font-family: "NotoSans Regular"; }
.legal-agreement-form .blue-colored-segament .sub-title { margin-top: 0; }
.legal-agreement-form .blue-colored-segament .button { margin-top: 25px; }

.modal { visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; min-width: 100%; height: 100%; min-height: 100%; background-color: rgba(0,0,0,.6); transition: opacity .2s linear, visibility .2s linear; z-index: 1000; opacity: 0; }
.modal.visible { visibility: visible; opacity: 1; }
.modal .inner-modal { position: fixed; left: 50%; top: 50%; margin-left: -510px; width: 1018px; border: 1px solid #97dff0; background-color: #fff; }
.modal .inner-modal .modal-close { position: absolute; right: 11px; top: 11px; width: 38px; height: 38px; background: url('/static/images/button/button-modal-close.png') no-repeat; cursor: pointer; }
.modal .inner-modal .modal-close span { display: none; }
.modal .inner-modal .modal-header { padding: 18px 26px; background-color: #eff2f4; font-family: "NotoSans Bold"; font-size: 1.25rem; line-height: 24px; }
.modal .inner-modal .modal-header .icon-svg { color: #005aac; }
.modal .inner-modal .modal-header span { vertical-align: middle; }
.modal .inner-modal .modal-content { padding: 40px 26px; background-color: #fff; text-align: center; }
.modal .inner-modal .modal-content .wide-centered-content { padding: 20px 0; text-align: center; border-top: none; }
.modal .inner-modal .modal-content .wide-centered-content .button { margin-top: 35px; }
.modal .inner-modal .modal-content .loading { padding: 120px 0; }
.modal .inner-modal .modal-content .loading.bounce-loading span.bounce { width: 16px; height: 16px; background-color: #aaa; }
.modal .inner-modal .modal-extra-text { padding: 20px 30px; background-color: #eff2f4; text-align: left; }
.modal .inner-modal .modal-extra-text h4 { margin-bottom: 5px; font-size: 1.25rem; color: #464646; font-family: "NotoSans Bold"; font-weight: normal; }
.modal .inner-modal .modal-extra-text ul,
.modal .inner-modal .modal-extra-text ol { padding-left: 20px; color: #686868; line-height: 1.8; }
.modal .inner-modal .modal-extra-text ul li { list-style: disc; }
.modal .inner-modal .modal-extra-text ol li { list-style: decimal; }
.modal .inner-modal .modal-extra-text ol li a,
.modal .inner-modal .modal-extra-text ul li a { color: #005aac; }

.modal.absolute,
.modal.absolute .inner-modal { position: absolute; }

.modal.small .inner-modal { margin-left: -353px; width: 706px; }
.modal.small .inner-modal .modal-header { text-align: center; }
.modal.small .inner-modal .modal-content { padding: 20px 18px; }
.modal.small .inner-modal .modal-content .wide-centered-content .title strong { font-size: 1.25rem; color: #464646; }
.modal.small .inner-modal .modal-content .wide-centered-content .sub-title { color: #686868; }
.modal.small .inner-modal .modal-extra-text { padding: 20px 30px; background-color: #fff; font-size: 0.84rem; }
.modal.small .inner-modal .modal-extra-text h4 { font-size: 1rem; }
.modal.small .inner-modal .modal-extra-text ol { line-height: 1.4; }

.modal.mini .inner-modal { margin-left: -238px; width: 476px; }
.modal.mini .inner-modal .modal-content .wide-centered-content { padding: 0; }
.modal.mini .inner-modal .modal-content .wide-centered-content .title i { font-size: 4rem; }
.modal.mini .inner-modal .modal-content .wide-centered-content .sub-title { color: #686868; }
.modal.mini .inner-modal .modal-content .wide-centered-content .sub-title .desc { display: block; margin-top: 5px; font-size: 0.84rem; }
.modal.mini .inner-modal .modal-content .wide-centered-content .sub-title .award { display: block; margin-top: 5px; font-size: 1.25rem; font-family: "NotoSans Bold"; color: #005aac; }

.coupon-claim-form .field { margin: 20px 50px 0; }
.coupon-claim-form .field label { font-family: "NotoSans Bold"; }
.coupon-claim-form .field input { width: 120px; height: 45px; line-height: 45px; text-align: center; color: #005aac; vertical-align: middle; }
.coupon-claim-form .captcha { margin-top: 12px; }
.coupon-claim-form .field-error { color: #ff6666; }
.coupon-claim-form .field-success { color: #20ab00; }
.coupon-claim-form .action { margin: 20px 0; }
.coupon-claim-form.error legend,
.coupon-claim-form.success legend { display: none; }
.coupon-claim-form.error .field-error { display: block; }
.coupon-claim-form.success .field-success { display: block; }

.snow-history-info { position: relative; margin-bottom: 30px; padding-right: 450px; }
.snow-history-info .title { margin-bottom: 10px; font-size: 1.125rem; font-weight: normal; }
.snow-history-info .title .event-name { display: block; font-size: 1.875rem; }
.snow-history-info .periods { font-size: 0.84rem; }
.snow-history-info .periods dt { float: left; padding: 0 5px; color: #00549a; }
.snow-history-info .periods dt:before { content: "\f073"; padding-right: 2px; font-family: "FontAwesome"; }
.snow-history-info .periods dd { float: left; color: #464646; font-family: "NotoSans Bold"; }
.snow-history-info .periods dd.desc { clear: both; float: left; padding-left: 20px; color: #777; font-family: "NotoSans Regular"; }
.snow-history-info .right-snow-box { position: absolute; right: 0; top: 25px; display: table; height: 80%; padding: 30px; box-sizing: border-box; border: 1px solid #bad8e9; background: #fff url('/static/images/history/bg-snow-right-box.jpg') left top no-repeat; }
.snow-history-info .right-snow-box .available { display: table-cell; height: 100%; color: #ff5e12; vertical-align: middle; }
.snow-history-info .right-snow-box .available .fa { font-size: 1.25rem; vertical-align: text-top; }
.snow-history-info .right-snow-box .available strong { font-size: 1.875rem; }
.snow-history-info .right-snow-box ul { float: right; margin-left: 30px; }
.snow-history-info .right-snow-box ul li { color: #005aac; line-height: 1.8; }
.snow-history-info .right-snow-box ul li strong { font-family: "NotoSans Bold"; font-weight: normal; }

.history-list .toggle-options { margin-bottom: 10px; }
.history-list .toggle-options dl { line-height: 26px; }
.history-list .toggle-options dl dt { float: left; margin-right: 10px; margin-left: 46px; font-size: 1.25rem; color: #005aac; font-family: "NotoSans Bold"; font-weight: normal; }
.history-list .toggle-options dl dt:first-child { margin-left: 0; }
.history-list .toggle-options dl dd { float: left; min-width: 94px; margin: 0 4px; text-align: center; }
.history-list .toggle-options dl dd a { display: block; padding: 0 12px 0 8px; background-color: #b9b9b9; font-size: 0.84rem; border-radius: 14px; color: #fff; }
.history-list .toggle-options dl dd a.active { background-color: #005bac; }
.history-list .histories { width: 100%; background-color: #fff; border: 1px solid #bad8e9; border-collapse: separate; border-spacing: 0; }
.history-list .histories thead th { padding: 10px 0; background-color: #f1f7fb; border-bottom: 1px solid #e3eff6; font-weight: normal; }
.history-list .histories thead th:nth-child(1) { width: 15%; }
.history-list .histories thead th:nth-child(2) { width: 10%; }
.history-list .histories thead th:nth-child(3) { width: 10%; }
.history-list .histories thead th:nth-child(4) { width: 50%; }
.history-list .histories thead th:nth-child(5) { width: 15%; }
.history-list .histories tbody td { height: 30px; padding: 10px; border-bottom: 1px solid #e3eff6; text-align: center; font-size: 0.84rem; }
.history-list .histories tbody td.dataTables_histories { padding-left: 140px; text-align: left; }
.history-list .histories tbody td.dataTables_empty { padding: 30px 0; line-height: 1.4; }
.history-list .histories tbody td.dataTables_empty strong { font-size: 1.125rem; color: #005aac; font-family: "NotoSans Bold"; font-weight: normal; }
.history-list .histories tbody tr:last-child td { border-bottom: none; }
.history-list .histories tbody tr:hover { background-color: #f1f7fb; }
.history-list .histories tbody tr.won td:nth-child(4) { color: #ff5e12; }
.history-list .histories tbody tr.plus td:nth-child(2),
.history-list .histories tbody tr.plus td:nth-child(3) { color: #ff0000; }
.history-list .histories tbody tr.plus td:nth-child(3):before { content: '+'; padding-right: 5px; }
.history-list .histories tbody tr.minus td:nth-child(2),
.history-list .histories tbody tr.minus td:nth-child(3) { color: #005aac; }
.history-list .histories tbody tr.minus td:nth-child(3):before { content: '-'; padding-right: 5px; }

.payment-product-list .product-list { width: 100%; background-color: #fff; border: 1px solid #bad8e9; border-collapse: separate; border-spacing: 0; }
.payment-product-list .product-list thead th { padding: 10px 0; background-color: #f1f7fb; border-bottom: 1px solid #e3eff6; font-weight: normal; }
.payment-product-list .product-list thead th:nth-child(1) { width: 15%; }
.payment-product-list .product-list thead th:nth-child(2) { width: 10%; }
.payment-product-list .product-list thead th:nth-child(3) { width: 10%; }
.payment-product-list .product-list thead th:nth-child(4) { width: 50%; }
.payment-product-list .product-list thead th:nth-child(5) { width: 15%; }
.payment-product-list .product-list tbody td { height: 30px; padding: 10px; border-bottom: 1px solid #e3eff6; text-align: center; font-size: 0.84rem; }
.payment-product-list .product-list tbody td.dataTables_histories { padding-left: 140px; text-align: left; }
.payment-product-list .product-list tbody td.dataTables_empty { padding: 30px 0; line-height: 1.4; }
.payment-product-list .product-list tbody td.dataTables_empty strong { font-size: 1.125rem; color: #005aac; font-family: "NotoSans Bold"; font-weight: normal; }
.payment-product-list .product-list tbody tr:last-child td { border-bottom: none; }
.payment-product-list .product-list tbody tr:hover { background-color: #f1f7fb; }
.payment-product-list .product-list tbody tr.won td:nth-child(4) { color: #ff5e12; }
.payment-product-list .product-list tbody tr.plus td:nth-child(2),
.payment-product-list .product-list tbody tr.plus td:nth-child(3) { color: #ff0000; }
.payment-product-list .product-list tbody tr.plus td:nth-child(3):before { content: '+'; padding-right: 5px; }
.payment-product-list .product-list tbody tr.minus td:nth-child(2),
.payment-product-list .product-list tbody tr.minus td:nth-child(3) { color: #005aac; }
.payment-product-list .product-list tbody tr.minus td:nth-child(3):before { content: '-'; padding-right: 5px; }

#digital-code-content .title { display: none; color: #464646; }
#digital-code-content .code-content { display: none; padding: 12px 0; }
#digital-code-content .code-content .code-number { display: none; width: 80%; min-width: 500px; margin: 0 auto; padding: 0 10px; border: 1px solid #bad8e9; font-family: "NotoSans Bold"; color: #005aac; line-height: 45px; white-space: nowrap; }
#digital-code-content .code-content .code-number .copy-button { margin-left: 6px; color: #002d40; }
#digital-code-content .code-content .barcode { display: none; }
#digital-code-content .code-content .barcode img { border: 1px solid #cacaca; }
#digital-code-content .code-description { display: none; padding: 20px; background-color: #fff; font-size: 0.84rem; text-align: left; }
#digital-code-content .code-description h4 { margin-bottom: 5px; font-size: 1rem; color: #464646; font-family: "NotoSans Bold"; font-weight: normal; }
#digital-code-content .code-description ul,
#digital-code-content .code-description ol { padding-left: 20px; color: #686868; }
#digital-code-content .code-description ul li { list-style: disc; }
#digital-code-content .code-description ol li { list-style: decimal; }
#digital-code-content .code-description ol li a,
#digital-code-content .code-description ul li a { color: #005aac; }

#digital-code-content.loaded .title,
#digital-code-content.loaded .code-content,
#digital-code-content.loaded .code-content[data-is-barcode="false"] .code-number,
#digital-code-content.loaded .code-content[data-is-barcode="true"] .barcode,
#digital-code-content.loaded .code-description { display: block; }

#digital-code-error { display: none; }
#digital-code-error .button.white-button { min-width: 148px; height: 32px; line-height: 32px; }
#digital-code-error .button.white-button span { font-size: 0.9375rem; line-height: 30px; }

.dataTables_paginate { margin-top: 30px; margin-bottom: 10px; text-align: center; }
.dataTables_paginate a,
.dataTables_paginate span.ellipsis { display: inline-block; min-width: 35px; margin: 0 2px; padding: 0 4px; box-sizing: border-box; border-radius: 3px; background-color: #ddd; font-size: 0.84rem; color: #005aac; line-height: 29px; text-align: center; cursor: pointer; }
.dataTables_paginate span.ellipsis { cursor: context-menu; }
.dataTables_paginate a.current { background-color: #005bac; color: #fff; }
.dataTables_paginate a.previous,
.dataTables_paginate a.next { padding: 0 12px; }
.dataTables_paginate a.previous { margin-right: 4px; }
.dataTables_paginate a.next { margin-left: 4px; }
.dataTables_paginate a.disabled { color: #bdbdbd; cursor: context-menu; }

.shipping-insert-form { padding: 15px 65px 60px 65px; text-align: center; }
.shipping-insert-form .title { font-size: 1.25rem; color: #464646; font-weight: normal; font-family: "NotoSans Bold"; }
.shipping-insert-form .blue-colored-segament { margin-top: 20px; padding: 10px 0; }
.shipping-insert-form .inline-buttons { margin: 35px 0; }
.shipping-insert-form .inline-buttons .link { margin-top: 20px; }
.shipping-insert-form .inline-buttons .link a { color: #005aac; }
.shipping-insert-form .shipping-empty { position: relative; margin-top: 20px; border: 1px solid #d2d2d2; background-color: #fff; margin-bottom: 30px; padding: 25px 0; }
.shipping-insert-form .shipping-empty h2 { color: #000; font-size: 1.25rem; font-weight: normal; }
.shipping-insert-form .shipping-empty p { color: #444444; font-size: 1rem; width: 50%; margin: 10px auto; word-break: keep-all; }
.shipping-insert-form .shipping-empty a { color: #0058a2; }
.shipping-insert-form .required-mark { position: absolute; right: 5px; top: -30px; color: #ff6666; }
.shipping-insert-form .required-mark span { color: #000; }
.shipping-insert-form .field dl { color: #464646; }
.shipping-insert-form .field dl dt { float: left; width: 32%; padding-left: 140px; box-sizing: border-box; text-align: right; line-height: 34px; padding-right: 15px; }
.shipping-insert-form .field.required dl dt:after { content: "*"; display: inline-block; margin-right: 4px; color: #ff6666; vertical-align: top; }
.shipping-insert-form .field dl dd { float: right; width: 68%; margin-bottom: 10px; text-align: left; line-height: 34px; }
.shipping-insert-form .field dl dd input[type="text"], .shipping-insert-form .field dl dd input[type="password"] { width: 90px; height: 34px; line-height: 34px; text-indent: 10px; font-size: 1rem; font-family: "NotoSans Regular"; vertical-align: middle; }
.shipping-insert-form .field dl dd input[name="streetMain"] { width: 410px; }
.shipping-insert-form .field dl dd input[name="streetSub"] { width: 170px; }
.shipping-insert-form .field dl dd input[name="ssn"] { width: 170px; }
.shipping-insert-form .field dl dd input[type="checkbox"] { width: 18px; height: 18px; margin: 0 0 2px 0; vertical-align: middle; }
.shipping-insert-form .field button { width: 100px; height: 34px; margin: 0 2px; background-color: #005bac; border: none; color: #fff; cursor: pointer; vertical-align: middle; transition: background-color .2s ease; }
.shipping-insert-form .field button:hover { background-color: #0089d5; }
.shipping-insert-form .field .agreement-scrolled-box { width: 460px; padding: 10px 15px; border: 1px solid #d2d2d2; background-color: #fff; overflow-x: hidden; overflow-y: auto; font-size: 0.84rem; color: #969696; line-height: 26px; margin-bottom: 15px; }
.shipping-insert-form .field .agreement-scrolled-box strong { color: #000; }
.shipping-insert-form .field .agreement-notice  { color: #696d70; font-size: 0.84em; line-height: 28px; }
.shipping-insert-form .sub-title { margin-top: 35px; color: #005aac; }
.shipping-insert-form .sub-title .desc { display: block; margin-top: 15px; font-size: 0.84rem; color: #464646; }
.shipping-insert-form .sub-title .award-desc { margin-top: 15px; padding-bottom: 15px; font-size: 1.125rem; font-family: "NotoSans Bold"; color: #005aac; line-height: 1; }
.shipping-insert-form .sub-title .award-desc svg { position: relative; top: -2px; left: 4px; }
.shipping-insert-form .field-error { display: none; padding: 45px 0; color: #464646; }
.shipping-insert-form .field-error i { display: block; margin-bottom: 10px; font-size: 3.125rem; color: #005aac; }
.shipping-insert-form .field-error strong { display: block; margin-bottom: 10px; font-size: 1.25rem; font-family: "NotoSans Bold"; font-weight: normal; }
.shipping-insert-form .shipping-success { display: block; font-size: 1.25rem; }
.shipping-insert-form .shipping-success i { color: #2de32c; font-size: 3rem; }
.shipping-insert-form .shipping-success .success-ssn { font-size: 1rem; padding-bottom: 25px; }
.shipping-insert-form .shipping-success .success-ssn a { color: #0658a1; }

.shipping-insert-form #field-captcha { display: none; }
.shipping-insert-form #field-captcha .captcha { padding-top: 10px; border-top: 1px solid #bad8e9; }
.shipping-insert-form #field-captcha .captcha .captcha-input { width: 200px; text-indent: 0; vertical-align: top; }
.shipping-insert-form[data-error-field="captcha"] #field-captcha { display: block; }
.shipping-insert-form[data-error-field="unknown"] .error-unknown { display: block; }
.shipping-insert-form[data-error-field="captcha"] .error-captcha { display: block; }

.wide-centered-content .shipping-insert-form { padding: 0px; }

.rules-text { padding: 25px; font-size: 1rem; }
.rules-text strong { line-height: 1.8; }

.postal-code-module { font-size: 1rem; color: #7390a0; }
.postal-code-module .search-type-tab { margin-bottom: 40px; }
.postal-code-module .search-type-tab ul { width: 100%; overflow: hidden; }
.postal-code-module .search-type-tab ul li { position: relative; float: left; width: 33.3333%; border: 1px solid #bad8e9; border-bottom: 1px solid #739fc7; border-left: none; background-color: #ebf0f3; box-sizing: border-box; }
.postal-code-module .search-type-tab ul li:first-child { border-left: 1px solid #bad8e9; }
.postal-code-module .search-type-tab ul li a { display: block; line-height: 42px; color: #7390a0; text-align: center; }
.postal-code-module .search-type-tab ul li.is-active { border-top: 1px solid #739fc7; border-bottom: none; background-color: #fff; }
.postal-code-module .search-type-tab ul li.is-active:before { content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 43px; background-color: #739fc7; }
.postal-code-module .search-type-tab ul li.is-active:after { content: ""; position: absolute; right: -1px; top: 0; width: 1px; height: 43px; background-color: #739fc7; }
.postal-code-module .search-type-tab ul li.is-active a { color: #002d40; }

.postal-code-module .search-address-form { padding: 20px 15px; border: 5px solid #cee3ee; text-align: center; }
.postal-code-module .search-address-form form { position: relative; display: block; padding: 0 97px 0 185px; }
.postal-code-module .search-address-form form select { position: absolute; left: 0; top: 0; min-width: 180px; height: 47px; font-size: 1em; font-family: "NotoSans Regular"; color: #002d40; vertical-align: middle; }
.postal-code-module .search-address-form form .search-input { position: relative; height: 47px; padding: 0 45px 0 10px; border: 1px solid #bad8e9; box-sizing: border-box; }
.postal-code-module .search-address-form form .search-input .input { display: none; }
.postal-code-module .search-address-form form .search-input .input input { width: 100%; height: 45px; border: none; background-color: #fff; font-family: "NotoSans Regular"; line-height: 45px; font-size: 1em; }
.postal-code-module .search-address-form form .search-input .input input::-ms-clear { width: 0; height: 0; }
.postal-code-module .search-address-form form .search-input .input.is-active { display: inline; vertical-align: middle; }
.postal-code-module .search-address-form form .search-input .clear { display: none; position: absolute; right: 0; top: 0; width: 45px; height: 45px; background: #fff url('/static/images/button/button-clear.png') center center no-repeat; border: none; cursor: pointer; }
.postal-code-module .search-address-form form .submit-button { position: absolute; right: 0; top: 0; width: 92px; height: 47px; padding: 5px 0; background-color: #3e7bb2; border: none; color: #fff; cursor: pointer; vertical-align: middle; border-radius: 5px; transition: background-color .2s ease; }
.postal-code-module .search-address-form form .submit-button:hover { background-color: #0089d5; }
.postal-code-module .search-address-form .search-guide { margin-top: 20px; padding: 0 5px; text-align: left; }
.postal-code-module .search-address-form .search-guide h3 { margin-bottom: 5px; font-size: 0.84em; }
.postal-code-module .search-address-form .search-guide .examples { display: none; }
.postal-code-module .search-address-form .search-guide .examples.is-active { display: block; }
.postal-code-module .search-address-form .search-guide .examples .warning { color: #b80919; padding-top: 5px; font-weight: normal; }
.postal-code-module .search-address-result { height: 340px; margin-top: 20px; color: #002d40; text-align: left; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.postal-code-module .search-address-result .searching { padding: 25px 0 45px; text-align: center; }
.postal-code-module .search-address-result .searching:before { content: "\f110"; display: block; width: 100px; margin: 0 auto; font-family: "FontAwesome"; font-size: 3.125rem; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.postal-code-module .search-address-result .searching strong { font-size: 1.25rem; }
.postal-code-module .search-address-result .info { padding: 25px 0 45px; text-align: center; }
.postal-code-module .search-address-result .info:before { content: "\f071"; display: block; font-family: "FontAwesome"; font-size: 3.125rem; }
.postal-code-module .search-address-result .info strong { font-size: 1.25rem; word-break: break-all; }
.postal-code-module .search-address-result h3 { margin-bottom: 10px; font-size: 1em; font-weight: normal; word-break: break-all; }
.postal-code-module .search-address-result h3 .count { color: #007dee; }
.postal-code-module .search-address-result ul { border-top: 2px solid #bad8e9; border-bottom: 2px solid #bad8e9; }
.postal-code-module .search-address-result ul li { position: relative; margin-top: -1px; padding: 15px 0 15px 170px; border-top: 1px solid #bad8e9; cursor: pointer; }
.postal-code-module .search-address-result ul li:hover { background-color: #e4edf3; }
.postal-code-module .search-address-result ul li .zipcode { position: absolute; left: 10px; top: 50%; width: 156px; margin-top: -11px; font-weight:bold; text-align: center; }
.postal-code-module .search-address-result ul li .address .jibun { color: #7390a0; }
.postal-code-module .search-address-result ul li .address .jibun span { display: inline-block; margin-bottom: 2px; padding: 0 6px; border: 1px solid #7390a0; border-radius: 3px; font-size: 0.8125rem; vertical-align: middle; }