@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&family=Noto+Serif+TC&display=swap');
/* CSS Document */

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

border: 0;
font-size: 100%;
font-family: "Noto Serif TC",sans-serif,"Corinthia", cursive,Arial,微軟正黑體,Microsoft JhengHei,新細明體;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
html{height:100%;}
body{line-height:1; height:100%;}
ol, ul{list-style:none; padding-left:0;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content: none;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:super;}

img{max-width:100%; max-height:100%;}

a{color:#000; text-decoration:none; display:block;}

input{outline:none!important;}
button:focus{outline:none!important;}

*{outline:none; -webkit-tap-highlight-color:transparent;}
*, *::before, *::after{
	-webkit-box-sizing:border-box;
    box-sizing: border-box;
	}

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-investor-01:before {
  content: "\e95c";
}
.icon-investor-02:before {
  content: "\e957";
}
.icon-investor-03:before {
  content: "\e958";
}
.icon-investor-04:before {
  content: "\e959";
}
.icon-share:before {
  content: "\e956";
}
.icon-download2:before {
  content: "\e955";
}
.icon-discount:before {
  content: "\e953";
}
.icon-vip-rights:before {
  content: "\e954";
}
.icon-speaker:before {
  content: "\e952";
}
.icon-arrow-right4:before {
  content: "\e950";
}
.icon-arrow-left4:before {
  content: "\e951";
}
.icon-open2:before {
  content: "\e949";
}
.icon-store01:before {
  content: "\e94c";
}
.icon-store02:before {
  content: "\e94d";
}
.icon-store03:before {
  content: "\e94e";
}
.icon-store04:before {
  content: "\e94f";
}
.icon-review:before {
  content: "\e948";
}
.icon-logout:before {
  content: "\e947";
}
.icon-application:before {
  content: "\e945";
}
.icon-club:before {
  content: "\e946";
}
.icon-logout2:before {
  content: "\e94a";
}
.icon-overview:before {
  content: "\e94b";
}
.icon-refresh:before {
  content: "\e942";
}
.icon-password-show:before {
  content: "\e943";
}
.icon-password-hide:before {
  content: "\e944";
}
.icon-article:before {
  content: "\e93f";
}
.icon-certify:before {
  content: "\e940";
}
.icon-community:before {
  content: "\e941";
}
.icon-member:before {
  content: "\e93e";
}
.icon-delete:before {
  content: "\e93d";
}
.icon-arrow-left3:before {
  content: "\e93a";
}
.icon-arrow-right3:before {
  content: "\e93b";
}
.icon-sharing-search:before {
  content: "\e935";
}
.icon-route-search:before {
  content: "\e936";
}
.icon-upload-font:before {
  content: "\e937";
}
.icon-activity-01:before {
  content: "\e930";
}
.icon-leave-confirm:before {
  content: "\e938";
}
.icon-activity-02:before {
  content: "\e931";
}
.icon-activity-03:before {
  content: "\e932";
}
.icon-activity-04:before {
  content: "\e933";
}
.icon-activity-05:before {
  content: "\e934";
}
.icon-slide-up:before {
  content: "\e92f";
}
.icon-slide-down:before {
  content: "\e939";
}
.icon-arrow-left2:before {
  content: "\e93c";
}
.icon-arrow-right2:before {
  content: "\e900";
}
.icon-checked:before {
  content: "\e901";
}
.icon-contact:before {
  content: "\e902";
}
.icon-date:before {
  content: "\e903";
}
.icon-download:before {
  content: "\e904";
}
.icon-edit:before {
  content: "\e905";
}

.icon-filter:before {
  content: "\e907";
}
.icon-gpx:before {
  content: "\e908";
}


.icon-info:before {
  content: "\e90b";
}
.icon-info2:before {
  content: "\e90c";
}

.icon-link:before {
  content: "\e90e";
}
.icon-list:before {
  content: "\e90f";
}
.icon-login:before {
  content: "\e910";
}
.icon-mountain-number:before {
  content: "\e911";
}
.icon-mountain-search:before {
  content: "\e912";
}
.icon-open:before {
  content: "\e913";
}
.icon-page-first:before {
  content: "\e914";
}
.icon-page-last:before {
  content: "\e915";
}
.icon-page-next:before {
  content: "\e916";
}
.icon-page-prev:before {
  content: "\e917";
}
.icon-position:before {
  content: "\e918";
}
.icon-rank:before {
  content: "\e919";
}
.icon-search:before {
  content: "\e91a";
}
.icon-sharing:before {
  content: "\e91b";
}
.icon-situation:before {
  content: "\e91c";
}
.icon-star:before {
  content: "\e91d";
}
.icon-thumbtack:before {
  content: "\e91e";
}
.icon-time:before {
  content: "\e91f";
}
.icon-total-height:before {
  content: "\e920";
}
.icon-total-mountain:before {
  content: "\e921";
}
.icon-trophy:before {
  content: "\e922";
}
.icon-trophy2:before {
  content: "\e923";
}
.icon-twitter:before {
  content: "\e924";
}
.icon-upload-img:before {
  content: "\e925";
}
.icon-views:before {
  content: "\e926";
}
.icon-activities:before {
  content: "\e928";
}
.icon-add-member:before {
  content: "\e929";
}
.icon-altitude:before {
  content: "\e92a";
}
.icon-apply:before {
  content: "\e92b";
}
.icon-approval:before {
  content: "\e92c";
}
.icon-arrow-left:before {
  content: "\e92d";
}
.icon-arrow-right:before {
  content: "\e92e";
}

html body .main-wrapper{width:100%; overflow:hidden;}

img{max-width:100%!important; height:auto;}

.item img, .img img{width:100%;}

.b-lazy{
	-webkit-transition:opacity 500ms ease-in-out;
    -o-transition:opacity 500ms ease-in-out;
    transition:opacity 500ms ease-in-out;
    max-width:100%;
    opacity:0;
	}

.b-lazy.b-loaded{opacity:1;}

/*home-section1*/
.home .section1{background-color:#000;}

/*header選單*/
.background{background-image: url("../img/slider/max/s1.jpg")}

.breadcrumb-wrap {
    width:100%;
	padding-bottom:50px;
	justify-content:space-between;
    flex-direction:row-reverse;
    align-items:center;
	}

.breadcrumb-wrap h1{width:50%}

.breadcrumb{
	width:50%;
	display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
	}

.breadcrumb li a{position:relative; color:#7e7e7e;}

.breadcrumb a span, .breadcrumb span{
    font-size:14px;
    font-weight:600;
    color:#7e7e7e;
    transition:all 0.4s ease;
    text-transform:uppercase;
	}

.breadcrumb li a::after{
    content:">";
    padding-right:10px;
    padding-left:10px;
    color:#ccc;
	}

.breadcrumb a:hover span{color:#e3d0c4;}

.toggle-btn {
    background: #fff7ef;
    color: #9e4b47;
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 0;
    font-size: 23px;
}
#scrollUp{
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 21px;
    right: 50px;
    bottom: 77px;
    text-align: center;
}

#scrollUp:hover{bottom: 80px;}

.main{
	background-color: #fff;
	position: relative;
	width:1920px;
}

.in-ab{position:relative;}

.in-ab h3{
	color:#283B51;
	font-family: "微軟正黑體";
	letter-spacing: 1px;
	padding-left: 100px;
	padding-right: 50px;
	padding-top:50px;
	font-size: 50px;
	font-weight:800;
}
.in-ab h4{
	color:#F55604;
	font-family: "微軟正黑體";
	letter-spacing: 1px;
	line-height: 50px;
	padding-left: 100px;
	padding-right: 50px;
	font-size:25px;
	font-weight:600;
}

.in-ab-left{background-color:#D6DDDB; width:70%; height:500px;}

.in-ab-left span{
    border-left: 2px solid #586172;
    margin-left: 100px;
	width: 20px;
}
.in-ab-text{
	color:#283B51;
	font-size:18px;
	font-family: "微軟正黑體";
	letter-spacing: 1px;
	line-height: 30px;
	padding-left:300px;
	padding-right: 50px;
	padding-top:15%;
	font-weight: 600
}

.in-ab-right{width:30%; height:500px;}

.news-wrapper h6{
	color:#000;
	float: right;
	font-family:"微軟正黑體";
	font-weight:800;
	font-size:36px;
	display: block;
	text-align: end;
	margin-bottom:55px;
}

.navbar{
    position:absolute;
    top:calc(100vh + 13.8125vw);
    left:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    width:100%;
    z-index:80;
	}

body:not(.home) .navbar{
    position:fixed;
    top:0;
    padding:0;
    height:100px;
    background-color:#53514e;
    -webkit-animation:navSlideDown .5s ease-out forwards;
    animation:navSlideDown 1.5s ease-out forwards;
    -webkit-box-shadow:1.721px 2.457px 15px rgb(0 0 0 / 7%);
    box-shadow:1.721px 2.457px 15px rgb(0 0 0 / 7%);}
	}

@-webkit-keyframes navSlideDown{
	0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
	}

@keyframes navSlideDown{
	0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	100%{opacity:1;-webkit-transform:translateY(0%);transform:translateY(0%)}
	}

body:not(.home) main::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:80px;
	}

.navbar .container{
	/*position:relative;*/
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	width:1240px;
    height:100%;
}

.navbar>.container{
	padding:0!important;
	flex-wrap:nowrap!important;
	-ms-flex-wrap:nowrap!important;
	}

.navbar .container .logo{
    position:relative;
    width:200px;
    margin-right:auto;
	}


.navbar .container nav ul{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	/*position:absolute;
	top:50%;
	left:44%;
	-webkit-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);*/
	}
	
.navbar .container .menu li{padding:0 15px}

.navbar .container .menu-btn{
    width:40px;
    /*height:9px;*/
    cursor:pointer;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar .container nav ul li a{
	display:block;
	color:#fff;
    text-decoration: none;
    }

.navbar .container .menu-btn i{font-size:25px; color:#fff;}

body:not(.event) .main-menu .base .list li a:hover{color: #000;}
.navbar .container nav ul li a:hover {color:#e3d0c4;}

.desktop-menu{padding-right:20px;}

.header-menu ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.header-menu ul li{position:relative;}

.header-menu ul li a {
  color: #000;
  font-size: 18px;
  padding: 15px 15px 30px;
  font-weight: 400;
  display: block;
  text-transform: uppercase;
}

.header-menu ul li a i{font-size:14px; padding:0 3px;}

.header-menu ul li:hover > a,
.header-menu ul li.active > a{
  color: #9b5a5a;
}

.header-menu ul li ul.dropdown {
    top: 100%;
    left: -25%;
    width: 250px;
    position: absolute;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    pointer-events: none;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    box-shadow: 2px 0px 2px #9F9F9F;
	background-color: #fff;
}

.header-menu ul li ul.dropdown li {
    margin-right: 0;
    border-right: none;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.header-menu ul li ul.dropdown li a {
  color: #555555;
  font-size: 16px;
  font-weight: 400;
  padding:13px 30px;
  text-transform: capitalize;
  position: relative;
  border-bottom: 1px solid #fff;
  z-index: 1;
}

.header-menu ul li ul.dropdown li a i {
  float: right;
  padding-top: 5px;
}

.header-menu ul li ul.dropdown li:hover > a{color:#98928c;}

.header-menu ul li ul.dropdown li:hover > a:before {
  opacity: 1;
  visibility: visible;
}

.header-menu ul li ul.dropdown li:hover > ul.dropdown {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.header-menu ul li ul.dropdown li ul.dropdown {
  top: 100%;
  left: 100%;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.header-menu ul li ul.dropdown li:last-child a{border-bottom:none;}

.header-menu ul li ul.megamenu {
  width: calc(100% - 30px);
  padding: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 20px);
      -ms-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
}

.header-menu ul li ul.megamenu li {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}

.header-menu ul li ul.megamenu li.mega-title {
  color: #222222;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

.header-menu ul li ul.megamenu li.mega-title span {
  position: relative;
  margin-bottom: 15px;
  display: inline-block;
}
.header-contact-icon{
	display: flex;
	justify-content: center;
    padding: 5px 0;
}
.header-contact-icon a{
	font-size: 24px;
	letter-spacing: 20px;
	color: #98928c;
}

.header-contact-icon a:hover{color:#e3d0c4;}

.navbar .container .nav-option{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
	}

.fixed .container .nav-option{margin-top:10px;}

.navbar .container .nav-option>li{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
	}

/*.header-menu ul li ul.megamenu li.mega-title span:before,
.header-menu ul li ul.megamenu li.mega-title span:after{
	bottom:-6px;
	left:0;
	width:100%;
	height:2px;
	content:"";
	position:absolute;
	background-color:#ebebeb;
	}

.header-menu ul li ul.megamenu li.mega-title span:after {
  width: 50%;
  background-color: #87b106;
}

.header-menu ul li ul.megamenu li a {
  padding: 6px 0;
  border-bottom: none;
}

.header-menu ul li ul.megamenu li a:before{left:0;}

.header-menu ul li ul.megamenu li ul li {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}

.header-menu ul li ul.megamenu li:hover > a {
  color: #87b106;
}*/
.header-menu ul li:hover ul.dropdown {
    background-color: #e3d0c4;
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}

/*.header-menu ul li:hover ul.megamenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}*/


 a:hover {color:#9b5a5a;}
.seperate{
    border-right: 2px solid #585858;
    margin-right: 5px;
    padding-left: 8px;
    padding-right: 8px;
	font-size: 16px;
}
.seperate a{color:#98928c;}

.seperate a:hover{color:#e3d0c4;}

/*選單展開按鈕_start*/
.navTrigger{
	display:none;
	cursor:pointer;
	width:30px; 
	height:25px;
	margin:auto;
	position:fixed;
	top:20px;
	right:20px;
	z-index:500;
	}

.nav-open .navTrigger{position:absolute;}

.navTrigger>i{
    background-color:#e3d0c4;
    /*border-radius:2px;*/
    content:'';
    display:block;
    width:100%;
	height:2px;
	}

.navTrigger>i:nth-child(1){
    -webkit-animation:outT 0.8s backwards;
    animation:outT 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
	}
.navTrigger>i:nth-child(2){
    margin: 7px 0;
    -webkit-animation:outM 0.8s backwards;
    animation:outM 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
	}
.navTrigger>i:nth-child(3){
    -webkit-animation:outBtm 0.8s backwards;
    animation:outBtm 0.8s backwards;
    -webkit-animation-direction:reverse;
    animation-direction:reverse;
	}

.navTrigger.active>i:nth-child(1){
	-webkit-animation:inT 0.8s forwards;
	animation:inT 0.8s forwards;
    }
.navTrigger.active>i:nth-child(2){
	-webkit-animation:inM 0.8s forwards;
	animation:inM 0.8s forwards;
	}
.navTrigger.active>i:nth-child(3){
	-webkit-animation:inBtm 0.8s forwards;
	animation:inBtm 0.8s forwards;
	}

@-webkit-keyframes inM{
50%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@keyframes inM{
50%{transform:rotate(0deg);}
100%{transform:rotate(45deg);}
}

@-webkit-keyframes outM{
50%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@keyframes outM{
50%{transform:rotate(0deg);}
100%{transform:rotate(45deg);}
}

@-webkit-keyframes inT{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(9px) rotate(0deg);}
100%{-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes inT{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(9px) rotate(0deg);}
100%{transform: translateY(9px) rotate(135deg);}
}

@-webkit-keyframes outT{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(9px) rotate(0deg);}
100%{-webkit-transform: translateY(9px) rotate(135deg);}
}
@keyframes outT{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(9px) rotate(0deg);}
100%{transform: translateY(9px) rotate(135deg);}
}

@-webkit-keyframes inBtm{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(-9px) rotate(0deg);}
100%{-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes inBtm{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(-9px) rotate(0deg);}
100%{transform: translateY(-9px) rotate(135deg);}
}

@-webkit-keyframes outBtm{
0%{-webkit-transform: translateY(0px) rotate(0deg);}
50%{-webkit-transform: translateY(-9px) rotate(0deg);}
100%{-webkit-transform: translateY(-9px) rotate(135deg);}
}
@keyframes outBtm{
0%{transform: translateY(0px) rotate(0deg);}
50%{transform: translateY(-9px) rotate(0deg);}
100%{transform: translateY(-9px) rotate(135deg);}
}

.overlay{
    position:fixed;
    z-index:90;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#1c1d21;
    opacity:0;
    visibility:hidden;
    transition:opacity 0.5s, visibility 0.5s;
	}

.nav-open .overlay{opacity:0.85; visibility:visible;}

/*選單展開按鈕_end*/

/*次選單mega-menu_start*/
.header-menu ul li.has-megamenu{position:static;}

.megaMenu{
	display:none;
	width:100%;
	padding:18px 20px 15px;
    position:absolute;
    left:0;
    top:67px;
    right:auto;
    z-index:100;
    background:#fff;
    -webkit-box-shadow:0 5px 10px rgb(0,0,0,0.4);
    box-shadow:0 5px 10px rgb(0,0,0,0.4);
    -webkit-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
    }

li.has-megamenu:hover .megaMenu{display:block;}

.megaMenu-row{
	width:95%;
	max-width:1240px;
	max-height:520px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	overflow-y:scroll;
	}

.col-left{width:16.666%;}
.col-right{width:83.334%;}

.col-right>.col-right-inner{display:flex; flex-wrap:wrap;}

.megaMenuBox{width:16.667%; margin-bottom:20px;}

h3.megaMenuTitle{margin-bottom:7px; line-height:1.3em;}

.navbar .container nav ul h3.megaMenuTitle a{
	font-size:16px;
	font-weight:bold;
	color:#387497;
	padding:0;
	text-transform:inherit;
	}

.navbar .container nav ul.megaMenuList{display:block;}

.navbar .container nav ul.megaMenuList li a{
	font-size:14px;
	padding:10px 8px 10px 0;
	}

.navbar .container nav ul h3.megaMenuTitle:hover a{color:#9b5a5a;}
.navbar .container nav ul.megaMenuList li:hover a{color:#909090;}

/*次選單mega-menu_end*/

/*手機選單_start*/
.mobile-menu-area{
	width:60%;
	padding:20px 10px;
	background-color:#53514e;
	position:absolute;
	top:0;
	right:0;
	z-index:400;
	}

.mobile-logo{width:150px; margin:10px;}

.navmenu{padding:15px;}

.navmenu-item{border-bottom:1px solid rgba(255,255,255,0.5);}

.navmenu-item a{
    color: #fff;
	display:block;
	font-size:18px;
	padding:15px 0 15px;
	position:relative;
    transition: all 0.3s;
}

.navmenu-item a:hover {
    color: #e3d0c4;
}

.navmenu-item.has-mobileDrop>a::before{
	content:"";
    display:inline-block;
    width:60px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
	}

.navmenu-item.has-mobileDrop>a::after {
    content:"\f107";
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    font-size:20px;
    position:absolute;
    top:13px;
    left:auto;
    right:24px;
    z-index:10;
    transition:all 0.5s ease;
	}

.navmenu-item.has-mobileDrop a.is-open::after{
	transform:rotate(180deg);
	}

.navmenu-item a span{
	padding:10px 12px;
	position:absolute;
	top:2px;
	right:0;
	transition:all 0.3s ease;
	}

.mobile-submenu-list{
    display:none;
    background-color:#98928c;
    padding:0 10px;
	}

.mobile-submenu-list:after {
    content: '';
    display: block;
    clear: both;
}

.mobile-submenu-list>li{
	border-bottom:1px solid rgba(204,204,204,0.35);
	}

.mobile-submenu-list>li:last-child{border-bottom:none;}

.mobile-submenu-list>li>a{
	font-size:16px;
	padding:12px 0;
	}

.mobileDrop-open>a>span{transform:rotate(90deg);}
.mobileDrop-open .mobile-submenu-list{display:block;}

.mobile-3rdMenu-list{
    display:none;
    background-color:#02114e;
    padding:0 10px;
	}

.mobile-3rdMenu-list>li{
	border-bottom:1px solid rgba(204,204,204,0.35);
	}

.mobile-3rdMenu-list>li:last-child{border-bottom:none;}

.mobile-3rdMenu-list>li>a{
	font-size:16px;
	color:#fff;
	padding:12px 5px;
	}

.mobile-3rdMenu-list>li:hover>a{color:#03fff8;}

.mobile3rdDrop-open>a>span{transform:rotate(90deg);}
.mobile3rdDrop-open .mobile-3rdMenu-list{display:block;}

.navmenu-bottom{width:90%; margin:0 auto 60px;}

.navmenu-bottom ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	}

.navmenu-bottom li{
	width:40px;
    height:40px;
    font-size:20px;
    margin:10px;
	}

.navmenu-bottom li a{
	width:100%;
	height:100%;
	color:#fff;
    border-radius:50%;
    background-color:#98928c;
	display:flex;
    justify-content:center;
    align-items:center;
    transition: all 0.3s;
}

.navmenu-bottom li a:hover {
    background-color: #e3d0c4;
    color: #53514e;
}

.navmenu-bottom li:hover a.icon-fb{background-color:#3b5998;}
.navmenu-bottom li:hover a.icon-ig{background-color:#d82f79;}
.navmenu-bottom li:hover a.icon-line{background-color:#44a73b;}
.navmenu-bottom li:hover a.icon-mail{background-color:#4da8d5;}
.navmenu-bottom li:hover a.icon-tel{background-color:#fc7000;}
.navmenu-bottom li:hover a.icon-map{background-color:#a596f4;}

/*手機選單_end*/

/*側邊按鈕選單_start*/
.sidebar-button-box{
	position:fixed;
	/*top:40%;*/
	bottom:350px;
	right:0;
	z-index:20;
	}

#sidebar-button{
	height:55px;
    width:40px;
    background-color:#000000;
    opacity:0.3;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    margin-top:-20px;
    position:absolute;
    right:0;
    text-align:center;
    cursor:pointer;
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
    transition:0.5s;
	}

#sidebar-button-text span{
    -webkit-transition:0.5s;
    -o-transition:0.5s;
    -ms-transition:0.5s;
    -moz-transition:0.5s;
    transition:0.5s;
    font-size:40px;
    color:#ffffff;
    padding-left:17px;
    padding-top:3px;
	}

#sidebar-button-text span::before{font-size:30px; margin-top:10px;}

#sidebar-block{
	display:-webkit-flex;
    display:flex;
    -webkit-flex-flow:column;
    flex-flow:column;
    -webkit-align-items:flex-end;
    align-items:flex-end;
    position:relative;
	}

.sidebar-box{
	display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    width:45px;
    height:45px;
    font-size:22px;
    color:#fff;
    border-radius:50%;
    background-color:#98928c;
    transition:width 0.15s ease-in-out;
    position:absolute;
    right:20px;
	}

.item-fb{top:0;}
.item-line{top:51px;}
.item-ig{top:102px;}
.item-yt{top:153px;}

.sidebar-box:hover{color:#fff;}

.sidebar-box.item-fb:hover{background-color:#1877f2;}
.sidebar-box.item-line:hover{background-color:#00c300;}
.sidebar-box.item-ig:hover{background-color:#e1306c;}
.sidebar-box.item-yt:hover{background-color:#ff0000;}

.sidebar-box .sidebar-pic{
	width:32px;
	height:32px;
	vertical-align: middle;
	}

/*側邊按鈕選單_end*/

/*slide-nav*/
.slide-prev {
    color: #000;
    font-size: 24px;
    margin: 0;
    padding: 0;
    left: 3%;
    top: 50%;
    position: absolute;
    z-index: 99;
}

.slide-next {
    color: #000;
    font-size: 24px;
    margin: 0;
    padding: 0;
    right: 3%;
    top: 50%;
    position: absolute;
    z-index: 99;
}

.slide-prev:hover, .slide-next:hover {
    color: #29ABE2;
}

/*最新消息*/
.section3{
	position:relative;
	background-color:#fff;
    background-repeat:no-repeat;
	}

.news-wrapper{padding: 0px 20px;}

.hot-wrap{position:relative; background-color:#ccc;}

.hot-row{display:flow-root;}

.hot-row .hot-title{
    width:50%;
    float:left;
	padding-top:25px;
	padding-left:60px;
	}

.hot-title h2{	
	font-family:"微軟正黑體";
	font-weight:400;
	font-size:48px;
	}

.hot-title h3{
    font-weight:400;
    font-size:66px;
    color:#ddd;
	}

.hot-wrap .btn{width:50%; float:left;}

.hot-wrap .btn a {
    width: 200px;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    font-family: "微軟正黑體";
    font-weight: 400;
    font-size: 18px;
    right: 40px;
    top: 45px;
    position: absolute;
}

.hot-wrap .btn a:hover{background-color:#333;}

@media only screen and (max-width: 1060px){
	.hot-title h3{font-size:48px;}
}

@media only screen and (max-width: 768px){
	.hot-row .hot-title{display:none;}
	.hot-wrap .btn{width:100%;}
	.hot-wrap .btn a {
		position: static;
		width: 100%;
    	color: #000;
    	background-color: transparent;
    	border-radius: 0;
		padding: 30px 0;
		font-size: 28px;
		letter-spacing: 3px;
	}
	.hot-wrap .btn a:hover{color:#fff;}
    .member-col{width:50%!important; padding:20px 0;}
}

.n1{background-color:#ddd; height:700px; width:25%;}

.n1 span{line-height:22px; padding-top:20px; letter-spacing:2px;}

.n2 span{line-height:22px; padding-top:20px; letter-spacing:2px;}

.n1 img{
	width:65%;
	overflow: hidden;
	margin-left:55%;
	margin-top:25%;
}
.n2{background-color:#bbb; height:700px; width:25%;}

.n2 img{
	width:65%;
	overflow: hidden;
	margin-left:55%;
	margin-top:25%;
}
.hot-text{
	padding-top:50px;
	padding-left:30px;
	line-height: 20px
}
.hot-text h5{
	font-size: 24px;
	font-weight: 200;
	padding-top:40px;
	padding-left:10px;
	line-height: 20px
}

.gotoshop{
	background-color:#FED022;
	width:100px;
	border-radius: 50px;
	padding: 12px;
	text-align:center;
	font-family:"微軟正黑體";
	font-size: 16px;
}
.in-type{
	padding-top:24px;
	padding-left:45px;
	color:#586172;
	font-size: 16px;
}

/*Index - News*/
.news-container{
	width: 100%;
	background: linear-gradient(to bottom, #fff 50%, #333 0);
    padding: 80px 0;
}

.news-container .news-frame{background:url(/img/index-news-bg.png) no-repeat;}

.news-container .layout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.news-content{display:flow-root; margin:0 auto;}

.news-header{width:40%; float:left; margin-top:23%;}

.news-header h2{font-size:48px; font-weight:400; color:#333;}

.news-header h3{font-size:66px; color:#fff;}
 
.news-row{width:60%; float:left;}

.news-row .news-item {
    display: flow-root;
	background-color: #eee;
	margin: 20px 40px;
	padding: 0;
}

.news-row .news-item:hover {
    box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 40%);
	transition: 0.3s;
	background: #fff;
}

.news-row .news-item .img {
    width: 40%;
    float: left;
}

.news-row .news-item .img img {
    width: 100%;
    padding: 0;
    margin: 0;
}

.news-row .news-item .info {
    width: 60%;
    float: left;
	padding: 20px;
}

.news-row .news-item .info .date {
    font-size: 16px;
}

.news-row .news-item .info .title {
    margin-top: 15px;
	font-size: 20px;
    font-weight: 200;
}

.news-row .news-item .info .btn {
	width: 100%;
    margin-top: 60px;
	font-size: 14px;
	color: #666;
}


@media only screen and (max-width: 1060px){
	.news-container {
		background: #fff;
		padding: 0;
	}
	.news-header {
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.news-header h3 {
		display: none;
	}
	.news-row {
		width: 100%;
		margin-bottom: 60px;
	}
	.news-row .news-item {
		margin: 20px 80px;
	}
}

@media only screen and (max-width: 720px){
	.news-header h2 {
		font-size: 36px;
	}
	.news-row .news-item {
		margin: 20px 40px;
	}
	.news-row .news-item .info {
		padding: 10px;
	}
	.news-row .news-item .info .title {
		margin-top: 10px;
		font-size: 18px;
	}
	.news-row .news-item .info .btn {
		margin-top: 25px;
	}
}


.row-10{
	display:flex; 
	flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.news-block{
	width: 25%;
	padding: 10px !important;
}
.col-12{
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 5px;
    padding-right: 5px;

}
.news-box{
    border-radius: 10px;
	background-color: #fff;
    text-align: center;
    box-shadow: 2px 2px 1px #979797;
	padding:20px;
	margin: 0 15px;
}

.news{margin:0 auto;}

.news-block .news-box .news-text{
letter-spacing: 2px;
line-height: 22px;	
margin-top:20px;
}

.news-block .news-box .news-text span {
    font-size: 14px;
}

.news-block .news-box .news-text p {
    font-size: 18px;
	margin-top: 7px;
}

/*首頁熱門產品*/
.section4{
    width: 100%;
    padding-top: 60px;
}
.section4-wrap{
	position: relative;
	padding-top:50px;
	background-repeat: no-repeat;
	background-color: #fff;
}
.pro-header h2{
    font-family: "微軟正黑體";
    font-weight: 400;
    font-size: 48px;
	margin-bottom:30px;
	text-align: center;
	margin-top: -25px;
}
.pro-header h3{
	font-weight: 400;
    font-size: 66px;
    color: #eee;
}
.in-pro-wrapper .btn {
    padding-bottom: 100px;
}
.in-pro-wrapper .btn a {
    background: #000;
    color: #fff;
    padding: 15px;
    margin: 0 auto;
    width: 400px;
    font-size: 18px;
    font-weight: 400;
	position: relative;
}
.index-products{
    margin: 0 3vw;
	padding-bottom: 30px;
}

.index-products li{display: inline-block;
    position: relative;
    width: calc((100% - 30px) / 5);
    padding: 50px;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-align: center;
	
    }
.index-products li p{letter-spacing: 3px; line-height: 1.5em; font-size: 18px;}

.in-pro-wrapper {
	margin: 0px auto;
	text-align: center;
}


/*footer*/
footer:not(.event-footer){
    position: relative;
    z-index: 10;
    background-color: #e3d0c4;
    color: #666;
}
.partner-main {
	display: flex;
	width:100%;
    border: 1px solid #ccc;
	margin-bottom: 20px;
}
.partner-img {
	width: 50%;
}
.partner-text{
	width: 50%;
	padding: 40px;
    line-height: 1.5em;
}
.partner-main h7{
	font-family: "微軟正黑體";
    font-weight: 400;
    font-size:28px;
	line-height: 1.2em;
}
.partner-main p{color:#999798; padding-top: 10px;}
.partner-btn a{
    font-family: "微軟正黑體";
    font-weight: 800;
    font-size: 20px;
	text-align: right;
	padding-top:100px;
}
.partner-btn a:hover{
    font-family: "微軟正黑體";
    font-weight: 800;
    font-size:24px;
	color: #F04E10;
}
.other-contact{padding:0 15px;}

.top{position:fixed; bottom:55px; right:10.4167%;}

footer:not(.event-footer) .social-link>li:hover{background-color:#4ABFB8;color:#7D837E;}

.footer-contact{
	/* left: 10.4167%; */
    /* bottom: 60px; */
    z-index: 1;
    display: flex;
	flex-wrap: nowrap; 
    flex-direction: row;
    /*justify-content: center;*/
    align-items: center;
}
footer:not(.event-footer) .other-contact ul
{
    padding: 20px 40px 20px 40px;
    border-radius: 10rem;
    background-color: #C5DCED;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;

}
footer:not(.event-footer) .other-contact ul:hover
{
    padding: 20px 40px 20px 40px;
    border-radius: 10rem;
    background-color:#33466F;
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;

}
footer:not(.event-footer) .other-contact ul li a{color: #000;}
footer:not(.event-footer) .other-contact ul li a:hover{color: #fff;}
.other-contact-wrapper{
	display: flex;
	justify-content: center;
	padding-top: 180px;
	
}

.fot-menu{
	display: flow-root;
	width: 1200px;
    margin: 0 auto;
	letter-spacing: 2px;
	line-height: 30px;
	padding-top:50px;
	color: #666;
}

.fot-menu .item{float:left; box-sizing:border-box;}

.fot-menu .fot-info{width:35%;}

.fot-menu .fot-opition{width:25%;}

.sub-unit li i {padding-right:5px;}

.sub-unit li a {
    color: #53514e;
}

.sub-unit li a:hover {
    color: #9b5a5a;
}

.footer-contact li{margin:0 15px;}

.footer-contact li a{
	position: relative;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    color: #53514e;
    font-size: 36px;
    padding: 13px;
    text-align: center;
}

.fot-end {
	width: 1200px;
	display: flow-root;
	margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 60px;
}

.fot-end a{color:#98928c;}

.copyright{
	width: 50%;
	float: left;
    font-weight: 300;
    line-height: 1.67;
    letter-spacing: .75px;
	color:#aaa;
}

.fot-end .link{width:50%; float:left;}

footer:not(.event-footer) .copyright .wdd{
    display:inline;
    font-weight:600;
	}

.goShoppingcart-btn{
	position:fixed;
    bottom:400px;
    right:0;
    z-index:999;
	}

.goShoppingcart-btn a{
    -webkit-writing-mode:vertical-lr;
    writing-mode:vertical-lr;
    letter-spacing:2px;
    background-color:#ff6464;
    color:#fff;
    padding:15px 10px;
    border-radius:8px 0 0 8px;
    transition:all 0.5s;
	}

.goShoppingcart-btn a:hover{
	color:#fff;
	background-color:#ea0000;
	}

#gotop{
    display:none;
    position:fixed;
    right:20px;
    bottom:37px;
    padding:12px 14px;
    font-size:20px;
    background:#98928c;
    color:#ffffff;
    cursor:pointer;
    border-radius:999em;
    z-index:9997;
    -webkit-transition:0.3s ease-in-out;
    transition:0.3s ease-in-out;
	}

#gotop:hover{background:#53514e;}

.mobile-contact{
	/* left: 10.4167%; */
    /* bottom: 60px; */
    z-index: 1;
    display: flex;
	flex-wrap: nowrap; 
    flex-direction: row;
    justify-content: center;
    align-items: center;
	padding:10px 0px;
}
.mobile-contact li{
	position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #000;
    background-color: #fff;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    margin: 0 15px;
}
.mobile-contact li:hover{
	position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%; 
    background-color: #fff;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    margin: 0 15px;}
.footer-title{
	font-size: 22px;
    font-weight: 600;
	margin-bottom: 5px;
}

.fot-info ul.sub-unit {
    line-height: 40px;
    font-size: 16px;
    display: flex;
}

.fot-info ul.sub-unit li{padding-right:20px;}

.fot-opition ul.sub-unit{font-size:18px; font-weight:200;}

.fot-opition ul.sub-unit li{padding:3px 0;}

/*首頁*/
/*分頁*/
.block-left{width:30%;}
.block-right{width:70%;}
.container h1{
 	font-family: "微軟正黑體";
	letter-spacing:2px;
	font-size: 28px;
	font-weight:400;
}

.pro-categories ul.categories-list {
    /*width: 250px;*/
}
.categories-list li a.active{
	color: #000;
    font-family: "微軟正黑體";
    letter-spacing: 2px;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 600;
    padding: 15px 0;
    background: #fff;
}

.categories-list li{position:relative;}

.pro-dropdown a {
    color: #666666;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 400;
}
.pro-dropdown a:hover {
    color: #29ABE2;
}
.categories-list span.subdropdown.plus {
    top: 15px;
    right:15px;
    position: absolute;
    cursor: pointer;
    padding: 5px;
    background: #fff;
    color: #000;
    font-size: 10px;
}
.categories-list span.subdropdown.plus:hover {
    background: #eee;
}

.about-text{width: 100%;}
.service-text{width: 100%; list-style: decimal;font-size: 18px; font-weight: 200; line-height: 3em;}
.about-text h2{
	font-family: "微軟正黑體";
	letter-spacing:2px;
	font-size: 22px;
	font-weight:600;
	padding-top: 30px;
	
}

.about-text p, .about-text li{
    font-family: "微軟正黑體";
    line-height: 1.8em;
	letter-spacing:2px;
	font-size: 18px;
	padding-top:30px;
}

.a2-img{width:300px; height:260px; margin-left:500px; z-index:1;}

.a2-img-2{width:650px; padding:15px; margin:0 auto;}

.award-text{
	font-family: "微軟正黑體";
    line-height: 30px;
	letter-spacing:2px;
	font-size: 18px;
	font-weight:800;
	padding-top:30px;
	background-color:#F29228;
	box-shadow: 2px 2px 2px #A7ACB5;
	width:550px;
	padding: 40px;
	margin-top: -180px;
	margin-left:10px;
}
.award-text-2{
	font-family: "微軟正黑體";
    line-height: 1.5em;
	letter-spacing:2px;
	font-size: 18px;
	padding: 15px 0;
}

.award-text-2 li{padding-top:30px;}

.sort{float:right;}

.sort option{font-family:"微軟正黑體";}

.product-action {
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    text-align: center;
	
}
/*.product-action__icon {
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}*/

.product-action__icon a {
    width: 50px;
    height: 50px;
    background:#fff; ;
    box-shadow: 0px 20px 40px 0px rgb(0 0 0 / 8%);
    color:#7ACFE6;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    margin-left: 2.5px;
    margin-right: 2.5px;
    border-radius: 10px;
}
.product-action__icon a:hover{
	background-color:#FED022;
	color:#fff;
}
.products-text{
	padding-top:10px;
}
.products-text h2{
    line-height:1.5em;
	letter-spacing:2px;
	font-size: 20px;
	font-weight:600;
}
.type{
	letter-spacing:2px;
	line-height:1.5em;
	font-size: 16px;
	font-weight:400;
	color:dimgrey;
	line-height: 30px;
}
.price{
    color: #aaa;
    text-decoration: line-through; 
	font-size: 14px;
	padding-top: 10px;
}
.discount {
	letter-spacing:2px;
	line-height:30px;
	font-size: 18px;
	font-weight:800;
	color: #ff6464;
}

.fee-prefix-text{font-size:14px; color:#ff6464;}

.save_money{font-size:14px; color:#868686;}

.row{display:flex; flex-wrap: wrap; margin:5px;}

.row-prodetail{display:flex; margin:5px;}

.pb-120{padding-bottom:120px;}

.inside{max-width:1430px;}

.pro-details-tab .custom-tab {
    width: 18%;
    float: left;
	
}
.pro-details-tab .custom-tab ul{
	display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
}
.pro-details-tab .custom-tab ul li{
	list-style: none;
}
.nav-pills .nav-link.active {
    background-color: transparent;
    color: #9e4b47;
}

.pro-details-tab .custom-tab .nav-link {
    padding: 0px;
    margin-bottom: 25px;
	position: relative;
}

.discount-list .grid-news .news-item .products-img img {
    padding: 0 15px;
}
.date-list .news-item .news-text {
    font-size: 20px;
    line-height: 1.5em;
}
.news-item .news-text{
	text-align:center;
	letter-spacing: 2px;
	line-height: 22px;	
	margin-top:20px;
	font-size: 24px;
} 
.pro-details-tab .custom-tab .nav-link.active::before {
    opacity: 0.7;
}
.pro-details-tab .custom-tab .nav-link::before {
    position: absolute;
    content: "";
    background: #fff;
    opacity: 0;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
	transition: 0.3s;
}

.flex-setting{display:flex; flex-wrap:wrap;}
.pro-detail-picbox-B{width:100%;}

.pro-detail-picbox-S ul{padding:10px;}
.pro-detail-picbox-S li{
	padding:1px;
	margin-bottom:20px;
	margin-right: 10px;
	width: 20%;
	}


/*Thumbnails & Lightbox*/
.carousel{position:relative;}

.carousel-item img{object-fit:cover;}

#carousel-thumbs{background:#f0f0f0; padding:0 50px;}

#carousel-thumbs img:hover{opacity:100%;}

#carousel-thumbs img{
	opacity:80%;
	border:3px solid transparent;
	cursor:pointer;
    }

#carousel-thumbs .selected img{opacity:100%;}

.carousel-control-prev,
.carousel-control-next{
	width:50px;
    }
    
    .carousel-fullscreen-icon {
        position: absolute;
        top: 1rem;
        left: 1rem;
        width: 1.75rem;
        height: 1.75rem;
        z-index: 4;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(204,204,204,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
    }
    
    .carousel-fullscreen-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(204,204,204)' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 1a.5.5 0 0 0-.5.5v4a.5.5 0 0 1-1 0v-4A1.5 1.5 0 0 1 1.5 0h4a.5.5 0 0 1 0 1h-4zM10 .5a.5.5 0 0 1 .5-.5h4A1.5 1.5 0 0 1 16 1.5v4a.5.5 0 0 1-1 0v-4a.5.5 0 0 0-.5-.5h-4a.5.5 0 0 1-.5-.5zM.5 10a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 0 1h-4A1.5 1.5 0 0 1 0 14.5v-4a.5.5 0 0 1 .5-.5zm15 0a.5.5 0 0 1 .5.5v4a1.5 1.5 0 0 1-1.5 1.5h-4a.5.5 0 0 1 0-1h4a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 1 .5-.5z' /%3E%3C/svg%3E");
    }
    
    .pause .carousel-pause-icon {
        position: absolute;
        top: 3.75rem;
        left: 1rem;
        width: 1.75rem;
        height: 1.75rem;
        z-index: 4;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(204,204,204,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
    }
    .pause .carousel-pause-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(204,204,204)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.25 5C5.56 5 5 5.56 5 6.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C7.5 5.56 6.94 5 6.25 5zm3.5 0c-.69 0-1.25.56-1.25 1.25v3.5a1.25 1.25 0 1 0 2.5 0v-3.5C11 5.56 10.44 5 9.75 5z' /%3E%3C/svg%3E");
    }
    
    .play .carousel-pause-icon {
        position: absolute;
        top: 3.75rem;
        left: 1rem;
        width: 1.75rem;
        height: 1.75rem;
        z-index: 4;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(204,204,204,.80)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
    }
    
    .play .carousel-pause-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(204,204,204)'  viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814l-3.5-2.5z' /%3E%3C/svg%3E");
    }
    
    #carousel-thumbs .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
    }
    
    #carousel-thumbs .carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
    }
    
    .modal-content {
        border-radius: 0;
        background-color: transparent;
        border: none;
    }
    #lightbox-container-image img {
        width: auto;
        max-height: 520px;
    }

.custom-content{float:right; width:77%;}

.tab-content>.active{display:block;}

.fade{transition: opacity 0.15s linear;}

.custom-content img{width:100%;}

.img-fluid{max-width:100%; height:auto;}

.mt-15{margin-left:20px;}

.pro-details-content h2 {
    font-size: 24px;
	line-height:1.8em;
}
.pro-details-content h4 {
    font-size: 18px;
    font-weight: 200;
    color: #666;
    margin-bottom: 5px;
}
.product-discount h4 {
    font-size: 18px;
	margin-bottom: 10px;
	padding: 10px;
}

.discount-content a{display:flex; align-items:flex-start;}

.discount-coupon{
	background-color:#98928c;
	color:#fff;
	padding:10px;
	word-break:keep-all;
	}

.discount-txt{padding:10px; line-height:1.3em;}

.detail-options-list li{display:inline-block; vertical-align:top;}

.detail-options-list li input[type="radio"]{display:none;}

.detail-options-list li input[type="radio"] + label{
	cursor:pointer;
    font-size:18px;
    text-align:center;
    font-weight:400;
	background-color:#fff;
    color:#000;
    text-transform:uppercase;
    margin-right:10px;
    margin-bottom:10px;
    padding:10px;
    border:2px solid rgba(170,170,170,0.5);
    min-width:60px;
	}

.detail-options-list li.disabled input[type="radio"] + label{
	color:#dcdcdc;
	border:2px solid rgba(170,170,170,0.25);
    pointer-events:none;
    cursor:default;
	}

.recommend-options-list li input[type="radio"] + label{
	font-size:14px;
	padding:5px 10px;
	width:40px;
	}

.detail-options-list li input[type="radio"]:checked + label{
	background-color:#e3d0c4;
    color:#53514e;
	}

.detail-options-list.color-option li input[type="radio"] + label{
	width:40px;
	min-width:40px;
	height:40px;
	padding:5px;
	border:2px solid rgba(170,170,170,0.5);
	}
.detail-options-list.color-option li input[type="radio"]:checked + label{
	background-color:#fff;
    color:#fff;
	}
/* .detail-options-list.color-option li input#colorBlack + label{background-color:#000;}
.detail-options-list.color-option li input#colorRed + label{background-color:#ff0000;}
.detail-options-list.color-option li input#colorBlue + label{background-color:#9b5a5a;}

.detail-options-list.color-option li input#reccolorBlack + label{background-color:#000;}
.detail-options-list.color-option li input#reccolorRed + label{background-color:#ff0000;}
.detail-options-list.color-option li input#reccolorBlue + label{background-color:#9b5a5a;}
*/
.detail-options-list li input[type="radio"]:checked + label{
	border:2px solid #ff6464!important;
	}

.qty{
	width:40%;
    height:32px;
    font-size:18px;
    text-align:center;
    border:1px solid #e3d0c4;
	}

.qtyminus, .qtyplus{
    background-color:#f5ece6;
    border:1px solid #e3d0c4;
    width:30%;
    height:32px;
    font-size:24px;
    font-weight:400;
    cursor:pointer;
}

.qtyminus:hover, .qtyplus:hover {
    background-color: #e3d0c4;
}
.pro-details-content .btn {
    display: flex;
}
.pro-details-content .btn a {
    font-size: 18px;
    text-align: center;
    background-color: #53514e;
	/*border: 1px solid #e3d0c4;*/
    color: #fff;
    border-radius: 5px;
    padding: 12px;
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    width: 200px;
    transition: all 0.3s;
}
.pro-details-content .btn a:hover {
    background-color: #e3d0c4;
    /*border: 1px solid #aaa;*/
    color: #53514e;
}
.product-freight h4, .product-features h4 {
    padding: 10px;
}
.product-freight p, .product-features p {
    padding: 0 10px;
}
.panel h5 {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    color: #333;
}
.panel ul.payment, .panel ul.transport {
    padding: 0 25px;
    background-color: #f5ece6;
    margin-bottom: 10px;
    list-style: disc;
}
.panel ul.payment li, .panel ul.transport li {
    padding: 3px 0;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.5em;
    letter-spacing: 1.2px;
    color: #666;
}
.pro-add, .dis-list {
    width: 100%;
	border-top: 1px solid #ccc;
    padding: 30px 15px;
}
.add-row {
    display: flow-root;
}
.add-row .add-item {
    display: flow-root;
    padding: 15px;
    margin: 10px;
    border: 1px solid #ccc;
}
.add-item .img {
    width: 40%;
    float: left;
}
.add-item .text {
    width: 60%;
    float: left;
	padding-left: 20px;
}
.add-item .text .price {
    color: #ccc;
    text-decoration: line-through;
    font-size: 16px;
}
.add-item .text .discount {
    text-decoration: none;
    font-size: 20px;
}
.add-item .btn a {
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    margin-top: 15px;
    width: 120px;
}
.add-item .btn a:hover {
    border: 1px solid #aaa;
}

@media only screen and (max-width: 1420px){
	.add-row .add-item {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

.pro-intro h3, .pro-add h3, .dis-list h3 {
	font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 0;
}
.product-discount a {
    font-size: 16px;
    font-weight: 200;
	padding: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}
.details-rating a {
    font-size: 12px;
    color: #fcd700;
    margin-right: 2px;
}
.fa, .fas {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}
.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.fa-star:before {
    content: "\f005";
}
span.details-pro-price {
    font-size: 14px;
    font-weight: 800;
    color: #9e4b47;
    display: inline-block;
}
.color-wrapper .colors {
    margin-left: 42px;
    margin-top: 4px;
}
.color-wrapper .colors a {
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-right: 20px;
}
.section1.banner {
    width: 100vw;
    height: 570px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.about-section1{background-image: url(../img/banner/ab-banner.jpg)}
.news-section1{background-image: url("../img/banner/news-banner.jpg")}
.pro-section1{background-image: url("../img/banner/pro-banner.jpg")}
.dis-section1{background-image: url("../img/banner/dis-banner.jpg")}
.noti-section1{background-image: url("../img/banner/no-banner.jpg")}
.ser-section1{background-image: url("../img/banner/ser-banner.jpg")}
.con-section1{background-image: url("../img/banner/con-banner.jpg")}
.banner-block{
    display: flex;
	height: 40%;
	padding-top: 200px;
}
.page-banner-line{
	border-bottom:2px solid #fff;
    padding-top: 80px;
	width: 15%;
}
.en-title{
	width: 100%;
    font-family: "Corinthia", cursive;
	font-size:150px;
    font-weight: 600;
	padding-left: 20px;
	font-weight: 800; 
	color:#fff;
}
.ch-title{
	width: 100%;
	font-size: 30px;
	padding-left: 20px;
	font-weight: 500; 
	color:#53514e;
}

.content-wrapper{width:100%; max-width:1240px; margin:0 auto; padding:100px 0;}

.content-narrow{max-width:1080px;}

.pro-details-content p {
    color: #666;
    font-size: 16px;
    font-weight: 100;
    line-height: 1.5em;
    padding-bottom: 20px;
}

.pro-details-content li{list-style:none;}

.mb-35{margin-bottom:25px;}

.size-wrapper .sizes a {
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    margin-right: 20px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #aaa;
    width: 60px;
}
.size-wrapper .sizes a:hover {
    border: 1px solid #000;
}
.size-wrapper, .color-wrapper {
    align-items: center;
	margin-top: 20px;
}
.size-wrapper .size-text span, .color-wrapper .color-text span {
    font-size: 16px;
    font-weight: 600;
    color: #222;
    line-height: 1;
    display: inline-block;
}
.color-wrapper .colors {
    margin-left: 42px;
    margin-top: 4px;
}
.color-wrapper .colors a.one {
    background: #000;
	border: 1px solid #000;
	width: 25px;
	height: 25px;
}
.color-wrapper .colors a.two{
    background: #e6e6e6;
	border: 1px solid #000;
	width: 25px;
	height: 25px;
}

.pro-quan-area{display:flex; align-items:center;}

.mb-55{padding-top:55px;}

.product-quantity{float:left;}

.cart-plus-minus{position:relative; display:inline-block;}

.cart-plus-minus input {
    border: 0px;
    outline: 0px;
    background: none;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    display: inline-block;
    padding: 9px 20px;
    border: 1px solid #8AC95F;
    margin-right: 10px;
    width: 110px;
    text-align: center;
}
.pro-cart-btn {
    float: left;
}
.pro-cart-btn a {
    line-height: 1.5em;
    padding: 10px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    background:#8AC95F;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}

.pro-wish{float:left;}

.pro-wish a {
    font-size: 16px;
    margin-left: 20px;
    display: inline-block;
    color: #b5b5b5;
}

.memberleft{width: 40%;}
.member-right{width: 60%;}
.member-text{
	background-color:#D8E1E8;
	width: 800px;
	height: 400px;
	border-radius: 30px;
	padding:40px;
}

.member-text li{
    color:#A0A2A4;
    font-family: "微軟正黑體";
    font-weight: 800;
    line-height: 70px;
    background-color:#ffffff96;
	height: 50px;
    margin-top:15px;
	padding-left: 10px;
	border-radius:20px;
	
}
.title-mon{
	font-size:80px;
	text-align: center;
	font-weight: 800;
	color: #9997989e;
}


.block-right .row h8 {
	font-size:40px;
	text-align: center;
	font-weight:400;
	color: #000;
	margin: 0 auto;
	padding-bottom:30px;
}

.n-detail{color:red;}

.no-text{
	font-family: "微軟正黑體";
    line-height: 40px;
	letter-spacing:3px;
	font-size: 16px;
	background-color: #DCE4EC;
	padding: 20px;
}
.no-text2{
	font-family: "微軟正黑體";
    line-height: 40px;
	letter-spacing:3px;
	font-size: 16px;
	background-color:#A5C6D4;
	padding: 20px;
}
.no-icon{
	font-size:60px;
    padding: 70px 0;
	text-align:center;
	color: #436DA2;
	background-color: #A5C6D4;
}
.no-icon2{
	font-size:60px;
	background-color: #DCE4EC;
	padding:70px 10px;
	text-align:center;
	color: #436DA2;
}

.focus{color:red;}

.payment-img{
	display: block;
	max-width: 500px;}

.apart-main{
	width:50%;
	margin-bottom:30px;
	}

.apart-main>.box-inner{
	display:flex;
	flex-wrap:wrap;
	margin:20px;
	}

.apart-main .apart-main-pic{width:100%;}

.apart-main .apart-text{
	width:100%;
	padding-top:20px;
	padding-left:12px;
	}

.apart-text h7{
	font-family:"微軟正黑體";
    font-weight:800;
    font-size:18px;
    padding-bottom:5px;
	border-bottom:1px solid rgba(0,0,0,0.5);
	}

.apart-main .apart-text>p{
	line-height:25px;
	letter-spacing:1px;
	padding-top:15px;
	color:gray;
	font-size:14px;
	}

.map-text li{
	color:#000;
    font-family: "微軟正黑體";
    line-height: 1.5em;
	height: 50px;
    margin: 20px 0;
	letter-spacing: 3px;
	font-size: 14px;
}

.contact-text{padding-top:18px;}

.contact-text h9{
	font-size:30px;
	line-height: 1.5em;
}
.contact-text li{
	color:#000;
    font-family: "微軟正黑體";
    line-height:2em;
	font-size: 18px;
}

/*contact-form*/
.contact-form { width:100%; font-size: 16px; float: left; margin-top: 60px; padding-top: 40px; border-top: 1px solid #ccc;}
.contact-form .form-box { margin-left: auto; margin-right: auto; }
.contact-form .title { margin-bottom: 10px; font-size: 30px; line-height: 2em;}
.contact-form .intro { font-size: 18px; font-weight: 200; margin-bottom: 30px; }
.contact-form .form-item .form-rows {
    margin-bottom: 25px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #aaa;
    color: #000;
    padding: 8px;
}
.contact-form .form-item .form-rows .col-l{ width:3em; float:left; line-height:30px; text-align: left; padding-left: 10px;}
.contact-form .form-item .form-rows .col-r{ margin-left:4em;}
.contact-form .form-item .tit { line-height: 1.5; color: #666; font-size: 18px;}
.input { width: 100%; box-sizing: border-box; outline: none; line-height: 1.5em; padding: 3px 10px; border-radius: 4px; border: 0; background-color: transparent; color: #000; font-family: inherit; }

.btn-submit {
    margin: 0 auto;
    font-size: 18px;
    border: 0;
    width: 20%;
    background-color: #666;
    color: #fff;
    border-radius: 10px;
}
.btn-submit:hover {
    background-color: #333;
}
.btn-submit a {
    padding: 10px 0;
}
.btn-submit a:hover {
    color: #fff;
}

.send{
	width:100%;
	padding-top: 20px;
	line-height: 50px;
	margin: 50px auto 0;
	border-top: 2px solid #999A9C;
	
}
.send li{
	padding-left: 20px;
}
.send-btn li{
	color:#999A9C;
	
}
.blank{
	background-color: #CECECE;
	margin: 25px auto;
	border-radius: 50px;
	width:100%;
	color:#999A9C;
}
.m-blank{
	background-color: #CECECE;
	margin: 25px auto;
	border-radius: 30px;
	width: 100%;
	height: 300px;
	color: #999A9C;
}
.send-btn{
	width: 100px;
	margin: 0 auto;
	text-align: center;
    border-bottom:1px solid #A9CF33;
	color:#A9CF33;
	font-size: 20px;
	padding-top:20px;
	list-style: none;
}
.login-left{
    background-image: linear-gradient(90deg,rgba(168,205,131,1.00) 0%,rgba(197,220,237,1.00) 100%);
	display: flex;
	flex-direction: column;
}
.login-left ul{
	height: 40%;
}
.login-left ul li{
    border: 2px solid #fff;
	color: #fff;
    width: 120px;
    border-radius: 50px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 20px;
	text-align: center;
}
.login-left ul li:hover{
    border: 2px solid #fff;
	color:#A8CD83;
    background-color: #fff;
    width: 120px;
    border-radius: 50px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
}
.login-left ul li a:hover{
	color:#A8CD83;
}

.login-left ul li i{padding-right:6px;}

.login-title h11{
    color: #ffffff9e;
    font-size: 220px;
    margin-left: -20px;
	margin-bottom: -80px;
    font-weight: 800;
	display: block;
}
.login-block{
	width:100%;
	margin:280px auto;    
}
.login-tab .tab {
    display: flex;
}
.login-tab .tablinks {
    width: 50%;
    color: #000;
    background-color: #e3d0c4;
    border: none;
    padding: 15px 25px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.login-tab .active {
    background-color: #fff;
}
.login-tab .tabcontent {
    padding: 0 100px;
    margin: 30px 0 60px 0;
}
.login-item h2, .register-item h2 {
    font-family: "Corinthia", cursive;
    font-size: 100px;
    font-weight: bold;
    text-align: center;
    color: #eee;
}
.login-item h3, .register-item h3 {
    color: #53514e;
	font-size: 30px;
	text-align: center;
    margin-top: -18px;
    margin-bottom: 30px;
}
.login-blank li{
	width: 500px;
	font-size: 15px;
	color: #000;
	background-color:#EEEFED;
	margin-top: 30px;
	padding: 20px;
	border-radius: 10px;
	letter-spacing: 2px;
}

.shop-login .main-wrapper {
    background-image: url(/img/shop-login-bg.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position:top right;
}
.register-btn {
    display: flex;
}
.btn-register {
    background-color: #53514e;
    border: 0;
    transition: all 0.3s;
}
.register-btn .btn {
    width: 48%;
    margin: 0 auto;
    font-size: 16px;
    border-radius: 5px;
}
.btn-register a {
    color: #fff;
}
.btn-register:hover {
    background-color: #e3d0c4;
}
.btn-register:hover a {
    color: #53514e;
}
.btn-fbreg {
    background-color: #fff;
    color: #333;
    border: 1px solid #aaa;
}
.btn-fbreg:hover {
    background-color: #ddd;
}
.btn-fbreg a:hover {
    color: #333;
}
.register-btn .btn a {
    padding: 10px 0;
}


/*shop-member*/
.member-content{padding:15px;}

.member-content.change-content{
	width:100%;
	max-width:450px;
	}

.member-list li {
    padding: 15px 0;
    padding-bottom: 30px;
}
.member-box{padding-bottom:30px;}

.member-level {
    display:flex;
    padding-bottom:30px;
}
.member-txt {
    padding: 15px 30px;
}
.member-txt h3 {
    font-size: 24px;
}
.member-txt h4 {
    font-size: 16px;
    font-weight: 200;
    color: #666;
    padding: 20px 0;
}
.member-nav {
    padding: 25px 0;
    background-color: #f5ece6;
}
.member-col {
    width: 25%;
    text-align: center;
}
.member-col a {
    font-size: 18px;
}

.member-photo span {
    padding: 10px;
}
.member-photo img {
    width: 300px;
    padding: 10px;
}

.ac-box, .da-box {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.ac-box h2 {
    font-size: 24px;
    color: #ff6464;
    padding: 15px 0;
}
.ac-box h3, .da-box h3 {
    font-size: 18px;
    padding-bottom: 10px;
}

/*login*/
.login-item .login-rows, .register-item .login-rows { margin-bottom: 25px; border-radius: 10px; border: 1px solid #e3d0c4; color: #000; padding: 15px; background-color: #f5ece6;}
.login-item .login-rows .col-l, .register-item .login-rows .col-l{ width:5em; float:left; line-height:30px; text-align: left;}
.login-item .login-rows .col-r, .register-item .login-rows .col-r{ margin-left:5.5em;}
.login-item .tit, .register-item .tit { line-height: 1.5; color: #000;}
.login-agree .col {
    display: flex;
    margin-bottom: 20px;
}
.login-agree .col a {
    color: #9b5a5a;
}
.login-agree .col a:hover {
    color: #e3d0c4;
}
.login-btn {
    text-align: center;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}
.other-btn {
    text-align: center;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content:center;
}
.btn-login {
    width: 100%;
    font-size: 18px;
    border: 0;
    border-radius: 10px;
    background-color: #53514e;
    color: #fff;
    transition: all 0.3s;
}
.btn-login:hover{background-color:#e3d0c4;}

.btn-login:hover a {
    color: #53514e !important;
}

.btn-login a{color:#fff; padding:10px 0;}

.btn-login a:hover{color:#fff;}

.btn-other{
    margin:0 10px;
    background-color:#fff;
    border:1px solid #aaa;
    border-radius:5px;
	}

.btn-other a{
    color:#333;
    font-size:16px;
	padding:10px 15px;
	}

.btn-other:hover{
	background-color:#ddd;
	border:1px solid #ddd;
	}
.btn-other a:hover{color:#333;}

.btn-facebook{background-color:#036ce5;}
.btn-facebook a{color:#fff;}
.btn-facebook a i{margin-right:5px;}

.btn-facebook:hover{background-color:#233345;}
.btn-facebook:hover a{color:#fff;}

.verify-box{
	display:flex;
	justify-content:flex-end;
	margin-bottom:20px;
	}

.verify-box a{
	padding:12px 20px;
	border:1px solid #dcdcdc;
	border-radius:5px;
	background-color:#ededed;
	}

.verify-box:hover a{background-color:#868686; color:#fff;}

@media only screen and (max-width: 720px){
    .btn-login {
        width: 100%;
        font-size: 16px;
        padding: 10px 0;
    }
}

.otherlogin{
	width:450px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: center;
}
.otherlogin li{
	width:200px;
	border-bottom: 2px solid #8ac95f;
	margin-right: 25px;
}
.otherlogin li a{
    font-size: 18px;
	text-align: center;
}
.sign-title h11{
    color: #ffffff9e;
    font-size: 220px;
    margin-left: -20px;
	margin-bottom: -80px;
    font-weight: 800;
	display: block;
}
.sign-left{
	position: relative;
    background-image: -webkit-linear-gradient(0deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
	display: flex;
	flex-direction: column;
}
.sign-left img{
	position: absolute;
	bottom: 0;
}
.sign-left ul{
	height: 40%;
}
.sign-left ul li{
    color: #fff;
    border: 2px solid #fff;
    width: 120px;
    border-radius: 50px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 20px;
	text-align: center;
}
.sign-left ul li:hover {
    color:#d085b8;
    border: 2px solid #fff;
	background-color: #fff;
    width: 120px;
    border-radius: 50px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 20px;
	text-align: center;
}
.sign-left ul li a:hover{
	color:#d085b8;
}
.sign-left ul li i{padding-right:6px; }
.sign-block h10{
	width: 200px;
	font-size: 30px;
	text-align: center;
	margin: 0px 189px;
}
.sign-block{
	width: 500px;
	margin:138px auto;    
}


.sign-blank li{
	width: 500px;
	font-size: 15px;
	color: #000;
	background-color:#eeefed;
	margin-top: 30px;
	padding: 20px;
	border-radius: 10px;
	letter-spacing: 2px;
	
}
.othersign{
	width:72px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: center;
}
.othersign li{
	border-bottom: 2px solid #8ac95f;
}
.othersign li a{
    font-size: 18px;
	text-align: center;
}
.news .main-wrapper .shopping-cart-main{padding-top: 225px;}
.news .main-wrapper .shopping-cart-main .section2 .inner-wrap .container {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
    z-index: 1;
}
.inner-bg{width:500px;}

.decor{
	width:300px;
	margin-left:-300px;
	padding-bottom:-100px;}

.news .main-wrapper main section.section2 .inner-wrap{
    background-color: #fff;
    margin-top: 200px;
    padding: 70px 0;
}

.shoppingcart-wrapper, .checkout-wrapper{
	max-width:900px;
	margin:0 auto;
	padding:20px;
	}

.shoppingcart-item{
    width:95%;
    margin:20px auto;
    padding:20px;
    background-color: #f5ece6;
    border:1px solid #e3d0c4;
    position:relative;
	}

.order-tab .shoppingcart-item.completed{display:flex;}
.order-tab .shoppingcart-item.cancel{display:flex;}

.order-tab .shoppingcart-item>.item-pic{flex:0 0; flex-basis:100px;}
.order-tab .shoppingcart-item>.item-detail{flex:1;}

.comb-main{width:100%; margin:20px auto 0;}
.comb-sub{width:100%; margin:0 auto; padding:20px 20px 20px 10%;}

.item-name-box, .item-specs{width:100%; display:flex;}

.item-name-box .item-detail{width:80%;}

.item-specs{justify-content:space-between;}

.shoppingcart-item .cart-price{width:120px; text-align:right;}

.shoppingcart-item .item-quantity{width:120px; justify-content:center;}

.shoppingcart-item .item-quantity form{
	display:flex;
	justify-content:center;
    align-items:center;
	}

.add_on-cart-wrapper{max-width:1200px;}

.add_on-cart-wrapper .comb-main{width:95%; padding:10px 20px;}

.add_on-cart-wrapper .shoppingcart-item{margin:0 auto 20px;}

.add_on-cart-wrapper input[type="checkbox"]{
	opacity:0;
    top:0;
    left:0;
    position:absolute;
    }

.add_on-cart-checkbox{
	position:relative;
	display:flex;
    align-items:center;
	}

.add_on-cart-checkbox__box{
	position:relative;
    width:16px;
    height:16px;
    border-radius:2px;
    border:1px solid rgba(0,0,0,.14);
    text-align:center;
    box-shadow:inset 0 2px 0 0 rgb(0 0 0 / 2%);
    margin-right:8px;
	}

.add_on-cart-checkbox__box::before{
	position:absolute;
    content:"";
    height:5px;
    width:9px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:3px;
    top:3px;
	}

.checkbox--checked .add_on-cart-checkbox__box{background-color:#ff6464;}
.checkbox--checked .add_on-cart-checkbox__box::before{border-color:#fff;}

.add_on_main_header{
	width:95%;
	margin:0 auto;
	padding:20px;
	background-color:rgba(255,100,100,0.1);
	border:1px solid rgba(255,100,100,0.1);
	}

.add_on-cart-wrapper .item-name-box>.item-pic{flex-basis:100px;}
.add_on-cart-wrapper .item-pic img{padding:10px;}

.add_on-cart-wrapper .add_on-detail{
	display:flex;
	flex-grow:1;
	width:auto;
	justify-content:space-between;
	align-items:center;
	}

.add_on-cart-wrapper .add_on-detail .item-spec-inner{
	display:flex;
    flex-direction:column;
    justify-content:center;
	cursor:pointer;
	}

.item-spec-inner p{
	font-size:14px;
	font-weight:400;
	line-height:1.5em;
	position:relative;
	letter-spacing:unset;
	}

.item-spec-inner i{margin-left:5px; position:absolute; top:2px;}

.item-spec-inner p.light-color{color:#ccc;}

.add_on-cart-wrapper .add_on-detail .tit{
	font-size:14px;
    display:-webkit-box;
    width:100%;
    max-width:250px;
    height:3.2em;
    line-height:1.6em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}

.add_on_main li{border-bottom:1px solid rgba(204,204,204,0.5);}

.add_on_main li:last-child{border-bottom:none;}

.add_on-detail .pop-qty-block{display:none;}

.ecoupon-header{font-size:20px; font-weight:400;}

.ecoupon-content{
    margin:10px 0;
    border-bottom:1px solid #ddd;
    }

.ecoupon-content a{
    padding:10px 0 10px 5px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	}

.ecoupon-content span{
	font-size:16px;
    font-weight:200;
    color:#aaa;
    }

.ecoupon-content i{
	font-size:16px;
    color:#aaa;
    }

.ecoupon-selector-block{
	margin-top:15px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}

.ecoupon-selector{
    width:70%;
    box-sizing:border-box;
    height:40px;
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:5px;
    background-color:#fff;
	}

.ecoupon-selector>input{width:100%; height:100%; border:0;}

.ecoupon-selector-block button{
	font-size:15px;
    color:#fff;
    background-color:#ff6464;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #ff6464;
    border-radius:5px;
    width:76px;
    height:40px;
    cursor:pointer;
	}

.ecoupon-box{
	width:100%;
	min-height:160px;
	margin:20px auto;
	padding:10px;
	border:1px solid #dcdcdc;
	background-color:rgb(255, 255, 255);
    border-radius:4px;
    box-shadow:rgb(0 0 0 / 20%) 0px 1px 3px 0px, rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 2px 1px -1px;
    position:relative;
	}

.coupon-icon{
	width:30px;
	display:inline-block;
	vertical-align:bottom;
	}

.ecoupon-box h4{
	font-size:30px;
	margin-top:10px;
	margin-bottom:5px;
	}

.ecoupon-box .remark-text{font-size:12px; color:#999999; line-height: 1.5em;}
.ecoupon-box .remark-date{font-size:12px; color:#666666; line-height: 1.5em;}

.use-btn-box{
	position:absolute;
	right:10px;
	bottom:10px;
	}

.use-btn-box a{
	padding:10px 12px;
	border:1px solid #ccc;
	border-radius:5px;
	}

.use-btn-box.selected a{
	color:#fff;
	border:1px solid #ff6464;
	background-color:#ff6464;
	}

.ecoupon-action-btn{
	width:100%;
	margin-top:20px;
	display:flex;
	justify-content:flex-end;
	}

.ecoupon-action-btn a{
	padding:10px 12px;
	margin-left:15px;
	color:#fff;
	border:1px solid #686868;
	border-radius:5px;
	background-color:#686868;
	}

.ecoupon-action-btn a:hover{border:1px solid #000; background-color:#000;}

.remit-block{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}

.remit-search{
    width:70%;
    box-sizing:border-box;
    height:40px;
    padding:5px 10px;
    border:1px solid #ddd;
    border-radius:5px;
    background-color:#fff;
	}

.remit-search>input{width:100%; height:100%; border:0;}

.remit-block button{
	font-size:15px;
    color:#fff;
    background-color:#ff6464;
    text-align:center;
    box-sizing:border-box;
    border:1px solid #ff6464;
    border-radius:5px;
    width:76px;
    height:40px;
    cursor:pointer;
	}

.delete-btn{
	position:absolute;
	top:15px;
	right:15px;
	}

.delete-btn a{
	color:#888;
	width:30px;
	height:30px;
	text-align:center;
	line-height:32px;
	}

.delete-btn:hover a{color:#ff6464;}

.order-btn{position:absolute; top:20px; right:20px;}
.remit-btn{position:absolute; top:65px; right:20px;}
.order-cancel-btn{position:absolute; top:110px; right:20px;}

.order-btn a{
    padding:10px;
    background-color: #53514e;
    color: #fff;
}

.remit-btn a,
.order-cancel-btn a{
	padding:10px;
	background-color: #9b5a5a;
    color: #fff;
	letter-spacing:4px;
    transition: all 0.3s;
}

.remit-btn a:hover, .order-cancel-btn a:hover {
    background-color: #824242;
}

.shrink-btn{background-color:#e3d0c4;}

.shrink-btn a{
	text-align:center;
	margin-top:15px;
	padding:10px;
	border:1px solid #e3d0c4;
	}

.order-btn a i, .shrink-btn a i{margin-left:5px;}

.order-detail-open .order-btn a i{transform:rotate(180deg);}
.order-detail-open .shrink-btn a i{transform:rotate(180deg);}

.order-detail-box{
	display:none;
	width:100%;
	border-top:1px solid #dcdcdc;
	}

.order-detail-open .order-detail-box{display:block;}

.order-detail-box>.box-inner{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	background-color: #fff;
	margin-top:15px;
	padding:10px 0;
	}

.order-detail-box>.box-inner.has-promotion{margin-top:0; border-top:none;}

.order-detail-box .box-inner>.item-pic{flex:0 0; flex-basis:130px;}
.order-detail-box .box-inner>.item-detail{flex-grow:1; width:auto;}

.item-name-box>.item-pic{flex:0 0; flex-basis:100px;}
.item-name-box>.item-detail{flex-grow:1; width:auto;}

.order-detail-info{line-height:25px; flex:1;}

.order-detail-info .tit{font-size:16px;}

.order-detail-info .options{
    font-size:14px;
    font-weight:200;
    padding-top:0px;
	}

.order-detail-info .options.check-price{font-weight:bold;}

.promotion-tag{
	width:100%;
	padding:10px 30px;
	background-color:#f8e8e3;
	margin-top:-10px;
	}

.promotion-tag.color-blue{background-color:#98928c;}

.promotion-tag.color-blue h3 {
    color: #fff;
}

.form-detail{
	width:100%;
	border:1px solid #e1e1e1;
	margin:10px;
	}

.form-detail li{display:flex; border-bottom:1px solid #e1e1e1;}

.form-detail li:last-child{border-bottom:none;}

.form-detail .form-title{width:30%; padding:10px;}
.form-detail .form-desc{width:70%; padding:10px; border-left:1px solid #e1e1e1;}

.progress-bar{
	width:100%;
	display:flex;
	margin-top:30px;
	padding-bottom:20px;
	}

.progress-box{
	width:25%;
	position:relative;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    flex-direction:column;
    -webkit-box-pack:start;
    justify-content:start;
    flex:1 1 0%;
    font-size:15px;
	}

.bjQtgs{
    background-color:rgb(204, 204, 204);
    position:absolute;
    height:6px;
    width:100%;
    top:47px;
    left:-50%;
	}

.progress-box:first-child .bjQtgs{display:none;}

.progress-date{
	color:rgb(153, 153, 153);
    font-weight:500;
    line-height:1.2em;
    width:100px;
    height:35px;
    margin-bottom:5px;
    text-align:center;
    }

.progress-circle{
	background-color:rgb(255, 255, 255);
    border:4px solid rgb(204, 204, 204);
    border-radius:10px;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0px 10px;
    position:relative;
    z-index:10;
    }

.progress-state{
	color:rgb(153, 153, 153);
    line-height:16px;
    margin-top:5px;
    font-weight:400;
    text-align:center;
    }

.progress-box.checked .progress-date,
.progress-box.checked .progress-state{
	color:rgb(0, 0, 0);
	}

.progress-box.checked .progress-circle{
	border: 4px solid rgb(155, 90, 90);
	}

.progress-box.checked .bjQtgs{
	background-color:rgb(155, 90, 90);
	}

.cart-total{
	width:100%;
	border:1px solid #ccc;
	background-color: #eee;
	flex-wrap:wrap;
	}

.conclusion-block{display:flex; justify-content:flex-end;}

.conclusion-box{width:100%; padding:10px 5px;}

.conclusion_for_discount{background-color:#fff; margin:10px;}

.conclusion-row{
	display:flex;
	padding:5px;
	font-size:16px;
	font-weight:lighter;
	}

.conclusion-block .conclusion-li_left{flex:2; text-align:left;}
.conclusion-block .conclusion-li_right{flex:1; text-align:right;}

.has-top-border{
	border-top:1px solid #ccc;
	padding-bottom:0;
	}

.conclusion-total{
	letter-spacing:2px;
    line-height:30px;
    font-size:20px;
    font-weight:800;
	color:#ff0000;
	padding-top:7px;
	}

.free-delivery{
	width:100%;
	margin:10px 5px;
	padding:5px;
	text-align:right;
	background-color:#fff;
	}

.free-delivery p{font-size:14px; font-weight:lighter;}

.question-tag{position:relative; cursor:pointer;}

.question-tag i{color:#9b9b9b; margin-left:5px;}

.question-note{
	display:none;
	position:absolute;
	top:20px;
	right:0;
	}

.question-note p{
	width:270px;
	font-size:10px;
	text-align:left;
	line-height:1.5em;
	padding:5px 10px;
	color:#fff;
	background-color:#666;
	border-radius:3px;
	}

.question-tag:hover .question-note{display:block;}

.promotion-mark{
	position:absolute;
	top:15px;
	left:15px;
	background-color:rgba(255,255,255,0.25);
	}

.promotion-mark p{
	font-size:14px;
	color:#ff6464;
	padding:4px 6px;
	border:1px solid #ff6464;
	border-radius:3px;
	}

.item-detail{
	line-height:25px;
	margin: 2px;
	
}
.item-detail .tit {
    font-size:16px;
    font-weight: 400;
}
.item-detail .model {
    font-size: 14px;
    font-weight: 200;
    color: #aaa;
}
.item-detail .options {
    font-size: 14px;
    font-weight: 200;
    padding-top: 10px;
}
.item-detail .discount {
    font-size: 19px;
    font-weight: 400;
}
.item-detail h12{
	font-weight: 800;
	font-size: 20px;
}

.add-on-box{margin-top:10px;}

.add-on-box a{color:#ff6464;}

.add-on-tag{
	border-radius:3px 0 0 3px;
    display:inline-block;
    font-size:12px;
    float:left;
    height:20px;
    line-height:20px;
    margin-top:2px;
    margin-right:5px;
    position:relative;
    padding:0 10px 0 15px;
    transition:color .2s;
    background-color:#ff6464;
    color:#fff;
	}

.add-on-tag::before{
    border-radius:10px;
    box-shadow:inset 0 1px rgb(0 0 0 / 25%);
    content:'';
    height:5px;
    left:5px;
    position:absolute;
    top:7px;
    width:5px;
    background-color:#fff;
	}

.add-on-tag::after{
    border-bottom:10px solid;
    border-left:10px solid;
    border-top:10px solid;
    content:'';
    position:absolute;
    right:0;
    top:0;
    border-left-color:#ff6464;
	}

.item-pic img{padding:10px;}

.item-quantity{
	font-size: 20px;
	font-weight: 500;
    display: flex;
}
.item-quantity .quantity{
	margin-right: 20px;
}
.item-price{
	margin:60px 10px;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	
}

.item-quantity .cart-add-num,
.pop-qty .cart-add-num{
    font-size:17px;
    width:60px;
    height:32px;
	border:1px solid #aaa;
    display:flex;
    justify-content:center;
    align-items:center;
	}

.c-d{
	margin: 55px auto;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    width: 100px;
	
}
.c-d li{
	background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 2px;
    margin-top: 10px;
}
.c-d li:hover{
    border: 1px solid #aaa;
	padding: 10px;
}
.c-d li a:hover {
    color: #000;
}
.edit-btn .del-btn {
    border: 1px solid #ff6464;
    color: #ff6464;
}
.edit-btn .del-btn:hover {
    border: 1px solid #ff0000;
}
.edit-btn .del-btn a:hover {
    color: #ff0000;
}
.shoppingcart-btn {
	width: 100%;
	padding-top:20px;
    padding-bottom:40px;
    margin: 0 auto;
	text-align: center;
}
.shoppingcart-btn li{
    background-color: #fff;
    background-color: #53514e;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 200;
    margin-left: 10px;
    letter-spacing: 2px;
}
.shoppingcart-btn li:hover {
    background-color: #e3d0c4;
}
.shoppingcart-btn li a {
    color: #fff;
}
.shoppingcart-btn li:hover a {
    color: #53514e;
}

.identify-list{
	display:flex;
	flex-wrap:wrap;
	margin-top:20px;
	}

.identify-list li{
	width:100%;
	padding:10px;
	margin:0 auto 10px;
	text-align:center;
	}

.identify-list li a{
    background-color:#dcdcdc;
    border:1px solid #dcdcdc;
    border-radius:5px;
    padding:20px 0;
	}

.identify-list li a:hover{
	color:#fff;
	background-color:#700414;
    border:1px solid #700414;
	}

.checkout-item {
    margin-bottom:40px;
    border:1px solid #e3d0c4;
}

.checkout-item-header{
	padding:20px;
	border-bottom: 1px solid #e3d0c4;
    background-color: #f5ece6;
	position:relative;
	}

.checkout-order-btn{
	position:absolute;
	top:60px;
	right:30px;
	cursor:pointer;
	}

.checkout-order-btn .fa-down-left-and-up-right-to-center{display:none;}

.checkout-order-open .fa-up-right-and-down-left-from-center{display:none;}
.checkout-order-open .fa-down-left-and-up-right-to-center{display:block;}

.checkout-item-content{display:none;}

.checkout-item-header.total-amount{
	border-bottom:1px solid #a0645f;
	background-color:#a0645f;
	}

.checkout-item-header h2 {
    font-size:20px;
    font-weight:400;
    line-height:1.5em;
}

.checkout-item-header.total-amount h2{color:#fff;}

.checkout-list li{
	display:block;
	cursor:pointer;
	border-bottom:1px solid #ccc;
	}

.checkout-list li:last-child{border-bottom:none;}

.checkout-list li input[type=radio]{display:none;}

.checkout-list li label{
	display:block;
	padding:20px 20px 20px 40px;
	cursor:pointer;
	position:relative;
	}

.checkout-list li label::before, .checkout-list li label::after{
	content:"";
    position:absolute;
    top:50%;
    left:15px;
    -webkit-transform:translate(0,-50%) scale(1);
    transform:translate(0,-50%) scale(1);
    display:inline-block;
    width:16px;
    height:16px;
    box-sizing:border-box;
    transition:0.15s ease-in-out;
    transition-property:background-color,border-color,-webkit-transform;
    transition-property:background-color,border-color,transform;
    transition-property:background-color,border-color,transform,-webkit-transform;
	}

.checkout-list li input[type=radio]+label::before,
.checkout-list li input[type=radio]+label::after{
    border-radius:50%;
    border:1px solid #c3c3c3;
    background-color:#fff;
    }

.checkout-list li input[type=radio]:checked+label::before,
.checkout-list li input[type=radio]:checked+label::after{
	border-color:#ff6464;
	}

.checkout-list li input[type=radio]:checked+label::after{
	-webkit-transform:translate(0,-50%) scale(.5);
    transform:translate(0,-50%) scale(.5);
    background-color:#ff6464;
	}

.checkout-total{padding:20px; text-align:right;}

.checkout-total p{
	letter-spacing:2px;
    line-height:30px;
    font-size:20px;
    font-weight:800;
    color:#ff0000;
	}
.checkout-total span{font-size:28px;}


.checkout-wrapper select {
    padding: 10px;
    margin: 10px 0;
    font-size: 16px;
    width: 20%;
    border: 1px solid #aaa;
}
.checkout-item .form-row {
    display:flex;
    padding:10px 10px 10px 0;
}
.checkout-item .form-row .col-l {
    width: 15%;
    display: flex;
    justify-content: right;
    padding-top:15px;
    padding-right: 30px;
}
.checkout-item .form-row .col-r {
    width: 85%;
}
.checkout-item .input {
    background-color: #f5ece6;
    border: 1px solid #e3d0c4;
    padding: 10px;
}

.ecoupon-list li{padding:20px;}

.sum-item{display:flex; border-top:1px solid #e3d0c4; position:relative;}
.sum-item .item-detail{padding:10px;}

.sum-item.has-remark{padding-top:35px;}

.item-remark{position:absolute; top:10px; left:15px;}

.item-remark h5{
	font-size:14px;
    color:#ff6464;
    padding:4px 6px;
    border:1px solid #ff6464;
    border-radius:3px;
    }

.checkout-item-order{font-size:16px; font-weight:bold;}
.checkout-item-order span{font-size:22px; color:#ff0000; padding-left:5px;}

.confirm-item-content{display:flex; flex-wrap:wrap;}

.confirm-item-block{width:50%; padding:20px 20px 0;}
.confirm-item-block.confirm-remark{width:100%; padding:0 20px 20px;}

.confirm-item-box{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	}

.confirm-item-block .confirm-item-box .col-l{
	flex-basis:115px;
	padding:10px 5px 10px 0;
	text-align:right;
	}
.confirm-item-block .confirm-item-box .col-r{flex:1; padding:10px 0 10px 5px;}

.confirm-item-box.confirm-statement{padding:0 30px 20px;}

.confirm-statement h3{font-size:20px; font-weight:bold;}

.confirm-statement ul{padding:20px;}

.confirm-statement ul li{
	font-size:16px;
	padding:5px 0;
	line-height:1.5em;
	list-style:decimal;
	}

.confirm-statement ul li a{display:inline-block; color:#9b9b9b;}

.vat-content{display:none; padding:5px 20px;}

.vat-open .vat-content{display:block;}

.vat-block{
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #dbdbdb;
	}

.vat-box{
	width:50%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	}

.vat-box label{
	flex-basis:120px;
	text-align:right;
	padding:20px 5px 20px 20px!important;
	}

.vat-box input{
	flex:1;
	padding:10px 12px;
    border-radius:5px;
    border:1px solid #aaaaaa;
    margin:15px 10px 12px;
	}

.sum-item .item-detail .tit{
	display:-webkit-box;
    width:100%;
    height:3.2em;
    line-height:1.6em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}

.sum-item .item-detail .options{padding-top:0;}
.sum-item .item-detail .check-price{font-weight:bold;}

.sum-item .conclusion-block{width:100%;}

.sum-item table {
    width: 100%;
    border-bottom: 1px solid #e3d0c4;
}
.sum-item tr {
    display: flex;
    border-top: 1px solid #e3d0c4;
}
.sum-item td{padding:15px;}

.sum-item .td-l{width:20%; border-right:1px solid #e3d0c4;}

.sum-item .td-r{width:80%; padding-left:40px;}

.sum-item img{width:100px;}

.sum-proname {
    font-size: 20px;
    font-weight: 400;
    margin: auto 0;
}
.check-btn {
    font-size: 18px;
    text-align: center;
    background-color: #53514e;
    color: #fff;
    padding: 12px;
    margin-top: 30px;
    margin-right: 10px;
    margin-bottom: 30px;
    width: 200px;
    transition: all 0.3s;
}

.check-btn:hover{
    background-color: #e3d0c4;
    color: #53514e;
}

.order-tab .tab{border-bottom:1px solid #aaa;}

.order-tab .tablinks {
    background-color: #fff;
    border: 0;
    padding: 10px 20px;
    font-size: 16px;
    margin: 0 20px;
}
.order-tab .active {
    color: #ff6464;
    border-bottom: 3px solid #ff6464;
}
.order-num {
    color: #9b5a5a;
    padding-bottom: 10px;
}
.cancel-order {
    font-size: 20px;
    color: #aaa;
    border-bottom: 1px solid #ccc;
    padding: 80px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-block{padding-top:30px;}

.order-block h8{
	font-weight: 500;
	font-size: 30px;
	display: block;
    width: 150px;
}

.order-info{display:flex; line-height:50px; margin-top:30px;}

.order-info li{padding-left:20px;}

.info-blank{
	border-bottom:1px solid #000000;
	width:200px;
	margin-bottom:15px;
	margin-left:10px;
}

.sort{letter-spacing:1px; padding:10px;}

.member-left{
    background-image: -webkit-linear-gradient(0deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
    background-image: -moz-linear-gradient(0deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
    background-image: -o-linear-gradient(0deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
    background-image: linear-gradient(90deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
	display: flex;
	flex-direction: column;

}
.member-left ul li{
    border: 2px solid #fff;
	color: #fff;
    width: 120px;
    border-radius: 50px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 20px;
	text-align: center;
}
.member-left ul{
	height: 40%;
}
.member-left ul li:hover{
    border: 2px solid #fff;
	color:#ECBE4C;
    background-color: #fff;
    width: 120px;
    border-radius: 50px;
    padding: 10px;
    margin-left: 20px;
    margin-top: 20px;
    text-align: center;
}

.member-left ul li a:hover{color:#ecbe4c;}

.member-left ul li i{padding-right:6px;}

.member-title h11{
    color: #ffffff9e;
    font-size:180px;
    margin-left: -20px;
    font-weight: 800;
	display: block;
}

.member-block{width:100%; margin:73px auto;}

.member-block h10{
	width: 200px;
	font-size: 30px;
	text-align: center;
	margin: 0px 189px;
}

.othermem{
	width:300px;
	margin: 0 auto;
	padding-top: 100px;
	text-align: center;
}
.othermem li{
	width:200px;
	border-bottom: 2px solid #333;
    padding-bottom: 5px;
	margin-right: 25px;
}

.othermem li a{font-size:18px; text-align:center;}

.total-block{width:50%; text-align:end;}

.total{font-size:25px; color:red; font-weight:500;}

.s2-text{
	font-family: "微軟正黑體";
    width:100%;
    line-height: 30px;
	letter-spacing:2px;
	font-size: 16px;
	padding: 20px;
	border-top: 1px solid #8C8C8C;
}
.s2-text h13{
	font-family: "微軟正黑體";
    line-height: 30px;
	letter-spacing:2px;
	font-size: 20px;
	font-weight:600;
}

.s2-pic{padding:25px;}

.protect-n{width:100%; max-width:500px; margin:0 auto 20px;}

.qa-text{padding-top:40px; line-height:35px;}

.qa-text h14{
	font-family: "微軟正黑體";
	letter-spacing:2px;
	font-size: 20px;
	font-weight:600;
	
}

.qa-text li{
    font-family: "微軟正黑體";
	letter-spacing:2px;
	font-size: 16px;
	line-height: 1.5em;
	
}

.size-block{margin:0 auto; padding-top:10px; width:80%;}

.size-text, .color-title{line-height:35px;}

.size-text h14{
	font-family: "微軟正黑體";
	letter-spacing:2px;
	font-size:20px;
	font-weight:600;	
}


 .news-img {
    position: relative;
    width: 100%;}
.products-name {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-top: 30px;
}
.pro-breadcrumb{padding-top: 10px;justify-content: flex-start;}
.probreadcrumb{
    margin-bottom:0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	align-items: center;
	}
	
.probreadcrumb>li:not(:last-child) {
    white-space: nowrap;
}
.probreadcrumb>li {
    font-size: 14px;
	font-weight: 100;
    line-height: 1.5;
    letter-spacing: 1.4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.probreadcrumb>li a.home {
    font-family: "Noto Sans TC",sans-serif,"icomoon" !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
	align-items: center;}
.breadcrumb-wrap .breadcrumb>li a {
    position: relative;
    z-index: 1;
}
.breadcrumb-wrap .probreadcrumb>li:not(:first-child)::before {
    content: ">";
    color: #9b9b9b;
    margin: 0 10px;
}
.product-details-area{width: 70%;}
	.col-lg-7{width: 100%;}
	.col-lg-5{width:100%;}
.month-list .grid-news {width: 50%;}
.grid-news{width: 33%; padding: 0 30px; margin-bottom: 40px;}

.grid-news .news-item .products-img {
    overflow: hidden;
    background: #000;
	position: relative;
}
.grid-news .news-item:hover .products-img img {
    transform: scale(1.1);
    transition: 0.5s;
    opacity: 0.6;
}
.products-img img {
	background-color: #fff;
}
.grid-news .news-item .products-img .btn {
	display: none;
}
.grid-news .news-item:hover .products-img .btn {
    display: block;
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.grid-news .btn a {
    font-size: 18px;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 12px;
    margin: 10px auto;
    width: 200px;
}
.grid-news .btn a:hover {
    background-color: #333;
}
.ex-grid {
    width: 100%;
    padding: 0 30px;
    margin-bottom: 40px;
}

.dis-grid-news{width:30%;}
.news-list{padding-top:0px;}
.dis-news-list{width:100%; padding-top:150px;}
.dis-news-list h15{font-size:36px; font-weight:400; margin:0 auto;}
.dis-row{display:flex; flex-wrap:wrap; margin-top:30px;}
.map{width:100%;}
.map iframe{width:100%;}
.apart-main-pic{width:65%}
.apart-text{width:35%}
.login-title{position:relative; height:60%;}
.login-title img{position:absolute; bottom:0;}
.login-wrapper{display:flex; width:100%;}
.login-left{width:40%}
.login-right{width:60%;}
.sign-right{width:60%;}
.order-bottom{width:70%;}
.total-block{width:30%;}
.slogan{font-size:30px; padding-top:30px;}
 .title_ch{
	margin-bottom:25px;
	font-weight:800;
	font-size:60px;
	line-height:1.22;
	letter-spacing:3px;
	margin-left: -50px;
}
.description{
	font-size:30px;
	line-height:1.39;
	letter-spacing:1px;
	margin-bottom:54px;
	font-weight:500;
    margin-left: -50px;
}
.text-area{
	position:absolute;
	top:33.777%;
	width:630px;
	opacity:0;
	-webkit-transform:translate3d(0, 20%, 0);
	transform:translate3d(0, 20%, 0);-webkit-transition:.4s ease-in-out;
	-o-transition:.4s ease-in-out;transition:.4s ease-in-out}
.text-area.show{
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);opacity:1}
.align-center{
	-webkit-transform:translate3d(-50%, 0, 0);
	transform:translate3d(-50%, 0, 0)}
 .title_en{
	 font-size:30px;
	 font-weight:800;
	 margin-bottom:10px;
	 margin-left: -50px;
}

/*contact*/
.contact-block{display:flex; flex-wrap:wrap;}

.contact-map-part, .contact-form-part{width:50%;}
.contact-map-part>.box-inner, .contact-form-part>.box-inner{margin:10px;}

.contact-map-box{margin-bottom:15px;}

.contact-map-box iframe{width:100%; height:350px;}

.contact-info-box h5{font-size:20px;}
.contact-info-box p{
	font-size:16px!important;
	margin-bottom:0!important;
	}

.contact-form-box{width:100%;}
.contact-form-box>.box-inner{margin:15px 10px 25px;}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}

.form-check .form-check-input {
    float: left;
}

.form-check .form-check-label {
    display: flex;
    margin-bottom: 7px;
}

/*.contact-form-box.name-box{width:50%;}*/

.remark p{
	font-size:16px!important;
	color:#686868;
	padding-left:15px;
	}

.remark span{color:#ea0000; margin-right:5px;}

.contact-form-box label{
    font-size:18px;
    padding-left:10px;
    color:#686868;
	}

.contact-form-box span{
    margin-right:5px;
    color:#ea0000;
    font-size:20px;
    vertical-align:sub;
	}

input[type="text"]{-webkit-appearance:none;}

.contact-column{
    display:block;
    width:100%;
    height:50px;
    padding:14px 15px;
    margin-top:7px;
    font-size:14px;
    line-height:1.57143;
    color:#212121;
    background-color: #f5ece6;
    background-image: none;
    border: 1px solid #e3d0c4;
    border-radius:5px;
    /*-webkit-box-shadow:0 1px 1px 1px rgb(0 0 0 / 10%);
    box-shadow:0 1px 1px 1px rgb(0 0 0 / 10%);*/
    -webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	}

textarea.contact-column{
    height:220px;
    min-height:54px;
    max-height:400px;
    resize:vertical;
	}

input#contact-yzm{
    width:150px;
    height:38px;
    display:inline-block;
    margin:0 0 0 10px;
	}

.verify-pic{display:inline-block; width:inherit;}

.btn-block{text-align:center; margin-top:15px;}

.btn-block button{
	width:200px;
	margin:20px auto 0;
	padding:15px 15px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	background-color:#53514e;
	border:1px solid #53514e;
	border-radius:5px;
	}

.btn-block button i{color:#fff; padding-right:10px;}

.btn-block button:hover {
    color: #53514e;
    background-color: #e3d0c4;
    border: 1px solid #e3d0c4;
}

.btn-block button:hover i {
    color: #53514e;
}

/*branches*/
.branches-content{width:100%;}

.googlemap-main-box{width:100%; height:350px;}

.googlemap-main-box iframe{width:100%; height:100%;}

.dealer .tab{text-align:center; margin:30px auto; padding:0!important;}

.dealer .tablinks{
    font-size:16px;
    text-align:center;
    background-color:#fff;
    border:1px solid #ccc;
    color:#000;
    padding:10px 25px;
    margin-right:10px;
    cursor:pointer;
	}

.dealer .tablinks:hover{background-color:#666; color:#fff;}

.dealer .tablinks.active{background-color:#333; color:#fff;}

.dealer-table{
	width:100%;
	max-width:800px;
	margin:0 auto;
	text-align:left;
	}

.dealer-table td{
	font-size:14px;
	padding:15px;
	line-height:25px;
	vertical-align:middle;
	}

.dealer-table tbody tr:nth-child(odd){background-color:#efefef;}

.dealer-shop h6{font-size:16px; font-weight:500;}

.dealer-table a{display:inline-block;}

.dealer .numpage-btn .pagination li{line-height:inherit;}

.region-selection{
    font-size:18px;
    font-weight:200;
    margin:15px auto 25px;
    padding:0 15px;
	display:flex;
	}

.region-selection .city{padding-right:30px;}

.region-selection select {
    padding:10px;
    font-size: 16px;
    border: 1px solid #aaa;
}

.branches-block{display:flex; flex-wrap:wrap;}

.branches-row {
    width:50%;
    display:flex;
	flex-wrap:wrap;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.branches-col{width:100%; padding:0 20px 20px;}

.map-box iframe{width:100%; height:350px;}

.branches-row .branches-col .text h3 {
    font-size:18px;
    font-weight: 400;
    padding-bottom: 10px;
}
.branches-row .branches-col .text p{
	font-size:14px;
	font-weight:200;
    margin-bottom:0;
	}

@media only screen and (max-width:1200px){
    .search-box{display:none;}
	.branches-col{width:100%;}
}

@media only screen and (max-width:587px){
    .region-selection{flex-wrap:wrap;}
	.region-selection .city{width:100%; padding-right:0; margin:10px auto;}
	.region-selection .district{width:100%; padding-right:0; margin:10px auto;}
	.region-selection select{padding:7px 12px;}
}

.numpage-btn{width:100%; text-align:center;}

.numpage-btn .pagination {
    margin: 20px 0;
    display: inline-flex;
	margin-top: 60px;
}

.numpage-btn .pagination li{
    padding:5px 10px;
    list-style:none!important;
}

.numpage-btn .pagination li.active{background-color:#333;}

.numpage-btn .pagination li.active a{color:#fff;}

/*n1 page*/
.shopping-guide{width:100%;}

.guide-content p {
    font-size: 18px;
    font-weight: 200;
    text-align: left;
    line-height: 1.5em;
}
.guide-layer {
    margin-bottom: 60px;
	padding-bottom: 60px;
    border-bottom: 1px solid #ccc;
}
.guide-layer h2.number {
    font-family: sans-serif;
    font-size: 80px;
    font-weight: bold;
    color: #eee;
}
.guide-layer h3 {
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin-top: -20px;
    padding-left: 25px;
}
.guide-row {
	display: flow-root;
    padding: 25px;
}
.guide-row .step-col {
    width: 20%;
    float: left;
	text-align: center;
	padding: 0 28px;
}
.guide-row .step-col:hover {
    background-color: #f5ece6;
}
.guide-row .next-step {
    width: 6%;
    float: left;
	text-align: center;
	padding: 40px 0;
    font-size: 24px;
    color: #666;
}
.guide-row .step-col i.fa {
    font-size: 48px;
    background-color: #eee;
    color: #666;
    padding: 20px;
	margin-bottom: 15px;
    border-radius: 50px;
	width: 90px;
    height: 90px;
}

.guide-row .ship-col{width:50%; float:left;}

.ship-col h3{padding-bottom:20px;}

.ship-col p{padding-left25px;}

.step-col p.number {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #666;
}

.guide-row .step-col i {
    color: #53514e;
    font-size: 42px;
}

.guide-row .step-col:hover i {
    color: #9b5a5a;
}

p.red-text{color:#ff0000;}

/*Shop Page*/
.navbar .container .menu-btn i {
    color: #000;
}
.main-menu {
    background-color: #ccc !important;
}
.main-menu .close-btn span::before, .shop .main-menu .close-btn span::after {
    background-color: #000 !important;
}
.main-menu .base .list li a {
    color: #000;
}

.main-menu .base .list li a:hover{color:#666;}

.mobile-contact li{
    background-color:#000;
    color:#fff;
    width:40px;
    height:40px;
    font-size:20px;
    padding:0;
    margin:0 10px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.mobile-contact li:hover{background-color:#333;}

.mobile-contact li a:hover{color:#fff;}

.shop-index .main-wrapper main{padding-top:0; position:relative;}

.shop-login .navbar .container {
    border: 0;
}

.navbar .container nav ul li a{color:#fff;}

.search-container {
	position: relative;
	display: inline-block;
	margin: 4px 2px;
	height: 50px;
	width: 50px;
	vertical-align: bottom;
}

.mglass {
	display: inline-block;
	pointer-events: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.searchbutton {
	position: absolute;
	font-size: 28px;
    text-align: center;
	width: 100%;
	margin: 0;
	padding: 10px;
}

.search:focus + .searchbutton {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: white;
	color: black;
}

.search {
	position: absolute;
	left: 49px; /* Button width-1px (Not 50px/100% because that will sometimes show a 1px line between the search box and button) */
	background-color: #eeeeee;
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 100%;
	z-index: 10;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}

.search:focus {
	width: 363px; /* Bar width+1px */
	padding: 0 16px 0 0;
}

.expandright {
	left: auto;
	right: 49px; /* Button width-1px */
}

.expandright:focus {
	padding: 0 0 0 16px;
}

.search-box{
    background-color: #98928c;
    border-radius: 10px;
    width: 100%;
    height: 30px;
    margin: 5px 0;
}

.mobile-search-box{width:100%;}

.mobile-search-box-inner{
	background-color:#98928c;
    border-radius:20px;
	display:flex;
	height:40px;
    margin:5px 0;
    padding:0;
	}

.mobile-search-box-inner input[type="text"]{
	max-width:175px;
	border:0;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
    background: transparent;
	}

.search-box input#search, .mobile-search-box input#mobile-search{
    background-color:transparent;
    border:0;
    padding:5px;
}

.search-bar {
    color: #fff;
}

.search-bar::placeholder {
    color: #ddd;
}

.search-box .search-btn, .mobile-search-box .search-btn{
    background-color:transparent;
    border:0;
    color: #e3d0c4;
    padding: 8px 10px;
}

.mobile-search-box .search-btn{flex-basis:40px;}
.mobile-search-box .search-bar{flex:1;}

.Shopping-icon{display:flex;}

.Shopping-icon a{color:#000;}

.Shopping-icon a:hover{color:#333;}

.shopindex-section1{width:100%; margin:0 auto;}

.slideshow-container{position:relative;}

.shopindex-section1 .slide-prev, .shopindex-section1 .slide-next {
    color: #fff;
}
.shopindex-section1 .slide-prev:hover, .shopindex-section1 .slide-next:hover {
    color: #000;
}
.swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    font-size: 18px;
    background: #fff;
    display: block;
    -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;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
.slideshow-container:hover .swiper-button {
    display: block;
}
.slideshow-container .swiper-button {
    display: none;
}
.slideshow-container .swiper-button-prev {
    color: #fff !important;
    left: 60px !important;
}
.slideshow-container .swiper-button-next {
    color: #fff !important;
    right: 85px !important;
}
.swiper-pagination-bullet {
    background-color: #fff !important;
    width: 40px !important;
    height: 5px !important;
    margin: 0 5px !important;
    border-radius: 1px !important;
}
.mySlides{display:none;}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}
@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}
.text-center{text-align:center;}

.shop-nav{width:1240px; margin:0 auto; position: relative;}
.nav-link::before {
    content: '';
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}
.nav-link::before, .nav-link::after {
    position: absolute;
    width: 100%;
    height: 3px;
    background: currentColor;
    border-radius: 10px;
    top: 100%;
    left: 0;
    pointer-events: none;
}
.shop-nav .img {
    position: relative;
    background-color: #000;
    border-radius: 10px;
}
.shop-nav .img img {
    opacity: 80%;
    border-radius: 10px;
}
.shop-nav .img:hover img {
    opacity: 60%;
}
.shop-nav .txt {
    position: absolute;
    width:90%;
    left: 3%;
    bottom: 4%;
    color: #ffffff;
}
.shop-nav h3 {
    font-family: 微軟正黑體, Microsoft JhengHei;
    font-size: 18px;
    font-weight: 400;
    background-image: linear-gradient(#e3d0c4,#e3d0c4);
    background-position: left top;
    background-size: 0 2px;
    background-repeat: no-repeat;
    transition: 0.5s;
    padding-top: 5px;
}
.shop-nav .img:hover h3 {
    background-size: 75% 1px;
}
.shop-nav h4 {
    color: #e3d0c4;
    font-family: "Corinthia", cursive;
    font-size: 40px;
}

.shop .row{position:relative; margin:0; justify-content:center;}

.shop-nav .row{margin:40px 0;}

.col-3{width:25%; float:left; padding:10px;}

.shop .tit{
	display:-webkit-box;
    width:100%;
    height:2.4em;
    line-height:1.2em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
}

.shopindex-section3 .shop-banner {
    padding: 30px 10px 0;
}

.shop-banner{width:1240px; margin:0 auto; padding:10px;}

.shop-banner .row{margin:0; padding-bottom:60px;}

.shop-nav>.row>.col-3{float:none;}

.col-5 {
    width: 30%;
    float: left;
	padding-right: 10px;
}
.col-7 {
    width: 70%;
    float: left;
	padding-left: 10px;
}

.shopindex-section4 .shop-banner{padding:0 10px 10px;}

.shop-banner .shop-banner-half{width:50%;}

.shop-banner .shop-banner-half.half-L{padding-right:5px;}
.shop-banner .shop-banner-half.half-R{padding-left:5px;}

.col-12 {
    width: 100%;
    float: left;
}

.shop-recom {
    width: 1240px;
    margin: 0 auto;
	margin-top: 30px;
}
.shop-recom .col-7{padding-right:10px; position:relative;}

.block-content{
	width:100%;
	padding:20px;
    border-top:1px solid #ccc;
}

.block-content h4{
	font-size:22px;
	color:#9b5a5a;
	letter-spacing:2px;
	padding:10px 0;
	line-height:1.5em;
	}

.block-content p{
	font-size:18px;
	line-height:2em;
	margin-bottom:15px;
	letter-spacing:unset;
	}

.block-content ul, .block-content ol {padding-left:30px; margin-bottom:15px;}
.block-content ul li, .block-content ol li {
	font-size:18px;
	line-height:2em;
}

.block-content ul li {
	list-style:disc;
}

.block-content ol li {
    list-style: decimal;
}

.for_mobile{display:none;}

.explanation-content ul li{
	list-style:decimal;
	}

.faq-content .faq-Q, .faq-content .faq-A{padding-left:40px; position:relative;}

.faq-content .faq-Q::before{
	content:"Q:";
	position:absolute;
	top:14px;
	left:5px;
	font-size:24px;
	font-weight:600;
	color:#335495;
	letter-spacing:3px;
	}

.faq-content .faq-A::before{
	content:"A:";
	position:absolute;
	top:5px;
	left:6px;
	font-size:24px;
	font-weight:600;
	color:#686868;
	letter-spacing:3px;
	}

.maintain-block{display:flex; flex-wrap:wrap;}

.maintain-box{width:50%; margin:20px 0;}

.maintain-box>.box-inner{
    background-color: #f5ece6;
    height: 100%;
	margin:15px;
	padding:5px 15px 10px;
	border:1px solid rgba(220,220,220,0.5);
	border-radius:5px;
	}

.recommend-options-list{padding-left:10px!important;}
.recommend-options-list li{line-height:1.3em;}

.add-recom {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.add-recom .col-12{position:relative;}

.product-slide-block{overflow:hidden;}

.product-slide-box{margin:20px;}

.recom-tit{
	display:-webkit-box;
    width:100%;
    height:2.4em;
    line-height:1.2em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}

.shop-recom .col-7 .swiper-button-next,
.shop-recom .col-7 .swiper-button-prev{
	padding:10px 22px;
	background-color:#e3d0c4;
	border-radius:999em;
    font-weight: bold;
	}

.shop-recom .col-7 .swiper-button-next:after,
.shop-recom .col-7 .swiper-button-prev:after{
	font-size:21px;
    color: #98928c;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	}

.shop-recom .swiper-button-prev:after, .shop-recom .swiper-rtl .swiper-button-next:after {
    content: '\f053' !important;
}
.shop-recom .swiper-button-next:after, .shop-recom .swiper-rtl .swiper-button-prev:after {
    content: '\f054' !important;
}

.shop-recom .col-7 .swiper-button-prev,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-next{
	top:10px;
	left:auto;
	right:100px;
	}

.shop-recom .col-7 .swiper-button-next,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-prev{
	top:10px;
	right:40px;
	}

.shop-recom h3 {
    font-size: 28px;
    font-weight: 400;
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.add-recom .col-12 .swiper-button-next,
.add-recom .col-12 .swiper-button-prev{
	padding:10px 22px;
	background-color:#ccc;
	border-radius:999em;
    font-weight: bold;
	}

.add-recom .col-12 .swiper-button-next:after,
.add-recom .col-12 .swiper-button-prev:after{
	font-size:21px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	}

.add-recom .swiper-button-prev:after, .add-recom .swiper-rtl .swiper-button-next:after {
    content: '\f053' !important;
}
.add-recom .swiper-button-next:after, .add-recom .swiper-rtl .swiper-button-prev:after {
    content: '\f054' !important;
}

.add-recom h3 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 10px 0;
}
.recom-btn {
    position: absolute;
    display: flex;
    top: 0;
    right: 160px;
}
.recom-btn a {
    font-size: 20px;
    padding: 0 5px;
}
.shop-recom .col-3, .shop-product-show .col-3 {
    padding: 20px;
	margin-top: 60px;
}
.shop-recom .col-3:hover,  .shop-product-show .col-3:hover {
    background-color: #f5ece6;
    /*box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);*/
    transition: 0.3s;
	margin-top: 58px;
}

.recom-img, .shop-product-show .img {
    padding: 20px;
}
.recom-img img {
    border-radius: 10px;
}
.pro-col .tit {
    line-height: 18pt;
    letter-spacing: 2px;
    -webkit-line-clamp: 2;
    height: 50px;
    overflow: hidden;
}
.recom-tit h4, .tit h4 {
    font-size:14px;
}
.recom-detail, .detail {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-direction: row;
    align-items: flex-end;
}
.recom-value, .value {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.recom-order .btn a {
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    margin-top: 15px;
    width: 120px;
}
.recom-order .btn a:hover {
    border: 1px solid #aaa;
}
.recom-order, .order {
    box-sizing: border-box;
    flex: 1 1 0%;
    display: flex;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
}
.recom-order a, .order a {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #ccc;
    font-size: 16px;
    cursor: pointer;
    margin-left: 20px;
}
.shop-activity {
    width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
}

.shop-product-show, .shop-video{
    width:100%;
    max-width:1240px;
    margin:0 auto 60px;
    padding:10px;
}

.shop-product-show .img img {
    border-radius: 10px;
}

.shop-video-inner{
	display:flex;
	position:relative;
	}

.shop-video-part{width:50%;}
.shop-video-part>.box-inner{
	margin-left:5px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	}

.shop-video-part-L>.box-inner{
	height:100%;
	margin-right:5px;
	margin-left:0;
	background-color:#000;
	}

.shop-video-box{width:100%;}

.shop-video-box>.box-inner{
	display:flex;
	align-items:center;
	margin-top:5px;
	padding:10px;
	background-color:#eee;
	}

.shop-video-box:first-child>.box-inner{margin-top:0; margin-bottom:5px;}

.shop-video-box-L>.box-inner{
	height:100%;
	align-items:center;
	padding:0;
	background-color:unset;
	}

.video-film, .video-content{width:50%;}
.shop-video-box-L .video-film{width:100%;}

.shop-video-box .video-content{padding:0 15px;}

.shop-video-box .video-content h4{
	display:-webkit-box;
    width:100%;
    height:2.6em;
    margin:0 auto 15px;
    line-height:1.3em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:20px;
    font-weight:400;
	}

.shop-video-box .video-content p{
	display:-webkit-box;
    width:100%;
    height:3em;
    margin:0 auto;
    line-height:1.5em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	font-size:16px;
    font-weight:200;
	}

.shop-video-box .video-content .video-btn a{
	display:inline-block;
    font-size:14px;
    margin-top:15px;
    padding:8px 12px;
    border:1px solid #ccc;
    border-radius:5px;
    background-color:#ccc;
	}

.shop-video-box .video-content .video-btn a:hover{
	color:#fff;
	border:1px solid #868686;
	background-color:#868686;
	}

.youtubecontent{
	position:relative;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}

.youtubecontent{padding-bottom:56.25%;}

.youtubecontent iframe,
.youtubecontent object,
.youtubecontent embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

.col-6{width:50%; float:left;}

.fixed-icon {
    position: fixed;
    bottom: 80px;
    right: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 999999;
}
.fixed-btn {
	background: #ccc;
	border-radius: 50px;
    margin-bottom: 6px;
}
.fb-btn:hover {
	background-color: #1877f2;
}
.line-btn:hover {
	background-color: #00c300;
}
.ig-btn:hover {
	background-color: #e1306c;
}
.yt-btn:hover {
	background-color: #ff0000;
}
.top-btn:hover {
	background-color: #333;
}
.fixed-btn a {
    color: #fff;
    display: flex;
    width: 45px;
    height: 45px;
	font-size: 22px;
    align-items: center;
    justify-content: center;
}

.product .main-wrapper main, .activity .main-wrapper main, .shop-news .main-wrapper main, 
.shoppingcart .main-wrapper main, .shop-login .main-wrapper main, .shop-member .main-wrapper main {
	width:100%;
	max-width:1240px;
    margin: 0 auto;
    padding-top:100px;
    padding-bottom: 60px;
}

.shoppingcart .main-wrapper{overflow:unset;}

.shop-section1{padding:20px 0;}
.shoppingcart-section1{padding:20px;}

.probreadcrumb>li:not(:first-child)::before {
    content: ">";
    color: #aaa;
    margin: 0 10px;
}
.shop-section2 .container {
    display: flex;
	margin-bottom: 60px;
}
.shop-section2 .block-left {
    width: 20%;
    background-color: #fff;
    position: relative;
    right: 80%;
    z-index: 9;
}
.product-category h3 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.shop-section2 .block-right {
    width: 80%;
    position: relative;
    left: 20%;
}

.article-content{padding:15px;}

.product-list .inside{margin:15px;}
.product-category h3{margin:15px 10px 10px;}
.product-category .pro-categories{margin:0 10px 15px;}

.list-header{/*display:flex;*/ margin-bottom:30px; position:relative;}

.list-content{display:flex;}

.collect-content{display:block;}

.coupon-activity .list-content{display:flow-root;}

.header-banner{margin-bottom:30px;}

.header-title h2{font-size:28px; font-weight:200; padding:20px 10px;}

.discount-activity{
    display:flex;
    flex-wrap:wrap;
    width:100%;
    border-bottom:1px solid #ccc;
    padding-bottom:30px;
    margin-bottom:30px;
}

.coupon{
    width:80%;
    max-width:400px;
    margin:10px;
    padding: 15px;
    background-color: #f5ece6;
    border-left: 6px solid #e3d0c4;
    cursor: pointer;
    max-height:220px;
}

.coupon a{display:block;}

.coupon a:hover {
    color: #9b5a5a;
}

.coupon-header {
    display: flex;
    position: relative;
    padding-bottom: 10px;
}
.coupon-tit {
    font-size: 14px;
    font-weight: 200;
    color: #333;
    padding: 5px 0;
}
.coupon-official {
    position: absolute;
    right: 0;
    font-size: 14px;
    font-weight: 200;
    background-color: #e3d0c4;
    color: #53514e;
    padding: 5px 10px;
}

.coupon-content h2{font-size:36px; padding:10px 0;}

.coupon-content h4{font-size:18px;}

.coupon-content p {
    font-size: 14px;
    font-weight: 200;
    line-height: 1.2em;
    color: #666;
    padding-top: 5px;
}

.promotion-block{
    width:100%;
    margin:10px;
    padding:20px;
    border:1px solid #ccc;
    border-radius:5px;
	}

.promotion-block h4{
	font-size:22px;
	font-weight:400;
	margin-bottom:10px;
	}

.promotion-block p{line-height:1.5em; padding-bottom:15px;}

.promotion-block ul{padding-left:20px; padding-bottom:15px;}
.promotion-block li{line-height:1.5em; list-style:disc;}

.gift-pic-box{display:inline-block; margin-left:20px;}

.gift-pic{width:150px; height:150px; position:relative;}
.gift-pic img{width:100%;}

.run-out{
	color:rgb(51, 51, 51);
    font-size:13px;
    text-align:center;
    word-break:break-word;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    -webkit-box-pack:center;
    justify-content:center;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:rgba(255, 255, 255, 0.6);
	}

.gift-text{font-size:14px; color:#ff6464;}

.receive{width:90%; margin-top:15px; padding:15px; position:relative;}

.receive h3{font-size:24px; font-weight:400; padding-bottom:30px;}

.receive p {
    font-size: 16px;
    font-weight: 200;
    line-height: 1.2em;
    color: #666;
    padding-bottom: 10px;
}

.receive .pro-intro ul{padding-left:20px;}
.receive .pro-intro ul li{list-style:disc;}

.receive-desc{padding:10px 0;}

#receiveDesc:hover{color:#666;}

.receive-spec h2{font-size:24px; line-height:1.5em;}

.receive-spec h4{font-size:18px; font-weight:400; color:#333;}

.receive-spec p{padding-bottom:20px;}

.receive-btn {
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #53514e;
    margin-top: 10px;
    padding: 10px 20px;
    width: 150px;
    transition: all 0.3s;
}

.receive-btn:hover {
    color: #53514e;
    background-color: #e3d0c4;
}

.modal-btn a{position:relative;}

.modal-btn a::after{
	content:"\f107";
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    font-size:20px;
    position:absolute;
    top:-2px;
    margin-left:5px;
	transition:all 0.5s ease;
	}

.modal-open .modal-btn a::after{
	transform:rotate(180deg);
	}

.modal-box .modal-content{
	display:none;
	border:1px solid rgba(227,208,196,0.7);
	margin:15px auto;
	transition:all 1.5s ease;
	position:relative;
	}

.modal-open .modal-content{display:block;}

.modal-close{
	position:absolute;
	top:20px;
	right:22px;
	cursor:pointer;
	}

.ch-header{padding-bottom:40px; position:relative;}

.ch-right{
	/*width:50%;
	float:right;*/
	position:absolute;
	top:0;
	right:10px;
	}

.pro-row{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:2px;
	}

.pro-col{
	width:25%;
	padding:20px;
	position:relative;
	box-shadow:0px 0px 5px 1px rgb(0 0 0 / 0%);
    transition:0.3s;
	}

.pro-col:hover{background-color: #f5ece6; /*box-shadow:0px 0px 5px 1px rgb(0 0 0 / 20%);*/}

.pro-col a:hover {
    color: #9b5a5a;
}

.collected-heart{color:#ff6464;}

/*左側產品選單_start*/
ul.procate-menu{margin:0 10px;}

ul.procate-menu li a{
	display:block;
	padding:15px 10px 15px 0;
	cursor:pointer;
	}

.has-catemenu-drop{position:relative;}
.drop-arrow{
	padding:7px 10px;
	cursor:pointer;
	position:absolute;
	top:6px;
	right:10px;
	transition:all 0.5s ease;
	}

.drop-arrow:hover i{color:#9b5a5a;}

.catedrop-open .drop-arrow{transform:rotate(180deg);}

ul.procate-submenu{padding-left:10px;}

ul.procate-submenu li a{
	color:#868686;
	padding:10px 10px 20px 0;
	}

ul.procate-submenu li a:hover{color:#9b5a5a;}

/*左側產品選單_end*/

/* product detailed - plus buy */
.plus-buy{border-bottom:1px solid #ccc;}

.plus-buy>.row{margin:1% 0;}

.plus-buy .plus-box{width:80%; padding:10px;}

.plus-tit{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
	}

.plus-tit h3{
    font-size:18px;
    font-weight:400;
    margin-bottom:10px;
    padding:10px 0;
	}

.plus-tit span{font-size:14px; color:#ff6464;}

.plus-tit i{margin-left:7px;}

.plus-buy .plus-main{width:20%; position:relative;}

.plus-buy .plus-main::before{
	content:"+";
	position:absolute;
	top:45%;
	right:0;
	font-size:24px;
	}

.main-col{padding:15px;}

.main-col .tit, .plus-col .tit{
    line-height:18pt;
    letter-spacing:2px;
    -webkit-line-clamp:2;
    height:50px;
    overflow:hidden;
	}

.plus-col .tit{margin-bottom:5px;}

.plus-options{display:flex;}

.options-wrap{font-size:14px; color:#686868; line-height:1.2em;}

.options-wrap i{margin-left:3px;}

.plus-options .check-box{position:relative;}

.plus-options input[type="checkbox"]{
    opacity:0;
    top:0;
    left:0;
    position:absolute;
	}

.plus-options-checkbox{
    position:relative;
    width:16px;
    height:16px;
    border-radius:2px;
    border:1px solid rgba(0,0,0,.14);
    text-align:center;
    box-shadow:inset 0 2px 0 0 rgb(0 0 0 / 2%);
    margin-right:8px;
	}

.plus-options-checkbox::before{
    position:absolute;
    content:"";
    height:5px;
    width:9px;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:3px;
    top:3px;
	}

.checkbox--checked .plus-options-checkbox{
    background-color:#ff6464;
	}

.checkbox--checked .plus-options-checkbox::before{
    border-color:#fff;
	}

.checkbox-disabled{opacity:0.35; cursor:no-drop;}

.options-wrap span{padding-left:3px;}

.plus-buy .plus-sign{
    width:10%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.plus-buy .plus-list{width:80%;}

.plus-list .plus-col{width:25%; padding:15px;}

.plus-buy .plus-shop{
    width:20%;
    padding-left:20px;
    border-left:1px solid #aaa;
    display:flex;
    justify-content:center;
    align-items:center;
}

.plus-shop .save{color:#666; font-size:14px;}

.plus-shop .btn{margin-top:10px;}

.plus-shop .btn a {
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px;
    width: 120px;
}
.plus-shop .btn a:hover {
    border: 1px solid #aaa;
}

.total-box{padding:0 10px;}

.subtotal span{display:block;}

/* options - Click Show / Hide */
.options-content {
    background-color: #fff;
    padding: 0 20px;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 3px 1px #666;
    position: absolute;
    z-index: 99;
    display: none;
}

.options-content .product-color{margin:10px auto 0;}

.options-content .size-wrapper{margin:0 auto 20px;}

.options-content ul{margin-bottom:0;}

.options-btn {
    display: flex;
    padding: 20px 0;
}
.member-content .end-btn {
    display: flex;
    padding: 20px 0;
}
.options-btn a, .member-content .end-btn a {
    margin-right: 10px;
}
.options-btn .sure, .end-btn .sure {
    font-size: 16px;
    text-align: center;
    background-color: #53514e;
    color: #fff;
    padding: 10px;
    width: 120px;
    transition: all 0.3s;
}
.options-btn .sure:hover, .end-btn .sure:hover {
    background-color: #e3d0c4;
    color: #53514e;
}
.options-btn .cancel, .end-btn .cancel, .revise-info, .revise-pw {
    font-size: 16px;
    text-align: center;
    background-color: #53514e;
    color: #fff;
    padding: 10px;
    width: 120px;
    transition: all 0.3s;
}
.options-btn .cancel:hover, .end-btn .cancel:hover, .revise-info:hover, .revise-pw:hover {
    background-color: #e3d0c4;
    color: #53514e;
}

.popbox-content{display:none; position:relative;}

.popbox-open .popbox-content{display:block;}

.popbox-block{
    width:345px;
    padding:20px 10px 10px;
	background-color:#fff;
    border:1px solid #ccc;
    border-radius:3px;
    box-shadow:2px 2px 3px 1px #666;
    position:absolute;
    top:10px;
    left:-50%;
    z-index:99;
	}

.pop-title h4{
	font-size:16px;
	margin-bottom:10px;
	padding-left:7px;
	}

ul.pop-options-list{
	padding-left:0;
	margin-bottom:15px;
	display:flex;
	flex-wrap:wrap;
	}

ul.pop-options-list li{
	list-style:none;
	line-height:inherit;
	}

.add_on-cart-wrapper ul.pop-options-list li{
	line-height:2.5em;
	border-bottom:none;
	}

.add_on-cart-wrapper ul.pop-color li{line-height:inherit;}

.pop-options-list li input[type="radio"]{display:none;}

.pop-options-list li input[type="radio"] + label{
    cursor:pointer;
    font-size:14px;
    text-align:center;
    font-weight:400;
    background-color:#fff;
    color:#000;
    text-transform:uppercase;
    margin-right:5px;
    padding:10px 15px;
    border:1px solid rgba(170,170,170,0.5);
	}

.pop-color li input[type="radio"] + label{
	padding:0;
	}

.add_on-cart-wrapper .pop-options-list li input[type="radio"] + label{
    cursor:pointer;
    font-size:14px;
    text-align:center;
    font-weight:400;
    background-color:#fff;
    color:#000;
    text-transform:uppercase;
    margin-right:5px;
    padding:10px 15px;
    border:1px solid rgba(170,170,170,0.5);
    }

.add_on-cart-wrapper .pop-color li input[type="radio"] + label{
    display:block;
    padding:0;
    }

.add_on-cart-wrapper .pop-color li input[type="radio"] + label img{
	margin-bottom:-4px;
	}

.pop-options-list li input[type="radio"]:checked + label{
	border:2px solid #ff6464;
    color:#ff6464;
	}

.pop-options-list li.disabled input[type="radio"] + label{
    color:#dcdcdc;
    border:1px solid rgba(170,170,170,0.25);
    pointer-events:none;
    cursor:default;
}

.pop-qty-block{
	display:flex;
	margin-bottom:10px;
	align-items:center;
	}

.pop-title.pop-qty{margin-right:20px;}
.pop-title.pop-qty h4{margin-bottom:0;}

.qty-box.pop-qty{width:120px; display:flex;}

.pop-btn-box{
	display:flex;
	text-align:center;
	justify-content:center;
	}

.pop-btn-box a{
	width:80px;
	padding:10px 15px;
	margin:10px 7px;
	border-radius:5px;
	}

.pop-close-btn a{background-color:#f1f2f4; border:1px solid #f1f2f4;}
.pop-confirm-btn a{background-color:#ff6464; border:1px solid #ff6464; color:#fff;}

.pop-close-btn:hover a{background-color:#dcdcdc; border:1px solid #dcdcdc; color:#000;}
.pop-confirm-btn:hover a{background-color:#ff0000; border:1px solid #ff0000; color:#fff;}



.member-content .form-rows {
    display: flex;
    padding: 15px 0;
}
.member-content .form-rows .col-l {
    width:35%;
    display: flex;
    align-items: center;
}
.member-content .form-rows .col-r {
    width:65%;
}
.member-content .input {
    background-color: #f5ece6;
    border: 1px solid #e3d0c4;
    padding: 10px;
}


.bestseller{position:absolute; top:0; right:10px;}

.best-svg{width:26px; height:32px;}

.best-num {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    color: #000000;
    font-weight: 900;
    font-size: 16px;
}

.pro-col .img{padding:10px; margin-bottom:30px;}

.pro-col .img img {
    border-radius: 10px;
}

.product-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2em;
}
.product-type {
    display: flex;
	position: relative;
	border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 20px;
}

.product-model{font-size:14px; font-weight:200; color:#aaa;}

.product-keep{position:absolute; right:0;}

.product-keep a{font-size:18px; color:#ccc;}
.product-keep a:hover {
    color: #9b5a5a;
}
.product-keep a:focus, .product-keep a:active{color:#ff6464;}

.value-content{position:relative;}

.pro-details-content .value {
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.pro-details-content .discount {
    font-size: 24px;
}
.off-desc {
    padding-top: 20px;
    font-size: 14px;
    font-weight: 200;
    color: #ff6464;
}
.value-content .spec-btn {
    position: absolute;
    right: 0;
    bottom: 20px;
}
.value-content .spec-btn a {
    color: #000;
    font-size: 18px;
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px 20px;
}
.value-content .spec-btn a:hover {
    border: 1px solid #aaa;
}

.product-showbox{height:100%; display:none;}

.product-showbox.active{display:block;}

.product-showbox .swiper-container{
	width:100%;
	height:300px;
	margin-left:auto;
	margin-right:auto;
    }

.product-showbox .swiper-container .swiper-wrapper{height:100%;}

.product-showbox .swiper-slide{
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	}

.product-showbox .gallery-top{height:80%; width:100%; max-width:450px; margin:0 auto;}

.product-showbox .gallery-thumbs{height:20%; box-sizing:border-box; padding:10px 0;}

.product-showbox .gallery-thumbs .swiper-wrapper{/*justify-content:center;*/}

.product-showbox .gallery-thumbs .swiper-slide{height:100%; opacity:0.4;}

.product-showbox .gallery-thumbs .swiper-slide-thumb-active{opacity:1;}

.product-options .qty-box{
	width:150px;
	display:flex;
	justify-content:center;
    align-items:center;
	}

/* Home Popup */
.popup-box {
    background: rgba(0,0,0,.6);
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 9998;
}

.popup-ads{
    display:none;
    width:90%;
    max-width:700px;
    height:auto;
    position:fixed;
    z-index:9999;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    overflow:auto;
    background-color:#fff;
    color:#aaa;
    margin:auto;
	}

.popup-close{
    position:absolute;
    top:3px;
    right:10px;
    font-size:42px;
    transition:0.3s;
	}

.popup-ads img{width:100%;}

.popup-close:hover, .popup-close:focus {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
}


/* Home Bottom Pop */
.bottom-pop {
    position: fixed;
    z-index: 9997;
    left: 20px;
    bottom: 20px;
    overflow: auto;
    background-color: #fff;
    color: #333;
    border-radius: 5px;
    box-shadow: 2px 2px 3px 1px #666;
    margin: auto;
}
.botpop-close {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 30px;
    transition: 0.3s;
}
.botpop-close:hover, .botpop-close:focus {
    color: #666;
    text-decoration: none;
    cursor: pointer;
}
.botpop-content a:hover {
    color: #666;
}
.botpop-coupon {
    padding: 20px;
}
.botpop-coupon h2 {
    font-size: 28px;
    line-height: 1.2em;
}
.botpop-coupon h3 {
    font-size: 14px;
    line-height: 1.2em;
}
.botpop-coupon p {
    font-size: 18px;
    line-height: 1.2em;
}


/* The Modal (background) */
.spec-modal{
	display:none;
	width:100%;
	height:100%;
    position:fixed; /* Stay in place */
    z-index:999; /* Sit on top */
    top:0;
    left:0;
    padding-top:50px;
    padding-bottom:50px;
    background-color:rgba(0,0,0,0.75);
	}

.spec-model-content{
	width:100%;
	max-width:900px;
	max-height:850px;
	margin:0 auto;
	padding:15px;
	background-color:#fff;
    border-radius:10px;
    box-shadow:1px 1px 3px 1px rgb(0 0 0 / 60%);
    position:relative;
	}

/* Product Specifications */
.receive-spec{display:block; margin:auto; padding:10px; color:#000;}

.product-spec{
	max-height:800px;
    overflow:auto;/* Enable scroll if needed */
	}

.prospec-tit{margin-bottom:0;}

.product-spec p{margin-bottom:0; padding-bottom:0;}
.product-spec img{width:100%;}
  
/* Add Animation */
.product-spec{
	-webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
	}
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close{
      position:absolute;
      top:6px;
      right:15px;
      font-size:42px!important;
      font-weight:bold;
      transition:0.3s;
      opacity:0.5!important;
  }
  
  .close:hover,
  .close:focus {
    color: #333;
    text-decoration: none;
    cursor: pointer;
  }
  
.product-color{margin-top:10px; margin-bottom:20px;}

.product-color .colors input[type="radio"] {
    display: none;
}
.product-color .colors input[type="radio"] + label {
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: inline-block;
    background-color: #000;
}
.activity-group {
    width: 100%;
    position: relative;
	padding: 30px 0;
}
.activity-left, .activity-right{width:50%; float:left;}

.activity-right button{outline:none!important;}

.activity-group h4 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 0;
}
.activity-group a {
    font-size: 16px;
    font-weight:inherit;
    color: #000;
    padding: 10px 0;
}
.accordion {
    background-color: #f5ece6;
    color: #333;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
  }
  
  .expand, .accordion:hover {
    background-color: #e3d0c4;
  }
  
  .accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .expand:after {
    content: "\2212";
  }
  
  .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
.product-desc{
    width:100%;
    border-top:1px solid #ccc;
    padding:30px 15px;
}
.product-details {
    font-size: 16px;
    font-weight: 200;
    line-height:1.5em;
    color: #333;
}
.add-tit h4.title {
    font-size: 16px;
    font-weight: 400;
}
.add-tit p.type {
    font-size: 14px;
    font-weight: 200;
    color: #aaa;
}
.page-tab .tab {
    padding: 10px 0;
}
.shop-news .tablinks {
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    color: #000;
    padding: 10px 25px;
    margin-right: 10px;
    cursor: pointer;
}
.shop-news .tablinks:hover {
    background-color: #666;
    color: #fff;
}

.shop-news .tablinks.active {
    background-color:#333;
    color:#fff;
	}

.shopnews-item{
    margin:30px 0;
    padding:0;
    border:1px solid #ccc;
    display:flex;
    align-items:center;
	}

.shopnews-img{flex-basis:400px;}
.shopnews-info{flex:1; padding:0 20px;}

.shopnews-img .news-list-cover{
	display:block;
    height:0;
    text-align:center;
    padding-bottom:70%;
    overflow:hidden;
    position:relative;
	}

.shopnews-img .news-list-cover img{
    max-width:100%;
    min-width:100%;
    /*object-fit:cover;
    height:100%;
    -moz-object-fit:cover;
    -ms-object-fit:cover;
    -o-object-fit:cover;
    -webkit-object-fit:cover;*/
    position:absolute;
    transform:translate(-50% , 0) scale(1);
    transition:all 0.3s;
}

.shopnews-img:hover .news-list-cover img{
	transform:translate(-50% , 0) scale(1.1);
	}

.shopnews-info .date {
    font-size: 16px;
    font-weight: 200;
    color: #aaa;
}
.shopnews-info .title{
    font-size:22px;
    font-weight:200;
    margin:10px 0;
    padding-bottom:10px;
    border-bottom:1px solid rgba(204,204,204,0.5);
	}

.shopnews-info .title h4{display:inline-block; position:relative;}

.shopnews-info .text p{
    display:-webkit-box;
    width:100%;
    height:2em;
    line-height:1.8em;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#54595f;
    font-size:17px;
    font-weight:400;
    margin:0;
    padding-right:15%;
	}

.news-btn-box{display:flex; justify-content:flex-end;}

.news-list-btn a{
	color:#ccc;
	font-weight:lighter;
	padding:8px 20px;
	border:1px solid #ccc;
	border-radius:999em;
	}

.news-list-btn a:hover{
	color:#9b5a5a;
	border:1px solid #9b5a5a;
	}

.back-box{
    width:100%;
    margin:20px auto 50px;
    display:flex;
    justify-content:flex-end;
	}

.back-btn a{
    font-size:16px;
    color:#868686;
    padding:8px 20px;
    border:1px solid #868686;
    border-radius:999em;
	}

.back-btn a i{margin-right:5px;}

.back-btn a:hover{
    color:#9b5a5a;
	border:1px solid #9b5a5a;
	}

.partner-item {
    display: flow-root;
    border: 1px solid #ccc;
    margin: 30px 0;
    padding: 0;
}
.partner-img{width:40%; float:left;}
.partner-info{width:60%; float:left; padding:20px;}
.partner-info .date{font-size:16px; font-weight:200; color:#aaa;}
.partner-info .title{margin-top:15px; font-size:20px; font-weight:200;}
.partner-info .text{
    margin-top:10px;
    font-size:16px;
    font-weight:200;
    line-height:1.5em;
}
.partner-info .btn {
    width: 100%;
    margin-top: 60px;
    font-size: 14px;
    color: #666;
}

.article-content .date {
    font-size: 16px;
    font-weight: 200;
    color: #aaa;
    padding-bottom: 10px;
}

.article-title{margin-bottom:20px;}

.article-title h2{
    font-size:28px;
    font-weight:200;
}
.article-detailed {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.5em;
    padding-bottom: 60px;
}

.article-detailed p{padding:15px 0;}
.shop-section2 .login-block {
    background-color: #ffffff;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 40%);
}

.activity-banner{padding:20px 0;}
.article-gallery{width:100%; margin:40px 0; overflow:hidden;}
.article-gallery .mySwiper2{position:relative;}
.article-gallery .mySwiper2 img{max-width:500px; margin:0 auto;}
.article-gallery .swiper-button-next, .article-gallery .swiper-button-prev {
    color: #ccc;
}

/*動態按鈕*/
.alink{
    cursor:pointer;
    position:relative;
    white-space:nowrap;
	}

.alink::after{
    content:"";
    width:90%;
    height:2px;
    border-radius:5px;
    transform:scale(0,1);
    background:#e3d0c4;
    transition:all 0.2s ease-in-out;
    position:absolute;
    top:40px;
    left:5%;
	}

.header-menu ul li:hover .alink::after{transform:scale(1,1);}

/*.mn-btn::before {
    transform-origin: 50% 100%;
    transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
    clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
	top: 85%;
	left: 20%;
    width: 60%;
}
.mn-btn:hover::before {
    transform: translate3d(0, 2px, 0) scale3d(1.08, 3, 1);
    clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
}
.mn-btn span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}

.mn-btn:hover span {
    color:#9b5a5a;
    transform: translate3d(0, -2px, 0);
}
.rm-btn::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
	top: 120%;
}
.rm-btn:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}*/

.hot-btn {
	background: #000;
   	color: #fff;
   	z-index: 1;
 }
 .hot-btn:after {
	position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
	background: #29ABE2;
    transition: all 0.3s ease;
	border-radius: 10px;
 }
 .hot-btn:hover{color:#fff;}
 .hot-btn:hover:after{left:0; width:100%}
 .hot-btn:active{top:2px;}
 .pro-btn{z-index:1;}
 .pro-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
	background: #29ABE2;
    transition: all 0.3s ease;
 }
 .pro-btn:hover:after {
    top: 0;
    height: 100%;
 }
 .pro-btn:active {
    top: 2px;
 }
 .sns-btn {
	transition: all 0.3s ease;
	overflow: hidden;
  }
  .sns-btn:after {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease;
	-webkit-transform: scale(.1);
	transform: scale(.1);
	border-radius: 50%;
  }
  .sns-btn:hover {
	color: #fff;
  }
  .sns-btn:hover:after {
	background: #9b5a5a;
	-webkit-transform: scale(1);
	transform: scale(1);
  }
 .backtop-btn {
	background: #666;
	color: #fff;
 }
 .backtop-btn:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
    background: #29ABE2;
	transition: all 0.3s ease;
 }
 .backtop-btn:hover {
    color: #fff;
 }
 .backtop-btn:hover:after {
    top: auto;
    bottom: 0;
    height: 100%;
 }


/*響應式*/
@media only screen and (max-width: 1600px){
	.navbar .container nav ul{left:45%;}
	.news-wrapper{width:1080px;}
	.news-box{margin:15px;}
}
@media only screen and (max-width:1550px){
	.index-products{margin:0 4vw;}
	.n1{height:600px;}
	.n2{height:600px;}
	.proline{width:50%;}
	.text-area{top:160px;}
}

@media only screen and (max-width:1440px){
	.navbar .container nav ul{left:45%;}
	.n1{height:600px;}
	.n2{height:600px;}
	.shopnews-item{width:90%;}
	.navbar .container nav ul.megaMenuList li a{padding:4px 8px 5px 0;}
	}

@media only screen and (max-width: 1366px){
	.news-wrapper{width:1000px;}
	.index-products{margin:0 5vw;}
	.login-tab .tabcontent{padding:0 80px;}
	.header-menu ul li a{padding:14px 10px;}
	}

@media only screen and (max-width: 1290px){
	.navbar .container nav ul.megaMenuList li a{font-size:14px;}
	.en a{font-size:15px;}
	.header-contact-icon a{font-size:18px}
	.n1{height:550px;}
	.n2{height:550px;}
	.no-icon{font-size:70px;}
	.no-icon2{font-size:70px;}
	.row-prodetail{justify-content:center;}
	.row-prodetail{flex-wrap:wrap; height:100%;}
	.col-lg-7{width:70%;}
	.col-lg-5{width:70%;}
	.inner-wrap{width:100%; margin:0 auto;}
	.plus-buy .row{justify-content:flex-end;}
	.plus-buy .plus-box{width:100%; border-bottom:1px solid rgba(170,170,170,0.25);}
	.plus-buy .plus-shop{width:100%; border-left:none; padding:30px 0;}
	.plus-buy .plus-shop{justify-content:center;}
	.total-box{text-align:left;}
	.subtotal span{display:inline-block;}
	.checkout{display:flex; align-items:center;}
	.plus-shop .btn{margin-top:0;}
	.discount{display:block;}
	.fixed-icon{right:20px;}
	#gotop{right:21px;}
	.recom-order a{margin-left:10px;}
	.recom-order .btn{padding:0.375rem 0;}
	.recom-order .btn a{padding:10px 0; margin-left:0;}
	.popbox-block{left:-20%;}
	.plus-col:nth-child(4) .popbox-block{left:auto; right:-50%;}
	}

@media only screen and (max-width: 1240px){
	.n1{height:500px;}
	.n2{height:500px;}
	.login-title h11{font-size:200px;}
	.grid-news{width:50%;}
	.shop-nav, .shop-banner, .shop-recom{width:100%;}
	.shop-activity, .shop-product-show, .shop-video{width:100%;}
	.shop-recom .col-5{display:none;}
	.shop-recom .col-7{width:100%; padding:0 60px;}
	.shop-section1{padding:20px;}
    .shopnews-info .btn {margin-top:20px;}
    .partner-info .btn{margin-top:20px;}
    .content-wrapper{padding:100px 40px;}
    .spec-model-content{width:95%;}
    .block-left .member-menu{padding:15px;}
}

@media only screen and (min-width: 1201px){
	.navbar .container .menu-btn{display:none;}
	}

@media only screen and (max-width: 1200px){
    .footer-contact {
        justify-content: center;
    }
	.navbar{height:60px!important;}
	.navTrigger{display:block;}
	.fot-menu{width:100%;}
	.fot-menu .fot-info{width:50%; padding:20px 50px;}
	.fot-menu .fot-opition{padding:20px 50px;}
	.fot-end{width:100%; margin-top:0;}
    .fot-info ul.sub-unit{display:block!important; text-align:center;}
	.copyright{width:100%; text-align:center; padding-bottom:30px;}
	.fot-end .link{width:100%;}
	.header-contact-icon{display:none;}
	.hot-text h5{font-size:20px;}
	.n1{height:500px;}
	.n2{height:500px;}
	.index-products{margin:0 6vw;}
	.index-products li{width: calc((100% - 50px) / 2);}
	.partner-text{padding:30px;}
	.contact-text li{line-height:20px;}
	.login-title h11{font-size:180px;}
	.login-left{display:none;}
	.login-right{
		width:100%;
		background-image:url("../img/background/login.png");
	    background-image:linear-gradient(90deg,rgba(168,205,131,1.00) 0%,rgba(197,220,237,1.00) 100%);
	}
	.sign-left{display:none;}
	.sign-right{
		width:100%;
		background-image:url("../img/background/login.png");
		background-image:-webkit-linear-gradient(0deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
		background-image:-moz-linear-gradient(0deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
		background-image:-o-linear-gradient(0deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
		background-image:linear-gradient(90deg,rgba(208,133,184,1.00) 0%,rgba(108,198,172,1.00) 100%);
	}
	.member-left{display:none;}
	.member-right{
		width:100%;
		background-image:url("../img/background/login.png");
		background-image:-webkit-linear-gradient(0deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
		background-image:-moz-linear-gradient(0deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
		background-image: -o-linear-gradient(0deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
		background-image: linear-gradient(90deg,rgba(236,190,76,1.00) 0%,rgba(172,152,190,1.00) 100%);
	}
	.order-info{display: flex;flex-flow:column-reverse;}
	.order-bottom{width:100%;margin: 0 auto;}
	.total-block{width: 100%;}
	.login-right-btn{
		border:2px solid #fff;
		color:#fff;
		width:120px;
	    border-radius:50px;
		padding:10px;
		margin-left:20px;
		margin-top:20px;
		text-align:center;
	}
	.login-right-btn:hover{
		border:2px solid #fff;
		color:#a8cd83;
		background-color:#fff;
		width:120px;
		border-radius:50px;
		padding:10px;
		margin-left:20px;
		margin-top:20px;
		text-align:center;
	}
	.login-right-btn a:hover{color:#a8cd83;}
	.login-right-btn i{padding-right:6px;}
	.member-right-btn{
		border:2px solid #fff;
		color:#fff;
		width:120px;
		border-radius:50px;
		padding:10px;
		margin-left:20px;
		margin-top:20px;
		text-align:center;
	}
	.member-right-btn:hover{
		border:2px solid #fff;
		color:#ecbe4c;
		background-color:#fff;
		width:120px;
		border-radius:50px;
		padding:10px;
		margin-left:20px;
		margin-top:20px;
		text-align:center;
	}
	.member-right-btn a:hover{color:#ecbe4c;}
	.member-right-btn i{padding-right:6px;}
	.sign-right-btn{
		border:2px solid #fff;
		color:#fff;
		width:120px;
		border-radius:50px;
		padding:10px;
		margin-left:20px;
		margin-top:20px;
		text-align:center;
	}
	.sign-right-btn:hover{
		border:2px solid #fff;
		color:#d085b8;
		background-color:#fff;
		width:120px;
		border-radius:50px;
		padding:10px;
		margin-left:20px;
		margin-top:20px;
		text-align:center;
	}
	.sign-right-btn a:hover{color:#d085b8;}
	.sign-right-btn i{padding-right:6px;}
    .plus-box{width:100%; padding:20px;}
    .plus-shop {
        width: 100%;
        padding-left: 0;
        padding-bottom: 20px;
        border-left: 0;
        text-align: center;
    }
    .plus-shop .btn{display:flex; justify-content:center; align-items:center;}
    .pro-col{width:33.333%;}
}

@media only screen and (max-width: 1120px){
    .shopindex-section1{margin-top:60px;}
    .section1.banner{height:400px;}
    .page-banner-line{padding-top:60px;}
    .en-title{font-size:68px;}
    .shopnews-img{flex-basis:280px;}
    .shopnews-img .news-list-cover{padding-bottom:85%;}
}

@media only screen and (max-width: 1024px){
	.news-block{width:50%;}	
	.a2-img{margin:0 auto;margin-bottom:-28px;}
	.award-text{margin:0 auto;}
	.login-title h11{font-size:160px;}
	.news-wrapper{width:600px;}
	.ch-title{padding-top:5px;}
	.news .main-wrapper main section.section2 .inner-wrap{margin-top:200px}
    .shoppingcart-item .edit-btn {width:20%;}
    .member-content .form-rows .col-r {width:75%;}
}

@media only screen and (max-width:1027px){
	.partner-main h7 {font-size:24px;}
	}

@media only screen and (min-width:1200px){
	.login-right-btn{display:none;}
	.member-right-btn{display:none;}
	.sign-right-btn{display:none;}
	}

@media only screen and (max-width:1200px){
	.guide-row .step-col{width:50%; margin-top:20px;}
	.guide-row .next-step{display:none;}
	.ship-col p{padding-right:60px;}
}

@media only screen and (min-width:901px) and (max-width:1200px){
	.map-text li{line-height:20px;}
	.shop-nav h3{font-size:22px;}
	}

@media only screen and (min-width: 992px) and (max-width: 1199.98px){
	.header-menu ul li ul.megamenu{max-width:100%;}
	}

@media only screen and (max-width:991px){
	.shop-section2 .block-right{width:70%; left:30%;}
	.shop-section2 .block-left{width:30%; right:70%;}
	.row-prodetail .col-lg-7, .row-prodetail .col-lg-5{width:100%;}
	.product-showbox{min-height:600px;}
	.plus-buy .plus-main{width:25%;}
	.plus-buy .plus-list{width:75%;}
	.plus-list .plus-col{width:33.333%;}
	.plus-list .plus-col:nth-child(4){display:none;}
	.plus-col:nth-child(3) .popbox-block{left:auto; right:-50%;}
	}

@media only screen and (max-width:980px){
	.pro-col{width:50%;}
	.fot-menu .fot-opition{padding:20px 30px;}
	.page-tab .tab{padding:10px;}
	.shop-news .tablinks{font-size:14px; margin-right:0; padding:10px 5px;}
	.contact-map-part, .contact-form-part{width:100%; max-width:450px; margin:0 auto 30px;}
	.contact-map-part{padding-bottom:20px; border-bottom:1px solid rgba(0,0,0,0.25);}
	.contact-form-box.name-box{width:100%;}
	.add_on-cart-wrapper .add_on-detail .tit{max-width:150px;}
	.dealer .tablinks{font-size:14px; margin-right:0; padding:10px 15px;}
	.dealer-table{max-width:500px; margin:0 auto;}
	.dealer-table td{display:block;}
	.dealer-table td{display:block; padding:0 15px 15px;}
	.dealer-table .dealer-shop{padding:15px 15px 0;}
	}

@media only screen and (max-width:960px){
	.news-wrapper{padding:0px 60px;}
	.partner-btn a{padding-top:80px;}
	.partner-btn a:hover{font-size:22px; padding-top:80px;}
	.product-details-area{width:70%;}
	.pro-details-content{padding:15px;}
	.mt-15{margin-top:20px; margin-left:0;}
	.s2-pic{padding:0px;}
	.apart-main{flex-direction:column;}
	.apart-text{width:100%; padding-top:20px;}
	.apart-main-pic{width:100%;}
	.item{padding:0 45px;}
	.shopindex-section4 .row{padding:0 45px;}
    .checkout-wrapper select{width:40%;}
    .checkout-item .form-row .col-l {width:20%;}
    .checkout-item .form-row .col-r {width:70%;}
    .sum-item .td-l {width:30%;}
    .sum-item .td-r {width:70%;}
    .apart-main{width:100%;}
}

@media only screen and (max-width:900px){
	.row{margin:0;}
	.shop-product-show .col-3{width:33.333%; margin-top:20px;}
	.shop-nav .row{margin:0 0 0 5px;}
	.shop-nav .col-3{width:33.333%; margin-top:0; padding:0;}
	.shop-nav .col-3 .img{margin:5px 5px 5px 0;}
	.shop-recom .col-3:hover,  .shop-product-show .col-3:hover{margin-top:18px;}
	.shop-banner .item, .shop-activity .item{padding:0;}
	.shopindex-section4 .row{padding:0;}
	.shop-recom .col-3{width:100%; margin-left:auto; margin-right:auto;}
	.shop-video .col-6{width:100%;}
	.video-item{margin-left:auto; margin-right:auto;}
    .shop-section2 .container{padding:0; flex-wrap:wrap;}
	.shop-section2 .block-left{width:100%; right:0; display:none;}
	.shop-section2 .block-right{width:100%; max-width:600px; margin:0 auto;}
	.member-content .end-btn{justify-content:center;}
	.shop-section2 .block-right{padding:15px; left:unset;}
    .shop-section2 .product-list{margin-bottom:40px;}
    .product-detailed .product-category{display:none;}
    .product-showbox{width:100%; margin:0 auto;}
    .product-showbox{min-height:inherit;}
    .product-showbox .gallery-top{max-width:300px; height:300px; margin:0 auto;}
    .product-showbox .gallery-thumbs{height:120px;}
	.pro-col{width:33.333%;}
    .other-contact-wrapper{display:flex; flex-wrap:wrap; margin:0 auto; width:50%;}
	.other-contact{padding:15px 0px;}
	.other-contact ul li a{font-size:18px;}
	.other-contact ul{padding:10px 20px 20px 20px;}
	.hot-text h5{font-size: 20px;}
	.n1{width:50%; height:400px;}
	.n2{width:50%; height:400px;}
	.hot{flex-flow: wrap;}
	.in-type{padding-top: 40px;}
	.news-wrapper h6{margin-top:50px; margin-bottom:15px;}
	.partner-btn a{font-size:18px; padding-top:50px;}
	.partner-btn a:hover{font-size:20px; padding-top:50px;}
	.map-text li{line-height:20px;}
	.item-detail h12{font-size:18px;}
	.item-detail ul li{font-size:15px;}
	.activity-banner{padding:0;}
	.products-text{padding-top:20px;}
	.products-text h2{font-size:15px;}
	.partner-main h7{font-size:20px;}
	.shopnews-item{width:100%;}
}

@media only screen and (max-width:840px){
	.item-name-box>.item-detail{padding-right:25px;}
	.fot-menu .fot-opition{padding:20px 15px;}
	.fot-menu{letter-spacing:1px;}
	.add_on-cart-wrapper .add_on-detail{flex-wrap:wrap;}
	.add_on-cart-wrapper .add_on-detail .tit{flex-basis:100%;}
	.confirm-item-block{width:100%;}
	.confirm-item-block:nth-child(2){padding:0 20px;}
	.shop-video-inner{flex-wrap:wrap;}
	.shop-video-part{width:100%;}
	.shop-video-part-L{margin-bottom:10px;}
	.shop-video-part>.box-inner{margin-left:0;}
	.shop-video-part-L>.box-inner{margin-right:0;}
	}

@media only screen and (max-width:828px){
	.item-detail h12{font-size:16px;}
	.item-detail ul li{font-size:14px;}
	.item-price{font-size:18px;}
	.no-icon{font-size:65px;}
	.no-icon2{font-size:65px;}
	.partner-btn a{padding-top:80px;}
	.partner-btn a:hover{font-size:20px; padding-top:80px;}
	.plus-box .row{justify-content:center;}
	.plus-buy .plus-main{width:33%;}
	.plus-buy .plus-sign{display:none;}
	.plus-buy .plus-list{width:63%;}
	.plus-list .plus-col{width:50%;}
	.plus-list .plus-col:nth-child(3){display:none;}
	.plus-col:nth-child(2) .popbox-block{left:auto; right:-50%;}
	}

@media only screen and (min-width:768px){
	.conclusion-box{width:50%;}
	}

@media only screen and (max-width:768px){
	.guide-row .step-col{width:100%; margin-top:40px;}
	.guide-row .step-col i.fa{float:left; margin-right:20px;}
	/*.guide-row .step-col p{text-align:left; margin-right:20px;}*/
	.guide-row .ship-col{width:100%; margin-bottom:30px;}
	.ship-col p{padding-right:20px;}
	.add_on-cart-wrapper .add_on-detail{flex-wrap:wrap;}
	.add_on-cart-wrapper .add_on-detail .tit{max-width:unset; padding-right:40%;}
	.add_on-cart-wrapper .add_on-detail .item-quantity{display:none;}
	.add_on-detail .pop-qty-block{display:flex;}
	.shoppingcart .shoppingcart-section1{display:none;}
	.shoppingcart .shoppingcart-section2{padding-top:20px;}
	.order-detail-box .box-inner>.item-pic{flex-basis:100px;}
	.maintain-box{width:100%; max-width:500px; margin:20px auto;}
	.vat-box{width:100%;}
	.vat-box label{padding:15px 5px 5px 10px!important;}
	.vat-box input{max-width:250px; margin:5px 10px 17px;}
	.shopnews-item{flex-wrap:wrap;}
	.shopnews-img{flex-basis:100%;}
	.shopnews-img .news-list-cover{padding-bottom:70%;}
	.shopnews-info{margin-top:25px;}
	.news-btn-box{margin-bottom:30px;}
	.activity-left, .activity-right{width:100%; float:none;}
	.activity-left{margin-bottom:30px;}
}

@media only screen and (max-width:767px){
	.breadcrumb-wrap{flex-direction:row; flex-wrap:wrap; padding-bottom:20px;}
	.breadcrumb-wrap .breadcrumb{width:100%;}
	.breadcrumb-wrap h1{width:100%; padding:2% 0;}
	.banner-block{padding-top: 180px;}
	.index-products{margin: 0 6vw;}
	.index-products li{width: calc((100% - 50px) / 2);}
	.block-right{width: 100%;}
	.proline{width:100%; padding-right:0px;}
	.product-details-area{width:100%;}
	.item-detail h12{font-size:15px;}
	.item-detail ul li {font-size:13px;}
	.item-price{font-size:17px;}
	.slogan{font-size:22px;}
	.page-banner-line{padding-top:65px;}
	.en-title{font-size:80px;}
	.ch-title{font-size:18px;}
	.title_ch{margin-left:48px;}
	.title_en{font-size:25px; margin-left:48px;}
	.description{font-size:25px; font-weight:500; margin-left:48px;}
	.text-area{width:100%; padding:0 20px 48px 20px; top:auto; bottom:0;}
	.news .main-wrapper main section.section2 .inner-wrap{margin-top:-140px}
	.decor{display:none;}
	.login-tab .tabcontent{padding:0 40px;}
    .plus-main{width:30%; display:flex; justify-content:center; align-items:center;}
    .plus-list{width:60%;}
    .plus-col{width:50%; padding:30px;}
    .order-tab .tablinks{margin:0 10px;}
    .shoppingcart-item .order-detail-info{width:100%; margin-bottom:20px; line-height:1.5em;}
    .shoppingcart-item .edit-btn{width:30%;}
    .member-content .form-rows .col-l{width:20%;}
    .checkout-item .form-row{flex-wrap:wrap; padding:10px;}
    .checkout-item .form-row .col-l{width:100%; justify-content:flex-start;}
    .checkout-item .form-row .col-l{padding-left:10px; padding-right:0; padding-top:0;}
    .checkout-item .form-row .col-r{width:100%; margin:10px auto 15px;}
    .fot-menu{padding-top:30px;}
    .fot-menu .fot-opition{width:50%;}
    .content-wrapper{padding:20px;}
    .ex-grid{width:50%;}
    .section1.banner{height:250px;}
    .banner-block{padding-top:140px}
    .page-banner-line{padding-top:35px}
    .en-title{font-size:40px;}
    .shop-banner .shop-banner-half{width:100%;}
    .shop-banner .shop-banner-half.half-L{padding-right:0; padding-bottom:10px;}
    .shop-banner .shop-banner-half.half-R{padding-left:0;}
    .map-box iframe{height:250px;}
	.for_mobile{display:block;}
}

@media only screen and (max-width:650px){
	.shop-nav .col-3 .txt h3{font-size:16px;}
	.shop-nav .col-3 .txt h4{font-size:12px;}
	.item-detail h12{font-size:15px;}
	.item-detail ul li{font-size:13px;}
	.item-price{font-size:16px;}
	.c-d li{padding:8px; margin-left:20px;}
	.item-quantity{font-size:18px; font-weight:500;}
	.item-quantity .quantity{padding-right:5px}
	.index-products{margin:0 6vw;}
	.index-products li{width:100%;}
	.partner-text{padding:20px;}
	.partner-btn a{padding-top:30px; margin-bottom:0px;}
	.partner-btn a:hover{padding-top:30px;}
	.partner-main h7{font-size:20px;}
	.container h1 {letter-spacing: 0px}
	.block-right .row h8{font-size:25px}
	.page-banner-line{width:10%;}
     .title_ch{font-size:35px; margin-left:30px;}
	.title_en{font-size:20px; margin-left:30px;}
	.description{font-size:20px; font-weight:500; margin-left:30px;}
	.fot-menu{flex-wrap:wrap;}
	.fot-opition{width:45%; padding:0 20px; margin-top:40px;}
	.col-lg-5{width:90%}
	.col-lg-7{width:90%}
    .c-d{width:130px;}
    .order-tab .shoppingcart-item.completed ul.c-d{width:inherit; margin:20px auto;}
    .order-tab .shoppingcart-item.completed li{margin-left:0; width:120px; display:inline-block;}
    .order-tab .shoppingcart-item.completed li:hover{padding:8px;}
    .order-tab .shoppingcart-item.cancel ul.c-d{width:inherit; margin:20px auto;}
    .order-tab .shoppingcart-item.cancel li{margin-left:0; width:120px; display:inline-block;}
    .order-tab .shoppingcart-item.cancel li:hover{padding:8px;}
    .shop-nav .txt{width:80%;}
    .shop-nav h3{font-size:20px;}
    .video-item{flex-wrap:wrap;}
    .pro-col{width:50%;}
    .recom-detail{flex-wrap:wrap;}
    .recom-value{width:100%;}
    .shopindex-section3 .shop-banner{padding:0;}
    .shopindex-section4 .shop-banner{padding:0;}
    .shopindex-section4 .col-5{width:100%; float:none; padding-right:0;}
    .shopindex-section4 .col-7{width:100%; float:none; padding-left:0;}
    .shopnews-item, .partner-item{width:90%; max-width:450px; margin:30px auto 60px;}
    .shopnews-img, .partner-img{width:100%;}
    .shopnews-info, .partner-info{width:100%;}
    .shop-banner .shop-banner-half.half-L{padding-bottom:0;}
    .shopindex-section7 .detail{flex-wrap:wrap;}
    .shopindex-section7 .value{width:100%;}
	.branches-row{width:100%;}
	.order-tab .shoppingcart-item.completed{flex-wrap:wrap;}
	.order-tab .shoppingcart-item.cancel{flex-wrap:wrap;}
	.shoppingcart-item .edit-btn{width:100%;}
}

@media only screen and (max-width: 600px){
    .shopnews-info .date{font-size:14px;}
    .shopnews-info .title{margin-top:10px; font-size:18px;}
    .partner-info .date{font-size:14px;}
    .partner-info .title{margin-top:10px; font-size:18px;}
    .partner-info .text{display:none;}
	.fot-menu .item{margin-top:0;}
	.fot-menu .fot-info{width:100%; padding:20px 70px;}
	.fot-menu .fot-opition{padding:20px;}
	.footer-title{font-size:20px;}
	#gotop{right:20px;}
    .order-tab .tablinks{font-size:14px; margin:0;}
    .footer-contact li{margin:0 5px;}
    .copyright{float:none; width:90%; margin:0 auto;}
    .shop-product-show{margin-bottom:0;}
    .shop-product-show .col-3{width:50%;}
    .dealer .tablinks{padding:10px 7px;}
    .shop-video-box>.box-inner{flex-wrap:wrap;}
    .video-film, .video-content{width:100%;}
    .shop-video-box .video-content{margin:15px auto;}
	}

@media only screen and (max-width:575px){
	.navbar .container{padding:0 22px;}
	.navbar .container .logo{width:147px;}
	.other-contact ul li a{font-size:14px;}
	.news-block{width:50%;}	
	.login-block h3 {font-size:24px;}
	.login-tab .tabcontent{padding:0 20px;}
	.breadcrumb-wrap h1{width:100%; padding:4% 0 2%;}
	.breadcrumb{width:100%;padding-top:10px; justify-content:flex-start;}
	.partner-text{padding:10px;}
	.partner-btn a{font-size:18px; padding-top:10px;}
	.partner-btn a:hover{font-size:20px; padding-top:10px;}
	.grid-news{width:100%;}
	.no-icon{font-size:50px;}
	.no-icon2{font-size:50px;}
	.slogan{font-size:18px;}
	.page-banner-line{width:8%;}
	.ch-title{font-size:16px;}
	.title_ch{font-size:40px;margin-bottom:20px}
	.description{font-size:25px;margin-bottom:14px}
	.title_en{font-size:25px;margin-bottom:4px}
    .plus-col{padding:20px;}
    .plus-buy .plus-box{border-bottom:none;}
    .main-col .tit, .plus-col .tit, .plus-options{display:none;}
    .plus-buy .plus-shop{display:none;}
    .plus-main .price, .plus-main .discount{font-size:12px;}
    .plus-list .price, .plus-list .discount{font-size:12px;}
    .subtotal .discount{font-size:18px;}
    .plus-buy .plus-shop{width:100%; margin-right:50px; justify-content:flex-end;}
    .detail{flex-wrap:wrap;}
    .order{flex:inherit; width:100%;}
	.popbox-open .overlay{opacity:0.5; visibility:visible;}
}

@media only screen and (max-width:540px){
	.item-name-box>.item-detail{padding-right:0;}
	.item-detail .tit{width:90%;}
	.popbox-block{position:fixed; top:35%; left:50%; margin-left:-173px;}
	}

@media only screen and (max-width:500px){
	.news-wrapper{width:450px;}
	.news-block{width:100%;}
	.in-type{padding-top:60px;}
	.hot-title h2{font-size:32px; padding-left:20px;}
	.partner-btn a{font-size:16px; padding-top:20px;}
	.partner-btn a:hover{font-size:18px; padding-top:20px;}
	.partner-main h7{font-size:19px;}
	.block-right .row h8{font-size:20px}
	.mb-55{flex-direction:column;}
	.cart-plus-minus input{margin-right: 0;width: 200px;}
	.product-quantity{padding-bottom: 10px;}
	.pro-cart-btn a{width: 200px;}
	.pro-cart-btn{padding-bottom: 10px;}
	.pro-wish a{font-size: 20px;margin-top: 20px;margin-left: 10px;margin-right: 10px;}
	.login-blank li{width: 400px;margin-left:auto;margin-right:auto;}
	.sign-blank li{width: 400px;margin-left:auto;margin-right:auto;}
	.no-icon{font-size: 40px;}
	.no-icon2{font-size: 40px;}
	.page-banner-line{width:35%;}
	.ch-title{font-size:18px;padding-top: 5px;}
	.partner-text{line-height: 22px;}
	.products-text h2{font-size: 15px;}
	.news-wrapper{padding: 0 20px;}
	.type{font-size: 13px;}
	.shop-recom .col-7 .swiper-button-prev,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-next{right:130px;}
	.shop-recom .col-7 .swiper-button-next,
.shop-recom .col-7 .swiper-container-rtl .swiper-button-prev{right:70px;}
	.order-btn{top:15px; right:15px;}
	.remit-btn{top:15px; right:125px;}
	.remit-btn a{letter-spacing:unset;}
	.order-cancel-btn{top:15px; right:220px;}
	.order-cancel-btn a{letter-spacing:unset;}
	.shoppingcart-item{padding-top:70px;}
	.order-tab .shoppingcart-item.completed{padding-top:20px;}
	.order-tab .shoppingcart-item.cancel{padding-top:20px;}
	.shoppingcart-wrapper{padding:0;}
	.comb-main{padding:10px;}
	.comb-sub{padding:50px 10px 10px;}
	.item-name-box>.item-pic{flex-basis:80px;}
	.delete-btn{top:0; right:0;}
	.cart-total{padding-top:20px;}
	.add_on_main{padding-top:0;}
	.mobile-menu-area{width:75%;}
	.navmenu-bottom{max-width:200px;}
	.block-content{padding:20px 50px 20px 20px;}
	.block-content h4{font-size:20px;}
	.block-content p{font-size:16px;}
	.detail-options-list li input[type="radio"] + label{font-size:16px;}
	.detail-options-list li input[type="radio"] + label{margin-right:7px;}
	.product-slide-box>a>.recom-tit>h4{font-size:14px; padding:0;}
	.pro-row>.pro-col>a>.tit>h4{font-size:14px;}
	.shoppingcart-item .cart-price{text-align:left;}
	.other-btn{flex-wrap:wrap;}
}

@media only screen and (max-width:480px){
	.other-btn button + button{margin-top:15px;}
	}

@media only screen and (max-width:380px){
	.index-products{margin:0 6vw;}
	.other-contact ul li a{font-size:8px;}
	.footer-contact{padding-top:20px; padding-bottom:30px;}
	.news-wrapper{width:400px; padding-top:20px;}
	.news-block{width:80%;}
	.hot-text h5{font-size:18px; padding-left:0px;}
	.in-type{padding-top:50px; padding-left:25px;}
	.n2 img{margin-top:0px;}
	.partner-text{padding:5px; line-height:20px;}
	.partner-main{padding-top:15px;}
	.partner-main h7{font-size:15px;}
	.partner-main p{font-size:8px;}
	.partner-btn a{font-size:14px; padding-top:2px;}
	.partner-btn a:hover{font-size:15px; padding-top:2px;}
	.no-icon{font-size:35px;}
	.no-icon2{font-size:35px;}
	.item-detail h12{font-size:12px;}
	.item-detail ul li{font-size: 8px;}
	.c-d li{margin-left:0px;}
	.title_ch{font-size:35px; margin-left:30px;}
	.title_en{font-size:20px; margin-left:30px;}
	.description{font-size:20px; font-weight:500; margin-left:30px;}
	.fot-info{width:100%;}
	.fot-opition{width:100%; padding:0 20px; margin-top:30px;}
	.c-d{padding:0px; margin-left:-21px;}
	.footer-contact li a{position:relative; width:45px; height:45px; font-size:25px; margin:0 15px;}
	.footer-contact li a:hover{width:45px; height:45px; font-size:25px; margin:0 15px;}
	.index-products li p{font-size: 15px;}
	.sign-block{width:350px;}
	.sign-block h10{padding: 0px 125px;}
	.sign-block h10{margin: 0 -10px;}
	.member-block h10{margin: 0 125px;}
	.map-text li{margin-top: 20px;}
	}

@media only screen and (min-width:320px) and (max-width:380px){
	.block-right .row h8{font-size:18px}
	.login-block{width:100%;}
	.login-blank li{width:300px;}
	.otherlogin{width:300px;}
	.otherlogin li a{font-size:14px;}
	.sign-blank li{width:300px;}
	}

@media only screen and (max-width:320px){
	.index-products{margin:0 6vw;}
	.index-products li{width:100%;}
	.hot-title h2{font-size:24px; padding-left:15px;}
	.news-wrapper{width:300px;}
	.partner-text{padding:3px; line-height:20px;}
	.partner-main h7{font-size:12px;}
	.partner-main p{font-size:5px;}
	.partner-btn a{font-size:10px; padding-bottom:0px;}
	.partner-btn a:hover{font-size:12px; padding-top:0px;}
	.no-icon{font-size:25px;}
	.no-icon2{font-size:25px;}
	.sign-block{width:280px;}
	.sign-block h10{margin:0 80px;}
	.sign-blank li{width:280px;}
	.mem-block{width:280px;}
	.member-block h10{margin:0 80px;}
	.login-block{width:100%;}
	.login-blank li{width:280px;}
	.slogan{font-size:12px;}
	.page-banner-line{width:15%; padding-top:40px;}
	.en-title{font-size:50px;}
	.ch-title{font-size:17px;}
	.discount{font-size:16px;}
	.products-text h2{font-size:13px;}
	.type{font-size:10px;}
	.otherlogin li a{font-size:13px;}
	.order-info li{font-size:15px;}
	.other-contact-wrapper{width:100%;}
	.title_ch{font-size:30px; margin-left:25px;}
	.title_en{font-size:18px; margin-left:25px;}
	.description{font-size:18px; font-weight:500; margin-left:25px; margin-top:10px;}
	.item-detail{line-height:20px; margin:2px;}
	.map-text li{margin-top:55px;}
	}