.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 400%;
	background-color: black;
	z-index:99999;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
	
img, object, embed, video {
	max-width: 100%;
}


select  {
    -webkit-appearance:menu; /*再改造一次此元件，針對mac的寫法*/ 
    font: 17px  Microsoft JhengHei;
	color: #333333;	
	border:1px #CCCCCC solid; 
	height:25px;
	background-color: #ffffff;
}


input[type="checkbox"] {
    display:inline-block;
    width:15px;
    height:15px;
    margin: 0px 4px 0 4px;
    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;
}

textarea{
  font: 17px  Microsoft JhengHei;
}

input{
    font: 17px  Microsoft JhengHei;
}

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

form{
    display:inline;
}

tr.rowStyle{
	background:#F9F9F9;
}



/* 表單 ........................................................ */

input.inp1{
    height:26px;
    background-image:url(images/inputbutton_bg.gif);
    border:1px #999999 solid;
	padding: 0px 7px 0px 7px;
}
input.inp1-2{
    height:24px;
    background-image:url(images/inputbutton_bg.gif);
    border:1px #999999 solid;
	padding: 0px 4px 0px 4px;
}



input.inp2{
    height:24px;
    border:1px #cccccc solid;
	padding: 1px;
	background-color: #ffffff;
	
}

/*�|���M��- �q�T�� address_group �s��s��*/
input.inp3{
    border:0px;
	height:20px;
	font-size: 16px;
	width: 350px;
	margin-left:20px;
	border-bottom: 1px #ccc solid;
}



/*會員專區- 購物-前往結帳*/
input.inp4{
	   color:#fff;
	   font-size: 16px;
       height:32px;
       width: 120px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #f49738 solid;
       background-image:url(./images/cart_ad1.jpg);
	  
	   margin-right:16px;
	   padding-top:3px;
}
/*前台- 購物-前往結帳*/
input.inp4-2{
	   color:#ffffff;
	   font-size: 16px;
       height:32px;
       width: 100px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #c4511a solid;
       background-image:url(./images/cart_ad2.jpg);
	   margin:0 7px 0 7px;
	   padding-top:3px;
}



/*會員專區- 組織圖-查詢下線編號*/
input.inp5{
    height:20px;
	width:145px;
    border:1px #acc6d8 solid;
	background-color: #f2f8fb;
	padding: 1px;
	
}

/*會員專區- 自動訂貨-數量、金額*/
input.inp5-2{
    height:20px;
	width:80px;
    border:1px #acc6d8 solid;
	background-color: #f2f8fb;
	padding: 1px;
	
}


input.inp5-3{
    height:20px;
	width:40px;
    border:1px #acc6d8 solid;
	background-color: #f2f8fb;
	padding: 1px;
	
}

input.inp6{
    height:20px;
	border: 0px;
	text-align:center;
}




/*前台-線上購物-頁碼*/
input.inp7{
    height:24px;
	width: 30px;
	border: 1px #bbb solid;
	text-align:center;
}


/*前台-線上購物-寄送資訊*/
input.inp8{
    height:20px;
	width:320px;
	border: 1px #bbb solid;
	text-align:left;
	padding:2px;
}
input.inp9{
    height:20px;
	width:680px;
	border: 1px #bbb solid;
	text-align:left;
	padding:2px;
}


/*前台-左側登入*/
input.inp10{
    height:17px;
	width:120px;
	border: 1px #ccc solid;
	text-align:left;
	padding:1px;
}
input.inp10-2{
    height:17px;
	width:50px;
	border: 1px #ccc solid;
	text-align:left;
	padding:1px;
}
input.inp11{
	   color:#fff;
       height:26px;
       width: 87px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #8ba5b1 solid;
       background-image:url(./mbst_mobile/images/mb_bt4.jpg);
	   letter-spacing:1px;
}
input.inp11-2{
	   color:#fff;
       height:26px;
       width: 180px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #ccc solid;
       background-image:url(./mbst_mobile/images/mb_bt5.jpg);
	   letter-spacing:1px;
}


input.inp11-3{
	   color:#fff;
       height:26px;
       width: 50px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #ccc solid;
       background-image:url(./mbst_mobile/images/mb_bt5.jpg);
	   letter-spacing:1px;
}


/*前台-商品搜尋*/

input.inp12{
    height:22px;
	width:155px;
	border: 1px #ccc solid;
	background-color: #f6f6f6;
	text-align:left;
	padding:1px;
}


/*會員專區- 自動訂貨*/
input.inp13{
    height:22px;
	width:155px;
	border: 1px #ccc solid;
	background-color: #f6f6f6;
	text-align:left;
	padding:1px;
}


input.inp14{
    height:26px;
	width:98%;
	border: 1px #ccc solid;
	text-align:left;
	padding:1px;
}



/*會員專區- 自動訂貨 - 產品下拉選擇*/
select.sec1{
     border:1px #acc6d8 solid;
	 background-color: #f2f8fb;
	 height:24px;
	 margin: 4px 0 4px 0;
}









/* 連結 ........................................................ */

/* 新訊、頁碼 的連結樣式 .......... */

