@charset "UTF-8"; 

/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');

body {
    width: 100%;
    height: 100%;
    font-family: 'Helvetica','微軟正黑體','Lato',sans-serif;
    color: #666;
    background-color: #fff;
	letter-spacing: 0.15rem;
}

html {
    width: 100%;
    height: 100%;
	font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    font-weight: 700;
    letter-spacing: 1px;
}
h1 {
	font-size: 1.6rem;
}
h2 {
	font-size: 1.4rem;
}
h3 {
	font-size: 1.2rem;
}
h4 {
	font-size: 1.1rem;
	margin: 1.4rem 0 1.4rem;
}
h5 {
	font-size: 1rem;
}
p {
    margin: 0 0 10px;
    font-size: 1rem;
    line-height: initial;
}

p.lead {
	font-weight: 600;
}

a {
    color: #666;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}

.light {
    font-weight: 400;
}

address {
	margin-left: 0;
	padding: 0;
}


/* misc */
hr {
  margin-top: 10px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:1.4rem !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:2.85rem !important;}
.marginbot-50{margin-bottom:50px !important;}

.container {
	font-size: 1rem;
}

/* ===========================
--- General sections
============================ */

.home-section {
    /*padding-top: 110px;*/
    /*padding-bottom: 110px;*/
	display:block;
    position:relative;
    z-index:120;
}


.section-heading h2 {
	font-size: 2.85rem;
}
.section-heading i {
	margin-bottom: 1.4rem;
}


/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f8f8f8;
}


.bg-dark {
	background: #575757;
}

/* --- section color var --- */

.text-light {
	color: #fff;
}

/* ============================
--- Menu
============================= */

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

.gn-menu-main,
.gn-menu-main ul {
		margin: 0;
		padding: 0;
		/*background: #fff;*/
		color: #000;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		line-height: 2.85rem;
		z-index:150;
}

.gn-menu-main {
	position: fixed;
    right: 0;
    height: 100%;
}

.gn-menu-main a {
	display: block;
	/*height: 100%;*/
	text-decoration: none;
	cursor: pointer;
	color: #666;
}

.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: RGB(238,150,117);
		color: white;
}

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		border-right: 1px solid #c6d0da;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 2.85rem;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
}

.gn-menu-main > li > a {
		padding: 0 10px 0 0;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
	position: fixed;
	top: 0px;
	bottom: 0;
	right: 0;
	overflow: hidden;
	width: 2.85rem;
	border-top: 1px solid #c6d0da;
	background: white;
	-webkit-transform: translateX(4.3rem);
	-moz-transform: translateX(4.3rem);
	transform: translateX(4.3rem);
	-webkit-transition: -webkit-transform 0.3s, width 0.3s;
	-moz-transition: -moz-transform 0.3s, width 0.3s;
	transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 31.4rem;
		height: 100%;
		padding-top: 100px;
    	padding-left: 50px;
}

.gn-menu {
		/*border-bottom: 1px solid #c6d0da;*/
		text-align: left;
		font-size: 1.15rem;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		/*box-shadow: inset 0 1px #c6d0da*/
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #666;
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 4.3rem;
		outline: none;
		border: none;
		background: transparent;
		color: RGB(238,150,117);
		font-weight: 300;
		cursor: pointer;
}

/* placeholder */

.gn-search::-webkit-input-placeholder {
		color: RGB(238,150,117)
}

.gn-search:-moz-placeholder {
		color: RGB(238,150,117)
}

.gn-search::-moz-placeholder {
		color: RGB(238,150,117)
}

.gn-search:-ms-input-placeholder {
		color: RGB(238,150,117)
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.gn-search:focus {
		cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
		color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 4.3rem;
}

.gn-icon::before {
		display: inline-block;
		width: 4.3rem;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'ecoicons';
		line-height: 1;
		-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
		content: "\e000"
}

.gn-icon-earth::before {
		content: "\e004"
}

.gn-icon-cog::before {
		content: "\e006"
}

.gn-icon-search::before {
		content: "\e005"
}

.gn-icon-download::before {
		content: "\e007"
}

.gn-icon-photoshop::before {
		content: "\e001"
}

.gn-icon-illustrator::before {
		content: "\e002"
}

.gn-icon-archive::before {
		content: "\e00d"
}

.gn-icon-article::before {
		content: "\e003"
}

.gn-icon-pictures::before {
		content: "\e008"
}

.gn-icon-videos::before {
		content: "\e009"
}


/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 300px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 4.3rem
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 60%;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}




/* ===========================
--- Intro
============================ */

.intro {
	width:100%;
	position:relative;
}

#intro{	
	background-size: cover;
}

.intro .slogan {
	padding:250px 0 4.3rem;
	text-align: center;
	
}
.intro .slogan h1 {
	color: #fff;
	line-height: 1.1rem;
	margin-bottom: 1.4rem;
	 font-size: 2.85rem;
}
.intro .slogan p {
	color: #eee;
	margin-bottom: 50px;
	font-size: 1.4rem;
}


.brand-heading {
    font-size: 2.85rem;
}

.intro-text {
    font-size: 1.3rem;
}


/* slider */

.tp-caption.custom_large_white {
	color: #FFF;
	text-shadow: none;
	font-size: 4.3rem;
	line-height: 4.3rem;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
}

.tp-caption a.btn {
	color: #fff;
}



/* ===========================
--- About
============================ */

.boxed-grey {
	background: #eee;
	padding: 1.4rem;
}

.team h5 {
	margin-bottom: 10px;
}

.team p.subtitle {
	margin-bottom: 10px;
}

.avatar {
	margin-bottom: 1.4rem;
}

.team-social {
	margin-left: 0;
	padding-left: 0;
	
}

.team-social {
	text-align: center;
}

.team-social li{
    display: inline-block;
	margin:0 !important;
	padding:0;
}


