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

body{ 
	margin:0;
	padding:0;
	font-size:13px;
	font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;	
	color:#000;
	font-weight:400;
}
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:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;}
h1,h2,h3,h4,h5,h6,p{ margin:20; padding:10;font-weight:400;}
.toggle_btn{ display:none; border:none; background:none; padding:0; width:28px; height:30px; position:fixed; top:20px; right:15px; transition: 0.5s ease; z-index:999; }
.toggle_btn:hover{
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
	cursor:pointer;
}
.toggle_btn span{ display:block; width:100%; height:3px; background:#ff4292;; margin:5px 0;transition: 0.5s ease;}
.toggle_btn:hover span{ background:#ff4292;}
.toggle_btn.active{ z-index:999;}
.toggle_btn.active span{ background:#fff;}
.toggle_btn.active span:nth-child(1){ transform: rotate(-45deg);}
.toggle_btn.active span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 12px;}
.toggle_btn.active span:nth-child(3){ display:none;}


.nav_active .menu{ z-index:998;}
.nav_active .menu .outer{ text-align:right;}

.header{ text-align:center;}
.header .outer{ max-width:1500px; margin:auto; position:relative; display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; color:#ff4292; font-size:15px;letter-spacing: 3px; padding:10px 0 10px 0;}
.header .site_logo{ display:inline-block;}
.header .site_logo a{ display: flex;  align-items: center;}
.header .site_logo a img{ height:60px;}
.header .search{ width:43%; margin-left:10%;}
.header .search .box{ border:1px solid #ff4292; display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; padding:0 10px;border-radius: 13px;}
.header .search .box input{ border:none;}
.header .search .box input[type="text"]{ width:calc(100% - 80px); font-size:20px; color:#000; line-height:40px;}
.header .search .box input[type="button"]{ background:url(../images/icon_search.png) center no-repeat; width:50px; height:30px; cursor:pointer;}
.header .links{display:flex; flex-wrap:wrap;align-items: center; }
.header .links a{ color:#505050; position:relative; padding:0 20px; }
.header .links a:after{ content:''; position:absolute; left:0; top:2px; width:2px; height:20px; background:#505050; }
.header .links a:first-child:after{ background:none;}
.header .links a.cart{width: 32px; height:36px;}
.header .links a.cart:after{ background:none;}
.header .links a span{ display:inline-block; color:#fff; border-radius:50px; min-width:20px; min-height:30px; padding:0 5px; position:absolute; top:0px; left:50px; background:#ff4292; font-size:16px; text-align:center; line-height:30px;}
.header .society a{ margin-left:10px; display:inline-block; margin-top: 5px;}
.header .society a img{ width:33px;}
.header .society a:hover{ opacity:0.5;}
.header .main_nav{ background:#ff4292;}
.header .main_nav .outer{ padding:0;}
.header .main_nav ul{ display:table; margin:0 auto;}
.header .main_nav  li{ display:table-cell;}
.header .main_nav  li a{ font-size:15px; letter-spacing: 3px; color:#fff; padding:12px 20px; display:inline-block;}
.header .main_nav  li a:hover{ color:#d4d4d4;}

.mobile_search{ display:none;}
.mobile_category_select{ display:none; margin:40px 0;}
.mobile_category_select select{ margin:0 15px; width:calc(100% - 30px); border:2px solid #ff4292; color:#ff4292; font-size:18px; padding:8px;}
.mobile_search .search .box{ border:2px solid #ff4292; display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; padding:0 10px}
.mobile_search .search .box input{ border:none;}
.mobile_search .search .box input[type="text"]{ width:calc(100% - 70px); font-size:20px; color:#ff4292; line-height:40px;}
.mobile_search .search .box input[type="button"]{ background:url(../images/icon_search.svg) center no-repeat; width:50px; height:40px;}

.control.checkbox{ line-height:33px;}
.control.checkbox .box{ display:inline-block; padding-left: 25px; padding-right:20px;width: auto;    position: relative;  -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.control.checkbox .box input{ position: absolute; opacity: 0; cursor: pointer;left: 0;  top: 5px; z-index:99; width:auto; height:auto;}
.control.checkbox .box span{
    position: absolute;
    width: 14px;
    height: 14px;
    top: 8px;
	left:0px;
    content: " ";
    background: none;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px;
    border-radius: 2px;
	border:1px solid rgb(169, 169, 169);
	cursor: pointer;
	margin-left:0;
}
.control.checkbox .box input:checked ~ span:after {
	  content: "";
	  font-size: 12px;
	  top:0px;
	  position:absolute;
	  left:3px;
	  width: 5px;
	  height: 8px;
}
.control.checkbox .box span:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #555 ;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.control.checkbox .box input:checked ~ span{ background:none;}
.control.checkbox .box input:checked ~ span:after {
  display: block; 
}


.control.radio{ line-height:33px;}
.control.radio .box{ display:inline-block; padding-left: 25px; padding-right:20px;width: auto;    position: relative;  -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.control.radio.one_item .box{ display:block; }
.control.radio .box input{ position: absolute; opacity: 0; cursor: pointer;left: 0;
     top: 5px; z-index:99;}
.control.radio .box span{
    position: absolute;
    width: 14px;
    height: 14px;
    top: 9px;
	left:0px;
    content: " ";
    background:none;
    color: #fff;
    display: inline-block;
    visibility: visible;
    padding: 0px;
    border-radius: 20px;
	border:1px solid rgb(169, 169, 169);
	cursor: pointer;
	margin-left:0;
}
.control.radio .box input:checked ~ span:after {
	  content: "";
	  font-size: 12px;
	  top:2px;
	  position:absolute;
	  left:2px;
	  width: 10px;
	  height: 10px;
}
.control.radio .box span:after {
  content: "";
  position: absolute;
  display: none;
 
  width: 10px;
  height: 10px; 
  background:#ff4292;
  border-radius:20px;
}
.control.radio .box input:checked ~ span{ background:none;}
.control.radio .box input:checked ~ span:after {
  display: block; 
}

.main_title{ color:#fff; font-size:30px; letter-spacing: 7px; text-align:center; background-image:url(../images/maintitle.jpg); padding:60px 0; display: flex; align-items: center; justify-content: center;}
.main_title .search input{ font-size:15px; letter-spacing: 3px; border:none; border-radius:5px; min-width:760px; padding:5px 30px;font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.main_title .search .btn{letter-spacing: 3px; background:#ff4292; border:none; color:#fff; font-size:15px; margin-left:10px; height:30px; padding:0 15px; border-radius:5px;}
.main{ margin-top:35px}
.main.slider_full{ margin-top:0;}
.main .outer{max-width:1500px; margin:0 auto; position:relative;}
.main .outer .row{display:flex; flex-wrap:wrap; justify-content: space-between;}
.main .outer .row>.col01{ width:280px;}
.main .outer .row>.col02{ width:calc(100% - 280px);}
.home_slider .owl-nav.disabled{ display:block;}
.home_slider .owl-dots.disabled{ display:block;}
.home_slider .owl-nav .owl-prev{ position:absolute; left:10px; top:calc(50% - 30px); width:45px; height:45px; background:url(../images/icon_home_slider_arrow_left.png) center no-repeat rgba(0,0,0,0.5); background-size:auto 36px; border-radius:50px; text-indent:-9999px; padding:0;}
.home_slider .owl-nav .owl-next{ position:absolute; right:10px; top:calc(50% - 30px); width:45px; height:45px; background:url(../images/icon_home_slider_arrow_right.png) center no-repeat rgba(0,0,0,0.5); background-size:auto 36px; border-radius:50px; text-indent:-9999px; padding:0;}
.home_slider .owl-dots{ position:relative; margin-top:-40px;}
.home_slider .owl-dots .owl-dot.active span{background:#ff4292;}
.home_slider .owl-thumbs{ display:none;}
.main .category .title{ position:relative; font-size:24px; color:#ca0e6d; font-weight:400;line-height:36px; display:inline-block; margin-bottom:35px; }
.main .category .title:after{ content:''; position:absolute; left:0; bottom:-5px; width:100%; height:3px; background:#ff4292;}
.main .category .item{display:flex; flex-wrap:wrap;}
.main .category .item .img{ width:60px; cursor:pointer; display: flex;}
.main .category .item .img b{width:40px; height:40px; display:inline-block;background:#ffffff;border-radius:40px; overflow:hidden; display: flex;  align-items: center;  justify-content: center;}
.main .category .item .img span{ display:none; font-size:24px; font-weight:400; margin-left:20px;}
.main .category .item .img img{ width:100%; }
.main .category .item .list{ width:calc(100% - 60px);}
.main .category .item .list .sub_title{ margin-top:5px;  margin-bottom:25px; font-size:18px; letter-spacing: 3px;  cursor:pointer;}
.main .category .item .list .sub_title a{ color:#505050;}
.main .category .item .list ul{ display:none; margin:0 0 0 20px; padding:0; list-style:none; font-size:16px;}
.main .category .item.active ul{ display:block;}
.main .category .item .list ul li{ margin-bottom:12px;}
.main .category .item .list ul li a{ color:#9f9d9e; line-height:28px; position:relative; display:block;}
.main .category .item .list ul li.active a{ color:#000;}
.main .category .item .list ul li.active a:after{  position:absolute; left:-15px; top:1px; content:url(../images/icon_gray_arrow_right.png);}
.main .category.faq .item .img img{ height:26px; width:auto;}

.main .step_div{display:flex; flex-wrap:wrap; justify-content: space-between; position:relative;}
.main .step_div:before{ content:''; position:absolute; top:38px; left:5%; width:90%; height:3px; background:#515151; z-index:1;}
.main .step_div .item{ text-align:center; z-index: 2;}
.main .step_div .item .circle{ font-weight:400; width:77px; height:77px; border-radius:77px; background:#999999; color:#fff; text-align:center; font-size:40px;display: flex;  align-items: center;  justify-content: center; }
.main .step_div .item.active .circle{ background:#ff4292; }
.main .step_div .item .desc{ font-size:18px;letter-spacing: 3px; color:#505050; margin-top:8px; font-weight:400;}
.main .remind{ margin:30px 0; border:1px solid #ff4292; padding:20px 25px; font-size:16px;color:#ff4292; border-radius:15px;  display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between;}
.main .remind a.btn{ background:#ff4292; color:#fff; font-size:15px;letter-spacing: 3px; font-weight:400; text-align:center; padding:8px 20px; border-radius:30px;}
.main .finished{ margin:30px 0; border:1px solid #ff4292; padding:60px 25px; text-align:center; border-radius:10px;}
.main .finished .title{ font-size:26px;color: #ff4292; font-weight:800; margin-bottom:30px; }
.main .finished .desc{ color:#000; font-size:16px; display:inline-block; text-align:left; line-height:26px;}
.main .border{border:1px solid #515151;border-radius:15px; margin-bottom:40px; background:#fff; }
.main .border .title{ 
	background:#515151; font-size:18px;letter-spacing: 3px; color:#fff; font-weight:400; padding:10px 40px;
	-webkit-border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-moz-border-radius-topright: 13px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}
.main .border .title small{ margin-left:25px;}
.main .border .title .float_r{ float:right;}
.main .border input{ border:1px solid rgb(169, 169, 169); padding:0 10px;height: 30px; width:calc(100% - 20px);font-size: 16px;}
.main .border button{font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 16px;}
.main .border select{font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 16px;}
.main .border textarea{font-size: 14px;}
.main .border .shop_title{ padding:20px; border-bottom:1px solid #515151;}
.main .border .shop_title .box{ font-size:16px;letter-spacing: 3px; color:#333333;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .shop_title .product_img_name{ width:calc(30% - 25px); padding-left:25px;}
.main .border .shop_title .onsale_price{ width:15%; text-align:center;}
.main .border .shop_title .original_price{ width:15%; text-align:center;}
.main .border .shop_title .quantity{ width:15%; text-align:center;}
.main .border .shop_title .sub_total{ width:15%; text-align:center;}
.main .border .shop_title .action{ width:10%; text-align:center;}
.main .border .shop_info .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:15px; letter-spacing: 3px; color: #505050; margin:25px 20px; }
.main .border .shop_info .item .mobile01{width:30%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between;}
.main .border .shop_info .item .mobile02{width:30%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between;}
.main .border .shop_info .item .mobile03{width:30%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between;}

.main .border .shop_info .item .product_img{ width:170px;}
.main .border .shop_info .item .product_img img{ width:90px;}
.main .border .shop_info .item .product_name{ width:calc(100% - 170px); text-align:left;}
.main .border .shop_info .item .onsale_price{ width:50%;text-align:center;}
.main .border .shop_info .item .original_price{ width:50%;text-align:center;}
.main .border .shop_info .item .quantity{ width:50%;}
.main .border .shop_info .item .quantity .box{ border:1px solid rgb(169, 169, 169); display: flex; align-items: center;    justify-content: space-between; width:145px;margin: 0 auto;}
.main .border .shop_info .item .quantity input{ text-align:center; border:none;border-left: 1px solid rgb(169, 169, 169); border-right: 1px solid rgb(169, 169, 169);background:none; line-height:30px; width:75px; position:relative; border-radius:0;}
.main .border .shop_info .item .quantity button{ border:none; background:none; width:35px; font-size:20px; font-weight:400; text-align:center;}
.main .border .shop_info .item .quantity button.subtract{ background:url(../images/icon_gray_subtract.png) center no-repeat; text-indent:-9999px;}
.main .border .shop_info .item .quantity button.add{ background:url(../images/icon_gray_add.png) center no-repeat; text-indent:-9999px;}
.main .border .shop_info .item .sub_total{ width:50%; text-align:center;}
.main .border .shop_info .item .action{ width:10%; text-align:center;}
.main .border .shop_info .item .action .btn_delete{ background:url(../images/icon_delete.svg) center no-repeat; display:inline-block; width:30px; height:30px;}

.main .two_item{display:flex; flex-wrap:wrap; justify-content: space-between;}
.main .two_item .col{ width:48.5%;}

.main .border .shipping_pay .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:15px;letter-spacing: 3px; margin:60px 40px;}
.main .border .shipping_pay .item .label{ width:95px;color:#333333; }
.main .border .shipping_pay .item .controll_box{ width:calc(100% - 95px);}
.main .border .shipping_pay .item .controll_box select{ color:#555555; width:100%; font-size:15px;letter-spacing: 3px;   padding: 6px;}

.main .border .order_info .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:15px;letter-spacing: 3px; margin:22px 40px;}
.main .border .order_info .item .label{ width:75px;color:#333333; }
.main .border .order_info .item .controll_box{ width:calc(100% - 75px);}
.main .border .order_info .item button{ font-size:15px;letter-spacing: 3px; background:#ff4292; color:#fff; border:none; padding:8px 20px; border-radius:10px;}
.main .border .order_info .item.coupon .controll_box{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .order_info .item.coupon  input{ width:calc(100% - 140px);}
.main .border .order_info .item.hcoin  input{ width:50%;}
.main .border .order_info .item.hcoin .control.checkbox{color:#ff4292; }
.main .border .order_info .item.hcoin .controll_box{width: calc(100% - 110px);display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .order_info .item.total{ font-weight:400px; border-top:1px solid #ccc; padding:15px 0;}
.main .border .order_info .item.action button{ width:100%;}

.main .border .custom .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:15px;letter-spacing: 3px; margin:40px 40px;}
.main .border .custom .item .label{ width:95px;color:#333333; }
.main .border .custom .item .controll_box{ width:calc(100% - 95px);}
.main .border .custom .item.login .label{ width:auto; }
.main .border .custom .item.login .controll_box{ width:auto; }
.main .border .custom .item.login button{ font-size: 15px; letter-spacing: 3px; background: #ff4292; color: #fff; border: none; padding: 5px 20px; border-radius: 10px;}

.main .border .shipping_info .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px; margin:30px 40px;}
.main .border .shipping_info .item .label{ width:100px;color:#333333; }
.main .border .shipping_info .item .controll_box{ width:calc(100% - 100px);}
.main .border .shipping_info .item.c2c{color:#ff4292;}
.main .border .shipping_info .item.recipient{  align-items: baseline;}
.main .border .shipping_info .item.recipient .controll_box span{ font-size:14px;color:#505050;letter-spacing: 1px; }
.main .border .shipping_info .item.phone .label{ width:125px;color:#333333; }
.main .border .shipping_info .item.phone .controll_box{ width:calc(100% - 125px);}
.main .border .shipping_info .item.address{align-items: baseline;}
.main .border .shipping_info .item.address select{ width:100%; color:#555555; min-width:150px; font-size:16px;    padding:4px 6px;}
.main .border .shipping_info .item.address .top{ margin-bottom:15px;}
.main .border .shipping_info .item.address input{ width: calc(100% - 22px);}
.main .border .shipping_info .item .control.checkbox .box span{border: 1px solid #ff4292; }
.main .border .shipping_info .item .control.checkbox .box span:after {border: solid  #ff4292; border-width: 0 2px 2px 0;}
.main .border .shipping_info .item.action{justify-content: end;color:#ff4292; }
.main .border .shipping_info .item.action img{ margin-right:10px;}
.main .border .shipping_info .item.action div{ width:100%; margin-top:8px;}
.main .border .shipping_info .item.action  button{ width:100%;  font-size:16px; background:#ff4292; color:#fff; border:none; padding:8px 35px; border-radius:10px;}

.main .border.fix_margin_top{ margin-top:-50px;}
.main .border .remark .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px; margin:30px 40px;}
.main .border .remark textarea{ width:100%; min-height:80px;}

.main .border .pay_info .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px; margin:30px 40px;color:#ff4292;}
.main .border .order_submit{ max-width:920px;  font-size:16px; margin:30px auto;color:#ff4292;}
.main .border .order_submit .checkbox_list.three .control{ width: auto;}
.main .border .order_submit .checkbox_list.three{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between;}
.main .border .order_submit .control.checkbox .box span{border: 1px solid #ff4292; }
.main .border .order_submit .control.checkbox .box span:after {border: solid  #ff4292; border-width: 0 2px 2px 0;}
.main .border .order_submit .action{ text-align:center; margin:35px 0;}
.main .border .order_submit .btn_big{ font-size:24px;background:#ff4292; color:#fff; border:none; padding:8px 20px; border-radius:10px; min-width:370px;}
.main .border .order_submit .link{ text-align:center; font-size:18px;}
.main .border .order_submit .link a{ color:#ff4292;}

.user_header{ text-align:center;}
.user_header .img{ text-align:center;}
.user_header .img img{ width:140px; overflow:hidden; border-radius:100px;}
.user_header .user_name{ margin-top:15px; font-weight:400; display:inline-block; font-size:24px; padding:10px 20px; border-top:3px solid #ff4292;}
.user_header .desc{ text-align:center; color:#ff4292;}
.user_header .desc .icon_edit{ display:inline-block; margin-right:5px; background:url(../images/icon_purple_pen.svg) no-repeat center; background-size:auto 20px; width:20px; height:20px; margin-bottom:-5px;}

.mobile_select_list select{ display:none; border:2px solid #ff4292; font-size:20px; width:100%; padding:5px 10px; color:#ff4292; }

.main .member_navi{ margin:25px 0;}
.main .member_navi .title{ position:relative; font-size::24px; color:#ca0e6d; font-weight:400;line-height:36px; display:inline-block; margin-bottom:35px; }
.main .member_navi .title:after{ content:''; position:absolute; left:0; bottom:-5px; width:100%; height:3px; background:#ca0e6d;}
.main .member_navi .item{display:flex; flex-wrap:wrap;}
.main .member_navi .item .img{ width:60px; display: flex;}
.main .member_navi .item .img b{ display:inline-block; width:40px; height:40px; background:#ff4292; border-radius:40px; overflow:hidden; display: flex;  align-items: center;  justify-content: center;}
.main .member_navi .item .img span{ display:none; font-size:24px; font-weight:400; margin-left:20px;}
.main .member_navi .item .img img{ width:30px; }
.main .member_navi .item .list{ width:calc(100% - 60px);}
.main .member_navi .item .list .sub_title{ margin-top:5px;  margin-bottom:25px; font-size:15px;letter-spacing: 3px;color: #333333}
.main .member_navi .item .list .sub_title a{ color:#000;}
.main .member_navi .item .list ul{ display:none; margin:0 0 0 20px; padding:0; list-style:none; font-size:14px;}
.main .member_navi .item.active ul{ display:block;}
.main .member_navi .item .list ul li{ margin-bottom:12px;}
.main .member_navi .item .list ul li a{ color:#9f9d9e; line-height:20px; position:relative; display:block;}
.main .member_navi .item .list ul li.active a{ color:#000;}
.main .member_navi .item .list ul li.active a:after{  position:absolute; left:-15px; top:1px; content:url(../images/icon_gray_arrow_right.png);}

.main .border.add_margin_top{ margin-top:75px;}
.main .border .my_profile{ max-width:650px; margin:0 auto;}
.main .border .my_profile .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:15px;letter-spacing: 3px; margin:40px 40px;color:#ff4292;}
.main .border .my_profile .item .label{ width:75px; padding-right:25px;color:#505050; text-align:right; }
.main .border .my_profile .item .controll_box{ width:calc(100% - 100px);}
.main .border .my_profile .item .controll_box.radio{ display:flex; flex-wrap:wrap;align-items: center;  }
.main .border .my_profile .item .controll_box.radio span{border: 1px solid #ff4292;}
.main .border .my_profile .item .controll_box .control{ width:100px;}
.main .border .my_profile .item .controll_box select{ color:#555555; min-width:150px; font-size:16px;    padding: 6px;}
.main .border .my_profile .item.action{ text-align:center;}
.main .border .my_profile .item.action button{ margin:0 auto; font-size:15px; letter-spacing: 3px; background:#ff4292; color:#fff; border:none; padding:8px 20px; border-radius:10px;}

.main .border .my_profile.address .item .label{ width:100px; }
.main .border .my_profile.address .item .controll_box{ width:calc(100% - 130px);}
.main .border .my_profile.address .item select{ width:100%;}
.main .border .my_profile.address .item .controll_box .control{ width:160px;}


.main .border .my_profile.password .item .label{ width:120px; }
.main .border .my_profile.password .item .controll_box{ width:calc(100% - 150px);}
.main .border .my_profile.password .item.validate_code .controll_box input{ width: calc(100% - 140px);}
.main .border .my_profile.password .item.validate_code .controll_box{display:flex; flex-wrap:wrap; justify-content: space-between;}
.main .border .my_profile.password .item.validate_code button{ font-size:15px; background:#ff4292; color:#fff; border:none; padding:5px 15px; border-radius:10px; letter-spacing:3px;}

.main .border .my_profile.credit_card .item .label{ width:120px; }
.main .border .my_profile.credit_card .item .controll_box{ width:calc(100% - 150px);}
.main .border .my_profile.credit_card .item.credit_number .controll_box input{ width: calc(100% - 200px);}
.main .border .my_profile.credit_card .item.credit_number .controll_box{display:flex; flex-wrap:wrap;    align-items: center;justify-content: space-between;}
.main .border .my_profile.credit_card .item .controll_box.input_list{display:flex; flex-wrap:wrap;    align-items: center;justify-content: space-between;}
.main .border .my_profile.credit_card .item .controll_box.input_list input{ width:27%;}

.main .border .tab_navi{ padding:35px 65px;border-bottom: 1px solid #333333; display:flex; flex-wrap:wrap;align-items: center; }
.main .border .tab_navi a{ color:#7c7a7b; font-size:16px;letter-spacing: 3px; display:inline-block; text-align:center;width:15%;}
.main .border .tab_navi a.active{ color:#ff4292; letter-spacing: 3px;}
.main .border .tab_content .detail{ display:none; padding:40px 20px;}
.main .border .tab_content .detail.active{ display:block;}
.main .border .tab_content .order_list_header{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px;letter-spacing: 3px;color: #333333; padding:30px 65px;}
.main .border .tab_content .order_list_header .item_name_img{ width:12%;}
.main .border .tab_content .order_list_header .mobile01{ width:59%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .tab_content .order_list_header .mobile01 .item_name{ width:35%; padding-right:5%;    overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .border .tab_content .order_list_header .mobile01 .item_datetime{ width:35%;}
.main .border .tab_content .order_list_header .mobile01 .item_no{ width:25%;}
.main .border .tab_content .order_list_header .mobile02{ width:29%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }


.main .border .tab_content .order_list_item .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px; letter-spacing:0px; color: #333333; padding:30px 65px; color: #333333;}
.main .border .tab_content .order_list_item .item .item_img{ width:12%;}
.main .border .tab_content .order_list_item .item .item_img span{ display:inline-block; border:1px solid #ababab;}
.main .border .tab_content .order_list_item .item .item_img span img{ max-width:105px;}
.main .border .tab_content .order_list_item .item .mobile01{ width:59%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; } 
.main .border .tab_content .order_list_item .item .mobile01 .item_name{ width:35%; padding-right:5%;    overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .border .tab_content .order_list_item .item .mobile01 .item_datetime{ width:35%;}
.main .border .tab_content .order_list_item .item .mobile01 .item_no{ width:25%;}
.main .border .tab_content .order_list_item .item .mobile02{ width:29%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .tab_content .order_list_item .item .mobile02 .item_action a{ color:#ff4292;}


.main .border .tab_content .hcoin_list_header{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px;letter-spacing: 3px;color: #333333; padding:30px 65px;}
.main .border .tab_content .hcoin_list_header .item_name_img{ width:12%;}
.main .border .tab_content .hcoin_list_header .mobile01{ width:48%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .tab_content .hcoin_list_header .mobile01 .item_name{ width:50%;    overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main .border .tab_content .hcoin_list_header .mobile01 .item_datetime{ width:35%;}
.main .border .tab_content .hcoin_list_header .mobile01 .item_no{ width:50%;}
.main .border .tab_content .hcoin_list_header .mobile02{ width:40%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }


.main .border .h_coin_info{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:15px; letter-spacing: 1px;color: #505050;  padding:30px 40px;}
.main .border .h_coin_info .mobile{display:flex; flex-wrap:wrap;align-items: center; }
.main .border .h_coin_info .img{ margin-right:15px;}
.main .border .h_coin_info .img img{ width:56px;}
.main .border .h_coin_info .h_coin{color:#ff4292; font-size:18px; letter-spacing: 3px;}
.main .border .h_coin_info .h_coin big{ font-size:36px;}
.main .border .tab_content .hcoin_list_item .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px; padding:30px 65px;}
.main .border .tab_content .hcoin_list_item .item .item_img{ width:12%;}
.main .border .tab_content .hcoin_list_item .item .item_img span{ display:inline-block; border:1px solid #ababab;}
.main .border .tab_content .hcoin_list_item .item .item_img span img{ max-width:105px;}
.main .border .tab_content .hcoin_list_item .item .mobile01{ width:48%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .tab_content .hcoin_list_item .item .mobile01 .item_name_datetime{ width:50%;}
.main .border .tab_content .hcoin_list_item .item .mobile01 .item_name{  overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size:16px;letter-spacing: 3px;color: #333333;margin-bottom: 8px; }
.main .border .tab_content .hcoin_list_item .item .mobile01 .item_datetime{ font-size:15px; color:#8f8c8d;}
.main .border .tab_content .hcoin_list_item .item .mobile01 .item_no{ width:50%;font-size:15px; color:#8f8c8d;}
.main .border .tab_content .hcoin_list_item .item .mobile02{ width:40%;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .tab_content .hcoin_list_item .item .mobile02 .item_total{ font-size:15px; color:#8f8c8d; width:60%;}
.main .border .tab_content .hcoin_list_item .item .mobile02 .item_subtotal{ color:#ff4292; width:40%; text-align:right;}


.main .border  .key_coupon{ max-width:730px; margin:35px auto; }
.main .border  .key_coupon .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between;}
.main .border  .key_coupon .item .label{ width:110px; font-size:16px;letter-spacing: 3px; color:#ff4292;}
.main .border  .key_coupon .item .controll_box{ width:calc(100% - 110px); display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between;}
.main .border  .key_coupon .item .controll_box input{ width:calc(100% - 140px); height:36px; font-size:16px;}
.main .border  .key_coupon .item .controll_box button{ font-size:15px;letter-spacing: 3px; background:#ff4292; color:#fff; border:none; padding:8px 20px; border-radius:10px;}
.main .border .tab_content .coupon_list_item{ max-width:860px; margin:0 auto;display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; }
.main .border .tab_content .coupon_list_item .item{ width:48%;display:flex; flex-wrap:wrap;}
.main .border .tab_content .coupon_list_item .item .coupon_name{ width:calc(40% - 20px); padding:0 10px; font-size:24px; letter-spacing: 3px; color:#fff;  display: flex; align-items: center;justify-content: center; background:url(../images/icon_coupon_border.png) left top repeat-y  #ff4292;}
.main .border .tab_content .coupon_list_item .item .coupon_info{ border:1px solid #d5d5d5; border-left:none; width:calc(60% - 31px);padding:15px;  }
.main .border .tab_content .coupon_list_item .item .coupon_info .tooltip{ 
	display:none;
	position:absolute;
	left:-150px;
	bottom:-160px;
	color: #7c7a7b;
	font-size:12px;
	padding:20px;
	min-width:300px;
	background:#fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.main .border .tab_content .coupon_list_item .item .coupon_info .tooltip:before{
	content:'';
	position:absolute;
	left:155px;
	top:-0px;
	border: 10px solid #fff;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: 0 0;
    z-index:-1;	
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}
.main .border .tab_content .coupon_list_item .item .coupon_info .tooltip:after{
	content:'';
	position:absolute;
	left:155px;
	top:-0px;
	border: 10px solid #fff;
    transform: rotate(45deg) translate(-50%, -50%);
    transform-origin: 0 0;
	z-index:1;
}
.main .border .tab_content .coupon_list_item .item .coupon_info .sale_title{ min-height:125px; font-size:18px; letter-spacing: 3px;color: #505050}
.main .border .tab_content .coupon_list_item .item .coupon_info .sale_title a{ float:right; font-size:14px; color:#ff4292}
.main .border .tab_content .coupon_list_item .item .coupon_info .dealine{ border-top:1px dotted #999; font-size:12px; padding-top:5px;color: #7c7a7b;}
.main .border .tab_content .coupon_list_item .item .coupon_info .dealine a{ float:right;color: #7c7a7b; position:relative; }
.main .border .tab_content .coupon_list_item .item .coupon_info .dealine a:hover .tooltip{ display:block;}

.main .login_div{ max-width:700px; margin:0 auto;}
.main .login_div .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px; padding:30px 0;}
.main .login_div .item .label{ width:120px; padding-right:30px;color:#ff4292; text-align:right; font-size:18px;letter-spacing: 3px; }
.main .login_div .item .controll_box{ width:calc(100% - 150px);}
.main .login_div .item .controll_box input{ width:calc(100% - 20px); font-size:18px;  border: 1px solid rgb(169, 169, 169);  padding: 0 10px; height: 30px;}
.back_top{ padding:30px 0; text-align:center;font-size:16px;}
.back_top a{ display:inline-block; background:url(../images/icon_gotop.png) center top no-repeat; color:#000; padding-top:15px;}
.main .login_div .item.action button{font-size:15px; background:#ff4292; color:#fff; border:none;letter-spacing: 3px; padding:2px 20px; border-radius:10px;font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400;}
.main .login_div .item.link{justify-content:start;}
.main .login_div .item a{ font-weight:400; text-decoration:underline; font-size:18px; display:inline-block; margin-right:30px; color:#ff4292; letter-spacing:3px;}

.main .about_us_div .top_div{display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:80px;}
.main .about_us_div .top_div .col01{ width:56%; font-size:18px; letter-spacing: 3px; color:#505050; line-height:60px;padding-top: 20px;}
.main .about_us_div .top_div .col01 p{ margin-bottom:50px;}
.main .about_us_div .top_div .col02{ width:40%;}
.main .about_us_div .top_div .col02 img{ max-width:100%;}
.main .about_us_div .top_div .col03{ width:100%; font-size:18px; letter-spacing: 3px; color:#505050; line-height:60px;padding-top: 20px;}
.main .about_us_div .bottom_div .map iframe{}

.main .contact_div .title{ font-size:25px;letter-spacing: 3px; text-align:center; color:#ff4292; margin-bottom:45px;}
.main .contact_div .desc{ font-size:18px;letter-spacing: 3px; padding-bottom:20px; color:#505050; border-bottom:1px solid #b8b8b8;  margin-bottom:45px; text-align:center;}
.main .contact_div .max_wid{ max-width:700px; margin:0 auto;}
.main .contact_div .contact_keyin_list .item{display:flex; flex-wrap:wrap; margin-bottom:50px; }
.main .contact_div .contact_keyin_list .item .label{ font-size:18px;letter-spacing: 3px; color:#ff4292; width:145px; font-weight:400;}
.main .contact_div .contact_keyin_list .item .controll_box{ width:calc(100% - 145px);}
.main .contact_div .contact_keyin_list .item .controll_box input{  border:1px solid rgb(169, 169, 169); padding:0 10px;height: 30px; width:calc(100% - 20px);font-size: 16px;}
.main .contact_div .contact_keyin_list .item .controll_box select{ font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 16px; color: #555555;  width: 100%; font-size: 16px; padding: 6px;}
.main .contact_div .contact_keyin_list .item .controll_box textarea{ width:100%; min-height:150px;}
.main .contact_div .desc.upload{ font-size:18px; margin-bottom:30px;}
.main .contact_div .upload{ margin-bottom:30px;}
.main .contact_div .upload input{  border:1px solid rgb(169, 169, 169); padding:6px; }
.main .contact_div .action{ margin:35px 0;}
.main .contact_div .action button{font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:15px;letter-spacing: 3px; background:#ff4292; color:#fff; border:none; padding:5px 20px; border-radius:10px;}

.main .home_category{display:flex; flex-wrap:wrap; justify-content: space-between; margin:60px 0;}
.main .home_category .item{ width:calc(100% / 8 ); text-align:center; font-size:15px;letter-spacing: 3px; color: #505050 }
.main .home_category .item a{ display:block; margin:5px;}
.main .home_category .item a img{ max-width:100%; transition: 0.5s ease;}
.main .home_category .item a img:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.main .home_recommend .title{ position:relative;}
.main .home_recommend .title:before{ content:''; position:absolute; left:0; top:50%; width:100%; height:0px; background:#ff4292; z-index:0;}
.main .home_recommend .title h3{ font-size:24px;letter-spacing: 3px; display:inline-block; color:#ff4292; position:relative; z-index:2; padding-right:15px; background:#fff;}
.main .home_recommend .list_item{display:flex; flex-wrap:wrap; justify-content: space-between; margin:35px 0;}
.main .home_recommend .list_item .item{ width:24%; font-size:18px; text-align:center; position:relative;}
.main .home_recommend .list_item .item a{ display:block; outline:1px solid #e4e4e4; overflow:hidden;}
.main .home_recommend .list_item .item img{ width:100%;transition: 0.5s ease;}
.main .home_recommend .list_item .item img:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.main .home_recommend .list_item .item .icon_new{ background:url(../images/icon_purple_new.svg) center no-repeat; width:56px; height:56px; position:absolute; left:0; top:0; z-index:3;}
.main .home_recommend .list_item .item h4{ font-size:16px;letter-spacing: 3px; color: #505050; margin-top:25px; }



.main .home_active .title{ position:relative;}
.main .home_active .title:before{ content:''; position:absolute; left:0; top:50%; width:100%; height:0px; background:#ff4292; z-index:0;}
.main .home_active .title h3{ font-size:24px;letter-spacing: 3px; display:inline-block; color:#ff4292; position:relative; z-index:2; padding-right:15px; background:#fff;}
.main .home_active .list_item{display:flex; flex-wrap:wrap; justify-content: space-between; margin:0px 0;}
.main .home_active .list_item .item{ width:24%; font-size:15px;letter-spacing: 3px;color: #505050; text-align:center; position:relative;}
.main .home_active .list_item .item a{ display:block; overflow:hidden;}
.main .home_active .list_item .item img{ width:100%;transition: 0.5s ease;}
.main .home_active .list_item .item img:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.main .home_active .list_item .item p{ margin-top:10px; text-align:left;}


.main .home_product .title{ position:relative;}
.main .home_product .title:before{ content:''; position:absolute; left:0; top:50%; width:100%; height:0px; background:#ff4292; z-index:0;}
.main .home_product .title h3{ font-size:24px;letter-spacing: 3px; display:inline-block; color:#ff4292; position:relative; z-index:2; padding-right:15px; background:#fff;}
.main .home_product .list_item{display:flex; flex-wrap:wrap; justify-content: space-between; margin:0px 0;}
.main .home_product .list_item .item{ width:24%; font-size:18px; text-align:center; position:relative; margin-bottom:35px;}
.main .home_product .list_item .item a{ display:block; outline:1px solid #e4e4e4; overflow:hidden;}
.main .home_product .list_item .item img{ width:100%;transition: 0.5s ease;}
.main .home_product .list_item .item img:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.main .home_product .list_item .item .icon_new{ background:url(../images/icon_purple_new.svg) center no-repeat; width:56px; height:56px; position:absolute; left:0; top:0; z-index:3;}
.main .home_product .list_item .item h4{ margin-top:25px;font-size: 16px;letter-spacing: 3px; color: #505050}

.product_list{display:flex; flex-wrap:wrap; justify-content:flex-start;}
.product_list .item{width:24%;padding: 0 0.5%; font-size:18px; text-align:center; position:relative; margin-bottom:80px;}
.product_list .item_2{width:100%;padding: 0 0.5%; font-size:18px; text-align:center; position:relative; margin-bottom:80px;}
.product_list .item a{ display:block; overflow:hidden;}
.product_list .item a img{ width:100%; transition: 0.5s ease;}
.product_list .item a img:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
    -webkit-transform: scale(1.1, 1.1); /* Safari */
    transform: scale(1.1, 1.1);
}
.product_list .item .info{ /*margin-top:20px;*/margin: 20px 20px 0 20px;}
.product_list .item .info .desc{display:flex; flex-wrap:wrap; justify-content: space-between; margin: 0 15px;}
.product_list .item .info .desc .new{ font-style:normal; display:inline-block; background:#ff4292; font-size:12px;letter-spacing:1px; color:#fff; padding:5px;}
.product_list .item .info .desc span{ display:inline-block; font-size:14px;}
.product_list .item .info .title{ font-size:17px;letter-spacing: 2px; margin:10px 0;}
.product_list .item .info .title a{ color:#505050; text-decoration:underline; }
.product_list .item .info .price{ color:#ff4292; font-size:16px;letter-spacing:1px;}
.product_list .item .info .price2{ color:#000000; font-size:15px;letter-spacing:1px;}
.product_list .item .action{ text-align:left; margin:10px 12px 0 12px;}
.product_list .item .action .btn_remove{ color:#ff4292; font-size:16px; background:url(../images/icon_delete.png) left center no-repeat; background-size:auto 24px; padding-left:25px; line-height:30px;}
.product_detail_div .top_div{display:flex; flex-wrap:wrap; justify-content: space-between;}
.product_detail_div .top_div .col01{ width:70%;}
.product_detail_div .top_div .col02{ width:25%; padding-top:30px;}
.product_detail_div .top_div .col02 .desc{ color:#ff4292; font-size:16px;}
.product_detail_div .top_div .col02 .tag{ margin:20px 0;}
.product_detail_div .top_div .col02 .tag .new{ display:inline-block; background:#ff4292; font-size:16px; color:#fff; padding:5px; font-style:normal;} 
.product_detail_div .top_div .col02 .title{ font-size:24px;}
.product_detail_div .top_div .col02 .price{color:#ff4292; font-size:30px; font-weight:400; margin-top:40px;}
.product_detail_div .top_div .col02 .price_s{color:#5A5A5A; font-size:25px; font-weight:400; margin-top:20px;}
.product_detail_div .top_div .col02 .quality{display:flex; flex-wrap:wrap;font-size:20px; margin:25px 0;}
.product_detail_div .top_div .col02 .quality select{ border:1px solid #000; font-size:20px; min-width:135px; margin-left:20px;}
.product_detail_div .top_div .col02 .action button{font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif; border:none; background:#ff4292; font-size:15px;letter-spacing: 3px; color:#fff; width:100%;  padding:10px; display: flex;  align-items: center;  justify-content: center;}
.product_detail_div .top_div .col02 .action button b{ display:inline-block; background:url(../images/icon_white_cart.png) center no-repeat; background-size:auto 24px;  width:24px; height:24px; margin-right:5px;}
.product_detail_div .top_div .col02 .other_btn{ margin-top:25px; display:flex; flex-wrap:wrap; justify-content: space-between; font-size:16px;}
.product_detail_div .top_div .col02 .other_btn button{ border:2px solid #505050; padding:8px; background:#fff; width:48%;display: flex;
  align-items: center;  justify-content: center; font-family:"微軟正黑體", -apple-system,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px; letter-spacing: 3px;}
.product_detail_div .top_div .col02 .other_btn button b{ display:inline-block; margin-right:5px;width:22px; height:22px; background-size:auto 22px;}
.product_detail_div .top_div .col02 .other_btn button.btn_favorite b{ background:url(../images/icon_heart.svg) center no-repeat;  }
.product_detail_div .top_div .col02 .other_btn button.btn_manual b{ background:url(../images/icon_manual.svg) center no-repeat;  }
.product_detail_div .top_div .col02 .share{ margin-top:35px; display: flex;  align-items: center;font-size:16px;}
.product_detail_div .top_div .col02 .coupon{ display:flex;flex-wrap:wrap; background:url(../images/coupon_02.png) center repeat-x; background-size:auto 100%;font-size:18px; line-height:20px; margin-top:30px;}
.product_detail_div .top_div .col02 .coupon .col01{ width:calc(33% - 8px);padding:10px 3px; background:url(../images/coupon_01.png) left center no-repeat; background-size:auto 100%; display: flex;  align-items: center;  justify-content: center; color:#eb116a; border-right:2px dashed #eb116a;}
.product_detail_div .top_div .col02 .coupon .col01 a{color:#eb116a;}
.product_detail_div .top_div .col02 .coupon .col01 i{ font-style:normal; text-decoration:underline;}
.product_detail_div .top_div .col02 .coupon .col02{width:calc(34% - 6px);padding:10px 3px;display: flex; align-items: center;  justify-content: center; color:#eb116a;}
.product_detail_div .top_div .col02 .coupon .col02 a{ color:#eb116a;}
.product_detail_div .top_div .col02 .coupon .col03{  color:#fff; background:url(../images/coupon_03.png) right center no-repeat #eb116a; background-size:auto 100%;  display: flex; align-items: center;  justify-content: center; width:calc(33% - 6px);padding:10px 3px;}
.product_detail_div .top_div .col02 .coupon .col03 a{ color:#fff;}
.product_detail_div .top_div .owl-carousel.product .owl-item{ text-align:center;}
.product_detail_div .top_div .owl-carousel.product .owl-item img{ max-width:645px;}
.product_detail_div .top_div .owl-carousel.product .owl-thumbs{ margin-top:30px;}
.product_detail_div .top_div .owl-carousel.product .owl-thumbs .owl-thumb-item{ border:1px solid #d3d3d4; height:100px; background:none; margin:5px;}
.product_detail_div .top_div .owl-carousel.product .owl-thumbs .owl-thumb-item img{ height:100%;}
.product_detail_div .bottom_div{ margin-top:20px;}
.product_detail_div .bottom_div .sub_title{ font-size:18px; padding-bottom:10px; border-bottom:1px solid #000; margin-bottom:10px;}
.product_detail_div .bottom_div .info{ font-size:16px;line-height: 32px;}
.product_detail_div .bottom_div .desc_div{ margin-bottom:55px;}
.product_detail_div .bottom_div .spec_div{ margin-bottom:55px;}
.product_detail_div .bottom_div .spec_div .item{ display:flex; flex-wrap:wrap; margin-bottom:20px; }
.product_detail_div .bottom_div .spec_div .label{ width:125px; }
.product_detail_div .bottom_div .spec_div .detail{ width:calc(100% - 125px);}

.product_detail_div .bottom_div .others_div{ margin-bottom:55px;}
.product_detail_div .bottom_div .video_div{ margin-bottom:55px;}

.product_detail_div .comment_div .title{ font-size:3px; font-weight:400; color:#ff4292; display: flex;  align-items: center; border-bottom:1px solid #000; padding-bottom:25px; margin-bottom:30px;}
.product_detail_div .comment_div .title b{ display:inline-block; background:#ff4292; border-radius:30px; width:56px; height:56px; margin-right:25px;display: flex;
  align-items: center;  justify-content: center;}
.product_detail_div .comment_div .rating_desc{ font-size:20px; color:#ed3366; display:inline-block; margin-left:30px; text-align:center; margin-bottom:70px;}
.product_detail_div .comment_div .rating_desc big{ font-size:36px;}
.product_detail_div .comment_div .rating_desc .rating i{ display:inline-block; background:url(../images/icon_star.svg) center no-repeat; background-size:auto 28px; width:28px; height:28px; margin:2px;}
.product_detail_div .comment_div .comment_list .item{ display:flex; flex-wrap:wrap; padding-bottom:30px; border-bottom:1px solid #dbdbdb; margin-bottom:30px;}
.product_detail_div .comment_div .comment_list .item .img{ width:70px;}
.product_detail_div .comment_div .comment_list .item .desc{ width:calc(100% - 70px);}
.product_detail_div .comment_div .comment_list .item .img b{ display:inline-block; width:56px; height:56px; overflow:hidden; border-radius:50px;}
.product_detail_div .comment_div .comment_list .item .img img{ width:100%;}
.product_detail_div .comment_div .comment_list .item .user_name{ font-size:16px;}
.product_detail_div .comment_div .comment_list .item .rating i{ display:inline-block; background:url(../images/icon_star.svg) center no-repeat; background-size:auto 12px; width:12px; height:12px; margin-right:2px;}
.product_detail_div .comment_div .comment_list .item .score{  margin: 40px -10px 0 -10px;}
.product_detail_div .comment_div .comment_list .item .score b{ font-size:16px; line-height:26px; display:inline-block; padding:0px 10px; border:1px solid #000; border-radius:30px; margin:5px;  min-width:110px; text-align:center;}
.product_detail_div .comment_div .comment_list .item .datetime{ font-size:16px; margin:25px 0;}
.product_detail_div .comment_div .comment_list .item .like{font-size:16px;display: flex; align-items: center; justify-content: space-between; }
.product_detail_div .comment_div .comment_list .item .like b{ margin-right:20px;}
.product_detail_div .comment_div .comment_list .item .like button{ border:none; background:none; width:20px; height:20px; text-align:center;}
.product_detail_div .comment_div .comment_list .item .like button span{ display:block; width:3px; height:3px; margin:3px; border-radius:10px; background:#8f8f8f;}
.product_detail_div .comment_div .comment_page{ display: flex; align-items: end;justify-content: flex-end; }
.product_detail_div .comment_div .comment_page a{ border-radius:5px; color:#fff; text-align:center; display:inline-block; font-size:20px; min-width:30px; height:30px; background:#bcbcbc;1px solid #e63b5c; margin:10px 15px;}

.product_detail_div .comment_div .comment_page a.none{ border-radius:5px; color:#fff; text-align:center; display:inline-block; font-size:20px; min-width:30px; height:30px; background:#ff4292;1px solid #e63b5c; margin:10px 15px;}

.product_detail_div .comment_div .comment_page a.prev{ border:1px solid #dbdbdb; background:url(../images/icon_arrow_big_left.png) center no-repeat #fff; background-size: auto 20px;}
.product_detail_div .comment_div .comment_page a.next{ border:1px solid #dbdbdb; background:url(../images/icon_arrow_big_right.png) center no-repeat #fff; background-size: auto 20px;}
.product_detail_div .related_div .title{ font-size:24px; font-weight:400; color:#ff4292; margin-bottom:30px;}
.product_detail_div .related_div .related_list{ position:relative; padding:0 80px;}
.product_detail_div .related_div .related_list .related_product_slider{}
.product_detail_div .related_div .related_list .related_product_slider .item a{ margin:5px; display:block; outline:1px solid #dbdbdb; }
.product_detail_div .related_div .related_list .related_product_slider .item a img{ width:100%;}
.product_detail_div .related_div .related_list  .lSSlideOuter .lSAction{ display:block;}
.product_detail_div .related_div .related_list  #related_prev{ border:none; position:absolute; top:calc(50% - 17px); background:url(../images/icon_arrow_big_left.png) center no-repeat; width:30px; height:35px; left:0px;}
.product_detail_div .related_div .related_list  #related_next{ border:none;  position:absolute;top:calc(50% - 17px); background:url(../images/icon_arrow_big_right.png) center no-repeat ; width:30px; height:35px; right:0px;}
.product_detail_div .related_div .related_list  .lSSlideOuter .lSPager{ display:none;}
.product_detail_div .fancybox_img{ display:none;}
.fancybox-stage{ }
.fancybox-content{ background:none;}
.fancybox-is-open .fancybox-bg{ background:#fff;}
.fancybox-navigation .fancybox-button--arrow_left{ background:url(../images/icon_fancybox_arrow_left.png) center no-repeat; width:60px; height:90px; padding:0; left:2%;}
.fancybox-navigation .fancybox-button--arrow_left>div{ display:none;}
.fancybox-navigation .fancybox-button--arrow_right{ background:url(../images/icon_fancybox_arrow_right.png) center no-repeat; width:60px; height:90px; padding:0; right:2%;}
.fancybox-navigation .fancybox-button--arrow_right>div{ display:none;}
.fancybox-slide--html .fancybox-close-small{ padding:0; background:url(../images/icon_fancybox_close.png) center no-repeat; width:36px; height:36px;}
.fancybox-slide--html .fancybox-close-small svg{ display:none;}
.fancybox-content img{ max-width:100%;}

.fancybox-toolbar{ max-width:800px; margin:0 auto; padding:15px; position:relative; text-align:right;}
.fancybox-toolbar .fancybox-button.fancybox-button--zoom{ display:none !important;}
.fancybox-toolbar .fancybox-button.fancybox-button--close{padding:0; background:url(../images/icon_fancybox_close.png) center no-repeat; width:36px; height:36px;}
.fancybox-toolbar .fancybox-button.fancybox-button--close svg{ display:none !important;}
.faq_div .title{ font-size:25px; letter-spacing: 3px;color: #505050; font-weight:400; padding-bottom:30px; border-bottom:1px solid #000;}
.faq_div .faq_lsit .item{  padding:40px 0; border-bottom:1px solid #b8b8b8;}
.faq_div .faq_lsit .item .faq_title{ font-size:18px;letter-spacing: 3px; cursor:pointer; font-weight:400; color:#ff4292;}
.faq_div .faq_lsit .item .faq_answer{ display:none; font-size:18px; margin-top:30px; line-height:28px; letter-spacing:3px; color:#505050 }
.faq_div .faq_lsit .item .faq_answer.active{ display:block;}
.faq_div .other_div{ margin-top:80px;}
.faq_div .other_div .title{ font-size:25px; font-weight:400; padding-bottom:0; border:none; }
.faq_div .other_div .other_list{ margin-top:45px;}
.faq_div .other_div .other_list .item{ font-size:18px; letter-spacing: 3px; color:#505050; display: flex; flex-wrap:wrap; margin-bottom:40px; line-height:35px; }
.faq_div .other_div .other_list .item .img{ width:65px;}
.faq_div .other_div .other_list .item .img b{ width:44px; height:44px; border-radius:50px; background:#ff4292; display: flex;  align-items: center;  justify-content: center;}


.fancybox_hide{ display:none;}
.main.fancybox_hide.fancybox-content{ width:80%;}
.main.fancybox_hide .border .shop_info .item .quantity{ text-align:center;}
.main.fancybox_hide .border .shop_title .product_img_name{    width: calc(40% - 25px);}
.main.fancybox_hide .border .shop_info .item .mobile01{ width:40%;}
.main.fancybox_hide .border .shipping_pay .item{ margin:40px 40px;}
.faq_div .other_div .other_list .item .img b img{ height:36px;}

.btn_comment{ background:#ff4292; color:#fff; font-size:16px; display:inline-block; padding:2px 10px;    border-radius: 8px; }
.btn_comment_update{ background:#ff4292; color:#fff; font-size:16px; display:inline-block; padding:2px 10px;    border-radius: 8px; }
.commented{ background:#878787; color:#fff; font-size:16px; display:inline-block; padding:2px 10px;    border-radius: 8px; margin-right:10px; }

.main .border .tab_content.comment .order_list_header{padding: 30px 40px;}
.main .border .tab_content.comment .order_list_item .item{padding: 30px 40px;}
.main .border .tab_content.comment .order_list_header .mobile01{ width:56%;}
.main .border .tab_content.comment .order_list_header .mobile02{ /*width:32%;*/width:44%;}
.main .border .tab_content.comment .order_list_header .mobile01 .item_datetime{ width:50%;}
.main .border .tab_content.comment .order_list_header .mobile01 .item_no{ width:50%;}
.main .border .tab_content.comment .order_list_item .item .mobile01{ width:56%;}
.main .border .tab_content.comment .order_list_item .item .mobile02{ /*width:32%;*/width:44%;}
.main .border .tab_content.comment .order_list_item .item .mobile01 .item_datetime{ width:50%;}
.main .border .tab_content.comment .order_list_item .item .mobile01 .item_no{ width:50%;}
.main .border .tab_content.comment .order_list_item .item .mobile02 .item_action a.btn_comment{ color:#fff;}
.main .border .tab_content.comment .order_list_item .item .mobile02 .item_action a.btn_comment_update{ color:#fff;}
.main .border .tab_content.comment .order_list_item .item .mobile02 .item_action .item_comment{ display:inline-block; min-width: 170px; margin-left:10px;}

.comment_info .item{display:flex; flex-wrap:wrap;align-items: center;    justify-content: space-between; font-size:16px; margin:40px 40px;color:#ff4292;}
.comment_info .item .label{ width:70px; padding-right:30px;color:#ff4292; text-align:right; font-size:18px; }
.comment_info .item .controll_box{ width:calc(100% - 100px);}
.comment_info .item .controll_box.radio{ display:flex; flex-wrap:wrap;align-items: center;  }
.comment_info .item .controll_box.radio span{border: 1px solid #ff4292; width:16px; height:16px;}
.comment_info .item .control.radio .box input:checked ~ span:after{}
.comment_info .item .controll_box.radio i{ display:inline-block; background:url(../images/icon_comment.png) center no-repeat; background-size:auto 24px; width:28px; height:28px; margin:2px;}
.comment_info .item textarea{ width:100%; padding:20px; min-height:250px; font-size:16px;}
.comment_info .item.action{ text-align:center;}
.comment_info .item.action button{
	margin: 0 auto;
    font-size: 20px;
    background: #ff4292;
    color: #fff;
    border: none;
    padding: 8px 35px;
    border-radius: 10px;
}
.faq_div .other_div .other_list .item .img b img{ height:36px;}



.copy_info .desc{ padding:20px;  font-size:16px;}
.copy_info .desc .coupon_no{ color:#ff4292; padding:15px 0;}
.copy_info .action { text-align:center; margin-bottom:20px;}
.copy_info .action button{
	margin: 0 auto;
    font-size: 20px;
    background: #ff4292;
    color: #fff;
    border: none;
    padding: 8px 35px;
    border-radius: 10px;
}

.user_title{ margin:30px 0; text-align:center;}
.user_title h3{ color:#ff4292; display:inline-block; border-bottom:2px solid #ff4292; padding:8px 15px; font-size:28px;}

.footer .top_div{ background:#e8328e; color:#fff; padding:20px 0;}
.footer .top_div .outer{ max-width:980px; margin:0 auto;}
.footer .top_div .outer .title{ font-weight:400; border-bottom:1px solid #fff;}
.footer .top_div .outer ul{ margin:0; padding:0; list-style:none; line-height:30px; display:flex; flex-wrap:wrap;}
.footer .top_div .outer ul li a{ color:#fff;}
.footer .top_div .outer .item .title{ margin-bottom:5px; display:flex; flex-wrap:wrap; align-items: center; justify-content:space-between; padding-bottom:10px;}
.footer .top_div .outer .item .title b{ display:none; background:url(../images/footer_icon_white_arrow_right.png) center no-repeat; width:18px; height:18px;  background-size: auto 18px; cursor:pointer; }
.footer .top_div .outer .item.img .title{ margin-bottom:12px; }
.footer .top_div .outer .row01{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:55px;}
.footer .top_div .outer .row01 .item{ max-width:410px;}
.footer .top_div .outer .row01 .item:nth-child(1){ }
.footer .top_div .outer .row01 .item:nth-child(1) li{ width:33.333333%;}
.footer .top_div .outer .row01 .item:nth-child(2){ }
.footer .top_div .outer .row01 .item:nth-child(2) li{ width:50%;}
.footer .top_div .outer .row01 .item:nth-child(3){ }
.footer .top_div .outer .row01 .item:nth-child(3) li{ width:100%;}

.footer .top_div .outer .row02{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.footer .top_div .outer .row02 .item{ width:auto; max-width:150px;}
.footer .top_div .outer .row02 .item li{ width:100%;}

.footer .bottom_div{ background:#ff4292; text-align:center; padding:25px 0; color:#fff;}
.footer .bottom_div .links{ margin-bottom:20px;}
.footer .bottom_div .links ul{ margin:0; padding:0; list-style:none;}
.footer .bottom_div .links ul li{ display:inline-block; padding:0 25px; position:relative;}
.footer .bottom_div .links ul li:after{ content:''; background:#fff; width:1px; height:20px; position:absolute; right:0; top:0px;}
.footer .bottom_div .links ul li:last-child:after{ background:none;}
.footer .bottom_div .links ul li a{ color:#fff;}

#body_overly {
    width: 100%;
    height: 100%;
    z-index: 997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}
#mobile_nav {
    position: fixed;
    top: 0;
    padding-top: 40px;
    bottom: 0;
    z-index: 998;   
    left: -300px;
    width: 300px;
    overflow-y: auto;
    transition: 0.4s;
	background:#fff;
}
#mobile_nav .society{ margin-left:10px;}
#mobile_nav .society a{ margin-right:10px;}
#mobile_nav .society a img{    width: 33px;}
#mobile_nav .society a:hover{ opacity:0.5;}
#mobile_nav li a{ padding:8px; display:block; border-bottom:1px solid #666; font-size:18px; color:#000; font-weight:400;}
#mobile_nav li a:hover{color:#ff4292;;}
#mobile_nav li .list .sub_title{ font-size:16px;    padding: 8px 8px; cursor:pointer;}
#mobile_nav li .list ul{ display:none;}
#mobile_nav li .list.active ul{ display:block}
#mobile_nav li .list ul a{ font-size:14px; border-bottom: 1px dashed #dfdfdf;padding: 8px 16px;}
body.nav_active #mobile_nav {  left: 0;}
body.nav_active #mobile_nav ul{ margin:0; padding:0; list-style:none;}


/* collection */
#collection{overflow:hidden;}
#collection .item{width:33.33%; color:#FFF; display:block; float:left; overflow:hidden; position:relative; box-sizing:border-box;}
#collection .item img{width:100%; height:auto; display:block; transform:scale(1.01,1.01); transition:all .3s;}
#collection .item:hover img{transform:scale(1.1,1.1);}
#collection .item h2{font-size:28px; line-height:30px; padding:15px 30px; position:absolute; top:0; left:0;}
#collection .item span{font-size:14px; display:block;}



/* footer */
#footer{background:#47d8b8; color:#FFF; padding-top:10px; border-top:1px solid #FFF;}
#footer .wrap{overflow:hidden; border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:15px 2.5% 10px 2.5%;}
#footer .wrap .nav{float:left;}
#footer .wrap .nav li{display:inline-block; padding-right:25px;}
#footer .wrap .nav li a{color:#FFF; font-size:14px;}
#footer .wrap .follow-link{float:right;}
#footer .wrap .follow-link li{font-size:10px; display:inline-block;}
#footer .wrap .follow-link li a{text-indent:-9999px; width:25px; height:25px; display:block; position:relative; bottom:5px;}
#footer .wrap .follow-link li .facebook{background:url(../images/footer-icon-fb.png); background-size:100% auto;}
#footer .wrap .follow-link li .twitter{background:url(../images/footer-icon-twitter.png); background-size:100% auto;}
#footer .wrap .follow-link li .youtube{background:url(../images/footer-icon-yt.png); background-size:100% auto;}
#footer .wrap .follow-link li .tumblr{background:url(../images/footer-icon-tumblr.png); background-size:100% auto;}
#footer .wrap .follow-link li .instagram{background:url(../images/footer-icon-ig.png); background-size:100% auto;}
#footer .wrap .follow-link li .pinterest{background:url(../images/footer-icon-pinterest.png); background-size:100% auto;}
#footer .wrap .follow-link li .weibo{background:url(../images/footer-icon-weibo.png); background-size:100% auto;}
#footer .wrap .follow-link li .googleplus{background:url(../images/footer-icon-g.png); background-size:100% auto;}
#footer .copyright{font-size:14px; border-bottom:1px solid #FFF; padding:15px 2.5%}
#footer .copyright span{font-size:12px; margin-right:10px;}




@media screen and (max-width: 1600px){
	.header .outer{  max-width:1400px;}
	.header .search{margin-left: 5%;}	
	.main .outer{  max-width:1400px;}
	
}
@media screen and (max-width: 1530px){
	.header .outer{  max-width:1200px;}	
	.main .outer{  max-width:1200px;}
	.header .search{width:40%;}	
	.main .border .tab_content .hcoin_list_header{ padding:30px 20px;}
	.main .border .tab_content .hcoin_list_item .item{ padding:30px 20px; }
	.main .border .tab_content .hcoin_list_header .item_name_img{ width:17%;}
	.main .border .tab_content .hcoin_list_header .mobile01{ width:53%;}
	.main .border .tab_content .hcoin_list_header .mobile01 .item_name{ width:60%;}
	.main .border .tab_content .hcoin_list_header .mobile01 .item_no{ width:40%;}
	.main .border .tab_content .hcoin_list_header .mobile02{ width:30%;}
	.main .border .tab_content .hcoin_list_item .item .mobile01{ width:53%;}
	.main .border .tab_content .hcoin_list_item .item .mobile01 .item_name_datetime{ width:60%;}
	.main .border .tab_content .hcoin_list_item .item .mobile01 .item_no{ width:40%;}
	.main .border .tab_content .hcoin_list_item .item .mobile02{ width:30%;}
	.main .border .tab_content .hcoin_list_item .item .item_img{ width:17%;}
	
	.main .border .tab_content .order_list_header{ padding:30px 20px;}
	.main .border .tab_content .order_list_item .item{ padding:30px 20px; }
	.main .border .tab_content .order_list_header .item_name_img{ width:15%;}
	.main .border .tab_content .order_list_header .mobile01{ width:63%;}
	
	.main .border .tab_content .order_list_header .mobile02{ width:20%;}
	.main .border .tab_content .order_list_item .item .mobile01{ width:63%;}
	.main .border .tab_content .order_list_item .item .mobile01 .item_name_datetime{ width:60%;}
	.main .border .tab_content .order_list_item .item .mobile01 .item_datetime{ width:35%;}
	.main .border .tab_content .order_list_item .item .mobile01 .item_no{ width:25%;}
	.main .border .tab_content .order_list_item .item .mobile02{ width:20%;}
	.main .border .tab_content .order_list_item .item .item_img{ width:15%;}	
	.main.fancybox_hide.fancybox-content{ width:90%;}

	
	
	.main .border .tab_content.comment .order_list_header{ padding:30px 10px;}
	.main .border .tab_content.comment .order_list_item .item{ padding:30px 10px; }
	.main .border .tab_content.comment .order_list_header .item_name_img{ width:13%;}
	.main .border .tab_content.comment .order_list_header .mobile01{ width:48%;}	
	.main .border .tab_content.comment .order_list_header .mobile02{ width:48%;}
	.main .border .tab_content.comment .order_list_item .item .item_img{ width:13%;}
	.main .border .tab_content.comment .order_list_item .item .mobile01{ width:48%;}
	.main .border .tab_content.comment .order_list_item .item .mobile02{ width:48%;}
	
	
	.main .border .shop_info .item .product_img{ width:120px;}
	.main .border .shop_info .item .product_name{width: calc(100% - 120px);}
	.main .border .shop_info .item .quantity input{ width:50px;}
	
	.main .about_us_div .top_div .col01{    font-size: 20px; line-height:40px;}
	.main .about_us_div .top_div .col01 p{ margin-bottom:30px;}
	.main .contact_div .title{ font-size:36px; margin-bottom:30px; }
	.main .contact_div .contact_keyin_list .item{ margin-bottom:30px;}
	.main .contact_div .contact_keyin_list .item .label{ font-size:20px; width:120px;}
	.main .contact_div .contact_keyin_list .item .controll_box{width: calc(100% - 120px);}
	.faq_div .title{ font-size:36px; padding-bottom:20px;}
	.faq_div .faq_lsit .item{ padding:20px 0;}
	.faq_div .faq_lsit .item .faq_title{ font-size:24px;}
	.faq_div .faq_lsit .item .faq_answer{ margin-top:20px;}
	.faq_div .other_div .title{ font-size:24px;}
	.faq_div .other_div .other_list .item{ margin-bottom:20px;}
	.product_list .item .info .desc{ margin:0;}
	.product_detail_div .top_div .col01{    width: 60%;}
	.product_detail_div .top_div .col02{    width: 35%;}
}
@media screen and (max-width: 1300px){
	.header .outer{ max-width:calc(100% - 30px);}
	.main .outer{ max-width:calc(100% - 30px);}
}
@media screen and (max-width: 1240px){
	.main .border .order_info .item.hcoin input { width:40%;}
	.main .outer .row>.col01{ width:200px;}
	.main .outer .row>.col02{ width: calc(100% - 200px);}
	.main_title{ font-size:36px;}
	.main_title .search input{ font-size:18px;}
	.main .border .shop_info .item .quantity .box{ width:100%;}
	.faq_div .other_div .other_list .item{ font-size:16px;}
	.faq_div .other_div .other_list .item .img{ width:50px;}
	.faq_div .other_div .other_list .item .img b{ width:36px; height:36px;}
	.faq_div .other_div .other_list .item .img b img{ height:28px; }
	.main .border .order_submit{    max-width: calc(100% - 40px);}
}
@media screen and (max-width: 1150px){
	.header .search{width:30%;}
	.header .links a{ padding:0 10px;}
	.header .society a{ margin-left:15px;}
	.main.fancybox_hide.fancybox-content{ width:100%;}

	.main .outer .row>.col01{ width:100%;}
	.main .outer .row>.col02{ width:100%;}
	.mobile_category_select{ display:block; margin:20px 15px;}
	.mobile_category_select select{ margin:0; width:100%;}
	.main .category{ display:none;}
	.main .category.product{ display:block;}
	.main .category.product .item{ display:none;}
	.main .category.product .item.active{ display:block;}
	.main .category.product .title{ display:none;}
	.main .category.product .item .img{ width:100%;  align-items: center;}
	.main .category.product .item .img b{ width:80px; height:80px;}
	.main .category.product .item .img span{ display:block;}
	.main .category.product .item .list{ width:100%; margin-top:30px; margin-bottom:30px;}
	.main .category.product .item .list .sub_title{ display:none;}
	.main .category.product .item .list ul{  display: flex; flex-wrap:wrap; align-items: center; justify-content: flex-start; margin:0;}
	.main .category.product .item .list ul li{ width:calc(100% / 6); margin-bottom:0px;}	
	.main .category.product .item .list ul li a{ display:block; border:1px solid #ff4292; padding:5px; text-align:center; margin:5px; color:#000; font-size:16px; border-radius:5px;}
	.main .category.product .item .list ul li.active a{ background:#ff4292; color:#fff; }
	.main .category.product .item .list ul li.active a:after{ content:''}
	
	.main .category.faq{ display:block;}
	.main .category.faq .item{ display:none;}
	.main .category.faq .item.active{ display:block;}
	.main .category.faq .title{ display:none;}
	.main .category.faq .item .img{ width:100%;  align-items: center;}
	.main .category.faq .item .img b{ width:80px; height:80px;}
	.main .category.faq .item .img span{ display:block;}
	.main .category.faq .item .list{ width:100%; margin-top:30px; margin-bottom:30px;}
	.main .category.faq .item .list .sub_title{ display:none;}
	
	.product_list .item .info .title{ font-size:18px;}
	.product_list .item .info .desc .new{ font-size:15px;}
	
	.user_header{ text-align:left; display: flex; flex-wrap:wrap; }
	.user_header .img{ width:180px; text-align:left;}
	.user_header .mobile{ width:calc(100% - 180px);}
	.user_header .user_name{ margin-top:30px; font-weight:400; display:block; font-size:24px; padding:0; border-top:none; margin-bottom:20px;}
	.user_header .desc{ display:inline-block; position:relative; text-align:left; font-size:16px;}
	.user_header .desc .icon_edit{ float:right; width:26px; height:26px;     background-size: auto 26px;margin-top: -5px; margin-left:10px;}
	
	.main .border.add_margin_top{ margin-top:20px;}
	
	.main .member_navi{ display:block;}
	.main .member_navi .item{ display:none;}
	.main .member_navi .item.active{ display:block;}
	.main .member_navi .title{ display:none;}
	.main .member_navi .item .img{ width:100%;  align-items: center;}
	.main .member_navi .item .img b{ width:80px; height:80px;}
	.main .member_navi .item .img span{ display:block;}
	.main .member_navi .item .list{ width:100%; margin-top:30px; margin-bottom:30px;}
	.main .member_navi .item .list .sub_title{ display:none;}
	.main .member_navi .item .list ul{  display: flex; flex-wrap:wrap; align-items: center; justify-content: flex-start; margin:0;}
	.main .member_navi .item .list ul li{ width:calc(100% / 6); margin-bottom:0px;}	
	.main .member_navi .item .list ul li a{ display:block; border:2px solid #ff4292; padding:5px; text-align:center; margin:5px; color:#000; font-size:16px; border-radius:5px;}
	.main .member_navi .item .list ul li.active a{ background:#ff4292; color:#fff; }
	.main .member_navi .item .list ul li.active a:after{ content:''}
	.main .border .key_coupon{ max-width:calc(100% - 20px);}
	
	.main .login_div .item{ padding:20px 0;}
	.main .login_div .item .label{ font-size:16px; width:100px; padding-right:20px;}
	.main .login_div .item .controll_box{ width: calc(100% - 120px);}
	.main .login_div .item .controll_box input{ font-size:16px;}
	.main .login_div .item.action button{ font-size:20px;}
	.main .login_div .item a{ font-size:18px;}
	.main .login_div .item.facebook img{ height:40px;}
	
	/* collection */
#collection .item h2{font-size:14px; line-height:24px; padding:10px}
#collection .item span{display:none;}


/* footer */
#footer{padding:0;}
#footer .wrap .nav{display:none;}
#footer .wrap .follow-link{float:none;}
#footer .copyright{border:none;}

}


@media screen and (max-width: 992px){
	.product_detail_div .top_div .col01{ width:100%;}
	.product_detail_div .top_div .col02{ width:100%;}
	.main_title>div{ width:100%;}
	.main_title .search{ width:100%;}
	.main_title .search input{ min-width:70%;}
	.comment_info .item .label{ width:100%; padding-right:0; text-align:left;}
	.comment_info .item .controll_box.radio{ width:100%;}
	.comment_info .item .controll_box.radio .control.radio{ display:block; width:100%}
	
	.footer .top_div .outer{ max-width:calc(100% - 30px);}
	
}
@media screen and (max-width: 900px){
	.header .site_logo img{ height:40px;}
	.header .search{width:25%;}
	.main .two_item .col{ width:100%;}
	.main .home_recommend .title h3{ font-size:20px;}
	.main .home_recommend .list_item .item{ font-size:16px;}
	.main .home_recommend .list_item .item h4{ margin-top:10px;}
	.main .home_active .title h3{ font-size:20px;}
	.main .home_active .list_item .item{ font-size:14px;}
	.main .home_active .list_item .item p{ margin-top:10px;}
	.main .home_product .title h3{ font-size:20px;}
	.main .home_product .list_item .item{ font-size:16px;}
	.main .home_product .list_item .item h4{ margin-top:10px;}
	.main .about_us_div .top_div .col01{ width:100%; margin-bottom:20px;}
	.main .about_us_div .top_div .col02{ width:100%;}	
	
	.main .border.fix_margin_top{ margin-top:0;}
	.main .border .shop_title{ display:none;}
	.main .border .shop_info .item{ position:relative; border-bottom:1px solid #ff4292; margin: 15px 0px; padding:20px}
	.main .border .shop_info .item:last-child{ border-bottom:none;}
	.main .border .shop_info .item .mobile01{ width:60%;}
	.main.fancybox_hide .border .shop_info .item .mobile01{ width:60%;}
	.main .border .shop_info .item .mobile02{ width:40%;}
	.main .border .shop_info .item .mobile03{ width:100%;}
	.main .border .shop_info .item .onsale_price{ width:100%;}
	.main .border .shop_info .item .original_price{ width:100%; text-decoration:line-through; font-size:14px;}
	.main .border .shop_info .item .quantity input{ width:40px;}
	.main .border .shop_info .item .quantity .box{ width:145px;    margin-left: 0;}
	.main .border .shop_info .item .sub_total{ width:40%;}
	.main .border .shop_info .item .action{ position:absolute; right:0; top:0;}
	.main .border .shipping_pay .item{ margin:30px 20px;}
	.main.fancybox_hide .border .shipping_pay .item{ margin:30px 20px;}
	.main .border .shipping_pay .item .label{ width:100%; margin-bottom:20px;}
	.main .border .shipping_pay .item .controll_box{ width:100%;}
	.main .border .order_info .item{ margin:15px 20px;}
	.main .border .custom .item{ margin:15px 20px;}
	.main .border .shipping_info .item{ margin:15px 20px;}
	.main .border .remark .item{ margin:15px 20px;}
	.main .border .pay_info .item{ margin:15px 20px;}
	.main .border .my_profile .item{ margin:20px 20px;}
	.main .border .tab_content .hcoin_list_item .item .item_img span{ margin-right:10px;}
	.main .border .tab_content .hcoin_list_item .item .item_img span img{ width:100%;}
	
	.main .border .tab_content .order_list_header{ display:none;}
	.main .border .tab_content.history .detail{ padding:0;}
	.main .border .tab_content .order_list_item .item{ border-bottom:1px solid #ff4292;}
	.main .border .tab_content .order_list_item .item:last-child{ border-bottom:none;}
	.main .border .tab_content .order_list_item .item .item_img span{ margin-right:10px;}
	.main .border .tab_content .order_list_item .item .item_img span img{ width:100%;}
	.main .border .tab_content .order_list_item .item .mobile01 .item_name{ width:100%; color:#000;}
	.main .border .tab_content .order_list_item .item .mobile01 .item_datetime{ width:100%;}
	.main .border .tab_content .order_list_item .item .mobile01 .item_no{ width:100%;}
	.main .border .tab_content .order_list_item .item .mobile02{ width:100%; display:block; margin-top:15px;position: relative;}
	
	.main .border .tab_content.comment .order_list_item .item .mobile01 .item_no{ width:100%;}
	
	.main .border .tab_content .order_list_item .item .mobile02 .item_total{ float:right;}
	.main .border .tab_content .order_list_item .item .mobile02 .item_action{ float:left;}
	.main .border .tab_content .order_list_item .item .item_img{ width:20%;}
	.main .border .tab_content .order_list_item .item .mobile01{ width:80%;}
	
	.main .border .tab_content.comment .order_list_item .item .item_img{ width:20%;}
	.main .border .tab_content.comment .order_list_item .item .mobile01{ width:100%;}
	
	.main .border .tab_content.comment .order_list_item .item{    padding: 30px 20px;}
	.main .border .tab_content.comment .order_list_item .item .mobile02{ width:100%;}
	.main .login_div{ max-width:100%;}
	.main .border .tab_content.comment .order_list_item .item .mobile02 .item_action .item_comment{ display:block; margin-left:0; min-width:100%; margin-top:15px;}
	.main .border .tab_content.comment .order_list_item .item .mobile02 .item_total{ position:absolute; right:0; bottom:0;}
}
@media screen and (max-width: 767px){
	#main_nav{ display:none;}	
	.toggle_btn{  display:block;}	
	.toggle_btn.active span:nth-child(2){ top: 8px;}
	.toggle_btn.active{ margin-right:10px;}
	.header .outer{ justify-content: start; padding:15px 0;}
	.header{
		position:fixed;
		background:#fff;
		top:0;
		left:0;
		width:100%;	
		border-bottom:1px solid #9e9e9e;
		-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
		z-index:990;
	}
	.main{ margin-top:90px;}
	.had_mail_title .main{ margin-top:20px;}
	.had_mail_title .main_title{ margin-top:66px; padding:30px 0;}
	.main_title .search input{ font-size:16px;}
	.header .search{ display:none;}
	.header .links{ margin-left:10px;}
	.header .links a:after{ background:none;}
	.header .links a.cart{ padding:0 10px;}
	.header .links a.cart img{ height:30px;}
	.header .links a span{ font-size:12px; min-height:24px; line-height:24px;min-width: 14px; left:40px;}
	.header .society{ display:none;}
	.main_title{ font-size:28px;}
	.main .home_category .item{    width: calc(100% / 4 ); margin:5px 0;}
	.main .home_category .item h3{ font-weight:400;}
	.mobile_search{ display:block; margin:40px 0;}
	.mobile_search .search{ margin:0 15px;}
	.mobile_search{ margin:20px 0;}
	.mobile_category_select{ margin:20px 15px;}
	.product_list .item{ margin-bottom:40px;}	
	.product_detail_div .top_div .owl-carousel.product .owl-thumbs .owl-thumb-item{ height:60px;}
	.product_detail_div .comment_div .title{ padding-bottom:15px; margin-bottom:20px; font-size:24px;}
	.product_detail_div .comment_div .title b{ width:40px; height:40px; margin-right:15px;}
	.product_detail_div .comment_div .title b img{ height:24px;}
	.product_detail_div .comment_div .comment_list .item{ padding-bottom:20px; margin-bottom:20px;}
	.product_detail_div .comment_div .comment_page a{ font-size:16px;min-width: 24px;  height: 24px; margin:6px 8px;}
	.product_detail_div .related_div .title{ font-size:20px;}
	.fancybox-navigation .fancybox-button--arrow_left{ width:40px; height:60px; background-size:auto 60px;}
	.fancybox-navigation .fancybox-button--arrow_right{ width:40px; height:60px; background-size:auto 60px;}
	.main .about_us_div .top_div{ margin-bottom:30px;}
	.main .about_us_div .top_div .col01{ font-size: 18px; line-height:30px;}
	.main .about_us_div .bottom_div .map iframe{ height:60vw;}
	
	.main .contact_div .desc{ font-size:20px; text-align:left; }
	.main .contact_div .desc.upload{ font-size:16px; text-align:left; }
	.main .contact_div .action button{ font-size:20px;}
	.main .contact_div .contact_keyin_list .item .label{ font-size:18px;}
	.faq_div .title{ font-size:28px;}
	.faq_div .faq_lsit .item .faq_title{ font-size:20px;}
	.faq_div .faq_lsit .item .faq_answer{ margin-top:15px;}
	
	.main .step_div .item .circle{ width:64px; height:64px; font-size:36px;}
	.main .step_div .item .desc{ font-size:18px;}
	.main .border .title{ padding:8px 15px;}
	.main .border .tab_content .coupon_list_item .item{ width:100%; margin:10px 0;}
	
	
	.back_top{ padding:40px 0;}
	.footer .top_div{ padding:0;}
	.footer .top_div .outer{ max-width:100%;}
	.footer .top_div .outer .row01 .item{ width:100%; max-width:100%; margin:5px 0;}
	.footer .top_div .outer .title{ border:none;}
	.footer .top_div .outer .item .title{ padding:0 15px; margin-bottom:10px;}
	.footer .top_div .outer .item .title b{ display: inline-block;}
	.footer .top_div .outer .item.active .title b{ background:url(../images/footer_icon_white_arrow_down.png) center no-repeat; background-size:18px auto;}
	.footer .top_div .outer .item ul{ display:none;}
	.footer .top_div .outer .item.active{}
	.footer .top_div .outer .item.active ul{ display:block; background:#646161;}
	.footer .top_div .outer .item .other.active ul{display:block; background:#646161;    margin-bottom: -5px;}
	.footer .top_div .outer ul li a{ display:block; padding:10px 15px;}
	.footer .top_div .outer ul li a:hover{color: #ff4292;}
	.footer .top_div .outer .row01{ margin-bottom:0; padding-top:10px;}
	.footer .top_div .outer .row01 .item:nth-child(1) li{ width:100%;}
	.footer .top_div .outer .row02 .item{ width:100%; max-width:100%; margin:5px 0;}
	.footer .top_div .outer .row02 .item .other{ margin-top:20px;}
}
@media screen and (max-width: 700px){
	.main .category.product .item .list ul li{    width: calc(100% / 4);}
	.product_list .item{ width:48%;padding: 0 1%;}
	.mobile_search{ margin:20px 0;}
	.mobile_category_select{ margin:20px 15px;}
	.main .border .tab_navi.three_item a{ width:33.33333%;}
	.main .border .tab_content .hcoin_list_header{ display:none;}
	.main .border .tab_content.h_coin .detail{ padding: 0;}
	.main .border .tab_content .hcoin_list_item .item{ border-bottom:1px solid #ff4292;}
	.main .border .tab_content .hcoin_list_item .item:last-child{ border-bottom:none;}
	.main .border .tab_content .hcoin_list_item .item .item_img{ width:20%;}
	.main .border .tab_content .hcoin_list_item .item .mobile01{ width:40%;}
	.main .border .tab_content .hcoin_list_item .item .mobile02{ width:40%;}
	.main .border .tab_content .hcoin_list_item .item .mobile01 .item_no{ width:100%;}
	.main .border .tab_content .hcoin_list_item .item .mobile01 .item_datetime{ display:none;}
	.main .border .tab_content .hcoin_list_item .item .mobile01 .item_name_datetime{ width:100%;}
}

@media screen and (max-width: 640px){
	.header .site_logo a img{ height:40px;}
	.main .border .title{ text-align:center;}
	.main .border .shipping_pay .item .label{ width:100%; margin-bottom:15px;}
	.main .border .shipping_pay .item .controll_box{ width:100%;}
	.main .border .order_info .item.coupon .label{ width:100%; margin-bottom:15px;}
	.main .border .order_info .item.coupon .controll_box{ width:100%;}
	.main.fancybox_hide .order_info .item.coupon .label{width: 75px;margin-bottom:0;}
	.main.fancybox_hide .border .order_info .item.coupon .controll_box{     width: calc(100% - 75px); text-align:right; display:block;}
	.main .home_active .list_item .item{ width:48%; margin-bottom:20px;}
	.main .home_product .list_item .item{ width:48%;}
	.main .home_recommend .list_item .item{ width:48%; margin-bottom:20px;}
	.product_detail_div .bottom_div .video_div iframe{ width:100%; height:50vw;}
	.main .contact_div .title{ font-size:24px; margin-bottom:10px; text-align:left;}
	.main .contact_div .contact_keyin_list .item{ margin-bottom:20px;}
	.main .contact_div .contact_keyin_list .item .label{width:100px;}
	.main .contact_div .contact_keyin_list .item .controll_box{width: calc(100% - 100px);}	
	.main .remind{ padding:10px; font-size:13px;}
	.main .remind a.btn{ padding:4px 12px;}
	
	.main .border .shop_info .item{ padding:10px;}
	.main .border .order_info .item button{ padding:5px 20px;}
	.main .border .order_info .item.coupon .controll_box button{ padding: 5px 20px;}
	.main .border .order_info .item.coupon input{ width:55%;}
	.main .border .order_info .item.hcoin .control.checkbox{ width:100%;}
	.main .border .order_info .item.hcoin .controll_box{ width:100%;}
	.main.fancybox_hide .border .order_info .item.hcoin .control.checkbox{width: 75px;margin-bottom:0;}
	.main.fancybox_hide .border .order_info .item.hcoin .controll_box{     width: calc(100% - 75px); text-align:right; display:block;}
	.main .border .order_info .item.hcoin input{ width:55%;}
	.main .border .shop_info .item .product_img{ width:100px;}
	.main .border .shop_info .item .product_name{     width: calc(100% - 100px);}
	
	.main .border .custom .item .label{ width:100%; margin-bottom:15px;}
	.main .border .custom .item .controll_box{ width:100%;}
	.main .border .shipping_info .item.recipient .label{ width:100%; margin-bottom:15px;}
	.main .border .shipping_info .item.recipient .controll_box{ width:100%;}
	.main .border .shipping_info .item.phone .label{ width:100%; margin-bottom:15px;}
	.main .border .shipping_info .item.phone .controll_box{ width:100%;}
	.main .border .shipping_info .item.address .label{ width:100%; margin-bottom:15px;}
	.main .border .shipping_info .item.address .controll_box{ width:100%;}
	.main .member_navi .item .list ul li{   width: calc(100% / 3 ); }
	.main .border .my_profile .item .label{ width:100%; margin-bottom:15px; text-align:left;}
	.main .border .my_profile .item .controll_box{ width:100%; margin-bottom:15px;}
	.main .border .my_profile .item.sex .label{width: 50px; padding-right:10px;}
	.main .border .my_profile .item.sex .controll_box{ width: calc(100% - 60px);}
	.main .border .my_profile .item .controll_box select{ min-width:32%;}
	
	.main .border .my_profile.address .item .label{ width:100%; margin-bottom:15px; text-align:left;}
	.main .border .my_profile.address .item .controll_box{ width:100%; margin-bottom:15px;}
	.main .border .my_profile.address .item .controll_box .control{ width:100%; margin-bottom:15px;}
	.main .border .my_profile.address .item.setting .label{ display:none;}
	
	.main .border .my_profile.password .item .label{ width:100%; margin-bottom:15px; text-align:left;}
	.main .border .my_profile.password .item .controll_box{ width:100%; margin-bottom:15px;}
	.main .border .my_profile.password .item .controll_box .control{ width:100%; margin-bottom:15px;}
	
	.main .border .my_profile.credit_card .item .label{ width:120px; }{ width:100%; margin-bottom:15px; text-align:left;}
	.main .border .my_profile.credit_card .item .controll_box{ width:100%; margin-bottom:15px;}
	
	
	.main .border .key_coupon{ margin:15px auto;}
	.main .border .key_coupon .item .label{ width:100%; margin-bottom:15px;}
	.main .border .key_coupon .item .controll_box{ width:100%;}
	.main .border .tab_navi{ padding:20px;}
	.main .border .tab_content .detail{ padding:20px;}
	.main .border .tab_content .coupon_list_item .item .coupon_name{ font-size:20px;}
	
	.main .border .h_coin_info .mobile{ width:100%;}
	.main .border .h_coin_info .deadline{ width:100%;}
	.main .border .tab_content .hcoin_list_item .item .mobile01 .item_name{ font-size:16px;}
	.main .border .my_profile.credit_card .item .controll_box.input_list input { width: 25%;}
	
	.main .contact_div .desc{ font-size:18px; text-align:left; }
	.main .contact_div .desc.upload{ font-size:14px; text-align:left; }
	
	.main.fancybox_hide.fancybox-content{ padding:30px 15px 15px 15px;}
	.fancybox-slide--html .fancybox-close-small{ width:24px; height:24px; background-size:auto 24px;}
	.fancybox-toolbar .fancybox-button.fancybox-button--close{width:24px; height:24px; background-size:auto 24px;}
	
	/* collection */
#collection .item{width:100%;}
}
@media screen and (max-width: 480px){
	.header .outer{ font-size:15px;padding:5px 0 5px 0;}
	.header .site_logo a img{ height:35px;}
	.header .links{ margin-left:40px;}
	.header .links a{ padding:0 10px 0 0 ;}
	.header .links a.cart{ padding-left:0;}
	.header .links a.cart span{ left:30px;}
	.mobile_search .search .box input[type="text"]{ font-size:16px; line-height:15px;}
	.mobile_search .search .box input[type="button"]{ width:30px; height:30px; background-size:auto 24px;}
	.mobile_category_select select{ font-size:16px; padding:5px;}
	.main .category.product .item .list ul li{   width: calc(100% / 3 ); }
	
	.product_detail_div .comment_div .comment_list .item .score b{ font-size:13px; min-width:110px;}
	.product_detail_div .related_div .related_list{ padding:0; }
	.product_detail_div .related_div .related_list #related_prev{ display:none;}
	.product_detail_div .related_div .related_list #related_next{ display:none;}
	.fancybox-navigation .fancybox-button--arrow_left{ width:30px; height:45px; background-size:auto 45px;}
	.fancybox-navigation .fancybox-button--arrow_right{ width:30px; height:45px; background-size:auto 45px;}
	
	.main .border .order_submit .btn_big{ min-width:100%;}
	.user_header .img{ width:150px;}
	.user_header .img img{ width:120px;}
	.user_header .mobile {  width: calc(100% - 150px);}
	.user_header .user_name{ margin-top:20px;}
	#mobile_nav{ width:250px;}
	.main .login_div .item .label{ width:90px; padding-right:10px;}
	.main .login_div .item .controll_box{ width: calc(100% - 100px);}
	.main .border .my_profile .item .controll_box select {    min-width: 31%;}
	
	#mobi-btn{right:20px;}
/* collection */
#collection .item{width:100%; float:none;}
#collection .item h2{font-size:18px;}


/* footer */
#footer .wrap .follow-link li:first-child{display:none;}
	
}




/*延伸閱讀*/

.newslist-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 80px 0 0 0;
}


.newslist-two a {
  -webkit-box-flex: 0;
      -ms-flex: 0 auto;
          flex: 0 auto;
  display: block;
  width: 40%;
  margin: 0 0 60px 0;
}


.newslist-two a:hover h2 {
  color: #5a35b8;
}

.newslist-two a img {
  border-radius: 0;
  display: none;
}

@media (max-width: 568px) {
  .newslist-two a img {
    display: block;
  }
}

@media (max-width: 768px) {
  .newslist-two a img {
    display: block;
  }
}



@media (max-width: 768px) {
  .newslist-two a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}




@media (max-width: 568px) {
  .newslist-two a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.newslist-two a:nth-child(odd) {
  padding: 0 50px 0 20px;
}

@media (max-width: 568px) {
  .newslist-two a:nth-child(odd) {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .newslist-two a:nth-child(odd) {
    padding: 0;
  }
}

.newslist-two a:nth-child(even) {
  padding: 0 20px 0 50px;
}

@media (max-width: 568px) {
  .newslist-two a:nth-child(even) {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .newslist-two a:nth-child(even) {
    padding: 0;
  }
}

.newslist-two a.mob-newslist {
  width: 100%;
}

.newslist-two a.mob-newslist img {
  border-radius: 0;
}

.newslist-two .newslist-date {
  margin: 0 0 0 0;
}

.newslist-two .newslist-date h2 {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: justify;
}

@media (max-width: 568px) {
  .newslist-two .newslist-date h2 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 10px 0;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    text-align: initial;
    line-height: 28px;
  }
}


@media (max-width: 768px) {
  .newslist-two .newslist-date h2 {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0 0 10px 0;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
    text-align: initial;
    line-height: 28px;
  }
}


.newslist-two .newslist-date p {
  color: #000;
  font-size: 14px;
  line-height: 30px;
  margin: 5px 0 0 0;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: justify;
}

@media (max-width: 568px) {
  .newslist-two .newslist-date p {
    display: none;
  }
}

@media (max-width: 768px) {
  .newslist-two .newslist-date p {
    display: none;
  }
}

@media (max-width: 568px) {
  .newslist-two .newslist-date {
    width: 76%;
    margin: 0 20px 0 0;
    background: url(../images/mob-news-list-icon.png) no-repeat left 10px;
    padding: 0 0 0 25px;
  }
}

@media (max-width: 768px) {
  .newslist-two .newslist-date {
    width: 76%;
    margin: 0 20px 0 0;
    background: url(../images/mob-news-list-icon.png) no-repeat left 10px;
    padding: 0 0 0 25px;
  }
}

@media (max-width: 460px) {
  .newslist-two {
    margin: 50px 0 0 0;
  }
}

.mob-newslist-two-img {
  display: none;
  width: 18%;
  height: auto;
}

.mob-newslist-two-img img {
  width: 100%;
}

@media (max-width: 568px) {
  .mob-newslist-two-img {
    display: block;
  }
}


@media (max-width: 768px) {
  .mob-newslist-two-img {
    display: block;
  }
}









.newslist-date {
  margin: 30px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.newslist-date span {
  display: block;
  width: 100%;
  overflow: hidden;
}

.newslist-date span b {
  display: inline-block;
  vertical-align: middle;
  color: #646464;
  font-size: 16px;
  margin: 0 20px 0 0;
}

@media (max-width: 568px) {
  .newslist-date span b {
    margin: 0 10px 0 0;
  }
}

@media (max-width: 768px) {
  .newslist-date span b {
    margin: 0 10px 0 0;
  }
}

.newslist-date span small {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  padding: 0 5px 0 5px;
}

.newslist-date span i {
  /* float: right; */
  display: inline-block;
  color: #fd1102;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 30px;
}

@media (max-width: 568px) {
  .newslist-date span i {
    padding: 0 0 0 10px;
  }
}

@media (max-width: 768px) {
  .newslist-date span i {
    padding: 0 0 0 10px;
  }
}

.newslist-date h2 {
  display: block;
  width: 100%;
  font-size: 20px;
  color: #000;
  line-height: 32px;
  margin: 20px 0 0 0;
  font-weight: bold;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: justify;
}