body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
/* CSS Document */

body{
  
	font-family:  arial, Microsoft JhengHei;
	color: #444444;
	/*background-color:#FFFFFF;
	background-image:url(images/top_bg.jpg);
	background-position: top;
	background-repeat:repeat-x;*/
	font-size:17px;
	
}


select {
    /*-webkit-appearance: none;清除MAC、IPHONE的樣式*/ 
    font:17px  Microsoft JhengHei;
	color: #333333;	
	border:1px solid #dedede;
	height:28px;
	line-height:28px;
	  background-color: #ffffff;
	  padding:0 2px;
	  
}


select.mb_chg {  /*多口下拉選單*/ 
     margin-top:-1px; 
	 background-color: #000; 
	 color:#fff; border:0px;
	  appearance: none;
	  -moz-appearance: none; 
      -webkit-appearance: none;
	}

input[type="checkbox"] {
    display:inline-block;
    width:15px;
    height:15px;
    margin: 0px 4px 0 0;
    vertical-align:middle;
    cursor:pointer;
}


input[type="radio"] {
    display:inline-block;
    width:15px;
    height:15px;
    margin: 0px 4px 0 4px;
    vertical-align:middle;
    cursor:pointer;
}


input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/*@media (max-width: 650px) { /*小於650px時，checkbox 的尺寸大1.5倍
input[type="checkbox"] {
  -ms-transform: scale(1.5); /* IE */
  /*-moz-transform: scale(1.5); /* FF */
  /*-webkit-transform: scale(1.5); /* Safari and Chrome */
  /*-o-transform: scale(1.5); /* Opera */
 /* padding: 5px;  cursor:pointer;
 /* margin-top: 2px;
}
}*/

textarea{
  font: 17px  Microsoft JhengHei;
  
}

input{
    font: 17px  Microsoft JhengHei;
	
}








input.ip01{
	border: 1px #e17b15 solid;
	padding: 1px 8px 1px 8px;
	color: #fff;	
	background-color:#e17b15;
	text-align:center;
}












li {
 /* 去除清單文字前面的小圓點*/
	list-style-type:none;
}
table {
	border-collapse:collapse;
	}
img{
    border:0;
}
img.bb{
    margin-bottom:-3px;
}
img.ile{
    float:left;
}

img.sup{
   margin:0 20px 0 0;
   width:340px;
   float:left;
}





form{
    display:inline;
}



a:link, a:visited   {
	color: #555;
	text-decoration: none;
	font-size: 16px;
	
}
a:hover, a:active {
	color: #000000;	
	text-decoration: none;
	font-size: 16px;
}



a.a01:link, a.a01:visited   {
	color: #ffffff;
}
a.a01:hover, a.a01:active {
	color: #f9d994;	
}


a.a02:link, a.a02:visited   {
	color: #01478f;
}
a.a02:hover, a.a02:active {
	color: #011f5c;
	text-decoration: underline;
}




a.a03:link, a.a03:visited   {
	
}
a.a03:hover, a.a03:active {
	color: #004dc0;
	font-weight:bold;
}

a.a03-2:link, a.a03-2:visited   {
	
}
a.a03-2:hover, a.a03-2:active {
	color: #004dc0;
	font-weight:bold;
}




a.a04:link, a.a04:visited   {
	color: #cc0000;
	font-size: 17px;
}
a.a04:hover, a.a04:active {
	color: #7c0505;
	text-decoration: underline;
}



a.a05:link, a.a05:visited   {
	color: #ffffff;
	display: block;
	float:right;
	margin-right:6px;
}
a.a05:hover, a.a05:active {
	color: #f9d994;	
	
}

a.a06:link, a.a06:visited   {
	color: #cc0000;
}
a.a06:hover, a.a06:active {
	color: #cc0000;
}

a.a07:link, a.a07:visited   {
	color: #fff;
}
a.a07:hover, a.a07:active {
	color: #fff;
}


a.a08:link, a.a08:visited   {
	height:48px;
	padding:0;
	line-height:48px;
}
a.a08:hover, a.a08:active {

}



/*上方logo----------------------------*/




img.logo-b { /*電腦版logo*/ 
	height:34px;
	margin:10px 0px 0 5px;
	float:left;
	
	}
img.logo-s {
	display:none;
	}		
	
	


@media(max-width:700px){

img.logo-b {
	height:32px;
	margin:5px 0px 0 5px;
	
	}
	
	
	
}

@media (max-width: 500px) {
img.logo-s { /*手機版尺寸的logo - 圖片要準備至少2倍大左右，在手機版上看才會清晰*/ 
	height:30px;
	width: auto;
	margin:8px 0 0 8px;
	display: block;
	}
img.logo-b {
	display:none;
	}	
}













/*---上方登入----*/

.member_area{
  margin-top:20px;
  width:24%;
  min-width:400px;
  /*background: rgba(10%,10%,10%,0.95);  黑色半透明底*/
  background:#fff;
  box-shadow:0px 0px 20px rgba(0%,0%,0%,1);
  border-radius: 5px;
  height:275px; 
  z-index:99000; 
  position:fixed;
  display: none;
  margin-left:38%;
  margin-right:38%;
}



.dle_lo0{
  width:320px; 
  text-align:left;
  margin-top:40px;
}
.dle_lo1{
	float:left; 
	width:85px;
	text-align:left;
	line-height:50px;
	letter-spacing: 2px;
	}
@media only screen and (max-width: 600px) {
	
.dle_lo1{
	width:75px;
	letter-spacing: 2px;
	
	}	
	
}


input.inl1 {
	float:left; 
	width:100%;
	text-align:left;
	height:34px;
	margin-top:15px;
	border: 1px#ccc solid;
	padding-left:3px;
	}
	
input.inl1-2 {
	float: left;
    width: 190px;
    text-align: left;
    height: 34px;
    margin-top: 8px;
    border: 1px #ccc solid;
	padding-left:3px;
}
	
	
input.inl2 {
	width:50%;
	
	}
input.inl3 {
	width:65px;
	
	}
	
@media only screen and (max-width: 600px) {
input.inl1-2 {
    width: 170px;
	margin-top: 0px;
}
input.inl3 {
	width:55px;
}
}
	
	
	
	
	
input.inl4 {
	width:172px;
	padding-left:3px;
	
	}

input.inl5 {
	width:50%;
	
	}

	
img.lover{
	height:34px;
	float:left;
	border:1px #cccccc solid; 
	border-left:0px;  
	width:36%;
	margin-top:15px;
	}
img.lover2{
	height:34px;
	float:left;
	border:1px #cccccc solid; 
	border-left:0px;  
	width:90px;
	margin-top:15px;
	}
@media only screen and (max-width: 600px) {
img.lover2{ 
	width:80px;
	}	
}
	
	
img.lover3{
	height:38px;
	float:left;
	border:1px #cccccc solid; 
	border-left:0px;  
	width:90px;
	margin-top:15px;
	}	
@media (max-width:1040px){	
input.inl2 {
	width:32%;c 
	
	}
}
	
@media (max-width:650px){	
img.lover3{
	height:45px;
	float:left;
	border:1px #cccccc solid; 
	border-left:0px;  
	width:90px;
	margin-top:15px;
	}	
	

	
input.inl2 {
	width:40%;
	
	}
	
input.inl5 {
	width:50%;
	
	}
	
}
@media (max-width:430px){		
input.inl2 {
	width:23%;
	
	}
}

button.rjo_refund {	
	width: 32%;
	padding:5px 0 5px 0;
	background: #0b6eba;
	color: #FFF;
	border:0px;
	font-size: 1em;
	}
button.rjo_refund2 {	
	padding:4px 15px;
	background: #999;
	color: #FFF;
	border:0px;
	font-size: 1em;
	margin:3px ;
	}
button.rjo {	
	width: 32%;
	margin-top:15px;
	padding:5px 0 5px 0;
	background: #0b6eba;
	color: #FFF;
	border:0px;
	font-size: 1em;
	}
button.rjo1 {	
	width: 32%;
	margin:2px;
	padding:5px 0 5px 0;
	background: #0b6eba;
	color: #FFF;
	border:0px;
	font-size: 1em;
	}

button.rjo2 {

	width: 100%;
	padding:5px 0 5px 0;
	background: #cc0000;
	color: #FFF;
	border:0px;
	font-size: 1.1em;
	}
button.rjo3 {	
	width: 32%;
	margin-top:15px;
	padding:5px 0 5px 0;
	background: #0b6eba;
	color: #FFF;
	border:0px;
	font-size: 1em;
	border-radius:4px;
}
	
	

.lo_refresh{
	display: block; 
	width:35px; 
	height:34px;
	float:left;
    margin-top:15px;;
	background-color:#ccc; 
	text-align:center;
	padding-top: 8px;
	}
.lo_refresh2{
	display: block; 
	width:40px; 
	height:38px;
	float:left;
    margin-top:15px;;
	background-color:#ccc; 
	text-align:center;
	padding-top: 10px;
	}
#m30{
	margin-top: -20px;
	}
@media (max-width:650px){	
.member_area{
  width:92%;
  margin-left:4%;
  margin-right:4%;
   min-width:300PX;
}

.lo_refresh{

	width:14%; 

}

.lo_refresh2{
	padding-top: 12px;
	width:40px;
	height:45px;
	}
	
}

@media (max-width:320px){	
.member_area{
  width:98%;
  margin-left:1%;
  margin-right:1%;
}
}













/*會員專區次選單-----*/

a.amb1:link, a.amb1:visited   {
	display:block;
	float:left;
	padding:0 12px 0 0;
	color: #666;
	margin:0 12px 0 0;
	border-right: 1px #bbb solid;
	font-size:17px;
	line-height:22px;
	
	
}
a.amb1:hover, a.amb1:active {
	color: #ff6600;
}




a.amb2:link, a.amb2:visited   {
	display:block;
	float:left;
	padding:0 12px 0 0;
	color: #0576b0;
	margin:0 12px 0 0;
	border-right: 1px #bbb solid;
	font-size:17px;
	line-height:22px;
}
a.amb2:hover, a.amb2:active {
	
}








input.orderh1{
	border: 1px #bbb solid;
	padding:2px;
	width:90%;
	margin: 0 0 5px 0;	
	text-align:center;
}

input.orderh2{
	border: 1px #888888 solid;
	padding:2px;
	width:90%;
	color: #fff;	
	background-color:#888888;
	margin:6px 0 5px 0;	
	text-align:center;
}


input.orderh3{
	border: 1px #dc8229 solid;
	padding:2px;
	width:90%;
	color: #fff;	
	background-color:#dc8229;
	margin:6px 0 5px 0;	
	text-align:center;
}












.clearb {
	clear:both;
	}




















label.mbo1 {
	margin:15px 0 4px 0;
	
	}
	
label.mbo2 {
	margin:5px 0 4px 0;
	float:left;
	width: 20%;
	text-align: left;
	}	
	
label.mbo3{
	margin:5px 15px 4px 0px;
	float:left;
	text-align: left;
	}	
	
label.mbo4 {
	margin:5px 0 4px 0;
	float:left;
	width:40%;
	
	}	
	
label.mbo5 {
	margin:5px 35px 4px 0;
	float:left;
	
	}
	
label.mbo5-2 {
	margin:5px 20px 10px 0;
	float:left;
	
}
label.mbo6{
	margin:5px 8px 4px 0px;
	float:left;
	text-align: left;
	}
		
@media (max-width:880px){
label.mbo2 {
	width: 30%;
	}	
label.mbo4 {
	width:30%;
	
	}	

}

@media (max-width:720px){
	
label.mbo5 {
	width:50%;
	float: left;
	margin:0;
	}
}


select.mbj1 {
	width: 32%;
	height: 32px;
	}


.mbot{
	margin-bottom: 6px;
	}




/*字型-----------------*/

.s001 {
	color:#C00;
	}


.s002 {
	color:#C00;
	line-height:36px;
	}
	

.s003 {
	font-weight: bold;
	font-size: 1.1em; 
	}
	
.s004{
	
	font-size: 1em;
	padding-left:5px;
	}

.s005 {
	color:#C00;
	font-size: 18px;
	}
	
.s005-2 {
	color:#C00;
	font-size: 18px;
}
	
	
.s005-3 {
	color:#C00;
}
	
.s006 {
	color:#ffffff;
}
	
.s007 {
	color:#777777;
}

.s008 {
	font-size: 19px;
	color:#777777;
}



.s009 {
	font-size: 18px;
	color: #333;
}
	
	
.s010 {
	font-size: 17px;
	color:#777;
}

.s011 {
	font-size: 18px;
}


.s012{
	font-size: 20px;
}

.s013{
	color: #024c90;
}

.s013-2{  /*會員專區登入頁的title----------*/
	color: #024c90;
	padding-left:25px;
	line-height:50px;
	font-size: 19px;
}

.s011-2 {  /*加入購物及收藏前方icon---------*/
	font-size: 18px;
}

@media only screen and (max-width: 600px) {
.s011-2 {
	font-size: 16px;
}
.s013-2{  /*會員專區登入頁的title----------*/
	padding:20px 0 10px 10px;
	line-height:30px;
	
}
	
}


.s014{  /*top_btn 會員專區 的title----------*/
	font-weight: 800;
     color: #0d79a6;
    text-decoration: none;
	line-height:34px;
	font-size: 16px;
	padding-left:14px;
}



.s015{  
    color: #666;
	font-size: 21px;
}
.s015:hover{  
     color: #cc0000;
}

.s016{  
    color: #cc0000;
	font-size: 21px;
}



.s017 {
	color: #ab0606;
	}
	


.s018{
	color: #666;
	}
	

.s019 {
	font-weight: bold;
	}
	

	
	
#div_main1{
	max-width:1000px; 
	width:100%;
	ext-align:left;
	
	}







.d_li{
	line-height:40px;
	}




	
	
.dleft{
	float:left; 
	margin: 0 20px 0 5px;
	text-align:left;
	}

.dleft2{
	float:left; 
	margin: 0 ;
	text-align:left;
	}
	
	
.dleft3{
	float:left; 
	margin: 0 10px 0 0px;
	width:250px;
	text-align:left;
	}

.dleft4{
	float:left; 
	margin: 0 10px 0 0px;
	}
.dleft4-2{
	float:left; 
	margin: 0 10px 5px 0px;
	}	
@media (max-width:900px){	
.dleft4-2{
	float:left; 
	margin: 0 10px 5px 5px;
	}
}		
@media (max-width:400px){	
	
.dleft3, dleft4 {
	float:left; 
	margin: 0 15px 0 0;
	
	}		

}	

