﻿* div{  
 
}


 .border1{
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #EEEEEE;
} 
.border0{
border-collapse: collapse;
border-spacing: 0px;
border: 0px solid gray;
}  

.ItemMain
{ 
    Border-Width:0px;    position:relative;    	padding-right: 0px; 	padding-left: 0px; 
	padding-top: 0px; 	padding-bottom: 0px;   	margin-top:0px;  margin-bottom:0px;   	z-index:2;	BACKGROUND-IMAGE: url(""); 
}

.ItemMainNew
{   width:100%;visibility:hidden;  display:none;   position:fixed; top:0px;
    Border-Width:0px;      	padding-right: 0px; 	padding-left: 0px; 
	padding-top: 0px; 	padding-bottom: 0px;   	margin-top:0px;  margin-bottom:0px;   	z-index:4;	BACKGROUND-IMAGE: url(""); 
}

.ItemMainInside
{ background-color:#FFFFFF;width:100%;   Border-Width:0px; border: 0px solid #FFFFFF; 
}
.ItemMainShadow
{  
border: 0px solid #FF0000;  width:100%;height:5px;BACKGROUND-IMAGE: url(http://images.wunme.com/_images/shadow.png);  
}

.ItemMainScroll
{  
    Border-Width:0px;    position:relative;    	padding-right: 0px; 	padding-left: 0px; 	padding-top: 0px; 
	padding-bottom: 0px;   	margin-top:0px;  margin-bottom:0px;   	z-index:2;	 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover3.png"); 
}
.ItemMainScroll2
{  
    Border-Width:0px;    position:relative;    	padding-right: 0px; 	padding-left: 0px; 	padding-top: 0px; 	padding-bottom: 0px;   	margin-top:0px;  margin-bottom:0px;   
	z-index:2; 	 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolgray2.png"); 
}