a:link, a:visited   {
	color: #333333;
	text-decoration: none;
}
a:hover, a:active {
	color: #ff6600;	
	text-decoration: none;
}


a.a:link, a.a:visited  {
	color: #333333;
	font-size: 17px;
	text-decoration: none;
	line-height:22px;
}
a.a:hover, a.a:active  {
	color: #ff6600;	
	ont-size: 17px;
	text-decoration:  none;
	line-height:22px;
}

a.a1:link, a.a1:visited  {
	color: #333333;
	font-size: 17px;
	text-decoration: none;
	line-height:22px;
}
a.a1:hover, a1.a:active  {
	color: #ff6600;	
	font-size: 17px;
	text-decoration:  none;
	line-height:22px;
}

a.a2:link, a.a2:visited  {
	color: #07387a;
	font-size: 17px;
	text-decoration: none;
	line-height:22px;
}
a.a2:hover, a.a2:active  {
	color: #ff6600;	
	ont-size: 17px;
	text-decoration:  none;
	line-height:22px;
}

a.a3:link, a.a3:visited  {
	color: #333333;
	font-size: 17px;
	text-decoration: none;
	line-height:22px;
}
a.a3:hover, a.a3:active  {
	color: #ff6600;	
	ont-size: 17px;
	text-decoration: none;
	line-height:22px;
}



/* 一般連結...... */
a.b:link, a.b:visited  {
   	font-size: 17px;
	color:#333333;
	text-decoration:none;
}
a.b:hover, a.b:active  {
   	font-size: 17px;
	color: #ff6600;	
	text-decoration:none;
}


/* 網站-左側選單...... */
a.b2:link, a.b2:visited  {
   	font-size: 17px;
	color: #ff6600;
	line-height: 30px;
	text-decoration:none;
}
a.b2:hover, a.b2:active  {
   	font-size: 17px;
	color:#ff6600;
	line-height: 30px;	
	text-decoration:none;
}


/* 入會條款連結...... */
a.b3:link, a.b3:visited  {
	color:#ff6600;
	line-height: 30px;
	text-decoration: underline;
}
a.b3:hover, a.b3:active  {
	color: #cc0000;
	line-height: 30px;	
	text-decoration: underline;
}


/* 回上層 ...... */
a.c:link, a.c:visited  {
	color: #073da0;
	text-decoration:none;
	display: block;
	float:right;
	
}
a.c:hover, a.c:active  {
	color: #ff6600;
	text-decoration: underline;
	display: block;
	float: right;
}


/* 相關連結...... */
a.d:link, a.d:visited  {
   	font-size: 17px;
	color:#0279c2;
	text-decoration:none;
}
a.d:hover, a.d:active  {
   	font-size: 17px;
	color: #0279c2;	
	text-decoration: underline;
}



/* 會員專區-左側公司訊息連結...... */
a.e:link, a.e:visited  {
	color: #0077c9;
	text-decoration: none;
}
a.e:hover, a.e:active  {
	color: #004ba2;
	text-decoration: underline;
}


/*會員專區- 購物車-加入購物車 --立即購買 */
a.f:link, a.f:visited  {
	   color:#fff;
       height:27px;
       width: 130px;
	   padding-top: 2px;
	   text-align:center;
	   display:block;
       background:#ebf0f1;
       border:1px #8ba5b1 solid;
       background-image:url(./mbst_mobile/images/mb_bt3.jpg);
	   text-decoration: none;
	   margin-bottom: 15px;
	   float:left;
	   margin-left:14px;
	   
}
a.f:hover, a.f:active  {
	   color:#fff;
       height:27px;
       width: 130px;
	   padding-top: 2px;
	   text-align:center;
	   display:block;
       background:#ebf0f1;
       border:1px #ff6600 solid;
       background-image:url(./mbst_mobile/images/mb_bt3-2.jpg);
	   text-decoration: none; 
	   margin-bottom: 15px;
	   float:left;
	   margin-left:14px;
}

a.f2:link, a.f2:visited  {
	   color:#fff;
       height:27px;
       width: 130px;
	   padding-top: 2px;
	   text-align:center;
	   display:block;
       background:#ebf0f1;
       border:1px #8ba5b1 solid;
       background-image:url(./mbst_mobile/images/mb_bt3.jpg);
	   text-decoration: none;
	   margin-bottom: 15px;
	   
}
a.f2:hover, a.f2:active  {
	   color:#fff;
       height:27px;
       width: 130px;
	   padding-top: 2px;
	   text-align:center;
	   display:block;
       background:#ebf0f1;
       border:1px #ff6600 solid;
       background-image:url(./mbst_mobile/images/mb_bt3-2.jpg);
	   text-decoration: none; 
	   margin-bottom: 15px;
}



/* 會員專區-行事曆- 我要報名 連結...... */
a.g:link, a.g:visited  {
	color: #cc0000;
	text-decoration: none;
}
a.g:hover, a.g:active  {
	color: #cc0000;
	text-decoration: underline;
	
}