.team-social a{
	margin:0;
	padding:0;
    display: block;
	width: 2.85rem;
    height: 2.85rem;
    line-height: 2.85rem;
    text-align: center;
    background: #3bbec0;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.team-social a i{
	text-align: center;
	margin:0;
	padding:0;
}
.team-social .social-facebook a{background: #3873ae;}
.team-social .social-twitter a{background: #62c6f8;}
.team-social .social-dribble a{background: #d74980;}
.team-social .social-deviantart a{background: #8da356;}
.team-social .social-google a{background: #000;}
.team-social .social-vimeo a{background: #51a6d3;}
.team-social .social-facebook a:hover{background: #4893ce;}
.team-social .social-twitter a:hover{background: #82e6ff;}
.team-social .social-dribble a:hover{background: #f769a0;}
.team-social .social-deviantart a:hover{background: #adc376;}
.team-social .social-google a:hover{background: #333;}
.team-social .social-vimeo a:hover{background: #71c6f3;}


/* ===========================
--- Services
============================ */

.service-icon {
	margin-bottom: 1.4rem;
}	




/* ===========================
--- Works
============================ */

.gallery-item > div {
	margin-bottom: 30px;
}

/* ===========================
--- Contact
============================ */

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
form#contact-form input,form#contact-form select,form#contact-form textarea {
	border-radius: 0;
	border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
  background-color: #fefefe;
  border: 1px solid #eee;
  border-radius: 0;
}

.widget-contact {
	text-align: left;
	margin-top: 30px;
}


.validation {
    color: red;
    display:none;
    margin: 0 0 1.4rem;
    font-weight:400;
    font-size:1rem;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:1rem;
    font-weight:600;
    margin-bottom:1rem;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:1rem;
    font-weight:600;
    margin-bottom:1rem;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

.company-social {
	text-align: left;
}

.company-social li{
    display: inline-block;
	margin:0 !important;
	padding:0;
}


.company-social a{
	margin:0;
	padding:0;
    display: block;
	width: 2.85rem;
    height: 2.85rem;
    line-height: 2.85rem;
    text-align: center;
    background: #3bbec0;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.company-social a i{
	text-align: center;
	margin:0;
	padding:0;
}
.company-social .social-facebook a{background: #3873ae;}
.company-social .social-twitter a{background: #62c6f8;}
.company-social .social-dribble a{background: #d74980;}
.company-social .social-deviantart a{background: #8da356;}
.company-social .social-google a{background: #000;}
.company-social .social-vimeo a{background: #51a6d3;}
.company-social .social-facebook a:hover{background: #4893ce;}
.company-social .social-twitter a:hover{background: #82e6ff;}
.company-social .social-dribble a:hover{background: #f769a0;}
.company-social .social-deviantart a:hover{background: #adc376;}
.company-social .social-google a:hover{background: #333;}
.company-social .social-vimeo a:hover{background: #71c6f3;}



/* ===========================
--- Footer
============================ */

footer {
	text-align: center;
	padding: 50px 0 ;
	
}

/* ===========================
--- Elrements
============================ */

.btn {
	border-radius: 0;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 1rem;
    padding: 7px 1.15rem;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 2.85rem;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle.btn-dark {
    border: 2px solid #666;
    color: #666;
}


.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.btn-circle.btn-dark :hover,
.btn-circle.btn-dark :focus {
    outline: 0;
    color: #999;
    background: #fff;
}

.btn-circle.btn-dark :hover i,
.btn-circle.btn-dark :focus i{
    color: #999;
}

#cart_count {
	bottom: 0px;
    right: -5px;
	position: absolute;
	background-color: RGB(238,150,117);
	border-radius: 50%;
	width: 1.4rem;
	line-height: 1.4rem;
	text-align: center;
	height: 1.4rem;
	color: #fff;
	font-size: 9px;
	display: block;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


#text {
    color: #fff;
    background: #ffcc00;
}

#map {
	height: 500px;
}


.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #666;
}


.btn-default:hover,
.btn-default:focus {
    border: 1px solid #28c3ab;
    outline: 0;
    color: #000;
    background-color: #28c3ab;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}


.pp_text{
	float: right;
}

.bg_picture img {
	width: 100%;
}

#pp .modal-body h3, #tu .modal-body h3{
	font-size: 17px;
	margin-bottom: 5px;
}

#pp .modal-body p, #tu .modal-body p{
	font-size: 1rem;
	color: #111111;
    line-height: 150%;
    margin-bottom: 5px;
}

.pre_order_div{
	border-radius: 5px;
	border: 1px solid #d401d4;
	padding: 30px;
	text-align: center;
	margin-bottom: 1.4rem;
}
.pre_order_btn {
	margin: 0px auto 1.4rem;
	border-radius: 5px;
	background-color: #d401d4;
	color: #fff;
	font-size: 26px;
	padding: 4px 1rem;
	border: 1px solid #ccc;
	width: 22.85rem;
	line-height: 34px;
}

.preorder-table {
	border-width: 0;
	width: 100%;
	margin-bottom: 10px;
}

.preorder-table input, .preorder-table select {
	border-radius: 5px;
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px;
}

.preorder-table td{
	padding: 3px;
}
.preorder-table .input-medium{
	width: 100%;
}
.preorder-table .input-xxlarge{
	width: 100%;
}

.product-thumb{
	
}

.preorder-table .total{
	font-size: 110%;
	font-weight: bold;
}

.btn-main-large{
    width: 100%;
    color: #fff;
    background-color: #ffa500;
    margin-bottom: 0;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
}

.preorder-note {
	font-size: 1rem;
	padding: 10px !important;
}
.btn-main-large:hover{
	background-color: #ffd533;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}


img {
	max-width: 100%;
	height: auto;
	border: none;
}
.label {
	color: #000;
}
.post-info {
	text-align: left;
	padding-left: 30px;
}
#post-wrap .post-photo .imgWrapper {
	/*width: 455px;*/
	width: 100%;
	max-width: 100%;
	position: relative;
	/*aspect-ratio: 1/1;*/
	height: auto;
}
#post-wrap .post-photo .imgWrapper img {
	/*width: 455px;*/
	height: auto;
	width: 100%;
	max-width: 100%;
}
#post-wrap .post-photo .imgWrapper .last-img {
	position: absolute;
	z-index: 2;
}
#post-wrap .post-photo img {
	display: block;
}
.clearfix {
	display: block;
	clear: both;
}
.thumbList {
	padding-left: 0;
}
.thumbList li {
	float: left;
	list-style: none;
	margin-right: 1px;
	margin-top: 1px;
}
.thumbList img {
	height: 5rem;
}
#boxWrapper {
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 999;
	max-width: 100%;
}
#boxWrapper #boxContent {
	position: relative;
	margin: 0 auto;
	border: 1px solid #B0B0B0;
	background: #FFFFFF;
	max-width: 100%;
	padding: 1.4rem;
}
#buyConfirm {
	width: 486px;
	height: 210px;
	position: relative;
	max-width: 100%;
}


.table .cart_products {
	padding: 30px 0;
	border-bottom: 1px dotted #787979;
}
.table .cart_products span{
	font-size: 120%;
	font-weight: 500;
}
.topline1 {
	border-top: 1px dashed #000;
	margin-top: 1.4rem;
}
.table .count {
	padding: 2.85rem 0;
}
.table .end {
	border-bottom: none;
}

.logo {
	width: 60%;
}
.gn-scroller {
	padding-top: 10px;
}
.gn-menu-wrapper {
	border-width: 0;
}
#top-bar{
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	width: 100%;
}

#system-message-container{
	text-align: center;
	z-index: 199;
	top: 0;
	width: 100%;
}
.alert-heading {
	display: none;
}
#system-message-container .alert-message {
	color: #fff;
	background-color: #d5f7b1;
}

#system-message-container .error-message {
	color: red;
	background-color: #fcc;
}

#system-message-container .alert .alert-message {
	background-color: transparent;
}

.gn-menu li{
	padding-left: 10px;
}
.gn-icon1 {
	top: 35%;
	position: absolute;
}

.gn-icon1 img{
	width: 1.4rem;
	height: 75px;
}

.gn-icon2 {
	top: 55%;
	position: absolute;
}

.gn-icon2 img{
	width: 1.4rem;
	height: 4.3rem;
}

#menu_arrow {
	position: absolute;
	top: 14.3rem;
	right: 1.4rem;
}

#menu_arrow img{
	width: 1rem;
}

#main_menu {
}
.logo {
	padding: 1.4rem;
	/*height: 90px;*/
}    
.logo img {
	width: 100%;
	max-height: 1.7rem;
}
.home-menu, .home-menu2, .brand-menu {
	padding:0;
	list-style: none;
	font-size: 1.15rem;
}

#burgar-menu {
	list-style: none;
	font-size: 1.3rem;
	width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
	line-height: 2.85rem;
	/*font-weight: 900;*/
}
#burgar-menu li:hover {
	text-decoration: underline;
}


.home-menu li, .home-menu2 li {
	margin: 0 0 0 30px;
	float: left;
}

ul.brand-menu {
	margin-bottom: 0;
}
.brand-menu li {
	flex: auto;
	text-align: left;
}

.home-menu {
	float: right;
	width: fit-content;
    margin: 0;
    display: flex;
}
.home-menu2 {
	display: flex;
	float: right;
	margin: 10px 10px 10px 0;
}
.brand-menu {
	text-align: center;
    display: flex;
    margin-top: 1rem;
}
#brand-menu img {
	vertical-align: bottom;
	height:2.85rem;
}
.home-menu a {
	text-decoration: none;
	color: #666;
	/*font-weight: bold;*/
}
.home-menu .current a, #burgar-menu .current a{
	color: #ef8655;
}

.home-menu a:hover, .home-menu a:focus {
	text-decoration: underline;
	color: #000;
}

#home_story {
	padding-left: 0; 
	/*margin-left: -30px;*/
}
#home_story_title {
	height: 4.3rem; 
	margin-bottom: 30px;
	max-width: 100%;
}
.sn_content {
	text-align: left;
	/*text-indent: 30px;*/
}
.section-content {
	margin-top: 4.3rem;
}
.sn_title{
	text-align: left;
	/*padding-left: 2.85rem;*/
}
.sn_title .sn{
	font-size: 38px;
}
.sn_title .sl{
	font-size: 38px;
}
.sn_title .title{
	font-weight: bold;
	font-size: 1.4rem;
}
.sn_title .subtitle{
	font-size: 1.3rem;
}
.step_pic {
	width: 20%; 
	margin: 0;
	padding: 0;
}
.section-content2 .bottom_text {
	padding-top: 21.4rem;
	text-align: left;
	padding-left: 2.85rem;
}
	
.section-content3 .bottom_text {
	padding-top: 110px;
	text-align: right;
	padding-right: 2.85rem;
}
.section-content3 .title, .section-content2 .title {
	font-size: 1.3rem;
	font-weight: bold;
}
.section-content3 .subtitle, .section-content2 .subtitle {
	font-size: 1.15rem;
}

.no-padding {
	padding: 0;
}

img.section-sn{
	height: 11.4rem;
}
img.section-sn1{
	height: 150px;
}
img.section-sn2{
	height: 22px;
}
img.section-sn3{
	height: 180px;
}
footer {
	border-top: 1px solid #ccc;
	background-color: #ffffff;
	padding: 30px 10px;
	color: #666;
}
footer h3{
	margin-top: 30px;
	font-size: 1.7rem;
    letter-spacing: 10px;
    margin-bottom: 30px;
    font-weight: 400;
}
footer p{
	margin-top: 1.4rem;
}
footer ul {
	padding-left: 0;
}
footer ul li{
	font-size: 1.5rem;
	/*font-weight: 500;*/
	list-style: none;
	margin-bottom: 1rem;
}
.must_ico {
	margin-left: 5px;
	width: 11px;
	height: 11px;
	display: initial;
}
.contact-table {
	margin: 0 auto;
	width: 80%;
}

.contact-table td{
	text-indent: 10px;
}

.contact-table .input-xxlarge {
	width: 100%;
}
.contact-table input, .contact-table select, .contact-table textarea {
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 5px;
	padding: 5px;
	background-color: #eee;
}
#gif_pic{
	width: 80%; 
	margin: 0 auto;
}
.swiper-container, .swiper2-container, .swiper3-container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	z-index: 1;
}
.swiper-pagination-fraction {
	z-index: 0;
}
.swiper-container {
	padding: 2.85rem 0;
}

