@charset "utf-8";

/*<!--S_1 農曆春節/S_2 端午節/S_3 中秋節/S_4 聖誕節 */
/*S_1 ad002a 深紅色  beaa26 金色*/
/*S_2 5f7323 深綠色  bd9f6a 土色*/
/*S_3 7f4c26 深茶色  ea861e 橘色*/
/*S_4 555587 深紫色  558ab5 灰藍色*/
/*頭部物件*/
.S_3 #topHead .logo:after{
	content:'';
	display:block;
	width:62px;
	height:96px;
	position:absolute;
	background:url(../images/home/S_3/S_1_logo.png) center top no-repeat;
	background-size:contain;
	right:-72px;
	top:-14px;
	}
#addon-sp > ul > li a {
    border-right: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-top: 1px solid rgba(255,255,255,0.5);
}	
.S_3 .addon > ul > li a.bb, .S_3 #addon-sp > ul > li a{
	background-color:#cc462b}
	
.S_3 .addon > ul > li a.bb:hover, .S_3 .addon > ul > li a.bb:focus,
.S_3 #addon-sp > ul > li a:hover, .S_3 #addon-sp > ul > li a:focus{
	background-color:#7f4c26}

.addon .textsize a { border: 1px solid #cc462b;}	
.S_3 .addon .textsize a.ts-on i{ background-color:#cc462b;} 

.S_3 .addon .textsize a:hover,
.S_3 .addon .textsize a:focus,
.S_3 .addon .textsize a:active {
	background:#7f4c26;	
}
 
.S_3 .addon .textsize a i.sizeS {
	background-image:url(../images/home/S_3/top_head_font_s.svg);
	*background-image:url(../images/home/S_3/top_head_font_s.png);
}
 
.S_3 .addon .textsize a i.sizeM {
	background-image: url(../images/home/S_3/top_head_font_m.svg);
	*background-image:url(../images/home/S_3/top_head_font_m.png);
}
 
.S_3 .addon .textsize a i.sizeL {
	background-image:url(../images/home/S_3/top_head_font_L.svg);
	*background-image:url(../images/home/S_3/top_head_font_L.png);
}
.S_3 .addon .textsize a:hover i, .S_3 .addon .textsize a:focus i{
	background-position:0 bottom;}	
.S_3 .addon .textsize a:hover, .S_3 .addon .textsize a:focus{
	border:1px solid #7f4c26}

/*分眾*/

.S_3 #chanels #ch_btn{
	background-color:#cc462b;
 	}
.S_3 #chanels #ch_btn:focus, 
.S_3 #chanels #ch_btn:hover{
	background-color:#7f4c26;
	}	

.S_3 dd.eventFileList ul li a:hover strong, 
.S_3 dd.eventFileList ul li a:focus strong{
    color:#000;
 }
 .S_3 dd.eventFileList ul li a .ico {
    background-color: #7f4c26;
 }	 
.S_3 dd.eventFileList ul li a:hover .ico, 
.S_3 dd.eventFileList ul li a:focus .ico{
    background-color: #cc462b;
 }	 		
.S_3 dd.eventFileList ul li a:hover .ico, 
.S_3 dd.eventFileList ul li a:focus .ico{
	box-shadow:0 0 10px  #cc462b
	}
/*新聞區*/

.S_3 #newsSection{
	background:#fef6d3}/*淺色底*/
.S_3 #adLink{ background:#e5d0ac}
	
.S_3 .newsList li h2 i{/*mask*/
 	background-color:rgba(204,70,43,0.5);
 }	
.S_3 .newsList li h2:before {
     background-color: #cc462b;
}

.S_3 .newsList li .nbox a strong{
	color:#000;}
.S_3 .newsList li .nbox a:hover strong,
.S_3 .newsList li .nbox a:focus strong{
	color:#cc462b;}	
	
.S_3 .newsList li a.more {
    border: 1px solid rgba(204,70,43,0.35);
    color: #cc462b;
 }	
.S_3 .newsList li a.more:hover, .S_3 .newsList li a.more:focus {
    border: 1px solid rgba(204,70,43,1);
	background-color:rgba(204,70,43,1);
    color: #fff;
 }			
/*雙廣告區*/

.S_3 #twoAD_banner{
	background-image:url(../images/home/S_3/bg-1-y.jpg);}
	
/*4指標*/	
.S_3 #tech .tech_icons li a .icos.ico-t1{
	background-image:url(../images/home/S_3/tech-1.svg);
	*background-image:url(../images/home/S_3/tech-1.png);
	}
.S_3 #tech .tech_icons li a:hover .icos.ico-t1,
.S_3 #tech .tech_icons li a:focus .icos.ico-t1{
	background-image:url(../images/home/S_3/tech-1-on.svg);
	*background-image:url(../images/home/S_3/tech-1-on.png);
	}	
.S_3 #tech .tech_icons li a .icos.ico-t2{
	background-image:url(../images/home/S_3/tech-2.svg);
	*background-image:url(../images/home/S_3/tech-2.png);
	}