.dleft5{
	float:left;
	width:20%;
	text-align:center;
	}
.dleft6{
	float:left;
	width:20%;
	text-align: center;
	}
.dleft7{
	float:left;
	width:15%;
	margin-right: 2%;
	text-align: right;
	}
.dleft8{
	float:left;
	width:15%;
	margin-right: 6%;
	text-align:right;
	}
	
.dleft9{
	float:left;
	width:20%;
	text-align:center;
	}
	
@media (max-width:600px){	
	
.dleft5{
	float:left;
	width:20%;
	text-align:center;
	}
.dleft6{
	float:left;
	width:30%;
	text-align:center;
	}
.dleft7{
	float:left;
	width:25%;
	text-align:center;
	}
.dleft8{
	display:none;
	}	


}
	
@media (max-width:420px){	
	
.dleft5{
	float:left;
	width:23%;
	text-align:center;
	}
.dleft6{
	float:left;
	width:43%;
	text-align:center;
	}
.dleft7{
	display:none;
	}
	
.dleft9{
	float:left;
	width:32%;
	text-align:center;
	}
	
}


.dleft10{
	float:left;
	margin-right:10px;
	}


/*推播*/
.dleft-push1{
	float:left;
	width:60%;
	text-align:left;
	}
.dleft-push2{
	float:left;
	width:40%;
	text-align:center;
	}

@media (max-width:600px){	
	
.dleft-push1{
	width:50%;
	text-align:left;
	}
.dleft-push2{
	width:50%;
	text-align:left;
	}
	
}



/*--訂單查詢-----*/
.ord_de1{
	float:left;
	width: 40%;
	line-height:34px;
	padding-left:8px;
	
	}

.ord_de2{
	float:left;
	width: 15%;
	line-height:34px;
	text-align:right;
	}
	
.ord_de3{
	float:left;
	width: 15%;
	line-height:34px;
	text-align:center;
	}
	
.ord_de4{
	float:left;
	width: 15%;
	line-height:34px;
	text-align:right;
	padding-right:4px;
	}
@media (max-width:420px){	

.ord_de1{
	width: 45%;
	}

.ord_de2{
	width: 18%;
	}
	
.ord_de3{
	width: 18%;
	text-align:right;
	}
	
.ord_de4{
	display:none;
	}
	
}





/*--獎金列表-----*/
.mon_li1{
	width:14%;
	float:left;
	text-align:center;
	}	
.mon_li2{
	width:10%;
	float:left;
	text-align:right;
	}
.mon_li3{
	width:10%;
	float:left;
	text-align:right;
	}	
.mon_li4{
	width:10%;
	float:left;
	text-align:center;
	}
.mon_li5{
	width:5%;
	float:left;
	text-align:left;
	}
@media (max-width:700px){	

.mon_li1{
	width:30%;
	float:left;
	text-align:center;
	}	
.mon_li2{
	width:25%;
	float:left;
	text-align:right;
	}
.mon_li3{
	display: none;
	}	
.mon_li4{
	width:20%;
	float:left;
	text-align:center;
	}	
.mon_li5{
	width:20%;
	float:left;
	text-align:center;
	}
	
}







/*--獎金明細-----*/

#mon_div1{
	width:100%;
	background-color: #e2e2e2;
	line-height:28px;
}

#mon_div2{
	width:100%;
	background-color: #dddbdb;
	line-height:28px;
}




.mon_de0{
	background:#cde1f3;
	padding:5px;
	font-size: 17px;
	}
.mon_de1{
	float:left;
	width:14.28%;
	text-align:center;
	margin: 10px 0 10px 0;
	}

.mon_de2{
	float:left;
	padding-right: 30px;
	line-height:28px;
	
	}

@media (max-width:680px){	

.mon_de1{
	width:33%;
	}
	
.mon_de2{
	width:33%;
	text-align:center;
	padding-right:0;
	}

.mon_de3{
	display:block;
	text-align:center;
	}
.mon_de4{
	display: none;}
}

table.tbo2 {
	border-collapse:collapse;
	width: 100%;
	max-width: 1100px;
	
	}
table.tbo2  td{
     height: 28px;
	 font-size: 14px;
	 color: #333333;
	 text-align: left;
	 padding: 3px 0 0 0;
	}


table.tbo2 td.no{
	display:none;
}	

#d_bo3{    
	width: 100%;
	max-width: 1100px;

	padding:5px 0 5px 0;
	text-align:center;
	border: 0px;
	background-color:#e3e3e3;
	border-bottom: 1px #fff solid;
	margin-top: 25px;
}


#d_bo4{
	width: 100%;
	max-width: 1100px;
	padding:6px 0 6px 0;
	text-align:left;
	border: 0px;
	background-color: #e1dede;
}


#d_bo5{  
	color: #cc0000;
	width: 100%;
	max-width: 1100px;
	height: 28px;
	padding-top:7px;
	text-align:center;
	border: 0px;
	margin-top: 25px;
}


#d_bo6{  
	width: 100%;
	max-width: 1200px;
	text-align:left;
	margin-left:auto;
	margin-right: auto;
}





.s_b2{
    color:#CC0000;
	display:block;
	margin-right:20px;
}

.s_b3{
	color: #01479d;
	font-weight: bold;
	display:block;
	margin-right:20px;
	padding: 0 0 0 15px;
	float: left;
}



















.dright{
	float: right; 
	margin: 0 10px 0 10px;
	}


.dright2{
	float: right; 
	margin: 0 0 5px 10px;
	}
	
	
	
	
	
	
	
	

.ddh60 {
	height:80px;width:100%;clear:both;
	
	}
@media (max-width:700px){	
.ddh60 {
	height:20px;
	
	}
}


/*購物流程----*/

#shop_s1{
	width:100%;
	background-color: #dddddd;
	padding:5px;
	}

#shop_s2{
	margin:10px 0 8px 0;
	font-size: 17px;
	}

.shop_s3{
	line-height:30px;
	color:#777777;
}



#shop_s4{
	width:100%;
	background-color: #dfdfdf;
	line-height:46px;
	margin-top:15px;
	color: #cc0000;
}
#shop_s4-2{
	width:100%;
	background-color: #c6daeb;
	line-height:40px;
	color: #b31717;
}




#shop_s5{
	width:100%;
	background-color: #bbb;
	line-height:36px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	margin-top:15px;
	letter-spacing: 2px;
}
#shop_s5-1{
	width:100%;
	background-color: #bbb;
	line-height:36px;
	color: #fff;
	font-size: 1em;
	letter-spacing: 2px;
}

#shop_s5-2{	
    width:100%;
	background-color: #70a5bd;
	line-height:36px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	margin-top:15px;
	letter-spacing: 2px;
	border-radius: 5px 5px 0 0;
}

	


#shop_s6{
	float:right;
	margin-right:10px;
	text-align:right;
	}


#shop_s7{
	width:100%;
	background-color: #dedede;
	line-height:36px;
	color: #333333;
	font-size: 1em;
	margin-top:15px;
	padding:10px;
	
}


#shop_s8{
	width:100%;
	background-color: #dedede;
	line-height:36px;
	color: #333333;
	font-size: 1em;
	margin-top:15px;
	padding:15px;
	
}


button.cart_send {
	margin:0;
	width:200px;
	line-height:45px;
	background: #cc0000;
	color: #FFF;
	border:0px;
	font-size: 1em;
	float:right;
	}



@media (max-width: 880px){	
	
button.cart_send {

	width: 100%;
	}	
	
	
}
@media (max-width: 600px){	
	
textarea.hei100 {
	height:100px;
	}	
	
	
}



.dtab1{
   padding:3px; 
   text-align:center; 
   font-size:18px; 
   color:#ffffff; 
   padding-top:15px;
	}
	
	
@media (max-width:1100px){	
	
.dtab1{
   padding:3px; 
   text-align:center; 
   font-size:18px; 
   color:#ffffff;
   line-height:26px;
	}	
	
	
}
	
	
	
	
	
	
	
	
.tit0{
	margin:0;	
	}
.tit00{
	margin:0;
	padding:0;	
	}

.tit010{
	margin:0;
	padding:10px;	
	}


	
.titbg1{
   background: #c3c3c3;
    border-bottom:1px #fff solid; 
	line-height:30px;
	}	
		
	
.titbg3{
   background: #ddd;
   
	}		
	
	
	
	
.border1{
	width:100%;
	background:#ddd;
	height:1px;
	
	}	
	
	
.border2{
	width:100%;
	background:#ffffff;
	height:1px;
	
	}	
	
.border3{
	 margin:0 0 4px 14px;
	 width:115px;
	 height:1px;
     background:#98b4d1;
	
}

	
	
.order_d1{
	padding-left: 10px;
	line-height:36px;
	}	
	
	
	
	
	
	
	
	
	
	
/*--組織圖------ ------*/
input.orjoin{
	margin:10px 10px 0 0;
	width:20px;
	height:20px;
	float:right;
	border:0px;
	background-image:url(images/cancel.png);
	background-image:url(../images/cancel.png);
    background-size: cover;
	background-color: transparent;
}


#orgm1{
	max-width:1200px; 
	width:100%; 
	overflow:auto; 
	text-align:left;
	
	}

.orank2 {
	line-height: 34px;	
	}

input.orgbtn1 {
    color: #fff;
    height: 28px;
    width: 55px;
    border: 1px #017ecb solid;
    background-color: #017ecb;
	margin-right: 15px;
	
}
input.orgbtn2 {
    color: #fff;
    height: 30px;
	padding: 2px 10px;
    border: 1px #017ecb solid;
    background-color: #017ecb;
	margin:5px;
	cursor:pointer;
	
}
button.orgbtn3 {
    color: #fff;
    height: 30px;
	padding: 2px 10px;
    border: 1px #017ecb solid;
    background-color: #017ecb;
	margin:8px;
	
}

button.orgbtn4 {
    color: #fff;
    height: 34px;
	padding: 2px 10px;
    border: 1px #017ecb solid;
    background-color: #017ecb;
	font-family:  arial, Microsoft JhengHei;
	font-size:16px;
	width:70%; min-width:312px;
	margin-bottom:10px;
	
}

input.orgmbno1 {
	width:100px;
	height: 28px;
    border: 1px #bbb solid;
}

input.orgmbno2 {
	width:45px;
	height: 28px;
    border: 1px #aaa solid;
	background:#aaa;
	color:#fff;
}
img.orgm1{
	width:17px;
	margin-top: -2px;
	margin-left:10px;
	}
img.orgm2{
	width:19px;
	margin-top: -2px;
	margin-left:10px;
	}
	
img.orgm3{
	width:28px; margin-left: 10px;
	}
@media (min-width:600px){	
	
.mdno{
	display:none;
	}

}	

@media (max-width:601px){	
	
.mdno2{
	display:none;
	}

input.orgbtn1 {
	margin-right:0px;
	
}	
select.orgs1{
	width:74px;
	}
	
img.orgm1{
	margin-left:7px;
	}
	
}

@media (max-width:500px){	
	
input.orgmbno1 {
	width:45px;
    border: 1px #bbb solid;
}
}


@media (min-width:800px){	
	
#abgne_float_ad img {
	display:none;
}
}

@media (max-width:800px){	
	
.orgsb{
	display:none;
	}
}





#abgne_float_ad {
	display: none;
	position: absolute;
	background: rgba(255%,255%,255%,0.8);
	

}
#abgne_float_ad img {
	border: none;
	padding:3px;
	margin:7px 0;
}
div.bigDiv {
	
}










































/*--主畫面寬度div------------------*/

.ymain0 {    /*主程式背景色*/
	width:100% ; 
	max-width: 1200px; 
	background:#eaeaea; 
	margin-right: auto;
    margin-left: auto;
	padding: 25px 0 30px 0;
}




@media (max-width:1000px){
	
.ymain0b {    /*BOTTOM上方空間*/
	width:100% ; 
	max-width: 1200px; 
	margin-right: auto;
    margin-left: auto;
	height:60px;
}
	
	
			
.ymain0 {
	
	padding: 10px 0px 40px 0px;
}


.ymainm10 {
	padding: 0 12px;
}
.ymainm13 {
	padding: 0 13px;
}
}


@media (max-width:800px){		
.ymain0 {
	min-height:550px;
}
}



.ymain1 {
	width:96%;
    margin-right: auto;
    margin-left: auto;
	max-width: 1100px;
	text-align:left;
	line-height:200%;
}


.ymain1-2{  /*不要行距加大時使用-會員專區的會員資料等頁面*/
	width:94%;
    margin-right: auto;
    margin-left: auto;
	max-width: 1100px;
	text-align:left;
	min-height:450px;
	
}

.ymain1-3 {  /*相簿內容頁*/
	width:100%;
    margin-right: auto;
    margin-left: auto;
	max-width: 1200px;
	background-color:#444;
	padding:0 0 30px 0;
}

@media (max-width:600px){	
.ymain1-3 {  /*相簿內容頁*/
	padding-bottom:200px;
}
			
}






.ymain2 {    /*主程式背景色*/
	width:100% ; 
	max-width: 1200px; 
	background:#eaeaea; 
	margin-right: auto;
    margin-left: auto;
	padding: 15px ;
	min-height:450px;
}


.ymain2-1 {    /*相簿列表背景色*/
	width:100% ; 
	max-width: 1200px; 
	background:#eaeaea; 
	margin-right: auto;
    margin-left: auto;
	padding: 15px ;
	min-height:450px;
}


.ymain2-2 {    /*主程式背景色*/
	width:100% ; 
	max-width: 1200px; 
	margin-right: auto;
    margin-left: auto;
	padding: 0 ;
	min-height:450px;
}

.ymain3 {    /*首頁 主程式背景色*/
	width:100% ; 
	max-width: 1200px; 
	margin-right: auto;
    margin-left: auto;
	padding: 0px ;
}


.ymain4 {    /*獎金明細頁 -- 主程式背景色*/
	width:100% ; 
	max-width: 1200px; 
	background:#eaeaea; 
	margin-right: auto;
    margin-left: auto;
	padding: 25px  80px ;
	min-height:450px;
}


.ymain5{    /*組織查詢 -- 主程式背景色*/
	width:100% ; 
	max-width: 1200px; 
	margin-right: auto;
    margin-left: auto;
	padding: 25px  10px ;
	min-height:450px;
}


.ymain6{    /*首頁-下方分享*/
	width:100% ; 
	max-width: 1200px; 
	margin-right: auto;
    margin-left: auto;
	height: 55px;
	background:#eaeaea; 
}