.swiper2-container {
	padding: 0 0 2.85rem 0;
}

	/* Center slide text vertically */
/*
.swiper-slide {
	text-align: center;
	font-size: 1.3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
*/
		
.product-images .swiper-container .swiper-slide:not(.swiper-slide-active) img {
	transform: scale(0.8);
}


.product-images .swiper-container .swiper-slide .slide-content img {
	transition: all 0.3s ease-in-out;
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.home_content_title {
	height: 1.7rem;
	margin-bottom: 1.4rem;
	max-width: 100%;
}

.home_content_title2 {
	height: 1.7rem;
	margin-bottom: 10px;
	max-width: 100%;
}

.page_content_title {
	height: 48px;
	margin-bottom: 1.4rem;
}

.sl-wrapper .sl-navigation button, .sl-wrapper button {
	color: #46B8C8;
}

.sl-wrapper .sl-counter {
	display: none !important;
}

/*
.swiper-button-prev, .swiper-button-next {
	position: absolute;
	top: auto;
	width: 1.15rem;
	height: 1.15rem;
	margin-top: 0;
	z-index: 10;
	cursor: pointer;
	background-size: 1.15rem 1.15rem;
	background-position: center;
	background-repeat: no-repeat;
	bottom: 10px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%233BB0C9'%2F%3E%3C%2Fsvg%3E");
	right: 45%;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%233BB0C9'%2F%3E%3C%2Fsvg%3E");
	left: 45%;
}

*/

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("../images/next.svg");
	background-size: 54px 88px;
	right: 1.4rem;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("../images/prev.svg");
	background-size: 54px 88px;
	left: 1.4rem;
}

		
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #3BB0C9;
}


.btn {
	/* letter-spacing: 3px; */
	color: #fff;
	border-radius: 3px;
	background-color: RGB(238,150,117);
	/* padding: 10px 25px; */
	font-size: 1rem;
	margin: 5px;
}

.btn:hover {
	background-color: #aaa;
}

.hidden_text {
	display: none;
}
.cer_ico {
	display: initial;
	margin-right: 10px;
	height: 100px;
	margin-bottom: 30px;
}

.cer_ico2 {
	display: initial;
	margin-right: 10px;
	height: 50px;
	vertical-align: bottom;
	margin-bottom: 4.3rem;
}

#brand_top_img {
	text-align: center;
}
#brand_top_img img {
	width: 100%;
}
#all_in_one_bg {
	background: url('<?=$cur_tmpl?>images/c_wave.png') center top no-repeat; 
	/*background-size: 1280px auto; */
	padding-bottom: 11.4rem;     
	margin-top: 50px;
}
.all_in_one_icon {
	margin: 30px 100px;
	width: 150px;
}
#e_text{
	position: absolute;
	width: 40%;
	right: 1.4rem;
}
#e_img {
	 margin-top: 11.4rem;
}

.preorder-table {
	width: 100%;
	max-width: 500px;
}
.heading-about {
	/*padding-top: 100px; */
	/*padding-bottom: 100px;*/
}
.container .row {
	text-align: left;
	position: relative;
}
.full-image {
	width: 100%;
}
.full-text{
	width: 63%;
}
.full-text1{
	width: 70%;
}
.full-text2{
	width: 72%;
}