.S_3 #tech .tech_icons li a:hover .icos.ico-t2,
#tech .tech_icons li a:focus .icos.ico-t2{
	background-image:url(../images/home/S_3/tech-2-on.svg);
	*background-image:url(../images/home/S_3/tech-2-on.png);
	}		
.S_3 #tech .tech_icons li a .icos.ico-t3{
	background-image:url(../images/home/S_3/tech-3.svg);
	*background-image:url(../images/home/S_3/tech-3.png);
	}
.S_3 #tech .tech_icons li a:hover .icos.ico-t3,
.S_3 #tech .tech_icons li a:focus .icos.ico-t3{
	background-image:url(../images/home/S_3/tech-3-on.svg);
	*background-image:url(../images/home/S_3/tech-3-on.png);
	}		
.S_3 #tech .tech_icons li a .icos.ico-t4{
	background-image:url(../images/home/S_3/tech-4.svg);
	*background-image:url(../images/home/S_3/tech-4.png);
	}			
.S_3 #tech .tech_icons li a:hover .icos.ico-t4,
.S_3 #tech .tech_icons li a:focus .icos.ico-t4{
	background-image:url(../images/home/S_3/tech-4-on.svg);
	*background-image:url(../images/home/S_3/tech-4-on.png);
	}

.S_3 #tech .tech_icons li a h3{
	color:#cc462b}	
.S_3 #tech .tech_icons li a:hover h3, .S_3 #tech .tech_icons li a:focus h3{
	color:#630}	
	
/*SERVICE UNITS*/
.S_3 #services{
	background-image:url(../images/home/S_3/bg-2-y.jpg)}
	
.S_3 #services ul.units li a strong{
	color:#000;}
			
.S_3 #services ul.units li a:hover strong, 
.S_3 #services ul.units li a:focus strong{
	color:#cc462b;}	
.S_3 #services ul.units li a .ico{
	background-image:url(../images/home/S_3/service-ico-bg.svg);
	background-image:url(../images/home/S_3/service-ico-bg.png);
	}
.S_3 #services ul.units li a:hover .ico, .S_3 #services ul.units li a:focus .ico{
	background-image:url(../images/home/S_3/service-ico-bg-on.svg);
	background-image:url(../images/home/S_3/service-ico-bg-on.png);
	}	
 

/*統計區*/	
.S_3 #calcs hgroup .tit {
     border-bottom: 1px solid #cc462b;
     background-image: url(../images/home/S_3/calc-tit.svg);
    *background-image: url(../images/home/S_3/calc-tit.png);
    color: #cc462b;
}
.S_3 #calcs ul.calc_list li p{
	color:#666}
.S_3 #calcs hgroup a.more {color: #cc462b; }														
.S_3 #calcs hgroup a.more:hover, #calcs hgroup a.more:focus {color: #7f4c26; }
.S_3 #calcs ul.calc_list li h3{ background:#cc462b ;}	
.S_3 #calcs ul.calc_list li strong a{ color:#cc462b}
.S_3 #calcs ul.calc_list li strong a:hover, .S_3 #calcs ul.calc_list li strong a:focus{ color:#7f4c26}
 

/*footer*/
.S_3 #footer{ background-image:url(../images/home/S_3/bg-1-y.jpg)}
.S_3 #footer .trigger strong{ color:#fef7d7; border-bottom: 1px solid #fef7d7;}
.S_3 #footer .trigger .fatnav_btn{ color:#fdedab}
.S_3 #footer .trigger .fatnav_btn:hover, .S_3 #footer .trigger .fatnav_btn:focus {color: #fff;}	
.S_3 .fatfooter .fat-nav > ul > li > ul > li > a{ color:#eae4cb}
.S_3 .fatfooter .fat-nav > ul > li > ul > li > a:hover,
.S_3 .fatfooter .fat-nav > ul > li > ul > li > a:focus{ color:#fff}	
	
@media screen and (min-width: 991px) {
.S_3 .searchBtn .lookBtn a span.open-search,
.S_3 .searchBtn:hover .lookBtn a span.open-search {
		background-color:#cc462b ;
	}
	
.S_3 .searchBtn .lookBtn a:hover span.open-search,
.S_3 .searchBtn .lookBtn a:focus span.open-search {
		background-color:#7f4c26;}
	
.S_3 .searchBtn .lookBtn a span.close-search,
.S_3 .searchBtn:hover .lookBtn a span.close-search {
 		background-color:#cc462b ; }
		
.S_3 .searchBtn .lookBtn a:hover span.close-search, 
.S_3 .searchBtn .lookBtn a:focus span.close-search{
		background-color:#7f4c26}	
  	}		
@media screen and (max-width: 1199px) {	
	
.S_3 #topHead .logo:after{	
    height: 74px;
    top: -37px;	}
}
@media screen and (max-width: 990px) {	
.S_3 #topHead .logo:after {
     top: -10px;
}
}	
@media screen and (max-width: 320px) {	
.S_3 #topHead .logo:after {
	display:none;
}
}