﻿@charset "utf-8";
/* CSS Document */
.gen_select{
	background: #ffffff;
	color:#666666;
	-webkit-appearance: none; /*for chrome*/
	appearance:none;
	-moz-appearance:none;
	background-image: url(../img/down.png);
	background-repeat: no-repeat;
	background-position: center right;
/*	overflow: hidden;*/
	border: none;
	box-shadow:0px 0px 1px #999999;
}
/*清除ie樣式*/
.gen_select::-ms-expand { display: none; }
/*內頁特別調整*/
body {
	color:#000000;
}
.title2 sup,.page_title sup{
 	position: relative;
 	top:-0.45em;
 	vertical-align: baseline;
 	font-size: smaller;
}
.header{
	display: block;
	position: fixed;
	background-color: #a40000;
	border-bottom: #ffffff solid 2px;
}
.gen_input{
	background-color: #ffffff;
	color:#333333;
	border:0; 
	box-shadow:inset 0px 0px 1px #333333;
}
.orange_btn{
	text-align: center;
	border-radius:6px;
	cursor: pointer;
	background-color: transparent;
	color:#333333;
	border:1px #999999 solid; 
	display: inline-block;
}
.orange_btn.active{
	border:1px #ea8203 solid;
	background-color: #ea8203;
	color:#ffffff;
}
.red_btn{
  color:#ffffff;
  background-color: rgba(155, 31, 36, 1);
  width:40%;
  text-align: center;
  border-radius:6px;
  cursor: pointer;
  font-family: "微軟正黑體", "Microsoft JhengHei", "Lucida Grande", "Tahoma", "Verdana", "Arial", "sans-serif","PMingLiU";
}
.red_btn:hover{
  background-color: rgba(124, 21, 24, 1);
}
/*ol_group*/
.ol_group,.ol_number{
	list-style-type:none;
	/* 除上下間距 */
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;	
	/*padding-left: 0px;*/
}
.ol_group .ol_text{
	color:#3e3a39;
}
.ol_group div{ 
	margin-left:-18px;
}
.ol_group .main_title{
	margin-left: -42px !important;
	font-weight: bold;
}

.ol_group li { 
	position:relative;
	line-height: 26px;
}
.ol_group li span {
	position:absolute; 
	top:0; 
	left:-1.5em; 
}
.ol_number li { 
	position:relative;
	margin-left: -3em;
}
.ol_number li span {
	position:absolute; 
	top:0; 
	left:-0.5em; 
}
.ol_group > li > span > img{
	width: 10px;
	margin:0 0 0 3px;
}
.ol_color1 .main_title{
	color:#ea8203;	
}
.ol_color2 .main_title{
	color:#a40000;
}
.ol_color1 > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_point1.png);
	background-size: 10px;
}
.ol_group .ol_group {
	margin-left: -1.1em;
}
.ol_color1 > .ol_group > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_ndash1.png);
	background-size: 10px;
}
.ol_color2 > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_point2.png);
	background-size: 10px;
}
.ol_color2 > .ol_group > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_ndash2.png);
	background-size: 10px;
}
.ol_color1 > .ol_number > li > span > div{
	width: 20px;
	line-height: 19px; 
	height:20px;
	color:#ffffff;
	text-align: center;
	border-radius:50%;
	background: #ea8203;
	font-size: 13px !important;
	letter-spacing: 0px !important;
	margin-top:3px;
}
.ol_color2 > .ol_number > li > span > div{
	width: 20px;
	line-height: 19px; 
	height:20px;
	color:#ffffff;
	text-align: center;
	border-radius:50%;
	background: #a40000;
	font-size: 13px !important;
	letter-spacing: 0px !important;
	margin-top:3px;
}
/*add 第三組*/
.ol_color1 .ol_number > .ol_group >li { 
	position:relative;
	line-height: 26px;
}
.ol_color1 .ol_number > .ol_group > li span {
	position:absolute; 
	top:0; 
	left:-1.5em; 
}
.ol_color1 .ol_number > .ol_group > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_point1.png);
	background-size: 10px;
}
.ol_color1 .ol_number > .ol_group > .ol_group {
	margin-left: -1.1em;
}
.ol_color1 .ol_number > .ol_group > .ol_group> li > span {
	position:absolute; 
	top:0; 
	left:-1.5em; 
}
.ol_color1 .ol_number > .ol_group > .ol_group > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_ndash1.png);
	background-size: 10px;
}