/* 網站-右側登入- 申請個人行銷網頁 連結...... */
a.h:link, a.h:visited  {
	   color:#fff;
	   padding-top: 3px;
       height:21px;
       width: 124px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #8ba5b1 solid;
       background-image:url(./mbst_mobile/images/mb_bt4.jpg);
	  
	   display: block;
	   float:right;
	   text-decoration: none;
}
a.h:hover, a.h:active  {
	   color:#fff;
	   padding-top: 3px;
       height:21px;
       width: 124px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #8ba5b1 solid;
       background-image:url(./mbst_mobile/images/mb_bt4-2.jpg);
	  
	   display: block;	
	   float:right;
	   text-decoration: none;
}


/* 網站-購物 - 加入購物車 連結...... */
a.i:link, a.i:visited  {
	   color:#fff;
	   font-size: 16px;
       height:28px;
       width: 120px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #f49738 solid;
       background-image:url(./images/cart_ad1.jpg);
	   text-decoration: none;  
	   display: block;
	   float:left;
	   margin-right:16px;
	   padding-top:5px;
	   
}
a.i:hover, a.i:active  {
	   color:#fff;
	   font-size: 16px;
       height:28px;
       width: 120px;
	   text-align:center;
       background:#ebf0f1;
       border:1px #f49738 solid;
       background-image:url(./images/cart_ad2.jpg);
	   text-decoration: none;  
	   display: block;	
	   float:left;
	   margin-right:16px;
	   padding-top:5px;
}







/*表格.........................................................*/

table.tabo1 {
	background-color: #ffffff;
	width: 100%;
	max-width: 1100px;
	line-height: 32px;
	margin:0px;
	}
table.tabo1  td{
	border:0px;
	border-bottom: 1px #c4dae1 solid;
	padding:0 4px 0 4px;
	}
	
table.tabo1  td.no{
	display:none;
}	


table.tabo1  td.tit{
	background-color: #e0e8eb;
}	

table.tabo1  td.nli{
	border:0px;
	}

table.tabo1  td.w20{
	width: 25%
	}




table.tabo1 {
	background-color: #ffffff;
	width: 100%;
	max-width: 1100px;
	line-height: 32px;
	margin:0px;
	}
table.tabo1  td{
	border:0px;
	border: 1px #c4dae1 solid;
	padding:0 4px 0 4px;
	}
	
table.tabo1  td.no{
	display:none;
}	


table.tabo1  td.tit{
	background-color: #e0e8eb;
}	

table.tabo1  td.nli{
	border:0px;
	}

table.tabo1  td.w20{
	width: 25%
	}










/* 會員專區- 訂單查詢詳細內容頁.........................................................*/

table.tabo4 { 
	max-width: 1100px;
	width: 100%;
	line-height: 28px;
	border: 1px #c4dae1 solid;
	margin-bottom:15px;
	}
	
table.tabo4 td { 
	border: 1px #c4dae1 solid;
	padding:2px;
	}

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

table.tabo4  td.tit{
	background-color: #e0e8eb;
}	


table.tabo5 { 
	max-width: 1100px;
	width: 100%;
	line-height: 32px;
	border: 0px;
	margin-bottom:15px;
}






/*會員專區-獎金明細表.........................................................*/

#d_bo1{ 
	width: 100%;
	max-width: 1100px;
	background-color:#0665a5;
	text-align:center;
	color:#fff;
}


#d_bo2{    
	line-height: 28px;
	text-align:center;
	padding: 12px 0 5px 0;
	width: 110px;
	height: 60px;
	float:left;

}

#d_bo3{    
	width: 100%;
	max-width: 1100px;
	height: 28px;
	padding-top:7px;
	text-align:center;
	border: 0px;
	background-color:#e3e3e3;
	border-bottom: 1px #bbb solid;
	margin-top: 25px;
}


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


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

.s_b1{
    color:#CC0000;
	display:block;
	font-weight: bold;
}

.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;
}

table.tbo {
	border-collapse:collapse;
	background-color: #e7eff3;
	width: 100%;
	max-width: 1100px;
	
	}
table.tbo  td{
	border:0px;
	border-bottom: 1px #acc3cf solid;
	}


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;
}	


a.bo1:link, a.bo1:visited  {
	color:#333333;
	text-decoration:none;
	line-height: 28px;
}

a.bo1:hover, a.bo1:active  {

	color:#ff6600;
	text-decoration: none;
	line-height: 28px;
}


a.bo2:link, a.bo2:visited  {

	color:#003173;
	float:right;
	letter-spacing: 2px;
	margin-right:15px;
}

a.bo2:hover, a.bo2:active  {
  
	color:#ff6600;
	float:right;
	letter-spacing: 2px;
	margin-right:15px;
}














/* 會員專區-行事曆 ...... */		
table.tabo2 { 
    width: 100%;
	max-width: 1100px;
	}
table.tabo2  td{
    padding: 4px;
	border: 1px #c1d5ec solid;
	height:100px;
	vertical-align:top;
	text-align:left;
	background-color: #f8fcff;
	color: #014b9e;
	}
	
table.tabo2  th{
    padding: 5px;
	background-color:#4f7b99;
	border: 1px #c1d5ec solid;
	color:#FFFFFF;
	
	}
	
table.tabo3 { 
    width: 100%;
	}




/* 字型 ........................................................ */