.home-06 .icon-row {
	margin: 0 30px;
}
.icon-image{
	width: 60%;
}
.table-memo {
	text-align: left;
	margin-left: 1.4rem;
	font-size: 95%;
}
.bg-memo {
	text-align: left;
	margin: 10px;
	background-color: #d0eae8;
	padding: 5px;
	font-size: 95%;
}
.commend-head {
	left: 0;
	position: absolute;
	width: 100px;
	top: 0;
	border: 2px solid #6fbfb8;
	border-radius: 50px;
}
.commend-border {
	padding: 1.4rem;
	margin: 1.4rem 8px;
	border: 1px solid #ddd;
	border-radius: 1.4rem;
}
.commend-border .dummy {
	float: left;
	margin: 10px;
	width: 50px;
	height: 30px;
}
.commend-text .name {
	text-align: left;
	font-size: 1.4rem;
	color: #bbb;
	font-weight: 400;
}
.commend-text .name span{
	font-size: 1.15rem;
	margin-left: 10px;
}
.commend-text .text{
	text-align: left;
	font-size: 1.15rem;
}

.home-09 .bg{
	background: url(<?=$cur_tmpl?>images/09-bg.jpg) top center no-repeat;
	background-size: 100%;
}

.home-09 p{
	padding: 4.3rem 70px 11.4rem;
	color: #fff;
	line-height: 200%;
	font-size: 1.3rem;
	font-weight: 600;
}
.home-10 .bg{
	background: url(<?=$cur_tmpl?>images/10-bg.jpg) center center no-repeat;
	background-size: 100%;
}
.home-10 h3{
}
.home-10 .text{
	padding: 130px 100px;
	color: #888;
	line-height: 200%;
	font-size: 1.3rem;
	font-weight: 600;
}
.share-icon {
	height: 30px;
}
.mobile-break {
	display: none;
}

.product_name {
	text-align: left;
	border: 2px solid #ccc;
	padding: 10px 30px;
	width: fit-content;
	border-radius: 50px;
	font-size: 120%;
	color: #666;
	font-weight: 600;
	margin-top: 2.85rem;
}
.product_name span{
	font-weight: 400;
	display: inline-block;
	margin-left: 1.4rem;
}

.product_memo {
	margin-left: 30px;
	margin-top: 1.4rem;
	text-align: left;
}
.top-logo a {

}
.top-logo img {
	max-width: 90%;
}
.gn-menu-main {
	z-index: 1000;
}

.margin-image {
	margin: 10px 0;
}

.full-over {
	position: absolute;
	width: 600px;
	left: 10%;
	bottom: 1rem;
	z-index: 999;
}

input, select {
	border-radius: 5px;
	border: 1px solid #ccc;
	margin: 5px;
	padding: 5px;
	background-color: transparent;
	color: #666;
	max-width: 100%;
}
.input-mini {
	width: 50px;
	max-width: 100%;
}
.input-small {
	width: 80px;
	max-width: 100%;
}
.input-medium {
	width: 11.4rem;
	max-width: 100%;
}
.input-large {
	width: 300px;
	max-width: 100%;
}
.input-xlarge {
	width: 500px;
	max-width: 100%;
}
.input-xxlarge {
	width: 800px;
	max-width: 100%;
}


.preorder-table .input-medium {
	width: 100%;
	background-color: transparent;
	border: 1px solid #666;
	color: #666;
}

.preorder-table .btn {
	color: #666;
	background-color: #fff;
}

.preorder-table .btn:hover {
	background-color: #ddd;
}

.preorder-table input[placeholder], .preorder-table [placeholder], .preorder-table *[placeholder] {
	color: #666;
}



.heading-menu {
	padding: 30px 0;
	position: absolute;
	z-index: 999;
	width: 100%;
}

.top-menu {
	margin: 0;
	padding: 0;
}
.top-menu li {
	background: url(<?=$cur_tmpl?>images/icon.png) left center no-repeat;
	padding-left: 2.85rem;
	margin-left: 1rem;
	margin-right: 1rem;
	line-height: 30px;
	list-style: none;
	display: inline-block;
}

.top-menu a {
	text-decoration: none;
	color: #eee;
	font-weight: bold;
}

.top-menu a:hover, .top-menu a:focus {
	text-decoration: underline;
	color: #fff;
}

.video { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
#top_video { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.video2 { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden; 
	max-width: 100%; 
} 
#top_video2 { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

#fb_link {
	position: absolute; 
	right: 50px; 
	top: 35px;
}

.show_contact {
	position: fixed;
	top: 100px;
	width: 100%;
	z-index: 999;
}


.show_contact .container {
	background-color: #fff;
	box-shadow: 10px 10px 4.3rem #555;
	/*display: inline-block;*/
	height: auto;
	max-width: 600px;
	min-height: 100px;
	vertical-align: middle;
	width: 60%;
	position: relative;
	border-radius: 8px;
	padding: 1rem 2%;
}

.switch_popup {
	color: #fff;
	display: none;
	float: right;
	cursor: pointer;
}

.modal.in .modal-dialog {
	background: initial;
	padding: 0;
}

#main-content {
	/*padding-top: 130px;*/
}

.link_pos {
	position: absolute;
	display: block;
	/*border: 1px solid #000;*/
	text-indent: -9999px;
	white-space: nowrap;
	line-height: 0;
}

.link_pos:hover {
	border: 2px solid #2196F3;
}

.home-menu li br{
	display: none;
}
#brand-menu {
	z-index: 10;
    background-color: #fff;
    position: sticky;
    top: 0;
    padding: 1.4rem 0;
}

.photo img {
	max-width: 100%;
	width: 600px;
}

.form .customSelect .selectArea, .modifyForm .customSelect .selectArea {
	width: 192px;
	height: 1.7rem;
	background: url(<?=$cur_tmpl?>images/selet_1.gif) no-repeat;
	font-size: 1rem;
	line-height: 1.7rem;
	padding: 0 1.4rem 0 10px;
	cursor: pointer;
	margin-right: 2px;
	float: left;
}

.form .customSelect2 .selectArea, .modifyForm .customSelect2 .selectArea {
	width: 50px;
	height: 1.7rem;
	background: url(<?=$cur_tmpl?>images/selet2.gif) no-repeat;
	font-size: 1rem;
	line-height: 1.7rem;
	padding: 0 1.4rem 0 10px;
	cursor: pointer;
	float: left;
	margin-right: 10px;
}
.customSelect .abs, .customSelect2 .abs {
	position: absolute;
	top: 1.7rem;
}
.flexcrollactive {
	z-index: 999;
}
.scrollbar {
	overflow-x: hidden !important;
	overflow-y: auto !important;
	background-color: #fff;
	width: 21.4rem;
	height: 190px;
	overflow: auto;
	border: 1px solid #D5D5D5;
	display: none;
}

