/*首頁*/
/* --電腦版型------------------------------------- */

.down_nav ol{ height: 180px; }
.down_nav ol ul{   margin: 0 auto;width: 920px;}

.down_nav ol ul li{
	width: 200px; height: 200px; display: block; float: left;
	margin:0px 15px; border-radius:10px; background-color:#b70909;
	font-size: 2em; font-weight: bold;  text-align: center; line-height: 10.5em;
	box-shadow: 1px 3px 2px rgba(0,0,0,0.5);
	}
.down_nav ol ul li a{ width: 200px; height: 200px; display: block;color: #ffb2b6;}
.down_nav ol ul li a:hover{ width: 200px; height: 200px; display: block;color: #ffc600;}

	.down_nav ol ul li:nth-child(1) a{background:url(../images/bt01.png) no-repeat ;}
	.down_nav ol ul li:nth-child(1) a:hover{ background:url(../images/on_bt01.png) no-repeat ;}
	
	.down_nav ol ul li:nth-child(2) a{background:url(../images/bt02.png) no-repeat ;}
	.down_nav ol ul li:nth-child(2) a:hover{ background:url(../images/on_bt02.png) no-repeat ;}
		
	.down_nav ol ul li:nth-child(3) a{background:url(../images/bt03.png) no-repeat ;}
	.down_nav ol ul li:nth-child(3) a:hover{ background:url(../images/on_bt03.png) no-repeat ;}
	
	.down_nav ol ul li:nth-child(4) a{background:url(../images/bt04.png) no-repeat ;}
	.down_nav ol ul li:nth-child(4) a:hover{ background:url(../images/on_bt04.png) no-repeat ;}

	.down_nav ol ul li.index a{background:url(../images/bt05.png) no-repeat ;}
	.down_nav ol ul li.index a:hover{ background:url(../images/on_bt05.png) no-repeat ;}
	
	.down_nav ol ul li:nth-child(1) a ,.down_nav ol ul li:nth-child(1) a:hover ,
	.down_nav ol ul li:nth-child(2) a ,.down_nav ol ul li:nth-child(2) a:hover ,
	.down_nav ol ul li:nth-child(3) a ,.down_nav ol ul li:nth-child(3) a:hover ,
	.down_nav ol ul li:nth-child(4) a ,.down_nav ol ul li:nth-child(4) a:hover ,
	.down_nav ol ul li.index a ,.down_nav ol ul li.index a:hover
	{ width:200px;height: 200px; display: block; background-size:100%;}


	.index .down_nav ol ul li.index ,
	.p1 .down_nav ol ul li.p1 ,
	.p2 .down_nav ol ul li.p2 ,
	.p3 .down_nav ol ul li.p3 ,
	.p4 .down_nav ol ul li.p4{
		display: none;
	}




.TOP_menu ol{ width:100%; height: 105px; float: left; background:url(../images/MenuBG.png) repeat; 
				box-shadow: 1px 3px 2px rgba(0,0,0,0.5);
			}
.TOP_menu ul { font-weight: bold; 
	background:url(../images/TOP_menuBG.png) no-repeat ;
	width:1024px; height: 105px;
	margin:0px auto;}
	
	.TOP_menu ul li{ font-size: 40px; float: left;text-align:right; line-height: 105px; letter-spacing: -1px;}
	.TOP_menu ul li span{ font-size: 28px; }

	.TOP_menu ul li a{color: #ffb2b6; text-indent: 20px;}
	.TOP_menu ul li a:hover{color: #f3b01c;}
	
	.TOP_menu ul li:nth-child(1){width:256px;height: 97px; padding:8px 20px 0px 16px;}
	.TOP_menu ul li:nth-child(1) a{background:url(../images/bt01.png) no-repeat 0px 0px ;}
	.TOP_menu ul li:nth-child(1) a:hover{background:url(../images/on_bt01.png) no-repeat 0px 0px;}
		
	.TOP_menu ul li:nth-child(2){width:256px;height: 97px; padding:8px 20px 0px 16px;}
	.TOP_menu ul li:nth-child(2) a{background:url(../images/bt02.png) no-repeat -10px 0px;}
	.TOP_menu ul li:nth-child(2) a:hover{background:url(../images/on_bt02.png) no-repeat -10px 0px;}
	
	.TOP_menu ul li:nth-child(3){width:256px;height: 97px; padding:8px 20px 0px 16px;}
	.TOP_menu ul li:nth-child(3) a{background:url(../images/bt03.png) no-repeat -5px 7px;}
	.TOP_menu ul li:nth-child(3) a:hover{background:url(../images/on_bt03.png) no-repeat -5px 7px;}

	.TOP_menu ul li:nth-child(4){width:256px;height: 97px; padding:8px 20px 0px 16px;text-align: center;}
	.TOP_menu ul li:nth-child(4) a{background:url(../images/bt04.png) no-repeat -27px 0px;}
	.TOP_menu ul li:nth-child(4) a:hover{background:url(../images/on_bt04.png) no-repeat -27px 0px;}
	
	.TOP_menu ul li.index{width:256px;height: 97px; padding:8px 20px 0px 16px;}
	.TOP_menu ul li.index a{background:url(../images/bt05.png) no-repeat -3px 0px;;}
	.TOP_menu ul li.index a:hover{background:url(../images/on_bt05.png) no-repeat -3px 0px;;}

	.TOP_menu ul li:nth-child(1) a , .TOP_menu ul li:nth-child(1) a:hover ,
	.TOP_menu ul li:nth-child(2) a , .TOP_menu ul li:nth-child(2) a:hover ,
	.TOP_menu ul li:nth-child(3) a , .TOP_menu ul li:nth-child(3) a:hover ,
	.TOP_menu ul li:nth-child(4) a , .TOP_menu ul li:nth-child(4) a:hover ,
	.TOP_menu ol ul li.index a ,.TOP_menu ol ul li.index a:hover
	{
		 display: block; background-size:47%;
	}

	.index .TOP_menu ol ul li.index,
	.p1 .TOP_menu ol ul li.p1 , 
	.p2 .TOP_menu ol ul li.p2 ,
	.p3 .TOP_menu ol ul li.p3 ,
	.p4 .TOP_menu ol ul li.p4 {
		display: none;
	}







/* --手機版型------------------------------------- */


@media screen and (max-width: 768px) {

.down_nav ol{ width:100%;height: auto; overflow: hidden;  }
.down_nav ol ul{ width: 76%; margin: 0 14%;}

.down_nav ol ul li{
	width: 40%;  height:150px; display: block; float: left;
	margin:5%; border-radius:10px; background-color:#b70909;
	font-size: 1.5em; font-weight: bold;  text-align: center; line-height: 10em;
	box-shadow: 1px 3px 2px rgba(0,0,0,0.5);
	}
.down_nav ol ul li a{ width: 35%;  display: block;color: #ffb2b6;background-position: top center;}
.down_nav ol ul li a:hover{ width: 35%;  display: block;color: #ffc600;background-position: top center;}

	.down_nav ol ul li:nth-child(1) a{background:url(../images/bt01.png) no-repeat ;}
	.down_nav ol ul li:nth-child(1) a:hover{ background:url(../images/on_bt01.png) no-repeat ;}
	
	.down_nav ol ul li:nth-child(2) a{background:url(../images/bt02.png) no-repeat ;}
	.down_nav ol ul li:nth-child(2) a:hover{ background:url(../images/on_bt02.png) no-repeat ;}
		
	.down_nav ol ul li:nth-child(3) a{background:url(../images/bt03.png) no-repeat ;}
	.down_nav ol ul li:nth-child(3) a:hover{ background:url(../images/on_bt03.png) no-repeat ;}
	
	.down_nav ol ul li:nth-child(4) a{background:url(../images/bt04.png) no-repeat ;}
	.down_nav ol ul li:nth-child(4) a:hover{ background:url(../images/on_bt04.png) no-repeat ;}

	.down_nav ol ul li.index a{background:url(../images/bt05.png) no-repeat ;}
	.down_nav ol ul li.index a:hover{ background:url(../images/on_bt05.png) no-repeat ;}
	
	.down_nav ol ul li:nth-child(1) a ,.down_nav ol ul li:nth-child(1) a:hover ,
	.down_nav ol ul li:nth-child(2) a ,.down_nav ol ul li:nth-child(2) a:hover ,
	.down_nav ol ul li:nth-child(3) a ,.down_nav ol ul li:nth-child(3) a:hover ,
	.down_nav ol ul li:nth-child(4) a ,.down_nav ol ul li:nth-child(4) a:hover ,
	.down_nav ol ul li.index a ,.down_nav ol ul li.index a:hover
	{ width:100%; display: inline-block; background-size:100%;
	}


.TOP_menu { width:100%; top: 0px; z-index: 9999; float:left;    position: relative; }
.TOP_menu ol{ width:100%; height: 80px; float: left; background:url(../images/MenuBG.png) repeat; }
.TOP_menu ul { 
	font-weight: bold; 
	background:none ;
	width:100%; height: 80px;
	margin:0px auto;}
	
	.TOP_menu ul li{ width:25%;font-size: 16px; float: left; line-height: 130px; text-align: center;}
	.TOP_menu ul li span{ font-size: 16px; }

	.TOP_menu ul li a{color: #ffb2b6; text-indent: 0px;}
	.TOP_menu ul li a:hover{color: #f3b01c;}
	
	.TOP_menu ul li:nth-child(1){width:25%;height: 80px; padding:1px;}
	.TOP_menu ul li:nth-child(1) a{background:url(../images/bt01.png) no-repeat top center ;}
	.TOP_menu ul li:nth-child(1) a:hover{background:url(../images/on_bt01.png) no-repeat top center;}
		
	.TOP_menu ul li:nth-child(2){width:25%;height: 80px; padding:1px;}
	.TOP_menu ul li:nth-child(2) a{background:url(../images/bt02.png) no-repeat top center;}
	.TOP_menu ul li:nth-child(2) a:hover{background:url(../images/on_bt02.png) no-repeat top center;}
	
	.TOP_menu ul li:nth-child(3){width:25%;height: 80px; padding:1px;}
	.TOP_menu ul li:nth-child(3) a{background:url(../images/bt03.png) no-repeat top center;}
	.TOP_menu ul li:nth-child(3) a:hover{background:url(../images/on_bt03.png) no-repeat top center;}

	.TOP_menu ul li:nth-child(4){width:25%;height: 80px; padding:1px;}
	.TOP_menu ul li:nth-child(4) a{background:url(../images/bt04.png) no-repeat top center;}
	.TOP_menu ul li:nth-child(4) a:hover{background:url(../images/on_bt04.png) no-repeat top center;}
	
	
	.TOP_menu ul li.index{width:25%;height: 80px; padding:1px;}
	.TOP_menu ul li.index a {background:url(../images/bt05.png) no-repeat top center;}
	.TOP_menu ul li.index a:hover {background:url(../images/on_bt05.png) no-repeat top center;}

	.TOP_menu ul li:nth-child(1) a , .TOP_menu ul li:nth-child(1) a:hover ,
	.TOP_menu ul li:nth-child(2) a , .TOP_menu ul li:nth-child(2) a:hover ,
	.TOP_menu ul li:nth-child(3) a , .TOP_menu ul li:nth-child(3) a:hover ,
	.TOP_menu ul li:nth-child(4) a , .TOP_menu ul li:nth-child(4) a:hover ,
	.TOP_menu ol ul li.index a , .TOP_menu ol ul li.index a:hover
	{
		 width:100%;display: block; background-size:60%;
	}
	

}


	#stickyFeatures.stickybar {
    position: fixed;
    top: 0px;
    z-index: 999;
    width: 100%;
｝