@media (max-width:900px){
.ymain0	 {
	background-color: #fff;
	
}
.ymain2 {
	margin: 0px;
	padding:0 0 20px 0;
	background-color: #fff;
	
}

.ymain2-1 {    /*相簿列表背景色*/
	padding: 0 0 40px 0 ;
	margin:0;
	min-height:0px;
}



.ymain4 {    /*主程式背景色*/
	padding: 0 ;
	margin: 0px;background-color: #fff;
}
.ymain5{    /*組織查詢 -- 主程式背景色*/
	padding: 5px  ;background-color: #fff;
}


}







.ymain_page{    /*頁碼*/
	margin-right: auto;
    margin-left: auto;
	padding-top:20px;
	padding-bottom:35px;
}




/*首頁- 熱門和新品底色----------*/
.indhot1{
     background-color: #e1e1e1; 
	 padding:2px 0 10px 0;
}
.indhot2{
     width:100%;  
	 font-size:17px; 
	 margin-top:10px; 
	 text-align: center;
}
.indnewp1{
     background-color: #e9e9e9;
	  padding:2px 0 20px 0;
}
.indnewp2{
    width:100%; 
	font-size:17px; 
	padding-top:10px;
	text-align: center;
}


@media (max-width:700px){
.ymain_page{    /*頁碼*/
	margin-right:20px;
}


.indhot1{
     
	 padding:2px 0 0 0;
}
		
.indhot2{
	 margin:10px 0;
	 background:none;
}
.indnewp1{
     
	  padding:2px 0 10px 0;
}
.indnewp2{
    width:100%; 
	font-size:17px; 
	padding:10px 0;
	text-align: center;
}




}












	
/*--主畫面-動畫div------------------*/
@media (max-width:600px){	/*小於600px時，才有由左至右的動態*/
#andiv1 {   
    width:96%;
	min-height: 300px;
    position:relative;
    animation:AMove1 1s forwards; /*IE*/
    -moz-animation:AMove1 1s forwards; /*FireFox*/
    -webkit-animation:AMove1 1s forwards; /*Chrome, Safari*/
	margin-left:auto;
	margin-right: auto;
	
}
}
@keyframes AMove1{
     from {left:-20%; opacity:0.1;}
    to {left:0%; opacity:1;}
}
@-moz-keyframes AMove1{
     from {left:-20%; opacity:0.1;}
    to {left:0%; opacity:1;}
}
@-webkit-keyframes AMove1{
     from {left:-20%; opacity:0.1;}
    to {left:0%; opacity:1;}
}

	


#andiv2 {    /*配合 .ymain1 的寬度*/
  
	max-width:1100px;
	min-height: 300px;
    position:relative;
    animation:AMove1 1s forwards; /*IE*/
    -moz-animation:AMove1 1s forwards; /*FireFox*/
    -webkit-animation:AMove1 1s forwards; /*Chrome, Safari*/
	
	
}











/*間隔高度---------*/
.height10{
	height: 10px;
	}
	
.height20{
	height: 20px;
	}
	
.height45{
	height: 45px;
	}
	
	
.height_back{
	height: 50px;
	line-height: 50px;
	text-align: right;
	}
	
.marnto12 {
	margin-top:12px;
	}








/*--標題列_ div------------------*/

.ytitle1 {
	width:100%;
    margin-right: auto;
    margin-left: auto;
	max-width: 1200px;
	background-color: #999;
	color: #fff;
	padding:6px 0 6px 15px;
	text-align:left;
	
}




/*--次選單 div -手機畫面才出現------------------*/




	
.mme2div{
	display:none;
	}	


@media (max-width:1000px){		
.mme2div{
	display: block;
	}
}


@media (max-width:600px){		
.mme2div{
	width: 100%;
	height: 32px;
	overflow-x:auto;
	}
	
.mme2main{
	width: 1000px;
	
	}	

}


a.mme2:link, a.mme2:visited   {
	display: block;
	padding:5px 10px;
	background:#666;
	color: #fff;
	float:left;
	margin:0 5px 10px 0;
	line-height:20px;
	border-radius: 4px;
}
a.mme2:hover, a.mme2:active {
	background:#d87a1e;
}



a.mme2-2:link, a.mme2-2:visited   {
	display: block;
	padding:5px 10px;
	background:#d87a1e;
	color: #fff;
	float:left;
	margin:0 5px 10px 0;
	line-height:20px;
	border-radius: 4px;
}






/*--圖片等比縮放 -只呈現局部正方形----*/

.pic-square { /*活動花絮**/
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  overflow: hidden;
}

.pic-square img{
	width:400px;
}



@media (max-width:900px){	
.pic-square { /*活動花絮**/
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
}

.pic-square img{
	width:300px;
}
}

@media (max-width:640px){	
.pic-square { /*活動花絮**/
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  overflow: hidden;
}

.pic-square img{
	min-width:600px;
}
}


@media (max-width:400px){	

.pic-square img{
	min-width:400px;
}


}







.pic-square2 {  /*商店**/
  width: 100%;
  height: 0;
  padding-bottom: 65%;
  overflow: hidden;
  margin-bottom:5px;
}

.pic-square3 {  /*營業據點**/
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  margin-bottom:5px;
}

.stohea{
	z-index:1000; position:absolute; margin:120px 0 0 85%; width:100px;

	}


@media (max-width:700px){	

.stohea{
	margin:120px 0 0 90%;

	}
}










/* 最新消息-----------------*/


.newsd1{
	width:100%;
	padding:0px;
	line-height:28px;
	border-bottom: 1px #ccc solid;
}
	


.newsd2{
	padding:10px 5px;
	border-bottom: 1px #fff solid;
}

.newsd2 img{
    float:right; 
	width:34px; 
	margin: 25px 10px -12px 0;
	
}



.newsd2:hover{
	background-color:#fbe7d8;
	color: #111;
	animation:AMove1 1s forwards; /*IE*/
    -moz-animation:AMove1 1s forwards; /*FireFox*/
    -webkit-animation:AMove1 1s forwards; /*Chrome, Safari*/
	font-size:17px;
	padding-right: 15px;
}


.newsd3{
	padding: 2px 15px; 
	background-color: #F60; 
	margin:0 10px 5px 0;  
	text-align:center; 
	color: #fff; 
	font-size:17px; 
	float:left;
	line-height:30px;
}


.newsd4{
	font-size: 17px;
	color: #CC3300;
	line-height:34px;
}



.newsd5{
	padding: 0; 
	background-color: #fa8639; 
	margin:15px 10px 5px 0;  
	text-align:center; 
	color: #fff; 
	font-size:17px; 
	float:left;
	height:32px;
	line-height:32px;
}

.newsd5 img{
	height:32px;
}


.newsd6 {
	font-size: 17px;
	color: #CC3300;
	line-height:34px;
	padding:15px 0 0 0;  
}



select.newsmenu {
	background-color: #999;
	font-size: 17px ;
	border:0;
	color:#fff;
	height:28px;
	padding:0px;
	
	}


img.newsl {
	float:left;
	margin-right: 6px;
	}
	
img.newsr {
	float:right;
	margin-left: 6px;
	}



@media (max-width:700px){	
.newsd2 img{
    float:right; 
	width:24px; 
	margin: 2px 5px 0 0;
}

.newsd2:hover{
	padding-right: 5px;
	font-size:16px;
}
	
.newsd5{
	padding:0;
	float: none;
	text-align:center;
}

.newsd6 {
	padding:5px 0 0 0;  
}

img.newsl {
	margin-right: 0px;
	}
	
img.newsr {
	margin-left: 0px;
	}


}











/* 影片rwd--css---------------*/

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 58%;
}







/*--購物頁list 頁------------------*/

.shoca_1{
	text-align:left;
	}


.shoca_2{
	float:right;
	}


.shoca_3{
	line-height:38px;
	height:38px;  
	color: #ffffff; 
	background-color:#888; 
	float:left;
	width: 200px;
	}
	
.shoca_4{
	padding: 4px 0 0 8px; 
	height:38px;
	background-color:#aaa; 
	float:right; 
	text-align:left;
	width: 1000px;
	}	
	
	
.shoca_5{
	height:38px;

	}

.shoca_6{  /*類別上方選單----*/
   width:100%; 
   max-width:1200px;
   text-align:left; 
   padding:5px 0 5px 12px;
	}
	

.shoca_7{  /*搜尋清單上方----*/
     width:100%; 
	 padding:40px 0 0 20px; 
	 text-align:left; 
	 
}
@media (max-width:900px){	
.shoca_7{  /*搜尋清單上方----*/
     width:100%; 
	 padding:20px 0 10px 10px;  
	 text-align:left; 
	 margin-bottom:0px;
	 border-bottom: 1px #ddd solid;
	 
}
}
.shoca_8{  /*購物介紹*/
    line-height: 40px;
    padding: 25px 0 0 30px;
	text-align:left;
}	


.shoca_9{  /*升級專區*/
	width:100%;
	max-width:1200px;
	height:34px;
	line-height:34px;  
	color: #ffffff; 
	background-color:#eda74d; 
	margin-top:1px;
	}
	
	

	
@media (min-width:1190px){	/*會員專區的購物產品列表頁*/
.shoca_10{  	
    float:right; 
	width:1000px;
	margin-top:5px;
	min-height:700px;
	}
}	
	
@media (max-width:1190px){	
.shoca_10{  	
	 width:80%; 
	 margin-top:0px;
	 margin-left:200px;
	}
}
@media (max-width:1000px){	
.shoca_10{  	
	 width:100%; 
	 float: none;
	 margin: 0;
	 margin-left:-5px;
	}
}
@media (max-width:800px){	
.shoca_10{  	

	 margin-left:0px;
	}
}




img.addli{
	height: 24px;
	width: 27px;
	margin: 0 4px 7px 0;
	opacity: 0.6;
	}

img.addli:hover{
	opacity:1;
	}
	
button.shpr{
	background-color: #888;
	color: #ffffff;
	border: 0px;
	padding: 3px 6px;
	}	
button.shpr:hover{
	background-color: #f45c00;
	}	
	
input.ishs1{
	border: 0px #e9b380 solid;
	padding: 2px 6px;
	width:150px;
	}	
	
input.ishs2{
	border: 0px #e9b380 solid;
	padding: 2px 4px;
	width:65px;
	}	
	
	
input.ishs3{
	border: 1px #ccc solid;
	padding: 5px;
	width:30px;
	height:25px;
	margin:0 -4px 0 -4px;
	}	
	
		



button.bshs1{	
	width: 28%;
	margin-left:0;
	margin-top:15px;
	padding:8px 0 8px 0;
	background: #f4571a;
	color: #FFF;
	border:0px;
	
	}
button.bshs1:hover {	
	background: #e5470a;
	}	
	

button.bshs2{	
	width: 28%;
	margin-left:2%;
	margin-top:15px;
	padding:8px 0 8px 0;
	background: #267ed5;
	color: #FFF;
	border:0px;
	
	}
		
button.bshs2:hover {	
	background: #1265b8;
	}	
	
button.bshs3{	
	width: 28%;
	margin-left:2%;
	margin-top:15px;
	padding:8px 0 8px 0;
	background: #ec4458;
	color: #FFF;
	border:0px;
	}
		
button.bshs3:hover {	
	background: #e52b41;
	}	
	




	
select.ssh1{
	border: 0px #e9b380 solid;
	height:28px;
	line-height:28px;
	width: 65px;
	}	
	
	
select.ssh2{
	border: 1px #999 solid;
	padding:0 2px;
	height:28px;
	line-height:28px;
	
}	
		

@media (max-width:1200px){	
.shoca_2{
	width:100%;
	margin-top:4px ;
	text-align:center;
	}
.shoca_3{
	width: 20%;
	}
	
.shoca_4{
    width:80%;
	}	




button.bshs1{	
	width: 31%;
	margin-left: 0;
	}


button.bshs2{	
	width: 31%;
	margin-left:1%;
	}
		
	
button.bshs3{	
	width: 31%;
	margin-left:1%;
	}
		









		
}


@media (max-width:1000px){	

.shoca_3{
	display:none;
	}
.shoca_4{
    width:100%;
	z-index:1500;
	position: absolute;
	height:40px;padding-top: 6px;
	}

.shoca_5{
	height:40px;
	background: #eee;

}
	
.shoca_8{  /*購物介紹*/
    line-height: 36px;
    padding: 15px;
}	

}


	
@media (max-width:600px){	

.shoca_4{
	padding-top: 6px;
	}
	

select.ssh2{
	display:none;
	
}	

input.ishs1{
	width: 95px;	font-size:15px;
	}		
	
input.ishs2{
	
	width:60px;
	font-size:15px;
	}	
	
	
button.shpr{
	font-size:15px;
	padding: 3px 4px;
	}	
	
	
	
img.addli{
	margin: 0 5px 5px 5px;
	}
	



	
	
	
button.bshs1{	
	width: 31%;
	margin:10px 0 6px 0;
	}


button.bshs2{	
	width: 34%;
	margin:10px 0 6px 0;
	}
		
	
button.bshs3{	
	width: 31%;
	margin:10px 0 6px 0;
	}
		
			
	
		
}

@media (max-width:360px){
	input.ishs1{
	width:80px;	font-size:14px;  padding: 2px;
	}		
	input.ishs2{
	width:49px;	font-size:14px;padding: 2px;
	}	
	
	button.bshs1,button.bshs2,button.bshs3{	
	font-size: 15px;
	}
}
@media (max-width:330px){
	button.bshs1,button.bshs2,button.bshs3{	
	font-size: 14px;
	}
}
/* 首頁熱門商品-----*/

img.indli1{
	 width:0%; height:0px;
	
	}
@media (max-width:600px){	

img.indli1{
    width:22%; height:2px;
	
	
	}
}










/* 常見問題-------*/


