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

body * {	
	font-family: "微軟正黑體", Helvetica, Arial, sans-serif;
}

.ternbody{
    position: relative;
    z-index: 1;
    background:url(../images/bg.jpg) repeat center center;

}

.wrapper{
    width: 1024px;
    margin: 0 auto;
}

.head_01{
    display: block;  text-align: center; z-index: 1;
    background:url(../images/head01_bg.jpg) repeat center center;   
}


.head_02{
    display: none;margin-top: 0px;
}

.ternbody h1{  text-indent:-9999px;overflow:hidden;}

.ternbody h2{ font-size: 2em !important;
	line-height: 1.6em;
	font-weight: bold !important; 
	color: #b70909 !important; 
	letter-spacing: 1px;
	
	width:670px;  margin: 105px 0px 25px 235px;
    padding-top: 60px;	
    
}

.ternbody h4{
	width: 1024px; height: 80px; display: inline-block;
	font-size: 30px; font-weight: bold !important; color:#e9a41f !important;
	text-align: center; line-height: 80px;
	background:url(../images/p_titleBG.png) no-repeat center center;
	padding: 0px;
	background-size: 81%;  margin: 20px auto -50px auto;

}


.BGgroup{ position: absolute; z-index:-1; }
.BGgroup i{ display:block; position: relative;}
	.BGgroup i:nth-child(1){
	 background:url(../images/top_fire.png) no-repeat;
	 background-size: 100%;
	 width: 214px; height: 360px;margin-left:-20px;
	 display: none;
	}
	.BGgroup i:nth-child(2){
	 background:url(../images/deco_01.png) no-repeat ;
	 width: 155px; height: 155px; margin:-100px 0px 0px 910px;
	}
	.BGgroup i:nth-child(3) {
	 background:url(../images/deco_02.png) no-repeat ;
	 width: 270px; height: 270px; margin:200px 0px 0px -35px;
	}
	.BGgroup i:nth-child(4) {
	 background:url(../images/deco_03.png) no-repeat ;
	 width: 360px; height: 360px; margin: 0px 0px 0px 800px;
	 display: none; /*先關閉*/
	}

.mov_year{ width:760px; margin:0 auto; margin-top: -140px;}
	.mov_year i{ 
	 position: absolute; 
	 background:url(../images/lion.png) no-repeat ;
	 background-size: 100%;
	 width: 203px; height: 288px; margin:260px 0px 0px 750px;z-index: 3;
	}


.ifvideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ifvideo iframe,
.ifvideo object,
.ifvideo embed {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}	


