@charset "big5";
@import url(https://fonts.googleapis.com/css?family=Federo|Marcellus|Poppins:300);
.font-federo {font-family: 'Federo', serif,"微軟正黑體";}

/* google黑體 */
@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: normal;
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

/*字級*/
.ft-s13 {font-size: 13px;}
.ft-s15 {font-size: 15px;}
.ft-s16 {font-size: 16px;}
.ft-s18 {font-size: 18px;}
.ft-s20 {font-size: 20px;}
.ft-s24 {font-size: 24px;}
.ft-s30 {font-size: 30px;}

/*行高*/
.ft_h16 {line-height: 16px;}
.ft_h18 {line-height: 18px;}
.ft_h20 {line-height: 20px;}
.ft_h22 {line-height: 22px;}
.ft_h24 {line-height: 24px;}
.ft_h26 {line-height: 26px;}
.ft_h30 {line-height: 30px;}

/*色彩*/
.cl_01 {color: #666;}
.cl_01 a {color: #005bac; text-decoration: none;}
.cl_01 a:hover {    
    text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005bac;
	color: #005bac;
}
.cl_02 {color: #005bac;}
.cl_02 a {color: #005bac; text-decoration: none;}
.cl_02 a:hover {text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #005bac; color: #005bac;}

.cl_03 {color: #fff;}
.cl_03 a {color: #fff; text-decoration: none;}
.cl_03 a:hover {text-decoration: none; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #005bac; color: #005bac;}
.cl_04 {color: #000;}
.cl_05 {color: #666955;}
.cl_06 {color: #007130;}
.cl_07 {color: #e60012;}
.cl_08 {color: #c8e7c3;}
.cl_08 a {color: #c8e7c3; text-decoration: none;}

/*背景色*/
.bg-01 {background-color: #222;}
.bg-02 {background-color: #abce36;}
.bg-03 {background-color: #005bac;}
.bg-04 {background-color: #eee;}
.bg-05 {background-color: #edf3c6;}
.bg-06 {background-color: #d4edfc;}
.bg-07 {background-color: #7f1084;}
.bg-08 {background-color: #afaa2a;}
.bg-09 {background-color: #6fba2c;}
.bg-10 {background-color: #b81c22;}
.bg-11 {background-color: #46b035;}
.bg-12 {background-color: #0075c2;}
.bg-13 {background-color: #feecd2;}
.bg-14 {background-color: #00a0e9;}
.bg-15 {background-color: #3F6B39;}
.bg-16 {background-color: #fff;}

/*對齊*/
.align-c {text-align: center;}
.float-l {float: left;}
.float-r {float: right;}
.ls {letter-spacing: 1px;}

/*寬度*/
.w-10 {width: 10%;}
.w-40 {width: 40%;}
.w-50 {width: 50%;}
.w-75 {width: 75%;}
.w-90 {width: 90%;}
.w-100 {width: 100%;}
.w-185p {width: 185px;}
.w-260p {width: 260px;}
.ptimg {max-width: 100%; display: block;}
.intxt {
	width: 94%;
	max-width: 640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 3%;
	padding-bottom: 10px;
	padding-left: 3%;
}
.wm-640 {
	width: 100%;
	max-width: 640px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*距離*/
.padg-10 {padding: 10px;}
.padg-15 {padding: 15px;}
.padg-t-8 {padding-top: 8px;}
.padg-t-20 {padding-top: 20px;}
.padg-b-5 {padding-bottom: 5px;}
.padg-b-20 {padding-bottom: 20px;}
.padg-l-10 {padding-left: 10px;}
.padg-l-50 {padding-left: 50px;}
.padg-r-10 {padding-right: 10px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mb-10 {margin-bottom: 10px;}

/*線條*/
.border-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
}
.border-r {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bbb;
}

/*其他*/
.box-01 {
	border: 1px solid #c9cacb;
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 16px;
	line-height: 28px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 28px;
	color: #333;
}
.button-01 {
	color: #FFFFFF;
	width: 100%;
	height: 40px;
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 24px;
	background-color: #005bac;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}
.talkbox {
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 16px;
	height: 25px;
	color: #FFF;
	width: 80px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.bb_01 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c9cacb;
}
.bb_02 {
	border: 1px inset #bcbec0;
	color: #333333;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.bb_03 {
	border: 1px solid #c9cacb;
	color: #333333;
	padding: 4px;
	float: left;
}
.bb_04 {
	float: left;
	height: 36px;
	width: 100%;
	border: 1px solid #bbbbbb;
	font-size: 13px;
	color: #333333;
}
.bb_05 {
	border: 1px inset #bcbec0;
	color: #333333;
	width: 190px;
	height: 45px;
}
.bb_06 {
	color: #FFFFFF;
	width: 280px;
	height: 40px;
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 24px;
	background-color: #005bac;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.count-box-1 {
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 16px;
	line-height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	color: #FFF;
	background-color: #007aaa;
	width: 88%;
	padding-left: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.count-box-2 {
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 16px;
	line-height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	color: #FFF;
	background-color: #007aaa;
	width: 90%;
	padding-left: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.count-box-3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 30px;
	height: 30px;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	top: -3px;
	position: relative;
	width: 50%;
	background-color: #feecd2;
}
.count-button {
	color: #FFFFFF;
	width: 100%;
	height: 40px;
	font-family: "微軟正黑體", "新細明體", Arial;
	font-size: 24px;
	background-color: #ed6c00;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
}