.s_1{
   color: #0443a1;
   font-size: 19px;
   line-height: 30px;
   letter-spacing: 1px;
}

.s_1-2{
   color: #0443a1;
   font-size: 16px;
}

.s_1-2-3{
    color: #0443a1;
}

/* 最新訊息-內文主題 */
.s_2{
   color: #03619a;
   font-size: 18px;
   line-height: 42px;
}


.s_3{
   color: #fff;
}


.s_3-2{
   color: #fff;
   letter-spacing:3px;
}

.s_3-3{
  	font:16px Microsoft JhengHei;
	color: #444444;
	line-height:32px;
	display: block;
	float:left;
}


.s_4{
   font-size: 14px;
}

.s_4-2{
   font-size: 16px;
   line-height:28px;
}



/* 當頁頁碼 */
.s_5{
   font-size: 18px;
   color: #0183c6;
   text-decoration: underline;
}



.s_6{
    color:#888888;
}

.s_7{
   color: #165fa9;
}

.s_8{
   color: #cc0000;
}

.s_9{
     font-size:16px;
     color: #0178b0;
}

.s_10{
     color: #0255a2; 
}



.s_11{
	font-size: 21px;
	font-weight: 900;
  
}

.s_12{
	font-size: 18px;
	font-weight: 900;
  
}

.s_13{
	font-size: 18px;
	font-weight: 900;
	line-height:38px;
}





.s_mo{
	font-size: 15px; 
}


.page_c {
	color: #0099cc;
	}


.s_lih{
	line-height: 28px;
  
}



#s_pt{
	font-size: 15px;
	color:#555555;
	margin: 8px 0 0 0;
  
}

#s_pt2{
	font-size: 16px;
	color:#cc0000;
	margin: 8px 0 0 0;
  
}

/* 網站-標題 -title ........................................................ */
#ti_1{
    width:930px;
	height:43px;
	padding: 7px 0 0 20px;
    color: #165fa9;
	text-align:left;
	font-size:16px;
	background-image:url(./images/tit_bg.jpg);
}

#ti_2{
    width:1180px;
	height:43px;
	padding: 7px 0 0 20px;
    color: #165fa9;
	text-align:left;
	font-size:16px;
	font-weight: bold;
	background-image:url(./images/tit_bg2.jpg);
}




/* 會員專區 ........................................................ */

/* 會員專區-上方選單 ........ */
#d_mb_to1{
      width:100%;
	  max-width:1100px;
	   height: 45px;
	   /* 同  mbst_mobile/bootstrap.min.css 的 .navbar高度 - min-height: 40px;  -----*/

}
#d_mb_to2{
      width:1100px;
	  height:40px;
	  background-image:url(./mbst_mobile/images/mb_bt_bg.jpg); 
	  margin-bottom:10px;

}

/* 會員專區-主要寬度 及 左右欄寬度 ........ */
#d_mb{
    width: 1100px;
	min-height: 740px;
	vertical-align: top;
	text-align: left;
}
#d_mb01{
    float:left;
    width: 220px;
	margin-right:20px;
	background-image:url(./mbst_mobile/images/left_bg.jpg);
	
}
#d_mb02{
    float: right;
    width: 860px;
	text-align:left;
}







#d_mb1{
   font-size: 18px;
   color: #002c7c;
   padding: 8px 0 0 20px;
   width: 1280px;
   height: 42px;
}

#d_mb2{
   font-size: 17px;
   color: #333333;
   height: 40px;
   line-height:28px;
   letter-spacing:2px;
   text-align:left;
}

#d_mb3{
   width:100%;
   max-width: 1100px;
   min-height:36px;
   margin-bottom:10px;
   
}

#d_mb3-2{
   width:100%;
   max-width: 1100px;
   height:36px;
   margin-bottom:10px;
   
}

/*會員公告--圖最寬860px */
#d_mb4{
   width:100%;
   max-width: 1000px;
   line-height: 28px;
   text-align: left;
   min-height:350px;
}



/*會員專區-主選單 */
a.mb1:link, a.mb1:visited  {
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	display:block;
	width: 122px;
	height: 32px;
	float:left;
	text-align:center;
	padding:8px 0 0 0;
}
a.mb1:hover, a.mb1:active  {
	color: #ffffff;
	font-size: 16px;
	text-decoration: underline;
	display:block;
	width: 122px;
	height: 32px;
	float:left;
	text-align:center;
	padding: 8px 0 0 0;
    background-image:url(./mbst_mobile/images/mb_mb_bg4.png);
}






/*�|���M��-���ҿ�� */
a.mb3:link, a.mb3:visited  {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	float:left;
	text-align:center;
	margin: 5px;
	padding: 4px 6px 4px 6px;
	background-color: #999;
	display: block;
	float:left;
	border-radius: 3px;
}
a.mb3:hover, a.mb3:active  {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	float:left;
	text-align:center;
	margin: 5px;
	padding: 4px 6px 4px 6px;
	background-color: #777;
	display: block;
	float:left;
	border-radius:3px;
}