.AllFB{ text-align: center; 
	width:760px;  background-color: #fff; margin:25px auto 30px auto; }

.messagen_BOX h3 , .down_nav h3{ 
    list-style: none;
	width:100%; height: 100px; 
	text-align: center; 
	font-size: 40px;font-weight: bold;
	letter-spacing: 10px; color:#b70909;
}
	
	.messagen_BOX h3 span , .down_nav h3 span{ color:#5e4204; font-size: 30px; line-height: 55px; letter-spacing: 2px;display: block;}
	.messagen_BOX h3 i:nth-child(1){
    	position: absolute;
		background:url(../images/TL_fire.png) no-repeat ;
		background-size: 100%;
		width: 115px; height: 135px; margin-top: -55px;float: left;  display: block;
	}
	
	.messagen_BOX h3 i:nth-child(4){
		background:url(../images/TR_fire.png) no-repeat ;
		background-size: 100%;
		width: 115px; height: 135px; margin-top: -158px; float: right;  display: block;
	}

.messagen_BOX .boys { 
	width:1024px; height: 160px; display: block;
	background:url(../images/mess_boy_bg.png) no-repeat; 
}

.messagen_BOX .girls { 
	color: #000000;
	width:1024px; height: 160px; display: block;
	background:url(../images/mess_girl_bg.png) no-repeat; 
}	

	.messagen_BOX .boys , .messagen_BOX .girls {color: #000000;}
	.messagen_BOX .boys img , .messagen_BOX .girls img{ width: 135px; margin-top: 20px;}
	.messagen_BOX .girls img{  float: right; 
		-webkit-transform: rotate(-30deg); /* Safari 和 Chrome */
	       -moz-transform: rotate(-30deg); 	/* Firefox */
	        -ms-transform: rotate(-30deg); 	/* IE 9 */
	         -o-transform: rotate(-30deg);
	    /*旋轉十度*/
	            transform: rotate(-30deg); 
	}

.messagen_BOX .MESS_R{ width: 750px; float: right; margin: 40px 130px 0px 0px;}
.messagen_BOX .MESS_L{ width: 750px; float: left;  margin: 40px 0px 0px 130px;}
.messagen_BOX p.Stit{ 
	font-size: 1.2em; line-height: 2em; font-weight: bold; text-decoration: underline;
}
.messagen_BOX .girls p.Stit{text-align: right;margin-right: 30px;}
.messagen_BOX span.Sdate{ font-size: 0.9px; font-weight:normal; text-decoration: none; margin-left: 10px;}
.messagen_BOX .con_a{ font-size: 1em;line-height: 1.5em; }

a.mess_more , a.mess_more:hover {
	font-size:1.2em; font-weight: bold; line-height: 5em;  color:#ffd200;
	
	margin:20px auto;  text-align: center;
	background:url(../images/BT_more.png) no-repeat ;
	background-size: 100%;
	width: 237px; height: 90px; display: block; 

	cursor:auto;
}

.down_bg{ 
	background:url(../images/down_bg.png) repeat-y center center;
	height: 400px;  margin-top: -100px;	
}

.down_nav{ 
	margin-top: 45px;
}

.down_nav h3 , h3.titbg{ 
	background:url(../images/tit_down.png) repeat-y ;
	width:1024px;height: 275px;
	padding-top: 155px;
	margin-top: -90px;
	 }


   

/* --內頁------------------------------------- */
.ternbody .PL{ float: left; }
.ternbody .PR{ float: right; }
.ternbody .CL{ clear: both; }
.ternbody .t60{ margin: 60px 0px 30px 0px;; }
.ternbody .t15{ margin: -15px 0px 0px 0px; }
.ternbody h2.p_tit{
	width: 1024px; height: 80px; display: inline-block;
	font-size: 40px !important; font-weight: bold; color:#e9a41f !important;
	text-align: center; line-height: 80px;
	background:url(../images/p_titleBG.png) no-repeat;
	padding: 0px;

}

.p_con{ margin-bottom:20px; }
.p_con .BOX{ width: 480px; height: 350px; border:#cecece 1px solid; position: relative; z-index: 1;    box-shadow: 1px 3px 2px rgba(0,0,0,0.5);}

	.p_con .BOX img{ 
		width: 480px; height: 350px;position: relative;  
	}

	.p_con .BOX p.f1{
		font-size: 24px; color:#000; line-height: 30px; padding: 10px;
		width: 480px; height: 55px; background: rgba(255,255,255,0.5);
		position: absolute; z-index:2; bottom: 0; margin-bottom: -2px;font-weight: bold;
	}

	.p_con .btn1 , .p_con2 .btn1{ margin:0px auto;  text-align: center;}
	.p_con .btn1 span , .p_con2 .btn1 span{ color: #ffffff; }
	.p_con .btn1 a , .p_con .btn1 a:hover ,
	.p_con2 .btn1 a , .p_con2 .btn1 a:hover{ 
		 padding: 10px ; background-color: #a30c0c; display: inline-block; border-radius: 5px;
		 color: #ffd200; text-decoration: none; margin-top: 45px;
		 font-weight: bold;font-size: 18px; width:40%;
	}


   
.p_mov_year{ 
	width:760px; margin:0 auto;
	text-align: center; background:url(../images/p_movbg.png) no-repeat;    padding-bottom: 110px;
}

	.p_mov_year i:nth-child(1){ 
	 position: absolute;  z-index: 1;
	 background:url(../images/p_boy.png) no-repeat ;
	 background-size: 100%;
	 width: 225px; height: 355px; margin:100px 0px 0px -510px;
	}

	.p_mov_year i:nth-child(3){ 
	 position: absolute;  z-index: 1;
	 background:url(../images/p_girl.png) no-repeat ;
	 background-size: 100%;
	 width: 225px; height: 355px; margin:160px 0px 0px 320px;
	
	}

	.p_mov_year .ifvideo {
		margin: 40px auto 0px auto;
		z-index: 2;

    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 30px;
    	height: 0;
    	overflow: hidden;
	}

	.p_mov_year .ifvideo iframe,
	.p_mov_year .ifvideo object,
	.p_mov_year .ifvideo embed {
    	position: absolute;
    	top: 0; left: 0;
    	width: 100%; height: 100%;
	}	

.p_con2{}
	.p_con2 .BOX{ width: 890px; color:#000000; margin:0 auto; border-bottom:#ffe400 1px dashed; padding: 25px 0px 35px 0px; }
	.p_con2 .BOX p.Stit{ font-size: 24px; line-height: 48px; font-weight: bold;  display:inline-block; clear: both;}
	.p_con2 .BOX p.Stit:before{ content: "♛ " }
	.p_con2 .BOX span.f2{  font-size: 18px; line-height: 28px;  display:inline-block; clear: both;    margin-bottom: 25px; }

	.p_con2 .p_more , .p_con2 .p_to{ width:110px; font-size: 17px; font-weight: bold; color: #b70000; float: right}
	.p_con2 .p_more i:first-child {
		background:url(../images/m_more.png) no-repeat ;
		background-size: 100%;width: 25px; height: 25px;
		display: inline-block; vertical-align: middle;
		margin-right: 3px;
	}
	.p_con2 .p_to i:first-child{
		background:url(../images/m_to.png) no-repeat ;
		background-size: 100%;width: 25px; height: 25px;	
		display: inline-block; vertical-align: middle;
		margin-right: 3px;
	}

	.p_con2 .p_more a , .p_con2 .p_more a:hover{  color: #b70000;}
	.p_con2 .p_to a , .p_con2 .p_to a:hover{color: #b70000;}