.scrollbar ul {
	width: 14.3rem;
	display: block;
	position: relative;
	top: 0;
}
.scrollbar li {
	width: 21.4rem;
	list-style: none;
}
.scrollbar li a {
	font-size: 12px;
	width: 14.3rem;
	background: #FFFFFF;
	line-height: 1.7rem;
	padding: 5px 0 5px 10px;
	display: block;
	line-height: 1.4rem;
}
.home-menu2 .item {
	position: relative;
	margin: 0 0 0 1rem;
	align-content: center;
}
.home-menu2 .item img {
	height: 1.4rem;
	cursor: pointer;
}

#system-message .alert, #system-message .message {
	font-weight: 500;
	background-color: #999;
	border: 0;
	margin: 5px;
	font-size: 120%;
}
#system-message .error {
	font-weight: 500;
	background-color: #ffcccc;
	border: 0;
	margin: 5px;
	font-size: 120%;
}

#system-message ul li {
	list-style: none;
}

.radio_div {
	float: left;
	margin: 5px 1.4rem 5px 5px;
	padding: 5px;
}
.cart_products img:hover, .thumbList img:hover{
	opacity: 0.8;
}
.basketTitle, .member-title {
	font-size: 1.4rem;
	margin: 1.4rem 0;
}
.total span {
	font-size: 150%;
	color: #f00;
	font-weight: 500;
}

.cartBtn:hover{
	border: 2px solid #000;
}

.cartBtn{
	width: 100%;
	border: 1px solid #999;
	display: block;
	padding: 8px;
	text-align: center;
	margin-top: 10px;
	color: #000;
	border-radius: 5px;
}

.nav-tabs {
	background-color: #eee;
	/*border-top: 1px solid #999;*/
	/*border-bottom: 1px solid #999;*/
}
.nav-tabs>li {
	width: 33.33%;
	text-align: center;
	margin-bottom: -3px;
    margin-top: 3px;
	border-radius: 0;
}
.nav-tabs>li>a {
	border-radius: 0;
}
.nav-tabs>li:nth-child(1) {
	/*margin-left: 20%;*/
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border: 0;
}
.tab-content{
	padding: 1.4rem;
}
#cart_step {
	padding: 2.85rem 20% 0;
	margin: 0 auto;
	display: table;
}
#cart_step div {
	float: left;
}
#cart_step div.step_num  {
	width: 30px;
}
#cart_step div.step_name {
	color: #000;
	width: 25%;
	text-align: center;
}
#cart_step div.step_num .circle {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #ccc;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	margin: auto;
}
#cart_step div.step_num.active .circle {
	background-color: #f77b23;
}
#cart_step div.step_line {
	display: list-item;
	width: 100px;
	list-style: none;
	height: 30px;
}

.featured-images { 
	position: relative; 
	color: #666666; 
	padding: 0 10px 0 30px; 
} 

.featured-images span { 
	color: #666666; 
	background: white; 
	padding: 0 10px; 
} 

.featured-images:after { 
	content: ''; 
	position: absolute; 
	width: 100%; 
	height: 2px; 
	background: #666666; 
	left: 0; 
	top: 50%; 
	transform: translateY(-50%); 
	z-index: -1; 
}

#cart_step_name {
	padding: 5px 15% 2.85rem;
	margin: 0 auto;
	display: table;
}
.step_name {
	display: table-cell;
	text-align: center;
	padding: 1.4rem;
	width: 130px;
}

.cart_header {
	background-color: #eee;
	padding: 10px;
	color: #000;
}
#login_div {
	max-width: 500px;
	margin: auto;
	border: 1px solid #ccc;
}
.burgar_btn {
	float:left; 
	margin-left:1.4rem; 
	margin-right:1.4rem; 
	font-size: 30px;
	line-height: 70px;
	display: none;
}
.tableHeader {
	background-color: #ddd;
    font-weight: 500;
    padding: 10px;
}
.tableRow {
	padding: 10px;
	font-weight: 500;
	border-top: 1px dotted #999;
	background-color: #eee;
}
.tableRow:first-child {
	border-top: 0;
}
.infoRow {
	padding: 10px;
}
.orderInfo {
    padding: 10px;
	font-weight: 500;
}
.infoTotal {
	color: red;
	font-size: 110%;
}
#fb_msg {
	display: none;
	width: 302px;
	height: 300px;
    position: absolute;
    right: 0;
}
#fb_msg.fb_msg-show {
	display: block;
}
#login_div .btn{
	width: 100%;
}
#fb_login_btn {
    background-color: #fff;
    color: #1877f2;
    border-color: #1877f2;
}
#line_login_btn {
    background-color: #fff;
    color: #06C755;
    border-color: #06C755;
}
.member-zone-title {
	text-align: center;
    font-weight: 500;
    padding: 1.4rem;
}

.fa, .fas {
    font-weight: 100;
    font-size: 1.4rem;
    font-family: FontAwesome;
}
.photo-new {
	position: absolute;
    left: 0;
    top: 0;
    width: 20%;
}
.photo-prebuy {
	position: absolute;
    left: 20%;
    top: 0;
    width: 20%;
}
#ico-hamburger {
	width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
}
#ico-hamburger path{
	fill: none;
    stroke-width: 4px;
    stroke: currentColor;
    stroke-linecap: miter;
    stroke-linejoin: miter;
}

.modal-dialog {
    top: 100px;
}