.ol_color2 .ol_number > .ol_group >li { 
	position:relative;
	line-height: 26px;
}
.ol_color2 .ol_number > .ol_group > li span {
	position:absolute; 
	top:0; 
	left:-1.5em; 
}
.ol_color2 .ol_number > .ol_group > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_point2.png);
	background-size: 10px;
}
.ol_color2 .ol_number > .ol_group > .ol_group {
	margin-left: -1.1em;
}
.ol_color2 .ol_number > .ol_group > .ol_group> li > span {
	position:absolute; 
	top:0; 
	left:-1.5em; 
}
.ol_color2 .ol_number > .ol_group > .ol_group > li > span > div{
	width: 10px;
	height: 10px;
	margin:6px 0 0 3px;
	background-image:url(../img/li_ndash2.png);
	background-size: 10px;
}
/*add 第三組 end*/
/*項目標籤*/
.ol_made{
	list-style-type:none;
	/* 除上下間距 */
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;

}
.ol_made li { 
	position:relative;
}
.ol_made li span {
	position:absolute; 
	top:0; 
	left:-1.5em; 
}
.ol_made li span img{
	width: 10px;
	margin:0 0 0 3px;
}
/*2*/
.ol_made2{
	list-style-type:none;
	/* 除上下間距 */
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
}
.ol_made2 li { 
	position:relative;
}
.ol_made2 li span {
	position:absolute; 
	top:0; 
	left:-4.2em; 
	color:#f08300;
}
/*div_number*/
.div_number1 { 
	position:relative;
	margin-left: 25px;
}
.div_number1 div {
	position:absolute; 
	top:0; 
	left:-2em; 
	width: 20px;
	line-height: 19px; 
	height:20px;
	color:#ffffff;
	text-align: center;
	border-radius:50%;
	background: #ea8203;
	font-size: 13px !important;
	letter-spacing: 0px !important;
	margin:2px 4px 0 2px;
	float:left;
}
.div_number2 { 
	position:relative;
	margin-left: 25px;
}
.div_number2 div {
	position:absolute; 
	top:0; 
	left:-2em; 
	width: 20px;
	line-height: 19px; 
	height:20px;
	color:#ffffff;
	text-align: center;
	border-radius:50%;
	background: #a40000;
	font-size: 13px !important;
	letter-spacing: 0px !important;
	margin:2px 4px 0 2px;
	float:left;
}
.center_text{
	width:100%;
	text-align: center;
}
/**/
/*左右按鈕*/
.lr_btn{
	width: 115px;
	margin:0 auto; 
}
.s_left{
	width: 22px;
	height:29.5px;
	background-image:url(../img/s_left.png);
	background-size: 22px 29.5px;
	cursor: pointer;
	float: left;
}
.s_left:hover{
	background-image:url(../img/s_left_hover.png);
}
.s_right{
	width: 22px;
	height:29.5px;
	background-image:url(../img/s_right.png);
	background-size: 22px 29.5px;
	cursor: pointer;
	float:left;
}
.s_right:hover{
	background-image:url(../img/s_right_hover.png);
}
.s_page{
	width:71px;
	height:29.5px;
	text-align: center;
	color:#7b7b7b;
	float:left;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 25px;
}
/*項目標籤 結束*/
/*sertch*/
.news_sertch{
	float:right;
	color:#333333;
}
.news_sertch_btn{
	padding:4px 13px; 
    float:left;
    background-color: #a40000;
    color:#ffffff;	
    cursor: pointer;
}
.news_sertch_btn:hover{
    background-color: #7c1518;
}
.news_sertch_input{
	background-color:#ffffff;
	border: #dedede 1px solid;
	color:#a4a4a4;
    float:left;
    margin-left: 5px;
    background-image: url(../img/input_img.png);
    background-repeat: no-repeat;
    border-radius: 0px;
    margin: 0px;
}
/*sertch 結束*/
@media screen and (min-width: 1240px) {
/*最大版*/
.inside_width1240{
	max-width:1240px !important;
	padding: 65px 0px 40px 0 !important;
	margin:0 auto !important;
}
/*最大版結束*/
}
@media screen and (min-width: 1000px) {
/*電腦版*/
.gen_select{
	width: 300px;
	padding: 0px 5px;
	margin: 18px 5px;
	font-size: 20px;
	height: 50px;
}
/*內容文字*/
.content_text1{
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 25px;
}
.content_text2{
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 35px;
}
.most_imptext{
	color:#a40000;
	font-size: 22px;
	letter-spacing: 1px;
}
most_imptext{
	color:#a40000;
	font-size: 22px;
	letter-spacing: 1px;

}
.img_des{
	width:100%;
	text-align: center;	
	color:#f08300;
	font-size: 17px;
	letter-spacing: 1px;
}
.fsc_date{
	color:#a40000;
	margin-bottom: 3px;
	font-size: 15px;
	letter-spacing: 1px;
}
/*伸縮字型大小*/
.fsc11{
	font-size:11px;
	letter-spacing: 0.7px;
}
.fsc12{
	font-size: 12px;
	letter-spacing: 0.7px;
}
.fsc13{
	font-size: 13px;
	letter-spacing: 0.7px;
}
.fsc14{
	font-size: 14px;
	letter-spacing: 0.7px;
}
.fsc15{
	font-size: 15px;
	letter-spacing: 1px;
	/*line-height:25px*/
	/*手機版 line-height:20px*/
}
.fsc16{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc17{
	font-size: 17px;
	letter-spacing: 1px;
}
.fsc18{
	font-size: 18px;
	letter-spacing: 1px;
	/*網頁版14px*/
}
.fsc20{
	font-size: 20px;
	letter-spacing: 1px;
	/*手機版 line-height: 22px;*/
}
.fsc22{
	font-size: 22px;
	letter-spacing: 1px;
	font-family: "微軟正黑體", "Microsoft JhengHei", "Lucida Grande", "Tahoma", "Verdana", "Arial", "sans-serif","PMingLiU";
	/*手機版 line-height: 22px;*/
}
.fsc24{
	font-size: 24px;
	letter-spacing: 1px;
}
.fsc25{
	font-size: 25px;
	letter-spacing: 1px;
}
.fsc26{
	font-size: 26px;
	letter-spacing: 1px;
}
.fsc30{
	font-size: 30px;
	letter-spacing: 1.5px;
}
.fsc32{
	font-size: 32px;
	letter-spacing: 1.5px;
}
.fsc36{
	font-size: 36px;
	letter-spacing: 1.5px;
}
.clear_pc{
	clear:left;
}
.clear_phone{
	display: none;
}
/*ol_group*/
.ol_group .main_title{
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.ol_group .second_title{
	font-size: 17px;
	letter-spacing: 1px;
	margin-bottom: 10px;	
	font-weight: bold;
}
.ol_text{
	font-size: 15px;
	letter-spacing: 1px;
}
/*伸縮字型大小 結束*/
.gen_input{
	height:50px;
	padding: 0 5px;
	margin:12px 5px;
	font-size: 20px;
}
.gen_input.size1{
	width: 120px;
}
.orange_btn{
	font-size: 20px;
	letter-spacing: 1px;
	padding:4px 22px 6px 22px;
	margin: 6.5px;
}
.red_btn{
  font-size: 16px;
  letter-spacing: 1px;
  padding-top:12px;
  padding-bottom:12px;
  margin: 7% auto 0 auto;
}
/*c1_menu_outer*/
.c1_menu_outer{
  width: 100%;
  margin:auto;
  text-align: center;
}
.c1_menu{
  min-width: 87px;
  height:33px;
  margin:0 10px 10px 10px; 
  text-align: center;
  color:#c0c0c0;
  border-bottom: solid #c0c0c0 6px;
  display: inline-block;
  cursor: pointer;
}
.c1_menu:hover{
  color:#333333;
  border-bottom: solid #333333 6px;
}
.c1_menu_active{
  color:#a40000;
  border-bottom: solid #a40000 6px;
}
/*c1_menu_outer 結束*/
.inside_width{
	width:842px;
	margin:0 56px;
}
.inside_width2{
	width:auto;
	margin:0 56px;
}
.inside_width1240{
	width:94%;
	padding: 65px 0px 40px 0;
	margin:0 auto;
}
.left_inside{
	width:822px;
	margin-left: 20px;
}
.left_inside2{
	width:auto;
	margin-left: 20px;
}
.header_fake {
	height: 103px !important; 
}
.inner_width{
	padding:65px 0px 60px 0; 
}
/*路徑*/
.page_title{
	font-size: 15px;
	letter-spacing: 1px;
	margin-bottom: 7px;
	color:#bababa;
}
.page_title_arrow{
	margin: 4px 5px 1px 5px;
	float:left;
}
.page_title_a{
	color:#bababa;
	height:18px;
	float:left;
}
.page_title_a:hover{
	color:#333333;
}
/*路徑 結束*/
.title2{
	position:relative;
	margin: 0 0 25px 25px;
	line-height: 40px;
	color:#a40000;
}
.title2 span {
	position:absolute; 
	top:9px; 
	left:-24px; 
	height:28px;
	width: 12px;
	background: #f08300;
}
.table_width .title_s{
	margin-left: auto;
	margin-right: auto;
	width: 1240px;
}
.table_width .content_text1{
	width: 1240px;
	margin-left: auto;
	margin-right: auto;
}
.table_width .content_text1 div{
	margin-left: 20px;
}
.title_s{
	color:#006eb6;
	margin-bottom: 20px;
}
.title_s2{
	margin-bottom: 10px;
}
/*間距模組*/
.margin_bottom1{
	margin-bottom:20px;
}
.margin_bottom2{
	margin-bottom:10px;
}
.margin_bottom3{
	margin-bottom:5px;
}
.margin_bottom4{
	margin-bottom:25px;
}
.margin_bottom5{
	margin-bottom:45px;
}
.margin_bottom6{
	margin-bottom:40px;
}
.margin_bottom7{
	margin-bottom:15px;
}
.margin_bottom30{
	margin-bottom:30px;
}
.padding_bottom30{
	padding-bottom: 30px;
}
.padding_top0{
	padding-top: 0px;
}
/*間距模組 結束*/
/*3欄*/
/*.column3{
	width:862px;
	margin-left: -10px;
}*/
.column3{
	width:100%;
}
/*.column3_inside{
	width: 267.3px;
	margin:0 10px; 
	float:left;
	text-align: center;
}*/
.column3_inside{
	width: 32%;
	margin-left:2%; 
	float:left;
	text-align: center;
}
/*sertch*/
.news_sertch_input{
	width:115px;
	padding-left:25px; 
    padding-top: 5px;
    padding-bottom: 5px;
    background-size: 19px;
    background-position: 3px 4px;
}
/*電腦版結束*/
}
@media screen and (max-width: 999px) {
/*如果使用者之視窗寬度 <= 999px，將會再載入這裡的 CSS。手機板*/
.gen_select{
	width: 300px;
	padding: 0px 5px;
	margin: 9px 2.5px;
	font-size: 16px;
	height: 39px;
}
.content_text1{
	font-size: 13px;
	letter-spacing: 0.5px;
	line-height: 20px;
}
.content_text2{
	font-size: 14px;
	letter-spacing: 0.7px;
	line-height: 25px;
}
.most_imptext{
	color:#a40000;
	font-size: 16px;	letter-spacing: 1px;
}
most_imptext{
	color:#a40000;
	font-size: 16px;
	letter-spacing: 1px;
}
.img_des{
	width:100%;
	text-align: center;	
	color:#f08300;
	font-size: 13px;
	letter-spacing: 0.5px;
}
.fsc_date{
	color:#a40000;
	margin-bottom: 3px;
	font-size: 13px;
	letter-spacing: 0.5px;
}
/*伸縮字型大小*/
.fsc11{
	font-size:11px;
	letter-spacing: 0.5px;
}
.fsc12{
	font-size: 11px;
	letter-spacing: 0.5px;
}
.fsc13{
	font-size: 11px;
	letter-spacing: 0.5px;
}
.fsc14{
	font-size: 13px;
	letter-spacing: 0.5px;
}
.fsc15{
	font-size: 13px;
	letter-spacing: 0.5px;
	/*line-height:25px*/
	/*手機版 line-height:20px*/
}
.fsc16{
	font-size: 13px;
	letter-spacing: 0.5px;
}
.fsc17{
	font-size: 13px;
	letter-spacing: 0.5px;
}
.fsc18{
	font-size: 14px;
	letter-spacing: 0.7px;
    font-family: "微軟正黑體", "Microsoft JhengHei", "Lucida Grande", "Tahoma", "Verdana", "Arial", "sans-serif","PMingLiU";
}
.fsc20{
	font-size: 16px;
	letter-spacing: 1px;
	/*手機版 line-height: 20px;*/
}
.fsc22{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc24{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc25{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc26{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc30{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc32{
	font-size: 16px;
	letter-spacing: 1px;
}
.fsc36{
	font-size: 16px;
	letter-spacing: 1px;
}
/*ol_group*/
.ol_group .main_title{
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 7.5px;
}
.ol_group .second_title{
	font-size: 15px;
	letter-spacing: 1px;	
	margin-bottom: 5px;
	font-weight: bold;
}
.ol_text{
	font-size: 14px;
	letter-spacing: 0.7px;
}
/*伸縮字型大小 結束*/
.gen_input{
	height:39px;
	padding: 0 5px;
	margin:9px 2.5px;
	font-size: 16px;
}
.gen_input.size1{
	width: 155px;
}
.orange_btn{
	font-size: 16px;
	letter-spacing: 0.7px;
	padding:4px 11px 6px 11px;
	margin: 3.25px auto;
	display: block;
	width: 300px;
}
.red_btn{
  font-size: 14px;
  letter-spacing: 0.7px;
  padding-top:12px;
  padding-bottom:12px;
  margin: 3.5% auto 0 auto;
}
.clear_pc{
	display: none;
}
.clear_phone{
	clear:left;
}
.margin_bottom7{
	margin-bottom:7.5px;
}
.inside_width1240{
	padding:25px 0px 30px 0;	
	margin:0 auto; 
	width: 94%;
}
/*c1_menu_outer*/
.c1_menu_outer{
  width: 100%;
  margin:auto;
  text-align: center;
}
.c1_menu{
  min-width: 49px;
  height:26px;
  margin:0 2.5px 5px 2.5px; 
  text-align: center;
  color:#c0c0c0;
  border-bottom: solid #c0c0c0 6px;
  display: inline-block;
  cursor: pointer;
}
.c1_menu:hover{
  color:#333333;
  border-bottom: solid #333333 6px;
}
.c1_menu_active{
  color:#a40000;
  border-bottom: solid #a40000 6px;
}
/*c1_menu_outer 結束*/
.inner_width{
	padding:25px 0px 30px 0;	
}
/*路徑*/
.page_title{
	font-size: 15px;
	letter-spacing: 0px;
	margin-bottom: 8px;
	color:#bababa;
}
.page_title_arrow{
	margin: 3px 1px 0px 1px;
	float:left;
}
.page_title_a{
	color:#bababa;
	letter-spacing: 0px;
	height:18px;
	float:left;
}
.page_title_a:hover{
	color:#333333;
}
/*路徑 結束*/
.title2{	position:relative;
	margin: 0 0 10px 17px;
	line-height: 22px;
	color:#a40000;
}
.title2 span {
	position:absolute; 
	top:3px; 
	left:-14px; 
	height:17px;
	width: 8px;
	background: #f08300;
}
.title_s{
	color:#006eb6;
	margin-bottom: 10px;
}
.title_s2{
	margin-bottom: 5px;
}
/*間距模組*/
.margin_bottom1{
	margin-bottom:10px;
}
.margin_bottom2{
	margin-bottom:5px;
}
.margin_bottom3{
	margin-bottom:2.5px;
}
.margin_bottom4{
	margin-bottom:12.5px;
}
.margin_bottom5{
	margin-bottom:22.5px;
}
.margin_bottom6{
	margin-bottom:20px;
}
.margin_bottom30{
	margin-bottom:15px;
}
.padding_bottom30{
	padding-bottom: 15px;
}
.padding_top0{
	padding-top: 0px;
}
/*間距模組 結束*/
/*3欄*/
.column3{
	width:100%;
}
.column3_inside{
	text-align: center;
	margin-bottom: 10px;
}
/*sertch*/
.news_sertch_input{
	width:72px;
	padding-left:23px; 
    padding-top: 4px;
    padding-bottom: 4px;
    background-size: 18px;
    background-position: 3px 1.5px;
}
/*手機版結束*/
}
@media screen and (max-width: 700px) {
.gen_select{
	width: 98%;
	padding: 0px 1%;
	margin: 9px 1%;
}

}
