@media not print {


	/* text color */
	a {
		color: inherit;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	.text-gray { color: #707070; }
	.text-darkgray { color: #212121; /* default */ }
	.text-blue { color: #1946B8; }
	.text-brandblue { color: #09144f; }
	.text-darkorange { color: #CC4100; }
	.text-green { color: #1C7D29; }
	.text-red { color: #c00; }
	.text-line { color: #adadad; }
	
	
	
	/* background color */
	/* TODO: delete this line */
	/* body {
		background-color: #fff;
		color: #212121;
	} */
	.bg-white {
		background-color: #fff;
		color: #212121;
	}
	.bg-black {
		background-color: #000;
		color: #fff;
	}
	.tag.bg-black {
		background-color: #424242;
		color: #FBCC4B;
	}
	.bg-gray {
		background-color: #E8E8E8;
		color: #212121;
	}
	.bg-lightgray {
		background-color: #f7f7f7;
	}
	a.bg-lightgray {
		transition: background-color 0.2s;
	}
	a.bg-lightgray:hover {
		background-color: rgba(228, 235, 253, 1);
		color: #2A69DF;
	}
	.bg-darkgray {
		background-color: #6e6e6e;
		color: #fff;
	}
	.bg-orange {
		background-color: #E05E00;
		color: #fff;
	}
	.bg-lightorange {
		background-color: #F69904;
		color: #6B3200;
	}
	.bg-darkorange {
		background-color: #CC4100;
		border-color: transparent;
		color: #fff;
	}
	.bg-blue {
		background-color: #1946B8;
		color: #fff;
	}
	.bg-lightblue {
		background-color: #ECF1FE;
	}
	.tag.bg-lightblue {
		background-color: #ECF1FE;
		color: #2A69DF;
	}
	.bg-darkblue {
		background-color: #0A185C;
		color: #fff;
	}
	.bg-red {
		background-color: #c00;
		color: #fff;
	}
	.bg-lightred {
		background-color: #FFEEEB;
		color: #DB1600;
	}
	.bg-green {
		background-color: #1C7D29;
		color: #fff;
	}
	.bg-lightgreen {
		background-color: #E0FAE3;
		color: #1C7D29;
	}
	.bg-violet {
		background-color: #3d0066;
		color: #fdc500;
	}
	.bg-line {
		background-color: #adadad;
	}
	/* ----svg */
	.bg-black > svg,
	.bg-darkgray > svg,
	.bg-orange > svg,
	.bg-darkorange > svg,
	.bg-blue > svg,
	.bg-darkblue > svg,
	.bg-red > svg,
	.bg-green > svg {
		fill: #fff;
	}
	/* ----text special */
	.bg-lightgray.text-gray,
	.bg-lightgray .text-gray,
	.bg-lightblue.text-gray,
	.bg-lightblue .text-gray {
		color: #6e6e6e;
	}
	.bg-darkblue.text-gray,
	.bg-darkblue .text-gray {
		color: #adadad;
	}
	/* ----button special */
	.button:hover {
		color: #1946B8;
	}
	.button:disabled,
	.button.is-disabled {
		color: #C6CDDE;
	}
	.button.bg-orange:hover,
	.toggle:hover .toggle-handle.bg-orange {
		background-color: #E47423;
		color: #fff;
	}
	.button.bg-orange:active {
		background-color: #C65300;
	}
	.button.bg-orange:focus {
		box-shadow: 0 0 0 2px rgba(225, 95, 0, 0.4);
	}
	.button.bg-orange:disabled,
	.button.bg-orange.is-disabled {
		color: #fff;
		background-color: #E2D0C3;
	}
	.toggle:hover .toggle-handle.bg-orange {
		background-color: #E47423;
	}
	.button.bg-blue:hover,
	.toggle:hover .toggle-handle.bg-blue {
		background-color: #3A60C2;
		color: #fff;
	}
	.button.bg-blue:active {
		background-color: #163FAA;
	}
	.button.bg-blue:focus {
		box-shadow: 0 0 0 2px rgba(26, 71, 184, 0.4);
	}
	.button.bg-blue:disabled,
	.button.bg-blue.is-disabled {
		color: #fff;
		background-color: #C6CDDE;
	}
	.button.bg-lightblue,
	.toggle .toggle-handle.bg-lightblue {
		background-color: #A9C1F4;
		color: #212121;
	}
	.button.bg-lightblue:hover,
	.toggle:hover .toggle-handle.bg-lightblue {
		background-color: #B5CAF5;
		color: #212121;
	}
	.button.bg-lightblue:active {
		background-color: #8FA4CF;
	}
	.button.bg-lightblue:focus {
		box-shadow: 0 0 0 2px rgba(142, 175, 240, 0.4);
	}
	.button.bg-lightblue:disabled,
	.button.bg-lightblue.is-disabled {
		color: #ADADAD;
		background-color: #D7DDE9;
	}	
	.button.bg-white {
		border-color: #d1d1d1;
		color: #363636;
	}
	.button.bg-white:hover {
		border-color: #1946B8;
		color: #1946B8;
	}
	.button.bg-white:active {
		background-color: #E3EAFC;
	}
	.button.bg-white:focus {
		border-color: #1946B8;
		box-shadow: 0 0 0 2px rgba(25, 70, 184, 0.4);
	}
	.button.bg-white.is-active,
	.button.bg-white.is-active:hover {
		background-color: #1946B8;
		border-color: transparent;
		color: #fff;
	}
	.button.bg-white:disabled,
	.button.bg-white.is-disabled {
		border-color: #E8E8E8;
		background-color: #f2f2f2;
		color: #ADADAD;
	}
	.button.bg-lightgray.is-active,
	.button.bg-lightgray.is-active:hover {
		background-color: #CC4100;
		border-color: transparent;
		color: #fff;
	}
	.button.bg-black:hover {
		color: #fff;
	}
	/* ----arrow in bg */
	.menu.at-bottom > .menu-body.bg-white > .menu-arrow { border-bottom-color: rgba(180, 180, 180, 0.2); }
	.menu.at-bottom > .menu-body.bg-white > .menu-arrow:before { border-bottom-color: #fff; }
	.menu.at-right > .menu-body.bg-white > .menu-arrow { border-right-color: rgba(180, 180, 180, 0.2); }
	.menu.at-right > .menu-body.bg-white > .menu-arrow:before { border-right-color: #fff; }
	.menu.at-left > .menu-body.bg-white > .menu-arrow { border-left-color: rgba(180, 180, 180, 0.2); }
	.menu.at-left > .menu-body.bg-white > .menu-arrow:before { border-left-color: #fff; }
	.menu.at-top > .menu-body.bg-white > .menu-arrow { border-top-color: rgba(180, 180, 180, 0.2); }
	.menu.at-top > .menu-body.bg-white > .menu-arrow:before { border-top-color: #fff; }
	.menu-close { color: #d1d1d1; }
	.menu-close:hover { color: #212121; }
	
	
	/* gradient background color */
	.bg-gradient-lightblue {
		background-color: #ECF1FE;
		background-image: -webkit-linear-gradient(135deg, #EFFAFF 0%, #E9EFFF 50%, rgba(195, 234, 255, 0.40) 100%);
		background-image: linear-gradient(135deg, #EFFAFF 0%, #E9EFFF 50%, rgba(195, 234, 255, 0.40) 100%);
	}
	
	
	
	/* transparent background color */
	.bg-transparent-gray {
		transition: background-color 0.2s;
		transform: translate3d(0, 0, 0);
	}
	.bg-transparent-gray:hover,
	.bg-transparent-gray.is-active,
	.is-active > .bg-transparent-gray {
		background-color: rgba(235, 235, 235, 1);
	}
	.bg-transparent-lightblue {
		transition: background-color 0.2s;
		transform: translate3d(0, 0, 0);
	}
	.link-underline:hover,
	.link-underline.is-active,
	.review-content p a:hover,
	.review-content li a:hover,
	.bg-transparent-lightblue:hover,
	.bg-transparent-lightblue.is-active,
	.is-active > .bg-transparent-lightblue {
		background-color: rgba(228, 235, 253, 1);
		color: #2A69DF;
	}
	
	
	
	
	/* border color */
	.bd-gray,
	table, 
	tr, 
	td, 
	th {
		border-color: #eee;
	}
	
	
	/* shadow */
	.shadow-level-1,
	.hover-shadow-level-1:hover {
		-webkit-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
		   -moz-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
		    -ms-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
			 -o-box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
			 	box-shadow: 0 0 10px 0 rgba(4, 32, 98, .2);
	}
	
	
	
	
	
	
	/* forms color */
	
	/* ----placeholder */
	::-webkit-input-placeholder { color: #858585; }
	:-moz-placeholder { color: #858585; }
	::-moz-placeholder { color: #858585; }
	:-ms-input-placeholder { color: #858585; }
	::placeholder { color: #858585; }
	
	/* ----input box */
	.input-text > input,
	.input-textarea > textarea,
	.input-select-text {
		border-color: transparent;
		box-shadow: 0 0 0 1px #d1d1d1;
		background-color: #fff;
		color: #212121;
	}
	.input-combined {
		border-color: transparent;
		box-shadow: 0 0 0 1px #d1d1d1;
		background-color: #fff;
	}
	.input-text > input:focus,
	.input-text.is-active > input,
	.input-textarea > textarea:focus,
	.input-textarea.is-active > textarea,
	.input-select.is-active .input-select-text {
		border-color: #1946B8;
		box-shadow: 0 0 0 1px #1946B8;
	}
	.input-text-clear {
		background-color: #C3D3F8;
		color: #1946B8;
	}
	
	/* ----checkbox */
	.input-check-mark,
	.input-radio-mark {
		border-color: #d1d1d1;
		background-color: #fff;
	}
	.input-check:hover .input-check-mark,
	.input-radio:hover .input-radio-mark {
		border-color: #A9C1F4;
		background-color: #E3EAFC;
	}
	.input-check input[type="checkbox"]:checked + .input-check-mark,
	.input-check input[type="checkbox"]:indeterminate + .input-check-mark,
	.input-radio input[type="radio"]:checked + .input-radio-mark {
		background-color: #1946B8;
		border-color: #1946B8;
	}
	.input-check input[type="checkbox"]:checked + .input-check-mark:before,
	.input-check input[type="checkbox"]:indeterminate + .input-check-mark:before {
		border-color: #fff;
	}
	.input-radio input[type="radio"]:checked + .input-radio-mark:before {
		background-color: #fff;
	}
	.input-check input[type="checkbox"]:disabled + .input-check-mark,
	.input-radio input[type="radio"]:disabled + .input-radio-mark {
		background-color: #f2f2f2;
		border-color: #ebebeb;
	}
	
	/* ---error */
	.form-error-msg {
		background-color: #DB1600;
		color: #fff;
	}
	.form-error-msg:before {
		border-bottom-color: #DB1600;
	}
	.input-text.show-error > input,
	.input-textarea.show-error > textarea,
	.input-select.show-error .input-select-text {
		border-color: #DB1600;
		box-shadow: 0 0 0 1px #DB1600;
	}
	
	/* ----disabled */
	.input-text.is-disabled,
	.input-textarea.is-disabled,
	.input-select.is-disabled {
		pointer-events: none;
	}
	.input-text.is-disabled > input,
	.input-textarea.is-disabled > textarea,
	.input-select.is-disabled .input-select-text {
		border-color: #E8E8E8;
		background-color: #f2f2f2;
		color: #ADADAD;
		pointer-events: none;
	}
	
	/* ----toggle button */
	.toggle input[type="checkbox"]:disabled ~ .toggle-body {
		border-color: #f2f2f2;
	}
	.toggle input[type="checkbox"]:disabled ~ .toggle-body .toggle-handle {
		background: #ebebeb;
		color: #adadad;
	}
	
	/* ----countdown */
	.section-countdown span {
		background: #E8E8E8;
	}
	
	/* scrollbar */
	.scrollbar::-webkit-scrollbar {
	    background-color: #f7f7f7;
	}
	.scrollbar::-webkit-scrollbar-thumb {
	    background-color: rgba(0,0,0,.5);
	    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	
	/* swiper arrows */
	.swiper-button-gray {
		background-color: rgba(243, 243, 243, 0.7);
		color: #adadad;
	}
	.swiper-button-gray:hover {
		background-color: rgba(243, 243, 243, 1);
	}
	.swiper-button-black {
		background-color: rgba(0, 0, 0, 0.4);
		color: #fff;
	}
	.swiper-button-black:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}
	
	
	/* show item image's background */
	.show-img-bg .bg-gradient-lightblue {
		background-color: #ECF1FE;
		background-image: none;
	}
	.show-img-bg .goods-bg {
		display: none;
	}
	.show-img-bg .goods-img:not(.bg-lightgray) {
		mix-blend-mode: darken;
	}
	.show-img-bg .goods-img > img {
		mix-blend-mode: darken;
		background-color: #fff;
	}
	
	
	
	
	
	
	
	
	
	/***************
	 ***************
	 ** DARK MODE **
	 ***************
	 ***************/


	/* text color */
	.dark-mode .text-gray { color: #ADADAD; }
	.dark-mode .text-darkgray { color: #fff; /* default */ }
	.dark-mode .text-blue { color: #6694EA; }
	.dark-mode .text-brandblue { color: #fff; }
	.dark-mode .text-darkorange { color: #F06C00; }
	.dark-mode .text-green { color: #239A33; }
	
	
	
	/* background color */
	.dark-mode body {
		background-color: #121212;
		color: #fff;
	}
	.dark-mode .bg-white {
		background-color: #212121;
		color: #fff;
	}
	.dark-mode .bg-gray {
		background-color: #424242;
		color: #fff;
	}
	.dark-mode .bg-lightgray {
		background-color: #262626;
	}
	.dark-mode a.bg-lightgray {
		transition: background-color 0.2s;
	}
	.dark-mode a.bg-lightgray:hover {
		background-color: rgba(21, 56, 158, 1);
		color: #8EAFF0;
	}
	.dark-mode .bg-darkgray {
		background-color: #6e6e6e;
		color: #fff;
	}
	.dark-mode .bg-orange {
		background-color: #E05E00;
		color: #121212;
	}
	.dark-mode .bg-lightorange {
		background-color: #F69904;
		color: #6B3200;
	}
	.dark-mode .bg-lightgray.is-active,
	.dark-mode .bg-lightgray.is-active:hover,
	.dark-mode .bg-darkorange {
		background-color: #CC4100;
		color: #fff;
	}
	.dark-mode .bg-blue {
		background-color: #8EAFF0;
		color: #121212;
	}
	.dark-mode .bg-lightblue {
		background-color: #0C1D6A;
	}
	.dark-mode .bg-darkblue { /* speacil */
		background-color: #0A185C;
		color: #fff;
	}
	.dark-mode .bg-red {
		background-color: #c00;
		color: #fff;
	}
	.dark-mode .bg-green {
		background-color: #239A33;
		color: #fff;
	}
	.dark-mode .bg-line {
		background-color: #6E6E6E;
	}
	/* ----text special */
	.dark-mode .bg-lightgray.text-gray,
	.dark-mode .bg-lightgray .text-gray,
	.dark-mode .bg-lightblue.text-gray,
	.dark-mode .bg-lightblue .text-gray {
		color: #ADADAD;
	}
	.dark-mode .bg-blue.text-gray,
	.dark-mode .bg-blue .text-gray {
		color: #121212;
	}
	/* ----button special */
	.dark-mode .button:hover {
		color: #8EAFF0;
	}
	.dark-mode .button.bg-orange:hover {
		background-color: #E47423;
		color: #121212;
	}
	.dark-mode .button.bg-orange:active {
		background-color: #C65300;
	}
	.dark-mode .button.bg-orange:focus {
		box-shadow: 0 0 0 2px rgba(225, 95, 0, 0.4);
	}
	.dark-mode .button.bg-orange:disabled,
	.dark-mode .button.bg-orange.is-disabled {
		background-color: #E2D0C3;
	}
	.dark-mode .button.bg-blue:hover,
	.dark-mode .toggle:hover .toggle-handle.bg-blue {
		background-color: #9EBAF2;
		color: #121212;
	}
	.dark-mode .button.bg-blue:active {
		background-color: #7894CC;
	}
	.dark-mode .button.bg-blue:focus {
		box-shadow: 0 0 0 2px rgba(142, 174, 240, 0.4);
	}
	.dark-mode .button.bg-blue:disabled,
	.dark-mode .button.bg-blue.is-disabled {
		background-color: #D1D9E8;
	}
	
	
	.dark-mode .button.bg-lightblue,
	.dark-mode .toggle .toggle-handle.bg-lightblue {
		background-color: #15379E;
		color: #fff;
	}
	.dark-mode .button.bg-lightblue:hover,
	.dark-mode .toggle:hover .toggle-handle.bg-lightblue {
		background-color: #3754AC;
		color: #fff;
	}
	.dark-mode .button.bg-lightblue:active {
		background-color: #112E86;
	}
	.dark-mode .button.bg-lightblue:focus {
		box-shadow: 0 0 0 2px rgba(21, 55, 158, 0.4);
	}
	.dark-mode .button.bg-lightblue:disabled,
	.dark-mode .button.bg-lightblue.is-disabled {
		color: #636363;
		background-color: #242D45;
	}
	
	
	.dark-mode .button.bg-white {
		border-color: #424242;
		color: #E8E8E8;
	}
	.dark-mode .button.bg-white:hover {
		border-color: #8EAFF0;
		color: #8EAFF0;
	}
	.dark-mode .button.bg-white:active {
		background-color: #112B88;
		border-color: #8EAFF0;
	}
	.dark-mode .button.bg-white:focus {
		border-color: #8EAFF0;
		box-shadow: 0 0 0 2px rgba(142, 174, 240, 0.4);
	}
	.dark-mode .button.bg-white:disabled,
	.dark-mode .button.bg-white.is-disabled {
		border-color: #363636;
		background-color: #262626;
		color: #636363;
	}
	.dark-mode .button.bg-white.is-active,
	.dark-mode .button.bg-white.is-active:hover {
		background-color: #1946B8;
		border-color: #1946B8;
		color: #fff;
	}
	.dark-mode .button.bg-black {
		border-color: #fff;
		color: #fff;
		background-color: transparent;
	}
	.dark-mode .button:disabled,
	.dark-mode .button.is-disabled {
		opacity: 0.4;
	}
	/* ----arrow in bg */
	.dark-mode .menu.at-bottom > .menu-body.bg-white > .menu-arrow { border-bottom-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-bottom > .menu-body.bg-white > .menu-arrow:before { border-bottom-color: #212121; }
	.dark-mode .menu.at-right > .menu-body.bg-white > .menu-arrow { border-right-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-right > .menu-body.bg-white > .menu-arrow:before { border-right-color: #212121; }
	.dark-mode .menu.at-left > .menu-body.bg-white > .menu-arrow { border-left-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-left > .menu-body.bg-white > .menu-arrow:before { border-left-color: #212121; }
	.dark-mode .menu.at-top > .menu-body.bg-white > .menu-arrow { border-top-color: rgba(0, 0, 0, 0.9); }
	.dark-mode .menu.at-top > .menu-body.bg-white > .menu-arrow:before { border-top-color: #212121; }
	.dark-mode .menu-close:hover {
		color: #fff;
	}
	
	
	/* gradient background color */
	.dark-mode .bg-gradient-lightblue {
		background-color: #033459;
		background-image: -webkit-linear-gradient(135deg, #033459 0%, #032159 50%, #033959 100%);
		background-image: linear-gradient(135deg, #033459 0%, #032159 50%, #033959 100%);
	}
	
	
	
	/* transparent background color */
	.dark-mode .bg-transparent-gray:hover,
	.dark-mode .bg-transparent-gray.is-active,
	.dark-mode .is-active > .bg-transparent-gray {
		background-color: rgba(10, 24, 93, 0.7);
	}
	.dark-mode .link-underline:hover,
	.dark-mode .link-underline.is-active,
	.dark-mode .review-content p a:hover,
	.dark-mode .review-content li a:hover,
	.dark-mode .bg-transparent-lightblue:hover,
	.dark-mode .bg-transparent-lightblue.is-active,
	.dark-mode .is-active > .bg-transparent-lightblue {
		background-color: rgba(21, 56, 158, 1);
		color: #8EAFF0;
	}
	
	
	
	
	/* border color */
	.dark-mode .bd-gray,
	.dark-mode table, 
	.dark-mode tr,
	.dark-mode td, 
	.dark-mode th,
	.dark-mode .modal-footer {
		border-color: #424242;
	}
	
	
	/* shadow */
	.dark-mode .shadow-level-1,
	.dark-mode .hover-shadow-level-1:hover {
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
		   -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
		    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			 -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			 	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
	}
	
	
	
	/* forms color */
	
	/* ----placeholder */
	.dark-mode ::-webkit-input-placeholder { color: #949494; }
	.dark-mode :-moz-placeholder { color: #949494; }
	.dark-mode ::-moz-placeholder { color: #949494; }
	.dark-mode :-ms-input-placeholder { color: #949494; }
	.dark-mode ::placeholder { color: #949494; }
	
	/* ----input box */
	.dark-mode .input-text > input,
	.dark-mode .input-textarea > textarea,
	.dark-mode .input-select-text,
	.dark-mode .input-combined {
		border-color: transparent;
		box-shadow: 0 0 0 1px #505050;
		background-color: #121212;
		color: #fff;
	}
	.dark-mode .input-text > input:focus,
	.dark-mode .input-text.is-active > input,
	.dark-mode .input-textarea > textarea:focus,
	.dark-mode .input-textarea.is-active > textarea,
	.dark-mode .input-select.is-active .input-select-text {
		border-color: #8EAFF0;
		box-shadow: 0 0 0 1px #8EAFF0;
	}
	.dark-mode .input-text-clear {
		background-color: #1946B8;
		color: #C3D3F8;
	}
	.dark-mode .input-select .menu-list-link em {
		color: aquamarine;
	}
	
	/* ----checkbox */
	.dark-mode .input-check-mark,
	.dark-mode .input-radio-mark {
		border-color: #505050;
		background-color: #121212;
	}
	.dark-mode .input-check:hover .input-check-mark,
	.dark-mode .input-radio:hover .input-radio-mark {
		border-color: #A9C1F4;
		background-color: #121212;
	}
	.dark-mode .input-check input[type="checkbox"]:checked + .input-check-mark,
	.dark-mode .input-check input[type="checkbox"]:indeterminate + .input-check-mark,
	.dark-mode .input-radio input[type="radio"]:checked + .input-radio-mark {
		background-color: #1946B8;
		border-color: #1946B8;
	}
	.dark-mode .input-check input[type="checkbox"]:checked + .input-check-mark:before,
	.dark-mode .input-check input[type="checkbox"]:indeterminate + .input-check-mark:before {
		border-color: #fff;
	}
	.dark-mode .input-radio input[type="radio"]:checked + .input-radio-mark:before {
		background-color: #fff;
	}
	
	
	/* ----disabled */
	.dark-mode .input-text.is-disabled > input,
	.dark-mode .input-textarea.is-disabled > textarea,
	.dark-mode .input-select.is-disabled .input-select-text,
	.dark-mode .input-check input[type="checkbox"]:disabled + .input-check-mark,
	.dark-mode .input-radio input[type="radio"]:disabled + .input-radio-mark  {
		border-color: #3d3d3d;
		background: #444;
		opacity: 0.5;
	}
	.dark-mode .input-check input[type="checkbox"]:disabled:checked + .input-check-mark:before {
		border-color: #6e6e6e;
	}
	.dark-mode .input-radio input[type="radio"]:disabled:checked + .input-radio-mark:before {
		background-color: #6e6e6e;
	}
	
	/* ----toggle button */
	.dark-mode .toggle input[type="checkbox"]:disabled ~ .toggle-body {
		border-color: #f2f2f2;
	}
	.dark-mode .toggle input[type="checkbox"]:disabled ~ .toggle-body .toggle-handle {
		background: #ebebeb;
		color: #adadad;
	}
	
	/* ----countdown */
	.dark-mode .section-countdown span {
		background: #424242;
	}
	
	/* scrollbar */
	.dark-mode .scrollbar::-webkit-scrollbar {
	    background-color: #f7f7f7;
	}
	.dark-mode .scrollbar::-webkit-scrollbar-thumb {
	    background-color: rgba(0,0,0,.5);
	    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
	.dark-mode .swiper-scrollbar {
		background-color: #363636;
	}
	.dark-mode .swiper-scrollbar-drag {
		background-color: #6e6e6e;
	}
	
	/* swiper arrows */
	.dark-mode .swiper-button-gray.swiper-button-prev,
	.dark-mode .swiper-button-gray.swiper-button-next {
		background-color: rgba(53, 53, 53, 0.7);
		color: #6e6e6e;
	}
	.dark-mode .swiper-button-black {
		background-color: rgba(255, 255, 255, 0.4);
		color: #000;
	}
	.dark-mode .swiper-button-black:hover {
		background-color: rgba(255, 255, 255, 0.8);
	}
	
	
	
	/* show item image's background */
	.dark-mode.show-img-bg .bg-gradient-lightblue {
		background-color: #0C1D6A;
		background-image: none;
	}
	.dark-mode.show-img-bg .goods-img:not(.bg-lightgray),
	.dark-mode.show-img-bg .goods-img > img {
		mix-blend-mode: normal;
		border-radius: 4px;
	}

}