/* CSS Document */

/*.Edm_area {
	font-family: "Century Gothic", MyFont, "微軟正黑體";
	font-size:15px;
	line-height:1.5;
}*/

.Edm_area,.Edm_area ul,.Edm_area li,.Edm_area ol{margin:0;padding:0;}
.Edm_area h1~h6{font-weight:normal;margin:0;padding:0;}
.Edm_area ul{list-style:none;}
.Edm_area li>a{display:block;}
.Edm_area .noborder{border:none !important}

.Edm_area a,button,.Edm_area a img,.Edm_area img{transition:all .5s}
.Edm_area a,a:hover{text-decoration:none;cursor:pointer;}
.Edm_area a:hover{color:#ff6161;}
.Edm_area a.underline{text-decoration:underline}
.Edm_area a img:hover{opacity:.8}

.Edm_area .scaleImg img:hover{transform:scale(.8)}

.Edm_area img{max-width:100%;}

.Edm_area hr{border-color:#dcdcdc;}

.Edm_area input,.Edm_area select,.Edm_area button,.Edm_area img{vertical-align:middle;display:inline-block;}
.Edm_area input[type='checkbox'],.Edm_area input[type='radio']{width:18px;height:18px;margin:0 2px}
.Edm_area input[type='button'],.Edm_area input[type='reset'],.Edm_area input[type='text'],.Edm_area input[type='password'],.Edm_area select,.Edm_area textarea{padding:5px 8px;border:1px solid #eaeaea}
.Edm_area input[type='number'],.Edm_area select,.Edm_area textarea{padding:5px 0px 5px 8px;border:1px solid #eaeaea}


.Edm_area button{border:none;padding:0px 10px;line-height:2.8em;font-size:15px;letter-spacing:0px;color:#666;background:#eeeeee;}
.Edm_area button:hover{opacity:.8}

.Edm_area button.darkBtn{background:#666;color:#fff;}
.Edm_area button.darkBtn:hover{background:#4765af;opacity:1}

.Edm_area button.blueBtn{background:#4765af;color:#fff;}
.Edm_area button.sureBtn{background:#f94f40;color:#fff;}
.Edm_area button.enterBtn{background:#82c8c2;color:#fff;}
.Edm_area button.btn_login{background:#82c8c2;color:#fff;font-size:18px;}
.Edm_area button.btn_FB{background:#3b5997;color:#fff;font-size:18px;}


/*inlineBlock*/
.Edm_area .inlineBlock{
    font-size:0;
	[;font-size:12px;];
	*font-size:0;
	[;letter-spacing:-3px;];
	*letter-spacing:normal;
	*word-spacing:-1px;
    }
.Edm_area .inlineBlock li{	
    display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	word-spacing:normal;
 }
 
.Edm_area .list-inline{}
.Edm_area .list-inline li,.inline{display:inline-block;}
.Edm_area .list-disc{list-style:disc}
	 

/*table*/
.Edm_area table{width:100%;margin-bottom:10px;border-collapse:collapse;border:0;border-left:1px solid #eee;}
.Edm_area table td{padding:5px 2px;border-bottom:1px solid #eee;border-right:1px solid #eee;}

.Edm_area table tr:nth-child(odd){background:#fff;}
.Edm_area table tr:nth-child(even){background:#f1fbf4}
.Edm_area table th{background:#abe5bf;color:#333;padding:5px 2px;text-align:center;border-right:1px solid #eee;}

.Edm_area .noMargin{margin:0px;}

/*list*/
.noStyleList{list-style:none;}

/*noboder*/
.noborder{border:none}


/*display*/
.hidden{display:none;}
.show{display:block}
.showInlineBlock{display:inline-block}

.relative{position:relative;}
.absolute{position:absolute;}


/*bootstrap*/
.bg-warning td{background:#FFC}

/*color*/
.darkColor{color:#333}
.whiteColor{color:#fff}
.yellowColor{color:#f7d90e}
.redColor,a.redColor{color:#F00}
.blueColor,a.blueColor{color:#036ba8;}
.lightblueColor{color:#6fc1f1}
.greenColor,a.greenColor{color:#396;}
.pinkColor{color:#ee4651 !important;}
.orgColor{color:#FF8600}
.grayColor{color:#999}
.brownColor,a.brownColor{ color: #802801; }
.pinkRedColor,a.pinkRedColor {color: #d6464d;}

/*align*/
.alignCenter{text-align:center;}
.alignLeft{text-align:left;}
.alignRight{text-align:right}

.valignTop { vertical-align: top !important; }
.valignMiddle { vertical-align: middle !important; }
.valignBottom { vertical-align: bottom !important; }

/*font*/
.font-bold{font-weight:bold !important;}
.numberFonts{font-family:"Arial Black", Gadget, sans-serif;min-width:20px;background:#d8dce4;color:#4c5976;}

/*icon*/
.prdIcons i{float:left;color:#fff;text-align:center;line-height:25px;margin-top:11px;padding:2px 5px;margin-right:2px;font-style:normal;font-size:15px;}
.icon_new{background-color:#f9962a;}
.icon_hot{background-color:#74cff0;}
.icon_gift{background-color:#ff004e;}
.icon_webPrice{background-color:#fedc00;color:#000;padding:5px 10px;vertical-align:middle;}
.icon_discount{background-color:#FF0004;;color:#fff;padding:5px 10px;vertical-align:middle;}

.ico_brown{padding:2px 5px;background:#7D5816;color:#fff;border-radius:5px;}
.icon_add{width:20px;height:20px;line-height:20px;background:#C8BC8C;color:#fff;display:inline-block;border-radius:50%;font-size:20px;text-align:center;font-family:Arial, Helvetica, sans-serif;letter-spacing:0;z-index:999;}

.icon_num{display:block;background-color:#BDBDBD;color:#fff;border-radius:50%;width:23px;height:23px;line-height:23px;font-style:normal;position:absolute;left:10px;top:10px;z-index:999;}

/*width*/
.w100{width:100% !important}
.w98{width:98% !important}
.w90{width:90% !important}
.w80{width:80% !important}
.w70{width:70% !important}
.w65{width:65% !important}
.w66{width:66% !important}
.w60{width:60% !important}
.w55{width:55% !important}
.w50{width:50% !important}
.w49{width:49% !important}
.w48{width:48% !important}
.w45{width:45% !important}
.w40{width:40% !important}
.w33{width:33% !important}
.w30{width:30% !important}
.w20{width:20% !important}
.w15{width:15% !important}
.w10{width:10% !important}

/*margin*/
.MTR0{margin:0 !important;}

.MT2{margin-top:2px !important;}
.MT5{margin-top:5px !important;}
.MT10{margin-top:10px !important;}
.MT15{margin-top:15px !important;}
.MT20{margin-top:20px !important;}
.MT30{margin-top:30px !important;}
.MT40{margin-top:40px !important;}
.MT50{margin-top:50px !important;}

.MB5{margin-bottom:5px !important;}
.MB10{margin-bottom:10px !important;}
.MB15{margin-bottom:15px !important;}
.MB20{margin-bottom:20px !important;}
.MB30{margin-bottom:30px !important;}
.MB40{margin-bottom:40px !important;}
.MB50{margin-bottom:50px !important;}
.MB80{margin-bottom:80px !important;}

.MR5{margin-right:5px !important;}
.MR10{margin-right:10px !important;}
.MR15{margin-right:15px !important;}
.MR20{margin-right:20px !important;}
.MR30{margin-right:30px !important;}
.MR40{margin-right:40px !important;}
.MR50{margin-right:50px !important;}
.MR60{margin-right:60px !important;}
.MR70{margin-right:70px !important;}
.MR100{margin-right:100px !important;}

.ML5{margin-left:5px !important;}
.ML10{margin-left:10px !important;}
.ML15{margin-left:15px !important;}
.ML20{margin-left:20px !important;}
.ML30{margin-left:30px !important;}
.ML40{margin-left:40px !important;}
.ML50{margin-left:50px !important;}

.MTB5{margin-top:5px;margin-bottom:5px !important;}
.MTB10{margin-top:10px;margin-bottom:10px !important;}
.MTB12{margin-top:12px;margin-bottom:12px !important;}
.MTB13{margin-top:13px;margin-bottom:13px !important;}
.MTB15{margin-top:15px;margin-bottom:15px !important;}
.MTB20{margin-top:20px;margin-bottom:20px !important;}
.MTB35{margin-top:35px;margin-bottom:35px !important;}

.MLR10{margin-right:10px !important;margin-left:10px !important}
.MLR15{margin-right:15px !important;margin-left:15px !important}
.MLR20{margin-right:20px !important;margin-left:20px !important}

.PT5{padding-top:5px !important;}
.PT20{padding-top:20px !important;}

.PTB5{padding-top:5px !important;padding-bottom:5px !important;}
.PTB10{padding-top:10px !important;padding-bottom:10px !important;}
.PTB20{padding-top:20px !important;padding-bottom:20px !important;}
.PTB30{padding-top:30px !important;padding-bottom:30px !important;}

.PLR5{padding-left:5px !important;padding-right:5px !important;}
.PLR10{padding-left:10px !important;padding-right:10px !important;}
.PLR15{padding-left:15px !important;padding-right:15px !important;}

.PL40p { padding-left: 40%; }


.FR{float:right !important}
.FL{float:left !important}
.clearAll{clear:both !important;}

.bdrCircle{border-radius:50% !important;}
.bdr5{border-radius:5px !important;}
.bdr10{border-radius:10px !important}
.bdr15{border-radius:15px !important}
.bdr20{border-radius:20px !important}
.blue_bd5{border:5px solid #2c3a44}

a.Line{text-decoration:underline}

.font_120{font-size:120%;}
.font_150{font-size:150%;}

/*bootStrap Add*/
/* define bootstrap 5 columns */
		.col-xs-1-5,
		.col-sm-1-5,
		.col-md-1-5,
		.col-lg-1-5 {
			position: relative;
			min-height: 1px;
			padding-right: 10px;
			padding-left: 10px;
		}
 
		.col-xs-1-5 {
			width: 20%;
			float: left;
			padding:0 3px;
		}
 
		@media (min-width: 768px) {
		.col-sm-1-5 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 992px) {
		.col-md-1-5 {
				width: 20%;
				float: left;
			}
		}
		@media (min-width: 1200px) {
		.col-lg-1-5 {
				width: 20%;
				float: left;
			}
		}