.panel-default > .panel-heading {
   
    background-color: transparent; /*#f4d3bd;*/
    border-color: #fff;
}
.panel-heading {
    padding: 0px 5px 0 0;
    border-bottom: 0px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.panel-qat{
	 color: #ffffff; 
	 height:100%; 
	 float:left; 
	 background-color:#ec8c38; 
	 border-top-left-radius: 4px; 
	 border-right: 0px #fff solid; 
	 padding:0 6px 0 6px; 
	 margin-right:5px;
	 font-size: 18px;
	}



.panel-title {
    margin-top: 2px;
    font-size: 16px;
    color: inherit;
	
}


h4.panel-title a {
    font-size:15px;
    text-transform: capitalize;
    color: #CC3300;
    display: block;
    text-decoration: none;
}

.panel-body {
    padding: 10px 10px 20px 10px;
    color: #777;
    line-height:30px;
    font-size: 16px;

}




/* 活動花絮------*/

.tit_phot{
	line-height:27px;
	padding:10px 6px;
	height:70px;
	overflow: hidden;
	}

.tit_phot:hover{
	background-color:#333;
	color:#CCC;
	}
@media (max-width:600px){	
.tit_phot{
	line-height:27px;
	padding:10px;
	height:70px;
	overflow: hidden;
	}
}

/* 影片介紹------*/


.pic-video {
    padding: 5px 5px 2px 5px;
    border: 1px #dedede solid;
	overflow: hidden;
	margin: 6px 6px 0 6px;
	background-color:#FFF;
}

.pic-video img {
	width:100%;
}


.video_t1{
	line-height:28px;
	height:28px;
	overflow: hidden;
}
	
@media (max-width:600px){	

.video_t1{
	line-height:30px;
	height:30px;
}
}


/*店家*/
.sl1_t1{
	line-height:28px;
	height:28px;
	padding:0 8px;
	overflow: hidden;
}
	
@media (max-width:600px){	

.sl1_t1{
	line-height:30px;
	height:30px;
}
}
	


	

/*--店家介紹-----商店類別下拉選單*/
select option.store_level1{
		background:#ffffff;
		color:#333;
		font-size:16px;
}
select option.store_level2{
		background:#ddd;
	
		
}

select.store_class {
	width:105px;
	padding:2PX;
	height:30PX;
	margin-bottom:4px;
}

select.store_class2 {
	width:75px;
	padding:2PX;
	height:30PX;
	margin-bottom:4px;
}

input.inpstore{	
	padding:2px 8px;
	background: #7babc4;
	color: #FFF;
	border:0px;
	height: 30px;
	margin-bottom:4px;
	
	}
input.inpstore1{	
	padding:2px 8px;
	background: #7babc4;
	color: #FFF;
	border:0px;
	height: 30px;
	margin-bottom:4px;
	
	}


input.inpstore2{
	border: 1px #ddd solid;
	padding:2px 6px;
	height: 30px;
	width:150px;
	margin-bottom:4px;
	
	}	
input.inpstore3{
	border: 1px #ddd solid;
	padding:2px 4px;
	width:70px;
	height: 30px;
	margin-bottom:4px;
	
	}	
input.inpstore4{
	padding:2px 8px;
	background: #ed8c36;
	color: #FFF;
	border:0px;
	height: 30px;
	margin-bottom:4px;
	
	
	}	
	
input.inpstore5{
	padding:2px 8px;
	background: #ed8c36;
	color: #FFF;
	border:0px;
	height: 30px;
	margin-bottom:4px;
	
	
	}
.gmap1{
	height: 496px;
	}


.stimes {
	color:#888;
	line-height:28px;
	}

.sdis1{
	padding:5px; background: #fff; margin-bottom:10px;
}

	
@media (max-width:990px) {	
.gmap1{
	height: 400px;
	}

.gmap2{
	padding-right: 0px;
    padding-left: 0px;
	margin-top:10px;
	}
	
	
}

@media (max-width:800px) {
input.inpstore2{
	width:26%;font-size:17px; 
	}
	
input.inpstore3{
	width:26%;font-size:17px; 
	}
	
input.inpstore1{	
	width:17%;font-size:17px; 
	
}
input.inpstore4{
	width:26%;font-size:17px; 
	
	
}	
		
		
select.store_class { width: 26%; border:0px; margin-bottom:6px; font-size:17px; padding:2px 0;}
select.store_class2 { width:17%; border:0px; margin-bottom:5px; font-size:17px; padding:2px 0;}

.sdis1{
	padding:0px;
}




.mbtom8{
	margin-bottom:0px;
}
li.sdis2{  /*店家列表在手機版樣式*/
	border:0px;
	/*border-bottom:10px #CCC solid;*/
	border-top:1px #eee solid;
	padding:0px 6px;
	
	}




}





/*--店家介紹-----商圈地圖*/

img.twmap {
   width:330px; margin-top:10px
	}

.ssmat1{
    width:100%; 
	margin-top:10px; 
	padding:6px; 
	background: #ddd;
	}


/*--商圈選單*/
.ssmat2{
	width:58%; 
	float:left;
}


/*--地圖*/
.ssmat3{
	width:35%; 
	margin-left:5% ;
	min-width:350px; 
	float:left; 
	text-align:center;
}

@media (max-width:980px) {
.ssmat2{
	width:54%; 
}
.ssmat3{
	width:44%; 
	margin-left:2% 
}
}


@media (max-width:820px) {
.ssmat2{
	width:47%; 
}
.ssmat3{
	width:53%; 
	margin-left:0% 
}

}

.ssma1-1{
	display:none;
}


.ssma2-1{
   display:none;
}


@media (max-width:750px) {
.ssmat2{
	display:none;
}
.ssmat3{
	width:330px;
	float:none; 
}
.ssma1{
	display:none;
}
.ssma2{
   display:none;
}



.ssma1-1{
	z-index:1000; 
	position:absolute; 
	padding:12px 0;  
	width:90px;
	background:#777; 
	color: #fff; 
	border-radius: 5px; 
	color:#fff; 
	font-size:19px;
	display: block;
}


.ssma1-1:hover{
	background:#ff6600;
}

.ssma2-1{
	z-index:1000; 
	position:absolute; 
	padding:12px 0;  
	width:90px;
	background:#ff6600; 
	color: #fff; 
	border-radius: 5px; 
	color:#fff; 
	font-size:19px; 
	display:block;
}

}


.ssmat4{
	width:330px;
}


.ssmat4-2{
	display:none;
}

/*--北部*/
.ssmat5{ 

	margin: 60px 0 0 160px; 
}

.ssmat6{ 

	margin: 220px 0 0 90px;
}


.ssmat7{
	margin: 415px 0 0 48px; 
}


.ssmat8{
	margin: 325px 0 0 200px; 


}


.ssmat9{
	margin: 490px 0 0 200px;
}


.ssma1{
	z-index:1000; 
	position:absolute; 
	padding:12px 0;  
	width:90px;
	background:#777; 
	color: #fff; 
	border-radius: 5px; 
	color:#fff; 
	font-size:19px; 
}


.ssma1:hover{
	background:#ff6600; 
}

.ssma2{
	z-index:1000; 
	position:absolute; 
	padding:12px 0;  
	width:90px;
	background:#ff6600; 
	color: #fff; 
	border-radius: 5px; 
	color:#fff; 
	font-size:19px; 
}











/*--購物-----店家部份*/

.dsst0{
	
	width: 240px;height: 80px;margin: 0;float: left;
}
.dsst1{
	width:100%; 
	max-width: 1200px; 
	height:100px; 
	background:#eed6b4;
    padding:10px; 
	text-align:left;
    border:0px;
    margin:4px 0;
}
.dsst2{
	padding:10px 25px;  
	float:left; 
	font-size:17px; 
	line-height:30px; 
	color: #462100;
}

.dsst3{
	float:left; 
	padding:15px 30px 5px 30px; 
	text-align:center; 
	font-size:17px; 
	line-height:36px;
	border-left: 1px #f1c094 solid;
	color: #dd630a;
}
.dsst3:hover{
	color: #cc0000;
}

.ss1{
	font-size:23px;
	}
	
img.sstoi{
    width:240px; 
	height:80px; 
	margin:0; 
	float:left;
	}
	
.ssdn3{
	display: none;
	}
.ssdn2{
	margin-top:-6px;
	line-height:32px;
	}
@media (max-width:1180px) {
.dsst2{
	padding:10px 20px;  
	line-height:28px; 
}

.dsst3{
	float:left; 
	padding:10px 20px; 
}

}

@media (max-width:1060px) {
.dsst2{
	padding:10px;  
	line-height:28px; 
	font-size:16px; 
}

.dsst3{
	padding:10px; 
	font-size:16px; 
}

}


@media (max-width:960px) {
.dsst2{
	padding:5px 10px;
	width:65%;
	
}
.dsst3{ 
	padding:5px 7px; 
	font-size:15px;
	border:none; 
}
.ss1{
	font-size:16px;
	letter-spacing:2px;
	}
.ssdn1{
	display:none;
	}
.ssdn2{
	margin-top:0px;
	}

}
@media (max-width:820px) {

.ssmat4{
	display:none;
}


.ssmat4-2{
	display: inline;
}


.dsst0{
	width: 100%;height: auto;margin: 0; float: none;
}


.dsst1{
    border: 0px;
	margin:0;
    padding:0;
	
}
.dsst2{
	padding: 5px 0 0 10px;
	width: 100%;
	background:#eed6b4;;
	font-size:19px; 
	
	
}
.c552f0d {
	color: #552f0d;
	}
.dsst3{ 
	padding: 0;
	width:25%;
	text-align:center;
	background:#eed6b4;;
	margin:0;
}
.ss1{
	font-size:15px;
	letter-spacing:2px;
	}

img.sstoi{
    width:100%;
	height:auto;
	float:none;
	margin-top:1px;
	}
.ssdn2{
	display:none;
	}
.ssdn3{
	display: inline;
	color: #666;
	}
}

















/*--店家管理-----*/


button.h45 {
	height:38px;
	
	}
input.h45 {
	height:38px;
	
	}
#satt_s1{
	width:100%;
	background-color: #93b0c6;
	color: #fff;
	line-height:36px;
	}

#satt_s2{
	width:100%;
	max-width:1200px;
	background: #ddd; 
	padding: 5px 0 25px 0;
	
	}

@media (max-width: 650px) {


input.h45 {
	height:45px;
	font-size: 19px;
	
	}
button.h45 {
	height:45px;
	font-size: 19px
	
	}
}


/*選單-----*/

a.asa1:link, a.asa1:visited   {
	display:block;
	float:left;
	padding: 0 15px;
	color: #555;
	font-size:16px;
	margin:8px 0 ;
	border-right: 1px #999 solid;
	
	
}
a.asa1:hover, a.asa1:active {
	
}


a.asa2:link, a.asa2:visited   {
	display:block;
	float:left;
	padding: 0 15px;
	color: #015692;
	font-size:16px;
	margin:8px 0 ;
	border-right: 1px #999 solid;
}
a.asa2:hover, a.asa2:active {
	
}




@media (max-width:1000px) {
a.asa1:link, a.asa1:visited   {
	font-size:17px;
	padding: 0 8px;
	border-right: 0px;
	border-left: 1px #999 solid;
	margin-left:-1px;
	
	
}
a.asa2:link, a.asa2:visited   {
	font-size:17px;
	padding: 0 8px;
	border-right: 0px;
	border-left: 1px #999 solid;
	margin-left:-1px;
	
}
}




input.satconfirmin {
	line-height: 36px;
	width:100%;
	background: #116bb7;
	color: #fff;
	border: 0px;
}






/*選單-----*/

a.asaa1:link, a.asaa1:visited   {
	display:block;
	float:left;
	padding: 0 15px 0 0;
	color: #fff;
	font-size:16px;
	margin:8px 15px 8px 0 ;
	border-right: 1px #fff solid;
	
	
}
a.asaa1:hover, a.asaa1:active {
	
}


a.asaa2:link, a.asaa2:visited   {
	display:block;
	float:left;
	padding: 0 15px 0 0;
	color: #fce39f;
	font-size:16px;
	margin:8px 15px 8px 0 ;
	border-right: 1px #fff solid;
}
a.asaa2:hover, a.asaa2:active {
	
}








/*--店家管理-上方圖-----*/

.stadtop{ 
     z-index:1000; 
	 position:absolute; 
	 margin:30px 0 0 0; 
	 font-size:22px;
	 color: #fff;
	 letter-spacing: 1px;
}
.stadtop2{
	background: #0268a8;
	color:#fff;
	font-size:18px;
	width:100%;
	padding:5px 6px;
	letter-spacing:1px;
}

img.satd1{
	display: none;
}

#stabg{
	width:100%;
	height:160px;
	background:url(../images/store_top3.jpg);
	background-position: center;
}
#stabg2{
	display:none;
}
@media (max-width:1200px) {
.stadtop{ 

	 margin:30px 0 0 15px; 
}

}

@media (max-width:750px) {
.stadtop{ 
	 margin:15px 0 0 15px; 
	 font-size:20px;
}

#stabg2{
	display: inline;
}


#stabg{
	display:none;
}

img.satd1{
	display: inline;
}
img.satd2{
	display: none;
}

}












/*店家管理---產品---*/


input.saprinp{	
	padding:2px 14px;
	background: #7babc4;
	color: #FFF;
	border:0px;
	height: 33px;
	font-size:17px;
	
	}


.dsaprol{
	float:left;
	width:19%;
	margin-left:1%;
	text-align:center;
	overflow:hidden;
	line-height:34px;
}


.dsapro2{
	float:left;
	width:25%;
	text-align:center;
	overflow:hidden;
	line-height:34px;
}


.dsapro3{
	float:left;
	width:8%;
	text-align:right;
	margin-right:2%;
	line-height:34px;
}


.dsapro4{
	float:left;
	width:8%;
	text-align:right;
	margin-right:2%;
	line-height:34px;
}


.dsapro5{
	float:left;
	width:15%;
	text-align:center;
	line-height:34px;
}


.dsapro6{
	float:left;
	width:10%;
	text-align:center;
	line-height:34px;
}

.dsapro7{
	float:left;
	width:10%;
	text-align:center;
	line-height:34px;
}


.textlef{
	text-align:left;
	height:34px;
	line-height:34px;
	}




img.saimp{
	width:35px;
	margin: 3px;
}

img.saimp2 {
	width:100%;
	margin: 5px 0;
}

.inp_uppr1 {
    width:24%;
	margin:5px 0 5px 1%;
	float:left;
}

@media (max-width:980px) {

.dsapro5{
	display: none;
}
.dsaprol{
	width:24%;
}

.dsapro2{
	width:30%;
}
.dsapro6{
	width:15%;
}


}

@media (max-width:1180px) {

input.saprinp{
	padding:2px;
	width:16%;
	
	}
}

@media (max-width:1060px) {

input.saprinp{
	padding:2px;
	width:15%;
	font-size:15px;
	
	}
}
@media (max-width:1000px) {

input.saprinp{
	font-size:18px;
	
	}
}	
@media (max-width:740px) {


.dsaprol{
	display: none;
}

.dsapro2{
	width:44%;
	margin-left:1%;
	overflow: hidden;
}

.dsapro6{
	width:20%;
}

.dsapro3{
	float:left;
	width:10%;
	text-align:right;
	margin-right:1%;
}


.dsapro4{
	float:left;
	width:10%;
	text-align:right;
	margin-right:1%;
}

}



