@charset "utf-8";
/* CSS Document */
/* 2020.12.02��s */

/* �I����b�o���>>background-color */
body{ margin:0; padding:0;  background-color:#890b09; color: #333333;  background-size: 100% auto;  overflow-x: hidden; }
html, body {
  font: 14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "PingFangTC", "Microsoft JhengHei", sans-serif;
}

@media screen and ( max-width:736px) {
html, body {   font: 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "PingFangTC", "Microsoft JhengHei", sans-serif;   }
}


.wrapper { position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"�L�n������","Microsoft JhengHei",Helvetica;}
.wrapper img { border:0px; vertical-align:top;}
.wrapper a { text-decoration:none; -webkit-tap-highlight-color: transparent}
.zone .list_00 ul {display:inline-block;}
.zone .list_00 li {list-style:none;float:left;overflow: hidden;}

@media screen and (max-width:767px){
.wrapper { padding-bottom:20px; min-width: inherit; min-height:100vh;}
.wrapper img {  width:100%;  height:auto;}
	}
.content_zone { position:relative;  margin:0px auto 20px auto; padding: 0px 0px 0px 0px; width:1220px; }	



/*--- pc�Bmobile���� ---*/	
.pcmac {}
.mobilephone { display:none !important;}

@media screen and (max-width:767px){
.pcmac { display:none !important;}
.mobilephone { display: inherit !important;}

	}

	
	
/*--- PC�I�� ---*/		
.bg001 { z-index:-30; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-image: url(../../images/bg_01.jpg);}
.bg002 { z-index:-30; position:absolute; top:1348px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-image: url(../../images/);}
.bg003 { z-index:-25; position:absolute; top:5000px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-image: url(../../images/);}
.bgrepeat { z-index:-50; position:absolute; top: 0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; background-image: url(../../images/bg_repeat.jpg);}
.bgstyle { z-index:-10; position:absolute; top:1000px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none; background-image: url(../../images/bg_deco_01.png);}

@media screen and (min-width:768px){
.bg001 { background-image: url(../../images/bg_01.jpg);}
.bg002 { background-image: url(../../images/bg_02.jpg);}
.bg003 { background-image: url(../../images/bg_03.jpg);}
.bgrepeat { background-image: url(../../images/bg_repeat.png);}
.bgstyle { background-image: url(../../images/bg_deco_01.png);}

}

/*--- ���Y�I�� ---*/	
.headline {  padding-top: 44px;  background: transparent url("../../images/bg_01m.jpg") no-repeat center top;  background-size: 100% auto;}

@media only screen and (min-width: 768px) {
  .headline {    background-image: url("../../images/bg_01.jpg");    background-size: auto 100%;  }
}

@media only screen and (min-width: 992px) {
  .headline {    background-size: auto;  }
}


	
/*--- header ---*/		
#header { width:80%!important;}
.navbar.navbar-default {  border: 0;  border-radius: 0;  margin-bottom: 0;background-color:#fff;}
.navbar.navbar-default .navbar-brand {  height: auto;    padding: 14px 2px 8px; }
.navbar-brand img {width:55%}



	
@media screen and (max-width:767px){
.navbar-header { higher:25px!important;}
.navbar-brand img { width:70px }

	}	
			

@media (min-width: 769px) and (max-width:1024px) {			
.navbar-brand img { width:80px }
.logo2{margin-left:30px;margin-right:30px}

}	

@media only screen and (min-width: 768px) {
.navbar-brand img { width:80px }
.logo2{margin-left:30px;margin-right:30px}	
}	




.l-header {  color: #fff;  min-height: 48px;  top: 0;  right: 0;  left: 0;  background-color: rgba(0, 0, 0, 0);  transition: all .5s ease-in;  position: fixed;  z-index: 1040;}
.l-header.scrolled {   }
@media screen and (max-width:767px){
 .l-header {    min-height: 52px;  }
 .l-header.scrolled { display:none;}
}

.header-logo {  height: 24px;  margin-right: 0.25rem;  margin-bottom: 0;  color: transparent;  font-size: 0;  align-self: center;  filter: drop-shadow(rgba(0, 0, 0, 0.2) 0 1px 3px);}

@media only screen and (min-width: 768px) {
  .header-logo {    height: 36px;    margin-right: 1rem;  }
}

.img-logo {  height: 100%;}
.btn-header {  background-color: rgba(0, 0, 0, 0.4) !important;  border-radius: 2rem;  transition: background-color .3s ease-in-out;}
.btn-header:hover {  background-color: rgba(0, 0, 0, 0.6);}





@media (min-width: 1025px) and (max-width:1680px) {


}	

@media (min-width: 1025px) and (max-width:1920px) { 	
	
}		
	

/*--- ���~�j�Mbar ---*/	
.index-header-search{margin:10px 30px;width:58% ;}
.index-header-search .rt-header-search{margin-left:0;padding:6px 8px;line-height:20px;     border-radius: 10px;}
.index-header-search .rt-header-search-input,.index-header-search .rt-header-search-select{font-size:15px;height:28px}
.index-header-search .search-bar-keyword-list{margin-top:6px}
.index-header-search .rt-header-search-submit{width:28px;height:28px}
.index-header-hot-search{margin-top:12px}
.index-header-hot-search-list{width:100%;height:16px;font-size:13px;line-height:16px;overflow:hidden}
.index-header-hot-search-item{display:inline-block}
.index-header-hot-search-item a{color:rgba(255,255,255,.85)}
.index-header-hot-search-item+.index-header-hot-search-item{margin-left:10px}
.index-header-nav .rt-nav-link{padding:2px 8px 15px;line-height:16px}
.hot-keyword{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:10px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.hot-keyword-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;background:url(/images/sprite/sprite_index.png?20180403) no-repeat -3px -262px;height:37px;border:1px solid #fff6d1}
.hot-keyword-title-text{-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;margin:0 0 6px 45px;color:#000;letter-spacing:2px;font-weight:500}
.hot-keyword-note-text{margin:0 2px 6px 0;color:#929292}
.hot-keyword-list{margin:0 0 5px;padding:5px;border:1px solid #ddd;border-top:0}
.hot-keyword-item{padding:5px 10px}
.hot-keyword-item:before{content:"";width:8px;height:11px;display:inline-block;vertical-align:-1px;margin-right:5px;background:url(/images/sprite/sprite_index.png?20180403) no-repeat -2px -163px}
.rt-header-search{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-left:20px;padding:5px 10px 5px 0;line-height:22px;background:#fff;-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.18),inset 1px 1px 6px rgba(0,0,0,.12);box-shadow:inset 1px 1px 3px rgba(0,0,0,.18),inset 1px 1px 6px rgba(0,0,0,.12);border-radius:2px}
.rt-header-search-keyword-wrap,.rt-header-search-select-wrap{position:relative;padding:0 10px}
.rt-header-search-input,.rt-header-search-select{height:22px;border:none;color:#4d4d4d;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}
.rt-header-search-keyword-wrap{width:100%}
.rt-header-search-keyword-wrap .search-bar-keyword-list{margin-top:5px}
.rt-header-search-input{width:100%;background:0 0}
.rt-header-search-select-wrap{background:rgba(124,124,124,.08)}
.rt-header-search-select{position:relative;z-index:2;background-color:transparent;padding-right:19px;appearance:none;-moz-appearance:none;-webkit-appearance:none}
select.rt-header-search-select::-ms-expand{display:none}
.rt-header-search-select-icon{position:absolute;top:49%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px;background-image:url(data:image/svg+xml,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20viewBox%3D%220%200%201792%201792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%234d4d4d%22%20d%3D%22M1395%20736q0%2013-10%2023l-466%20466q-10%2010-23%2010t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10%2023-10t23%2010l393%20393%20393-393q10-10%2023-10t23%2010l50%2050q10%2010%2010%2023z%22%2F%3E%3C%2Fsvg%3E);display:inline-block;width:17px;height:17px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle}
.rt-header-search-submit{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;background:0 0;border:none;outline:0;cursor:pointer;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23f29100%22%20fill-rule%3D%22evenodd%22%20d%3D%22M13.743%2012.574L9.91%208.74a5.425%205.425%200%200%200%201.05-3.232A5.532%205.532%200%200%200%205.46%200%205.436%205.436%200%200%200%200%205.468a5.532%205.532%200%200%200%205.5%205.508%205.408%205.408%200%200%200%203.242-1.061l.004-.003%203.83%203.831a.826.826%200%201%200%201.167-1.169zM5.496%209.878a4.426%204.426%200%200%201-4.4-4.406%204.35%204.35%200%200%201%204.368-4.374%204.425%204.425%200%200%201%204.4%204.406%204.35%204.35%200%200%201-4.368%204.374z%22%2F%3E%0A%3C%2Fsvg%3E%0A);display:inline-block;width:18px;height:19px;background-size:contain;background-repeat:no-repeat;background-position:center;vertical-align:middle}



@media screen and (max-width:767px){
.index-header-search{    margin: 8px 125px;  width: 66%;}	
.index-header-search .rt-header-search-input,.index-header-search .rt-header-search-select{font-size:10px;height:28px}	
	}	


	
	
/*--- ���Y ---*/		
.header_img { height:650px; }
@media screen and (max-width:767px){
	
.header_img { height:100%; }	


}
		

/*--- ebay��� ---*/
.ercase  {height:200px;margin-bottom:20px}
.ercase a {width:50%; height:auto; float: left; padding:10px; }
.ercase img { }

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

.ercase a{width:100%; height:auto;  float: left;background-color:#5a2fc7 }
.ercase img { width:100%;}
	
}	


/*--- �馩 ---*/	
.zone_message { height:330px; background-color:#bf0000;}
.message_main{position:absolute;left:72px;top:10px;}
.message_a {position:absolute;left:0px;top:10px;}
.message_b {position:absolute;left:286px;top:10px;}
.message_c {position:absolute;left:286px;top:90px;}

@media screen and (max-width:767px){
.zone_message { height:auto;top:0px;}		
.message_main{position:absolute;left:0px;top:0px;}	
.message_a {position:absolute;left:0px;top:80px;}
.message_b {position:absolute;left:0px;top:305px;}
.message_c {position:absolute;left:0px;top:60px;}
}
	
	
	
		
/*--- �u�f ---*/	
.zone_offer { height:750px;}
.pc_offer_a { position:absolute;left:50px;top:71px;}
.pc_offer_b { position:absolute;left:50px;top:400px;}
@media screen and (max-width:767px){.zone_offer { height:100%;}	}


/*--- ����u�f ---*/	
.moffer_box {  position:relative;}
.moffer_box a { display:block; width:100%; height:100%;}
.moffer_ { }
.moffer_ .count { margin: 0;padding: 0;  color:#fff; text-align:center; font: bold 3vw/5vw "Century Gothic", Arial, "Microsoft JhengHei";}	


/*--- 1�� ---*/			
.moffer_01 { position:absolute;width:62.50%;  height: 100%;  top: 0vw;left:0vw; }
.moffer_01 .count { position: absolute;    top: 83.5%; left: 62%;}
.post { position:absolute; width:37.50%;  height: 50%;  top: 6vw; left:62.4%;}
.list { position:absolute; width:37.50%;  height: 34%;  top: 63%;left:62.4%; }
            
/*--- 2�� ---*/	
.moffer_box2 .moffer_01 { position:absolute;width:37.50%;  height: 79%;  top: 11vw;left:0vw; }
.moffer_box2 .moffer_01 .count { position: absolute; top: 76.5%; left:33%;}
.moffer_box2 .moffer_02 { position:absolute;width:34.38%;  height: 79%;  top:11vw;left:37%;  }
.moffer_box2 .moffer_02 .count {  position: absolute; top: 76.5%; left:32%;}
.moffer_box2 .post { position:absolute; width:28.13%;  height: 43%;  top: 11vw; left:71.4%;}
.moffer_box2 .list { position:absolute; width:28.13%;  height: 34%;  top: 56%;left:71.4%; }
            
/*--- 3�� ---*/	
.moffer_box3 .moffer_01 { position:absolute;width:34.50%;  height: 62%;  top: 4vw;left:0vw; }
.moffer_box3 .moffer_01 .count { position: absolute; top: 85.5%; left:25%;}
.moffer_box3 .moffer_02 { position:absolute;width:31.0%;  height: 62%;  top:4vw;left:35%;  }
.moffer_box3 .moffer_02 .count {  position: absolute; top: 85.5%; left:20%;}
.moffer_box3 .moffer_03 { position:absolute;width:34.50%;  height: 62%;  top:4vw;left:66%;  }
.moffer_box3 .moffer_03 .count {  position: absolute; top: 85.5%; left:27%;}
.moffer_box3 .post { position:absolute; width:50%;  height: 22%;  top: 61%; left:0%;}
.moffer_box3 .list { position:absolute; width:50%;  height: 22%;  top: 61%; left:50%; }
            

	


				
				
/*--- �ư� ---*/	
.swiper-container3 {  width: 100%;    height: 100%;   }
.swiper-slide {      background-position: center;      background-size: cover;    }


@media screen and (max-width:767px){	
 .swiper-container3 {  width: 100%;    height: 100%;   }
    .swiper-slide {      background-position: center;      background-size: cover;    }
}	


/*--- ���� ---*/			
.zone_Brand { height:348px;}
.pc_Brand {position:absolute;left:-48px;top:26px;width:1270px;}
.layout_bn_link { width:1220px;height:240px;position: absolute;left: 112px;top: 100px;}
.layout_bn_link img {    width: 92%;border-radius: 10px;box-shadow: 1px 1px 6px 2px #dca9be99;}


@media screen and (max-width:767px){
.zone_Brand { height:100%;}		
.layout_bn_link {z-index:10;width: 100%;height:auto;position: absolute;left:0vw;top:20vw;}
.layout_bn_link img {    width: 92%;border-radius: 10px;box-shadow: 1px 1px 6px 2px #dca9be99;}		

			
}



/*--- ���� ---*/
.zone { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.zone a {  }  
.zone .oneitem {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.zone .oneitem:hover {
  -webkit-transform:scale(0.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
.zone1220 { margin:0 auto; width:1220px;overflow:hidden;}
.zone960 { margin:0 auto; width:960px;}
	
@media only screen and (max-width:767px){
.zone { position: static; margin:0 auto; padding:0; border-radius:0; text-align:center; }	
}	

	
/*--- ����1-6 ---*/	
.zone_case1 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case1 a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
.zone_case2 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case2 a { float:left; margin:0 0% 0%; padding:0; width:49%; list-style: none;}
.zone_case3 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case3 a { float:left; margin:0 0% 0% ; padding:0; width:33.33%; list-style: none;}
.zone_case4 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case4 a { float:left; margin:0 0% 0% ; padding:0; width:25%; list-style: none;}
.zone_case5 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case5 a { float:left; margin:0 0% 0% ; padding:0; width:20%; list-style: none;}
.zone_case6 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case6 a { float:left; margin:0 0% 0% ; padding:0; width:16.6%; list-style: none;}
.zone_case7 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case7 a { float:left; margin:0 0% 0% ; padding:0; width:14.2%; list-style: none;}
.zone_case8 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case8 a { float:left; margin:0 0% 0% ; padding:0; width:12.5%; list-style: none;}



.zone_case1-1 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case1-1 a { float:left; margin:0; padding:0px; width:100%; list-style: none;}
.zone_case2-1 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case2-1 a { float:left; margin:0; padding:0px; width:50%; list-style: none;}
.zone_case3-1 { margin: 0% auto; padding:0; overflow:hidden;}
.zone_case3-1 a { float:left; margin:0; padding:0px; width:33%; list-style: none;}
.zone_case4-1 { margin:0% auto; padding:0; overflow:hidden;}
.zone_case4-1 a { float:left; margin:0; padding:0; width:25%; list-style: none;}
.zone_case5-1 { margin: 0% auto; padding:0; overflow:hidden;}
.zone_case5-1 a { float:left; margin:0; padding:0; width:20%; list-style: none;}
.zone_case6-1 { margin: 0% auto; padding:0; overflow:hidden;}
.zone_case6-1 a { float:left; margin:0; padding:0; width:16.6%; list-style: none;}
.zone_case7-1 { margin: 0% auto; padding:0; overflow:hidden;}
.zone_case7-1 a { float:left; margin:0; padding:0; width:14.2%; list-style: none;}
.zone_case8-1{ margin: 0% auto; padding:0; overflow:hidden;}
.zone_case8-1 a { float:left; margin:0; padding:0; width:12.5%; list-style: none;}


@media screen and (max-width:767px){
.zone1220 { width:100%;}
.zone960 { width:100%;}
.zone_case1 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case1 a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
.zone_case2 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case2 a { float:left; margin:0 0% 0%; padding:0; width:50%; list-style: none;}
.zone_case3 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case3 a { float:left; margin:0 0% 0% ; padding:0; width:33.33%; list-style: none;}
.zone_case4 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case4 a { float:left; margin:0 0% 0% ; padding:0; width:25%; list-style: none;}
.zone_case5 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case5 a { float:left; margin:0 0% 0% ; padding:0; width:20%; list-style: none;}
.zone_case6 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case6 a { float:left; margin:0 0% 0% ; padding:0; width:16.6%; list-style: none;}
.zone_case7 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case7 a { float:left; margin:0 0% 0% ; padding:0; width:14.2%; list-style: none;}
.zone_case8 { margin: -1px auto; padding:0; overflow:hidden;}
.zone_case8 a { float:left; margin:0 0% 0% ; padding:0; width:12.5%; list-style: none;}





.zone_case1-1 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case1-1 a { float:left; margin:0; padding:0; width:100%; list-style: none;}
.zone_case2-1 { margin: 0 auto; padding:0; overflow:hidden;}
.zone_case2-1 a { float:left; margin:0; padding:0; width:50%; list-style: none;}
.zone_case3-1 { margin: -0.5% auto; padding:0; overflow:hidden;}
.zone_case3-1 a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
.zone_case4-1 { margin: -0.5% auto; padding:0; overflow:hidden;}
.zone_case4-1 a { float:left; margin:0; padding:0; width:25%; list-style: none;}
.zone_case5-1 { margin: -0.5% auto; padding:0; overflow:hidden;}
.zone_case5-1 a { float:left; margin:0; padding:0; width:20%; list-style: none;}
.zone_case6-1 { margin: -0.5% auto; padding:0; overflow:hidden;}
.zone_case6-1 a { float:left; margin:0; padding:0; width:16.6%; list-style: none;}
.zone_case7-1 { margin: -0.5% auto; padding:0; overflow:hidden;}
.zone_case7-1 a { float:left; margin:0; padding:0; width:14.2%; list-style: none;}
.zone_case8-1 { margin: -0.5% auto; padding:0; overflow:hidden;}
.zone_case8-1 a { float:left; margin:0; padding:0; width:12.5%; list-style: none;}




}

/*--- �ӫ~��� ---*/	
.day_arrival {    position: absolute;    top: 0px;    left: 3px;    background-image: url(../../images/day_arrival.png);    width: 60px;    height: 60px;    z-index: 2;    background-size:  contain;    background-repeat: no-repeat;    background-position: left -1px;	}
.day_arrival2 {    position: absolute;    top: 0px;    left: 3px;     background-image: url(../../images/day_arrival2.png);    width: 60px;    height: 60px;    z-index: 2;    background-size:  contain;    background-repeat: no-repeat;    background-position: left -1px;	}
.day_arrival5 {    position: absolute;   top: 0px;    left: 3px;     background-image: url(../../images/day_arrival5.png);    width: 60px;    height: 60px;    z-index: 2;    background-size:  contain;    background-repeat: no-repeat;    background-position: left -1px;	}
.day_arrival8 {    position: absolute;   top: 0px;    left: 3px;     background-image: url(../../images/day_arrival8.png);    width: 60px;    height: 60px;    z-index: 2;    background-size:  contain;    background-repeat: no-repeat;    background-position: left -1px;	}
.day_arrival15 {    position: absolute;   top: 0px;    left: 3px;     background-image: url(../../images/day_arrival15.png);    width: 60px;    height: 60px;    z-index: 2;    background-size:  contain;    background-repeat: no-repeat;    background-position: left -1px;	}

/*--- ����ӫ~��� ---*/
@media screen and (max-width:767px){
	.day_arrival {  position: absolute;   top: 0px;   left:3px;   width: 50x;   height: 50px;   z-index: 2;    background-size: contain;   background-repeat: no-repeat;   background-position: left -1px;}	
	.day_arrival2 {  position: absolute;   top: 0px;    left: 3px;    width: 50x;   height: 50px;   z-index: 2;    background-size: contain;   background-repeat: no-repeat;   background-position: left -1px;}	
    .day_arrival3 {  position: absolute;  top: 0px;    left: 3px;   width: 50x;   height: 50px;   z-index: 2;    background-size: contain;   background-repeat: no-repeat;   background-position: left -1px;}	
	.day_arrival4 {  position: absolute;   top: 0px;    left: 3px;   width: 50x;   height: 50px;   z-index: 2;    background-size: contain;   background-repeat: no-repeat;   background-position: left -1px;}
	.day_arrival5 {  position: absolute;   top: 0px;    left: 3px;   width: 50x;   height: 50px;   z-index: 2;    background-size: contain;   background-repeat: no-repeat;   background-position: left -1px;}	
}

/*--- ��ƥ��W�� ---*/
.main-top {  position: absolute;  left: -1px;   top: 8px;  width: 60px;   height: 60px;   font-weight:bold  ; margin: 0 auto;   color: #ffffff;   text-align: center;   font: 20px/17px arial ;    padding: 8px 0 0 0; z-index:9999;}
.main-top span {    display: block;    font: bold 16px/16px arial;	 color: #ffffff;}


/*--- �����ƥ��W�� ---*/
@media screen and (max-width:767px){

.main-top {  position: absolute;  left:0px;   top:0px;  width: 39px;   height: 66px;   margin: 0 auto;   color: #ffffff;   text-align: center;   font: 14px/17px arial;   background: url(../../images/maintopicon.png) no-repeat center top;   padding: 8px 0 0 0;	font-family:"?L?n??????","Microsoft JhengHei",Helvetica; z-index:9999;}
.main-top span {    display: block;    font: bold 16px/16px arial;	font-family:"?L?n??????","Microsoft JhengHei",Helvetica;	color:#ffe400;}


}


/*--- �˼ƭp�� ---*/
.colockbox {  width:700px;  margin:0px auto;  }
.colockbox span {  float:left;  display:block;    line-height:29px;  font-size:40px;  font-weight:bold;  text-align:center;  color:#ffffff;  margin:10px }
span.time {font-size:20px;}
.timeout-play { -webkit-animation:timeout-play 0.5s -0.4s infinite alternate;
							animation:timeout-play 0.5s -0.4s infinite alternate;}
		@-webkit-keyframes timeout-play { 			0% {opacity:1;} 			50% {opacity:1;} 			51% {opacity:0;} 			100% { opacity:0;}		}
		@keyframes uptodown-play { 			0% {opacity:1;} 			50% {opacity:1;} 			51% {opacity:0;} 			100% { opacity:0;}		}
	

@media screen and (max-width:767px){
.colockbox {  width:95%; }
.colockbox span {font-size:24px; margin:3px }
span.time {font-size:16px;}
}	

/*--- �p���s ---*/
.badge { background-color: #000; margin-left:5px;border-radius: 5px; color:#fff}		



/*--- XXX ---*/
.navbar-list a {   font-size:18px;  color: white;   text-decoration: none; margin-right: 20px;}
.navbar-list a:last-child {    margin-right: 0;}
.navbar-toggler {    display: none;}
.navbar-list img { display: none;}

@media screen and (max-width:767px){
    .navbar-list {        position: fixed;        left: -200px;        top: 0;        width: 200px;        /* viewport height 100% */        height: 100vh;       background: rgba(255,255,255,1);          transition: all .5s ease-out;     box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.8);   }
    .navbar-list img { display: block;}
	.selected {background: rgba(200,200,200,1)}
    /* ��P�ɾ֦�.navbar-list�P.active������ */
    .navbar-list.active {        left: 0px;    }
    .navbar-list a {    color: black;  font-size:15px;  display: block;        padding: 10px 20px; margin-right: 0px;  }
    .navbar-toggler {        border: none;        display: block;        width: 40px;        height: 40px;        background: transparent;    }
    .line {        width: 25px;        height: 2px;        background: white;        position: relative;        /* transform: rotateZ(45deg); */    }
    .line.rotate {        transform: rotateZ(45deg);    }
    .line.rotate:before {        top: 0;    }
    .line.rotate:after {        transform: rotateZ(270deg);        bottom: 0px;    }
    .line,    .line:before,    .line:after {        transition: all .3s ease-out;    }
    .line:before,    .line:after {        content: "";        width: 25px;        height: 2px;        background: white;        display: block;        position: absolute;        /* top: -5px; */    }
    .line:before {        top: -8px;    }
    .line:after {        bottom: -8px;    }
}



/*--- ����m��������� �� ---*/

.footericon-light { display: none;}


@media screen and (max-width:767px){
  .footericon-light {     width: 100%;    height: 55px;    background: rgba(255,255,255,0.98);   border-top: 1px solid #CCCCCC;    position: fixed;    bottom: 0px;    left: 0px;    z-index: 999;    display: block;  }
  .footericon-light ul {    margin: 0px;    padding: 0px;    width: 100%;    list-style: outside none none;    position: absolute;    bottom: 0px;    left: 0px;  }
  .footericon-light .pdPage {     border-width: 1px 0px 0px 0px;  }
  .footericon-light ul li {    float: left;    width: 20%;    height: 50px;    text-align: center;    box-sizing: border-box;  }
  .footericon-light ul li a {    width: 100%;    height: 50px;    display: block;    margin: 0px auto;    font: 12px/80px "�L�n������", "Helvetica bold";    color: #000;    overflow: hidden;    text-decoration: none;    cursor: pointer;    position: relative;  }
  .footericon-light ul li a.selected {    color: #ffc600  }
  .footericon-light ul .index a {    background-image: url("../../images/footer01.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-light ul .one a {    background-image: url("../../images/footer02.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-light ul .two a {    background-image: url("../../images/footer03.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-light ul .three a {    background-image: url("../../images/footer04.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-light ul .four a {    background-image: url("../../images/footer05.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-light ul .five a {    background-image: url("../../images/footer06.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
}


/*--- ����m��������� �� ---*/

.footericon-dark { display: none;}


@media screen and (max-width:767px){
  .footericon-dark  {     width: 100%;    height: 55px;    background: rgba(0,0,0,0.98);   border-top: 1px solid #CCCCCC;    position: fixed;    bottom: 0px;    left: 0px;    z-index: 999;    display: block;  }
  .footericon-dark  ul {    margin: 0px;    padding: 0px;    width: 100%;    list-style: outside none none;    position: absolute;    bottom: 0px;    left: 0px;  }
  .footericon-dark  .pdPage {      border-width: 1px 0px 0px 0px;  }
  .footericon-dark  ul li {    float: left;    width: 20%;    height: 50px;    text-align: center;    box-sizing: border-box;  }
  .footericon-dark  ul li a {    width: 100%;    height: 50px;    display: block;    margin: 0px auto;    font: 12px/80px "?L?n??????", "Helvetica bold";    color: #fff;    overflow: hidden;    text-decoration: none;    cursor: pointer;    position: relative;  }
  .footericon-dark  ul li a.selected {    color: #ffc600  }
  .footericon-dark  ul .index a {    background-image: url("../../images/footer01.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-dark  ul .one a {    background-image: url("../../images/footer02.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-dark  ul .two a {    background-image: url("../../images/footer03.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-dark  ul .three a {    background-image: url("../../images/footer04.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-dark  ul .four a {    background-image: url("../../images/footer05.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-dark  ul .five a {    background-image: url("../../images/footer06.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
}





/*--- ����m��������� �� ---*/

.footericon-red{ display: none;}


@media screen and (max-width:767px){
  .footericon-red  {     width: 100%;    height: 30px;    background: rgba(169,10,28,0.9);    position: fixed;    bottom: 0px;    left: 0px;    z-index: 999;    display: block;  }
  .footericon-red  ul {    margin: 0px;    padding: 0px;    width: 100%;    list-style: outside none none;    position: absolute;    bottom: 0px;    left: 0px;  }
  .footericon-red  .pdPage {      border-width: 1px 0px 0px 0px;  }
  .footericon-red  ul li {    float: left;    width: 25%;    height: 50px;    text-align: center;    box-sizing: border-box;  }
  .footericon-red  ul li a {  width: 100%;    height: 50px;    display: block;    margin: 0px auto;    font: 12px/80px "�L�n������", "Helvetica bold";    color: #fff;    overflow: hidden;    text-decoration: none;    cursor: pointer;    position: relative;  }
  .footericon-red  ul li a.selected {    color: #ffc600  }
  .footericon-red  ul .index a {    background-image: url("../../images/m-tag01.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-red  ul .one a {    background-image: url("../../images/m-tag02.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-red  ul .two a {    background-image: url("../../images/m-tag03.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-red  ul .three a {    background-image: url("../../images/m-tag04.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
   /*---  .footericon-red  ul .four a {    background-image: url("../../images/m-tag05.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }
  .footericon-red  ul .five a {    background-image: url("../../images/footer06.png");    background-repeat: no-repeat;    background-position: center 2px;    background-size: auto 30px;  }---*/
}






/*--- �ưʬ���css ---*/
#slideline {  padding: 0px 0 0px 0;}
#slideline .slideline-post {  width:100%; }
#slideline .slideline-post .item {   }
#owl-example .slideitem{  width:100%}

.entry-header { width:95%; }
.post-format {  display: inline-block;  text-align: center;  color: #fff;  background: #222534;  border: 3px solid #fff;position: absolute;  top: 20px;  right: -10px; width: 66px;  height: 66px;  line-height: 10px;  position: absolute;  right: 20px;  bottom: -33px;}
.post-format > i {  font-size: 20px;}
.entry-date {  font-size: 12px;  display: block;  margin-bottom: 5px;  text-transform: uppercase;   color: #000; text-align:center;}
.entry-title {  position: absolute;  font-size: 12px/20px;   width:90%;  bottom:0;  line-height: 25px;  max-height: 25px;    overflow: hidden; color:#000!important; }
.entry-title a {  color:#000!important; font-size:12px; text-transform:uppercase; font-weight:normal;  font-family:"�L�n������","Microsoft JhengHei",Helvetica;  }
.entry-title a:hover {  color: #000;}
.slideline-media {  margin-bottom: 10px;}
.entry-thumbnail { width:100%;  position: relative; background-color:#fff; }
.entry-thumbnail img{ max-width:100%;width: 100%; height: 100%;object-fit: contain;}
.entry-thumbnail a{ color:#ff0000; }
.entry-title {  margin-top: 0;  font-size: 18px;  line-height: 1;  margin-bottom: 15px;}
.entry-title a {  color: #000;}
.entry-title a:hover {  color: #000;}
.entry-meta {  margin-top: 20px;  border-top: 1px solid #eee;  padding-top: 15px;}
.entry-meta > span {  display: inline-block;  margin-right: 10px;  color: #999;}
.entry-meta > span > a {  color: #999;}
.entry-meta > span > a:hover {  color: #45aed6;}
.btn.btn-primary{  font-size:15px; margin-top:20px; padding:10px 0px;}
.item01 {  font-size:15px;line-height: 30px; color:#000!important; display: -webkit-box; text-overflow: initial; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.price01 { color: rgb(231, 10, 10); margin-top:50px; font-weight:bold;font: 24px/36px "Century Gothic"; margin-right:5px}
.price01::before {    content: "NT$";    font-size: 15px;    margin-right: 2px;}



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

.item01 {  font-size:12px;line-height: 30px; color:#000!important; display: -webkit-box; text-overflow: initial; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.price01 { color: rgb(231, 10, 10); margin-top:50px; font-weight:bold;font: 18px/36px "Century Gothic"; margin-right:5px}
.price01::before {    content: "NT$";    font-size: 13px;    margin-right: 2px;}
}





/*--- ����r ---*/
.tagLIST {	clear: both;	position: relative;	margin: 0px auto;	padding: 0px 0;	width: 100%;	}
.Hashtag {	position: relative;	display: block;	padding: 5px;	width: 100%;	overflow: hidden;	z-index: 1;	font-size: 14px;	line-height: 20px;	font-family: "�L�n������", "Microsoft JhengHei", Helvetica;	text-align: center;   }
.Hashtag dt {	float: left;	display: inline-block;	margin: 0 auto;	padding: 5px;	color: #FFF;	}
.Hashtag dd {	margin: 0;	padding: 0;}
.Hashtag dd strong {	display: inline-block;	margin: 0 10px 10px 0;	font-weight: normal;}
.Hashtag dd a {	display: block;	padding: 8px 10px;	background-color: #fff2c9;	box-shadow: 0 0 0 1px rgba(100,100,100,0.2);	text-decoration: none;	border-radius:8px;}
.Hashtag dd a:hover, .Hashtag dd a:active {	background-color: rgba(255,255,255,0.9);	box-shadow: 0 0 0 1px rgba(100,100,100,0.2), 0 2px 0 rgba(0,0,0,0.4);	transform: translateY(-2px);}
.Hashtag dd span {	color: #000;}
.Hashtag dd span:before {	content: "#";}



/*--- button�ĪG ---*/

/*���s2*/
.button {}
.button a img {	transition-duration: 0.1s;	backface-visibility: hidden;	transform: translateZ(0);	display: block;	margin: 0;	padding: 0px;	width: 100%;	height: auto;	text-align: left;}
.button:hover a img {	-webkit-transform: translateY(-10px);	transform: translateY(-10px);}


/*�ʪ����s*/
.item-holiday-action,.item-purchase-action,.item-shopping-cart-action,.item-soldout-action{display:inline-block;min-width:40px;margin-left:8px;margin-right:8px;padding:1px 0;color:#fff;cursor:pointer;-webkit-box-shadow:1px 1px rgba(0,0,0,.3);box-shadow:1px 1px rgba(0,0,0,.3)}
.item-purchase-action{background-color:#D9333F;border:1px solid #ececec}
.item-shopping-cart-action{background:#ff9224;border:1px solid #ececec;margin-right:3px;position:relative;z-index:1;border-radius:100px;}
.item-shopping-cart-action:hover{background-color:#fca21b;text-decoration:none}
.shopping-cart-icon{display:inline-block;padding-left:10px;background-repeat:no-repeat}
.shopping-cart-icon:after{content:attr(title)}
.rti-cart-reverse-blank{background-image:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2224%22%0A%20%20%20height%3D%2224%22%0A%20%20%20viewBox%3D%220%200%2024%2024%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20id%3D%22svg3682%22%0A%20%20%20sodipodi%3Adocname%3D%22cart-reverse.svg%22%0A%20%20%20inkscape%3Aversion%3D%220.92.1%20r15371%22%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata3688%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%3C%2Fmetadata%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs3686%22%20%2F%3E%0A%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20borderopacity%3D%221%22%0A%20%20%20%20%20objecttolerance%3D%2210%22%0A%20%20%20%20%20gridtolerance%3D%2210%22%0A%20%20%20%20%20guidetolerance%3D%2210%22%0A%20%20%20%20%20inkscape%3Apageopacity%3D%220%22%0A%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20inkscape%3Awindow-width%3D%221920%22%0A%20%20%20%20%20inkscape%3Awindow-height%3D%221018%22%0A%20%20%20%20%20id%3D%22namedview3684%22%0A%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20inkscape%3Azoom%3D%2235.083333%22%0A%20%20%20%20%20inkscape%3Acx%3D%2210.403354%22%0A%20%20%20%20%20inkscape%3Acy%3D%2212%22%0A%20%20%20%20%20inkscape%3Awindow-x%3D%221912%22%0A%20%20%20%20%20inkscape%3Awindow-y%3D%22-8%22%0A%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20inkscape%3Acurrent-layer%3D%22svg3682%22%20%2F%3E%0A%20%20%3Cpath%20fill%3D%22%23FFFFFF%22%0A%20%20%20%20%20d%3D%22M%2014%2C19.5%20C%2014%2C20.329%2014.672%2C21%2015.5%2C21%2016.328%2C21%2017%2C20.329%2017%2C19.5%2017%2C18.672%2016.328%2C18%2015.5%2C18%2014.672%2C18%2014%2C18.672%2014%2C19.5%20Z%20M%2010.5%2C18%20C%2011.328%2C18%2012%2C18.671%2012%2C19.5%2012%2C20.329%2011.328%2C21%2010.5%2C21%209.672%2C21%209%2C20.329%209%2C19.5%209%2C18.672%209.672%2C18%2010.5%2C18%20Z%20M%2021.063%2C13%2024%2C6%20H%207.188%20l%201.977%2C7%20z%20M%209.83%2C8%20h%2011.162%20l%20-1.259%2C3%20H%2010.677%20Z%20M%204.195%2C3%207.627%2C15%20h%2012.597%20l%20-0.839%2C2%20H%206.146%20L%202.672%2C5%20H%200.743%20L%200%2C3%20Z%22%0A%20%20%20%20%20id%3D%22path3680%22%0A%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E%0A);background-size:20px 20px;background-repeat:no-repeat}

/*���s2*/
.button2 {}
.button2 a img {	transition-duration: 0.1s;	backface-visibility: hidden;	transform: translateZ(0);	display: block;	margin: 0;	padding: 0px;	width: 100%;	height: auto;	text-align: left;}
.button2:hover a img {	-webkit-transform: translateY(-10px);	transform: translateY(-10px);}
	
/*�B��*/
.fixed_Area {z-index:999; position:fixed; top:50px; right:0px; width:130px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "�L�n������",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:100px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.9); text-align:left; cursor:pointer;
			-webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			

/*���X*/
.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }
.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}
@media screen and (max-width:767px){
.fixed_Area h3 {display:none;}

}		
	
	
	
/*--- luckybanner-light �k���B�ʿ��թ� ---*/
.luckybanner-light  {z-index:999; top: 250px;  position:fixed;  left: 0; }
.luckybanner-light h1{ margin:0; padding:0;}
.luckybanner-light h2 {display:block; margin:0; padding:0; font:bold 14px/16px "?L?n??????",Helvetica bold; color:fff; letter-spacing:-1px; text-align:center; text-decoration:none;background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

 box-shadow: 0px 25px 20px rgba(0, 0, 0, 0.3);}
.luckybanner-light h2 p {display:block; text-align:center; margin:0px 0px 0px 0px; padding:10px 2px; border-bottom:solid #fff 1px}
.RRRRR {background: #f857a6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ff5858, #f857a6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ff5858, #f857a6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, sOpera 12+, Safari 7+ */
}
.luckybanner-light h2 p:last-child {border-bottom:inherit}
.luckybanner-light h2.woowoo { padding:0px 0px 0px 0px;  border-radius:10px 10px 10px 10px;}
.luckybanner-light h2.woowoo:last-child {padding:0px 0px 10px 0px;}
.luckybanner-light h2.woowoo a { font-size:15px;color:#fff; text-decoration:none}
.luckybanner-light h2.woowoo a:hover {color:#ffea00;}
.luckybanner-light h2.woowoo img { width:50%; }

@media screen and (max-width:767px){
.luckybanner-light {display:none;}	
	
}	



/*--- .luckybanner-dark �k���B�ʿ��©� ---*/
.luckybanner-dark  {z-index:999; top: 80px;  position:fixed;  right: 0;    }
.luckybanner-dark h1{ margin:0; padding:0;}
.luckybanner-dark h2 {display:block; margin:0; padding:0; font:bold 14px/16px "?L?n??????",Helvetica bold; color:fff; letter-spacing:-1px; text-align:center; text-decoration:none;background: #232526;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  box-shadow: 0px 25px 20px rgba(0, 0, 0, 0.3);}
.luckybanner-dark h2 p {display:block; text-align:center; margin:0px 0px 0px 0px; padding:10px 2px; border-bottom:solid #fff 1px}
.RRRRR {background: #7F7FD5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #91EAE4, #86A8E7, #7F7FD5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  );
  }
.luckybanner-dark h2 p:last-child {border-bottom:inherit}
.luckybanner-dark h2.woowoo { padding:0px 0px 0px 0px;  border-radius:0px 0px 10px 10px;}
.luckybanner-dark h2.woowoo:last-child {padding:0px 0px 10px 0px;}
.luckybanner-dark h2.woowoo a { font-size:15px;color:#fff; text-decoration:none}
.luckybanner-dark h2.woowoo a:hover {color:#ffea00;}
.luckybanner-dark h2.woowoo img { width:100%; }



.luckybanner-dark .fix_box { margin:0 auto;}
.luckybanner-dark ul {background: #00B4DB;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  ;  margin:0; padding:0; list-style:none;}
.luckybanner-dark ul:after { content:""; display:block; clear:both;}
.luckybanner-dark li { position:relative; margin:0; padding:0; font-size:14px; line-height:20px; border-bottom:solid #fff 1px ;}
.luckybanner-dark .luckytwo { position:relative;}
.luckybanner-dark .luckytwo_x2 ul { padding:5px 0px 0;}
.luckybanner-dark .luckytwo_x2 li { float:left; padding:8px 0; width:49%; }
.luckybanner-dark .luckytwo_x2 li:after { content: ""; position: absolute; top:0; right:0%; display: block; width:1px; height:100%;}
.luckybanner-dark .luckytwo_x2 li:nth-of-type(2n+2):after { display:none;}
.luckybanner-dark .luckytwo_x2 li:before { content: ""; position: absolute; bottom:0; left:0%; display: block;  width:100%; height:1px;}



@media screen and (max-width:767px){
.luckybanner-dark {display:none;}	
	
}	






/*--- YOUTUBE ---*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}







/* g2in1 2個一排 */
.g2in1  { position:relative; margin: ;height: px; } 
.g2in1.allin ul {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.g2in1.allin ul:nth-child(odd) h3 {background-color:#;}
.g2in1.allin ul:nth-child(even) h3 {background-color:#;}

@media screen and (max-width:767px){
.g2in1  { position:relative; margin: -1% auto;height: auto;} 
.g2in1 ul li a {text-decoration:none !important;}
.g2in1.allin ul {padding: 2% 0px 2% 2%;margin: 0 0 0 0;}


	}

.g2in1 ul { display:inline-block; padding: 0px 0px 0px 22px;margin: 95px 0px 0px -5px;width: 1220px;}
.g2in1 ul li { overflow:hidden; float:left; display:inline-block; position:relative; margin: 16px 8px;padding:; width:32%; height:auto; list-style: none outside none; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}



@media screen and ( max-width:736px) {
.g2in1{ width:100%; height:auto; margin-bottom:-14px; background-image: none !important; }
.g2in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
.g2in1 ul {margin: 0; padding:2% 0 0 2%;width: 100%;}		
.g2in1 ul li { margin:0 2% 2% 0; border:0; width:50%; height: auto;}



	}
	
	

/* g3in1 3個一排 */
.g3in1  { position:relative; margin: ;height: px; } 
.g3in1.allin ul {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.g3in1.allin ul:nth-child(odd) h3 {background-color:#;}
.g3in1.allin ul:nth-child(even) h3 {background-color:#;}

@media screen and (max-width:767px){
.g3in1  { position:relative; margin: -1% auto;height: auto;} 
.g3in1 ul li a {text-decoration:none !important;}
.g3in1.allin ul {padding: 2% 0px 2% 2%;margin: 0 0 0 0;}


	}

.g3in1 ul { display:inline-block; padding: 0px 0px 0px 22px;margin: 95px 0px 0px -5px;width: 1220px;}
.g3in1 ul li { overflow:hidden; float:left; display:inline-block; position:relative; margin: 16px 8px;padding:; width:32%; height:auto; list-style: none outside none; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}



@media screen and ( max-width:736px) {
.g3in1{ width:100%; height:auto;  margin-bottom:-14px; background-image: none !important; }
.g3in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
.g3in1 ul {margin: 0; padding:2% 0 0 2%;width: 100%;}		
.g3in1 ul li { margin:0 2% 2% 0; border:0; width:31%; height: auto; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);  box-shadow:0 0 10px rgba(0,0,0,0.1);}



	}
	
	
	/* g4in1 4個一排 */
.g4in1  { position:relative; margin: ;height: px; } 
.g4in1.allin ul {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.g4in1.allin ul:nth-child(odd) h3 {background-color:#;}
.g4in1.allin ul:nth-child(even) h3 {background-color:#;}

@media screen and (max-width:767px){
.g4in1  { position:relative; margin: -1% auto;height: auto;} 
.g4in1 ul li a {text-decoration:none !important;}
.g4in1.allin ul {padding: 2% 0px 2% 2%;margin: 0 0 0 0;}


	}

.g4in1 ul { display:inline-block; padding: 0px 0px 0px 22px;margin: 95px 0px 0px -5px;width: 1220px;}
.g4in1 ul li { overflow:hidden; float:left; display:inline-block; position:relative; margin: 10px 8px -18px 8px;padding:; width:23.5%; height:auto; list-style: none outside none; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}


@media screen and ( max-width:736px) {
.g4in1{ width:100%; height:auto;  margin-bottom:-14px; background-image: none !important; }
.g4in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
.g4in1 ul {margin: 0; padding:2% 0 0 2%;width: 100%;}		
.g4in1 ul li { margin:0 2% 2% 0; border:0; width:48%; height: auto; }


	}
	
	
	
/* g5in1 5個一排 */
.g5in1  { position:relative; margin: ;height: px; } 
.g5in1.allin ul {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.g5in1.allin ul:nth-child(odd) h3 {background-color:#;}
.g5in1.allin ul:nth-child(even) h3 {background-color:#;}

@media screen and (max-width:767px){
.g5in1  { position:relative; margin: -1% auto;height: auto;} 
.g5in1 ul li a {text-decoration:none !important;}
.g5in1.allin ul {padding: 2% 0px 2% 2%;margin: 0 0 0 0;}


	}

.g5in1 ul { display:inline-block; padding: 0px 0px 0px 22px;margin: 95px 0px 0px -5px;width: 1220px;}
.g5in1 ul li { overflow:hidden; float:left; display:inline-block; position:relative; margin: 16px 8px;padding:; width:18.6%; height:auto; list-style: none outside none; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}


@media screen and ( max-width:736px) {
.g5in1{ width:100%; height:auto; margin-bottom:-14px; background-image: none !important; }
.g5in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
.g5in1 ul {margin: 0; padding:2% 0 0 2%;width: 100%;}		
.g5in1 ul li { margin:0 2% 2% 0; border:0; width:48%; height: auto;}



	}



	


	
	/* g6in1 6個一排 */
.g6in1  { position:relative; margin: ;height: px; } 
.g6in1.allin ul {padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;}
.g6in1.allin ul:nth-child(odd) h3 {background-color:#;}
.g6in1.allin ul:nth-child(even) h3 {background-color:#;}

@media screen and (max-width:767px){
.g6in1  { position:relative; margin: -1% auto;height: auto;} 
.g6in1.allin ul {padding: 2% 0px 2% 2%;margin: 0 0 0 0;}
	}

.g6in1 ul { display:inline-block; padding: 0px 0px 0px 22px;margin: 95px 0px 0px -5px;width: 1220px;}
.g6in1 ul li { overflow:hidden; float:left; display:inline-block; position:relative; margin: 10px 8px -18px 8px;padding:; width:15.3%; height:auto; list-style: none outside none; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}



@media screen and ( max-width:736px) {
.g6in1{ width:100%; height:auto;  margin-bottom:-14px; background-image: none !important; }
.g6in1 * { -webkit-box-sizing:border-box; box-sizing:border-box;}
.g6in1 ul {margin: 0; padding:2% 0 0 2%;width: 100%;}		
.g6in1 ul li { margin:0 2% 2% 0; border:0; width:48%; height: auto; }

}




/*Header���-���*/	



		.bbbar{ position:fixed; top:0; z-index:2040; width:1220px; height:88px;  overflow-y:hidden; margin-top:0px;box-shadow:0px 0px 0px 0px rgb(255, 254, 254); 
		                -webkit-overflow-scrolling:touch;
                  -moz-overflow-scrolling:touch;
                    -ms-overflow-scrolling:touch;
                     -o-overflow-scrolling:touch;
                        overflow-scrolling:touch;
						display:none;	}
		.bbbar.scrolled {display:block;   background-color:#00000000 ; }				
		.bbbar ul{  padding:0; margin:0; text-align: center;}
		.bbbar ul li{ width:16%; float:left; list-style-type:none; }
		.bbbar ul li a{ display:block; text-decoration:none; }
		.bbbar ul li .wordtxt{font-size:18px;height:66px; line-height:48px;display:block;text-align:center;  font-family:"Century Gothic", "?L?n??????", sans-serif;border-radius: 50px; background-color:#fff;  border: 5px #470100 solid;    text-align: center;     padding: 5px;   cursor: pointer;     color: #c50404;     font-weight: 900;     font-size: 24px;}		
		.bbbar ul li .wordtxt:hover{background-color:#fa7319; color: rgb(255, 249, 249); }
		.bbbar ul li:nth-child(1){ display:block;}


@media screen and (max-width:767px){
 
		.bbbar{ position:fixed; top:0; z-index:9999; width:100%; height:40px;  overflow:scroll; overflow-y:hidden; margin-top:0px;box-shadow:2px 1px 1px 1px #000;
		                -webkit-overflow-scrolling:touch;
                  -moz-overflow-scrolling:touch;
                    -ms-overflow-scrolling:touch;
                     -o-overflow-scrolling:touch;
                        overflow-scrolling:touch;
						display:none;	}
		.bbbar.scrolled {display:block;   background-color:#000000 ; }				
		.bbbar ul{ width:545px; padding:0; margin:0;}
		.bbbar ul li{ width:16%; float:left; list-style-type:none;}
		.bbbar ul li a{ display:block; text-decoration:none; }
		.bbbar ul li .wordtxt{font-size:12px;height:29px;line-height: 8px;display:block;text-align:center; color:#000; font-family:"Century Gothic", "?L?n??????", sans-serif;}		
		.bbbar ul li .wordtxt:hover{background-color:#fa7319; color: rgb(255, 249, 249); }
		.bbbar ul li:nth-child(1){ display:block;}
	
	
	
	
}





/********* ����O�W��menu *********/
.mFixed {
    position: fixed;
    top: -1px !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
	
}

.scroll_mob::-webkit-scrollbar {
    height: 0px
}
.scroll_pc::-webkit-scrollbar {
    height: 0px
}
.scroll_pc::-webkit-scrollbar-track {
    background-color: #EAEAEA;
}
 
.scroll_pc::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 0px solid slategrey;
}
#menu {
    width: 100%;
    height: 34px;
    z-index: 1000;
    text-align: center;
    color: #362e2b;
	font-family: �L�n������;
    font-size: 15px;
    line-height:10px;
    padding: 10px 5px;
    font-weight: normal;
	background-color:#000;
    border-bottom: 0px solid #eee;
    transition: 0s;
    -webkit-transition: 0s;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space:nowrap;

}
#menu a {
    color: #fffbe8;
}
#menu span {
    vertical-align: baseline;
    font-weight: normal;
    color: #fffbe8;
}
#menu .btn-bottom {
    height: 100%;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: auto;
    padding:2px 3px;
    white-space:nowrap;
}

#menu .btn-bottom:nth-last-child(1)::before {
    width: 0px;
}
/********* END����O�W��menu *********/	

/*********�Ʒ� *********/	
.carousel {	position: relative}
.carousel.pointer-event {	-ms-touch-action: pan-y;	touch-action: pan-y}
.carousel-inner {	position: relative;	width: 600px;	overflow: hidden}

@media screen and (max-width:767px){
.carousel-inner {	position: relative;	width: 100%;	overflow: hidden}

}

.carousel-inner::after {	display: block;	clear: both;	content: ""}
.carousel-item {
	position: relative;	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: -webkit-transform .6s ease-in-out;
	transition: transform .6s ease-in-out;
	transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
.carousel-item {	transition: none}
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {	display: block}
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {	-webkit-transform: translateX(100%);	transform: translateX(100%)}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {	-webkit-transform: translateX(-100%);	transform: translateX(-100%)}
.carousel-fade .carousel-item {	opacity: 0;	transition-property: opacity;	-webkit-transform: none;	transform: none}
.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {	z-index: 1;	opacity: 1}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {	z-index: 0;	opacity: 0;	transition: opacity 0s .6s}

@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {	transition: none}
}
.carousel-control-next, .carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: .5;
	transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
.carousel-control-next, .carousel-control-prev {	transition: none}
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {	color: #fff;	text-decoration: none;	outline: 0;	opacity: .9}
.carousel-control-prev {	left: 0;	width:10%;}
.carousel-control-next {	right: 0;	width:10%;}
.carousel-control-next-icon, .carousel-control-prev-icon {	display: inline-block;	width: 20px;	height: 20px;	background: no-repeat 50%/100% 100%}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: -28px;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}


@media screen and (max-width:767px){
.carousel-indicators {bottom: -32px; }

}

.carousel-indicators li {
	box-sizing: content-box;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: .5;
	transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {	transition: none}
}
.carousel-indicators .active {	opacity: 1}
.carousel-caption {	position: absolute;	right: 15%;	bottom: 20px;	left: 15%;	z-index: 10;	padding-top: 20px;	padding-bottom: 20px;	color: #fff;	text-align: center}

/*--- �Ʒ� ---*/







.bccolor {background-color:#176650!important;background-size: 100% auto;padding-bottom:20px;padding-top:20px;}
.bccolor2 {background-color:#ffffff!important;background-size: 100% auto;padding-bottom:20px;padding-top:20px}

@media screen and (max-width:767px){
.bccolor {background-color:#176650!important;background-size: 100% auto;padding-bottom:5px;padding-top:0px;}
.bccolor2 {background-color:#ffffff!important;background-size: 100% auto;padding-bottom:5px;padding-top:0px}
}
/*--- 3�i�s�i ---*/
.3adbanner a {width:33%; height:auto; float: left; padding:10px;}
.3adbanner img { width:100%;}

@media screen and (max-width:767px){
.3adbanner a{width:33%; height:auto;  float: left;padding:10px; }
.3adbanner img { width:100%;}
	
}


/*--- fixedbar ---*/
.fixedbar{	position: fixed!important;	bottom: 0;	width: 100%;	display: none !important;	background: rgba(236, 118, 118, 0);	z-index: 999995;	opacity: 1;}
.fixedbar .wrap{	width:450px;	margin: 0 auto;	display: block;}
.wrap {	width: 728px;	max-width: 100%;	margin-left: 30%;	position: relative;	box-sizing: border-box;	-webkit-box-sizing: border-box;}
.wrap img  	{ width: 100%; max-width: 100%; }



/*--- �ʶR���s ---*/
.shop3 a { padding: 7px 14px;  display: block;  color: #ffffff;   width: 80%;   font: bold 18px/20px arial;   background: #ff8419;   border-radius: 100px;   text-align: center;   text-transform: uppercase;    position: relative;    margin: 0 auto;}
.shop3 .shop-now {   font-family:  "Microsoft JhengHei",Helvetica; }
.shop3 .shop-cart {    width: 26px;    height: 24px;    background: #e77817;    position: absolute;    right: 0;    top: 0px;    padding: 8px 30px;    border-radius: 100px;}
li:hover .shop3 a {background: #cb0f0f}
li:hover .shop3 .shop-cart {background: #a167ae;}



/*--- FOOTER ---*/
#footer {  padding-top: 15px;  padding-bottom: 15px;   color: #000;  background: #fff; margin-top:20px; }
#footer a {  color: #fff;}
#footer a:hover {  color: #45aed6;}
#footer ul {  list-style: none;  padding: 0;  margin: 0 -7.5px;}
#footer ul > li {  display: inline-block;  margin: 0 7.5px;}




.menuMask {  display: none;  background-color: rgba(34, 34, 34, 0.75);  width: 100%;  height: 100%;  position: fixed;  z-index: 55;  top: 0px;  left: 0px;}






/*---����m���j���---*/
.leftnav_btn > a, .leftnav_list li a, .leftnav_list-header, .sidenav_btn a, .sidenav_list a {  display: block;  text-decoration: none;}
.leftnav_btn > a:hover, .leftnav_list li a:hover, .leftnav_list-header:hover, .sidenav_btn a:hover, .sidenav_list a:hover {  text-decoration: none;  color: inherit;}
.leftnav_btn::after, .sidenav_btn::after {  content: '';  display: block;  clear: both;}
.leftnav_list, .sidenav_list {  margin: 0;  padding: 0;  list-style: none;}
.header {  text-align: center;  position: relative;  z-index: 50;  background-color: #fff;}
.header_nav {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: center;      -ms-flex-pack: center;          justify-content: center;  -webkit-box-align: end;      -ms-flex-align: end;          align-items: flex-end;}
.header_nav-img img {  height: 40px;  width: auto;}

@media screen and (max-width: 991.98px) {
  .header_nav-img img {    height: 30px;  }
}

.header_nav-text {  position: relative;  font-size: 0.6rem;  padding-bottom: 6px;  color: #a9a9a9;  cursor: pointer;}
.header_nav-text > span {  padding: 0 10px;  line-height: 1;}
.header_nav-text:not(:last-child) span {  border-right: 1px solid #a9a9a9;}
.header_nav-text:hover {  text-decoration: none;  color: #555;}
.header_nav-text:hover .drop {  display: block;  pointer-events: auto;}
.header_nav .media-share {  width: 16px;  height: auto;  display: inline-block;  opacity: 0.5;  margin-right: 6px;  vertical-align: -2px;}

@media screen and (max-width: 767.98px) {
  .header_nav .media-share {    width: 22px;  }
}

.header_nav .drop {  position: absolute;  z-index: 20;  right: 0;  top: 16px;  width: 150px;  padding: 5px;  height: auto;  background-color: #fff;  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);  border-radius: 3px;  display: none;}
.header_nav .drop a {  display: block;}
.header_nav .share {  width: 130px;  top: 21px;}

@media screen and (max-width: 767.98px) {
  .header_nav .share {    top: 26px;  }
}
.header_nav .share .list-group-item {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: start;   -ms-flex-pack: start;    justify-content: flex-start;  -webkit-box-align: center;  -ms-flex-align: center;    align-items: center;  padding: 5px;}
.header_nav .share .list-group-item img {  width: 35px;  margin-right: 10px;}
.header_nav .share .line img, .header_nav .share .fb img {  padding: 4px;  background-color: #00c603;  border-radius: 5px;}
.header_nav .share .fb img {  background-color: #335a9d;}
.logo_mb {  display: none;}
.logo_mb img {  height: 25px;}

@media screen and (max-width: 767.98px) {
  .header_nav {    text-align: center;    padding-top: 8px;  }
  .header_nav a:not(.logo_mb), .header_nav .header_nav-text {    display: none;  }
  .header_nav .logo_mb {    display: block;  }
}

.leftnav {  position: fixed;  top: 90px;  left: 0;  text-align: left;  z-index: 60;}
.leftnav_btn {  margin-bottom: 6px;}
.leftnav_btn > a {  display: inline-block;  position: relative;  width: 40px;  height: 40px;  background-color: #444;  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);  -webkit-transition: .5s;  transition: .5s;}
.leftnav_btn > a:hover {  background-color: #009ce1;}
.leftnav_btn > a::before, .leftnav_btn > a::after {  content: '';  display: block;  position: absolute;  width: 20px;  height: 2px;  background-color: #fff;  -webkit-transition: .5s;  transition: .5s;}
.leftnav_btn > a::before {  top: 13px;  left: 10px;  -webkit-transform-origin: center;          transform-origin: center;  -webkit-transform: rotate(-40deg);          transform: rotate(-40deg);}
.leftnav-hide .leftnav_btn > a::before {  -webkit-transform: rotate(40deg);          transform: rotate(40deg);}
.leftnav_btn > a::after {  bottom: 13px;  left: 10px;  -webkit-transform-origin: center;          transform-origin: center;  -webkit-transform: rotate(40deg);          transform: rotate(40deg);}
.leftnav-hide .leftnav_btn > a::after {  -webkit-transform: rotate(-40deg);          transform: rotate(-40deg);}
.leftnav_list {  background-color: #444;  color: #fff;  padding: 3px;  -webkit-transition: .5s;  transition: .5s;  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.leftnav_list li a {  padding: 3px 10px;  text-align: center;  color: #fff;  -webkit-transition: .3s;  transition: .3s;}
.leftnav_list li a:hover {  background-color: #fff602;  color: #000;}
.leftnav_list li.leftnav_list-brand a.bg_orange {  background-color: #eb6201;}
.leftnav_list li.leftnav_list-brand a.bg_white { background-color: #fff;  color: #000;}
.leftnav_list li.leftnav_list-brand a.bg_blue {  background-color: #3754d0;  color: #fff602;}
.leftnav_list li.leftnav_list-brand a:hover {  background-color: #000;  color: #fff602;}
.leftnav_list li.leftnav_list-db {  display: none;}
.leftnav-hide .leftnav_list {  -webkit-transform: translateX(-200px);          transform: translateX(-200px);}
.leftnav_list-header {  padding: 0;}
.leftnav_list-title {  margin-bottom: 0;  text-align: center;  color: #fff602;  border-bottom: 1px solid #fff602;  padding: 3px 0;  font-weight: 600;}
.leftnav-hide {  pointer-events: none;}
.leftnav-hide .leftnav_btn {  pointer-events: auto;}
.leftnav_list-dismiss {  display: none;  text-align: center;  position: absolute;  right: 5px;  top: -40px;  width: 35px;  font-size: 24px;  line-height: 35px;  background-color: rgba(0, 0, 0, 0.3);  color: #fff;  border-radius: 55px;}
.leftnav_list-dismiss:hover {  color: #fff;  text-decoration: none;}


.footer_board {  display: none;  width: 100%;  position: fixed;  height: auto;  bottom: 0px;  z-index: 30;  height:55px;
  background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(10%, #000000), color-stop(30%, #333333), color-stop(50%, #333333), color-stop(50%, #333333), color-stop(70%, #333333), color-stop(90%, #000000), to(#000000));
  background: linear-gradient(to right, #000000 0%, #000000 10%, #333333 30%, #333333 50%, #333333 50%, #333333 70%, #000000 90%, #000000 100%);
}
.footer_board a {  width: 20%;  text-align: center;  display: block;  float: left;  font-size: 11px;  line-height: 80px;  color: #fff;}
.footer_board a:hover {  text-decoration: none;}
.footer_board a img {  position: absolute;  top: 4px;  width: auto;  height: 30px; }
.footer_board:after {  content: '';  display: block;  position: absolute;  left: 20%;  -webkit-transform: translateX(-50%);          transform: translateX(-50%);  height: 40px;  margin-top: 10px;   width: 1px;}

@media screen and (max-width: 767.98px) {
  .leftnav_btn, .leftnav_list-header, .leftnav_list-title {    display: none;  }
  .leftnav {    top: inherit;    bottom: 55px;    width: 100%;    z-index: 60;    display: none;  } 
  .leftnav.tab-show {    display: block;  }
  .leftnav_list {    background-color: rgba(0, 0, 0, 0.3);  }
  .leftnav_list:after {    content: '';    display: block;    clear: both;  }
  .leftnav_list li {    width: 33.33%;    float: left;    padding: 5px;  }
  .leftnav_list li > a {    background-color: #ffffff !important;    color: #000 !important;    border-radius: 8px;  }
  .footer_board, .leftnav_list li.leftnav_list-db, .leftnav_list-dismiss {    display: block;  }
  .leftnav_list li.leftnav_list-db {    width: 50%;  }
}

@media screen and (max-width: 400px) {
  .leftnav a {    font-size: 14px;  }
}



/*--- �u������ ---*/
.snackbar {  width: 100vw;  height: 100vh;  top: 0;  right: 0;  bottom: 0;  left: 0;  align-items: center;  justify-content: center;  display: none;  position: fixed;  z-index: 9999;}
.snackbar.show {  display: flex !important;}
.snackbar-dialog {  padding: 16px;  color: #fff;  font-size: 2rem;  background-color: rgba(0,0,0,.75);  border-radius: 8px;  align-items: center;  justify-content: center;  display: flex;}



/*--- �U�Կ�� ---*/
.show .dropdown-toggle {  background-color: rgba(0, 0, 0, 0.6);}
.show .dropdown-toggle::after {  transform: rotate(0.5turn);  transform-origin: center;}
.dropdown-menu {  padding: 0;  background-color: rgba(0, 0, 0, 0.75) !important;  box-shadow: rgba(0, 0, 0, 0.15) 0 5px 10px;  border-radius: 0.5rem;}
.dropdown-item {  color: #fff;  transition: all .3s ease-in-out;  cursor: pointer;}
.dropdown-item:hover {  color: rgba(255, 255, 255, 0.8);  background-color: rgba(0, 0, 0, 0.5);}


.w-95 {    width: 95%!important;    margin-bottom: 5px; }
.w-100 {    width: 100%!important;    margin-bottom: 5px; }


/*--- �ϰ�� ---*/
.cardmain0 {    height: 128px;    letter-spacing: -2px;    font-weight: 900;    overflow: hidden;      line-height: 122px;   z-index: 2;    text-align: center;    padding: 0px;    margin: 0px ;    font-family: �L�n������, "Microsoft JhengHei", Arial;
    color: rgb(255,255, 255);    text-shadow: rgba(0, 0, 0, 0.67) 1px 1.8px;    position: relative;   width: 100%;    font-size: 48px;    top: 0px;    left: 0px;    display: block; background-image: url(../../images/teamback1_00.png); }
.cardmain1 {    height: 154px;    letter-spacing: -2px;    font-weight: 900;    overflow: hidden;    line-height: 136px;    z-index: 2;    text-align: center;    padding: 0px;    margin: 0px ;    font-family: �L�n������, "Microsoft JhengHei", Arial;
    color: rgb(255,255, 255);       position: absolute;    width: 100%;    font-size: 48px;    top: 0px;    left: 0px;    display: block; background-image: url(../../images/teamback1_01.png); }
.cardmain2 {   padding: 0px 4px;    margin: 141px 0px -152px 0px;    display: block;    list-style: none; background-image: url(../../images/teamback1_02.png);  z-index:2; }
.cardmain3 {  border: none; overflow: hidden;  border-radius: 5px; background-image: url(../../images/teamback1_03.png); 
                     background-position: center bottom;  position: relative;padding-bottom: 30px; box-sizing: border-box;    padding-top: 160px;    background-repeat: no-repeat;    margin-top: 0px;    display: block; z-index:-1;}
					 
@media screen and (max-width:767px){
.cardmain0 {height: 10vw;    letter-spacing: -0.5px;    font-weight: 900;    overflow: hidden;    line-height: 10vw;    z-index: 2;    text-align: center;    padding: 0px;    margin: 0px;    font-family: �L�n������, "Microsoft JhengHei", Arial;
 color: rgb(255, 255, 255);    text-shadow: rgba(0, 0, 0, 0.67) 1px 1.8px;    position: absolute;    width: 100%;    font-size: 5.5vw;    top: 0px;    left: 0px;    display: block;  background-size: 100%; position: inherit;}
.cardmain1 {height: 14vw;    letter-spacing: -0.5px;    font-weight: 900;    overflow: hidden;    line-height: 11vw;    z-index: 2;    text-align: center;    padding: 0px;    margin: 0px;    font-family: �L�n������, "Microsoft JhengHei", Arial;
    color: rgb(255,255, 255);    position: absolute;    width: 100%;    font-size: 5.5vw;    top: 0px;    left: 0px;    display: block;  background-size: 100%; position: inherit;}
.cardmain2 {  	margin: 0px auto;    padding: 0px 3%;    list-style: none;    display: block;    box-sizing: border-box; background-size: 100%; }
.cardmain3 {background-position: center bottom;    position: relative;    padding-bottom: 2vw;    box-sizing: border-box;    background-repeat: no-repeat;    min-height: 1vw;
    padding-top: 5vw;    background-size: 100%;    display: block;} 	
}

/*--- ���a�d ---*/
.cardstore {    background-position: center center;    height: 0px;    content: "";    background-size: 100%;    padding-bottom: 115%;    background-repeat: no-repeat;   width: 100%;    background-image: url("../../images/bigstore.png");    display: block;}
.cardstore-image {    height: auto;    border: 0px;    vertical-align: top;   top: 12%;    mix-blend-mode: multiply;    position: absolute;    width: 60%;    left: 18.5%	}

@media screen and ( max-width:736px) {
.cardstore-image {	  width: 60%!important;}
	
}


/*--- �ʰ� ---*/	
.dondon {  border: none;      transform: scale(.95);  overflow: hidden;transition: all .5s ease;}
.dondon:hover {     transform: scale(1);}


/*--- �ӫ~ ---*/	
.card {  border: none;    box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.4);    transform: scale(.95);  overflow: hidden;}
.card,.card-img,.card-title {    transition: all .5s ease;}

.products {  background-repeat: repeat-y;  background-position: center top; background-size: 100% auto;}
.product {  position: relative;}
.product .thumbnail { overflow: hidden;  position: relative;  background-color: #fff;}
.product .thumbnail::before {  display: block;  content: "";  padding-top: 100%;}
.product .thumbnail:hover .thumbnail-image {  transform: scale(1.1);  transition: transform .5s ease-in-out;}
.product .thumbnail-image {  max-width: 100%;  max-height: 100%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .product .thumbnail-image {    max-width: 1000px;  }

}
.thumbnail-content {  top: 0;  left: 0;  right: 0;  bottom: 0;  align-items: center;  justify-content: center;  overflow: hidden;  position: absolute;  display: flex;}
.text-ellipsis-1 {  height: 1.4em;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  text-overflow: -o-ellipsis-lastline;  display: -webkit-box;  overflow: hidden;}
.text-ellipsis-2 {  height: 2.8em;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  text-overflow: -o-ellipsis-lastline;  display: -webkit-box;  overflow: hidden;}
.text-ellipsis-3 {  height: 4.2em;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  text-overflow: -o-ellipsis-lastline;  display: -webkit-box;  overflow: hidden;}
.text-ellipsis-4 {  height: 5.6em;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical;  text-overflow: -o-ellipsis-lastline;  display: -webkit-box;  overflow: hidden;}
.text-ellipsis-5 {  height: 7em;  -webkit-line-clamp: 5;  -webkit-box-orient: vertical;  text-overflow: -o-ellipsis-lastline;  display: -webkit-box;  overflow: hidden;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .text-ellipsis-1 {    display: block;  }
  .text-ellipsis-2 {    display: block;  }
  .text-ellipsis-3 {    display: block;  }
  .text-ellipsis-4 {    display: block;  }
  .text-ellipsis-5 {    display: block;  }
   
  
}




/*--- ��r�C�� ---*/
.text-5xl {  font-size: 2.57142857rem !important;}
.text-4xl {  font-size: 2rem !important;}
.text-3xl {  font-size: 1.71428571rem !important;}
.text-2xl {  font-size: 1.42857143rem !important;}
.text-xl {  font-size: 1.28571429rem !important;}
.text-lg {  font-size: 1.14285714rem !important;}
.text-md {  font-size: 1rem !important;}
.text-sm {  font-size: 0.92857143rem !important;}
.text-xs {  font-size: 0.85714286rem !important;}
.text-primary {  color: #FF9900 !important;}
.text-secondary {  color: #FE7914 !important;}
.text-price {  color: #E21C00 !important;}
.text-success {  color: #28A745 !important;}
.text-warning {  color: #EB9720 !important;}
.text-danger {  color: #DC3545 !important;}
.text-plus {  color: #00B964 !important;}
.text-minus {  color: #FD654D !important;}
.text-gray-100 {  color: #EFEFEF !important;}
.text-gray-200 {  color: #E5E5E5 !important;}
.text-gray-300 {  color: #D3D3D3 !important;}
.text-gray-400 {  color: #B8B8B8 !important;}
.text-gray-500 {  color: #9E9E9E !important;}
.text-gray-600 {  color: #888888 !important;}
.text-gray-700 {  color: #737373 !important;}
.text-gray-800 {  color: #666666 !important;}
.text-gray-900 {  color: #333333 !important;}

.terms .l-header:not(.scrolled) {  background-color: rgba(0, 0, 0, 0.3);  box-shadow: rgba(0, 0, 0, 0.1) 0 10px 15px;}
.terms .l-content {  padding-top: 30px;}
.terms .card-header {  background-color: transparent;  border: 0;}
.terms .card-body ul, .terms .card-body ol {  margin-left: 1rem;  padding: 0;}
.terms .card-body ul li, .terms .card-body ol li {  list-style-position: outside;  margin-left: 1rem;}
.terms .card-body table {  margin-bottom: 1rem;
}

.terms .card-body tr {  border-bottom: 1px solid #B8B8B8;}
.terms .card-body th, .terms .card-body td {  padding: 0.5rem;}
.terms .card-body th p, .terms .card-body td p {  margin-bottom: 0;}
.terms .card-body .marker {  color: #FE7914;}



/*--- �ưʧ馩�X�� ---*/
.swiper-container {  width: 100%;  height: 100%;}
.swiper-slide.swiper-slide-active:hover .img-slide {  filter: brightness(120%);  transform: scale(1.02);  transform-origin: center;  transition: all .5s ease-in-out;}
.swiper-slide:not(.swiper-slide-active) .img-slide {  filter: brightness(60%);  transition: filter .8s ease-in-out;}
.img-slide {  width: 100%;}
@media screen and (max-width:767px){.img-slide {  width: 100%;  height:auto;}  }
.swiper-pagination {  position: static!important;}
.swiper-pagination-bullet {  background-color: rgba(255, 255, 255, 0.95)!important;  opacity: 1;}
.swiper-pagination-bullet-active {  width: 24px!important;  background-color: rgba(0, 0, 0, 0.6)!important;  border-radius: 2rem!important;}
.swiper-button-prev, .swiper-button-next {   top:50%; width: 30px;  height: 30px;  background-image: none;  background-color: #fff;  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;  border-radius: 100%;  transition: all .3s ease-in-out;}
.swiper-button-prev::before, .swiper-button-next::before {    min-width: 24px;  min-height: 24px;  transform-origin: center;}
.swiper-button-prev::after, .swiper-button-next::after {  display: none;}
.swiper-button-prev:hover, .swiper-button-next:hover {  box-shadow: rgba(0, 0, 0, 0.15) 0 3px 5px;}
.swiper-button-prev {  left: 0;}
.swiper-button-prev::before {  transform: rotate(-90deg);}
@media only screen and (min-width: 768px) {  
.swiper-button-prev {    left: 5px;  }  .swiper-button-prev:hover {   transform: translateX(-5px);  }  
}
.swiper-button-next {  right: 0;}
.swiper-button-next::before {  transform: rotate(90deg);}

@media only screen and (min-width: 768px) {
  .swiper-button-next {    right: 5px;  }
  .swiper-button-next:hover {   transform: translateX(5px);  }
}





/*--- �u�� ---*/
.icon::before {  content: "\0020";  min-width: 24px;  min-height: 24px;  background-size: contain;  background-repeat: no-repeat;  background-position: center center;  vertical-align: middle;  display: inline-block;}
.icon.icon-sm::before {  min-width: 16px;  min-height: 16px;}
.icon-search::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.56 39.44a1.5 1.5 0 01-2.12 2.12l-7.381-7.38A16.433 16.433 0 0121.5 38C12.387 38 5 30.613 5 21.5S12.387 5 21.5 5 38 12.387 38 21.5c0 3.915-1.37 7.62-3.82 10.559l7.38 7.38zM21.5 35C28.956 35 35 28.956 35 21.5S28.956 8 21.5 8 8 14.044 8 21.5 14.044 35 21.5 35z' fill='%23FF9900' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-caret-up::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.266 12.72l15.73 18.876a2 2 0 0 1-1.536 3.28H8a2 2 0 0 1-1.536-3.28l15.73-18.876a2 2 0 0 1 3.072 0z' fill='%23666666' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.icon-chevron-left::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.56 32.56a1.5 1.5 0 0 1-2.12-2.12l18-18a1.5 1.5 0 0 1 2.12 0l18 18a1.5 1.5 0 0 1-2.12 2.12L24.5 15.622 7.56 32.561z' fill='%23666666' fill-rule='nonzero'/%3E%3C/svg%3E");
  transform: rotate(-90deg);
  transform-origin: center;
}

.icon-chevron-right::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.56 32.56a1.5 1.5 0 0 1-2.12-2.12l18-18a1.5 1.5 0 0 1 2.12 0l18 18a1.5 1.5 0 0 1-2.12 2.12L24.5 15.622 7.56 32.561z' fill='%23666666' fill-rule='nonzero'/%3E%3C/svg%3E");
  transform: rotate(90deg);
  transform-origin: center;
}

.icon-more-vertical::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 24a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm-11 0a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm-11 0a3 3 0 1 1 6 0 3 3 0 0 1-6 0z' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
  transform: rotate(90deg);
  transform-origin: center;
}

.icon-file-alt-mono::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4h18.343a4 4 0 012.829 1.172l5.656 5.656A4 4 0 0140 13.657V40a4 4 0 01-4 4H12a4 4 0 01-4-4V8a4 4 0 014-4zm17 3v5a3 3 0 003 3h4a1 1 0 000-2h-4a1 1 0 01-1-1V7a1 1 0 00-2 0zm-2.5 7h-7a1.5 1.5 0 000 3h7a.5.5 0 00.5-.5v-2a.5.5 0 00-.5-.5zm-7 6a1.5 1.5 0 000 3h13a1.5 1.5 0 000-3h-13zm0 6a1.5 1.5 0 000 3h13a1.5 1.5 0 000-3h-13zm0 6a1.5 1.5 0 000 3h13a1.5 1.5 0 000-3h-13zm-5-15a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E");
}

.icon-facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M.003.002H48v47.706H.003z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M48 24C48 10.745 37.255 0 24 0S0 10.745 0 24c0 11.98 8.776 21.908 20.25 23.708v-16.77h-6.094V24h6.094v-5.288c0-6.014 3.583-9.337 9.065-9.337 2.626 0 5.372.469 5.372.469v5.906h-3.026c-2.981 0-3.911 1.85-3.911 3.748V24h6.656l-1.064 6.938H27.75v16.77C39.224 45.908 48 35.98 48 24' fill='%231877F2' mask='url(%23b)'/%3E%3Cpath d='M33.342 30.938L34.406 24H27.75v-4.502c0-1.898.93-3.748 3.911-3.748h3.026V9.844s-2.746-.469-5.372-.469c-5.482 0-9.065 3.322-9.065 9.337V24h-6.094v6.938h6.094v16.77a24.18 24.18 0 0 0 7.5 0v-16.77h5.592' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-line::before {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M0 0h48v48H0z'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M37.6 48H10.4C4.656 48 0 43.344 0 37.6V10.4C0 4.656 4.656 0 10.4 0h27.2C43.343 0 48 4.656 48 10.4v27.2C48 43.344 43.343 48 37.6 48' fill='%2300B900' mask='url(%23b)'/%3E%3Cpath d='M41.398 21.89c0-7.82-7.84-14.183-17.476-14.183S6.446 14.069 6.446 21.889c0 7.011 6.217 12.883 14.615 13.993.57.122 1.344.374 1.54.861.176.442.115 1.134.056 1.58 0 0-.204 1.233-.249 1.497-.076.441-.35 1.728 1.514.942 1.865-.786 10.065-5.926 13.731-10.147 2.532-2.777 3.745-5.596 3.745-8.726' fill='%23FFF'/%3E%3Cpath d='M20.371 18.11h-1.226a.34.34 0 0 0-.34.34v7.615c0 .188.153.34.34.34h1.226a.34.34 0 0 0 .34-.34V18.45a.34.34 0 0 0-.34-.34M28.809 18.11h-1.226a.34.34 0 0 0-.34.34v4.524l-3.49-4.712a.373.373 0 0 0-.027-.035l-.002-.002a.51.51 0 0 0-.026-.027l-.019-.015-.009-.007-.017-.012-.01-.006-.019-.01-.01-.006-.02-.008a.125.125 0 0 0-.011-.004.168.168 0 0 0-.02-.006l-.012-.004a.283.283 0 0 0-.034-.006l-.018-.002-.017-.001h-1.238a.34.34 0 0 0-.34.34v7.614c0 .188.152.34.34.34h1.226a.34.34 0 0 0 .34-.34v-4.522l3.494 4.718a.344.344 0 0 0 .086.084l.004.003a.372.372 0 0 0 .021.013l.01.005.016.008.017.007.01.004.023.007.005.001a.323.323 0 0 0 .087.012h1.226a.34.34 0 0 0 .34-.34V18.45a.34.34 0 0 0-.34-.34M17.416 24.498h-3.33V18.45a.34.34 0 0 0-.341-.34h-1.226a.34.34 0 0 0-.34.34v7.615c0 .091.036.174.095.235l.005.006.004.004a.34.34 0 0 0 .236.095h4.897a.34.34 0 0 0 .34-.34v-1.226a.34.34 0 0 0-.34-.341M35.578 20.017a.34.34 0 0 0 .34-.34V18.45a.34.34 0 0 0-.34-.34h-4.897a.338.338 0 0 0-.236.095l-.004.004-.005.006a.337.337 0 0 0-.095.234v7.615a.336.336 0 0 0 .1.24.337.337 0 0 0 .24.1h4.897a.34.34 0 0 0 .34-.34v-1.226a.34.34 0 0 0-.34-.341h-3.33v-1.287h3.33a.34.34 0 0 0 .34-.34v-1.226a.34.34 0 0 0-.34-.341h-3.33v-1.287h3.33z' fill='%2300B900'/%3E%3C/g%3E%3C/svg%3E");
}



/*--- ��a���� ---*/
.btn-group {background: #fff;    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.05);    box-shadow: 0 6px 12px 0 rgba(0,0,0,.1), 0 0 6px 0 rgba(0,0,0,.05);    position: relative;     height: 54px; width:100%}
.tab-contnet{ display:flex;  flex-direction:column;  margin:20px auto;  width:100%;  //     margin-bottom: 20px;    padding: 30px 40px;    position: relative;  }
.bbtn{   -webkit-flex-shrink: 0;    -ms-flex-negative: 0;    flex-shrink: 0;    -webkit-box-sizing: border-box;    box-sizing: border-box;    padding: 16px 21px;    cursor: pointer;    color: #333;    font-size: 16px;    font-family: PingFangTC,Microsoft JhengHei;    font-weight: 500;    white-space: nowrap;    overflow: hidden; }
.b-active{     font-weight: 500;    color: #fe4701 !important; }
.bbtn img {width:25px; height:auto; margin-right:5px}
@media screen and (max-width:767px){
.btn-group {   height: 48px;    overflow-x: scroll;    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); }
.bbtn{ padding: 16px 20px;     font-size: 13px;}
}



/*-iFRAME-*/

.iframe-m iframe {

	width: 100% !important;
	height: 100% !important;
}


.rt-footer-download
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    padding: 20px;
    border-radius: 5px;
    background: #f2f2f2;
}

.rt-footer-download .download-app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 15px;
}


.rt-footer-download .download-app-android {
    margin-right: 15px;
    display: inline-block;
    width: 101px;
    height: 30px;
    background: url(../../images/sprite_footer.png) no-repeat 0 0;
}


.rt-footer-download .download-app-ios {
    display: inline-block;
    width: 85px;
    height: 30px;
    background: url(../../images/sprite_footer.png) no-repeat 0 -40px;
}

.rt-footer-download .download-app-title {
    margin-bottom: 5px;
    color: #4d4d4d;
    letter-spacing: 3px;
}


.rt-footer-download .download-qrcode {
    display: inline-block;
    width: 63px;
    height: 63px;
    background: url(../../images/sprite_footer.png) no-repeat -111px 0;
}