@CHARSET "UTF-8";



/* 給 chrome 需要小於 12px 字型的時需加上去的屬性

-webkit-text-size-adjust:none;

*/



.clear{clear:both; height:0;}



body {

	color: #333;

	margin: 0px;

	background-color: #FAFAFA;

	background-image: url(../images/bg_body.png);

	background-position: left top;

	background-repeat: repeat-x;

	overflow-x: hidden;

}



a:focus{outline: 0;}

div:focus{outline: 0;}



div, div:focus, div::-moz-focus-inner,

input, input:focus, input::-moz-focus-inner, 

div, div:focus, button::-moz-focus-inner,

select, select:focus, select::-moz-focus-inner{

	outline:none; box-shadow:0px 0px 0px rgba(0, 0, 0, 0); -webkit-box-shadow: 0px 0px 0px #fff; border: 0;

}



.paging_outside_div{height:38px; float:right; margin:13px 0 0 0;}

.paging_outside_div .paging_text_div {margin: 10px 20px 0 0; float:right; color:#bbb;}

.paging_outside_div .paging_text_div .paging_now_page{float:left;}

.paging_outside_div .paging_text_div .paging_of_text{float:left;}

.paging_outside_div .paging_text_div .paging_all_page{float:left;}



.paging_outside_div .paging_first_img_div{

	background:#fff;

	float:right;

	border-top:solid 1px #d3d4cd;

	border-left:solid 1px #d3d4cd;

	border-bottom:solid 1px #d3d4cd;

}



.paging_outside_div .paging_first_img_div .paging_first_img{

	margin:12px 15px 7px 12px;

}



.paging_outside_div .paging_prev_img_div{

	background:#fff; float:right; border:solid 1px #d3d4cd;

}



.paging_outside_div .paging_prev_img_div .paging_prev_img{

	margin:12px 15px 7px 12px;

}



.paging_outside_div .paging_next_img_div{

	background:#fff;

	float:right;

	border-top:solid 1px #d3d4cd;

	border-left:solid 1px #d3d4cd;

	border-bottom:solid 1px #d3d4cd;

}



.paging_outside_div .paging_next_img_div .paging_next_img{

	margin:12px 15px 7px 12px;

}



.paging_outside_div .paging_last_img_div{

	background:#fff;

	float:right;

	border:solid 1px #d3d4cd;

}



.paging_outside_div .paging_last_img_div .paging_last_img{

	margin:12px 15px 7px 12px;

}



.paging_outside_div .paging_page_href_div{

	float:right;

	margin: 10px 15px 0 15px;

}



.paging_outside_div .paging_page_href_div a{

	margin: 0 5px 0 5px;

	color:#b4b4b4;

	text-decoration: none;

}



/*paging by louis*/

.paging_block {

	height:40px;

	-moz-user-select: none;  	/* for Firefox */

	-webkit-user-select: none;  /* for Chrome */

}



.paging_block > div, 

.paging_block .paging_left img, 

.paging_block .paging_right img,

.paging_block .paging_left div, 

.paging_block .paging_right div,

.paging_block .paging_sum p,

.paging_block .paging_page_numbers p,

.paging_block .paging_page_numbers div {

	float:left;

}



.paging_block .paging_left img, 

.paging_block .paging_right img {

	cursor: pointer;

}



.paging_block .paging_left div, 

.paging_block .paging_right div,

.paging_block .paging_page_numbers div {

	width:1px;

	height:38px;

	background-color: #d4d3cd;

}



.paging_block .paging_sum {

	margin:0 15px 0 0;

}



.paging_block .paging_sum p {

	line-height:40px;

	color:#a0a0a0;

}



.paging_block .paging_sum p:nth-child(2) {

	margin:0 5px;

}



.paging_block .paging_left, .paging_block .paging_right {

	border: 1px solid #d4d3cd;

}



.paging_block .paging_page_numbers {

	margin:0 0px;

	height:38px;

	border-top: 1px solid #d4d3cd;

	border-bottom: 1px solid #d4d3cd;

}



.paging_block .paging_page_numbers p {

	line-height:38px;

	color:#434343;

	cursor: pointer;

	width:28px;

	height:38px;

	text-align:center;

	background-color: #fafafa;

}



.paging_block .paging_page_numbers p:hover {

	color:#ffffff;

	background-color: #d4d3cd;

}



.paging_block .paging_page_numbers .now_page {

	color:#d22323;

	text-decoration: underline;

	cursor: default;

}



.paging_block .paging_page_numbers .now_page:hover {

	color:#d22323;

	text-decoration: underline;

	cursor: default;

}



.paging_block .paging_page_numbers .pass {

	cursor: pointer;

}



input[type="radio"]{

    position: absolute;

    left: -9999px;

}



label{

	background: url("../images/red_radio.png") no-repeat scroll left top rgba(0, 0, 0, 0);

    cursor: pointer;

    display: inline-block;

    line-height: 15px;

    margin: 5px 0;

    padding-left: 20px;

    width:0px;

    height:17px;

}



label.active{

	background-position: left bottom;

}



input[type="text"] {

	font-family: 微軟正黑體, serif, sans-serif, cursive, fantasy;

}



/* 本例子css */
.outBox{text-align:left; width:460px; margin:0; padding:0; }
.outBox .hd{ height:50px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.outBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:50px;   }
.outBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; line-height:50px; font-size:18px; font-weight:bold; color:#333333;}

.outBox .hd ul li:hover{color:#C60000;}
.outBox .hd ul li .on{
	height:50px;
	color:#C60000;
	text-decoration: none;
}
		
		.inBox{ padding:0;  }
		.inBox .inHd{ padding:0; float:left; width:180px;  }
		.inBox .inHd ul{ overflow:hidden; zoom:1; width:180px; background-color:#fafafa;   }
		.inBox .inHd ul li{ line-height:30px; width:180px; float:left; cursor:pointer; clear:both;  }
		.inBox .inHd ul li > a{
	color:#333333;
	text-decoration: none; text-align:left; 
}
		.inBox .inHd ul li.on{
	color:#bd2a2a;
	background-image:url(../images/banner_arrow_red.png);
	background-repeat: no-repeat;
	background-position: 150px 10px;
}
.inBox .inHd ul li.on a{ color:#bd2a2a;  }
.inBox .inBd ul{ float:left; }
.inBox .inBd li{ width:130px; text-align:left;}
.inBox .inBd li a{
	color:#333333;
	line-height:30px;
	text-align:left;
	text-decoration: none;
}
.inBox .inBd li a:hover{
	color:bd2a2a;
	text-decoration: underline;
}


		/* 本例子css */
		.slideBox{ width:1280px; height:530px; overflow:hidden; position:relative; margin-left:auto; margin-right:auto;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1280px; height:530px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
.index-1 { background-color:#FFFFFF; width:950px; height:180px; margin-left:auto; margin-right:auto; margin-bottom:100px; -moz-box-shadow:0px 2px 4px #B8B8B8; -webkit-box-shadow:0px 2px 4px #B8B8B8; box-shadow:0px 2px 4px #B8B8B8;}
.index-1 li{
	float:left;
	list-style-type: none;
	margin-top:20px;
}
.index-1 li a{
	text-decoration: none; color:#333333; display:block;
}
.index-1 li:nth-child(1){ width:24px; height:24px; display:block; background-color:#e42828; margin-top:40px; margin-right:40px;}

.index-1 li:nth-child(2){ float:left; list-style-type: none; width:288px; height:139px; }

.index-1 li:nth-child(2) p{ width:200px; height:30px; text-align:center; margin-top:20px; font-size:18px; font-weight:bold; line-height:30px; margin-left:30px;}
.index-1 li:nth-child(2):hover p{ background-color:#333333; color:#FFFFFF;}

.index-1 li:nth-child(3){ float:left; list-style-type: none; width:288px; height:139px; }

.index-1 li:nth-child(3) p{ width:200px; height:30px; text-align:center; margin-top:20px; font-size:18px; font-weight:bold; line-height:30px; margin-left:30px;}
.index-1 li:nth-child(3):hover p{ background-color:#333333; color:#FFFFFF;}

.index-1 li:nth-child(4){ float:left; list-style-type: none; width:288px; height:139px; }

.index-1 li:nth-child(4) p{ width:200px; height:30px; text-align:center; margin-top:20px; font-size:18px; font-weight:bold; line-height:30px; margin-left:30px;}
.index-1 li:nth-child(4):hover p{ background-color:#333333; color:#FFFFFF;}

/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #b9141e;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #b9141e;
	border-color: #b9141e;
}
.page-num-current:hover {
	color: #fff;
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}
.pagination a:hover { background-color:#d7d7d7; color:#272727;}
.justify-content-center {
	-ms-flex-pack: center!important;
	justify-content: center!important
}
.page-item:first-child .page-link {
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	cursor: auto;
	background-color: #fff;
	border-color: #dee2e6
}
.text-center {
	text-align: center!important
}

#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.w1000 { width:940px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; margin-top:10px; display:block; height:190px; padding-top:10px;}
.w940 { width:930px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; margin-top:10px; display:block; padding-top:10px;}
.pro-list-pic { width:450px; margin-right:50px; float:left;}
.pro-list-r { width:440px; float:left;}
.pro-list-r h1 {
	font-size:36px;
	font-family: "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4; padding-bottom:10px; line-height:40px;
}
.pro-list-r h2{
	font-size:20px;
	font-family: "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e4; padding-bottom:10px; line-height:40px; color:#999999;
}
.pro-list-r p { font-size:16px; color:#999999; line-height:26px; margin-top:30px;}
.pro-list-r h3 a { font-size:20px; color:#333333; line-height:26px; margin-top:30px;}
.c { clear:both;}
.pro-con{
	margin-top:20px;
	font-size:16px;
	line-height:26px;
	border: 1px solid #CCCCCC; padding:10px; min-height:300px;
}
.pro-con img{ max-width:940px;}
.pro-con-tit {
	font-size:18px;
	line-height:50px;
	width:150px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC; text-align:center; margin-top:-10px; margin-left:-10px;
}
.anli-con{
	margin-top:20px;
	font-size:14px;
	line-height:26px;
	border: 1px solid #CCCCCC; padding:10px; min-height:100px;
}
.anli-con img{ max-width:940px;}
	/* 本例子css */
	.game163{ position: relative; border: 1px solid #dcdddd; padding: 4px; overflow: hidden; width: 940px;}
	.game163 .bigImg{ height: 500px; position: relative;}
	.game163 .bigImg li img{ vertical-align:middle; width:940px; height:500px;   }

	.game163 .smallScroll{ height: 47px; margin-bottom: 6px; margin-top:30px;}
	.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3046px; }
	.game163 .sNext{ background-position: 0 -2698px;}
	.game163 .sPrev:hover{ background-position: 0 -3133px;}
	.game163 .sNext:hover{ background-position: 0 -2785px;}

	.game163 .smallImg{ float:left;  margin: 0 6px; display:inline; width: 900px; overflow: hidden; margin-top:-8px; }
	.game163 .smallImg ul{ height:70px;  width: 9999px; overflow: hidden; }
	.game163 .smallImg li{ float: left; padding: 0 4px 0 0; width:110px; cursor:pointer;  display: inline;  }
	.game163 .smallImg img{ border: 1px solid #dcdddd; width:100px; height:60px;  }
	.game163 .smallImg .on img{ border-color: #FF0000;}

	/* 本例子css */
	.qunar { width: 950px; margin: 10 auto 15px; }
	.qunar .e_pic_wrap {width: 950px; height: 315px; margin-top:16px; }
	.qunar .e_pic_wrap li {width: 950px; height: 315px;}
	.qunar .e_pic_wrap li img{width: 670px; height: 315px; display:block; float:left;}

	.qunar .e_flt_inf {
	float:left;
	top: 0;
	width: 270px;
	height: 315px;
	margin-left:10px;
}
	.qunar .e_flt_inf h2 { font: 22px/30px "微软雅黑"; color:#333333; margin-top:50px; margin-bottom:20px; }
	.qunar .e_flt_inf h2 a {
	color:#333333;
	text-decoration: none;
}
	.qunar .e_flt_inf .t_info { line-height: 20px; color:#666666;}


	.qunar .prev, .qunar .next { position: absolute; z-index: 30; display: block; }
	.qunar .prev { top: 140px; left: 10px; }
	.qunar .next { top: 140px; right: 10px; }
	.qunar .prev a, .qunar .next a { display: block; width: 25px; height: 32px; overflow: hidden; background: url(../images/ico_prevnext.png) no-repeat scroll 0 0; _background-image: url(images/ico_prevnext_ie6.png); }
	.qunar .prev a { background-position: 0 0; }
	.qunar .prev a:hover { background-position: 0 -40px; }
	.qunar .next a { background-position: 0 -80px; }
	.qunar .next a:hover { background-position: 0 -120px; }