@charset "UTF-8";




div.rowTable { display:table; }
div.col50 { display:table-cell; }
span.yellow { color:yellow; }

div.squareheader { border-radius:0 !important; }

/*==========================================================================================*/



	#breadcrumb { text-align:left; font-size:12px; margin:10px 0px; padding:0; *padding-top:8px; color:#333; text-shadow:1px 1px 0 white; display:block; }
	#breadcrumb a { font-size:12px; margin:10px 0px; color:#6f6f6f; }
	#breadcrumb a.active { color:#333; }
	
	#breadcrumbFooter { text-align:left; font-size:12px; width:950px; height:20px; margin:1px auto; margin-top:30px; padding:0; padding-top:5px; padding-left:25px; 
		color:#6f6f6f; text-shadow:1px 1px 0 white; background:url(../images/icon-footer.png) no-repeat 0 0; }
	#breadcrumbFooter a { font-size:12px; margin:0px; color:#6f6f6f; line-height:13px; }
	#breadcrumbFooter a.active { color:#333; }
	
	
	
	#vipset { display:block; float:right; position:absolute; top:160px; right:0px; }
	#vipset a { font-family:微軟正黑體, Arial; font-size:12px; color:#333; text-shadow:1px 1px 0 white; }
	#vipset a#btn-logout { /*border-right:1px solid #333;*/ padding:0 5px 0 20px; height:25px; background:url(../images/icon-global.png) no-repeat 0px -550px; }
	#vipset a#btn-login { /*border-right:1px solid #333;*/ padding:0 5px 0 20px; height:25px; background:url(../images/icon-global.png) no-repeat 0px -500px; }
	/*
	#vipset a#btn-minicart { border-left:0px solid #333; padding:0 5px 0 20px; margin-left:10px; height:25px; background:url(../images/icon-global.png) no-repeat 0px -585px; }
	#vipset a#btn-minicart span { display:inline-block; color:white; font-size:11px; padding:2px; border-radius:10px; text-shadow:none !important; height:11px; margin-left:3px; background:#f00; }
	*/
	a#btn-minicart { display:block; position:fixed; top:251px; right:50%; margin-right:-530px; font-size:14px; text-align:center;  
		background:white; border-radius:7px; border:1px solid #ccc; width:20px; box-shadow:0 1px 2px rgba(0,0,0,0.1);
		padding:30px 5px 10px 5px; margin-left:10px; background:url(../images/icon-global.png) no-repeat 8px -575px; }
	a#btn-minicart span { 
		display:block; color:white; font-size:11px; padding:2px; border-radius:10px; text-shadow:none !important; height:11px; margin-left:3px; background:#f00; 
		position:absolute; top:-10px; right:-5px; 
		}
	
	
	div.float_quicklink { display:block; position:fixed; top:100px; right:0; width:200px; height:98%; opacity:0; }
	
	div.arrowBackToTop { width:50px; height:30px; background:url(../images/icon-bestRecom.png) no-repeat 0px 13px; cursor:pointer; position:absolute; right:40px; bottom:0px; }
	D
	a.important { color:#d13045 !important; }
	p span.orange { color:#ea5700 !important; font-style:normal; }
	
	
	#whiteOverlay { display:block; width:100%; height:100%; background:white; opacity:0.7; z-index:201; position:fixed; top:0; left:0; }
	
		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie a#btn-minicart { margin-right:-490px;  }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			a#btn-minicart { margin-right:-490px; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			a#btn-minicart { margin-right:-530px; }
		}
	
	
/*==========================================================================================*/	
	
	.boxPlain { display:block; padding:20px 30px; /* padding-bottom:0px; */ margin-top:7px; border:1px soild green !important; position:relative; }
	.boxPlainThin { display:block; padding:20px 10px; padding-bottom:0px; margin-top:7px; border:1px soild green !important; position:relative; }
	.boxPlainFull { display:block; padding:20px 10px; padding-bottom:0px; margin:0; position:relative; border:1px solid green; }
	
	.boxPlain p { display:block; font-family:Arial; font-size:14px;  }
	.boxPlain h3,
	.boxWhite h3,
	.boxGray h3 { display:block; font-family:Arial; font-size:14px; margin:15px 2px !important; margin-bottom:8px !important; }
	
	.boxPlain a.btn,
	a.btn, 
	.boxPlain div.btn, 
	.boxPlain div.btn-general,
	.boxWhite a.btn, 
	.boxWhite div.btn, 
	.boxWhite div.btn-general,
	.boxSide a.btn, 
	.boxSide group a.btn,
	.boxSideFat a.btn,
	.bbox-right a.btn
	
	{ 
	 	display:inline-block; color:#326a94; width:auto; text-align:center !important;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		behavior:url(js/PIE-1.0.0/PIE.htc);
	}
	/*.boxPlain div.btn-general:hover { border:1px solid #326a94; }
	.boxWhite div.btn-general:hover { border:1px solid #326a94; }*/
	
	.boxPlain a.btn:hover,
	.boxPlain div.btn:hover,
	.boxPlain div.btn-general:hover,
	.boxWhite div.btn-general:hover,
	.boxWhite a.btn:hover,
	a.btn:hover, 
	.boxSide a.btn:hover { text-decoration:underline;
		
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					}
	
	
	a.btn-orange, 
	.boxPlain a.btn-orange, 
	.boxGray div.btn-orange,
	.sboxHalfRound a.btn-orange,
	.boxWhite a.btn-orange,
	.boxPlainThin div.btn-orange, .boxPlainThin a.btn-orange,
	.boxPlain div.btn-orange
	 { 
	 	display:inline-block; color:#ffffff;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left;
		text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;
		behavior:url(js/PIE-1.0.0/PIE.htc);
	}
	/*
	.sboxHalfRound a.btn-orange:hover, 
	.boxPlain div.btn-orange:hover { border:1px solid #db4800; }
	*/
	
	a.btn-orange:hover, 
	.boxPlain a.btn-orange:hover, 
	.boxPlainThin a.btn-orange:hover,
	.sboxHalfRound a.btn-orange:hover, 
	.boxWhite a.btn-orange:hover, 
	.boxPlain div.btn-orange:hover { /*border:1px solid #db4800; }*/
		text-decoration:underline; color:#ffffff !important;
		background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
		}
	
	.sboxHalf a.btn-orangeSquare,
	.boxPlain div.btn-orangeSquare
	 { 
	 	display:inline-block; color:#fff; 
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:28px 23px; font-family:Arial; font-size:15px; cursor:pointer;
		background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left;
		text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;
		
				behavior:url(js/PIE-1.0.0/PIE.htc);
	}
	.boxPlain div.btn-orangeSquare:hover,
	.sboxHalf a.btn-orangeSquare:hover { /*border:1px solid #db4800; }*/
	text-decoration:underline; 
		background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
		}
	
	
	.boxGray div.btn-green,
	.boxPlainThin div.btn-green, .boxPlainThin a.btn-green,
	.boxPlain div.btn-green
	 { 
	 	display:inline-block; color:#619d15; width:auto; text-align:center !important;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
	}
	.boxPlain div.btn-green:hover { border:1px solid #999; text-decoration:underline; }
	
	
	.boxGray div.btn-darkgreen,
	.boxPlainThin div.btn-darkgreen, .boxPlainThin a.btn-darkgreen,
	.boxPlain div.btn-darkgreen
	 { 
	 	display:inline-block; color:#46761f; width:auto; text-align:center !important;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		
				behavior:url(js/PIE-1.0.0/PIE.htc);
	}
	.boxPlain div.btn-darkgreen:hover { border:1px solid #46761f; text-decoration:underline; }
	
	
	
	
	
	
	
	
	.boxSide { display:block; padding:0; }
	.boxSide div.group { display:block; margin:10px 0; /*15px; padding-bottom:8px;*/ /*border-bottom:1px solid #ccc;*/ position:relative; }
	.boxSide div.group:last-child { border-bottom:0px; }
	.boxSide div.borderbottom,
	div.borderbottom { border-bottom:1px solid #ccc; border-radius:0 !important; }
	div.borderleft { border-left:1px solid #ccc; }
	div.bordertop { border-top:1px solid #ccc; }
	
	.boxSide .borderbottom,
	.borderbottom { border-bottom:1px solid #ccc; border-radius:0 !important; }
	
	
	.boxSide div.group p, 
	.boxSide div.group a { display:block; font-family:Arial; font-size:13px; padding:4px 15px; }
	.boxSide div.group p.sechead-xxx { background:#eee; width:170px; margin:0 0 4px 0; padding:6px 15px !important; }
	.boxSide div.group p.sechead { margin:9px 0 3px 12px; padding:3px 8px 2px 9px!important; font-size:12px !important; background:#aaa; color:white; border-radius:30px; width:50px !important; }
	.boxSide div.footer { display:block; height:35px; padding:0; position:relative; }
	.boxSide div.footer a.headerlink { 
			display:block; /*background:url(../images/icon-global.png) no-repeat -100px -150px; */
			cursor:pointer;	float:right; font-size:12px; margin:5px 10px; padding:0; padding-left:12px; height:12px;
			}
	.boxSide a { display:block; font-size:13px; margin-bottom:3px; line-height:16px; }
	
	.centered { display:block; text-align:center; margin:5px 0px; }
	
	
	.boxSideFat { display:block; padding:15px; }


	.boxBasic .subbox { display:block; background:white !important; border-radius:6px !important; overflow:hidden; padding:10px 0 !important; margin:7px !important; border:1px solid #ccc; }
	.boxBasic .subbox .phoneBlock3:last-child { border-bottom:0 !important; }
	.boxBasic .subbox .boxSide, .boxBasic .subbox .phoneBlock3 { background:white; text-align:left; }
	.priceCountHeader { text-align:left; font-size:13px; padding:16px 0 14px 15px; border-top:1px solid #ccc;
		position:relative; cursor:pointer;
		background:-moz-linear-gradient(top, #fdfdfd 0%, #e4e4e4 100%);
		background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#e4e4e4));
		background:-webkit-linear-gradient(top, #fdfdfd 0%,#e4e4e4 100%);
		background:-o-linear-gradient(top, #fdfdfd 0%,#e4e4e4 100%);
		background:-ms-linear-gradient(top, #fdfdfd 0%,#e4e4e4 100%);
		background:linear-gradient(to bottom, #fdfdfd 0%,#e4e4e4 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 );
	}
	.priceCountHeader b { font-weight:300; }
	
	.priceCountHeader .mark { display:block; width:20px; height:20px; position:absolute; top:13px; right:8px; 
		background:url(../images/mark_openclose.png) no-repeat -6px -6px; cursor:pointer; } 
	.priceCountHeader.subactive .mark { background:url(../images/mark_openclose.png) no-repeat -6px -36px;  } 
	
	
	/* SIDE ARROW SELECT ACTIVE */
	.boxSide a.activeArrow { height:30px; width:170px; margin-left:-10px; margin-top:0px; margin-bottom:0px !important; padding-top:8px !important; padding-left:26px !important; padding-bottom:0px !important; 
			color:white; text-shadow:-1px -1px 0 rgba(0,0,0,0.5); display:block; 
			width:168px \9;
			}
	.boxSide a.activeArrow:hover { color:white !important; text-decoration:underline; }
	
	.boxSide a.activeArrowLeft { height:30px; width:170px; margin-left:0px; margin-top:0px; margin-bottom:0px !important; padding-top:8px !important; padding-left:15px !important; padding-bottom:0px !important; 
			color:white; text-shadow:-1px -1px 0 rgba(0,0,0,0.5); display:block; 
			width:168px \9;
			}
	.boxSide a.activeArrowLeft:hover { color:white !important; text-decoration:underline; }
	
	.boxOrange a.activeArrow { background:url(../images/icon-rightbox.png) no-repeat 0px -200px; }
	.boxOrange a.activeArrowLeft { background:url(../images/icon-leftbox.png) no-repeat -40px -200px; }
	.boxDarkred a.activeArrow { background:url(../images/icon-rightbox.png) no-repeat 0px -250px; }
	.boxDarkred a.activeArrowLeft { background:url(../images/icon-rightbox.png) no-repeat right -250px; }
	.boxGreen a.activeArrow { background:url(../images/icon-rightbox.png) no-repeat 0px -300px; }
	.boxDarkgreen a.activeArrow { background:url(../images/icon-rightbox_Orange.png) no-repeat 0px -350px; }
	.boxRed a.activeArrow { background:url(../images/icon-rightbox.png) no-repeat 0px -400px; }
	.boxBlue a.activeArrow { background:url(../images/icon-rightbox.png) no-repeat 0px -450px; }
	.boxDarkblue a.activeArrow { background:url(../images/icon-rightbox.png) no-repeat 0px -500px; }
	.boxDarkblue a.activeArrowLeft { background:url(../images/icon-leftbox.png) no-repeat right -500px; }
	.boxGray a.activeArrow { background:url(../images/icon-rightbox_Orange.png) no-repeat 0px -550px; }
	
	
	
	
	
	/* DOT ORDER SET */
	.dotOrderSet { text-align:center; display:block; margin:5px 0; }
	.dotOrderSet div.dot { display:inline-block; background:#cdcfd5; height:11px; width:11px; margin:2px; border-radius:20px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.3); 
		background:url(../images/icon-global.png) no-repeat 0px -450px \9; *float:left; *display:block; 
		}
	.dotOrderSetRight { text-align:right !important; width:60px; float:left; position:absolute; top:8px; right:64px; *width:30px; }
	.dotOrderSetRight2 { text-align:right !important; width:120px; float:left; position:absolute; top:8px; right:74px; *width:35px; }
	
	.dotOrderSet div.dotorange { background:#ea5700; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
	.dotOrderSet div.dotorangelite { background:#f08700; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
	.dotOrderSet div.dotred { background:#da3245; background:url(../images/icon-global.png) no-repeat -40px -450px \9; }
	.dotOrderSet div.dotgreen { background:#619d15; background:url(../images/icon-global.png) no-repeat -60px -450px \9; }
	.dotOrderSet div.dotdarkgreen{ background:#46761f; background:url(../images/icon-global.png) no-repeat -80px -450px \9; }
	
	
		/* COLOR SETTING =======================================================    */
		
		.boxMember a:hover, .boxMember a.active, boxMember a.btn { color:#d13045 !important; }
		.boxOrangelite a:hover, .boxOrangelite a.active, .boxOrangelite a.btn { color:#f08700 !important; }
		.boxOrange a:hover, .boxOrange a.active, .boxOrange a.btn { color:#ea5700 !important; }
		.boxDarkred a:hover, .boxDarkred a.active, .boxDarkred a.btn { color:#da3245; }
		.boxGreen a:hover, .boxGreen a.active, .boxGreen a.btn { color:#619d15; }
		.boxDarkgreen a:hover, .boxDarkgreen a.active, .boxDarkgreen a.btn { color:#46761f !important; }
		.boxRed a:hover, .boxRed a.active, .boxRed a.btn { color:#e5002d !important; }
		.boxBlue a:hover, .boxBlue a.active, .boxBlue a.btn { color:#2c8cc5; }
		.boxDarkblue a:hover, .boxDarkblue a.active, .boxDarkblue a.btn { color:#458bc1 !important; }
		
		
		.boxOrangelite div.dotactive { background:#f08700; background:url(../images/icon-global.png) no-repeat -40px -450px \9; }
		.boxDarkred div.dotactive { background:#db3145; background:url(../images/icon-global.png) no-repeat -40px -450px \9; }
		.boxOrange div.dotactive { background:#f0850d; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
		.boxRed div.dotactive { background:#e5002d; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
		.boxBlue div.dotactive { background:#e5002d; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
		.boxDarkgreen div.dotactive { background:#46761f; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
		
		
		.boxOrangelite .footer a.headerlink,
		.boxOrangelite a.headerlink { background:url(../images/icon-rightbox.png) no-repeat 0px 0px !important; }
		.boxOrange .footer a.headerlink,
		.boxOrange a.headerlink { background:url(../images/icon-rightbox.png) no-repeat 0px 0px !important; }
		.boxDarkred .footer a.headerlink,
		.boxDarkred a.headerlink { background:url(../images/icon-rightbox.png) no-repeat 0px -20px !important; }
		.boxGreen .footer a.headerlink, 
		.boxGreen a.headerlink { background:url(../images/icon-rightbox.png) no-repeat 0px -40px !important; }
		.boxDarkgreen .footer a.headerlink, 
		.boxDarkgreen a.headerlink { background:url(../images/icon-rightbox.png) no-repeat 0px -60px !important; }
		.boxRed .footer a.headerlink, 
		.boxRed a.headerlink { background:url(../images/icon-rightbox.png) no-repeat 0px -80px !important; }
		.boxBlue .footer a.headerlink, 
		.boxBlue a.headerlink { background:url(../images/icon-rightbox.png) no-repeat 0px -120px !important; }
		
	
		
		span.arrowOrange { display:inline-block; background:url(../images/icon-rightbox.png) no-repeat 0px 0px !important; width:12px; height:12px; }
		
		
	
		
	.tabgroup { display:table; position:absolute; top:0; left:140px; height:100%; width:auto; border-right:1px solid #ccc; float:left; *width:400px; }
	.tabgroup a { display:table-cell; padding:12px 12px; margin:0; font-size:13px; border-left:1px solid #ccc; *display:block; *float:left; cursor:pointer; position:relative; width:auto; white-space:nowrap; }
	.tabgroup a:last-child { border-right:1px solid #ccc !important; }
	.tabgroup div#arrowtop,
	.tabgroup div#arrowtop2 { display:block; width:15px; height:11px; position:absolute; top:30px; left:0; background:url(../images/icon-global.png) no-repeat -150px 0px; }
	.tabgroup div#arrowtopblue { display:block; width:17px; height:11px; position:absolute; top:30px; left:0; background:url(../images_roaming/arrowtop_roaming.png) no-repeat 0 top; }
	.tabgroup div#arrowtopgray { display:block; width:15px; height:11px; position:absolute; top:30px; left:0; background:url(../images/icon-global.png) no-repeat -170px 0px; }
	.tabgroup a.tabactive-xx { 
			background: -moz-linear-gradient(top, #e4e4e4 0%, #fff 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e4e4e4),color-stop(100%,#fff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #e4e4e4 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #e4e4e4 0%,#fff 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #e4e4e4 0%,#fff 100%); /* IE10+ */
			background: linear-gradient(to bottom, #e4e4e4 0%,#fff 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
			color:#e95800;
			box-shadow:inset 0 1px 2px rgba(50,50,50,0.5);
		}
	.tabgroup a.tabactive { 
			background: #fdfdfd; /* Old browsers */
			background: -moz-linear-gradient(top, #fdfdfd 0%, #fff 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#fff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fdfdfd 0%,#fff 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #fdfdfd 0%,#fff 100%); /* IE10+ */
			background: linear-gradient(to bottom, #fdfdfd 0%,#fff 100%); /* W3C */
			/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
			color:#e95800;
			box-shadow:inset 0 1px 3px rgba(150,150,150,0.5);
		}

     /* 20170317 new */
    .tabgroup_none { display:table; position:absolute; top:0; left:140px; height:100%; width:auto; float:left; *width:400px; }
    .tabgroup_none p { padding-top: .5em;}
    .recover { margin: 2em auto 1em; padding: 1em; border:#cacaca solid 1px; font-size: 1.5em; clear: both;} 
    .recover strong { color: #ff7e00; font-weight: bold; font-size: 1.25em;}
    .recover span { color:#f11722;}
    .recover_main { margin: 1em auto; padding: 1em 1em; background: #f2f2f2; /*border-top:#949494 dashed 1px; border-bottom:#949494 dashed 1px;*/}
    .recover_banner { text-align: center;}
    .recover_form { }
    .recover_form li { margin-bottom: 1em; list-style: none;}

	/* end */
	
	.tabGreen a.tabactive { color:#579400 !important; }
	.tabRed a.tabactive { color:#e5002d !important; }
	.tabBlue a.tabactive { color:#55b7e5 !important; }
	.tabOrange a.tabactive { color:#ea5700!important; }
	.tabOrangelite a.tabactive { color:#f08700 !important; }
	
	
	/* ICONS */
	.icon-openwin { display:block; width:15px; height:13px; background:url(../images/icon-global.png) no-repeat -100px -50px; position:absolute; top:7px; right:8px; 
		padding:0; margin:0; margin-top:4px; float:right; *margin:0; *margin-top:-15px; }
	
	
	
	.boxUnder { height:100%; width:100%; display:block; }
	.box2Table { height:130px; width:100%; display:block; position:relative; }
	.box { display:inline-block; height:110px; padding:10px; padding-bottom:8px; border-right:1px solid #ced0d5; float:left; }
	
	
	.repairsetbtn { padding-left:220px; height:60px; }
	
		
	
	.boxDownload { display:block; position:relative; /*background:url(../images/icon-index.png) no-repeat 0px -192px; height:165px;*/ padding-left:55%; height:120px; padding-top:20%; }
	.boxDownload img { display:block; position:absolute; top:0; left:0; }
	.boxDownload p { font-family:Arial; font-size:12px; position:relative; display:block; margin-right:7px; color:#333; margin-bottom:5px; padding-top:15px; }
	.boxDownload a.btn { border-radius:4px; border:1px solid #ccc; margin:8px 0; padding:6px; font-family:Arial; font-size:13px; cursor:pointer; color:#eb5700;
			position:relative; 
			background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
			background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
			
		}
	
	
	.boxDownloadApp { display:block; position:relative; /*background:url(../images/icon-index.png) no-repeat 0px -192px; height:165px;*/ padding-left:40%; height:120px; padding-top:7%; }
	.boxDownloadApp img { display:block; width:100%; height:auto; position:absolute; top:0; left:0; }
	.boxDownloadApp p { font-family:Arial; font-size:12px; position:relative; display:block; margin-right:7px; color:#333; margin-bottom:5px; margin-bottom:25px; }
	.boxDownloadApp a.btn { border-radius:4px; border:1px solid #ccc; margin:8px 0; padding:6px; font-family:Arial; font-size:13px; cursor:pointer; color:#eb5700;
			position:relative; 
			background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
			background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
			
		}
	.boxDownload a.btn:hover,
	.boxDownloadApp a.btn:hover { 
	text-decoration:underline;
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%) !important; /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	}
	
	
	
	.boxCall { display:block; position:relative; }
	.boxCall p { font-size:13px !important; }
	
	/*=====================================================================================*/
		/* SPECIAL FOR IE TABLET VERSION */
			html.onie .boxSide div.footer { height:40px; }
			html.onie .repairsetbtn { padding-left:140px; }
			html.onie .boxDownload { height:110px; padding-top:18%; }
			html.onie .boxDownload p { padding-top:15px; }
			html.onie .boxDownload a.btn  { margin-bottom:8px; }
			html.onie .boxDownloadApp { height:110px; padding-top:3%; }
			html.onie .boxDownloadApp p  { margin-bottom:8px; }
			html.onie .boxDownloadApp a.btn  { margin-bottom:8px; }
			html.onie .tabgroup a { padding:12px 7px; }
	/*=====================================================================================*/
	/* SMALL TABLET */
	@media -ms-viewport, screen and (max-width: 1140px) {
		.boxSide div.footer { height:33px; }
		.repairsetbtn { padding-left:140px; }
		.boxDownload { height:110px; padding-top:18%; }
		.boxDownload p { padding-top:15px; }
		.boxDownload a.btn  { margin-bottom:8px; }
		
		.boxDownloadApp { height:110px; padding-top:3%; }
		.boxDownloadApp p  { margin-bottom:8px; }
		.boxDownloadApp a.btn  { margin-bottom:8px; }
		
		.tabgroup a { padding:12px 7px; }
	}
	/* DESKTOP */
	@media -ms-viewport, screen and (min-width: 1141px) { 
		.boxSide div.footer { height:35px; }
		.repairsetbtn { padding-left:220px; }
		.boxDownload { height:120px; padding-top:20%; }
		.boxDownload p { padding-top:15px; }
		.boxDownload a.btn { margin-bottom:25px; }
		
		.boxDownloadApp { height:120px; padding-top:7%; }
		.boxDownloadApp p { margin-bottom:25px; }
		.boxDownloadApp a.btn  { margin-bottom:25px; }
		
		.tabgroup a { padding:12px 12px; }
	}
	
	
	

	
	
	.boxSingleImg { width:100%; text-align:center; display:block; padding:10px auto; margin-bottom:25px; }
	.boxBottomEnd { border-radius:0 0 6px 6px; }
	.boxGray { background:url(../images/boxbg-borderframe.png) repeat-x top left #f6f6f6; margin:0px; padding:20px 30px; position:relative; position:relative; }
	.boxGray h4 { font-size:18px; font-family:Arial; line-height:15px; } 
	.boxGray p { font-size:12px; font-family:Arial; line-height:15px; }
	.boxGray ul, .boxGray li { margin:0; padding:0; font-size:12px; font-family:Arial; line-height:15px; }
	.boxGray ul.note { list-style:disc; margin:0; padding:0; padding-left:15px; }
	.boxGray ul.note li { list-style:disc; list-style-position:outside; margin-bottom:10px; padding:0; line-height:15px; }
	.boxGray ul.note li.red { color:#d83247; }
	.boxGray ul.note li.red { color:#d83247; }
	.boxGray ul.subnote { list-style:none; margin:0; padding:0; margin-top:5px;  }
	.boxGray ul.subnote li { list-style:none; margin-bottom:3px; padding:0; }
	.boxGray a { color:#326a94; }
	
	
	ul.note { margin:0; padding:0; padding-left:15px; margin-bottom:25px; }
	ul.note li { list-style:disc; font-size:12px; color:#333; list-style-position:outside; margin-bottom:4px; padding:0; line-height:18px; font-family: 微軟正黑體, Arial; }
	
	.boxWhite { background:url(../images/boxbg-borderframe.png) repeat-x top left #fff; margin:0px; padding:20px 30px; border-radius:0 0 6px 6px; position:relative; }
	.boxWhite div.btn-txt { display:inline-block; color:#326a94; width:auto; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer; }
	.boxWhite div.btn-txt:hover { text-decoration:underline; }
	
	.boxWhite h4 { margin:0; margin-top:18px; }
	.boxWhite p { font-size:13px; font-family:微軟正黑體, Arial; color:#333; margin:10px 0; padding:0; }
	.boxWhite p span.orange { font-style:normal; color:#ea5700; }
	.boxWhite ul { margin:10px 0; padding:0; list-style:decimal; padding-left:20px; }
	.boxWhite ul li { font-size:12px; font-family:微軟正黑體, Arial; color:#333; line-height:18px; margin-bottom:4px; }
	.boxWhite ul li ul { list-style:disc; }
	.boxWhite ul li span.orange { font-style:normal; color:#ea5700; }
	
	
	.boxGray ul { margin:10px 0; padding:0; list-style:decimal; padding-left:20px; }
	.boxGray ul li { font-size:12px; font-family:微軟正黑體, Arial; color:#333; line-height:14px; }
	.boxGray ul li span.orange { font-style:normal; color:#ea5700; }
	
	
	
	.boxFloat { z-index:205; display:block; overflow:hidden; width:700px; border-radius:10px; position:absolute; top:180px; left:50%; margin-left:-350px; box-shadow:1px 2px 10px rgba(0,0,0,0.5); background:#fff; display:none; 
				behavior:url(js/PIE-1.0.0/PIE.htc);}
				
				.boxFloatWide { width:950px; margin-left:-475px; }
				.boxFloatMedium { width:820px; margin-left:-410px; }
				.boxFloatSmall { z-index:205; display:block; overflow:hidden; width:280px; border-radius:6px; position:absolute; top:180px; left:50%; margin-left:-180px; box-shadow:1px 2px 10px rgba(0,0,0,0.5); background:#fff; display:none; 
				behavior:url(js/PIE-1.0.0/PIE.htc); text-align:center; padding:30px 40px; }
				.boxFloatSmall p { display:block; text-align:center; margin-bottom:5px; padding:0; }
				.boxFloatSmall .btnclose { display:block; position:absolute; top:10px; right:10px; color:#888; text-decoration:none; }
				.boxFloatSmall .btnclose:hover { color:#555; }
				.boxFloatSmall .btn { display:inline-block; text-align:center; font-size:15px; margin:10px auto; padding:10px 20px; }
				.boxFloatSmall .btn-orange { display:inline-block; text-align:center; font-size:15px; margin:10px auto; padding:10px 20px; }
				
				.boxFloatMinicart { z-index:205; display:block; width:auto; border-radius:4px; position:fixed; top:110px; right:auto; box-shadow:1px 2px 10px rgba(0,0,0,0.5); background:#fff; display:none; padding:0px; border:1px solid #aaa \9; }
				
				
				
				
				
	.boxFloat .btnclose { display:block; width:30px; height:30px; position:absolute; top:5px; right:8px; cursor:pointer; background:url(../images/icon-close.png) no-repeat 0 0; }
	.boxFloat .conboxgray { display:block; overflow:hidden; border-radius:3px; position:relative; /*box-shadow:0 2px 5px rgba(0,0,0,0.5);*/ border:1px solid #ccc; background:#f8f8f9; margin:40px; padding:10px 15px; }
	.boxFloat .conboxgray div h4 { margin:10px 0; }
	.boxFloat .header { display:block; font-size:20px; font-weight:bold; letter-spacing:3px; text-align:center; color:#333; padding:20px 10px 10px 10px; line-height:25px; }
	.boxFloat p { display:block; font-size:13px; color:#333; padding:20px 10px; }
	.boxFloat p.promo { display:block; font-size:13px; color:#333; padding:0px; font-size:15px; }
	.boxFloatLoading { background:none; width:200px; top:300px !important; margin-left:-100px; text-align:center; padding:0; box-shadow:0 0 0 0 !important; }
	
	.boxFloat .floatplanbtnset { margin-top:5px; margin-bottom:30px; text-align:right; padding:25px 25px 0 25px; border-top:1px solid #ccc; }
	.boxFloat .floatplanbtnset .detail { float:right; }
	.boxFloat .floatplanbtnset .btn-orange-next { float:right; }
	
	.boxFloat .conboxgray { padding-top:30px; }
	.boxFloat .pagenation { text-align:center; width:98%; margin:auto; position:absolute; bottom:-10px; left:0; color:#888; }
	.boxFloat .btnprev,
		.boxFloat .btnnext { display:block; width:40px; height:40px; position:absolute; 
			border-radius:50%; 
			cursor:pointer; top:50%; margin-top:-15px; }
	.boxFloat .btnprev { background:url(../images/swaparrow.jpg) no-repeat 0 top; left:20px; }
	.boxFloat .btnnext { background:url(../images/swaparrow.jpg) no-repeat -40px top; right:20px; }
	.boxFloat .btnprev:hover { background-position:0 bottom; }
	.boxFloat .btnnext:hover { background-position:-40px bottom; }
	
	ul.ulcol3 { list-style:disc !important; margin:0; margin-bottom:20px; padding:0 0 0 20px; }
	ul.ulcol3 li { width:30%; display:inline-block; list-style-position:inside !important; list-style:disc !important; margin:0; padding-left:10px; }
	ul.ulcol3 li a { display:block; font-size:12px; }
	
	
	#zoombox { width:410px; height:410px; position:absolute; top:60px; right:30px; z-index:400; display:none; } 
	
	
		/*=====================================================================================*/
			/* SPECIAL FOR IE TABLET VERSION */
				html.onie #zoombox { width:350px; height:410px; border:1px solid #ccc; }
		/*=====================================================================================*/
		/* SMALL TABLET */
		@media -ms-viewport, screen and (max-width: 1140px) {
			#zoombox { width:350px; height:410px; border:1px solid #ccc; }
		}
		/* DESKTOP */
		@media -ms-viewport, screen and (min-width: 1141px) { 
			#zoombox { width:420px; height:410px; border:0; }
		}
		
		
		
		
		
				
				/* MEMBER FORM RELATE */
				/* MEMBER FORM RELATE */
				.boxBasicForm { border-radius:0; box-shadow:none; border:1px solid #ccc; margin:25px; }
				.boxBasicForm div.orangeTitleLead {border-radius:0 !important;}
				
				
				
				.boxPad { padding:5px 11px; margin-top:7px; *height:70px; }
				.boxFormNote { padding:5px 25px; }
				.boxFormNote h3 { font-size:22px !important; color:#7fb241/*619d15*/ !important; }
				.boxFormNote p { font-size:13px; line-height:20px; padding:5px 0; margin:0; color:#333; }
				/*.boxFormNote p b.notebox { font-size:16px; color:#e5002d; border:1px solid #ccc; background:#f5f5f5; text-shadow:1px 1px 0 white; border-radius:6px; padding:7px 12px; margin:2px 5px; }
				*/
				.boxFormNote div.datebox { background:url(../images/icon-member.png) no-repeat 24px -232px #a2ca74; padding:15px 25px; padding-left:60px; color:#333; font-size:13px; }
				.boxFormNote div.datebox p b.notebox { color:white; font-size:16px; margin:0 8px; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
				
				
				.boxFormNote2 { padding:0; }
				.boxFormNote2 h3 { font-size:22px !important; color:#619d15 !important; margin:0; padding:0; }
				.boxFormNote2 p { font-size:13px; line-height:20px; padding:0; margin:0; color:#333; }
				.boxFormNote2 p b.red { padding:0 5px; color:#da3245; }
				.boxFormNote2 div.datebox { background:url(../images/icon-member.png) no-repeat 24px -232px #a2ca74; padding:15px 25px; padding-left:60px; color:#333; font-size:13px; }
				.boxFormNote2 div.datebox p b.notebox { color:white; font-size:16px; margin:0 8px; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
				
				.boxFormNote3 { padding:0; padding-top:15px; padding-left:40px; }
				.boxFormNote3 h3 { font-size:22px !important; color:#619d15 !important; margin:0; padding:0; }
				.boxFormNote3 p { font-size:13px; line-height:20px; padding:0; margin:0; color:#333; }
				.boxFormNote3 p b.red { padding:0 5px; color:#da3245; }
				.boxFormNote3 div.datebox { background:url(../images/icon-member.png) no-repeat 24px -232px #a2ca74; padding:15px 25px; padding-left:60px; color:#333; font-size:13px; }
				.boxFormNote3 div.datebox p b.notebox { color:white; font-size:16px; margin:0 8px; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); }
				
				
				
				
				
				
				/*
				.boxMemberGrayOutside { background:#666; border-radius:6px; padding:7px; margin:25px; box-shadow:inset 0 2px 4px rgba(0,0,0,0.5); }
				.boxMemberGrayInside { background:#f5f5f5; border-radius:3px; box-shadow:0 1px 3px rgba(0,0,0,0.5); font-size:12px; }
				*/
				.boxMemberGrayOutside { background:#e5e5e5; padding:1px; margin:25px; margin-top:0; }
				.boxMemberGrayInside { background:#f7f7f7; font-size:12px; }
				.boxMemberGrayInside div.formRow { padding:10px 25px; position:relative; }
				.boxMemberGrayInside div.formRow h4 { font-size:14px; line-height:20px; margin:0; padding:0; }
				.boxMemberGrayInside div.formRow p { font-size:13px; line-height:20px; margin:0; padding:0; }
				div.formRow div.sechead { font-size:15px; font-weight:bold; color:#777; float:left; width:20%; display:block; padding-top:10px; }
				div.formRow div.secform { font-size:12px; margin-left:20%; padding-bottom:15px; width:79%; display:block; color:#555; }
				div.formRow div.secform p { font-size:12px; margin-left:23px; }
				div.formRow div.secform p a { font-size:12px; text-decoration:none; color:#619d15; margin:0 4px; }
				div.formRow div.secform p a:hover { text-decoration:underline; }
				div.formRow div.secform p.head { font-size:16px; font-weight:300; color:#000; margin:10px 0 3px 0; text-shadow:1px 1px 0 white; }
				div.formRow div.secform p.head input { margin-right:8px; }
				div.formRow div.secform p.note { font-size:11px; color:#aaa; }
				div.formRow div.secform p.w70 { width:70px; display:inline-block; }
				div.formRow div.secform input,
				div.formRow div.secform select { margin:4px; }
				div.formRow div.secform input.w110,
				div.formRow div.secform select.w110 { width:170px; }
				div.formRow div.secform input.w50,
				div.formRow div.secform select.w50 { width:70px; }
				
				div.formRow-xxx a.btn { display:inline-block; color:#619d15 /*#326a94*/; width:auto;
					border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 30px; font-family:Arial; font-size:13px; cursor:pointer;
					background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
					background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
					*display:block; *float:left; 
					
					margin-left:40%; margin-top:10px; margin-bottom:15px;  
					box-shadow:0 1px 2px rgba(0,0,0,0.5);
				}
				div.formRow-xxx a.btn:hover { text-decoration:underline; }
				
				div.formRow a.btn { display:inline-block; color:#619d15 /*#326a94*/; width:auto;
					border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 30px; font-family:Arial; font-size:13px; cursor:pointer;
					background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
					background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
					*display:block; *float:left; 
					
					margin-left:40%; margin-top:10px; margin-bottom:15px;  
					box-shadow:0 1px 2px rgba(0,0,0,0.5);
				}
				div.formRow a.btn:hover { text-decoration:underline;
					
					background: -moz-linear-gradient(top, #ffffff 0%, #fdfdfd 50%, #fafafa 51%, #ededed 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(50%,#fdfdfd),color-stop(51%,#fafafa),color-stop(100%,#ededed)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#edededfafafa51%,#ededed 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* IE10+ */
					background: linear-gradient(to bottom, #ffffff 0%,#fdfdfd 50%,#fafafa 51%,#ededed 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
					
					}
				
				
				
									div.boxPaperBasic { 
									background:white; margin:25px; margin-top:0; padding:3px 20px; padding-top:15px; 
									display:block; border:1px solid #ccc; box-shadow:0 1px 2px rgba(60,60,60,.5);
									}
									div.boxPaperBasic2 { 
									/*background:#f7f7f7;*/ margin:15px 25px; padding:0; padding-top:15px; border-radius:5px; 
									position:relative; text-align:left;
									/*overflow:hidden;*/
									display:block; 
									/*
									border:1px solid #ccc; 
									box-shadow:0 1px 2px rgba(60,60,60,.5);
									*/
									}
									
									div.boxPaperBasic2 p { margin:15px 25px; text-align:left; font-size:15px; color:#333; }
									div.boxPaperBasic2 p b.biggertitle { margin:0 0 8px 0; font-size:18px; display:block; }
									div.boxPaperBasic2 .boxFormNote2 { margin:0px 25px; }
									div.boxPaperBasic2 .boxFormNote2 h3 { margin:0 -25px 15px -25px!important; background:url(../images/icon-member.png) no-repeat 24px -282px #81b047; /*/#a2ca74;*/ 
																			padding:20px 25px; padding-left:60px; color:white !important; text-shadow:-1px -1px 0 rgba(0,0,0,.3) !important;
																			font-size:18px  !important; font-weight:normal !important; }
									div.boxPaperBasic2 .table-memberForm2 { background:none; }
									div.boxPaperBasic2 .table-memberForm2 td { border-left:none; padding:10px 25px; background:#f7f7f7/*efefef*/; color:#333; }
									div.boxPaperBasic2 .table-memberForm2 th { padding:5px 25px; padding-top:25px; background:none !important; }
									div.boxPaperBasic2 div.addmark { display:block; position:absolute; width:49px; height:49px; 
																	background:url(../images_mybill/mark-billadd.png) no-repeat top left;
																	top:-32px; left:50%; margin-left:-30px; 
																}
									div.boxPaperBasic2 .table_message { background:none; width:100%; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
									div.boxPaperBasic2 .table_message th { padding:5px 10px; font-size:14px; background:#e3e3e3; border-right:1px solid #ccc; border-top:1px solid #ccc; text-shadow:1px 1px 0 white; }
									div.boxPaperBasic2 .table_message td { border:1px solid #ccc; border-left:none; padding:5px 10px; font-size:15px; background:#f7f7f7; text-align:left; vertical-align:top; color:#333; }
									div.boxPaperBasic2 .table_message td input { margin:2px 0; padding:5px; font-size:14px; text-align:left; /*color:#aaa; font-weight:bold;*/ color:#333; width:250px; border-radius:4px; border:1px solid #ccc; box-shadow:inset 0 1px 4px #eee; }
									div.boxPaperBasic2 .table_message td input[type='radio'], 
									div.boxPaperBasic2 .table_message td input[type='checkbox'] { margin-right:5px; width:12px; border:0 !important; padding:0 !important; }
									div.boxPaperBasic2 .table_message td input.radio { margin-right:5px; width:12px; border:0 !important; padding:0 !important; }
									div.boxPaperBasic2 .table_message td p { margin:5px 0; }
									div.boxPaperBasic2 .table_message td p.note { margin-top:12px; color:#888; font-size:13px !important; }
									div.boxPaperBasic2 .table_message td:last-child { /*border-right:none;*/ }
									div.boxPaperBasic2 .table_message th:last-child { border-bottom:1px solid #ccc; }
									
									div.boxPaperBasic2 .btngroup { margin:0; padding:5px 30px; padding-bottom:20px; margin-bottom:20px; text-align:center; }
									
									div.boxPaperBasic2 .table_messageP25 th,
									div.boxPaperBasic2 .table_messageP25 td { padding:10px 25px; }
									
									
									div.boxPaperBasic3 { 
									/*background:#f7f7f7;*/ margin:15px 25px; padding:0; padding-top:15px; border-radius:5px; 
									position:relative; text-align:left;
									/*overflow:hidden;*/
									display:block; 
									border:1px solid #ccc; 
									box-shadow:0 1px 2px rgba(60,60,60,.5);
									}
									div.boxPaperBasic3 p { margin:15px 25px; text-align:left; font-size:13px; color:#333; }
									div.boxPaperBasic3 .boxFormNote2 { margin:0px 25px; }
									div.boxPaperBasic3 .boxFormNote2 h3 { margin:0 -25px 15px -25px!important; background:url(../images/icon-member.png) no-repeat 24px -282px #81b047; /*/#a2ca74;*/ 
																			padding:20px 25px; padding-left:60px; color:white !important; text-shadow:-1px -1px 0 rgba(0,0,0,.3) !important;
																			font-size:18px  !important; font-weight:normal !important; }
									div.boxPaperBasic3 .table-memberForm2 { background:none; }
									div.boxPaperBasic3 .table-memberForm2 td { border-left:none; padding:10px 25px; background:#f7f7f7/*efefef*/; color:#333; }
									div.boxPaperBasic3 .table-memberForm2 th { padding:5px 25px; padding-top:25px; background:none !important; }
									div.boxPaperBasic3 div.addmark { display:block; position:absolute; width:49px; height:49px; 
																	background:url(../images_mybill/mark-billadd.png) no-repeat top left;
																	top:-32px; left:50%; margin-left:-30px; 
																}
									div.boxPaperBasic3 .table_message { background:none; width:100%; border-left: 1px solid #ccc; }
									div.boxPaperBasic3 .table_message th { padding:5px 25px; font-size:14px; background:#bbb; }
									div.boxPaperBasic3 .table_message td { border:1px solid #ccc; border-left:none; padding:10px 25px; font-size:13px; background:#f7f7f7; text-align:left; vertical-align:top; color:#333; }
									div.boxPaperBasic3 .table_message td input { margin:2px 0; padding:5px; font-size:14px; text-align:left; color:#aaa; font-weight:bold; width:250px; border-radius:4px; border:1px solid #ccc; box-shadow:inset 0 1px 4px #eee; }
									div.boxPaperBasic3 .table_message td input.radio { margin-right:5px; width:14px; }
									div.boxPaperBasic3 .table_message td p { margin:5px 0; }
									div.boxPaperBasic3 .table_message td p.note { margin-top:12px; color:#888; }
									div.boxPaperBasic3 .table_message td:last-child { /*border-right:none;*/ }
									
									div.boxPaperBasic3 .btngroup { margin:0; padding:5px 30px; padding-bottom:20px; margin-bottom:20px; text-align:center; }
									
									
									
									
									div.finalTotalPrice { display:block; position:relative; margin:25px 35px; height:70px; background:url(../images_mybill/totalline.gif) no-repeat right 50px; }
									div.finalTotalPrice div.totalmark2 { display:block; position:absolute; right:160px; top:5px; width:40px; height:20px; background:url(../images/icon-member.png) no-repeat 0 -410px; }
									div.finalTotalPrice p { display:block; position:absolute; top:3 px; right:140px; font-size:13px; color:#32384b;}
									div.finalTotalPrice b { display:block; position:absolute; top:0px; right:10px; font-size:40px; font-weight:normal; color:#32384b; }
									div.finalTotalPrice p.endnote { position:absolute; top:55px; right:5px; font-size:11px; color:#aaa; }
				
				
				.memberPromoSet { background:#f6f6f6; margin:25px; margin-top:10px; padding:10px 0px; padding-top:45px; border-radius:6px; position:relative; box-shadow:0 1px 3px rgba(0,0,0,0.5); }
				.memberPromoSet div.headerh3 { display:block; width:715px; border-radius:6px 6px 0 0; text-align:center; 
						position:absolute; top:0; left:0; background:#aaa; text-shadow:-1px -1px 0 rgba(0,0,0,0.6); padding:15px 0 10px 0; font-size:14px; color:#fff; letter-spacing:2px; }
				.memberPromoSet div.headerh3_1 { display:block; width:100%; border-radius:6px 6px 0 0; text-align:center; 
						position:absolute; top:0; left:0; background:#aaa; text-shadow:-1px -1px 0 rgba(0,0,0,0.6); padding:15px 0 10px 0; font-size:14px; color:#fff; letter-spacing:2px; }
				.memberPromoSet div.set { display:block; border-bottom:1px dotted #ccc; position:relative; height:140px; margin:10px 0; padding:15px 40px; padding-left:250px; }
				.memberPromoSet div.set img { display:block; position:absolute; top:10px; left:20px; }
				.memberPromoSet div.set b { display:block; font-size:14px; color:#619d15; margin-bottom:8px; line-height:22px; }
				.memberPromoSet div.set p { display:block; font-size:13px; color:#333; }
				.memberPromoSet div.set a.btn-orange { position:absolute; bottom:15px; right:25px; }
				.ebillPromoSet { background:#f6f6f6; margin:25px; margin-top:10px; padding:10px 0px; padding-top:0px; border-radius:6px; position:relative; box-shadow:0 1px 3px rgba(0,0,0,0.5); }
				.ebillPromoSet div.headerh3 { display:block; width:715px; border-radius:6px 6px 0 0; text-align:center; 
						position:absolute; top:0; left:0; background:#aaa; text-shadow:-1px -1px 0 rgba(0,0,0,0.6); padding:15px 0 10px 0; font-size:14px; color:#fff; letter-spacing:2px; }
				.ebillPromoSet div.set { display:block; border-bottom:1px dotted #ccc; position:relative; height:140px; margin:10px 0; padding:15px 40px; padding-left:250px; }
				.ebillPromoSet div.set img { display:block; position:absolute; top:10px; left:20px; }
				.ebillPromoSet div.set b { display:block; font-size:14px; color:#619d15; margin-bottom:8px; line-height:22px; }
				.ebillPromoSet div.set p { display:block; font-size:13px; color:#333; }
				.ebillPromoSet div.set a.btn-orange { position:absolute; bottom:15px; right:25px; }				
				
				.boxMemberFormTable { background:#f7f7f7; font-size:12px; border:1px solid #e5e5e5; padding:0; margin:25px; margin-top:0; }
				div.formRow2 { padding:10px 25px; position:relative; }
				div.formRow2 div.sechead { font-size:13px; color:#777; display:block; padding:5px 10px; }
				div.formRow2 div.secform { font-size:13px; float:right; width:20%; display:block; color:#555; }
	
				
				table.table-memberForm1 { border:0px solid #e5e5e5; background:#f7f7f7; font-size:12px; display:table; width:710px; margin:5px 25px; margin-top:0; }
				table.table-memberForm1 th,
				table.table-memberForm1 td { border:1px solid #ccc; font-size:13px; padding:5px 10px; display:table-cell; vertical-align:top; }
				
				table.table-memberForm1 th-xxx { background:#ffffff; padding:10px 10px; color:#aaa; }
				table.table-memberForm1 th-xxx { background:#a2ca74; }
				table.table-memberForm1 th{
					padding:10px 15px; color:white; text-shadow:-1px -1px 0 rgba(0,0,0,.5);
					background: -moz-linear-gradient(top, #67a602 0%, #548605 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#67a602),color-stop(100%,#548605)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #67a602 0%,,#548605 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #67a602 0%,#548605 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #67a602 0%,#548605 100%); /* IE10+ */
					background: linear-gradient(to bottom, #67a602 0%,#548605 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a602', endColorstr='#548605',GradientType=0 ); /* IE6-9 */
					}
					
				table.table-memberForm1 td.price { text-align:right; }
				table.table-memberForm1 td.total { font-size:18px; padding-top:18px; padding-bottom:15px; }
				table.table-memberForm1 td.total b { font-size:18px; font-weight:bold; color:#da3245; }
	
				/*2*/
				table.table-memberForm2 { border:0px solid #e5e5e5; background:#f7f7f7; font-size:12px; display:table; width:100%; /*margin:5px 25px; margin-top:0;*/ }
				table.table-memberForm2 th,
				table.table-memberForm2 td { border:1px solid #ccc; font-size:13px; padding:5px 10px; display:table-cell; vertical-align:top; }
				
				table.table-memberForm2 th { background:#ffffff; padding:4px 0px; color:#aaa; border:none; }
				table.table-memberForm2 th-xxx { background:#a2ca74; }
				table.table-memberForm2 th-xxx {
					padding:10px 15px; color:white; text-shadow:-1px -1px 0 rgba(0,0,0,.5);
					background: -moz-linear-gradient(top, #67a602 0%, #548605 100%); /* FF3.6+ */
					background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#67a602),color-stop(100%,#548605)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #67a602 0%,,#548605 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #67a602 0%,#548605 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #67a602 0%,#548605 100%); /* IE10+ */
					background: linear-gradient(to bottom, #67a602 0%,#548605 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67a602', endColorstr='#548605',GradientType=0 ); /* IE6-9 */
					}
					
				table.table-memberForm2 td.price { text-align:right; background:url(../images/icon-member.png) no-repeat 0 -350px #efefef; }
				table.table-memberForm2 td.total { font-size:18px; padding-top:18px; padding-bottom:15px; background-position:0 -340px; }
				table.table-memberForm2 td.totalmark { background:url(../images/icon-member.png) no-repeat 25px -386px #efefef; padding-left:52px !important; }
				table.table-memberForm2 td.total b { font-size:18px; font-weight:bold; color:#da3245; }
				
				p.endnote { text-align:right; font-size:11px; font-weight:normal; color:#aaa; margin:4px 0 0 0; }
				
	
				
	
	
	
	

	
.sboxHalfRound { width:310px; display:inline-block; *float:left; border:1px solid #ced0c5; border-radius:6px; text-align:left; padding:15px; height:140px; margin-bottom:15px; }
.sboxHalfRound h4 { margin:0; padding:0; font-family:微軟正黑體, Arial; font-size:16px; color:#579300; font-weight:normal; margin-bottom:7px; }
.sboxHalfRound p { margin:0; padding:0; font-family:微軟正黑體, Arial; font-size:12px; color:#333; font-weight:normal; margin-bottom:15px; width:180px; }
.sboxHalfRound p.red { color:#e5002d; }
.sboxHalfRound p span.red { color:#e5002d; }
.sboxHalfRound1 { background:url(../images/img-service-banner2.jpg) no-repeat right top; margin-right:10px; }
.sboxHalfRound2 { background:url(../images/img-service-banner2.jpg) no-repeat right -180px; }

.sboxHalfRound_orange h4 { color:#ea5700; }



.bottomgreen { display:block; border-radius:6px; width:700px; padding:0; position:relative; margin:30px 0; background-color:#e6fcba; height:60px; }
.bottomgreen div.greenLead { background:url(../images/icon-greenLead.png) no-repeat -80px -130px #e5fcba; display:block; position:absolute; top:0; left:0;  
		border-radius:6px; width:40px; font-weight:bold; color:white; font-size:18px; padding:18px; height:24px; }
.bottomgreen div.greenLead img.mark { position:absolute; top:10px; left:10px; display:block; width:40px; height:40px; }

.bottomgreen p, .bottomgreen a { font-family:微軟正黑體, Arial; font-size:12px; }
.bottomgreen p { display:block; position:absolute; top:5px; left:70px; }
.bottomgreen a.btn { display:block; color:#619d15 /*#326a94*/; width:auto; position:absolute; top:13px; right:40px; 
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:8px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left; 
		box-shadow:0 1px 2px rgba(0,0,0,0.5);
	}
	.bottomgreen a.btn:hover { border:1px solid #999; text-decoration:underline; }


	
	
.sharesetRightTop { position:absolute; top:15px; right:15px; font-size:12px; color:#333; width:auto; }
.sharesetRightTop p { float:left; margin:0; padding:3px; font-size:12px; color:#333; }
	
.gapBottom { padding-bottom:20px; }
	
	
ul.noteNumber {list-style:decimal !important; }
ul.noteNumber li {margin-bottom:7px; }
ul.subul { list-style:disc !important; }
ul.subul li { margin-bottom:4px; }



.pb20 {padding-bottom:20px !important; }
.pb40 {padding-bottom:40px !important; }
	
	#boxQuickLink { overflow:visible !important; }
	
	
	.singleLoginBox { height:270px; width:750px; padding-top:40px; padding-left:100px; }
	
	
	/*=====================================================================================*/
		/* SPECIAL FOR IE TABLET VERSION */
			html.onie .dotOrderSet { display:none; }
			html.onie .boxPageContainer { height:110px; }
			html.onie .boxBanner200 { display:none; }
			html.onie .sboxHalfRound { width:270px; }
			html.onie .singleLoginBox { height:270px; width:750px; padding-top:40px; padding-left:50px; }
			html.onie div.boxPaperBasic2 .table_message td input { width:200px; }
	/*=====================================================================================*/
	/* SMALL TABLET */
	@media -ms-viewport, screen and (max-width: 1140px) {
		.dotOrderSet { display:none; }
		.boxPageContainer { height:110px; }
		/*.tabgroup a { padding:12px 7px; }*/
		.boxBanner200 { display:none; }
		.sboxHalfRound { width:276px; }
		.singleLoginBox { height:270px; width:750px; padding-top:40px; padding-left:50px; }
		div.boxPaperBasic2 .table_message td input { width:200px; }
	}
	/* DESKTOP */
	@media -ms-viewport, screen and (min-width: 1141px) { 
		.dotOrderSet { display:block; }
		.boxPageContainer { height:110px; }
		/*.tabgroup a { padding:12px 12px; } */
		.boxBanner200 { display:block; }
		.sboxHalfRound { width:310px; }
		.singleLoginBox { height:270px; width:750px; padding-top:40px; padding-left:100px; }
		div.boxPaperBasic2 .table_message td input { width:250px; }
	}
	
	

div.boxNotFound { margin-left:20px; position:relative; }
div.boxNotFound img.icon { display:block; position:absolute; top:0; left:0; }
div.boxNotFound div.con { display:block; position:relative; margin-left:250px; padding:20px; color:#333; }
div.boxNotFound div.con b { font-size:18px; color:#333; font-weight:normal; margin-bottom:10px !important; }
div.boxNotFound div.con p { font-size:13px !important; color:#333; margin-top:10px; }
div.boxNotFound div.con ul li { font-size:13px; line-height:20px; color:#333; list-style:disc; margin:0; padding:0; }
div.boxNotFound div.con ul { margin:0; padding:0; padding-left:20px; margin-top:5px;  }



p b.dotnumber { display:inline-block; background:#333; color:white; border-radius:30px; width:17px; height:17px; text-align:center; margin-right:4px; 
		background:url(../images_roaming/roaming_blackdot.png) no-repeat top left \9;
		}


/*added by TWM*/
div.outstock_btn{
		display:inline-block; color:#326a94; width:auto; text-align:center !important;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left;
		cursor:default;
		padding:15px 30px;
		margin-top:5px;
		behavior:url(js/PIE-1.0.0/PIE.htc);
}
/*added by TWM===============box-hidd*/
/*隱藏區塊用*/
.box-hidd{display: none; margin-top:5px;}
.bS02{
	list-style: decimal outside none;
font-size: 12px;
color: #333;
line-height:20px;
color:#FF0004;

}
.sweet-note{
	background-color:#E7E7E7; margin:5px 0;
}
.sweet-note p{
	padding:10px;
}


/* 20170323 login error messenger */

.login-error-btn { text-align:center;}
.login-error-btn a {
		display:inline-block; color:#ffffff;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #ed8600 0%, #da5800 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ed8600),color-stop(100%,#da5800)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ed8600 0%,#da5800 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ed8600 0%,#da5800 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ed8600 0%,#da5800 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8600', endColorstr='#da5800',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left;
		text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;
		behavior:url(js/PIE-1.0.0/PIE.htc);
}
	.login-error-btn a:hover { /*border:1px solid #db4800; }*/
		text-decoration:underline; color:#ffffff !important;
		background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ff9a00 0%,#ef6e00 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ff9a00 0%,#ef6e00 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a00', endColorstr='#ef6e00',GradientType=0 ); /* IE6-9 */
		}
/* 20170323 end */



/* 20170324 gold number */
.gold-number-btn { text-align:center;}
.gold-number-btn a {
		display:inline-block; color:#ffffff;
		border-radius:4px; border:1px solid #ccc; margin:1px; padding:10px 15px; font-family:Arial; font-size:13px; cursor:pointer;
		background: -moz-linear-gradient(top, #f60000 0%, #ab0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f60000),color-stop(100%,#ab0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f60000 0%,#ab0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f60000 0%,#ab0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f60000 0%,#ab0000 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f60000 0%,#ab0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60000', endColorstr='#ab0000',GradientType=0 ); /* IE6-9 */
		*display:block; *float:left;
		text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.4); border-bottom-color:#999;
		behavior:url(js/PIE-1.0.0/PIE.htc);
}
.gold-number-btn a:hover {
		text-decoration:underline; color:#ffffff !important;
		background: -moz-linear-gradient(top, #ff9a00 0%, #ab0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f60000),color-stop(100%,#ab0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f60000 0%,#ab0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f60000 0%,#ab0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f60000 0%,#ab0000 100%); /* IE10+ */
		background: linear-gradient(to bottom, #f60000 0%,#ab0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60000', endColorstr='#ab0000',GradientType=0 ); /* IE6-9 */
		}
.gold_number_list { margin-top:2em;}		
.gold_number_list h3 { font-size:15px; font-weight:bold;}
.gold_number_list li { margin-left:1em; margin-bottom:.75em; list-style:decimal; font-size:13px; line-height:1.5em;}
.gold_number_form {  margin:0 auto 2em; padding:2em 2em; text-align:center; background:#f0ebe0;}
.gold_number_form li { margin:1em auto; font-size:18px;}
.gold_number_form li input { font-size:1.2em;}
.gold_number_form label { margin-right:.5em;}
/* 20170324 end */

/* 20170410 new */
.login-info { width: 98%; margin: 0 auto 1em; line-height: 1.7em;}
.search-select { width: 100%; margin: 1em auto 2em; padding-bottom:3em; border-bottom: #dddddd dashed 1px;}
.search-select-bar { float:left; width: 350px;}
.search-select .search-box { width: 250px; padding:6px 10px;}
.search-select .btn { display:inline-block; color:#ea5700;}
.search-select-hot { float:left; width: 350px; padding-top: 10px; font-size: .85em;}
.search-select-hot span { color:#FF0004;}

.sharesetRightTop-new { float: right; font-size:12px; color:#333; width:auto; }
.sharesetRightTop-new p { float:left; margin:0; padding:3px; font-size:12px; color:#333; }
/* 20170410 end */


/* 20170712 new */
.phone-message {
border: #efefef solid 1px;
background: -moz-linear-gradient(top, #ff9a00 0%, #ef6e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a00),color-stop(100%,#ef6e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fffffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}
/* 20170712 new end */