#home h2 {
	color: rgb(172, 175, 175);
	letter-spacing: 0.6rem;
	font-size: 36px;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 400;
	margin: 80px 0 50px 0;
}
#home h3 {
	color: #EB9578;
	letter-spacing: 0.3rem;
	line-height: 1.5rem;
	text-align: left;
	font-weight: 400;
	margin: 1.4rem;
}
#home p {
	margin: 1.4rem;
}
.home-circle {
	font-size: 2.5rem;
    line-height: 4rem;
	text-align: center;
	background-color: #eee;
	border-radius: 50%;
	height: 11.4rem;
	width: 11.4rem;
	float: left;
	margin: 2.6rem 1rem 2.6rem 1rem;
	padding: 1.4rem;
}
.home-circle span {
	color: #EB9578;
	font-weight: 500;
	vertical-align: middle;
	height: 11.4rem;
	width: 11.4rem;
	display: table-cell;
}
.home-text {
	color: #6C797F;
	font-size: 1.3rem;
	letter-spacing: 0.15rem;
	line-height: 3rem;
	height: 11.4rem;
	display: inline-block;
	margin: 2.85rem 0 2.85rem 0;
	padding: 2rem 0 0 0;
}
.add_pdt_btn {
	border-color: rgb(199, 199, 199);
	   border-radius: 8px;
	color: rgb(235, 149, 120);
	background-color: rgb(255, 255, 255);
	border-width: 1px;
	text-align: center;
	line-height: 1.5;
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 1rem;
	border-style: solid;
	padding: 8px 1.15rem;
}
.photo img.photo-new {
	position: absolute;
	left: 0;
	top: 0;
	width: 20%;
	height: auto;
}
#home .photo-new {
	left: 1rem;
	top: 1rem;
    width: auto;
    height: 3rem;
}
.product-div {
	padding: 1rem;
}
.product-div .photo {
	width: 100%;
    /* aspect-ratio: 1/1; */
    overflow: hidden;
	height: auto;
}
.product-show-name {
	margin: 10px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.product_title {
	font-size: 1.15rem;
	font-weight: 500;
}
.product-div span.price {
	font-size: 90%;
	letter-spacing: normal;
}
.product-div span.price span {
	font-size: 90%;
	text-decoration: line-through;
	margin-right: 10px;
	color: #aaa;
	letter-spacing: normal;
}
.pagination {
	display: block;
}
.pagination ul {
	text-align: center;
	padding: 0;
}
.pagination ul li{
	display: inline-block;
	list-style: none;
	margin: 0 1.4rem;
}
.qa-title {
	color: #646464;
	letter-spacing: 0.15rem;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: left;
	margin-top: 2.85rem;
	cursor: pointer;
}
.qa-body {
	display: none;
}
.qa-table {
	width: 100%;
    font-size: 1.3rem;
    table-layout: fixed;
    margin: 30px 0;
    background-color: #eee;
	border: 2px solid #fff;
}
.qa-table th, .qa-table td{
	text-align: center;
	padding: 30px;
}
.qa-table .row1 {
	border-bottom: 2px solid #fff;
	background-color: #aaa;
    color: #fff;
}
.qa-table .row2 {
	border-bottom: 2px solid #fff;
	background-color: #ccc;
    color: #000;
}
.qa-table .row3 {
	background-color: #eee;
    color: #000;
}

#main-content {
	margin-bottom: 60px;
}
#link .row {
	margin-bottom: 80px;
}
#link .line {
	text-decoration: line-through;
    color: #ddd;
	padding: 0;
	line-height: 0;
}
#link h2, #about h2, #terms h2 {
	color: rgb(172, 175, 175);
	letter-spacing: 0.6rem;
	font-size: 36px;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 400;
}
#link h3 {
	color: #C09B66;
	letter-spacing: 0.15rem;
	font-size: 1.4rem;
	line-height: 1.5rem;
	text-align: left;
	font-weight: 400;
	margin: 10px 1.4rem;
}
#link h3 a {
	color: #C09B66;
}
#link .download-link a{
	color: #C09B62;
	letter-spacing: 0.15rem;
	/*font-size: 1.4rem;*/
	line-height: 2.85rem;
	text-align: left;
	font-weight: 400;
	/*margin: 1.4rem;*/
}
#link p {
	margin: 1.4rem;
	letter-spacing: 0.15rem;
	font-size: 1rem;
}
#link .video-box {
	width: 100%; 
	aspect-ratio: 16 / 9;
}
#link .link-btn {
	border-radius: 50px;
    background: #6B6B6A;
    color: #fff;
    padding: 5px 10px;
	line-height: 2rem;
}
#link .link-btn:hover {
    background: #000;
}
#terms .highlight {
	font-weight: 500;
	color: #ED9575;
}

#about h2 span{
	letter-spacing: 0.05rem;
}
#burgar-menu {
	display: none;
	padding-bottom: 50px;
}
#burgar-menu.burgar_btn-show {
	display: block;
}
#main-content iframe {
	max-width: 100%;
	aspect-ratio: 16/9;
    height: auto;
	border: 0;
}

footer {
	border: 0;
	padding: 50px 0 0 0;
}

footer h2 {
	color: rgb(172, 175, 175);
	letter-spacing: 0.6rem;
	font-size: 36px;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 400;
}
.footer-contact {
	display: flex;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	justify-content: space-between;
	padding: 5px;
	margin: 0 0 10px 0;
}
.contact-logo {
	display: flex;
	justify-content: left;
	align-items: center;
}
.contact-img {
	height: 65px;
	margin: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-text {
	margin: 5px 10px;
	color: #6C797F;
	font-size: 1.3rem;
	letter-spacing: 0.15rem;
}
.contact-link {
	margin: 5px;
	display: flex;
	justify-content: right;
	align-items: center;
}
.contact-btn {
	transition: all 0.2s ease, visibility 0s;
	padding: 3px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0);
	border: 1.5px solid rgb(235, 149, 120);
	font-size: 1.15rem;
	letter-spacing: 0.05rem;
	text-shadow: none;
	color: #EB9578;
	padding: 5px 1.4rem;
}
.contact-btn a {
	display: block;
	color: #EB9578;
}
.social-icon {
	margin: 5px;
	display: flex;
	justify-content: right;
	align-items: center;
}
.footer-menu {
	display: flex;
	margin: 50px 0;
}
.footer-menu > div{
	flex: auto;
    display: block;
}
.footer-menu div:last-child{
	border-right: 0;
}
.footer-menu div a {
	color: #6C797F;
	font-size: 1.3rem;
	letter-spacing: 0.35rem;
}
.copyright {
	background-color: rgb(36, 35, 35);
	color: #fff;
	font-size: 12px;
}
.download-link {
	/*margin: 1.4rem;*/
}
.pagination ul li.pagination-start, .pagination ul li.pagination-end {
	display: none;
}
.pagination {
	margin-top: 80px;
	font-size: 0.8rem;
}
.loading {
	
}
.colorRed {
	color: red;
}

.blog-section,  .article-section{
	margin: 80px 0 50px 0;
}

#blog .items-row {
	margin-bottom: 50px;
}

#blog .page-header, #article .page-header {
	padding: 0;
    margin: 10px 0;
    border: 0;
}
#blog .page-header h2 {
	color: #C09B66;
    letter-spacing: 0.15rem;
    font-size: 1.4rem;
    line-height: 1.5rem;
    text-align: left;
    font-weight: 400;
}
#blog .item a {
	color: #C09B66;
}
#article h2 {
	color: rgb(130 130 130);
    letter-spacing: 0.2rem;
    font-size: 36px;
	font-weight: 400;
}
#article h3 {
	letter-spacing: 0.2rem;
    font-size: 1.7rem;
    font-weight: 400;
    color: #C09B66;
    margin-bottom: 1.4rem;
}
#article p {
	font-size: 1rem;
}
#article p iframe {
	max-width: 100%;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
#article p a{
	color: #019c78;
}
#article rem {
	font-size: 80%;
    padding-bottom: 30px;
    display: block;
}
/* Media queries */
.blog_data_info .ftg {
    float: left;
    margin-right: 5px;
}


#mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	display: none;
}

#news_bar {
	color: #fff;
	background-color: #eb9575;
	text-align: center;
	padding: 5px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-size: 90%;
}

.video-box iframe {
	aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

span.pagenav {
	font-weight: 600;
    border: 1px solid #000;
    padding: 5px;
}

.product-memo {
	border: 1px solid #666;
	/*background-color: rgb(244, 241, 242); */
	padding: 70px 100px;  
	margin: 50px 0;
}

.product-memo-title {
	position: absolute; 
	top: 55px; 
	width: calc(100% - 14.3rem);
}

.top-logo {
	margin-top: 1.4rem;
	margin-bottom: 10px;
	width: 100%;
}
.top-logo img{
	width: 130px;
}
.brand-logo {
	text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
#brand p {
	margin-bottom: 30px;
} 

#contact-div {
	width: 30%;
}
.footer-menu>div {
	padding: 1.4rem;
}
.footer-menu .contact {
	margin-top: 50px; 
	font-size: 1rem;
	color: #999;
}
.footer-menu .contact div{
	padding-right: 10px;
    display: inline-table;
}
.footer-menu .contact div img{
	width: 1.4rem;
}
.footer-menu .contact div, .footer-menu .contact div a {
	font-size: 1rem;
    letter-spacing: 0.2rem;
}

