@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.mobile_menu{
	display: none;
}
.desktop_menu{
	display: block;
}
.gotocontent{
	top: -500px;
	position: absolute;
}

.accessible_only {
	position: absolute;
	left: -9999px;
}


.no_space {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.top_area {
	background-color: #317A89;
	min-height: 40px;
	height: auto;
	color: white;
	padding-top: 7px;
	font-size: 1.2em;
	padding-bottom: 7px;
	border-bottom: #fff 1px solid;
}
.top_content {
	position: relative;
	z-index: 999 !important;
}
#comingSoonModal .modal-body {
	padding: 50px !important;
}
#comingSoonModal .modal-dialog {
	margin: 50px auto !important;
}
#comingSoonModal {
	font-size: 16px;
}
.search {
	width: 125px;
	height: 25px;
	border: 0;
	color: #000;
	z-index: 999 !important;
	position: relative;
}
.search_icon .glyphicon {
	font-size: 16px;
	padding-left: 8px;
	padding-right: 15px;
	top: 3px;
}
.search_icon, .search_icon:hover {
	color: white;
}

.top_menu {
	text-align: right;
	margin: 0;
	padding: 0;
	z-index: 999 !important;
	position: relative;
}
.top_menu ul {
	margin: 0;
	padding: 0;
	float: right;
}
.top_menu li {
	list-style-type: none;
	display: block;
	/*display: inline-block;*/
	float: left;
}
.top_menu a {
	color: white;
	font-size: 1.2em;
}
.top_menu a:hover {
	color: white;
	text-decoration: none;
}
.link {
	padding-top: 5px;
	padding-left: 10px;
}
.font_but {
	font-size: 13px;
	padding-top: 5px;
	padding-left: 10px;



}
.font_but a{
	text-decoration: none;
	width:  15px;


}
.shadow_up {
	background-image: url(../images/shadow_up.png);
	background-repeat: repeat-x;
	height: 24px;
	margin-top: -23px;
	z-index: 99;
	position: relative;
}
.shadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	height: 24px;
}
.shadow_footer {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	height: 24px;
	margin-top: 50px;
}
.menu_shadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	height: 24px;
}
.inside_shadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	height: 24px;
}
.top_logo img {
	width: 100%;
	max-width: 220px;
	height: auto;
}
.top_img {
	padding-top: 20px;
}
.top_logo_area {
	padding-bottom: 20px;
}
.menu_area {
	z-index: 300 !important;
	position: relative;
	float: right;
	left: -50%;
	text-align: left;
}
.menu_area ul {
	left: 50%;
	position: relative;
}
.menu_area .navbar {
	min-height: 40px;
}
.menu_area .navbar-collapse {
	border-bottom: 0;
}
.green_dot {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #048443;
	float: left;
	margin: 5px 5px 0px 0px;
}
.yellow_dot {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #DDC622;
	float: left;
	margin: 5px 5px 0px 0px;
}
.blue_dot {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #29ABE2;
	float: left;
	margin: 5px 5px 0px 0px;
}
.purple_dot {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #9770BA;
	float: left;
	margin: 5px 5px 0px 0px;
}
.red_dot {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #FF3131;
	float: left;
	margin: 5px 5px 0px 0px;
}
.orange_dot {
	width: 12px;
	height: 12px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #F7931E;
	float: left;
	margin: 5px 5px 0px 0px;
}
.title1 {
	color: #317A89;
	font-size: 4em;
}
.news_grid {
	padding: 25px 25px;
}
.news_center {
	text-align: center;
}
.news_date {
	width: 115px;
	height: 115px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	background-color: #317A89;
	text-align: center;
	padding-top: 25px;
	font-family: arial;
	margin: 0 auto;
}
.news_date .year {
	font-size: 20px;
}
.news_date .date {
	font-size: 28px;
}
.news_title {
	margin-top: 25px;
}
.news_title a {
	font-size: 1.8em;
	color: #317A89;
}
.news_img img {
	margin-top: 25px;
	width: 100%;
	height: auto;
}
.news_content {
	font-size: 1.5em;
	margin-top: 25px;
}
.news_detail {
	margin-top: 25px;


}
.news_detail a {
	font-size: 1.5em;
	color: #317A89;
}
.news_more_area{
	max-width: 250px;
	text-align: center;
	margin: 0 auto;
}
.news_more {
	clear: both;
	width: 100%;
	white-space: nowrap;
	margin: 0 auto;
	margin-top: 25px;
	padding-bottom: 60px;
	background-image: url(../images/more_icon@2x.png);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	background-size: 50px;
}