@media (max-width:650px) {
input.saprinp{
	width:26%;
	
	}	
.dsapro3{
	display: none;
}


.dsapro4{
	display: none;
}


.dsapro2{
	width:59%;
	margin-left:1%;
}
.dsapro6{
	width:23%;
}

.dsapro7{
	width:17%;
}
.inp_uppr1 {
    width:49%;
	margin:5px 0 5px 1%;
	float:left;
}

}






/*店家管理---產品管理細項---*/

input.saprinp2{
	margin-top:5px;
	padding:2px 14px;
	background: #7babc4;
	color: #FFF;
	border:0px;
	height: 33px;
	width:18%;
	font-size:17px;
}

input.saprinp3{
	margin-top:5px;
	padding:2px 14px;
	background: #999;
	color: #FFF;
	border:0px;
	height: 33px;
	width:18%;
	font-size:17px;
}

input.saprinp4{
	margin-top:2px;
	padding:2px 14px;
	background: #7babc4;
	color: #FFF;
	border:0px;
	height: 32px;
	width:17%;
	margin-left: 1%;
	font-size:17px;
}

input.saprinp5{
	margin-top:2px;
	padding:2px 14px;
	background: #7babc4;
	color: #FFF;
	border:0px;
	height: 32px;
	margin-left: 1%;
	font-size:17px;
}



@media (max-width:550px) {
.dblock{
	display:block; width:100%; height:36px; margin-top:8px;
	}

}














/*店家管理---運費--*/

.stafr1{
	width:76%; 
	float:left; 
	margin-left:2%; 
	text-align:left; 
	line-height:36px;
	}

.stafr2{
	width:20%; float:left;
	padding-top:5px;
	text-align:left;
	}


.stafr3{
	width:50%;
	float:left; 
	}

input.stafri{
	margin-top:-2px;
	width: 80px; 
	height:32px; 
	border:0px;
	 text-align:center;
	 font-size: 18px;
	}

img.stafrimg{
	width: 23px;
	margin-right:15px;
	}

.stabr {
	display:none;
	}

@media (max-width:580px) {
.stafr1{
	width:65%; 
	margin-left:10%; 
	line-height:45px;
	}

.stafr2{
	width:25%; 
	float:left;
	padding-top:12px;
	}

img.stafrimg{
	margin:0 0 16px 0;
	}
.stafr3{
	width:100%;
	float:left; 
	}

.stabr {
	display: inline;
	}
input.stafri{
	
	width: 100px; 
	}	
}



@media (max-width:380px) {
input.stafri{
	
	width: 90px; 
	}
.stafr1{
	width:72%; 
	margin-left:8%; 
	}

.stafr2{
	width:20%; 
	}	
}











/*店家管理---店家資訊---*/
.m6 {
	margin-top: 6px;
	}
.m8 {
	margin-top: 8px;
	}
.m10 {
	margin-top: 10px;
	}
.m12 {
	margin-top: 12px;
	}
img.saiup1 {
	width:100%;
	margin:5px 0;
}
img.saiup2 {
	width:100%;
	margin:5px 0;
}
.inp_up1 {
    width:32%;
	margin:5px 0 5px 1%;
	float:left;
}
.inp_up2 {
    width:15.5%;
	margin:5px 0 5px 1% ;
	float:left;
}

button.saa_send {
	margin:15px 0;
	width:180px;
	line-height:36px;
	background: #cc0000;
	color: #FFF;
	border:0px;
	font-size: 1em;
	}


input.upinp1{
	width:50px;
	padding: 0;
	text-align:center;
	background-color: transparent;
	border:0px;
	border-bottom:1px #999 solid;
	}


input.upinp2{
	padding:3px 0;
	width:54px;
	float:right;
	text-align:center;
	background-color: #999;
	color:#fff;
	border:0px;
	}
	
@media (max-width:1100px) {
.inp_up2 {
   width:32%;
	margin:5px 0 5px 1%;
	float:left;
}


}


@media (max-width:600px) {

.inp_up1 {
    width:100%;
}
.inp_up2 {
    width:49%;
	margin:5px 0 5px 1% ;
}


}




/*店家管理---對帳---*/
.dsarecl{
	float:left;
	width:5%;
	padding-left:8px;
	padding-top:6px;
	text-align:center;
	
}
.dsarec1-2{
	float:left;
	width:5%;
	padding-top:12px;
	padding-left:8px;
	text-align:center;
	
}


.dsarec2{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}


.dsarec3{
	float:left;
	width:15%;
	text-align:center;
	line-height:36px;
}

.dsarec22{
	float:left;
	width:22%;
	text-align:center;
	line-height:36px;
}
.dsarec10-2{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}


.dsarec4{
	float:left;
	width:10%;
	text-align:right;
	margin-right:2%;
	line-height:36px;
}


.dsarec5{
	float:left;
	width:8%;
	text-align:right;
	margin-right:2%;
	line-height:36px;
}


.dsarec6{
	float:left;
	width:8%;
	text-align:right;
	margin-right:2%;
	line-height:36px;
}

.dsarec7{
	float:left;
	width:11%;
	text-align:right;
	margin-right:2%;
	line-height:36px;
}

.dsarec8{
	float:left;
	width:13%;
	text-align:center;
	line-height:36px;
}

.dsarec9{
	float:left;
	width:12%;
	text-align:center;
	line-height:36px;
}


.dsarec10{
	display: none;
}

.dsarec11{
	display: none;
}

@media (max-width:980px) {

.dsarec2{
	display:none;
}
.dsarec3{
	width:20%;
}
.dsarec8{
	width:15%;
}
.dsarec9{
	width:15%;
}
}


@media (max-width:800px) {

.dsarecl{
	width:8%;
	float:left;
}
.dsarec1-2{
	padding-left:10px;
	width:8%;
	float:left;
}

.dsarec3{
	display:none;
}
.dsarec4{
	display:none;
}
.dsarec5{
	display:none;
}
.dsarec6{
	display:none;
}
.dsarec7{
	display:none;
}

.dsarec8{
	display:none;
}
.dsarec9{
	display:none;
}

.dsarec10{
	display: block;
	width:92%;
	margin:8px 0;
	float:left;
	line-height:28px;
}

.dsarec11{
	display: block;
	width:85%;
	float:left;
	margin-left:-4px;
}

.dsarec22{
	display:none;
}
.dsarec10-2{
	display:none;
}
.dsarec12{
	width:49%;
	float:left;
		}



}


@media (max-width:500px) {
.dsarecl{
	width:15%;
	float:left;
}
.dsarec1-2{
	padding-left: 8px;
	width:15%;
	float:left;
}
.dsarec10{
	width:85%;
}
.dsarec12{
	width:99%;
	float:left;
		}


}

































/*店家管理---訂單查詢---*/
.dsaodl{
	float:left;
	width:5%;
	padding-top:6px;
	text-align:center;
}
.dsaod1-2{
	float:left;
	width:5%;
	padding-top:12px;
	padding-left:8px;
	text-align:center;
}


.dsaod2{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}


.dsaod3{
	float:left;
	width:15%;
	text-align:center;
	line-height:36px;
}


.dsaod4{
	float:left;
	width:18%;
	text-align:center;
	line-height:36px;
}

.dsaod5{
	float:left;
	width:8%;
	text-align:right;
	margin-right:2%;
	line-height:36px;
}


.dsaod6{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}

.dsaod7{
	float:left;
	width:12%;
	text-align:center;
	line-height:36px;
}

.dsaod8{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}

.dsaod9{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}

.dsaod12{
	float:left;
	width:30%;
	text-align:center;
	line-height:36px;
}



.dsaod10{
	display: none;
}

.dsaod11{
	display: none;
}

@media (max-width:980px) {
.dsaod7{
	display:none;
}
.dsaod2{
	width:14%;
}
.dsaod3{
	width:17%;
}
.dsaod8{
	width:12%;
}
.dsaod9{
	width:14%;
}
	
}


@media (max-width:800px) {
.dsaod5{
	display:none;
}
.dsaod2{
	width:16%;
}
.dsaod3{
	width:18%;
}
.dsaod6{
	width:13%;
}
.dsaod8{
	width:13%;
}
.dsaod9{
	width:17%;
}

}


@media (max-width:620px) {
.dsaodl{
	width:15%;
}
.dsaod1-2{
	padding-left:10px;
	width:15%;
}

.dsaod2{
	display:none;
}
.dsaod3{
	display:none;
}
.dsaod4{
		display:none;
}
.dsaod6{
	display:none;
}
.dsaod8{
	display:none;
}
.dsaod9{
	display:none;
}

.dsaod10{
	display: block;
	width:85%;
	margin:8px 0;
	float:left;
	line-height:28px;
}

.dsaod11{
	display: block;
	width:85%;
	float:left;
}



}





/*推播管理---*/

.dsaod15-push{
	float:left;
	width:15%;
	text-align:center;
	line-height:36px;
}


.dsaod10-push{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}


.dsaod20-push{
	float:left;
	width:20%;
	text-align:center;
	line-height:36px;
}

.dsaod1-push{
	float:left;
	width:15%;
	text-align:center;
	line-height:36px;
}

.dsaod2-push{
	float:left;
	width:10%;
	text-align:center;
	line-height:36px;
}

.dsaod100-push{
	float:left;
	width:100%;
	text-align:center;
	line-height:36px;
}

@media (max-width:980px) {
.dsaod15-push{
	display: none;
}


.dsaod10-push{
	display: none;
}


.dsaod20-push{
	display: none;
}

.dsaod1-push{
	width:50%;
}

.dsaod2-push{
	width:50%;
}


}


@media (max-width:800px) {
.dsaod15-push{
	display: none;
}


.dsaod10-push{
	display: none;
}


.dsaod20-push{
	display: none;
}

.dsaod1-push{
	width:50%;
}

.dsaod2-push{
	width:50%;
}

}


@media (max-width:620px) {
.dsaod15-push{
	display: none;
}


.dsaod10-push{
	display: none;
}


.dsaod20-push{
	display: none;
}

.dsaod1-push{
	width:50%;
}

.dsaod2-push{
	width:50%;
}

}


/*館別設定---*/


.dsaod1-hall{
	float:left;
	width:50%;
	text-align:center;
	line-height:36px;
}

.dsaod2-hall{
	float:left;
	width:50%;
	text-align:center;
	line-height:36px;
}


@media (max-width:980px) {

.dsaod1-hall{
	width:50%;
}

.dsaod2-hall{
	width:50%;
}


}


@media (max-width:800px) {

.dsaod1-hall{
	width:50%;
}

.dsaod2-hall{
	width:50%;
}

}


@media (max-width:620px) {

.dsaod1-hall{
	width:50%;
}

.dsaod2-hall{
	width:50%;
}

}











/* 頁碼---------------------------*/

input.page01 {
	line-height: 29px;
	padding: 0 6px;
	background: #777;
	color: #fff;
	border: 0px;
}

input.page02 {
	line-height: 27px;
	width: 40px;
	border: 1px #ccc solid;
	text-align:center;
}
	

/*入會條款----*/

#d_joru{
   width:100%;
   max-width: 1100PX;
   line-height:30px;
   height:30px;
   text-align:center;
   color:#FFFFFF;
   letter-spacing:1px;
   font-size: 16px;
   background-color:#bbb;
   border-radius: 5px 5px 0 0;
}

#d_join1{
  background-color:#efefef;
  line-height: 32px;
  height:62vh;
  width:100%;
  max-width: 1100PX;
  padding:0 0 5px 0 ;
  text-align: left;
  overflow: auto;
}


/*--聯絡我們--------------------------*/

.contact_01{
	float:left; 
	width:85px;
	text-align:left;
	line-height:50px;
	letter-spacing: 2px;
}





/* 會員專區-手機版主選單---------------------------*/

#mbbmenu1{	
font-size: 17px; padding:10px; width:100%; background: #242932; color:#fff;	
	}

#mbbmenu1 select{	
    margin-bottom:5px; background-color:#242932; border:1px #555 solid; color:#fff;
	}
	
#mbbmenu2 {
width:100%; border-bottom:1px #313642 solid; background:#3a414d; text-align:left; height:50px; line-height:50px; color:#fff;	
}




#mbbmenu2:hover {
	background:#4f5762;
}

#mbbmenu3 {
width:60px; height:50px; float:left; border-right:1px #313642 solid; margin-right:15px; text-align:center; 
}

#mbbmenu3 img {
width:22px; margin-top:14px;
}







/* 會員專區---------------------------*/

.mbmain {
    max-width:500px; 
	text-align:left;
}


input.confirmin {
	line-height: 36px;
	width:94%;
	margin-left:3%;
	background: #116bb7;
	color: #fff;
	border: 0px;
	}


input.confirmin2 {
	line-height: 36px;
	width:100%;
	background: #116bb7;
	color: #fff;
	border: 0px;
	font-size:17px;
	}


	
input.confirmin3 {
	line-height: 24px;
	padding:0 6px;
	background: #7babc4;
	color: #fff;
	border: 0px;
	font-size:15px;
}


input.confirmin4 {  /* 入會確認鈕-----*/
	line-height: 30px;
	padding:0 65px;
	background: #116bb7;
	color: #fff;
	border: 0px;
	font-size:17px;
	margin-top:10px;
}
@media (max-width:780px) {
input.confirmin4 { /* 入會－購物清單　購物鈕-----*/
	width:96%;
	margin:10px 0;
	}
}




button.confirmbu1 { /* 入會－購物清單　購物鈕-----*/
	line-height: 32px;
	width:200px;
	background: #116bb7;
	color: #fff;
	border: 0px;
	font-size:16px;
}
button.confirmbu1-2{ /* 購物流程-歷史寄送資訊-地址-----*/
	border: 0px;
	font-size:16px;
	text-align: left;
	background: #fff;
	padding:0;
	margin: 6px 0;
}
button.confirmbu1-3{ /* 購物流程-歷史寄送資訊-按鈕-----*/
	background: #7babc4;
	color: #fff;
	padding:3px 6px;
	border: 0px;
	
}	
button.confirmbu1-4{ /* 購物流程-歷史寄送資訊-刪除按鈕-----*/
	background: #7babc4;
	color: #fff;
	padding:3px 6px;
	border: 0px;
	margin:0px 15px;
}
	
button.confirmbu2 { /* 行事曆-新增報名人員-----*/
	line-height: 32px;
	width:200px;
	background: #999;
	color: #fff;
	border: 0px;
	font-size:16px;
}

div.share_address {
	width:450px;
}
	