.photo {
	position: relative;
}

.photo .cart-div {
	bottom: 0;
	position: absolute;
	display: none;
}

.photo .cart-div .add_pdt_btn{
	border: 0;
	background: transparent;
}

.product_link p{
	/*
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;*/
}
.product_link:hover {
	font-weight: bold;
	text-decoration: underline;
}
span.price {
	font-size: 95%;
	letter-spacing: normal;
}
span.price span {
	text-decoration: line-through;
	font-size: 90%;
	margin-left: 5px;
	color: #ccc;
	letter-spacing: normal;
}
.product-div {
	aspect-ratio: 1/1.3;
	margin: 50px 0;
}
#pos01 {
	top: 40%;
	right: 10%;
}
#pos02 {
	top: 40%;
	width: 100%;
}
#pos03 {
	top: 40%;
	left: 10%;
}
.feature-text {
	color: #646464;
	letter-spacing: 0.15rem;
	font-size: 1.4rem;
	text-align: center;
	position: absolute;
	font-weight: 500;
}

html{
	font-size: 1rem;
}
.rwdtxt {
	font-size: 1.2rem;
	color:green;
}
.sub-title {
	color: #EB9578;
	letter-spacing: 0.6rem;
	font-size: 36px;
	line-height: 1.5rem;
	text-align: center;
	font-weight: 400;
}
.product-div span.price {
	font-size: 110%;
	color: #039aca;
	letter-spacing: normal;
}


#subscribe-pc .subscribe-btn {
	height: 30px;
	cursor: pointer;
}
#subscribe-mobile .subscribe-btn {
	width: 30px;
	cursor: pointer;
}
#keyword {
	display: none;
	padding-left: 1.4rem;
	border-radius: 17px;
}
#subscribe-pc{
	display: block;
}
#subscribe-mobile{
	display: none;
}

.social-icon ul li {
    list-style: none;
}

.home-menu li#menu-share{
	margin-left: 90px;
}

#sub_price {
	font-weight: 500;
	font-size: 150%;
	color: #039aca;
	letter-spacing: normal;
}
.price span {
	font-weight: 300;
	text-decoration: line-through;
	font-size: 80%;
	margin-left: 5px;
	color: #ccc;
	letter-spacing: normal;
}
.inputNumber {
	font-weight: 500;
	display: flex;
}
.add_buy_title {
	text-indent: initial !important;
	background: initial !important;
}
.photo {
	position: relative;
}

.photo .cart-div {
	bottom: 0;
	position: absolute;
	display: none;
}

.photo .cart-div .add_pdt_btn{
	border: 0;
	background: transparent;
}


.product_link p{
	/*
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;*/
}
.product_link:hover {
	font-weight: bold;
	text-decoration: underline;
}
span.price {
	font-size: 95%;
	letter-spacing: normal;
}
span.price span {
	text-decoration: line-through;
	font-size: 90%;
	margin-left: 5px;
	color: #ccc;
	letter-spacing: normal;
}
.product-div {
	aspect-ratio: 1/1.3;
}
.post-info {
	padding: 0;
	font-size: 1rem;
}
.post-info h2 {
	font-size: 1.6rem;
	margin: 0;
}
.post-info h2 span#subtitle {
	font-size: 65%;
	font-weight: 400;
}
.post-info h2 span#product-code {
	font-size: 45%;
	font-weight: 300;
}
.product-div span.price {
	font-size: 110%;
	color: #039aca;
	letter-spacing: normal;
}
.post-content p{
	font-size: 1rem;
	font-weight: 500;
}
.spec_box {
	display: block;
	border: 1px solid #999;
	float: left;
	margin-right: 10px;
	padding: 5px 10px;
	cursor: pointer;
}
.cartBtn {
	border-radius: 0;
	background-color: #999; 
	color: #fff; 
	padding: 4px;
}
.cartBtn:hover{
	border-width: 1px;
	color: #fff;
}
.switch_pdt:hover {
	border-color: #000;
	background-color: #eee;
}

.spec_box.cur {
	background-color: #eee;
	border-color: #000;
}
.spec_box.disable {
	border-color: #ccc;
	color: #ccc;
	cursor: default;
}
.photo-discount {
	height: 1.7rem;
}
.qty-set {
	height: 1.6rem;
    width: 1.6rem;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 1rem;
    line-height: 1rem;
    border-radius: 1.15rem;
    color: #ccc;
    margin: 5px;
    background-color: #fff;
}
.qty-set:hover {
	border: 1px solid #000;
	color: #000;
}
.desc-zone {
	padding-top: 80px;
}
#buy-div {
	display: none;
}
.link-div {
	margin-top: 2.85rem;
}
.link-btn {
	width: 100%;
	border: 1px solid #999;
	display: block;
	padding: 4px;
	text-align: center;
	margin-top: 10px;
	color: #999;
	border-radius: 1rem;
	cursor: pointer;
}

#cartlink img {
	height: 1.4rem;
	margin-right: 10px;
	vertical-align: sub;
}


@media(min-width:768px) {

    .intro {
        height: 100%;
        padding: 0;
    }

    .brand-heading {
        font-size: 100px;
    }
	
    .intro-text {
        font-size: 25px;
    }

	.modal-dialog {
		right: auto;
		left: auto;
	}

	#popup-modal .modal-dialog {
		width: 400px;
	}
	.brand-menu li {
		max-width: 150px;
	}

}

@media (min-width: 1200px) {
	.mobile_show {
		display: none;
	}
	.full-gif {
		/*width: 100%;*/
		height: 550px;
		float: right;
	}
	.video2 {
		position: relative;
		padding-bottom: 50.5%;
		height: 0;
		overflow: hidden;
		width: 90%;
		float: right;
	}
	.container {
		width: 1009px;
	}
	.rwdtxt {
		font-size: 1.3rem;
		color:red;
	}

}