a.mb3-2:link, a.mb3-2:visited  {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	float:left;
	text-align:center;
	margin: 5px;
	padding: 4px 6px 4px 6px;
	background-color: #069;
	display: block;
	float:left;
	border-radius: 3px;
}
a.mb3-2:hover, a.mb3-2:active  {
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	float:left;
	text-align:center;
	margin: 5px;
	padding: 4px 6px 4px 6px;
	background-color: #069;
	display: block;
	float:left;
	border-radius: 3px;
}







/*�����M��-���ҿ�� */

a.smb3:link, a.smb3:visited  {
	color: #666666;
	text-decoration: none;
	font-size: 16px;
	width: 75px;
	height: 22px;
	float:left;
	text-align:left;
	border-right: 1px #cccccc solid;
	margin: 5px;
	
}
a.smb3:hover, a.smb3:active  {
	color: #ff6600;
	text-decoration: none;
	font-size: 16px;
	width: 75px;
	height: 22px;
	float:left;
	text-align:left;
	border-right: 1px #cccccc solid;
	margin: 5px ;
}



a.smb3-2:link, a.smb3-2:visited  {
	color: #0271b4;
	text-decoration: none;
	font-size: 16px;
	width: 75px;
	height: 22px;
	float:left;
	text-align:left;
	border-right: 1px #cccccc solid;
	margin: 5px ;
}
a.smb3-2:hover, a.smb3-2:active  {
	color: #0271b4;
	text-decoration: none;
	font-size: 16px;
	width: 75px;
	height: 22px;
	float:left;
	text-align:left;
	border-right: 1px #cccccc solid;
	margin: 5px;
}


a.smb4-2:link, a.smb4-2:visited  {
	color: #666666;
	text-decoration: none;
	font-size: 16px;
	width: 95px;
	height: 22px;
	float:left;
	text-align:left;
	margin: 5px 0 5px 10px;
}
a.smb4-2:hover, a.smb4-2:active  {
	color: #666666;
	text-decoration: none;
	font-size: 16px;
	width: 95px;
	height: 22px;
	float:left;
	text-align:left;
	margin: 5px 0 5px 10px;
}
















img.imb1{
    margin-bottom:2px;
}







/*�|���ǰe�T��---*/
input.message1 {	
  	color:#333333;
	height:24px;
	width: 762px;
	background-color: #eff5f7;
	border:1px solid #c2d2dd;
}
textarea.message2 {
    color:#333333;
    background-color: #eff5f7;
    border: 1px solid #c2d2dd;
	width: 860px;
	height: 260px;
}

input.me_inp{
   color:#fff;
   height:28px;
   width: 95px;
   background:#ebf0f1;
   border:1px #8ba5b1 solid;
   background-image:url(./mbst_mobile/images/mb_bt2.jpg); 

}

input.me_inp2{
   color:#fff;
   height:28px;
   width: 50px;
   background:#ebf0f1;
   border:1px #8ba5b1 solid;
   background-image:url(./mbst_mobile/images/mb_bt2.jpg); 

}







/* date chooser */
div#dateChooser{
	padding:5px;
	border:1px #CCC solid;
	background:#606172;
	color:#FFF;
	text-align:center;
}
table#dc_tb a{
	text-decoration:none;
	display:block;
}
table#dc_tb a:link,table#dc_tb a:visited{
	color:#666;
}
table#dc_tb a:hover,table#dc_tb a:active{
	color:#FFF;
}
table#dc_tb{
	border-collapse:collapse;
	opacity:1;
	filter:alpha(opacity=100);
}
table#dc_tb th{
	border-bottom:1px #CCC solid;
	background:#606172;
}
table#dc_tb td{
	background:#FFF;
	text-align:center;
	border:1px #CCC solid;
}
table#dc_tb td:hover,#dc_tb td.holi:hover{
	background:#656669;
}
table#dc_tb td.holi{
	background:#E0E2F3;
}
table#dc_tb td.today{
	border:2px #606172 solid;
}







/*������s�WCSS*/


.l_inm_image{
margin: 10px 0 10px 0;
width:250px;
}



img.moi{
	min-width: 340px;	
	max-width: 1100px;	
	
}



input.msp{
	border: 1px #ccc solid;
	text-align:left;
	padding:2px;
	width: 310px;
	height: 22px;
	margin-left: 20px;
}


a.mo:link, a.mo:visited  {
	color: #ffffff;
	font-size: 17px;
	text-decoration: none;
	line-height:22px;
	display:block;
	float:right;
	padding-top:6px;
	
}
a.mo:hover, a.mo:active  {
	color: #ffffff;	
	ont-size: 17px;
	text-decoration: underline;
	line-height:22px;
	display:block;
	float:right;
	padding-top:6px;
	
}




#d_mob{
	width: 100%;
	background-color:#FFFFFF;
	padding-bottom: 25px;
	min-height:400px;
}

#d_mo2{
	width: 98%;
	max-width: 1100px;
	text-align: left;
	
}

#d_mo2-2{
	width: 98%;
	max-width: 1100px;
	text-align: left;
}

#d_mo3{
	height: 30px;
	color:#17358d;
	width: 100%;
	min-width: 350px;
	background-color: #eeeeee;
	font-size: 18px;
	padding-top: 4px;
	margin-bottom: 5px;
}



.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}