@media (max-width:780px) {
button.confirmbu1 { /* 入會－購物清單　購物鈕-----*/
	width:100%;
	margin-bottom:20px;
}
button.confirmbu2 { /* 行事曆-新增報名人員-----*/
	width:100%;
	margin-bottom:20px;
}	

div.share_address { 
	width:100%;
}	
	
	
	
}




/*會員專區-層碰業績查詢-----------*/

input.mlea1{
	border: 1px #ddd solid;
	height:28px;
	width:42px;
	text-align:center;
	}
.dmlea {
	float:left;
	margin: 0 25px 6px 0;
	}
.dmlea select {	
	width:80px;
	height: 28px;
	}


.dmle1 {
	float: left;
	width: 16%;
	text-align:center;
	}

.dmle2 {
	float: left;
	width: 27%;
	text-align:left;
	}
.dmle3 {
	float: left;
	width: 15%;
	text-align:left;
	}
.dmle4 {
	float: left;
	width: 16%;
	}


.mles1{
	text-align:center;
	line-height:34px;
	background-color: #bedbef;
	}		
.mles2{
	text-align:center;
	line-height:32px;
	background-color:#FFF;
	border-bottom: 1px #b7cadd solid;
	}	
.mles3{
	float: left;
	margin-right:8px;
	}
.mles4{
	text-align:center;
	line-height:34px;
	background-color: #76a5c5;
	color: #fff;
	}	
		
@media (max-width: 900px) {
.dmlea {
	margin: 0 0 6px 6px;
	}	
select.leav2 {	
	width:60px;
	}
	
.mles1{
	text-align:left;
	}		
.mles2{
	text-align:left;
	}	
	
}
@media (max-width: 600px) {
.mles3{
	float: none; 
	height:32px;
	overflow:hidden;
	}
	
}





/*組織訂購明細------*/
input.dor1{
	border: 1px #ddd solid;
	height:28px;
	width:100px;
	text-align:center;
	}
.ldor1{
	float:left;
	margin-right:35px;
	text-align:left;
	margin-bottom:10px;
}
.ldor1 select{
	height:30px; 
}
.ddor1 {
	float: left;
	width: 15%;
	text-align:center;
	}
.ddor2 {
	float: left;
	width: 50%;
	height:30px; 
	overflow:hidden;
	}
.ddor3 {
	float: left;
	width: 17%;
	text-align:right;
	}
	
.ddor4 {
	background: #dbe4ea;
	text-align:right;
	line-height:34px;
	height:34px;
	width: 100%;
}
@media (max-width: 700px) {
.ldor1{
	margin-right:0px;
}
}



/*久未消費查詢------*/
.nore1 {
	width:44%;
	float:left;
	height:30px;
	overflow: hidden;
	padding-left:1%
	
	}
.nore2 {
	width:24%;
	float:left;
	padding-left:1%
	}
.nore3 {
	width:30%;
	float:left;
	text-align:center;
	}








/*我的帳戶------*/


.mybtn1 {
    width: 100%;
    border: 0;
    border-bottom: 1px #ddd solid;
    padding: 10px;
}

.mybtarrow {
    float: right;
    width: 23px;
}









	


/*--會員專區-上方banner*/
@media (max-width: 800px) {
.mbbannerno {
	display:none;
	}	
}


/*--會員專區-次選單*/


.mbmainbt{
	width:100%;
	height:36px;
	overflow-y:hidden;
	overflow-x:auto;
	max-width:1200px;
}

.mbmainbt2{
	min-width: 500px;
	height:36px;
}

.mbmainbt3{ /*--店家管理-選單*/
	width:100%;
	height:38px;
	overflow-y:hidden;
	overflow-x:auto;
	text-align:left; 
}
.mbmainbt4 {
	display:none;
	}
.mbmainbt5{
	width:100%;
	height:36px;
	overflow-y:hidden;
	overflow-x:auto;
	max-width:1200px;
	margin-top:-10px;
	display:none;
	/* store_admin 縮小版title*/
}
@media (max-width: 1000px) {
.mbmainbt3{
	display:none;
}
.mbmainbt4 {
	width:100%;
	height:36px;
	overflow-y:hidden;
	overflow-x:hidden;
	text-align:left; 
	margin:5px 0 5px 0;
	display:block;
	}
.mbmainbt5{
	width:100%;
	height:36px;
	overflow-y:hidden;
	overflow-x:auto;
	max-width:1200px;
	margin:5px 0 0 5px;
	display:block;
	/* store_admin 縮小版title*/
}	
}



/*--查詢列表背色--獎金查詢*/


.bg_fff{
	background: #fff;
}
















/*上方選單--固定在上方，下方需間隔的空間設定------*/

#tmenu_top{ /*主選單的底色及陰影設定*/
z-index:1500000;   position: fixed; min-width: 100%; transition: opacity .5s ease-out; background-color:#fff;	box-shadow:0px 2px 3px rgba(0%,0%,0%,0.2);
}
#tmenu_topdd {  /*各解析度的height 要跟 tmenu_top一致*/
	height:97px;
}	
@media (max-width: 1000px) {
#tmenu_top{
height:94px;
}
#tmenu_topdd {  /*各解析度的height 要跟 tmenu_top一致*/ 
	height:93px;
	}

}	
@media (max-width: 700px) {

#tmenu_top{
	height:44px;
}
#tmenu_topdd { /*各解析度的height 要跟 tmenu_top一致*/
	height:44px; 
	}

}

/*彈跳的登入視窗的半透明背景色也要配合 tmenu_top*/

.login_css {
	margin-top:14px;
	
}
@media (max-width:1000px){
.login_css {
	margin-top:8px;
	
}
}
@media (max-width:700px){
.login_css {
	margin-top:2px;
	
}

}















/*手機版選單*/
@media (max-width: 1000px) { 
li.tolinn {
	display:none;
	}
li.tocen {
	text-align:center;
	padding: 0;
	margin-top: 10px;
	}
li.tocen2 {
	text-align:center;
	}

#bs-example-navbar-collapse-1{ /*手機版選單展開的高度和背景色*/
	background: #e8e6e6;
	padding-bottom:15px;
	min-height: 100vh !important;
	}

img.bticon{ /*手機版選單圖片*/
	width: 24px;
	margin:-3px 12px 0 0;
	}
.navbar-default .navbar-nav > li > a{
	font-size:19px;
	color: #555;
	padding-right:30px;
	letter-spacing: 4px;
	
	}
}




@media (min-width: 1000px) {
li.tolinn2 {
	display:none;
	}

img.bticon{  /*手機版選單圖片-解析度小於1000時不顯示*/
	display:none;
	}
}






/*子站首頁------*/

.isub1 {
    width:100%; 
	max-width:1200px; 
	text-align:left; 
	margin-bottom:6px;
	line-height:32px;
}


.isub2 {
    width:100%;
	background:#f3d6ad;
	color:#a42c02;
	margin-bottom:8px;
	padding-left:10px;
}



.isub3-1 {
    width:36%; 
	float:left; 
	margin-right: 3%;
}

.isub3-2 {
    width:36%;
	float:left;
}

.isub3-3 {
    width:20%;
	float:left; 
	margin-left:3%;
}


img.isu1 {
	max-width:45%; 
	float:left; 
	margin-right:10px;
	max-height: 195px;
	}


a.ais1:link, a.ais1:visited   {
	display:block;
	width:100%; 
	background:#f08732; 
	height:40px; 
	line-height:40px; 
	margin:2px 0 8px 0; 
	text-align: center; 
	color: #fff;
}
a.ais1:hover, a.ais1:active {
	background: #e26704;	
}


@media (max-width: 1220px) {
.isub1 {
    width:99%;
}


}
@media (max-width: 1000px) {
.isub1 {
  
	margin-top:10px;
}

.isub3-1 {
	max-height:195px; 
	overflow: hidden;
}

.isub3-2 {
	max-height:195px; 
	overflow: hidden;
}

.isub3-3 {
	max-height:195px; 
	overflow: hidden;
}
}


@media (max-width: 550px) {
.isub1 {
      width:98%;
	line-height:30px;
}

.isub3-1 {
    width:98%; 
	float: none; 
	max-height:150px;
	border-bottom: 1px #ddd solid;
	margin-bottom:10px;
}

.isub3-2 {
    width:98%; 
	float: none;
	max-height:150px;
}

.isub3-3 {
    width:100%; 
	float: none;
	margin-top:10px;
}

img.isu1 {
    max-width: 40%;
	}

a.ais1:link, a.ais1:visited   {
	width:96%; 
	margin:5px 0 6px 0;
	
}


}

/*子站推薦商品------*/
.dfff{
	background:#FFF;
	line-height:34px;
	}
.dleftsp{
	float:left;
	width: 99%;
	padding-left:1%;
	}
input.subpi1{	
	padding:2px 8px;
	background: #7babc4;
	color: #FFF;
	border:0px;
	height: 28px;
	text-align: center;
	margin: 4px 6px;
	float:right;
	
	}
input.subpi2{	
	padding:2px 15px;
	background: #d67002;
	color: #FFF;
	border:0px;
	height: 28px;
	text-align: center;
	margin: 4px 0;
	
}




.subp1 {
	width:48%;
	border:5px #fff solid;
	background: #ffffff;
	float:left;
	margin: 1%;
}
.subp1 img {
	width:25%; 
	float: left;
}
.subp2 {
	float: left;
	width:65%;
	margin-left: 5%;
	line-height: 34px;
}


	
	
@media (max-width: 600px) {
.subp1 {
	width:99%;
	float:none;
	margin-bottom:10px;
}
.subp1 img {
	width:30%; 
}
.subp2 {
	width:60%;
}
}



/*子站統計------*/
input.isubpo1 {
    border: 1px #ddd solid;
    padding: 1px 6px;
	text-align:center;
    width: 125px;
}

.disupo1{
	float:left;
	width:70%;
	padding-left:1%;
	}
.disupo2{
	float:left;
	width:29%;
	text-align:center;
	}
	
	
.disupo3{
	float:left;
	width:40%;
	padding-left:1%;
	}
.disupo4{
	float:left;
	width:20%;
	text-align:right;
	padding-right: 5px;
	}
	
/*子站留言管理------*/	
	
input.isubme1 {
    border:0px; background:none;
}








/* 上傳圖片透明度----*/

img.upmbi{
    opacity: 0.3;
	border-radius: 20px;
	margin-top: 5px;
}




/* 下方footer的購物車數量----*/

.fpron{
z-index:99999; position:absolute; display:block; background:#cc0000; color:#fff; min-width:22px; padding:4px; border-radius:16px; font-size:12px; margin-left:11%; margin-top:-2px;	
	}


/* 下方footer的字體大小----*/
.foot12{
	font-size:13px;
	}







/*app下載------*/
img.appqr1{
	width:200px;
	}

.appdl1 {
	width:20%;
	margin:15px 0 0 25%;
	float:left;
	text-align:center;
	line-height:40px;
}
.appdl2 {
	width:20%;
	margin:15px 0 0 10%;
	float:left;
	text-align:center;
	line-height:40px;
}

@media (max-width: 800px) {
.appdl1 {
	min-width: 150px;
	margin:15px 0 0 15%;
}
.appdl2 {
	min-width: 150px;
	margin:15px 0 0 15%;
}
}

@media (max-width: 600px) {
img.appqr1{
	margin-top: -5px;
	width: 180px;
	}
.appdl1 {
	width:80%;
	margin-left:10%;
	margin-bottom:35px;
	line-height:20px;
}
.appdl2 {
		width:80%;
	margin-left:10%;
	margin-bottom:35px;
	line-height:20px;
}

}









/* 會員專區-票券管理-------------*/


/* 可使用票券-------------*/
.bor50 {
	width:49%;
	float:left;
	margin:0 1% 10px 0;
	padding: 7px;
	background: #fff;
	
}
.bortext {
	float:left; 
	width:55%;  /* 在大尺寸時，配合mbtic1-2 的寬度 */
	line-height:32px;
}


input.tusi1{
	margin:4px 0;
	width:48%;
	background-color:#4e6c90;
	color: #fff;
	padding: 5px 0;
	border:0px;
}	

input.tusi2{
	margin:4px 0;
	width:48%;
	background-color:#e47e2a;
	color: #fff;
	padding: 5px 0;
	border:0px;
}

input.tusi2-2{
	margin:8px 0;
	width:50%;
	background-color:#e47e2a;
	color: #fff;
	padding: 5px 0;
	border:0px;
	font-size:1.2em;
}

	
img.ticpi3{
	height:10px; 
	width:auto; 
	margin:5px;
}


.mbtic1-2{
    width:40%;  
	float:left;
    height:0;  
    padding-bottom: 40%;
	margin-right: 3%;
    /*background-image :url(../images/ticket001.png),
                      url(../images/1.png);*/
    background-repeat:no-repeat,
                      no-repeat;
    background-size: cover,
	                 cover;
}

.mbtictt{
	width:42%;
    margin-left:55%;
	color:#fff; 
	font-size: 0.9em; 
	line-height:0.9em; 
	height:1.8em;
	margin-top:6px; 
    overflow:hidden;
}

.mbtictt2{  /*浮動視窗上的票券名稱*/
	width:42%;
    margin-left:55%;
	color:#fff; 
	font-size:1.4em; 
	line-height:1.4em; 
	height:2.8em;
	margin-top:20px; 
	overflow:hidden;
}	
@media (max-width:800px) {
/*2張票券一列並排時*/	
.mbtictt{ 
	width:42%;
    margin-left:55%;
	color:#fff; 
	font-size: 1.1em; 
	line-height:1.1em; 
	height:2.2em;
	 margin-top:15px; 
	 overflow:hidden;
}	
.mbtic1-2{
    width:100%;  float:left;
    height:0;  
    padding-bottom: 100%;
	margin-right: 0;
	margin-bottom:5px;
    /*background-image :url(../images/ticket001.png),
                      url(../images/1.png);*/
    background-repeat:no-repeat,
                      no-repeat;
    background-size: cover,
	                 cover;
}
.bortext {
	float: right; 
	width:99%; 	
	padding:0px;
}

}
@media (max-width:650px) {
.mbtictt{ 
	font-size: 0.9em;
	line-height:0.9em; 
	height:2em; 
	margin-top:8px;
}	
}
@media (max-width:500px) {
	
.mbtictt{ 
	font-size: 1.2em; 
	line-height:1.2em; 
	height:2.4em; 
	 margin-top:18px;
}	
	
.bor50 {
	width:100%;
	float:none;
	margin:0px;
	border: 10px #ccc solid;
	
	
	
}
input.tusi1{
	width:49%;
}	

input.tusi2{
	width:49%;
	float:right;
}
.bortext {
	margin-bottom:35px;
}

.mbtictt2{  /*浮動視窗上的票券名稱*/
	font-size:1.2em; 
	line-height:1.2em; 
	height:2.4em;
	margin-top:15px; 
}



}	
@media (max-width:420px) {
.mbtictt{ 
	font-size: 1em; 
	line-height:1.1em; 
	height:2.2em;
	 margin-top:14px;
}	

.mbtictt2{ 
	font-size: 1em; 
	line-height:1.1em; 
	height:2.2em;
	 margin-top:14px;
}	

}




 /*票券分享頁*/