@media (min-width: 1720px) {
	html {
		font-size: 1.6rem;
	}
	.container {
		width: 1720px;
	}
	#top-bar {
		padding-top: 30px;
	}
	.top-logo img {
		width: 180px;
	}
	.home-menu2 .item img {
		height: 30px;
	}
	.home-menu2 .item {
		margin: 0 0 0 32px;
	}
	#cart_count {
		bottom: -10px;
		width: 28px;
		line-height: 28px;
		height: 28px;
		font-size: 24px;
	}
	.home-menu, .home-menu2, .brand-menu {
		font-size: 0.9rem;
	}
	.home-menu li, .home-menu2 li {
		margin: 0 0 0 3rem;
	}
	.home-menu li#menu-share{
		margin-left: 8rem;
	}
	.home-menu {
		line-height: 100px;
	}
	.brand-logo img{
		height: 70px;
	}
	#brand-menu {
		padding: 1.5rem 0;
	}
	#brand-menu img {
		height: 70px;
	}
	.product_title {
		font-size: 1rem;
	}
	.product-show-name{
		font-size: 1rem;
	}

	footer h3 {
		margin-top: 50px;
		font-size: 1.4rem;
	}
	.footer-menu .contact div img {
		width: 30px;
	}
	.footer-menu .contact div, .footer-menu .contact div a {
		font-size: 0.8rem;
	}
	.footer-menu div a {
		font-size: 0.8rem;
	}
	footer p {
		margin: 0;
		line-height: 2rem;
	}
	#subscribe-pc .subscribe-btn {
		height: 50px;
	}
	#cartlink img {
		height: 1.1rem;
	}
	.link-btn {
		border-radius: 1rem;
		font-weight: 300;
		margin-top: 1rem;
	}
	.desc_body p{
		font-size: 0.8rem;
	}
	.spec_box {
		font-size: 0.8rem;
	}
	.inputNumber #qty {
		font-size: 0.8rem;
	}
	.photo-discount {
		height: 1.5rem;
	}
	#buyConfirm p {
		letter-spacing: 0.1rem;
		font-size: 0.8rem;
	}
	.count p {
		font-size: 0.8rem;
	}
	#cart_step div.step_line {
		width: 290px;
	}
	#cart_step_name {
		font-size: 0.8rem;
		padding: 5px 10% 20px;
	}
	.step_name {
		padding: 20px;
		width: 350px;
	}
	#login_div {
		max-width: 800px;
	}
}

@media (min-width: 600px) and (max-width: 1200px) {
	.rwdtxt {
		font-size: calc(1.2rem + (1.3-1.2) * ((100vw - 600px) / (1200 - 600)));
		color:blue;
	}
}

@media (max-width: 1200px) {
	.pc_show {
		display: none;
	}

	#mobile_cat {
		bottom: 0px;
		left: -50px;
		width: 70%;
		z-index: 10;
	}

	.mobile_show .full-gif {
		width: 100%;
		height: auto;
	}
	.mobile_show.qa-table th{
		word-break: keep-all;
	}
	#contact-div {
		width: auto;
	}
}


@media (max-width: 991px) {
	.section-content2 .bottom_text {
		padding-top: 100px;
	}
		
	.section-content3 .bottom_text {
		padding-top: 50px;
	}
	
	#home_story {
		padding-left: 0; 
		margin-left: 0;
	}

	.top-menu li.h_menu {
		/*display:none;*/
	}

	.home-menu li, .home-menu2 li {
		padding-left: 0;
		margin: 0 8px 0 8px;
	}

	.home-circle {
		margin: 1.2rem 0;
	}
	.home-text {
		margin: 0;
        padding: 0;
        width: 100%;
	}
	.home-menu {
		display: none;
	}
	.burgar_btn {
		display: block;
		position: absolute;
    	/*top: -75px;*/
	}
	.home-menu2 {
		width: 100%;
	}
	.home-menu2 .search{
		width: 80%;
		margin: 0 10% 0 20%;
	}
	.home-menu2 .search #keyword{
		display: inline-block;
		width: 100%;
	}
	.home-menu2 .search img{
		position: absolute;
		top: 1rem;
		right: 1rem;
	}
	.home-menu2 .member{
		position: absolute;
		top: -4.3rem;
        right: 4.3rem;
	}
	.home-menu2 .cart{
		position: absolute;
		top: -4.3rem;
        right: 1.4rem;
	}
	.top-logo {
	}
	#subscribe-pc{
		display: none;
	}
	#subscribe-mobile{
		position: fixed;
        bottom: 100px;
        display: block;
        right: 0;
		z-index: 1;
	}
	.social-icon {
		justify-content: center;
	}
	.top-logo {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.top-logo img {
		height: 4.3rem;
		width: auto;
	}
	
}

@media (max-width: 768px) {
	.home-circle {
		font-size: 1.5rem;
		line-height: 2rem;
		height: 8rem;
		width: 8rem;
		margin: 1rem 1rem 1rem 0;
		padding: 2rem;
	}
	.home-text {
		width: auto;
		font-size: 1.1rem;
		line-height: 2rem;
		height: 8rem;
		padding: 1.5rem 0;
		margin: 1.5rem 0;
	}

	.team.boxed-grey {
		margin-bottom: 30px;
	}
	
	.boxed-grey {
		margin-bottom: 30px;
	}
	.intro .slogan {
		padding:100px 0 4.3rem;
	}
	.swiper-button-prev, .swiper-button-next {
		display: none;
	}
	#gif_pic{
		width: 100%; 
	}
	.contact-table {
		width: 100%;
	}
	.product_name {
		margin: 0 30px;
		width: auto;
	}
	
	.product_memo {
		margin: 1.4rem 2.85rem;
	}

	.icon-image{
		width: 80%;
	}
	.home-06 p {
		font-size: 90%;
	}
	.commend-text {
		padding: 6px 1.4rem 0 10px;
	}
	.commend-head {
		left: 1.4rem;
	}
	.home-09 p{
		line-height: 180%;
		font-size: 1.15rem;
		text-shadow: #999 0.1rem 0.1rem 0.2rem;
	}

	#cart_step div.step_line {
		width: 4.3rem;
	}

	.footer-menu {
		display: block;
	}
	.footer-menu div {
		border: 0;
	}

	#shop-feature .col-sm-4 {
		padding: 1.4rem 50px;
	}
	#brand-menu div {
		text-align: center;
	}
	.brand-menu li {
		text-align: center;
	}
}

@media (max-width: 648px) {
	.full-text{
		width: 90%;
	}
	.full-text1, .full-text2{
		width: 100%;
	}
	.full-text2 ul, .full-text2 ol {
		padding-left: 30px;
	}
	.product_name span{
		margin-left: 0;
	}

	.top-menu li {
		padding-left: 30px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.top-menu li {
		background: none;
		padding-left: 0;
	}

	.nav-tabs>li {
		width: 30%;
	}
	.nav-tabs>li:nth-child(1) {
		margin-left: 5%;
	}
	.pagination ul li {
		margin: 0 10px;
	}
	#contact-title {
		font-size: 30px;
	}
	.contact-link {
		display: none;
	}

	#link h2, #about h2, #terms h2 {
		letter-spacing: 0.3rem;
	}
	.download-link img{
		width: 50px;
	}

	#home h2 {
		letter-spacing: 0.3rem;
	}

	.product-memo {
		padding: 70px 50px;  
	}

	.product-memo-title {
		width: calc(100% - 100px);
	}
	
}

@media (max-width: 480px) {
	.intro .slogan {
		padding:170px 0 4.3rem;
	}
	.logo {
		padding: 10px;
	}
	#brand_top_img img {
		width: 100%;
	}
	.sl-close {
		display: none !important;
	}
	.full-text, .full-text1, .full-text2{
		width: 100%;
	}
	
	.heading-menu {
		padding: 10px 0;
	}

	#fb_link {
		right: 2.85rem;
		top: 1rem;
	}

	.top-menu li {
		background: none;
		padding-left: 0;
		margin-left: 5px;
		margin-right: 5px;
	}

	#cart_step {
		padding: 2.85rem 0 0;
	}
	#cart_step_name {
		padding: 5px 0 2.85rem;
	}

	
}