@charset "UTF-8";



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


.boxBigBanner { height:270px; overflow:hidden; border-radius:6px 6px 0 0; position:relative; }
.boxBigBanner div.bannerSet { height:100%; width:auto; overflow:hidden; display:block; position:absolute; top:0; left:0; }  /*banner size 765x270*/
.boxBigBanner div.bannerSet img { float:left; }
.bottomNav { display:table; width:100%; height:40px; border-top:1px solid #ced0d5; padding:0px; 
	border-radius:0 0 6px 6px; 
	/*box-shadow:inset 0 1px 10px rgba(50,50,50,0.5);
	}
.bottomNav2 { 
	*/
	background: -moz-linear-gradient(top, #e3e3e3 0%, #fff 20%); /* FF3.6+ */
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e3e3e3),color-stop(20%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e3e3e3 0%,#fff 20%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e3e3e3 0%,#fff 20%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e3e3e3 0%,#fff 20%); /* IE10+ */
	background: linear-gradient(to bottom, #e3e3e3 0%,#fff 20%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#fff',GradientType=0 ); IE6-9 */
	*background-color: #fdfdfd; *display:block; 
	}
.bottomNav div.btn { display:table-cell; height:100%; border-right:1px solid #ced0d5; cursor:pointer; font-family:Arial; font-size:13px; padding-top:10px; text-align:center; 
	*display:block; *float:left; *height:30px; *width:36%; *vertical-align:middle; 
	}
	.bottomNav div.btn:hover { background-color:white; }
.bottomNav div.btn:last-child { border-right:0; }
.bottomNav div.btnPrev { background:url(../images/icon-tabarrow.png) no-repeat 10px 6px; width:180px !important; text-align:left; padding-left:60px; border-radius:0 0 0 6px; }
.bottomNav div.btnNext { background:url(../images/icon-tabarrow.png) no-repeat 30px -44px; width:180px !important; text-align:right; padding-right:60px; border-right:0px; border-radius:0 0 6px 0; }
.bottomNav div.iconBlue { display:inline-block; *display:block; *float:left; width:50px; background:#00a1db; border-radius:4px; margin:0 10px; color:white; font-family:Arial; font-size:12px; padding:5px; }
.bottomNav div.btnxx:hover, .bottomNav div.active { background-color:#fff; }
div.bannerBtn { width:765px; height:270px; display:block; position:absolute; top:0; left:0; cursor:pointer; z-index:17; }  /*banner size 765x270*/



.boxIndexNews { display:block; position:relative; text-align:left; background:url(../images/icon-indexnews.png) no-repeat left top; padding-left:60px; margin:14px 4px 4px 4px; }/*
.boxIndexNews p, 
.boxIndexNews div { display:inline-block; *display:block; float:left; font-family:微軟正黑體, Arial; font-size:13px; text-shadow:1px 1px 0 white; margin:2px 0; padding:0; *font-size:12px; }
.boxIndexNews div { width:80px; color:#949494; vertical-align:top; padding-top:3px; }
.boxIndexNews p { width:610px; color:#303030; }*/
.boxIndexNews div.sepline { 
	position:absolute; top:50%; right:0;
	display:none; width:697px; height:1px; margin:0; padding:0; background-color:#cbcbcb; border-bottom:1px solid white; }

.itemPromotion { display:inline-block; *display:block; *float:left; width:180px; position:relative; margin:0; cursor:pointer; }
.itemPromotion img { display:block; margin-right:10px; }
.itemPromotion b { position:absolute; top:5px; left:70px; display:block; color:#333; width:100px; font-size:11px; line-height:15px; font-weight:bold; }
.itemPromotion p { position:absolute; top:38px; left:70px; display:block; color:#333; font-size:11px; float:left; }
.itemPromotion p span { color:#da3245; font-size:13px; font-weight:bold; font-style:normal; }
.itemPromotion:hover b { color:#da3245; }
			
					
			/*=====================================================================================*/
				/* SPECIAL FOR IE TABLET VERSION */
					html.onie .boxIndexNews div.sepline { width:625px; }
					html.onie .itemPromotion { width:163px; }
			/*=====================================================================================*/
			/* SMALL TABLET */
			@media -ms-viewport, screen and (max-width: 1140px) {
				.boxIndexNews div.sepline { width:625px; }
				.itemPromotion { width:163px; }
			}
			/* DESKTOP */
			@media -ms-viewport, screen and (min-width: 1141px) { 
				.boxIndexNews div.sepline { width:697px; }
				.itemPromotion { width:180px; }
			}




.boxBasicGray { display:block; background-color:#dbdbdb; text-align:left; 
		border-bottom:2px solid #f6f6f6; margin-bottom:12px; padding:1px; 
		border-radius:6px; box-shadow:inset 0 1px 3px rgba(0,0,0,0.3); }

.boxBasicInner { display:block; background-color:white; text-align:left; 
		border-bottom:2px solid #f6f6f6; margin:6px;
		font-size:12px; font-family:Arial; color:#ccc; 
		border-radius:2px; box-shadow:0 1px 3px rgba(0,0,0,0.3); }
.boxBasicInner div.group { display:block; padding:15px; padding-bottom:11px; border-bottom:1px solid #ccc; text-align:center; color:#888; }
.boxBasicInner div.group:last-child { border-bottom:0px; }
.boxBasicInner div.group a { background:url(../images/icon-global.png) no-repeat -100px -153px; padding-left:10px; }


.boxService { height:140px; margin-bottom:-1px; margin-bottom:0px \9; border-radius:0 0 6px 6px; position:relative; }
.boxService1 { background:url(../images/icon-groupbg.jpg) no-repeat right 0px; }
.boxService2 { background:url(../images/icon-groupbg.jpg) no-repeat right -160px; }
.boxService3 { background:url(../images/icon-groupbg.jpg) no-repeat right -300px; }
.boxService4 { background:url(../images/icon-groupbg.jpg) no-repeat right -450px; }
.boxService ul { display:block; list-style:disc; margin:0; padding:0; padding-top:15px; padding-left:30px; *padding-left:15px; }
.boxService ul li { margin:0; padding:0; }
.boxService ul li a { font-size:12px; line-height:24px; font-family:微軟正黑體, Arial; margin:0; padding:0; }

.boxService p { display:block; position:absolute; top:20px; left:150px; height:70px; padding-left:17px; padding-top:25px; 
	border-left:1px solid #ddd; font-family:Arial; font-size:12px; color:#999; }

			/*=====================================================================================*/
				/* SPECIAL FOR IE TABLET VERSION */
					html.onie .boxService p { top:12px; left:20px; height:20px; padding-left:0px; padding-top:0px; border-left:none; }
					html.onie .boxService ul { padding-top:55px; }
					html.onie .boxService ul li, .boxService ul li a  { line-height:14px; }
			/*=====================================================================================*/
			/* SMALL TABLET */
			@media -ms-viewport, screen and (max-width: 1140px) {
				.boxService p { top:12px; left:20px; height:20px; padding-left:0px; padding-top:0px; border-left:none; }
				.boxService ul { padding-top:55px; }
				.boxService ul li, .boxService ul li a  { line-height:14px; }
			}
			/* DESKTOP */
			@media -ms-viewport, screen and (min-width: 1141px) { 
				.boxService p { top:20px; left:150px; height:70px; padding-left:17px; padding-top:25px; border-left:1px solid #ddd; }
				.boxService ul { padding-top:15px; }
				.boxService ul li, .boxService ul li a  { line-height:24px; }
			}

#btn-login { border-radius:4px; border:1px solid #ccc; margin:8px 2px; padding:10px; font-family:Arial; font-size:15px; cursor:pointer; color:#444; text-align:center; 
		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 */
		/*background-image:url(../images/icon-member.png); background-position:5px 2px;*/
		/*box-shadow:inset 0 -1px 3px rgba(0,0,0,0.6);*/
		padding-left:28px; position:relative;
	}
	#btn-login div.keyimg { background:url(../images/icon-member.png) no-repeat 0px 0px; 
		position:absolute; top:1px; left:7px; 
		display:block; width:30px; height:30px; border:0px solid red; }
		
		
	
#btn-vip-x { border-radius:4px; border:1px solid #ccc; margin:8px 2px; padding:10px; font-family:Arial; font-size:15px; cursor:pointer; color:#444;
		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 */
		/*box-shadow:inset 0 -1px 3px rgba(0,0,0,0.6);*/
		position:relative;
	}
	
#btn-vip { border-radius:4px; border:1px solid #ccc; margin:8px 2px; padding:7px 10px 14px 10px; text-align:center; overflow:hidden; font-family:Arial; font-weight:bold; font-size:15px; cursor:pointer; color:#ffffff;
		background: -moz-linear-gradient(top, #333333 0%, #111111 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#111111)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #333333 0%,#111111 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #333333 0%,#111111 100%); /* IE10+ */
		background: linear-gradient(to bottom, #333333 0%,#111111 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
		position:relative; overflow:hidden;
	}
	
	#btn-vip div.barimg { background:url(../images/icon-member.png) no-repeat 0 -50px; 
		position:absolute; bottom:0px; left:0px; 
		display:block; width:100%; height:7px; border:0px solid red; }
		
		
#btn-login:hover,
#btn-vip-x: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 */
}
#btn-vip:hover { 
					text-decoration:underline;
		background: -moz-linear-gradient(top, #444444 0%, #161616 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#444444),color-stop(100%,#161616)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #444444 0%,#161616 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #444444 0%,#161616 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #444444 0%,#161616 100%); /* IE10+ */
		background: linear-gradient(to bottom, #444444 0%,#161616 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#161616',GradientType=0 ); /* IE6-9 */
}




/*border:1px solid #aaa;*/

.btn-logined, .btn-viped { display:inline-block; }
.btn-logined { margin-right:0 !important; margin-left:6px !important; width:65px !important; padding:10px !important; }
.btn-viped { margin-right:6px !important; width:70px !important; padding:10px !important; float:right; }
.btn-viped div.barimg { background-size:120px 500px !important; height:4px !important; }