.tisha1{
	width:100%; 
	padding:0 3%;  
	color:#fff; 
	font-size:17px;
	margin-top:6px;
}
input.mbtiipu2{
	width:49.5%;
	border:0px #ddd solid;
	margin:0 ;
	padding:8px 0.5%;
	color: #333;
	float:left;
	margin-top:6px;
}
	

input.tisar1{
	width: 12%;
	height:45px;
	background-color:#333333;
	color: #fff;
	border:0px;
	float:left;
	text-align:center;
	cursor:pointer;
}	
input.tisar2{
	margin:5px 0;
	width:42%;
	float:left;
	background-color:#019f00;
	color: #fff;
	padding:5px 0;
	border:0px #ddd solid;
	cursor:pointer;
	
}

input.tisar3{
	margin:5px 0;
	width:47%;
	float:left;
	background-color:#d16206;
	color: #fff;
	padding:5px 0;
	border:0px #ddd solid;
	margin-left: 1%;
	cursor:pointer;
}	

	
input.tisar4{
	margin:5px 0;
	width:9%;
	float:left;
	background-color:#5e5e5e;
	color: #fff;
	padding:5px 0;
	border:0px #ddd solid;
	margin-left: 1%;
	cursor:pointer;
}
textarea.textrs{
	color:#333; width:100%;height:90px; float:left; "
	}
.titextbig {
	display:inherit;
	}
.titextsma {
	display:none;
	}
@media (max-width:500px) {


input.mbtiipu2{
	width:49%;
	border:0px #ddd solid;
	margin:0 ;
	padding:8px 0.5%;
	color: #333;
	float:left;
	margin-top:6px;
}
	

input.tisar1{
	width: 14%;
	height:45px;
	background-color:#333333;
	color: #fff;
	border:0px;
	float:left;
	text-align:center;
}	
input.tisar2{
	margin:5px 0;
	width:33%;
	float:left;
	background-color:#019f00;
	color: #fff;
	height:36px;
	border:0px #ddd solid;
}

input.tisar3{
	margin:5px 0;
	width:52%;
	float:left;
	background-color:#d16206;
	color: #fff;
	height:36px;
	border:0px #ddd solid;
	margin-left: 1%;
}	

input.tisar4{
	margin:5px 0;
	width:13%;
	float:left;
	background-color:#5e5e5e;
	color: #fff;
	height:36px;
	border:0px #ddd solid;
	margin-left: 1%;
	text-align: center;
}


textarea.textrs{
	width:99%;
	margin-bottom: 5px;
	}

.titextbig {
	display: none;
	}
.titextsma {
	display:inherit;
	}
}





/*票券使用*/

input.tius1{
	margin:4px 1%;
	width:38%;
	background-color:#d16206;
	color: #fff;
	padding:5px 0;
	border:0px;
}

input.mbtiipu{
	width:100%;
	border:1px #ddd solid;
	margin: 10px 0;
	padding: 5px;
	color: #555;
}
.dtius1{
width:88%; margin-left:6%; color:#fff;
font-size:1.1em;
line-height:1.7em;
}













 /*



.border_tic{
	width:100%;
	background:#ddd;
	height:1px;
	
}		

	
img.ticpi{
	max-height:50px; 
	width:auto; 
	margin:5px 0;
	}
img.ticpi2{
	max-height:50px; 
	width:auto; 
	margin:5px 0;
	}
	
	
	
.mbtic0{
	background-color: #fff;
	line-height:60px;
	margin-bottom:15px;
}

.mbtic00{
    width: 100%;
    background-color: #dddddd;
	line-height:36px;
}


	
.mbtic1{
	float:left;
	width:10%;
	text-align:center;
}
.mbtic2{
	float:left;
	width:15%;
}
.mbtic3{
	float:left;
	width:25%;
}

.mbtic4{
	float:left;
	width:30%;
}
.mbtic5{
	float:left;
	width:15%;
}

*/




.mbtic100{
    width:100%; 
    height:0; float: left; 
    padding-bottom: 100%;  
    /*background-image :url(../images/ticket001.png),
                      url(../images/1.png);*/
    background-repeat:no-repeat,
                      no-repeat;
    background-size: cover,
	                 cover;
	margin-bottom:10px;
	margin-top:0px;
}

.mbtic100-2{
    width:100%; 
    height:0; float: left; 
    padding-bottom: 100%;  
	
    /*background-image :url(../images/ticket001.png),
                      url(../images/1.png);*/
    background-repeat:no-repeat,
                      no-repeat;
    background-size: cover,
	                 cover;
	margin-bottom:10px;
}

@media (max-width:500px) {
.mbtic100-2{
    width:100%; 
    height:0; float: left; 
    padding-bottom:85%;  
    /*background-image :url(../images/ticket001.png),
                      url(../images/1.png);*/
    background-repeat:no-repeat,
                      no-repeat;
    background-size: cover,
	                 cover;
}


}




/*
.mbtic2-2{
	float:left;
	width:20%;
}
.mbtic3-2{
	float:left;
	width:20%;
}
.mbtic4-2{
	float:left;
	width:15%;
}
.mbtic5-2{
	float:left;
	width:15%;
}

*/




#mbtic_de{  
	width: 100%;
	max-width: 900px;
	padding:30px 10px;
	line-height:36px;
	
	
}
#mbtic_de2{  
	width: 100%;
	color: #FFF;
	padding:0px 15px;
	text-align:left;
	font-size:18px;

	
}

#mbtic_de3{  
	width: 100%;
	padding:5px 0;
	line-height:36px;
	text-align:left;
	margin-bottom:5px;
}


















/* admin 管理------------------------------*/











/*庫存管理---*/	


select.insse{
	width:50%;
	margin: 5px 0;
	
	}


.ainsto0{
	line-height:40px;
}




.ainsto1{
	float:left;
	margin-left:1%;
	width:24%;
    text-align:left;
	overflow:hidden;
}

.ainsto3{
	float:left;
	width:11%;
	text-align:left;
}
.ainsto4{
	float:left;
	width:11%;
	text-align:center;
}
.ainsto5{
	float:left;
	width:11%;
	text-align:center;
}
.ainsto6{
	float:left;
	width:24%;
	text-align:left;
}
.ainsto7{
	float:left;
	width:18%;
	text-align:left;
}




.ainsto1-2{
	float:left;
	margin-left:1%;
	width:24%;
	text-align:left;
}

.ainsto3-2{
	float:left;
	width:11%;
	text-align:left;
}
.ainsto4-2{
	float:left;
	width:11%;
	text-align:center;
}
.ainsto5-2{
	float:left;
	width:11%;
	text-align:center;
}
.ainsto6-2{
	float:left;
	width:24%;
	text-align:left;
}
.ainsto7-2{
	float:left;
	width:18%;
	text-align:left;
}




input.ainsi1{
	margin:4px;
	padding-left: 2px;
	width:85%;
	height:32px;
	border:1px #ddd solid;
	color: #06C;
}
input.ainsi2{
	margin:4px;
	width:85%;
	height:32px;
	border:1px #ddd solid;
	color: #cc0000;
}

input.ainsi3{
	margin:4px 0;
	width:99%;
	height:32px;
	border:1px #ddd solid;
}

input.ainsi4{
	margin:4px;
	width:85%;
	height:32px;
	border:1px #ddd solid;
}
.insho{
	display: none;
	}
.insho2{
	display:inline;
	}	
	
@media (max-width:650px) {
	
/*庫存管理---*/	
.insho{
	display:inline;
	}

.insho2{
	display: none;
	}	

.ainsto2{
	display:none;
}
.ainsto3{
	display:none;;
}
.ainsto4{
	display:none;
}
.ainsto5{
	display:none;
}
.ainsto6{
	display:none;
}

.ainsto7{
	display:none;
}


.ainsto1-2{
	float:none;
	width:98%;
	padding-left:1%;
	text-align:left;
}
.ainsto2-2{
	float:none;
	width:97%;
	padding-left:2%;
	text-align:left;
}
.ainsto3-2{
	float:none;
	width:97%;
	padding-left:2%;
	text-align:left;
}
.ainsto4-2{
	float:left;
	width:46%;
	padding-left:2%;
	text-align:left;
}
.ainsto5-2{
	float:left;
	width:48%;
	padding-left:2%;
	text-align:left;
}
.ainsto6-2{
	float:none;
	width:97%;
	padding-left:2%;
	text-align:left;
}
.ainsto7-2{
	float:none;
	width:99%;
	padding-left:2%;
	text-align:left;
}



input.ainsi1{
	margin:2px;
	width:60%;
	height:32px;
	border:1px #ddd solid;
	color: #06C;
}
input.ainsi2{
	margin:2px;
	width:60%;
	border:1px #ddd solid;
	color: #cc0000;
}

input.ainsi3{
	margin:4px 0;
	width:80%;
	height:32px;
	border:1px #ddd solid;
}

input.ainsi4{
	margin:4px 0;
	width:80%;
	height:32px;
	border:1px #ddd solid;
}
	
	
	
	
	
		
	
}	
	
	
	
	
	

/*庫存記錄---*/	
	
.ainsto_l1{
	float:left;
	width:12%;
	text-align:left;
	overflow:hidden;
}
.ainsto_l2{
	float:left;
	width:37%;
	text-align:left;
	overflow:hidden;
}

.ainsto_l4{
	float:left;
	width:8%;
	text-align:center;
}
.ainsto_l5{
	float:left;
	width:8%;
	text-align:center;
}
.ainsto_l6{
	float:left;
	width:25%;
	text-align:left;
}
.ainsto_l7{
	float:left;
	width:10%;
	text-align:center;
}




.ainsto_l1-2{
	float:left;
	width:12%;
	text-align:left;
	overflow:hidden;
}
.ainsto_l2-2{
	float:left;
	width:37%;
	text-align:left;
	overflow:hidden;
}

.ainsto_l4-2{
	float:left;
	width:8%;
	color: #06C;
	text-align:center;
}
.ainsto_l5-2{
	float:left;
	width:8%;
	color: #cc0000;
	text-align:center;
}
.ainsto_l6-2{
	float:left;
	width:25%;
	text-align:left;
}
.ainsto_l7-2{
	float:left;
	width:10%;
	text-align:center;
}

.ainsto_l3-2{
	
	width:100%;
	text-align:right;
	background-color: #FBE6CE;
	padding:0 1%;
}
	
@media (max-width:650px) {
		
/*庫存記錄---*/	
	
.ainsto_l1{
	float:none;
	width:100%;
	text-align:left;
}
.ainsto_l2{
	display:none;
}

.ainsto_l4{
	display:none;
}
.ainsto_l5{
	display:none;
}
.ainsto_l6{
	display:none;
}
.ainsto_l7{
	display:none;
}




.ainsto_l1-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
	overflow:hidden;
}
.ainsto_l2-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
	overflow:hidden;
}

.ainsto_l4-2{
	float:left;
	width:50%;
	padding-left:2%;
	color: #06C;
	text-align:left;
}
.ainsto_l5-2{
	float:left;
	width:50%;
	color: #cc0000;
	text-align:left;
}
.ainsto_l6-2{
	float:left;
	width:100%;
	padding:0 2%;
	text-align:left;
}
.ainsto_l7-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
}


	
	
	
}		





/*庫存管理-目前商品庫存數量---*/	


.ainstnu1{
	float:left;
	width:25%;
	padding-left:2%;
	text-align:left;
}

.ainstnu2{
	float:left;
	width:25%;
	padding-left:2%;
	text-align:left;
}
.ainstnu3{
	float:left;
	width:35%;
	padding-left:2%;
	text-align:left;
}
.ainstnu4{
	float:left;
	width:15%;
	padding-left:2%;
	text-align:left;
}



.ainstnu1-2{
	float:left;
	width:25%;
	padding-left:2%;
	text-align:left;
}

.ainstnu2-2{
	float:left;
	width:25%;
	padding-left:2%;
	text-align:left;
}
.ainstnu3-2{
	float:left;
	width:35%;
	padding-left:2%;
	text-align:left;
}
.ainstnu4-2{
	float:left;
	width:15%;
	padding-left:2%;
	text-align:left;
}
@media (max-width:650px) {
/*庫存管理-目前商品庫存數量---*/	

.ainstnu1{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
}

.ainstnu2{
	display:none;
}
.ainstnu3{
	display:none;
}
.ainstnu4{
	display:none;
}



.ainstnu1-2{
	width:100%;
	padding-left:2%;
}

.ainstnu2-2{
	width:100%;
	padding-left:2%;
}
.ainstnu3-2{
	width:100%;
	padding-left:2%;
}
.ainstnu4-2{
	width:100%;
	padding-left:2%;
	margin-bottom:5px;
}







}




	
	
	
	
/*商品進貨管理----------*/
img.purchde{
	width: 20px;
	margin:10px 0 0 10px;
	}	
	
