/*
* FONTS CSS
*-------------------------------------
*
* Version: 140925A
*
* Author: Abundant Blessing Church Digital Team
*
* Notes: The CSS definitions in this sheet are including:
* 			-All content Styles(fonts, images, etc.)
*			
*
*/

body{font-family:"\5FAE\8EDF\6B63\9ED1\9AD4","細明體",Verdana, Geneva, sans-serif,Time New Roman;}
a {
	text-decoration:none;
	color:#FFF;
    -o-transition:color .3s ease-in-out;
    -webkit-transition:color .3s ease-in-out;
    -moz-transition:color .3s ease-in-out;
    transition:color .3s ease-in-out;
	}
a:hover {-o-transition:color .2s ease-in-out;-webkit-transition:color .2s ease-in-out;
		-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;}
#nav_tab a:hover {color:#999;}
#nav_tab {text-align:center;padding:5px 0;}
/*
//============================
// LINE HEIGHT
//============================
*/
.line_height1{margin:2px 0;}
.line_height2{margin:0 0 10px 0;}
.line_height3{margin:0 0 20px 0;}
.lineh_t10m{margin:10px 0 0 0;}
.lineh_b3p{padding:0 0 3px 0;}
.lineh_b5p{padding:0 0 5px 0;}
.lineh_b10m{margin:0 0 10px 0;}
.lineh_b10p{padding:0 0 10px 0;}
.lineh_b20p{padding:0 0 20px 0;}
.lineh_b30p{padding:0 0 30px 0;}
.lineh_b40p{padding:0 0 40px 0;}
.lineh_b50p{padding:0 0 50px 0;}
/*
//============================
// FONT SIZE
//============================
*/
.f_h1 {font-size:12px;}
.f_h2 {font-size:13px;}
.f_h3 {font-size:14px;}
.f_h3-2 {font-size:15px;}
.f_h4 {font-size:16px;}
.f_h4-2 {font-size:18px;}
.f_h5 {font-size:21px;}
.f_h6 {font-size:32px;}
.f_h7 {font-size:42px;}
.f_h8 {font-size:48px;}
@media (max-width: 1099px) {
.group_content_wrap .f_h5{font-size:15px;}
}
@media (min-width: 1100px) and (max-width: 1250px) {
.group_content_wrap .f_h5{font-size:17px;}
}
/*
//============================
// FONT COLOR
//============================
*/
.f_white, .f_white a{color:#FFF;}
.f_black, .f_black a{color:#000;}
.f_gray25, .f_gray25 a{color:#CCC;}
.f_gray50, .f_gray50 a{color:#888;}
.f_gray50-o, .f_gray50-o a{color:#888;}
.f_gray50-m, .f_gray50-m a{color:#888;}
.f_gray75-m, .f_gray75-m a{color:#444;}
.f_gray75-r, .f_gray75-r a{color:#444;}
.f_gray60, .f_gray60 a{color:#555;}
.f_gray75, .f_gray75 a{color:#444;}
.f_gray90, .f_gray90 a{color:#282828;}
.f_cyan1, .f_cyan1 a{color:#0066FF;}
.f_cyan2, .f_cyan2 a{color:#3C8AFF;}
.f_cyan3, .f_cyan3 a{color:#5C9EFF;}
.f_cyan4, .f_cyan4 a{color:#AED4FF;}
.f_green1, .f_green1 a{color:#9EE60B;}
.f_green2, .f_green2 a{color:#B4F62E;}
.f_green3, .f_green3 a{color:#CEFF59;}
.f_green4, .f_green4 a{color:#DDFF98;}
.f_magenta1, .f_magenta1 a{color:#FF009A;}
.f_magenta2, .f_magenta2 a{color:#FF5ABD;}
.f_magenta3, .f_magenta3 a{color:#FF81CD;}
.f_magenta4, .f_magenta4 a{color:#FF9FD9;}
.f_orange1, .f_orange1 a{color:#F60;}
.f_purple1, .f_purple1 a{color:#C69;}
.f_purple2, .f_purple2 a{color:#a442ff;}
.f_ocean1, .f_ocean1 a{color:#0CF;}
.f_yellow1, .f_yellow1 a{color:#FC0;}
.f_olive1, .f_olive1 a{color:#0C9;}
.f_olive2, .f_olive2 a{color:#5db146;}
.f_olive3, .f_olive3 a{color:#5dd8b8;}
.f_red1, .f_red1 a{color:#F00;}

.f_hv_gray25 a:hover{color:#CCC;}
.f_hv_gray50 a:hover{color:#888}
.f_gray50 a:hover{color:#CCC;}
.f_gray50-o a:hover{color:#F60;}
.f_gray50-m a:hover{color:#F00;}
.f_gray75-m a:hover{color:#FF009A;}
.f_gray75-r a:hover{color:#F00;}
.f_orange1 a:hover{color:#F00;}
.f_magenta1 a:hover{color:#F00;}
.f_magenta2 a:hover{color:#CCC;}
.f_magenta3 a:hover{color:#FF009A;}
.f_red1 a:hover{color:#FF8888;}
.f_olive3 a:hover{color:#FF009A;}
.f_n1 a:hover {color:#9EE60B;}
.f_n2 a:hover {color:#09C;}
.f_n3 a:hover {color:#F90;}
.f_n4 a:hover {color:#FF5ABD;}
.f_n5 a:hover {color:#FF1E1E;}
.f_n6 a:hover {color:#0FC;}
.f_n1a {color:#9EE60B;}
.f_n2a {color:#09C;}
.f_n3a {color:#F90;}
.f_n4a {color:#FF5ABD;}
.f_n5a {color:#FF1E1E;}
.f_n6a {color:#0FC;}
/*
//============================
// FONT STYLE
//============================
*/
.f_bold {font-weight:bold;}
.f_normal {font-weight:normal;}
.f_italic {font-style:italic;}
.f_gothic {font-family:BankGothic Lt BT;}
.f_underline{text-decoration:underline;}