table.mta{
	width: 100%;
	max-width: 1100px;	
	}


table.mta td{
	padding:4px 5px 4px 5px;
	line-height:30px;
	}


table.mta td.mo-li{
	padding:4px 5px 4px 5px;
	line-height:32px;
}
	
table.mta td.mo-none {
	display:none;
}

table.mta th{
	padding:4px 5px 4px 5px;
    line-height:30px;
	}


table.mta2{
	background-color: #eeeeee;
	width:90%;
	max-width: 1100px;	
}	



/*------*/
table.mta1{
	width: 100%;
	max-width: 1100px;	
	}


table.mta1 td{
	padding:4px 2% 4px 2%;
	line-height:30px;
	border-bottom: 1px #dddddd solid;
	}


table.mta1 td.mo-li{
	padding:4px 2% 4px 2%;
	line-height:35px;
	border: 0px; 
}
	
table.mta1 td.mo-none {
	display:none;
}

table.mta1 th{
	padding:4px 2% 4px 2%;
	background: #eeeeee;
	border-bottom: 1px #e5e5e5 solid;
	}
table.mta1 td.tit {
	background-color: #f2f3f7;
}

table.mta1 td.con {
   display:none;
}	








/*------*/

table.mta1-2{
	width:100%;
	max-width: 1100px;	
	}


table.mta1-2 td{
	padding:4px 5px 4px 5px;
	line-height:30px;
	border-bottom: 1px #e0e8eb solid;
	}


table.mta1-2 td.mo-li{
	padding:4px 5px 4px 5px;
	line-height:35px;
	border: 0px;
}
	
table.mta1-2 td.mo-none {
	display:none;
}

table.mta1-2 th{
	padding:4px 5px 4px 5px;
	background: #eeeeee;
	border-bottom: 1px #e5e5e5 solid;
	}
table.mta1-2 td.tit {
	background-color: #f2f3f7;
}

table.mta1-2 td.con {
   display:none;
}	













/*------*/

#dleft{
	float:left;
	margin-right:5px;
	
	}

#dleft2{
	float:left;
	margin-right:30px;
	
}

	
#dleft3{
	float:left;
	margin-right:25px;
	margin-left:10px;
	text-align:left;
	
}	
	
#dleft4{
	float:left;
	margin-right:20px;
	text-align:left;
	margin-bottom:10px;
}


#dleft4-2{
	float:left;
	text-align:left;
	margin-top: -10x;
}	


#dleft5{
	float:left;
	
}

#dleft6{
	float:left;
	margin-left: 15px;	
}

#dleft7{
	float:left;
	margin-right: 12px;	
}



#drig1{
	float: right;
	margin-left:25px;
	
}



/*------*/

table.mta2{
	min-width:340px;
	max-width: 800px;	
	}


table.mta2 td{
	padding:4px 5px 4px 5px;
	line-height:32px;
	}

table.mta2 th{
	padding:4px 5px 4px 5px;
    line-height:32px;
	}
	


/* 影片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%;
}




/* 入會流程 / 會員資料 --css---------------*/
table.mtajo{
	width: 98%;
	max-width: 1100px;
	line-height: 36px;
	text-align: left;
}
table.mtajo img{
	margin-top: -8px;
}


table.mtajo td{
	padding:2px 5px 2px 5px;
	background-image:url(./images/line.gif); 	
}

table.mtajo td.wd{
	width: 110px;	
}

table.mtajo td.ln {
	padding:2px 5px 2px 5px;
	background-image: none; 
}

table.mtajo select {
	min-width:108px;
	max-width:108px;
}
table.mtajo select.bi {
	max-width:70px;
	min-width: 45px;
}

table.mtajo input {
	border: 1px #cdcdcd solid;
	height: 26px;
	max-width: 400px;
	margin:2px 0 2px 0;
    width: 100%;
}

table.mtajo input.no {
    display:inline-block;
    width:15px;
    height:15px;
    margin: 0px 4px 0 4px;
    vertical-align:middle;
    cursor:pointer;
}

table.mtajo input.num {
	height: 26px;
	width: 34px;
}
table.mtajo input.num2 {
	height: 26px;
	width: 98px;
}
table.mtajo input.ad1 {
	width: 100px;
}
table.mtajo input.ad2 {
	width: 100%;
}

table.mtajo input.bit {
	border: 0px;
	height: 26px;
    width: 50px;
}
table.mtajo input.bit2 {
	border: 0px;
	height: 26px;
    width: 40px;
	text-align: center;
}



table.mtajo2{
	display: none;
}





/* Cart_trade_kind_ 付款方式  - Cart_trade_info_寄送資訊  -  Cart_trade_success 訂購成功頁--------------*/

/*成功頁列印訂單div-手機版隱藏--*/
#orprint{
	display:none;
	}
	
	
table.ca1{
	width: 100%;
	max-width: 900px;
	text-align:left;	
	}

table.ca1 select{
	width: 85px;	
	height: 28px;
	}

table.ca1 select.in1 {
	width: 110px;
	height: 28px;	
	margin-right: 3px;
	}

table.ca1 td{
	padding:4px 5px 4px 5px;
	line-height:32px;
	border-bottom: 1px #e0e8eb solid;
	}
	