.apurch1{
	float:left;
	width:8%;
	padding-left:1%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch2{
	float:left;
	width:37%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch3{
	float:left;
	width:10%;
	text-align:center;
	overflow:hidden;
}	
	
.apurch4{
	float:left;
	width:10%;
	text-align:center;
	overflow:hidden;
}	
		
.apurch5{
	float:left;
	width:10%;
	text-align:center;
	overflow:hidden;
}	
	
.apurch6{
	float:left;
	width:25%;
	text-align:left;
	overflow:hidden;
}	
	
	
		
	
.apurch1-2{
	float:left;
	width:8%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch2-2{
	float:left;
	width:37%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch3-2{
	float:left;
	width:10%;
    text-align:center;
	overflow:hidden;
}	
	
.apurch4-2{
	float:left;
	width:10%;
	text-align:center;
	overflow:hidden;
	color:#cc0000;
}	
		
.apurch5-2{
	float:left;
	width:10%;
	text-align:center;
	overflow:hidden;
}	
	
.apurch6-2{
	float:left;
	width:25%;
	text-align:left;
	overflow:hidden;
}		
	

.apurch7{	
	width:100%;
	text-align:center;
	padding:10px 1%;
}
	
	
input.purci1{
	margin:4px 0;
	width:70%;
	height:32px;
	border:1px #ddd solid;
	text-align:center;
	color: #06C;

}	
	
	
input.purci2{
	margin:4px 0;
	width:99%;
	height:32px;
	border:1px #ddd solid;
}	
		
	
input.purci3{
	margin:4px 0;
	width:50%;
	max-width: 200px;
	background-color:#e57e2a;
	color: #fff;
	height:36px;
	border:1px #ddd solid;
}	

input.purci4{
	margin:5px 0 0 6%;
	width:43%;
	float:left;
	background-color:#e57e2a;
	color: #fff;
	height:36px;
	border:1px #ddd solid;
}	

input.purci5{
	margin:5px 6% 0 0;
	width:43%;
	float:right;
	background-color:#e57e2a;
	color: #fff;
	height:36px;
	border:1px #ddd solid;
}	






		
@media (max-width:650px) {
			
.apurch1{
	display:none;
}	
	
.apurch2{
	float:left;
	width:100%;
	padding-left: 2%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch3{
	display:none;
}	
	
.apurch4{
	display:none;
}	
		
.apurch5{
	display:none;
}	
	
.apurch6{
	display:none;
}	
	
	
		
	
.apurch1-2{
	float:left;
	width:12%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch2-2{
	float:left;
	width:88%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch3-2{
	float:left;
	width:50%;
	padding-left: 2%;
    text-align:left;
	overflow:hidden;
}	
	
.apurch4-2{
	float:left;
	width:50%;
	text-align:left;
	overflow:hidden;
	color:#cc0000;
}	
		
.apurch5-2{
	float:left;
	width:100%;
	padding-left: 2%;
	text-align:left;
	overflow:hidden;
}	
	
.apurch6-2{
	float:left;
	width:100%;
	padding-left: 2%;
	text-align:left;
	overflow:hidden;
}		
	
input.purci1{
    margin-right:10px;
	float:right;
}	
	
input.purci2{
	margin:4px 10px 10px 0;
	width:70%;
	height:32px;
	border:1px #ddd solid;
	float:right;
}	

	
}
	
	

/*商品進貨記錄----------*/


.apurchl1{
	float:left;
	width:12%;
	text-align:left;
	overflow:hidden;
}
.apurchl2{
	float:left;
	width:37%;
	text-align:left;
	overflow:hidden;
}

.apurchl3{
	float:left;
	width:16%;
	text-align:center;
}

.apurchl4{
	float:left;
	width:25%;
	text-align:left;
}
.apurchl5{
	float:left;
	width:10%;
	text-align:center;
}




.apurchl1-2{
	float:left;
	width:12%;
	text-align:left;
	overflow:hidden;
}
.apurchl2-2{
	float:left;
	width:37%;
	text-align:left;
	overflow:hidden;
}

.apurchl3-2{
	float:left;
	width:16%;
	text-align:center;
}

.apurchl4-2{
	float:left;
	width:25%;
	text-align:left;
}
.apurchl5-2{
	float:left;
	width:10%;
	text-align:center;
}
@media (max-width:650px) {
	
.apurchl1{
	float: none;
	width:100%;
	text-align:left;
}
.apurchl2{
	display: none;
}

.apurchl3{
	display: none;
}

.apurchl4{
	display: none;
}
.apurchl5{
	display: none;
}




.apurchl1-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
	overflow:hidden;
}
.apurchl2-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
	overflow:hidden;
}

.apurchl3-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
}

.apurchl4-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
}
.apurchl5-2{
	float:left;
	width:100%;
	padding-left:2%;
	text-align:left;
}

}





/*票券管理---*/	

.tuse0{
	background-color: #fff;
	line-height:36px;
}

.tuse00{
    width: 100%;
    background-color: #93b0c6;
    color: #fff;
	line-height:36px;
	text-align:left;
}



.tuse1{
	float:left;
	width:12%;
	padding-left:8px;
	
}
.tuse2{
	float:left;
	width:18%;
}
.tuse3{
	float:left;
	width:13%;
}

.tuse4{
	float:left;
	width:11%;
}
.tuse5{
	float:left;
	width:11%;
}

.tuse6{
	float:left;
	width:13%;
}
.tuse7{
	float:left;
	width:12%;
}

.tuse8{
	float:left;
	width:10%;
}




.tuse1-2{
	float:left;
	width:12%;
	padding-left:8px;
	
}
.tuse2-2{
	float:left;
	width:18%;
}
.tuse3-2{
	float:left;
	width:13%;
}

.tuse4-2{
	float:left;
	width:11%;
}
.tuse5-2{
	float:left;
	width:11%;
}

.tuse6-2{
	float:left;
	width:13%;
}
.tuse7-2{
	float:left;
	width:12%;
}

.tuse8-2{
	float:left;
	width:10%;
}

.tusedi {
	display:none;
	}
.tusedi2 {
	display: inline;
	}
	
@media (max-width:900px) {
.tusedi {
	display: inline;
	}
.tusedi2 {
	display:none;
	
	}
	

.tuse1{
	float:left;
	width:100%;
	padding-left:8px;
	
}
.tuse2{
	display:none;
}
.tuse3{
	display:none;
}

.tuse4{
	display:none;
}
.tuse5{
	display:none;
}

.tuse6{
	display:none;
}
.tuse7{
	display:none;
}

.tuse8{
	display:none;
}


	


.tuse1-2{
	float:left;
	width:100%;
	padding-left:2%;
	
}
.tuse2-2{
	float:left;
		width:100%;
	padding-left:2%;
}
.tuse3-2{
	float:left;
	width:100%;
	padding-left:2%;
}

.tuse4-2{
	float:left;
		width:100%;
	padding-left:2%;
}
.tuse5-2{
	float:left;
		width:100%;
	padding-left:2%;
}

.tuse6-2{
	float:left;
	width:100%;
	padding-left:2%;
}
.tuse7-2{
	float:left;
	width:100%;
	padding-left:2%;
}

.tuse8-2{
	float:left;
	width:100%;
	padding-left:2%;
}

}





/*app 推撥訊息---*/	

.appnew1{
	width:15%;
	float:left;
    text-align:left;
}
.appnew2{
	width: 45%;
	float:left;
    text-align:left;
}
.appnew3{
	width: 15%;
	float:left;
    text-align:left;
}
.appnew4{
	width: 15%;
	float:left;
    text-align:left;
}
.appnew5{
	width: 10%;
	float:left;
    text-align:center;
}



.appnew1-2{
	width:15%;
	float:left;
    text-align:left;
}
.appnew2-2{
	width: 45%;
	float:left;
    text-align:left;
}
.appnew3-2{
	width: 15%;
	float:left;
    text-align:left;
}
.appnew4-2{
	width: 15%;
	float:left;
    text-align:left;
}
.appnew5-2{
	width: 10%;
	float:left;
	padding-top: 10px;
    text-align:center;
}

@media (max-width:900px) {

.appnew1{
	width:90%;
	float:left;
    text-align:left;
}
.appnew2{
	display:none;
}
.appnew3{
	display:none;
}
.appnew4{
	display:none;
}
.appnew5{
	display:none;
}



.appnew1-2{
	width:90%;
	padding-left: 2%;
}
.appnew2-2{
	width:90%;
	padding-left: 2%;
}
.appnew3-2{
	width:90%;
	padding-left: 2%;
}
.appnew4-2{
	width:90%;
	padding-left: 2%;
}
.appnew5-2{
	width: 98%;
    text-align:right;
	vertical-align:top;
	z-index: 100;
	position:absolute;
}



}










/*ADMIN  票券店家管理----------*/
.tisto1{
	width:15%;
	float:left;
    text-align:left;
}
.tisto2{
	width: 22%;
	float:left;
    text-align:left;
}
.tisto3{
	width: 12%;
	float:left;
    text-align:left;
}
.tisto4{
	width: 30%;
	float:left;
    text-align:left;
}
.tisto5{
	width: 13%;
	float:left;
    text-align:center;
}
.tisto6{
	width: 8%;
	float:left;
    text-align:center;
}



.tisto1-2{
	width:15%;
	float:left;
    text-align:left;
	line-height:36px;
}
.tisto2-2{
	width: 22%;
	float:left;
    text-align:left;
	line-height:36px;
}
.tisto3-2{
	width: 12%;
	float:left;
    text-align:left;
	line-height:36px;
}
.tisto4-2{
	width: 30%;
	float:left;
    text-align:left;
	line-height:36px;
}
.tisto5-2{
	width: 13%;
	float:left;
    text-align:center;
	line-height:36px;
}
.tisto6-2{
	width: 8%;
	padding-top: 8px;
	float:left;
    text-align:center;
}

@media (max-width:900px) {
.tisto1{
	width:100%;
	padding-left:2%;
	float:left;
    text-align:left;
}
.tisto2{
	display:none;
}
.tisto3{
	display:none;
}
.tisto4{
	display:none;
}
.tisto5{
	display:none;
}



.tisto1-2{
	width:100%;
	padding-left:2%;
}
.tisto2-2{
	width:100%;
	padding-left:2%;
}
.tisto3-2{
	width:100%;
	padding-left:2%;
}
.tisto4-2{
	display:none;
}
.tisto5-2{
	display:none;
}
.tisto6-2{
	width: 100%;
	padding-right:3%;
	float:right;
    text-align:right;
	z-index:100;
	position:absolute;
}

	
}





/*ADMIN  票券使用管理----------*/

.tistus1{
	width: 14%;
	float:left;
    text-align:left;
	line-height:36px;
	padding-left:1%;	
	
}	

.tistus2{
		width: 14%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	

.tistus3{
		width: 16%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	

.tistus4{
		width: 22%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	
/*.tistus5{ 欄位先隱藏了
	width: 14%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}*/	
.tistus6{
	width: 14%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	
.tistus7{
	width: 10%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	
.tistus8{
		width: 10%;
	float:left;
    text-align:center;
	line-height:36px;	
	
}	




.tistus1-2{
	width: 14%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	

.tistus2-2{
		width: 14%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	

.tistus3-2{
		width: 16%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	

.tistus4-2{
		width: 22%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	
/*.tistus5-2{
	width: 14%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}*/	
.tistus6-2{
	width: 14%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	
.tistus7-2{
	width: 10%;
	float:left;
    text-align:left;
	line-height:36px;	
	
}	
.tistus8-2{
		width: 10%;
	float:left;
    text-align:center;
	line-height:36px;	
	
}	



@media (max-width:900px) {
.tistus1{
	width: 100%;
	padding-left:2%;	
	
}	

.tistus2{
	display:none;
	
}	

.tistus3{
	display:none;
}	

.tistus4{
	display:none;
	
}	
.tistus5{
	display:none;	
	
}	
.tistus6{
	display:none;
	
}	
.tistus7{
	display:none;
	
}	
.tistus8{
	display:none;
}	




.tistus1-2{
	width: 100%;
	padding-left:2%;
	
}	

.tistus2-2{
	display:none;
	
}	

.tistus3-2{
	width: 100%;
	padding-left:2%;
	
}	

.tistus4-2{
	width: 100%;
	padding-left:2%;
	
}	
.tistus5-2{
	width: 100%;
	padding-left:2%;
	
}	
.tistus6-2{
	width: 100%;
	padding-left:2%;	
	
}	
.tistus7-2{
	width: 100%;
	padding-left:2%;
	
}	
.tistus8-2{
	width: 100%;
	padding-left:2%;
	text-align: left;	
	
}	


}







/*取消訂單及退貨管理-------------------------*/


.arepo1{
	float:left;
	padding-left:2%;
	width:15%;
    text-align:left;
}
.arepo2{
	float:left;
	width:15%;
    text-align:left;
}
.arepo3{
	float:left;
	width:15%;
    text-align:left;
}
.arepo4{
	float:left;
	width:20%;
    text-align:left;
}
.arepo5{
	float:left;
	width:15%;
    text-align:left;
}
.arepo6{
	float:left;
	width:20%;
    text-align:center;
}	




.arepo1-2{
	float:left;
	padding-left:2%;
	width:15%;
    text-align:left;
	line-height:36px;
}
.arepo2-2{
	float:left;
	width:15%;
    text-align:left;
	line-height:36px;
}
.arepo3-2{
	float:left;
	width:15%;
    text-align:left;
	line-height:36px;
}
.arepo4-2{
	float:left;
	width:20%;
    text-align:left;
	line-height:36px;
}
.arepo5-2{
	float:left;
	width:15%;
    text-align:left;
	line-height:36px;
}
.arepo6-2{
	float:left;
	width:20%;
    text-align:center;
	line-height:36px;
}	




@media (max-width:900px) {

.arepo1{
	padding-left:2%;
	width:100%;
}
.arepo2{
	display:none;
}
.arepo3{
	display:none;
}
.arepo4{
	display:none;
}
.arepo5{
	display:none;
}
.arepo6{
	display:none;
}	




.arepo1-2{
	float:left;
	padding-left:2%;
	width:100%;
}
.arepo2-2{
	padding-left:2%;
	width:100%;
}
.arepo3-2{
	padding-left:2%;
	width:100%;
}
.arepo4-2{
	padding-left:2%;
	width:100%;
}
.arepo5-2{
	padding-left:2%;
	width:100%;
}
.arepo6-2{
	padding-left:2%;
	width:100%;
	margin-bottom:10px;
}	

	
}



/*管理權限-------------------------*/


.auth1{
	width:10%;
	margin-left:10px;
	padding-left:5px;
	line-height:40px;
	float:left;
	text-align:left;
	border-bottom: 1px #bbb solid;
	color:#044c8f;
	
}
.auth2{
	width:85%;
	line-height:40px;
	float:left;
	text-align:left;
	color:#333;
	border-bottom: 1px #bbb solid;
}


/*每一頁的購物車----*/

.cart_right_b {
min-width:140px;
float:right;
position:fixed;
right:0px;
bottom:50px;
padding:6px 10px;
z-index:20;
border:1px solid #fff;
background-color: #333;
color: #fff;
line-height: 30px;
}
.cart_right_b:hover {
background-color: #980000;
cursor: pointer;
color: #fff;
}

@media (max-width: 1000px) {
.cart_right_b{
	display:none;
}


button.rjo-push {	
	margin-left: 0%;
	}		
@media (max-width:880px){
button.rjo-push {	
	margin-left: 34%;
	}	
}	

@media (max-width:650px){
button.rjo-push {	
	margin-left: 34%;
	}
}