.Vipborder {  
 border: 3px solid #FF0000;TEXT-DECORATION: none;cursor:hand; }
.VipTitle {  
   background-color: #FFFF66; font-size: 12px;  border: 0px solid #FFFFFF;TEXT-DECORATION: none;cursor:hand; }
.VipTitlePic {  
   content: url(http://images.wunme.com/_images/news.gif); }
   
 
 
.VipborderOK {  
 border: 1px solid #FF9999;TEXT-DECORATION: none;cursor:hand; }
.VipTitleOK {  
   background-color: #E0E0E0; font-size: 12px;  border: 0px solid #FFFFFF;TEXT-DECORATION: none;cursor:hand; }
.VipTitlePicOK {  
   content: url(http://images.wunme.com/_images/star_green.gif); height:12px; }
.VipTitlePic2OK {  
   content: url(http://images.wunme.com/_images/pcart_m.png);height:12px; }

.VipPic {  
  Cursor:hand;BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolgray.png');TEXT-DECORATION: none;cursor:hand; }
  
.BoardFuncBgOut {  
  Cursor:hand;BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolgray.png');TEXT-DECORATION: none;cursor:hand; }
.BoardFuncBgOver {  
  Cursor:hand;BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolbarover.png');TEXT-DECORATION: none;cursor:hand; } 

.EditMenuStart{ 
width:257px;height:30px; text-align:center;Cursor:hand;BACKGROUND-IMAGE: url('http://images.wunme.com/_images/bgjoinzone.png');
background-Repeat:no-repeat;border:0px #EEEEEE solid;  padding:4px;  position:absolute; 
}
.AreaFunc{ 
width:auto;height:29px; text-align:center;BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolgray3.png');  /* bgjoinzone2 */
border:0px #EEEEEE solid;  padding-top:0px;  position:absolute; z-index:3; 
}
.AreaFuncAdd { 
  BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolgray3.png');  /* bgjoinzone2 */
   width:120px;height:25px; text-align:center;  border:0px #EEEEEE solid;  padding:2px;  margin-left:5px;  
}
.AreaFuncAddOver { 
   width:120px;height:25px; text-align:center;  border:0px #EEEEEE solid;  padding:2px;  margin-left:5px;   background-color: #000000; Cursor:hand;
}
.AreaFuncBig { 
  float:left; width:auto;height:25px; text-align:center;  border:0px #EEEEEE solid;  padding:2px;  margin-left:5px;  
}
.AreaFuncBigOver { 
  float:left; width:auto;height:25px; text-align:center;  border:0px #EEEEEE solid;  padding:2px;  margin-left:5px;   background-color: #000000; Cursor:hand;
}
.AreaFuncImg1 { content: url(http://images.wunme.com/_images/o_areainset.png); 
}
.AreaFuncImgOver1 { content: url(http://images.wunme.com/_images/o_areainseto.png); 
}
.AreaFuncImg2 { content: url(http://images.wunme.com/_images/o_areaset.png);  
}
.AreaFuncImgOver2 { content: url(http://images.wunme.com/_images/o_areaseto.png); 
}

.AreaFuncSmall { 
  float:left; width:auto;height:25px; text-align:center;  border:0px #EEEEEE solid;  padding-top:0px;   
}
.AreaFuncSmallText { 
  float:left; width:auto;height:25px; text-align:center;  border:0px #EEEEEE solid;  padding-top:4px;   
}

.AreaFuncShowAll { 
width:191px;height:30px; text-align:center;BACKGROUND-IMAGE: url('http://images.wunme.com/_images/bgjoinzone4.png');
border:0px #EEEEEE solid;  padding-top:3px;    background-Repeat:no-repeat;  cursor: pointer;
}
.AreaFuncShowAll2 { 
width:auto;height:30px; text-align:center; border:5px #EEEEEE solid;  padding-top:3px;   
}

.imgpuz{ 
border:1px #EEEEEE solid; cursor: pointer;background-Repeat:no-repeat;align:center;
}
.imgpuzover { 
border:1px #FF0000 solid; cursor: pointer;background-Repeat:no-repeat;
}

.areapuz{ 
border:1px #EEEEEE solid;
}
.areapuzover { 
border:1px #0000FF solid;  box-sizing:border-box;
}

.editheadnew{ 
border:0px #EEEEEE solid;display: table;margin:0 auto;
}
.editheadnewover { 
border:1px #FF0000 solid;  display: table;margin:0 auto;
}

.DVCountDownText{ 
border:1px #EEEEEE solid;  background-color: #000000; color: #FFFFFF; font-face: Arial Black; font-size: 26px;  font-face: Arial Black; float:left; width:auto; padding:4px;  
}
.DVCountDownDayText{ 
float:left;padding-top:13px;width:20px; background-color: #000000;color: #FFFFFF;  width:auto;height:28px;padding:2px;padding-top:7px;
}

.DVCountDown{ 
border:2px #EEEEEE solid;  background-color: #000000; color: #FFFFFF;  font-size: 26px; padding:2px;  font-face: Arial Black; float:left; width:auto;
}

AlphaText { 
	background-color: #003399; 
	color:#CCCCCC; 
	border: 1px solid; font-color: #000080; 
	font-size: 12px; 
	padding-right: 6px; 
	padding-left: 6px; 
	padding-top: 4px; 
	padding-bottom: 2px; 
	filter: Alpha(Opacity=0);
}

A:link {
	COLOR: #0000FF;TEXT-DECORATION: none
}
A:visited {
	COLOR: #0000AA;TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF0000;TEXT-DECORATION: none
}

.textgreen {
	FONT-SIZE: 24px; COLOR: #669900; FONT-FAMILY: "Arial", "Helvetica", "sans-serif"
}

.title {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 21px;
	font-style: normal;
	color: #333333;
	font-weight: normal;
}
.head {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 18px;
	font-weight: normal;
	color: #666666;
}
.text {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 21px;
	text-align: justify;
	list-style-type: square;
	list-style-position: outside;
	color: #333333;





}
.textorange {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	font-weight: bold;
	color: #FFCC00;
}
.textred {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;

}
.textwhite {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;

}
.textwhiteCopy {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.textgray {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
}
.textred01 {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color: #CC0000;
	font-weight: bold;

}
.mainmenu {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 14px;
}
.textCopy {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	line-height: 21px;
	text-align: justify;
	list-style-type: square;
	list-style-position: outside;
	color: #333333;
}
.textredCopy {

	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #CC0000;
	font-weight: bold;
}
.textredLight {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;

}

.mobilecss {
border-collapse: collapse;border-spacing: 1px; border: 1px solid #3676B8; cursor:hand; font-color: #444444; font-size: 16px; COLOR: #444444;
  margin-top:5px;   margin-bottom:5px; 
  padding-top:5px;    padding-bottom:5px; 
 
  
} 
 
.mobileovercss {
border-collapse: collapse; border-spacing: 1px; border: 1px solid #3676B8; cursor:hand; background-color:  #3676B8;font-color: #FFFFFF; font-size: 16px;  COLOR: #FFFFFF;
 margin-top:5px;  
margin-bottom:5px; 
  padding-top:5px; 
  padding-bottom:5px; 
  
}
.proseach {
border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #FFFFFF; font-size: 12px;  COLOR: 333333;
 margin-top:0px;  
margin-bottom:0px; 
  padding-top:2px; 
  padding-bottom:0px; 
  BACKGROUND-IMAGE: url("http://images.wunme.com/_images/login.gif"); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top;
}


.proseachover {
border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand;  font-color: #FFFFFF; font-size: 12px;  COLOR: #333333;
 margin-top:0px;  margin-bottom:0px;   padding-top:2px;   padding-bottom:0px; 
  BACKGROUND-IMAGE: url("http://images.wunme.com/_images/loginover.gif"); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center top;  
}

.mobilemain {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:30;height:30; margin-top:0px;  margin-bottom:0px;   padding-top:9px;   padding-bottom:0px; 
 BACKGROUND-IMAGE: url("");  
}
.mobilemainover {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:30;height:30; margin-top:0px;  margin-bottom:0px;   padding-top:9px;   padding-bottom:0px; 
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover.png"); 
}


.rwdicon {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:35;height:35; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px;  margin-left:5px;
 BACKGROUND-IMAGE: url(""); float:left;
}
.rwdiconlogo {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:140px;height:35; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px;  margin-left:5px;
 BACKGROUND-IMAGE: url(""); float:left;
}


.rwdiconover {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:35;height:35; margin-top:0px;  margin-bottom:0px;    padding-bottom:0px; margin-left:5px;
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover.png"); float:left;
}


.rwdcarticon {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:35;height:35; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px;  margin-right:2px;
 BACKGROUND-IMAGE: url("toolgray2.png"); float:right;
}
.rwdcarticonover {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:35;height:35; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px; margin-right:2px;
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover.png"); float:right;
}

.rwdmenuicon {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:70px;height:auto; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px;  margin-left	:2px;
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolgray2.png"); float:left;
}
.rwdmenuiconover {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:70px;height:auto; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px; margin-left:2px;
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/chart1.gif"); float:left;
}


.rwdmoreicon {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:35;height:35; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px;  margin-right:10px;
 BACKGROUND-IMAGE: url(""); float:right;
}
.rwdmoreiconover {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555; font-size: 12px;  COLOR: #333333;
 width:35;height:35; margin-top:0px;  margin-bottom:0px;      padding-bottom:0px; margin-right:10px;
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover.png"); float:right;
}
.rwdwebname {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #3676B8; cursor:hand; font-color: #555555;    COLOR: #333333;
 width:35%;height:30; line-height:34px;  margin-top:0px;  margin-bottom:0px;   padding-top:0px;   padding-bottom:0px;  
 BACKGROUND-IMAGE: url(""); float:left;overflow:hidden;
}

.rwditemback {
    background-image: url(http://images.wunme.com/_images/overlay.png);    position:absolute;    padding-top:45px;  visibility:hidden;    z-index:5;
}

.rwditem {
       
}

.EditSpanColor {  
	color:#000000; 	border:1px solid #444444;  margin:2px; padding:4px;  padding-top:1px;  background-color:  #FFFFFF;   font-color: #000000; 	font-size: 16px; cursor: pointer;   
}
.EditSpanColor:hover {  
	color:#000000; 	border:1px solid #444444;  margin:2px; padding:4px;  padding-top:1px;  background-color:  #AAAAAA;   font-color: #000000; 	font-size: 16px; cursor: pointer;   
}

.EditSpanRedOver2 {  
  border:1px #FFFFFF solid;text-align:center; background-color: #FF0000; cursor: hand;  font-size: 16px; color: #FFFFFF;  margin:2px; padding:4px;  padding-top:1px;  display: table-cell; vertical-align: middle;  
}

.EditSpanRed {  
	border:1px #FFFFFF solid;text-align:center; background-color: #B70000; cursor: hand;  font-size: 16px; color: #FFFFFF;  margin:2px; padding:4px;  padding-top:1px;  display: table-cell; vertical-align: middle;  
}


.EditHead {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #CCCCCC;  font-color: #FFFFFF; font-size: 12px;  COLOR: #FFFFFF;
  margin-top:0px;  margin-bottom:0px;  padding:2px; padding-bottom:0px; 
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover3.png"); 
  position:absolute;		z-index:3;visibility:hidden;  
} 

.EditHeadSetItem {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #CCCCCC;  font-color: #FFFFFF; font-size: 12px;  COLOR: #FFFFFF;
  margin-top:0px;  margin-bottom:0px;  padding:2px; padding-bottom:0px; 
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover3.png"); 
  position:absolute;		z-index:4;visibility:hidden;  
} 

.EditHeadPro {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #CCCCCC;  font-color: #FFFFFF; font-size: 12px;  COLOR: #FFFFFF;
  margin-top:0px;  margin-bottom:0px;   padding-top:0px;  padding-left:2px; padding-bottom:0px; 
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover4.png"); 
  position:absolute;		z-index:2;
} 

.EditHeadFix { 
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #CCCCCC;  font-color: #FFFFFF; font-size: 12px;  COLOR: #FFFFFF;
  margin-top:2px;  margin-bottom:2px;   padding-top:2px;   padding-left:2px; padding-bottom:2px; 
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover2.png"); 
 
} 

.EditHeadOver {
 border-collapse: collapse; border-spacing: 0px; border: 2px solid #AAAAAA;  font-color: #FFFFFF; font-size: 12px;  COLOR: #FFFFFF;
  margin-top:0px;  margin-bottom:0px;   padding-top:0px; padding-left:2px;   padding-bottom:0px; 
 BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover3.png"); 
 position:absolute; 	z-index:3;
} 
.EditFunc {
 display:none;border-collapse: collapse; position:absolute;		z-index:2; width:auto; 
} 

.EditHeadBody {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #444444;  font-color: #FFFFFF; font-size: 12px;  COLOR: #FFFFFF;
 width:100%;height:100%; margin-top:0px;  margin-bottom:0px;   padding-top:0px;   padding-left:2px;  padding-bottom:0px;  
  
}
.EditHeadBody2 {
 border-collapse: collapse; border-spacing: 0px; border: 0px solid #444444;  font-color: #FFFFFF; font-size: 12px;  COLOR: #FFFFFF;
 width:100%;height:100%; margin-top:0px;  margin-bottom:0px;   padding-top:0px;  padding-left:2px;   padding-bottom:0px;  
  
}


/*相簿相片外框 css */
.FileFloatLeft { 
padding:2px;
border:1px #EEEEEE solid; 
float:left;

}
.FileFunction { 
padding:1px;
border:1px #444444 solid; 
float:left;

}
.FileFunctionRight { 
padding:1px;
border:1px #444444 solid; 
float:right;

}
.DSetItem { 
 position:absolute;      visibility:hidden;   padding-bottom:2px; width:60px;  height:19px;  
  BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover2.png");  z-index:4; 
}

.DAreaInsideCTRL { 
    position:absolute;      visibility:hidden;  
padding-bottom:2px; width:28px;  
  BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover2.png");  z-index:3; 
}

.DAreaInsideRangeCss { 
   position:absolute; visibility:hidden; margin:0 auto;
   border: 1px  #EEEEEE solid; BACKGROUND-IMAGE: url("http://images.wunme.com/_images/toolbarover.png");  z-index:2;
}

 
.FileControl {
    position:absolute;      visibility:hidden; 
}



  /*  工具列選單 基底 */
.SubStyleWunme       {z-index:3;position:absolute;  visibility:hidden;  }    





/*ssss手機版 css -----------------------------------------------------------------------------------------
.text {
 font-size:16px;
}
 1111*/
 
 
  .mobileheadicon{ width: 30px; }
   .mobileicon{ width: 30px; }  /* 480*0.14 */
   .mobileiconheight{ width: 33px; height: 33px;}
   
    .mobilesmallicon{ width: 33px; }  
    .mobilesmallkind{ width: 265px; height:26px; }
    
   .texthead{ height: 5px;  } 
   .textSmall{ font-size:24px; margin:5px;border:0;padding:0; height:24px;line-height:24px; }
  .text{ font-size:26px;  margin:5px;border:0;padding:0; height:26px;line-height:26px; } 
    .mbutton{ font-size:26px;  margin:5px;border:#555555  1px  solid ;padding:0;  height:36px;line-height:26px;  }  
    .mbuttonbig{ font-size:26px;  margin:5px;border:#555555  1px  solid ;padding:0; width:200px; height: 46px;line-height:26px;  cursor: hand;  }  
  .textitem{ font-size:30px;  margin:5px;border:0;padding:0; height:30px;line-height:30px; } 
  .mobileCkind {  height: 34px; font-size:18px; }
  .mobilecss {  height: 34px;}
  .mobileovercss {  height: 34px;}   
  .mobileitem {
    font-size:28px;   	border-collapse: collapse;border-spacing: 1px; border: 1px solid #3676B8; cursor:hand; font-color: #444444; COLOR: #444444;
    margin-top:5px;   margin-bottom:5px;   padding-top:5px;    padding-bottom:5px; 	} 

  .mobileitemover {  /*  網頁名稱移入 */
    font-size:30px;   	border-collapse: collapse;border-spacing: 1px; border: 1px solid #3676B8;background-color:  #3676B8; cursor:hand; font-color: #444444; COLOR: #444444;
    margin-top:5px;   margin-bottom:5px;   padding-top:5px;    padding-bottom:5px; 	} 
  


/*加入會員 css */ 
.DVFullScreen{ 
width: 100%; text-align:center;height: auto;     border:0px #EEEEEE solid;  color: #333333;   padding:1px;   }

.DVJoinBoard{ 
width: 90%; text-align:center;height: auto; background-color: #FFFFFF;   float:none; border:5px #AAAAAA solid;   color: #FFFFFF;   padding:1px;   padding-top:1px;   margin-bottom:1px }

.DVJointitle{ 
width: 99%; text-align:center;height: 30px; background-color: #0057AE; word-spacing:4; float:none; border:0px #FFFFFF solid;  font-size: 18px;color: #FFFFFF;   padding:2px;   padding-top:8px;   margin:0px;  }

.DVJoinField{ 
width: 140px; text-align:right;height: 25px; background-color: #BBDDFF; word-spacing:4; float:left; border:1px #FFFFFF solid;  color: #222222;   padding:2px;   padding-top:8px;    }
.DVJoinData{ 
width: 400px;  text-align:left;height: auto; background-color: #FFFFFF; word-spacing:4; float:left; border:0px #666666 solid;  color: #333333;   padding:2px;   padding-top:4px;   }
.DVJoinInputSmall{ /*短的輸入區塊 */
width: 30%;height:27;    FONT-SIZE: 16px; BACKGROUND-COLOR: #ffffff; border:1px #CDCDCD solid;  color: #000000;      }
.DVJoinInputShort{ /*短的輸入區塊 */
width: 50%;height:27;    FONT-SIZE: 16px; BACKGROUND-COLOR: #ffffff; border:1px #CDCDCD solid;  color: #000000;      }
.DVJoinInputLong{ 
width: 90%;height:27;   FONT-SIZE: 16px; BACKGROUND-COLOR: #ffffff; border:1px #CDCDCD solid;  color: #000000;    }

.DVJoinFieldSmall{ 
width: auto; text-align:right;height: 25px; background-color: #BBDDFF; word-spacing:4; float:left; border:1px #FFFFFF solid;  color: #222222;   padding:2px;   padding-top:8px;    }
.DVJoinDataSmall{ 
width: 50%;  text-align:left;height: auto; background-color: #FFFFFF; word-spacing:4; float:left; border:0px #666666 solid;  color: #333333;   padding:2px;   padding-top:4px;   }


.normalbutton { 
border:1px #FFFFFF solid;text-align:center; background-color: #444444; cursor: hand;  font-size: 16px; font-weight: bold;color: #FFFFFF;  padding:2px; padding-top:8px; width: 100px; height: 33px;}
.normalbuttonover { 
border:1px #FFFFFF solid;text-align:center; background-color: #777777; cursor: hand;   font-size: 18px;font-weight: bold;color: #FFFFFF;  padding:2px; padding-top:8px;   width: 100px; height: 33px;}
.Joinbutton { 
border:1px #FFFFFF solid;text-align:center; background-color: #0000CC; cursor: hand;  font-size: 16px; font-weight: bold;color: #FFFFFF;  padding:2px; padding-top:8px; width: 100px; height: 33px;}
.Joinbuttonover { 
border:1px #FFFFFF solid;text-align:center; background-color: #0000FF; cursor: hand;   font-size: 18px;font-weight: bold;color: #FFFFFF;  padding:2px; padding-top:8px;   width: 100px; height: 33px;}

/*購物車 css */ 
.soldoutbuttonS {  /*售完補貨中*/ 
border:1px #AAAAAA solid;text-align:center; background-color: #FFFFFF; cursor: hand;  font-size: 13px; color: #444444; margin-top:5px; padding:2px; display: table-cell; vertical-align: middle;   width: 94px; height: 30px;}
.buyitbuttonS2 { 
border:1px #FFFFFF solid;text-align:center; background-color: #0057AE; cursor: hand;  font-size: 13px; color: #FFFFFF;  margin-top:5px;padding:2px; display: table-cell; vertical-align: middle;  width: 94px; height: 30px;}
.buyitbuttonSover2 { 
border:1px #FFFFFF solid; text-align:center; background-color: #0000FF; cursor: hand;   font-size: 14px;color: #FFFFFF; margin-top:5px; padding:2px;display: table-cell; vertical-align: middle; width: 94px; height: 30px;}

.buyitbuttonS { 
border:1px #FFFFFF solid;text-align:center; background-color: #B70000; cursor: hand;  font-size: 13px; color: #FFFFFF;   margin-top:5px; padding:2px; display: table-cell; vertical-align: middle;  width: 94px; height: 30px;}
.buyitbuttonSover { 
border:1px #FFFFFF solid; text-align:center; background-color: #FF0000; cursor: hand;   font-size: 14px;color: #FFFFFF; margin-top:5px; padding:2px;display: table-cell; vertical-align: middle;  width: 94px; height: 30px;}

.buyitbutton { 
border:1px #FFFFFF solid;text-align:center; background-color: #B70000; cursor: hand;  font-size: 16px; font-weight: bold;color: #FFFFFF;  padding:2px; display: table-cell; vertical-align: middle;  width: 120px; height: 30px;}
.buyitbuttonover { 
border:1px #FFFFFF solid; text-align:center; background-color: #FF0000; cursor: hand;   font-size: 18px;font-weight: bold;color: #FFFFFF;  padding:2px; display: table-cell; vertical-align: middle;  width: 120px; height: 30px;}



.CartPronameField{  /*品名*/ 
width: 54%; text-align:center;height: 25px; background-color: #BBDDFF;   float:left; border:0px #FFFFFF solid;  FONT-SIZE: 12px;color: #222222;   padding:0px;   padding-top:8px;    }
.CartNoField{  /*數量*/ 
width:16%;min-width:35px; text-align:center;height: 25px; background-color: #BBDDFF;   float:right; border:1px #FFFFFF solid; FONT-SIZE: 12px; color: #222222;   padding:0px;   padding-top:8px;    }
.CartPrizeField{  /*單價*/ 
width: 16%;min-width:50px; text-align:center;height: 25px; background-color: #BBDDFF;   float:right; border:1px #FFFFFF solid; FONT-SIZE: 12px; color: #222222;   padding:0px;   padding-top:8px;    }


.CartPrizeZone{  /*價格區塊*/ 
width:45%;min-width:255px;height:auto;float:right;border:0px #FF0000 solid;   }

.CartProname{  /*品名*/ 
width: 54%; text-align:left;height: auto; background-color: #FFFFFF;   float:left; border:0px #FFFFFF solid;  FONT-SIZE: 12px;color: #222222;   padding:0px;   padding-top:8px;    }
.CartNo{  /*數量*/ 
width:14%;min-width:35px; text-align:right;height: 25px; background-color: #FFFFFF;   float:right; border:1px #FFFFFF solid; FONT-SIZE: 12px; color: #222222;   padding:0px;   padding-top:8px;    }
.CartPrize{  /*單價*/ 
width: 16%;min-width:40px; text-align:right;height: 25px; background-color: #FFFFFF;   float:right; border:1px #FFFFFF solid; FONT-SIZE: 12px; color: #222222;   padding:0px;   padding-top:8px;    }
.CartPrizeTotal{  /*單價*/ 
width: 16%;min-width:40px; text-align:right;height: 25px; background-color: #BBDDFF;   float:right; border:1px #FFFFFF solid; FONT-SIZE: 12px; color: #222222;   padding:0px;   padding-top:8px;    }


.Cartfixed {  position: fixed;  bottom: 0;  right: 0;  width: 200px;  background-color: white; }
 
.DVRWD1 { visibility:hidden !important;width: 1px; height: 1px;  border:0px ;}  
.DVRWD2 { visibility:hidden !important;width: 1px; height: 1px;  border:0px ;}  
.DVRWD3 { visibility:inherit !important;width: 10px; height: 10px;  border:0px #444444 solid;}  

/*商品瀏覽 css */ 
/*瀏覽商品圖片*/ 
.ShowProductListEnter   { clear:both; }
.ShowProduct     { float:left;text-align:center; border:0px #FF0000 solid; margin-left:2px; margin-bottom:5px;word-wrap:break-word;word-break:break-all; }
.SP_WidthSmall   { width:120px;border:0px #FF0000 solid;visibility:visible;  }
.SP_WidthSmall4  { width:180px;border:0px #FF0000 solid;visibility:visible; } 
.SP_NoWidthSmall { border:0px #FF0000 solid;visibility:visible; }


.SP_WidthBig   {  width:120px;border:0px #FF0000 solid;display:none;  }
.SP_WidthBig4  {  width:180px;border:0px #FF0000 solid;display:none; }
.SP_NoWidthBig {border:0px #FF0000 solid;  display:none; } 
/*商品瀏覽 橫式 css */ 
.ShowProduct1 { /*瀏覽商品圖片*/ 
width:350px;min-width:350px;height:auto;min-height:190px; float:left;text-align:left; border:0px #FF0000 solid; margin:2px; }

/*商品   css */ 
.OneProImgDiv {
width:320px;min-width:320px;  float:left;text-align:center; border:0px #FFFF00 solid; margin:2px;  }
.OneProDataDiv {
width:47%; min-width:220px;  float:left;text-align:left; border:0px #FF0000 solid;  margin:2px;  word-wrap:break-word;word-break:break-all; }
 .OneProImg {
width:49%;min-width:320px; float:left;text-align:center; border:0px #FF00FF solid; margin:2px;  }
 .OneProImgNoSize {
 width:49%;  float:left;text-align:center; border:0px #FF0000 solid; margin:2px;  }
 .OneProSpect{  /*規格*/ 
    FONT-SIZE: 12px; color: #222222;     }


.ProKindLink {  /*大小館超連結*/ 
float:left;text-align:center;   margin:2px; width: auto;height: 20px;FONT-SIZE: 14px; color: #222222;  
border: solid 1px #EEEEEE;padding:2px; background-color: #9DCEFF;cursor: pointer;
 }
.ProKindLinkOver {  /*大小館超連結*/ 
float:left;text-align:center;   margin:2px; width: auto;height: 20px;FONT-SIZE: 14px; color: #FFFFFF;  
border: solid 1px #EEEEEE;padding:2px; background-color: #0057AE;cursor: pointer;
 } 
 
.ProKindSortZone{  /*價格排序*/ 
width:auto;min-width:155px;height:auto;float:right;border:1px #AAAAAA solid;   }
.ProKindSort {  
float:right;text-align:center;   margin-left:2px; width: auto;height: auto;FONT-SIZE: 12px; color: #222222;  
border: solid 1px #EEEEEE;padding:1px;  background-color: #9DCEFF;cursor: pointer;
 }
 .ProKindSortNow {   /*目前排序*/ 
float:right;text-align:center;   margin-left:2px; width: auto;height: auto;FONT-SIZE: 12px; color: #FFFFFF;  
border: solid 1px #EEEEEE;padding:1px;  background-color: #B70000;cursor: pointer;
 }
.ProKindSortOver {  
float:right;text-align:center;   margin-left:2px; width: auto;height: auto;FONT-SIZE: 12px; color: #FFFFFF;  
border: solid 1px #EEEEEE;padding:1px;  background-color: #0057AE;cursor: pointer;
 }
.ProSortspace{   
float:right;text-align:center;   margin:3px; 
} 
 
.ProKindspace{   
float:left;text-align:center;   margin:3px; 
 }
/*  手機版內頁 */ 
.dvpagemain { visibility:visible !important;;    border:0px #FF0000 solid;   }
.dvpagecopyright { visibility:visible !important;;    border:0px #FF0000 solid;   }
.dvpagemain_m { display:none !important;    border:0px #FF0000 solid;   }
.dvpagecopyright_m { display:none !important;    border:0px #FF0000 solid;   }
.dvpagelogon_m { display:none !important;    border:0px #FF0000 solid;   }

/*  抬頭rwd */
.headrwd{ display:none; }   
.headrwd2{ display:none; }   
.TitleControl {  visibility:visible;}       /*  抬頭圖功能設定  */
.sysmessage  {  border:0px #ffffff solid; }    /*  系統訊息  */ 

/* 後檯功能表  */
.ControlMenuBG       {width: 1000px; border:0px #EEEEEE solid;}
.ControlMenu1        {height:20px; font-size: 13px;visibility:visible;}       /*  1  */
.ControlMenu2        {height:20px; font-size: 13px;visibility:visible;}       /*  2  */
.ControlMenu3        {height:20px; font-size: 13px;visibility:visible;}       /*  僅 3  顯示  */
.ControlMenuList     {padding-left:10px;height:20px; font-size: 13px; }       /*  後台工具列隱藏  */
.ControlMenuList_Rwd {display:none;   }       /*  後台工具列隱藏 至列表  */

.SubItemHoverWunme   {padding-left:10px;height:20px; font-size: 13px;  background-color:#3B5997;    Color:#FFFFFF;   Cursor:hand; }
.SubItemWunme        {Color:#000000;  Cursor:hand; }

/*最新消息 css */ 
 .News_LNN_100_100      {  border:0px #FF0000 solid;padding:0px; } /* 右邊區塊  最新消息 最新上架    */ 
    
    
    
    

  /*  工具列選單 基底 */
.SubStyleWunme       {z-index:3;position:absolute;  visibility:hidden;  }    


.divpictabNext {
padding:7px;   color:#FFFFFF;   font-size: 20px; 	 position:absolute;  cursor:hand;	 border: 2px solid #AAAAAA;  visibility:hidden2; BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolgray3.png');"
}
.divpic1 {
width:100%;   height:100%; 	position:relative; background-size:contain; BACKGROUND-REPEAT: no-repeat; visibility:hidden;BACKGROUND-POSITION: center top;background-size:content;
}

.divpic2 {
left:0px;width:100%;  height:100%; 	position:relative;  content: url("http://images.wunme.com/a01/wunmea002/pic/fimages/26454/secwamsuce.jpg");background-size:100%; BACKGROUND-REPEAT: no-repeat; visibility:hidden;
}
.divpictab {
padding:3px;  width:17px;color:#FFFFFF;	 position:absolute;  cursor:hand;	 border: 2px solid #AAAAAA;  visibility:hidden2; BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolgray3.png');"
}

.divpictabover {
padding:3px;  width:17px;color:#FFFFFF;	 position:absolute;  cursor:hand;	 border: 2px solid #AAAAAA;  visibility:hidden2; BACKGROUND-IMAGE: url('http://images.wunme.com/_images/toolbarover2.png');"
}



 
/*rrrr */     