table.ca1 td.no {
  display:none;
}

table.ca1 td.tit {
	background-color: #dfecf1;
}

table.ca1 td.tit-no {
	display:none;
}


table.ca1 td.tit2 {
	background-color: #eeeeee;
}
table.ca1 td.tit3 {
	background-color: #fefefe;
}
table.ca1 td.nli{
	border-bottom: 0px;
	}

table.ca1 input {
	border: 1px #dddddd solid;
	
	}	

table.ca1 input.paym{
	border:0px ;
	border-bottom:1px #dddddd solid;
	text-align:right;
	width: 80px;
	padding-right:10px;
	margin-right:10px;
	}	
	
table.ca1 input.i1{
	width: 100%;
	max-width: 350px;
	margin: 5px 0 5px 0;
}

table.ca1 input.i2{
	width: 100%;
	max-width: 450px;
	margin: 5px 0 5px 0;
	}



/* shoppingcart.php_購物車清單   Cart_trade_chk.php_訂單確認  -  css--------------*/	

table.ca2{
	width: 98%;
	max-width: 900px;
	text-align:left;
	margin-bottom: 15px;		
	}

table.ca2 td{
	padding:4px 5px 4px 5px;
	line-height:30px;
	border-bottom: 1px #e0e8eb solid;
	}
	
table.ca2 td.nli{

	border-bottom: 0px;
	
}
table.ca2 td.tit {
	background-color: #dfecf1;
	line-height:28px;
}

table.ca2 td.tit2 {
	background-color: #eeeeee;
	width: 50px;
	text-align:right;
	padding-right: 6px;
	line-height:28px;
}

table.ca2 td.tit3 {
	background-color:  #eeeeee;
	line-height:28px;
	min-width:60px;
}

table.ca2 td.tit4 {
	background-color:  #f7f7f7;
	text-align:right;
}
table.ca2 td.tit5 {
	background-color:  #f7f7f7;
	text-align:left;
}


table.ca2 select.numc {
	width:48px;
}





/* Product_list.php  會員專區購物頁--------------*/	
/* 會員專區購物選單-*/
ul#level1{
	list-style-type:none;
	margin:0px 0px 0px 8px;
	width:190px;
}
ul#level1 a{
	display:block;
	width:190px;
	text-decoration:none;
	color:#013789;
}
#level1 a:hover,#level1 a:active{
     color:#ff6600;
  	text-decoration: none;
}
ul#level1 li{
	min-height:25px;
	text-align:left;
	padding-top:4px;
	letter-spacing:1px;
}

ul#level2 a{
	color:#444444;
}
ul#level2{
	margin-left:0;
}
ul#level2 li{
	padding-top:3px;
	min-height:24px;
	background-position:bottom;
}
ul#level3 a{
	color:#666666;
}
ul#level3  a:hover,#level1 a:active{
  	color:#ff6600;  
  	text-decoration:none;
}
ul#level3{
	margin-left:0;
}
ul#level3 li{
	padding-top:3px;
	height:24px;
	background-position:top;
}
/* 會員專區購物列表-*/	

table.ca3{
	width: 100%;
	max-width: 450px;
	text-align:left;
	margin-bottom: 15px;		
	}

table.ca3 td{
	padding:4px 5px 4px 5px;
	line-height:30px;
	}

table.ca3 td.mo {
	
}

table.ca3 td.tit {
	display:none;
}

img.mpho{
	max-width: 250px;
	max-height: 250px;
	margin:5px 0 5px 0;
	}
#d_mbp{
	text-align:center;	
}
#d_mbp1{
  min-width:auto;
  min-width: 200px;
  max-width: 450px;
  margin-top:5px;
  margin-right:10px;		
}
#d_mbp2{
  min-width: 140px;
  max-width: 500px;
  margin-top:5px;
  text-align: center;	
}
#d_mbp3{
	float:left;
	width: 160px;
	text-align:left;
	color: #b50000;
	margin-bottom:4px;	
}
#d_mbp4{
	clear:both;
}
#standard {
	color: #777777;
	font-size: 16px;
	}
	
	
	
	
/* 行事曆報名表格  --css---------------*/
table.sct{
	width: 98%;
	max-width: 900px;	
	line-height: 34px;	
}


table.sct td{
	padding:2px 5px 2px 5px;	
}

table.sct td.wd{
	width: 135px;
}


table.sct select {
	width: 130px;
}

table.sct select.ge {
	width: 50px;
}

table.sct input {
	border: 1px #cccccc solid;
	height: 24px;
	width: 100%;
	max-width: 320px;
}

table.sct input.ad {
	
}

table.sct input.name {
    width: 100px;	
}
	
table.sct textarea{
	border: 1px #cccccc solid;
	height: 100px;
	width: 100%;
	max-width: 455px;
}
	
	
/* 線上購物 ............... */

#prod_flo{
	
	}
#prod_block{
	background:transparent;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	width:215px;
	word-wrap: break-word;
	word-break: break-all;
	border:0px;
	border-bottom: 1px #cccccc solid;
	margin-bottom:15px;
	
}
#prod_block a{
  	display:block;
  	color:#333333;
	text-decoration: none;
}
#prod_block a:hover{
  	color:#ff6600;
}
#prod_list_tit{
  	text-align:left;
	padding-bottom:10px;
	letter-spacing:1px;
}

