@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
/*font-family: 'Playfair Display', serif;
font-family: HelveticaNeueLTPro-Lt,'Noto Sans TC';*/
body{ 
	margin:0;
	padding:0;
	font-size:12px;	
	font-family: HelveticaNeueLTPro-Lt,'Noto Sans TC';
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	letter-spacing:2px;
	color:#040000;	
	line-height: 1.7;
}
a{ text-decoration:none;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
button,.btn{transition: 0.5s ease;}
button:hover,.btn:hover{ opacity:0.6;}
button,select{ cursor:pointer; font-family: HelveticaNeueLTPro-Lt,'Noto Sans TC';}
input,button,textarea{
	/* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
.toggle_btn{border:none; background:none; padding:0; width:20px; height:17px; position:fixed; top:20px; left:20px; transition: 0.5s ease; z-index:900; }
.toggle_btn:hover{
	/*-ms-transform: scale(1.1, 1.1); 
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
	cursor:pointer;*/
}
.btn_cart{ position:fixed; top:16px ;left:56px; }
.btn_cart img{ height:22px;}
::-webkit-input-placeholder {  color: #797979;}
:-ms-input-placeholder { color:  #797979;}
::placeholder {  color:  #797979;}

.toggle_btn div{ position:relative; }
.toggle_btn span{ display:block; width:100%; height:3px; margin-bottom:4px; background:#231815; transition: 0.5s ease;}
.toggle_btn span:nth-child(3){ margin-bottom:0;}
.toggle_btn:hover span{ background:#331a04;}
.active .toggle_btn{ /*top:30px;*/}
.active .toggle_btn b{ display:none;}
.active .toggle_btn span{ background: #000;}
.active .toggle_btn span:nth-child(1){ transform: rotate(-45deg);  position: absolute; top: 7px;}
.active .toggle_btn span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 7px;}
.active .toggle_btn span:nth-child(3){ display:none;}
.hide{ display:none;}

header{ padding:15px 0; position:fixed; width:100%; top:0;background:#fff;z-index:899;}
header .outer{ position:relative;}
header .logo{ text-align:center; display: flex; align-items: center; justify-content: center;}
header .logo a{ display:inline-block; display: inline-flex; align-items: center;}
header .logo img{ height:23px;}
header  #navi{ display:none; position:absolute; left:0; top:0; z-index:901;}
.scroll header{ /*position:fixed; width:100% ;top:0; */  /*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); */}
.active header{ z-index:901; /*background:none;*/}
.active header #navi{ display:block;margin-top: 33px;
	/*-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);margin-top: -15px;*/ }
header  #navi{ background:#fff;}
header  #navi .navi-title{ display:none; font-size:16px; padding:15px; position:relative; background:#fff;}
header  #navi .navi-title i{ display:inline-block; background:url(../images/icon_close.png) center no-repeat; background-size:12px auto; width:20px; height:20px; position:absolute; right:20px; top:20px; cursor:pointer;}
header  #navi ul{ margin:0; padding:0; list-style:none;}
header  #navi ul li{ /*margin-top:1px;*/}
header  #navi ul li .sub_navi{ display:none;}
header  #navi ul li .sub_navi a{ margin-top:1px;}
header  #navi ul li a{ display:block; /*padding:15px 15px;*/padding: 15px 40px 15px 15px; color:#040000; font-size:14px; position:relative; min-width:240px; background:#fff;}
header  #navi ul li a i{ display:inline-block; background:url(../images/icon_arrow_right.png) center no-repeat; background-size:12px auto; width:20px; height:20px; position:absolute; right:10px; top:17px; cursor:pointer; transition: 0.5s ease; }
header  #navi ul li:hover a i{ right:10px;}
header  #navi ul li.has_navi.active a i{
	 transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);	
}
header  #navi ul li.has_navi.active .sub_navi{ display:block;}
.main-slider {
  position: relative;
  max-width:1400px;
  margin:0 auto;
  margin-bottom:40px;
}
.main-slider.mobile{ display:none;}
.main-slider .item{ height:500px; background-position:center; background-size:cover; overflow: hidden;}
.main-slider .item video.web{ height:500px;}
.main-slider .item .mobile{ display:none; width:100%;}
.main-slider .item iframe{ width:100%; height:500px;}
.main-slider .owl-dots{ text-align:center; padding:20px 0;}
.main-slider .owl-dots button{}
.main-slider .owl-dots button span{ margin:0 5px; width:8px; height:8px; border-radius:50px; background:#bdbbbb; display:inline-block; }
.main-slider .owl-dots .owl-dot.active span{ background:#040000;}
.main-slider iframe{ width:100vw !important;}
.slick-slide {
  position: relative;  
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slick-slide::before { 
  opacity: .3;
  z-index: 1;
}
.slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slick-slide iframe {
  position: relative;
  pointer-events: none;
}
.slick-slide .slide-image {
  opacity: 0;
  height: 100%;
  background-size: cover;
  background-position: center;
  -webkit-transition: all .8s ease;
  transition: all .8s ease;
}
.slick-slide .slide-image.show {
  opacity: 1;
}
.slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.slick-slide .slide-media {
  -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
  z-index: 1;
}
.slick-slide.slick-active .slide-media {
	width:100%; height:470px;
  -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
          animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .caption {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
  transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
.slick-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.caption {
  position: absolute;
  top: 44%;
  left: 5%;
  text-align: center;
  padding: 20px;
  border: 3px solid;
  color: #fff;
  margin: 0;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: .02em;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
}

.slick-dots {
  text-align: center;
  padding-top: 0px;
  bottom:-25px;
}
.slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}
.slick-dots li button {
  width: 16px;
  height: 16px;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 0 transparent;
  vertical-align: middle;
  color: #fff;
  background-color: #fff;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: .4;
}
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
  /*border-color: #2d3042;
  box-shadow: 0 0 0 2px #fff;*/
  opacity: 1;
}


.section_main{ /*overflow:hidden;*/ margin-top: 52px; position:relative; z-index:3;}
.section_main .title{ text-align:center; color:#231815;}
.section_main .title h2{ font-size:36px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}
.section_main .title h2 .title_h2{ height:24px;}
.section_main .title p{ font-size:16px;}
.section_main .color.noir{ background:#040000;}
.section_main .color.gaia{ background:#996d5a;}
.section_main .color.nude{ background:#cfa887;}
.section_main .color.flora{ background:#eccdce;}
.section_main .color.qenus{ background:#f1c2b2;}
.section_main .color.solar{ background:#f9e0a4;}
.section_main .color.ciel{ background:#c7d4e2;}
.section_main .color.olive{ background:#b2bcaf;}
.section_main .color.stone{ background:#bdbbbb;}



.section_main .home_lens_list .outer{ max-width:715px; padding:0 20px; margin:0 auto;}
.section_main .home_lens_list .outer .list_item{ display:flex; flex-wrap:wrap; margin-left:-25px; margin-right:-25px;}
.section_main .home_lens_list .outer .list_item .item{ width:calc(100% / 3);overflow:hidden;}
.section_main .home_lens_list .outer .list_item .item .box{  margin:40px 25px;  transition: 0.5s ease;}
.section_main .home_lens_list .outer .list_item .item .img{ display: flex;  align-items: center;  justify-content: center;  transition: 0.5s ease;}
.section_main .home_lens_list .outer .list_item .item .img img{ width:100%; }
.section_main .home_lens_list .outer .list_item .item .img .mobile{ display:none;}
.section_main .home_lens_list .outer .list_item .item:hover .box{
	/*-ms-transform: scale(1.1, 1.1); 
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);*/
	cursor:pointer;
}

.section_main .home_lens_list .outer .list_item .item .color{padding:15%;}
.section_main .home_lens_list .outer .list_item .item .color .desc{ background:url(../images/white_bg001.jpg) center no-repeat; background-size:contain; width:122px;; height:122px;   display: flex;  align-items: center;  justify-content: center;font-size:24px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; margin:0 auto; }
.section_main .home_lens_list .outer .list_item .item .color .desc img{ height:13px;}

.section_main .header_banner{ text-align:center;}
.section_main .header_banner .color{display: flex;  align-items: center;  justify-content: center;min-height: 360px; max-width:1400px; margin:0 auto;}
.section_main .header_banner .img{ background:url(../images/white_bg001.jpg) center no-repeat; background-size:cover; width:250px; height:250px; display: flex;  align-items: center;  justify-content: center; margin:  0;}
.section_main .header_banner .img img{ height:22px;}

.section_main .lens_list{ margin-top:50px; margin-bottom:50px;}
.section_main .lens_list .outer{ max-width:715px; padding:0 20px; margin:0 auto;}

.section_main .lens_list .outer .list_item{ display:flex; flex-wrap:wrap;   margin-left:-13px; margin-right:-13px;}
.section_main .lens_list .outer .list_item .item{ width:calc(100% / 3);overflow:hidden;}
.section_main .lens_list .outer .list_item .item .box{  margin:25px 13px ;  transition: 0.5s ease;}
.section_main .lens_list .outer .list_item .item .img{ 
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding:10%;*/
	transition: 0.5s ease;
	/*background: rgba(246,246,246,1);
	background: -moz-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 11%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 60%, rgba(239,239,239,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,246,246,1)), color-stop(11%, rgba(246,246,246,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(60%, rgba(239,239,239,1)), color-stop(100%, rgba(239,239,239,1)));
	background: -webkit-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 11%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 60%, rgba(239,239,239,1) 100%);
	background: -o-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 11%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 60%, rgba(239,239,239,1) 100%);
	background: -ms-linear-gradient(left, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 11%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 60%, rgba(239,239,239,1) 100%);
	background: linear-gradient(to right, rgba(246,246,246,1) 0%, rgba(246,246,246,1) 11%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 60%, rgba(239,239,239,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef', GradientType=1 );*/

}
.section_main .lens_list .outer .list_item .item .img img{ width:100%; }
.section_main .lens_list .outer .list_item .item:hover .box .img{
	/*-ms-transform: scale(1.1, 1.1); 
    -webkit-transform: scale(1.1, 1.1); 
    transform: scale(1.1, 1.1);*/
	cursor:pointer;
}
.section_main .lens_list .outer .list_item .item .info{ text-align:center; margin-top:20px;}
.section_main .lens_list .outer .list_item .item .info .desc{ font-size:13px;font-weight: 300; font-family: HelveticaNeueLTPro-Lt,'Noto Sans TC'; letter-spacing:0; line-height:1.5; }
.section_main .lens_list .outer .list_item .item .info .price{font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';  letter-spacing:0;}

.section_main .news_list{ margin-top:100px;}
.section_main .news_list .outer{ max-width:950px; padding:0 20px; margin:0 auto;}
.section_main .news_list .outer .list_item{ display:flex; flex-wrap:wrap;   margin-left:-38px; margin-right:-38px;}
.section_main .news_list .outer .list_item .item{ width:calc(100% / 3);overflow:hidden;}
.section_main .news_list .outer .list_item .item .box{  margin:38px 38px;  transition: 0.5s ease;}
.section_main .news_list .outer .list_item .item .img{ display: flex;  align-items: center;  justify-content: center;  transition: 0.5s ease; margin-bottom:5px;}
.section_main .news_list .outer .list_item .item .img img{ width:100%; }
.section_main .news_list .outer .list_item .item h3{ font-size:20px; letter-spacing:0;}
.section_main .news_list .outer .list_item .item .action{ margin-top:10px;}
.section_main .news_list .outer .list_item .item .action a{ display:block; text-align:center; color: #040000; padding:5px; border:1px solid #040000;font-size:16px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; letter-spacing:0;}

.section_main .news_detail{ margin-top:60px;}
.section_main .news_detail .outer{ max-width:950px; padding:0 20px; margin:0 auto;}
.section_main .news_detail .outer .news_row{display:flex; flex-wrap:wrap; justify-content: space-between;}
.section_main .news_detail .outer .news_row .col01{ width:526px;}
.section_main .news_detail .outer .news_row .col02{ width:368px; display: flex; flex-wrap: wrap;position: relative;}
.section_main .news_detail .outer .news_row .col01 .big_img img{ width:100%;}
.section_main .news_detail .outer .news_row .col01 .small_img_list{display:flex; flex-wrap:wrap;  margin-top:10px; margin-left:-8px; margin-right:-8px; }
.section_main .news_detail .outer .news_row .col01 .small_img_list .item{ width:calc(100% / 5 - 16px); padding:8px;}
.section_main .news_detail .outer .news_row .col01 .small_img_list .item img{ width:100%; cursor:pointer;}
.section_main .news_detail .outer .news_row .col02 .info h3{ font-size:26px; letter-spacing:0;}
.section_main .news_detail .outer .news_row .col02 .info p{font-size: 13px; line-height:2;}
.section_main .news_detail .outer .news_row .col02 .info p big{ font-size:16px;}
.section_main .news_detail .outer .news_row .col02 .info hr{ border-top: 1px solid #231815;}
.section_main .news_detail .outer .news_row .col02 .link{ width:calc(100% - 10px); border-bottom:1px solid #221714; padding:5px 5px;position: absolute;
    bottom: 0;}
.section_main .news_detail .outer .news_row .col02 .link a{ color:#b3b3b4; display:block; word-break:break-all; font-size:11px;}

.section_main .news_detail .outer .news_row.web .col01 .small_img_list{ display:none;}


.section_main .product_detail{ margin-top:100px;}
.section_main .product_detail .outer{ max-width:950px; padding:0 20px; margin:0 auto;}
.section_main .product_detail .outer .product_row{display:flex; flex-wrap:wrap; justify-content: space-between;}
.section_main .product_detail .outer .product_row .col01{ width:526px;}
.section_main .product_detail .outer .product_row .col02{ width:368px; display: flex; flex-wrap: wrap;}
.section_main .product_detail .outer .product_row .col01 .big_img img{ width:100%;}
.section_main .product_detail .outer .product_row .col01 .small_img_list{display:flex; flex-wrap:wrap;  margin-top:10px; margin-left:-8px; margin-right:-8px; }
.section_main .product_detail .outer .product_row .col01 .small_img_list .item{ width:calc(100% / 5 - 16px); padding:8px;}
.section_main .product_detail .outer .product_row .col01 .small_img_list .item img{ width:100%; cursor:pointer;}
.section_main .product_detail .outer .product_row .col02 .box{ width:100%;}
.section_main .product_detail .outer .product_row .col02 .info{ letter-spacing:0;}
.section_main .product_detail .outer .product_row .col02 .info .sub_title h3{ font-size:26px; letter-spacing:0; margin-bottom:10px;}
.section_main .product_detail .outer .product_row .col02 .info .sub_title p{font-size: 13px; line-height:2;}
.section_main .product_detail .outer .product_row .col02 .info .spec{ border-top:1px solid #231815; border-bottom:1px solid #231815; padding:8px 0; font-size: 13px;}
.section_main .product_detail .outer .product_row .col02 .info .spec h4{ font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}
.section_main .product_detail .outer .product_row .col02 .info .spec .item{ display:flex; flex-wrap:wrap;}
.section_main .product_detail .outer .product_row .col02 .info .spec .item span{ display:inline-block;}
.section_main .product_detail .outer .product_row .col02 .info .spec .item span:first-child{ width:70px;}
.section_main .product_detail .outer .product_row .col02 .info .spec .item span:-child{ width:calc(100% - 70px);}
.section_main .product_detail .outer .product_row .col02 .info .tone{ padding:8px 0;}
.section_main .product_detail .outer .product_row .col02 .info .tone h4{ font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}
.section_main .product_detail .outer .product_row .col02 .info .tone .item_list{ display:flex; flex-wrap:wrap; margin-top:10px;}
.section_main .product_detail .outer .product_row .col02 .info .tone .item_list .item{ margin-right:5px;}
.section_main .product_detail .outer .product_row .col02 .info .tone .item_list .item span{ display:inline-block; width:22px; height:22px; border-radius:50px;}

.section_main .product_detail .outer .product_row .col02 .info .tone.noir .color01{ background-color:#292324;}
.section_main .product_detail .outer .product_row .col02 .info .tone.noir .color02{ background-color:#7e7473;}
.section_main .product_detail .outer .product_row .col02 .info .option{ margin:20px 0; display:flex; flex-wrap:wrap;justify-content: space-between;  }
.section_main .product_detail .outer .product_row .col02 .info .option .degree{ width:48%;}

.drop_down_menu{ position:relative;}
.drop_down_menu button{border:1px solid #231815; width:100%; padding:12px 8px;display: flex;  justify-content: space-between; background:#fff;}
.drop_down_menu button span{ display:inline-block;}
.drop_down_menu button span:first-child{ width:calc(100% - 10px); text-align:left;font-size: 12px;}
.drop_down_menu button span:last-child{ width:10px;}
.drop_down_menu button span i{ display:inline-block; background:url(../images/icon_arrow_down.png) center; background-size:cover; width:10px; height:10px;  transition: 0.5s ease; }
.drop_down_menu:hover .list_item{ display:block;}
.drop_down_menu .list_item{ display:none; position:absolute; max-height:220px; overflow-y:auto; background:#fff;border:1px solid #231815; border-top:none; width:calc(100% - 2px); z-index:111;}
.drop_down_menu .list_item .item{ color:#999}
.drop_down_menu .list_item .item .container{ padding:12px 8px;display:block;}
.drop_down_menu .list_item .item .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.drop_down_menu .list_item .item .container input:checked ~ .checkmark {
  color:#231815;
}





.section_main .product_detail .outer .product_row .col02 .info .option .quantity{ width:48%;}

.section_main .product_detail .outer .product_row .col02 .info .action a{ display:block;/*background:#040000;*/ font-size:20px; padding:8px; text-align:center; border: 1px solid rgba(4,0,0,1);transition: 0.5s ease; display: flex; align-items: center;  justify-content: center;    min-height: 28px;}
.section_main .product_detail .outer .product_row .col02 .info .action a:hover{ opacity:0.6;}
.section_main .product_detail .outer .product_row .col02 .info .action.noir a{/* background:#040000;*/}



.section_main .product_detail .more{ border-top:1px solid #231815; text-align:center; margin-top:35px;}
.section_main .product_detail .more a{ display:inline-block; width:16px; height:16px; margin:5px; transition: 0.5s ease;}
.section_main .product_detail .more a img{ width:100%;}
.section_main .product_detail .more.active a{ transform:rotate(180deg);} 
.section_main .product_detail .product_img_list{ display:none; text-align:center; padding:40px 0;  overflow:hidden;transition: 0.5s ease; height:0; position:relative;}
.section_main .product_detail .product_img_list.active{ display:block; height:auto;}
.section_main .product_detail .product_img_list img{ max-width:950px; position:relative; z-index:2;}
.section_main .product_detail .product_img_list img.mobile{ display:none;}
.section_main .product_detail .product_img_list .list_bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.section_main .product_detail .product_img_list.noir{ background:#040000;}
.section_main .product_detail .product_img_list.gaia{ background:#996d5a;}
.section_main .product_detail .product_img_list.nude{ background:#cfa887;}
.section_main .product_detail .product_img_list.flora{ background:#eccdce;}
.section_main .product_detail .product_img_list.qenus{ background:#f1c2b2;}
.section_main .product_detail .product_img_list.solar{ background:#f9e0a4;}
.section_main .product_detail .product_img_list.ciel{ background:#c7d4e2;}
.section_main .product_detail .product_img_list.olive{ background:#b2bcaf;}
.section_main .product_detail .product_img_list.stone{ background:#bdbbbb;}


.section_main.add_bg001{ background:#f5e0d8;}
.section_main .about_us .outer{ max-width:950px; padding:25px 20px; margin:0 auto;}
.section_main .about_us .outer .border{
	background:#fff;
	padding:55px 0 40px 0;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
	text-align:center;
}
.section_main .about_us .outer .border .box{ max-width:715px; margin:0 auto; font-size:15px; font-family: HelveticaNeueLTPro-Lt,'Noto Sans TC';letter-spacing:0;}
.section_main .about_us .outer .border .img{ text-align:center;}
.section_main .about_us .outer .border .img img{ max-width:715px;}

.section_main .about_us .outer .border .box h1{ font-size:14px; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; margin-bottom:30px; letter-spacing:0;}
.section_main .about_us .outer .border .box p{  margin-bottom:30px;font-size:12px;letter-spacing:0;}
.section_main .about_us .outer .border .box p span{ display:block;}
.section_main .about_us .outer .border .box p:last-child{ margin-bottom:0;}
.section_main .about_us .outer .border .box hr{ margin:45px 0;}
.section_main .about_us .outer .border .top_div{ margin-bottom:30px;}
.section_main .about_us .outer .border .top_div img{ width:100%;}
.section_main .about_us .outer .border .bottom_div .item{ background:#b7b6b7; display:flex; flex-wrap:wrap;align-items: center;}
.section_main .about_us .outer .border .bottom_div .item:nth-child(1){ margin-bottom:40px;}
.section_main .about_us .outer .border .bottom_div .item .col01{ width:calc(100% - 210px); padding:15px;}
.section_main .about_us .outer .border .bottom_div .item .col01 h2{ font-size:15px; margin-bottom:15px;}
.section_main .about_us .outer .border .bottom_div .item .col01 h2 span{ display:inline-block; padding:0 35px; border-bottom:1px solid #000;}
.section_main .about_us .outer .border .bottom_div .item .col02{ width:180px;display:flex; flex-wrap:wrap;}
.section_main .about_us .outer .border .bottom_div .item .col02 img{ width:100%;}
.section_main .about_us .outer .border .bottom_div .item.reverse .col01{ margin-left:180px; margin-right:-100%;}
.section_main .about_us .outer .border .bottom_div .item.reverse .col02{ margin-right:calc(100% - 210px);}


.section_main .member{ padding-top:40px;}
.section_main .member .outer{ max-width:950px; padding:0 20px; margin:0 auto;}
.section_main .member .outer .member_row{display:flex; flex-wrap:wrap;}
.section_main .member .outer .member_row .col01{ width:364px; margin-right:30px;}
.section_main .member .outer .member_row .col01 .img{ position:relative;}
.section_main .member .outer .member_row .col01 .img .bg{ width:100%;}
.section_main .member .outer .member_row .col01 .img .info{ position:absolute; width:100%; height:100%; left:0; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.section_main .member .outer .member_row .col01 .img .info .box{ width:180px; height:180px; background:url(../images/white_bg001.jpg) center no-repeat; background-size:cover; display:flex; flex-wrap:wrap; align-items:center; justify-content: center;}
.section_main .member .outer .member_row .col02{ width:475px; color: #040000; letter-spacing:0;}
.section_main .member .outer .member_row .col02 .login_signup{ margin-top:-5px; margin-bottom:140px;}
.section_main .member .outer .member_row .col02 .login_signup a{ font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';color: #040000; }
.section_main .member .outer .member_row .col02 .login_signup a:hover,.section_main .member .outer .member_row .col02 .login_signup a.active{ text-decoration:underline;}
.section_main .member .outer .member_row .col02 .login_signup a:first-child{ margin-right:135px;}
.section_main .member .outer .member_row .col02 .member_title{font-size:20px; margin-bottom:55px;}
.section_main .member .outer .member_row .col02 .member_title big{ display:block;font-size:14px;font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; }
.section_main .member .outer .member_row .col02 .member_title small{ display:block;font-size:12px; }
.section_main .member .outer .member_row .col02 .keyin .item{ margin-bottom:15px;}
.section_main .member .outer .member_row .col02 .keyin .item .label{font-size:14px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';color: #040000; }
.section_main .member .outer .member_row .col02 .keyin .item input{ font-size:12px; border-radius:0; border:none; border-bottom:1px solid rgba(4,0,0,0.3); width:100%;}
.section_main .member .outer .member_row .col02 .keyin .item input::-webkit-input-placeholder {  color: #b4b4b5;}
.section_main .member .outer .member_row .col02 .keyin .item input:-ms-input-placeholder { color:  #b4b4b5;}
.section_main .member .outer .member_row .col02 .keyin .item input::placeholder {  color:  #b4b4b5;}

.section_main .member .outer .member_row .col02 .keyin .item.checkbox{ margin-bottom:30px; display:flex; flex-wrap:wrap;align-items: center;font-size:12px; color: #b4b4b5;}
.section_main .member .outer .member_row .col02 .keyin .item.checkbox .container{ padding:0px;display:block;}
.section_main .member .outer .member_row .col02 .keyin .item.checkbox .drop_down_menu .list_item .item .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.section_main .member .outer .member_row .col02 .keyin .item.checkbox .container {
  display: inline-block;
  position: relative;
  padding-left: 20px;  
  cursor: pointer;
  font-size: 15px;
  color: #040000;
  margin-right:5px;
  font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.section_main .member .outer .member_row .col02 .keyin .item.checkbox .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.section_main .member .outer .member_row .col02 .keyin .item.checkbox .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border:1px solid #040000;
}


.section_main .member .outer .member_row .col02 .keyin .item.checkbox .container:hover input ~ .checkmark {
  background-color: #040000;
}


.section_main .member .outer .member_row .col02 .keyin .item.checkbox .container input:checked ~ .checkmark {
  background-color: #fff;
  border:1px solid #040000;
}


.section_main .member .outer .member_row .col02 .keyin .item.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.section_main .member .outer .member_row .col02 .keyin .item.checkbox .container input:checked ~ .checkmark:after {
  display: block;
}


.section_main .member .outer .member_row .col02 .keyin .item.checkbox .container .checkmark:after {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px; 
  background: #040000;
}



.section_main .member .outer .member_row .col02 .action button{border:1px solid rgba(4,0,0,1); padding:8px; background:none; min-height:44px; min-width:230px;    display: flex; justify-content: center;align-items: center;}
.section_main .member .outer .member_row .col02 .action.two_btn{display:flex; flex-wrap:wrap; align-items:center;justify-content: space-between;}
.section_main .member .outer .member_row .col02 .action.two_btn button{ width:48.5%;}
.section_main .member .outer .member_row .col02 .remark{color:  #040000; margin:10px 0;}
.section_main .member .outer .member_row .col02 .remark a{ color:  #b4b4b5;}
.section_main .member .outer .member_row .col02 .remark a b{color: #040000;}

.section_main .member.forgot_password .outer .member_row .col02 .member_title{ margin-bottom:115px;}
.section_main .member.forgot_password .outer .member_row .col02 .remark{ margin-bottom:30px;}



.section_main .member.person_data .dropdown_row{display:flex; flex-wrap:wrap; align-items:center;}
.section_main .member.person_data .dropdown_row .drop_down_menu{ width:115px; margin-right:8px;}
.section_main .member.person_data .dropdown_row .drop_down_menu button{ padding:2px 8px; border-color:#dbdcdc;}
.section_main .member.person_data .dropdown_row .drop_down_menu .list_item{border-color:#dbdcdc;}
.section_main .member.person_data .dropdown_row .drop_down_menu .list_item .item{ border-bottom:none !important; margin-bottom:0 !important; padding-bottom:0 !important;}
.section_main .member.person_data .dropdown_row .drop_down_menu .list_item .item .container{ padding:2px 8px;}

.section_main .member.person_data .outer .member_row .col02{ width:calc(100% - 394px);}
.section_main .member.person_data .outer .member_row .col02 .keyin .item{display:flex; flex-wrap:wrap; align-items:center;border-bottom: 1px solid rgba(4,0,0,0.3); padding-bottom:5px; margin-bottom:25px;}
.section_main .member.person_data .outer .member_row .col02 .keyin .item .label{ width:185px;}
.section_main .member.person_data .outer .member_row .col02 .keyin .item input{ font-size:15px; width:calc(100% - 185px); border-bottom:none;}
.section_main .member.person_data .outer .member_row .col02 .member_title{ margin-bottom:75px;}



.section_main .store{ padding-top:40px;}
.section_main .store .outer{ max-width:950px; padding:0 20px; margin:0 auto;}
.section_main .store .outer .store_row{display:flex; flex-wrap:wrap;}
.section_main .store .outer .store_row .col01{ width:364px; margin-right:30px;}
.section_main .store .outer .store_row .col01 .img{ position:relative;}
.section_main .store .outer .store_row .col01 .img img{ width:100%;}
.section_main .store .outer .store_row .col02{ width:490px; color: #040000; letter-spacing:0;}
.section_main .store .outer .store_row .col02 .big_title{font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';color: #040000; margin-bottom:145px;}
.section_main .store .outer .store_row .col02 .sub_title{font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';color: #040000;}
.section_main .store .outer .store_row .col02 .sub_title{font-size:20px; margin-bottom:40px;}
.section_main .store .outer .store_row .col02 .sub_title big{ display:block;font-size:17px;font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; }
.section_main .store .outer .store_row .col02 .sub_title small{ display:block;font-size:12px; }
.section_main .store .outer .store_row .col02 .keyin .item{ margin-bottom:15px;}
.section_main .store .outer .store_row .col02 .keyin .item .item_row{display:flex; flex-wrap:wrap;justify-content: space-between;}
.section_main .store .outer .store_row .col02 .keyin .item .item_col{ width:48%;}
.section_main .store .outer .store_row .col02 .keyin .item .label{font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';color: #040000; }
.section_main .store .outer .store_row .col02 .action{ margin-top:25px;}
.section_main .store .outer .store_row .col02 .action button{border:1px solid rgba(4,0,0,1); padding:8px; background:none; min-height:44px; min-width:230px;    display: flex; align-items: center;  justify-content: center;}
.section_main .store .outer .store_row .col02 .keyin .drop_down_menu button {
    border: none;
	border-bottom: 1px solid #dbdcdc;  
    padding: 2px 8px;
}
.section_main .store .outer .store_row .col02 .keyin .drop_down_menu .list_item{ border-color:#dbdcdc; }
.section_main .store .outer .store_row .col02 .keyin .drop_down_menu .list_item .item{ margin-bottom:0;}
.section_main .store .outer .store_row .col02 .google_map{ margin-top:80px;}
.section_main .store .outer .store_row .col02 .google_map .google_title{ font-size: 17px; color: #040000; margin-bottom:20px;}
.section_main .store .outer .store_row .col02 .google_map .google_title a{ display:inline-block;background:url(../images/icon_location.svg) left center no-repeat; padding-left:17px;color: #040000; line-height:1.7; }
.section_main .store .outer .store_row .col02 .google_map.active .google_title a{ text-decoration:underline;}
.section_main .store .outer .store_row .col02 .google_map .map{ display:none;}
.section_main .store .outer .store_row .col02 .google_map.active .map{ display:block;}
.section_main .store .outer .store_row .col02 .google_map .map iframe{ width:100%;}
.section_main .store .outer .store_row .col02 .address_list{ margin-top:35px;border-top:1px solid #dbdcdc;}
.section_main .store .outer .store_row .col02 .address_list .item{ border-bottom:1px solid #dbdcdc;display:flex; flex-wrap:wrap;justify-content: space-between; padding:20px 0;align-items: center;}
.section_main .store .outer .store_row .col02 .address_list .item .location{ width:calc(100% - 130px); font-size:16px;}
.section_main .store .outer .store_row .col02 .address_list .item .action{ margin-top:0;}
.section_main .store .outer .store_row .col02 .address_list .item .action button {    
    min-height: 35px;
    min-width: 116px;
}


.section_main .store .outer .store_row .col02 .keyin .item.add_radio{display:flex; flex-wrap:wrap;justify-content: space-between;}
.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_outer{ width:30px;}
.section_main .store .outer .store_row .col02 .keyin .item.add_radio .item_row{ width:calc(100% - 30px);}
.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container {
  display: inline-block;
  position: relative;
  padding-left: 20px;  
  cursor: pointer;
  font-size: 15px;
  color: #040000;
  margin-right:5px;
  font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container.fix_pos .checkmark{ top:-10px; }

.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container .checkmark {
  position: absolute;
  top: -10px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff;
  border:1px solid #040000;
}


.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container:hover input ~ .checkmark {
  background-color: #040000;
}

.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container input:checked ~ .checkmark {
  background-color: #fff;
  border:1px solid #040000;
}


.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container input:checked ~ .checkmark:after {
  display: block;
}


.section_main .store .outer .store_row .col02 .keyin .item.add_radio .radio_container .checkmark:after {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px; 
  background: #040000;
}





.section_main .order_list_div{ padding-top:110px;}
.section_main .order_list_div .outer{ max-width:950px; padding:0 20px; margin:0 auto; letter-spacing:0;}
.section_main .order_list_div .outer .order_title { padding-bottom:15px; border-bottom:1px solid #231815;}
.section_main .order_list_div .outer .order_title big{ display:block;font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';color: #040000; }
.section_main .order_list_div .outer .order_title small{display: block;  font-size: 12px;}
.section_main .order_list_div .outer .order_list .order_item{ padding:25px 0; display:flex; flex-wrap:wrap;    justify-content: space-between; border-bottom:1px solid #231815;}
.section_main .order_list_div .outer .order_list .order_item .col01{display:flex; flex-wrap:wrap; }
.section_main .order_list_div .outer .order_list .order_item .col01 .info{
	display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.section_main .order_list_div .outer .order_list .order_item .col01 .info .price{font-size: 14px;}
.section_main .order_list_div .outer .order_list .order_item .col01 .img{ margin-right:20px;}
.section_main .order_list_div .outer .order_list .order_item .col01 .img img{ width:150px;}
.section_main .order_list_div .outer .order_list .order_item .col01 .item_title{ margin-bottom:7px;}
.section_main .order_list_div .outer .order_list .order_item .col01 .item_title big{ display:block;font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}
.section_main .order_list_div .outer .order_list .order_item .col01 .item_title small{display: block;  font-size: 12px;}
.section_main .order_list_div .outer .order_list .order_item .col01 .desc{font-size: 14px;}
.section_main .order_list_div .outer .order_list .order_item .col02{ 
	width:174px;
	display: flex;
    justify-content: space-between;
    flex-direction: column;

}

.section_main .order_list_div .outer .order_list .order_item .col02 .sub_total{font-size: 14px;text-align:right;}
.section_main .order_list_div .outer .order_list .order_item .col02 .action{ text-align:right;}
.section_main .order_list_div .outer .order_list .order_item .col02 .action button{ border:none; background:none; padding:0;}

.section_main .order_list_div .outer .total{display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between; padding:15px 0; }
.section_main .order_list_div .outer .total .col02{font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}

.section_main .order_list_div .outer .order_action{ margin-top:65px;}
.section_main .order_list_div .outer .order_action .top{ text-align:center;}
.section_main .order_list_div .outer .order_action button{
	border: 1px solid rgba(4,0,0,1);
    padding: 8px;
    background: none;
    min-height: 44px;
    min-width: 368px;
}
.section_main .order_list_div .outer .order_action .bottom{ margin-top:7px; font-size:14px; text-align:center;}

.section_main .order_list_div .outer .order_info{ margin-top:140px;}
.section_main .order_list_div .outer .order_info .item{ margin:5px 0;}
.section_main .order_list_div .outer .order_info .item big{ display:block;font-size:17px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';color: #040000; }
.section_main .order_list_div .outer .order_info .item small{display: block;  font-size: 12px;}
.section_main .order_list_div .outer .order_info .item p{ font-size:14px;}
.section_main .order_list_div .outer .order_info .item .two_col{display:flex; flex-wrap:wrap; justify-content: space-between;}
.section_main .order_list_div .outer .order_info .item .two_col .col{ width:48%;padding: 5px 0;}
.section_main .order_list_div .outer .order_info .item .no_date{display:flex; flex-wrap:wrap; justify-content: space-between; }
.section_main .order_list_div .outer .order_info .item .no_date .left{ width:calc(50% - 1px); border-right:1px solid #040000;border-top:1px solid #040000;  border-bottom:1px solid #040000; padding:15px 0;}
.section_main .order_list_div .outer .order_info .item .no_date .right{ width:calc(50% - 15px);border-top:1px solid #040000;  border-bottom:1px solid #040000; padding:15px 0 15px 15px;}
.section_main .order_list_div .outer .order_info .item .two_col .col.pickup{display: flex;align-items: center;  justify-content: center; border:1px solid #040000;}
.section_main .order_list_div .outer .order_info .item .two_col .col.store_address{border-bottom:1px solid #040000; padding:15px 0;}
.section_main .order_list_div .outer .order_info .item .two_col .col .remark{ position:relative; padding-left:15px;font-size:14px;}
.section_main .order_list_div .outer .order_info .item .two_col .col .remark:before{ content:''; width:10px; height:10px; position:absolute; left:0; top:7px; background:#040000;}

.section_main .privacy_policy{ padding-top:40px;}
.section_main .privacy_policy .outer{max-width:700px; padding:0 20px; margin:0 auto; font-size:12px; line-height:1.8; text-align:left;}
.section_main .privacy_policy .outer .title{ text-align:left;}
.section_main .privacy_policy .outer .title big{ display:block; font-size:18px; font-weight:800;    font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}
.section_main .privacy_policy .outer .title small{ display:block; font-size:12px; font-weight:400;}
.section_main .privacy_policy .outer .info{ margin:45px 0 25px 0;}
.section_main .privacy_policy .outer .rule_list{}

.section_main .contact_div{ padding-top:40px;}
.section_main .contact_div .outer{max-width:700px; padding:0 20px; margin:0 auto; font-size:12px; line-height:1.8; text-align:left;}
.section_main .contact_div .outer .box{ width:320px;}
.section_main .contact_div .outer .title{ text-align:left;}
.section_main .contact_div .outer .title big{ display:block; font-size:18px; font-weight:800;    font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';letter-spacing: 0px;}
.section_main .contact_div .outer .title small{ display:block; font-size:12px; font-weight:400;}
.section_main .contact_div .outer .info{ padding:20px 0 35px 0; border-bottom:1px solid #040000;}
.section_main .contact_div .outer .keyin_list{ margin-top:30px;}
.section_main .contact_div .outer .keyin_list .item{ margin-bottom:20px;}
.section_main .contact_div .outer .keyin_list .item .label{ font-size:12px;letter-spacing: 0;}
.section_main .contact_div .outer .keyin_list .item .label i{ font-style:normal; display:inline-block; margin-left:3px;}
.section_main .contact_div .outer .keyin_list .item .label b{ display:inline-block; font-size:14px;    font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';letter-spacing: 0px;}
.section_main .contact_div .outer .keyin_list .item .keyin input{ width:calc(100% - 2px - 10px); padding-left:5px; padding-right:5px; border: 1px solid rgba(4,0,0,1); height:35px;}
.section_main .contact_div .outer .keyin_list .item .keyin textarea{ width:calc(100% - 2px - 10px); padding-left:5px; padding-right:5px; border: 1px solid rgba(4,0,0,1); height:160px;}
.section_main .contact_div .outer .action button{
	width:100%;	
	border: 1px solid rgba(4,0,0,1);
    padding: 8px;
    background: none;
    min-height: 44px;
    min-width: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size:14px;
	font-weight:800;
}
.section_main .contact_div .outer .action button b{margin-bottom: -4px;    font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}


.section_main .gift_div .outer{ max-width:950px; padding:0 20px; margin:0 auto; background:#f8f6fb;}
.section_main .gift_div .outer .box{ max-width:590px; margin:0 auto; padding:80px 0 50px 0;}
.section_main .gift_div .outer .gift_img{}
.section_main .gift_div .outer .gift_img img{ width:100%;}
.section_main .gift_div .outer .gift_img .mobile{ display:none;}
.section_main .gift_div .outer .gift_title{ padding:50px 0; }
.section_main .gift_div .outer .gift_title .eng{  font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';}
.section_main .gift_div .outer .gift_title .tw{font-size: 15px;font-weight:800; }
.section_main .gift_div .outer .keyin .item_row{ display:flex;justify-content: space-between; margin-bottom:10px;}
.section_main .gift_div .outer .keyin .item_row .item{ width:49%;}
.section_main .gift_div .outer .keyin .item_row .item .list_item.stores .item{ width:100%;}
.section_main .gift_div .outer .keyin .item_row .item .label{
	font-size: 14px;
    font-weight: 800;
    font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';
    color: #040000;
	letter-spacing:1px;
}
.section_main .gift_div .outer .keyin .item_row .item .label small{ font-size:12px; font-weight:400;}
.section_main .gift_div .outer .keyin .item_row .item input{font-size: 15px; width:calc(100% - 22px); border:1px solid rgba(4,0,0,0.3); padding:10px;  }
.section_main .gift_div .outer .keyin .item_row .dropdown_row{ display:flex;justify-content: space-between;}
.section_main .gift_div .outer .keyin .item_row .dropdown_row .drop_down_menu{ width:48%;}
.section_main .gift_div .outer .keyin .item_row .drop_down_menu button{ border:1px solid rgba(4,0,0,0.3);padding: 10px 8px;}
.section_main .gift_div .outer .keyin .item_row .drop_down_menu .list_item{ border:1px solid rgba(4,0,0,0.3);}
.section_main .gift_div .outer .action{ padding:35px 0; text-align:center;}
.section_main .gift_div .outer .action button{ min-width:320px; font-size: 15px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC';border:1px solid rgba(4,0,0,0.3); padding:7px 0; background:#fff;}
.section_main .gift_div .outer hr{ border-top:1px solid #040000;border-bottom: none; margin: 30px 0;}
.section_main .gift_div .outer .sub_title{font-size: 18px;  text-align:center; font-weight: 800;  font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; margin-bottom:20px; }
.section_main .gift_div .outer .gift_info .item{border:1px solid rgba(4,0,0,0.3); margin-bottom:15px;}
.section_main .gift_div .outer .gift_info .item.purple{ background:#eae1f2;}
.section_main .gift_div .outer .gift_info .item.green{ background:#e3f4f4;}
.section_main .gift_div .outer .gift_info .item .item_row{display:flex;justify-content: space-between; padding:8px 15px; min-height:60px;    align-items: center;}
.section_main .gift_div .outer .gift_info .item .item_row .col01{font-size: 15px; font-weight:800; font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; padding:20px 0; width:120px; border-right:1px solid rgba(4,0,0,0.3);}
.section_main .gift_div .outer .gift_info .item .item_row .col01 span{ display:inline-block; margin-right:10px;}
.section_main .gift_div .outer .gift_info .item .item_row .col02{font-size: 15px; font-weight:400; font-family: 'Noto Sans TC';width:calc(100% - 120px - 15px); padding-left:15px;}
.section_main .gift_div .outer .gift_info .remark{ margin-top:20px; text-align:center; font-size: 18px;  text-align:center; font-weight: 800;  font-family: HelveticaNeueLTPro-Bd,'Noto Sans TC'; }

.popup_gift{ position:fixed; left:0; top:0; z-index:1000;width: 100%; display:none;overflow-y: auto;bottom: 0;}
.popup_gift.active{ display:block;}
.popup_gift .outer{ position:relative; background:url(../images/popup_gift_bg.jpg) center no-repeat; border:1px solid #040000; background-size:cover; max-width:608px; max-height:628px; padding:40px 50px; margin:0 auto; margin-top:5vw;}
.popup_gift .outer .close{ text-align:right;position: absolute;  right: 10px; top: 10px;}
.popup_gift .outer .close button{ border:none; padding:0; background:none;}
.popup_gift .outer .gift_title{ text-align:right;}
.popup_gift .outer .gift_img{ display:flex;justify-content: space-between;flex-direction: column;}
.popup_gift .outer .gift_img img{ width:100%; height: auto;}
.popup_gift .outer .gift_img .item{ width:49.5%;}
.popup_gift .outer .gift_img .item img{ width:100%;}
.popup_gift .outer .action{ margin-top:30px; text-align:center;}
.popup_gift .outer .action button{    margin: 0 auto; border:1px solid #040000; background:#fff; padding:15px; width:97%;display: flex; align-items: center; justify-content: center; }
.popup_gift .outer .action button.soldout{ background:#fff000;}

.section_footer .outer{ max-width:950px; padding:0 20px; margin:0 auto;}
.section_footer .outer .top_div{ padding:115px 0 30px 0; font-size:10px;  display: flex; flex-wrap:wrap; }
.section_footer .outer .top_div .col{ width:calc(100% / 3);}
.section_footer .outer .top_div .col:nth-child(3){ text-align:right;}
.section_footer .outer .top_div .col ul{ margin:0; padding:0; list-style:none;}
.section_footer .outer .top_div .col ul li a{color:#040000; padding:3px 0; display:block;font-weight: 300;letter-spacing: 1px;}
.section_footer .outer .bottom_div{border-top:1px solid #040000;padding:35px 0px; font-size:10px; font-weight: 300;}
.section_footer .outer .bottom_div ol{ display:inline-block; margin:0 auto; padding-left:20px;}
.section_footer .outer .bottom_div ol li{ text-align:left;}




.body_overly{ position:fixed; left:0; top:0; width:100vw; height:100vh; background:rgba(0,0,0,0.6);z-index: 900; display:none;}

@media screen and (max-width: 1480px){	
	.popup_gift .outer{ width: 41vw; margin-top: calc(50% - 42vw);}
	.popup_gift .outer .gift_title img{ width:78%;}
	
}
@media screen and (max-width: 1400px){	
	.main-slider .item video.web{width: 1400px; margin-left:calc(50% - 700px);}
}
@media screen and (max-width: 1280px){	
	
}
@media screen and (max-width: 1240px){		
	
}

@media screen and (max-width: 1100px){	
	
}

@media screen and (max-width: 992px){	
	
}
@media screen and (max-width: 950px){	
	.section_main .news_detail .outer .news_row .col01{ width:100%;}
	.section_main .news_detail .outer .news_row .col02{ width:100%;}
	.section_main .news_detail .outer .news_row.web .col01 .small_img_list{ display:flex;}	
	.section_main .news_detail .outer .news_row.mobile{ display:none;}
	.section_main .news_detail .outer .news_row .col02 .link{ position:relative;}
	
	.section_main .product_detail .outer .product_row .col01{ width:100%;}
	.section_main .product_detail .outer .product_row .col02{ width:100%; margin-top:20px;}
	.section_main .product_detail .product_img_list{ padding:20px;}
	.section_main .product_detail .product_img_list img{ max-width:100%;}
	.section_main .about_us .outer .border{ padding:30px;}
	.section_main .about_us .outer .border .img img{ max-width:100%;}
	.section_main .member .outer .member_row .col01{ margin-right:0; width:100%;}
	.section_main .member .outer .member_row .col01 .img{ max-width:364px;}
	.section_main .member .outer .member_row .col02{ width:100%; margin-top:10px;}
	.section_main .member .outer .member_row .col02 .login_signup { margin-top: 0px; margin-bottom: 70px;}
	
	.section_main .store .outer .store_row .col02 .big_title{margin-bottom: 70px;}
	.section_main .member.person_data .outer .member_row .col02{ width:100%; margin-top:10px;}
	
	
	.section_main .store .outer .store_row .col01{ width:100%;}
	.section_main .store .outer .store_row .col02{ width:100%; margin-top:20px;}
	
	
	
}
@media screen and (max-width: 768px){	
	.main-slider .item{ height:400px;}
	.section_main .header_banner .color{ /*min-height:400px;*/}
	.section_main .header_banner .img{ /*width:280px; height:280px;*/}
	.section_main .header_banner .img img{ height:26px; }
}
@media screen and (max-width: 767px){	
	header #navi{ width:100%; height:100vh; overflow-y:auto;}
	.active .body_overly{ /*display:block;*/}
}
@media screen and (max-width: 640px){
	
	header .logo img{ width:146px;}	
	.main-slider.web{ display:none;}
	.main-slider.mobile{ display:block;}
	.main-slider{ margin-left:15px; margin-right:15px;    max-width: calc(100% - 30px); margin-bottom:20px;}
	.main-slider .item{ height:auto; background:none;}
	.main-slider .item .mobile{ display:block;}
	.main-slider .item .web{ display:none;}
	.main-slider .item.video{ display:none;}
	.main-slider .owl-dots{ display:none;}
	.section_main .header_banner .color{ min-height:calc(100vw - 40px); margin-left:20px; margin-right:20px;}
	.section_main .header_banner .img img{ height:20px; }
	.section_main .header_banner .img{ width:40vw; height:40vw;}
	.section_main .title img{ height:36px;}
	.section_main .lens_list{ margin:0;}
	.section_main .lens_list .outer .list_item .item{    width: calc(100% /2);	}
	.section_main .lens_list .outer .list_item .item .info .desc{ font-size:12px;}
	.section_main .lens_list .outer .list_item .item .info .price{ font-size:12px;}
	.section_main .home_lens_list .outer{ padding: 0 20px;}
	.section_main .home_lens_list .outer .title{ margin:25px 0 15px 0;}
	.section_main .home_lens_list .outer .list_item .item {  width: calc(100% / 2);}
	.section_main .home_lens_list .outer .list_item .item .img .mobile{ display:none;}
	.section_main .home_lens_list .outer .list_item .item.mobile_full_width .color{ padding:9vw;}
	.section_main .home_lens_list .outer .list_item .item.mobile_full_width{ width:100%;}
	.section_main .home_lens_list .outer .list_item .item.mobile_full_width .img img{ display:none;}
	.section_main .home_lens_list .outer .list_item .item.mobile_full_width .img .mobile{ display:block;}
	.section_main .news_list .outer .list_item{ margin-left:-20px; margin-right:-20px;}
	.section_main .news_list .outer .list_item .item{    width: calc(100% /2);	}
	.section_main .news_list .outer .list_item .item .box{    margin: 20px 20px;}
	
	.section_main .news_detail .outer .news_row .col01 .small_img_list{margin-top: 8px;}
	.section_main .product_detail .outer .product_row .col01 .small_img_list{margin-top: 8px;}
	.section_main .product_detail .product_img_list img.mobile{ display:block;}
	.section_main .product_detail .product_img_list img.web{ display:none;}
	.section_main .member .outer .member_row .col02 .action.two_btn button{ width:100%;}
	.section_main .member .outer .member_row .col02 .action.two_btn button:first-child{ margin-bottom:20px;}
	
	.section_main .order_list_div{ padding-top:30px;}
	.section_main .order_list_div .outer .order_info .item .two_col .col{ width:100%;}
	.section_main .order_list_div .outer .order_info .item .two_col .col:first-child{ margin-bottom:15px;}
	.section_main .order_list_div .outer .order_info .item .two_col .col.pickup{ padding:15px;}
	
	.section_main .order_list_div .outer .order_list .order_item .col01{ width:100%; margin-bottom:15px;}
	.section_main .order_list_div .outer .order_list .order_item .col02{ width:100%;}
	.section_main .order_list_div .outer .order_list .order_item .col02 .action{ margin-top:20px;}
	
	.section_main .about_us .outer .border .box p{font-size: calc(10rem / 16);}
	.section_main .about_us .outer .border .box p span{ display:inline;}
	.section_main .about_us .outer .border .bottom_div .item .col01{ width:calc(60% - 20px); padding:10px;}
	.section_main .about_us .outer .border .bottom_div .item .col01 h2{ margin-bottom:10px;}
	.section_main .about_us .outer .border .bottom_div .item .col01 h2 span{ padding:0;  display: block;}
	.section_main .about_us .outer .border .bottom_div .item .col02{ width:40%; height:35vw; overflow:hidden;}
	.section_main .about_us .outer .border .bottom_div .item .col02 img{ margin-top:0vw;height: 40vw;width: auto; margin-left:-5vw;}
	.section_main .about_us .outer .border .bottom_div .item.reverse .col01{ /*margin-left:0; margin-right:0;*/ margin-left: 40%; margin-right: -100%;}
	.section_main .about_us .outer .border .bottom_div .item.reverse .col02{ /*margin-right:0;*/ margin-right: calc(100% - 40%);}
	
	.section_main .gift_div .outer .box{ padding:30px 0 30px 0;}
	.section_main .gift_div .outer .gift_img .web{ display:none;}
	.section_main .gift_div .outer .gift_img .mobile{ display:block;}
	.section_main .gift_div .outer .keyin .item_row{ display:block; margin-bottom:0;}
	.section_main .gift_div .outer .keyin .item_row .item{ width:100%; margin-bottom:10px;}
	.section_main .gift_div .outer .keyin .item_row .item.empty{ display:none;}
	
	.popup_gift .outer{ padding:15px; width: 80%; margin-top: calc(50% - 0.4vw);}
	.popup_gift .outer .gift_title{ margin-top:10px;}
	.popup_gift .outer .gift_title img{ max-width:78%;}
	.popup_gift .outer .close button img{ width:5vw;}
	.popup_gift .outer .action{ margin-top:3vw;}
	.popup_gift .outer .action button{ padding:10px;}
	.popup_gift .outer .action button img{ width:30vw;}
	
	
	.section_footer .outer .top_div { padding: 30px 0 30px 0;}
	.section_footer .outer .top_div .col{    /*width: calc(100% / 1);*/}
	.section_footer .outer .top_div .col:nth-child(3){ text-align:right;}
	
	
}
@media screen and (max-width: 480px){	
	header {   padding: 10px 0;}
	.toggle_btn{ top:16px;}
	.toggle_btn img{ height:14px;}
	.toggle_btn span{ height:2px;}
	.btn_cart{ top:12px; left:50px;}
	.btn_cart img{ height:20px;}
	.section_main { margin-top:39px;}
	.section_main .title img {  height: 26px;}
	.section_main .home_lens_list .outer .list_item{ margin-left:-15px; margin-right:-15px;}
	.section_main .lens_list .outer .list_item{ margin-left:-15px; margin-right:-15px;}
	.section_main .lens_list .outer .list_item .item .box{ /*width: 90%; margin: 10px auto;*/ margin:15px;}
	.section_main .home_lens_list .outer .list_item .item .box {  margin: 10px;}
	.section_main .home_lens_list .outer .list_item .item .color .desc{ width:100%;}
	
	.section_main .news_list .outer .list_item{ margin-left:-15px; margin-right:-15px;}
	.section_main .news_list .outer .list_item .item .box{    margin: 15px 15px;}
	
	.section_main .about_us .outer .border{ padding:15px;}
	

	
	.section_main .store .outer .store_row .col02 .keyin .item .item_col{ width:100%;}
	.section_main .store .outer .store_row .col02 .keyin .item .item_col:nth-child(2){ margin-top:15px;}
	.section_main .store .outer .store_row .col02 .address_list .item .location{ width:100%;}
	.section_main .store .outer .store_row .col02 .address_list .item .action{ width:100%; margin-top:15px;}
		
	.section_main .home_lens_list .outer .list_item .item.mobile_full_width .color .desc{ height:160px;}
	.section_main .gift_div .outer .action button{ min-width:100%;}
	.section_main .gift_div .outer .gift_info{ padding:0 10px;}
	.section_main .gift_div .outer .gift_info .item .item_row{ display:block;}
	.section_main .gift_div .outer .gift_info .item .item_row .col01{ width:100%;padding: 10px 0; text-align:center;border-bottom: 1px solid rgba(4,0,0,0.3); border-right:none;}
	.section_main .gift_div .outer .gift_info .item .item_row .col01 span{ display:block; margin-right:0;}
	.section_main .gift_div .outer .gift_info .item .item_row .col02{ padding-left:0;padding: 10px 0; width:100%; text-align:center; font-size: calc(10rem / 16);}
	.section_main .gift_div .outer .gift_info .item .item_row .col02 span{ display:block;}
	.section_footer .outer .top_div{ width:100%; padding:25px 0; font-size:12px; display:table;    font-size: calc(10rem / 16);}
	.section_footer .outer .top_div .col{ display:table-cell; }
	.section_footer .outer .bottom_div{ padding:20px 0;    font-size: calc(10rem / 16);}
	
	.section_main .contact_div .outer .box{ width:100%;}
	
	
}