@charset "utf-8";
/* CSS Document */
body{ font-family:"微軟正黑體";}

/* header start */
.header-wrap{ width:100%; height:77px; border-top:3px solid #e71a21; background:#fff; -webkit-box-shadow: inset 0 1px #fff; -moz-box-shadow: inset 0 1px #fff; box-shadow: inset 0 1px #fff; 	background-image: -webkit-linear-gradient(top, #e3e3e3, #fafafa 73%); background-image: -moz-linear-gradient(top, #e3e3e3, #fafafa 73%); background-image: -o-linear-gradient(top, #e3e3e3, #fafafa 73%); background-image: -ms-linear-gradient(top, #e3e3e3, #fafafa 73%); background-image: linear-gradient(to bottom, #e3e3e3, #fafafa 73%);}

	.header{ width:1020px; height:77px; margin:0px auto;}
		/*.logo{ float:left; margin:8px 0px 0px 8px; display:block; width:187px; height:57px; background:url(../images/7725-logo.png) no-repeat;}*/
		.logo{ float:left; margin:8px 0px 0px 8px; display:block; width:190px; height:58px; background:url(../images/idPLAY-logo.png) no-repeat;}

		.navgation{ float:left; width:610px; height:77px; margin-left:142px; /* margin-left:32px; */}
			.menu1, .menu1:hover, .menu1-curr, .menu2, .menu2:hover, .menu2-curr, .menu3, .menu3:hover, .menu3-curr, .menu4, .menu4:hover, .menu4-curr, .menu5, .menu5:hover, .menu5-curr{ display:block; float:left; margin-right:10px; height:77px; background:url(../images/menu.png);}
			.menu1{ width:100px;}
			.menu1:hover, .menu1-curr{ width:100px; background-position:0px -77px;}
			.menu2{ width:120px; background-position:-100px 0px;}
			.menu2:hover, .menu2-curr{ width:120px; background-position:-100px -77px;}
			.menu3{ width:120px; background-position:-220px 0px;}
			.menu3:hover, .menu3-curr{ width:120px; background-position:-220px -77px;}
			.menu4{ width:100px; background-position:-340px 0px;}
			.menu4:hover, .menu4-curr{ width:100px; background-position:-340px -77px;}
			.menu5{ width:120px; background-position:-440px 0px;}
			.menu5:hover, .menu5-curr{ width:120px; background-position:-440px -77px;}
		
		.list{ float:left; font-size:13px; line-height:17px; margin:10px 0px 0px 10px;}
			.list a{ color:#666; text-decoration:none;}
			.list a:hover{ text-decoration:underline;}
/* header end */


/* ads_banner star */
.ads-banner{ width:100%; height:130px;}
/* ads_banner end */


/* wrap star */
.wrap{ width:980px; margin:25px auto 100px auto; min-height:550px;}
	/* place */
	.place{ float:left; width:50%; font-size:14px; color:#999;}
	.current-place{ width:100%; border-bottom:1px solid #fc6e04; padding-bottom:20px; margin-bottom:20px;}
		.place span{ background:url(../images/icon.png) no-repeat; background-position:-35px 0px; width:8px; height:8px; display:inline-block; margin-right:5px;}
		.place a, .place a:visited{ text-decoration:none; color:#999;}

	/* news */
	.news-title{ clear:both; width:100%; text-align:center; border-bottom:1px dashed #999; padding-bottom:20px;}
		.news-title h1{ font-size:18px; color:#e71a21; margin-bottom:20px;}
		.news-title span{ font-size:14px; color:#666;}
	.news-wrap{}

	/* select */
	.select{ float:right; width:50%; text-align:right; font-size:14px; color:#999;}
		.select select{ width:164px; height:22px; color:#999; font-size: 14px; appearance:none; -moz-appearance:none; -webkit-appearance:none; border:solid 1px #c3c3c3; background:url(../images/icon-select.png) no-repeat scroll right center transparent; padding-left:10px; font-family:"微軟正黑體";}

	/* tabs */
	.box-list{ clear:both; width:100%; padding:20px 0px 0px 0px; }
	.tabs{ width:100%; height:40px; line-height:40px; color:#e71a21; display:flex;}
		.tabs > li{ flex-grow:1; flex-basis:0; text-align:center; color:#e71a21; text-decoration:none; border:1px solid #e71a21; -webkit-box-sizing:border-box;}
		.tabs li.active, .tabs li:hover{ color:#fff; background:#e71a21;}
		.tabs li.p1 { border-radius: 2px 0px 0px 2px;}
		.tabs li.p6 { border-radius: 0px 2px 2px 0px;}
		.tabs li.p2, .tabs li.p3, .tabs li.p4, .tabs li.p5, .tabs li.p6{ border-left:none;}

	.tab_container{	clear:both; overflow:hidden; margin-top:20px;}
	.tab_container .tab_content{ position:relative; min-height:740px; overflow:hidden;}
	.tab_container .tab_content .list-wrap{ position:absolute; width:100%; height:100%;}

	.tab_content li p{ position:relative; float:left; width:100%; border-bottom:1px dashed #999; padding-top:10px; padding-bottom:10px; overflow:hidden;}
	.dot1, .dot2, .dot3, .dot4, .dot5{ float:left; width:50px; height:22px; line-height:22px; border-radius:2px; text-align:center; color:#fff;}
	.dot1{ background:#fc6e04;}
	.dot2{ background:#e71a21;}
	.dot4{ background:#ea68a2;}
	.dot3{ background:#edc45c;}
	.dot5{ background:#a0b375;}
	.tab_content li p a{ float:left; color:#999; width:100%; margin-left:3px; line-height:22px; white-space:nowrap; text-decoration:none;}
	.tab_content li p a span.info{ float:left; margin-left:10px;}
	.tab_content li p a span.date{ position:absolute; display:block; top:10px; right:10px;}

	/* paging */
	.paging{ clear:both; padding-top:30px; text-align:center;}
		.paging div{ display:inline-block;}
		.paging div a{ display:block; min-width:30px; padding:6px; background:#eee; text-align:center; font-size:14px; text-decoration:none; color:#333;}
		.paging div a:hover { text-decoration:none; background:#ffb279;}
		.paging div.paging__prev > a:after, .paging div.paging__next > a:after{ color:#555; font-size:15px;}
		.paging div.paging__prev > a:after{ content:"<";}
		.paging div.paging__next > a:after{ content:">";}
		.paging div.paging--active > a{ color:#fff; background:#e71a21;}
	
/* wrap end */