#prod_detail{	
	height:100%;
	margin-left:8px;
	text-align:left;
	margin-top:5px;
}


#prod_det01{	  
	width:300px;
	height:'300px';
	text-align:left;
	
}

#prod_det02{
	clear:both;	
	min-width:320px;
	max-width:450px;
	padding-top:25px;
	text-align:left;
}


















#pro_pic{
	 width:320px; float:left; margin-left: 10px;
	
	}
#pro_con{
	 width:320px; 
	 margin-right:0px; 
	 float:left;
	 margin-left: 10px;
	 margin-top: 15px;
	
}

#pro_main{
	widht: 100%; height:35px; background-color:#bbbbbb; 
	
}

#pro_rec{
	display:none;
}






	.ca_001 {
		font-size: 22px;
		color: #083c7b;
		line-height: 36px;
	}
	.ca_002 {
		line-height: 32px;
	}
	.ca_002-2 {
		line-height: 34px;
		color:#0468b6;
		font-size: 18px;
		
	}
	.ca_003 {
		font-size: 14px;
		color: #0099cc;
	}
	.black_overlay{
		display: none;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 400%;
		background-color: black;
		z-index:99999;
		-moz-opacity: 0.6;
		opacity:.60;
		filter: alpha(opacity=60);
	}
	.white_content {
		display: none;
		position: absolute;
		position:fixed;
		top: 100px;
		width: auto;
		margin:auto;
		height: 90%;
		z-index:100000;
		overflow: auto;
	}
	.close {
		position: absolute;
		top: 18px;
		right: 18px;
		display: block;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		font-size: 20px;
		color: #999;
		cursor: pointer;
	} 

	.close a:link,.close a:hover,.close a:visited,.close a:active{
		text-decoration: none;
	} 
	#pro_div8{
	float: left;
	margin:6px 0 0 0;
	}
	#pro_div9 {
		border: 1px solid #dddddd;
		float: left;
		height: 68px;
		margin:6px 5px 0 5px;
		overflow: hidden;
		position: relative;
		text-align: left;
		width: 268px;
		/*background-color: #222222;*/
	}
	#pro_div10{
	float: left;
	margin:6px 0 0 0;
	}
	#albumlist{
	float: left;
		position: absolute;
		width: 3000px;
		height: 68px;
	}
	
.d_ca1{
  	font:17px Microsoft JhengHei;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	width:95px;
	height:28px;
	text-align:center;
	background-color: #106da8;
	padding-top: 7px;
	float: left;
	
}
.d_ca2 {
  	font:17px Microsoft JhengHei;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	width:95px;
	height:28px;
	text-align:center;
	padding-top: 7px;
	float: left;
	
}
	
	
	#d_tm5{
		width: 60px;
		height:88px;
		overflow:hidden;
		float:left;
		position: relative;
		margin: 4px;
		border: 0px #eeeeee solid;
	}




	#d_tm6{
		position:relative;
		width: 756px;
		height: 90px;
		float:left;
		overflow:hidden;
		left: 0px;
	}


	#d_tm7{
		position:relative;
		width: 3000px;
		height: 90px;
		float:left;
		overflow:hidden;
		left: 0px;
	}
	
	
	



	
	
	
	
	
/*首頁- 訊息--------------------------------------------*/


#ihpn2{
	width: 100%;
	height: 28px;
	padding-top: 6px;
	margin:0;
	text-align: left;
	background: #e5ecf5;
	font-size: 16px;
	color:#43485b;
}


#ihpn_mo{
	float: right;
	margin: 1px 6px 0 0;
	width:58px;
	height:18px;
	padding-top:2px;
	text-align:center;
	font-size: 12px;
	/*background: #cbd6e1;*/
	color: #333333;
}
	
#ihpn_mo:hover{
	float: right;
	margin:1px 6px 0 0;
	width:58px;
	height:18px;
	padding-top:2px;
	text-align:center;
	font-size: 12px;
	background: #ff6600;
	color: #ffffff;
}
	
	
	
	
/*首頁- 熱門及新品--------------------------------------------*/


#ihpn{
	width: 100%;
	height: 30px;
	padding-top: 8px;
	margin:0;
	text-align: center;
	background: #e9eef0;
	font-size: 19px;
	color:#194a7c;
	text-decoration: none;
}



#ihp{
	width: 95%;
	height: 330px;
	margin:14px 0 0 0;
	color: #555555;
	line-height:26px;
	text-decoration: none;
	text-align:center;
	
}


#ihp:hover{
	width: 95%;
	height: 330px;
	margin:14px 0 0 0;
	color:#ff6600;
	line-height:26px;
	text-decoration: none;
}

#ihp img{
	max-width: 260px;
	max-height: 260px;
	margin-bottom:10px;
	}



#ihp img:hover{
	margin-bottom:10px;
	box-shadow:2px 2px 2px rgba(20%,20%,30%,0.4);
	
}	

.no_class{
	display: none;
}

}