.shortcut_area {
	 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  border: none;

  color: rgba(255,255,255,1);
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-90deg, #ededed 0, #ffffff 48%, #ffffff 100%);
  background: -moz-linear-gradient(180deg, #ededed 0, #ffffff 48%, #ffffff 100%);
  background: linear-gradient(180deg, #ededed 0, #ffffff 48%, #ffffff 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
	min-height: 300px;
	margin-top: 25px;
}

.shortcut_img {
	max-width: 150px;
	width: 100%;
	padding-top: 30px;
	vertical-align: top;

}
.shortcut_img:hover{
	 filter:saturate(2);
}

.shortcut_txt {
	margin-top: 35px;
	font-size: 1.6em;
	margin-bottom: 35px;
}
.shortcut_txt a{

	color: #333333;
	font-size: 1.6em;
}
.shortcut_txt a:hover{

	color:#317A89;

}

.social_area{
	width: 300px;
	margin: 0 auto;
}
.social_icon {
	float: left;
    position: relative;
	padding-right: 5px;
}
.social_icon img{
	width: 100%;
	max-width: 40px;
	height: auto;
	margin: 0px 10px;
}


.footer_txt {
	clear: both;
	text-align: center;
	font-size: 1.5em;
	padding-top: 15px;
}
.footer_txt a{
	color: #006837;
}

.footer_logo {

	margin: 35px auto;
	text-align: center;


}
.footer_logo ul {
	margin: 0;
	padding: 0;


}
.footer_logo ul li {
	list-style-type: none;

	display: inline-block;
	text-align: center;

		padding: 0 5px;
}
.footer_logo img{
	max-height: 45px;
	width: auto;
	padding: 0 5px;
}



/**********Inside Style*********/
.green_menu {
	color: #048443;
}
.yellow_menu {
	color:#786B13;
}

.blue_menu {
	color:#1A698B;
}

.purple_menu {
	color:#6D5186;
}
.red_menu {
	color:#9C1F1F;
}
.orange_menu {
	color:#855010;
}

.green_content a,.green_content h1,.green_content h2,.green_content h3,.green_content h4{
	color: #048443;
}
.yellow_content a,.yellow_content h1,.yellow_content h2,.yellow_content h3,.yellow_content h4 {
	color:#786B13;
}

.blue_content a,.blue_content h1,.blue_content h2,.blue_content h3,.blue_content h4 {
	color:#1A698B;
}

.purple_content a,.purple_content h1,.purple_content h2, .purple_content h3, .purple_content h4 {
	color:#6D5186;
}
.red_content a,.red_content h1,.red_content h2,.red_content h3,.red_content h4 {
	color:#9C1F1F;
}
.orange_content a,.orange_content h1,.orange_content h2,.orange_content h3,.orange_content h4 {
	color:#855010;
}


.green_border th{
	border-bottom:  solid 1px #048443 !important;
	border-top:  solid 1px #048443 !important;
	background-color: #D7ECD2;
}
.yellow_border th{
	border-bottom:  solid 1px #786B13 !important;
	border-top:  solid 1px #786B13 !important;
	background-color:#FCFDE6;
}
.blue_border th{
	border-bottom:  solid 1px #1A698B !important;
	border-top:  solid 1px #1A698B !important;
	background-color:#D4F9FB;
}
.purple_border th{
	border-bottom:  solid 1px #6D5186 !important;
	border-top:  solid 1px #6D5186 !important;
	background-color:#F6E9FD;
}
.red_border th{
	border-bottom:  solid 1px #9C1F1F !important;
	border-top:  solid 1px #9C1F1F !important;
	background-color:#F9E0E1;
}
.orange_border th{
	border-bottom:  solid 1px #855010 !important;
	border-top:  solid 1px #855010 !important;
	background-color:#FBEDE0;
}

.clear {
	clear: both;
}
.color_bar {
	clear: both;
	position: relative;
	background-image:url(../images/colorbar.png);
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	top: -15px;

}

.right_content {
	position: relative;

}

.bread {
	font-size: 1.5em;

	top: 0px;
	right: 15px;
	z-index: 100;
	position: absolute;
}
.inside_title1 {


	font-size: 4em;
	position: relative;
	width: 100%;
	z-index: 1;
	padding-top: 55px;
	padding-bottom: 10px;


}

.inside_title2 {


	font-size: 2.4em;
	padding-left: 25px;
	padding-bottom: 25px;
	font-weight: bold;


}

.inside_title3 {
	font-size: 1.3em;
	padding-bottom: 15px;
	padding-top: 15px;
}

.content_txt{
	font-size: 1.5em;

}


/********content menu******/
.green_intro_but {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 80%;
  height: auto;
  border: 1px solid #048443;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px auto;
  color: #026d36;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(238,252,212,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(238,252,212,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(238,252,212,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
padding: 10% 5%;
	position: relative;
	font-size: 1.2em;

}
.green_intro_but .glyphicon{
	position: absolute;
	left: 10px;
	top:25%;
	font-size: 1.5em;
}

.yellow_intro_but {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 80%;
  height: auto;
  border: 1px solid #786B13;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px auto;
  color: #786B13;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(244,241,200,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(244,241,200,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(244,241,200,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
padding: 10% 5%;
	position: relative;
	font-size: 1.2em;

}
.yellow_intro_but .glyphicon{
	position: absolute;
	left: 10px;
	top:25%;
	font-size: 1.5em;
}


.blue_intro_but {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 80%;
  height: auto;
  border: 1px solid #1A698B;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px auto;
  color: #1A698B;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(224,248,255,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(224,248,255,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(224,248,255,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
padding: 10% 5%;
	position: relative;
	font-size: 1.2em;

}
.blue_intro_but .glyphicon{
	position: absolute;
	left: 10px;
	top:25%;
	font-size: 1.5em;
}




.purple_intro_but {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 80%;
  height: auto;
  border: 1px solid #6D5186;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px auto;
  color: #6D5186;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
 background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(238,224,252,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(238,224,252,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(238,224,252,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
padding: 10% 5%;
	position: relative;
	font-size: 1.2em;

}
.purple_intro_but .glyphicon{
	position: absolute;
	left: 10px;
	top:25%;
	font-size: 1.5em;
}




.red_intro_but {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 80%;
  height: auto;
  border: 1px solid #9C1F1F;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px auto;
  color: #9C1F1F;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
 background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(249,222,222,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(249,222,222,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(249,222,222,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
padding: 10% 5%;
	position: relative;
	font-size: 1.2em;

}
.red_intro_but .glyphicon{
	position: absolute;
	left: 10px;
	top:25%;
	font-size: 1.5em;
}


.orange_intro_but {
 -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 80%;
  height: auto;
  border: 1px solid #855010;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 10px auto;
  color: #855010;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(247,237,222,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(247,237,222,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(247,237,222,1) 100%);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
padding: 10% 5%;
	position: relative;
	font-size: 1.2em;

}
.orange_intro_but .glyphicon{
	position: absolute;
	left: 10px;
	top:25%;
	font-size: 1.5em;
}
/*********************************/
.green_intro_but>span{
    margin-right:30px;
}
.yellow_intro_but>span{
    margin-right:30px;
}
.blue_intro_but>span{
    margin-right:30px;
}
.purple_intro_but>span{
    margin-right:30px;
}
.red_intro_but>span{
    margin-right:30px;
}
.orange_intro_but>span{
    margin-right:30px;
}
/****************************************/


.green_title {
	color: #048443;
	border-bottom: #048443 solid 3px;
}
.green_title2 {
	color: #048443;

}





.green_title_dot {
	clear: both;
	float: left;
	width: 14px;
	height: 14px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #048443;
	color: #048443;
	margin: 15px 5px 0px 0px;
}

.green_but_border {
	border:#048443 solid 1px;
	color:#303030;
	background-color:#F1F1F1;
}



.green_but_style{
	 -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 3px 4px 4px #d1d1d1;
  -moz-box-shadow: 3px 4px 4px #d1d1d1;
  box-shadow: 3px 4px 4px #d1d1d1;
  color:#048443;
  background: #ffffff;
  padding: 6px 20px 8px 20px;
  border: solid #0D2600 1px;
  text-decoration: none;
}
.green_but_style:hover{
	background: #048443;
  text-decoration: none!important;
	color: #ffffff !important;
	box-shadow: none;
}






.yellow_title {
	color: #786B13;
	border-bottom: #DDC622 solid 3px;
}
.yellow_title2 {
	color: #786B13;

}

.yellow_title_dot {
	clear: both;
	float: left;
	width: 14px;
	height: 14px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #DDC622;
	color: #DDC622;
	margin: 15px 5px 0px 0px;
}

.yellow_but_border {
	border:#DDC622 solid 1px;
	color:#303030;
	background-color:#F1F1F1;
}


.yellow_but_style{
	 -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 3px 4px 4px #d1d1d1;
  -moz-box-shadow: 3px 4px 4px #d1d1d1;
  box-shadow: 3px 4px 4px #d1d1d1;
  color: #786b13;
  background: #ffffff;
  padding: 6px 20px 8px 20px;
  border: solid #473e01 1px;
  text-decoration: none;
}
.yellow_but_style:hover{
	background: #786b13;
  text-decoration: none!important;
	color: #ffffff !important;
	box-shadow: none;
}






.blue_title {
	color: #1A698B;
	border-bottom: #29ABE2 solid 3px;
}
.blue_title2 {
	color: #1A698B;

}

.blue_title_dot {
	clear: both;
	float: left;
	width: 14px;
	height: 14px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #29ABE2;
	color: #29ABE2;
	margin: 15px 5px 0px 0px;
}
.blue_but_border {
	border:#29ABE2 solid 1px;
	color:#303030;
	background-color:#F1F1F1;
}

.blue_but_style{
	 -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 3px 4px 4px #d1d1d1;
  -moz-box-shadow: 3px 4px 4px #d1d1d1;
  box-shadow: 3px 4px 4px #d1d1d1;
  color:#1A698B;
  background: #ffffff;
  padding: 6px 20px 8px 20px;
  border: solid #043262 1px;
  text-decoration: none;
}
.blue_but_style:hover{
	background: #1A698B;
  text-decoration: none!important;
	color: #ffffff !important;
	box-shadow: none;
}






.purple_title {
	color: #6D5186;
	border-bottom: #9770BA solid 3px;
}
.purple_title2 {
	color: #6D5186;

}

.purple_title_dot {
	clear: both;
	float: left;
	width: 14px;
	height: 14px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #9770BA;
	color: #9770BA;
	margin: 15px 5px 0px 0px;
}

.purple_but_border {
	border:#9770BA solid 1px;
	color:#303030;
	background-color:#F1F1F1;
}


.purple_but_style{
	 -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 3px 4px 4px #d1d1d1;
  -moz-box-shadow: 3px 4px 4px #d1d1d1;
  box-shadow: 3px 4px 4px #d1d1d1;
  color:#6D5186;
  background: #ffffff;
  padding: 6px 20px 8px 20px;
  border: solid #381A4F 1px;
  text-decoration: none;
}
.purple_but_style:hover{
	background: #6D5186;
  text-decoration: none!important;
	color: #ffffff !important;
	box-shadow: none;
}






.red_title {
	color: #9C1F1F;
	border-bottom: #FF3131 solid 3px;
}
.red_title2 {
	color: #9C1F1F;

}

.red_title_dot {
	clear: both;
	float: left;
	width: 14px;
	height: 14px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #FF3131;
	color: #FF3131;
	margin: 15px 5px 0px 0px;
}

.red_but_border {
	border:#FF3131 solid 1px;
	color:#303030;
	background-color:#F1F1F1;
}

.red_but_style{
	 -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 3px 4px 4px #d1d1d1;
  -moz-box-shadow: 3px 4px 4px #d1d1d1;
  box-shadow: 3px 4px 4px #d1d1d1;
  color:#9C1F1F;
  background: #ffffff;
  padding: 6px 20px 8px 20px;
  border: solid #5F1A1B 1px;
  text-decoration: none;
}
.red_but_style:hover{
	background: #9C1F1F;
  text-decoration: none!important;
	color: #ffffff !important;
	box-shadow: none;
}



.orange_title {
	color: #855010;
	border-bottom: #F7931E solid 3px;
}
.orange_title2 {
	color: #855010;

}

.orange_title_dot {
	clear: both;
	float: left;
	width: 14px;
	height: 14px;
	outline: 0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #F7931E;
	color: #F7931E;
	margin: 15px 5px 0px 0px;
}

.orange_but_border {
	border:#F7931E solid 1px;
	color:#303030;
	background-color:#F1F1F1;
}


.orange_but_style{
	 -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  -webkit-box-shadow: 3px 4px 4px #d1d1d1;
  -moz-box-shadow: 3px 4px 4px #d1d1d1;
  box-shadow: 3px 4px 4px #d1d1d1;
  color:#855010;
  background: #ffffff;
  padding: 6px 20px 8px 20px;
  border: solid #803412 1px;
  text-decoration: none;
}
.orange_but_style:hover{
	background: #855010;
  text-decoration: none!important;
	color: #ffffff !important;
	box-shadow: none;
}




.content_sitemap {
      display: block;
     position: relative;


    }
   .content_sitemap ul {

	   margin: 0;
	 padding: 0;
    }
.content_sitemap ul li{
	list-style-type: none;
	text-align: center;
}
  .content_sitemap a {
      display: inline-block;

      padding: 10px 0px;
      text-decoration: none;
    }
   .content_sitemap a:hover {

      text-decoration: none
    }

   .content_sitemap select {
      display: none;
    }
.content_sitemap ul li ul{
	margin-left: 0px;
	padding-left: 0px;
}
.content_sitemap ul li ul li{
	list-style-type:none;


}
.content_sitemap ul li ul li a {
      display: inline-block;
      color: #000;

      padding: 5px 0px;
      text-decoration: none;
    }
 .content_sitemap ul li ul li a:hover {

      text-decoration: none
    }

.backtop{
	clear: both;
	padding-top: 35px;
	text-align: right;
	font-size: 1.4em;
}

.polling_border{
	-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 70%;
	margin: 0 auto;
  height: auto;
  border: 1px solid rgba(180,180,180,1);
  -webkit-border-radius: 5px;
  border-radius: 5px;

   -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
   background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 100%);

  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2) inset;
  box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2) inset;
	padding:2%;


}
.polling_result{
 border-top: dotted 1px #A6A6A6;
	border-bottom: dotted 1px #A6A6A6;

}
.polling_result ul{
	margin: 0;
	padding: 0;
}
.polling_result li{
	display:inline-block;
	list-style-type: none;
	padding: 10px 15px 15px 40px;
}


.polling_txt{
	float: left;
	padding: 10px 0px;
}
.agree_result{
	background-image:url(../images/agree@2x.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 0px 10px;

	color: #048443;
	padding-right: 10px;


}

.disagree_result{
	background-image:url(../images/disagree@2x.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 0px 10px;

	color: #9C1F1F;
	padding-right: 10px;


}

.normal_result{
	background-image:url(../images/normal@2x.png);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: 0px 10px;

	color: #786B13;
	padding-right: 10px;


}

.form_message {
	width: 100%;
}
@media screen and (max-height: 575px){
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
}

.polling_message {
	width: 100%;
}
.polling_line {
	border-bottom: dotted 2px #DDC622;
	margin-top: 25px;
}
.polling_archives ul{
	margin: 0;
	padding: 0;
}
.polling_archives li{
	padding: 8px 0px;
	list-style-type: none;
	border-bottom: #B8B8B8 dotted 1px;
}

.polling_archives .polling_result{
	border: none;
	padding: 15px 0px ;
}

.polling_archives .polling_result li{
	border: none;
	padding: 10px 15px 15px 40px;
}

.member_form legend {
	margin-bottom: 0px;

}

.member_form label{
font-weight: normal;
	margin-bottom: 0px;
	padding: 5px 0px;
}

.member_form legend .birth{
	float: left;
}

.member_form .row{
	margin-bottom: 5px;
}
.member_form .row .row{
	margin-bottom: 0px;
}

.member_form [class*="col-"] {
  margin-bottom: 5px;
}

.member_form .line{
	border-bottom: #979797 dotted 1px;
}

.member_form .relation fieldset{
	float: none;
}

.member_form_border {
	padding: 1%;
	width: 100%;
	border: solid 1px #9770BA;
	margin-bottom: 35px;
	text-align: center;
background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 77%, rgba(237,237,237,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 77%, rgba(237,237,237,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 77%, rgba(237,237,237,1) 100%);
  background-position: 50% 50%;

}


.volunteer_form_border {
	padding: 1%;
	width: 100%;
	border: solid 1px #FF3131;
	margin-bottom: 35px;
	text-align: center;
background: -webkit-linear-gradient(-90deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 77%, rgba(237,237,237,1) 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 77%, rgba(237,237,237,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0, rgba(255,255,255,1) 77%, rgba(237,237,237,1) 100%);
  background-position: 50% 50%;

}





.product_img {
	width: 80%;
	margin: 0 auto;
}
.product_img img{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	padding-top: 10px;
}

.listing {
	margin: 0;
	padding: 0;
}
.listing li{
	list-style-type: none;
	padding: 10px 5px;
	border-bottom: dotted 1px #BEBEBE;
}


/*****news_group*****/
.news_group{
	padding-bottom: 25px;
}
.news_group img {
	padding-bottom: 20px;
	margin-top: -5px;
}
.news_group .date {
	color: #fff;
	padding: 5px;
	background-color: #317A89;;
}

.news_group .news_head{
	margin-top: 15px;
	margin-bottom: 15px;
}




@media screen and (max-width: 980px) {
/*.menu_area .navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
	width: 980px;
    transform: translatex(-50%);

}*/


	.no_space_mobile {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	}
	.color_bar {
	clear: both;
	position: relative;
	background-image:url(../images/colorbar.png);
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	top: -15px;
	background-size: contain;

}

}
@media (max-width: 767px) {


.mobile_menu{
	display: block;
}
.desktop_menu{
	display: none;
}



.menu_area .navbar-nav {
	margin: 0;
}
.menu_area {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 100%;
	z-index: 3;
}
.menu_area ul {
	left: 0;
}
.menu_area .navbar-collapse {
	/*margin-top:5%;*/
	border-bottom: solid 1px #999;
	padding-bottom: 15px;

}
.top_menu {
	text-align: left;

}
.top_menu ul {
/*padding-left: 15px;*/
	float: left;
}
.top_menu li {
	padding-left: 0px;
	padding-right: 8px;
	text-align: left;
}
.top_img {
	padding-top: 15px;
}
.menu_shadow {
	display: none;
}
.shadow_up {
	display: none;
}
.top_content {
	width: 80%;
}
.content_area {
	margin-top: 35px;
}



.bread {

	position: relative;
	right: 0;
	top: 0;
	margin-top: 25px;


}
.inside_title1 {

	text-align: center;


}

.polling_result li{
	display:inherit;

}
.polling_txt{
	float: none;

}
.polling_border{

  width: 98%;
	margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
	.member_form .address {
	width: 90%;
}

}
.field_set { 
  //display: block;
  //margin-left: 2px;
  //margin-right: 2px;
  //padding-top: 0.35em;
  //padding-bottom: 0.625em;
  //padding-left: 0.75em;
  //padding-right: 0.75em;
  //border: 1px solid #c0c0c0;
}


.bx-prev, .bx-next{
    background-color: white!important;
    opacity: 0.8;	
}

.bx-pager{
    background-color: white!important;
    opacity: 0.8;	
}