@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Geneva, sans-serif, Arial, 微軟正黑體;
	width: 100%;
}
/* 嵌入字型設定 */
@font-face {
	font-family: "flexslider-icon";
	src: url(../fonts/flexslider-icon.ttf);
}
.Arial {
	font-family: Arial;
}
#wrapper {
	position: relative;
}
.cont2 a {
	display: -webkit-inline-box;
}
.footermobile{display:none;}
@media screen and (max-width: 1023px) {
.footermobile{display:block;}}
/* ======================================================上端下拉==============================================================*/
.logo {
	margin: 5px 0 0 0;
}
.nav {
	position: fixed;
	top: 0;
	width: 100%;
	height: 65px;
	box-sizing: border-box;
	z-index: 6;
	background-color: #FFFFFF;
	box-shadow: 2px 2px 2px rgba(20%,20%,40%,0.6), 4px 4px 6px rgba(20%,20%,40%,0.4), 6px 6px 12px rgba(20%,20%,40%,0.4);
}
.gNavi {
	font-family: 微軟正黑體;
	width: 800px;
	margin: -30px 0 0 36%;
}
ul li {
	display: inline;
	float: left;
}
ul li a {
	color: black;
	margin-right: 5px;
	font-weight: bold;
	font-size: 14px;
	font-family: verdana;
	text-decoration: none;
	display: block;
	width: 150px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
ul li a:hover {
	color: #1480cc;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
ul li.sublinks a {
	color: #000000;
	background: #f6f6f6;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	text-decoration: none;
	display: block;
	height: 15%;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 3%;
	margin-top: 2px;
}
ul li.sublinks a:hover {
	color: #ffffff;
	background: #909090;
	text-align: left;
	padding-left: 3%;
	font-weight: normal;
	text-decoration: none;
	display: block;
}
ul li.sublinks {
	display: none;
}
/* ======================================================上端下拉 end==============================================================*/
/* ======================================================cont==============================================================*/
.cont8 {
	width: 100px;
}
.cont9 {
	width: 100px;
}
.cont8 span {
	border-left: 1px solid #d5d5d5;
	display: block;
}
.cont9 span {
	border-left: 1px solid #d5d5d5;
	display: block;
}
.video {
	background: url(../images/banner_04.jpg) repeat-x center top;
	height: 545px;
}
.contnav {
	width: 100%;
	margin: auto;
}
.cont3 {
	width: 1000px;
	margin: auto;
}
.cont4 {
	line-height: 30px;
	font-size: 12px;
}
.cont5 {
	position: absolute;
	margin-left: 80%;
	padding-top: 688px;
	z-index: 999;
}
/* ======================================================cont end==============================================================*/
/* ======================================================bg==============================================================*/
.allbg {
	background: url(../images/bg1.jpg) repeat-y center top;
    overflow: hidden;}
/* ======================================================bg==============================================================*/
.allbg2 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height:80px;
}
/* ======================================================bg==============================================================*/
.newsbg {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 850px;
}
.newsbg2 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 1260px;
}
.governancebg {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 2250px;
}
.governancebg2 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 2800px;
}
.governancebg3 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 3100px;
}
.governancebg4 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 1550px;
}
.governancebg5 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 1700px;
}
.governancebg6 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 2200px;
}
.governancebg7 {
	background: url(../images/bg1.jpg) repeat-y center top;
	height: 1250px;
}
/* ======================================================bg end==============================================================*/
/* ======================================================bg banner==============================================================*/
.newsbanner {
	width: 100%;
	height: 350px;
	margin-top: 50px;
	background-image: url(../images/banner_16.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.governancebanner {
	background: url(../images/banner_10.jpg) repeat-x center top;
	width: 100%;
	height: 283px;
	margin-top: 50px;
}
.governancebanner2 {
	background: url(../images/banner_11.jpg) repeat-x center top;
	width: 100%;
	height: 283px;
	margin-top: 50px;
}
.economybanner {
	width: 100%;
	height: 283px;
	margin-top: 50px;
	background-image: url(../images/banner_12.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.environmentbanner {
	width: 100%;
	height: 283px;
	margin-top: 50px;
	background-image: url(../images/banner_13.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.societybanner {
	width: 100%;
	height: 283px;
	margin-top: 50px;
	background-image: url(../images/banner_15.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
/* ======================================================bg banner end==============================================================*/
/* ======================================================點擊放大==============================================================*/
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
/* ======================================================點擊放大 end==============================================================*/		
/* ======================================================news==============================================================*/
.news {
	background: url(../images/banner_03.jpg) repeat-x center top;
	height: 337px;
}
.newcont {
	margin: 30% 26% 0 0;
}
.newcont2 {
	margin: 0 0 0 5%;
}
.newcont3 {
	margin: 5% 0 0 1.5%;
}
.newcont4 {
	width: 570px;
	margin: 5% 14% 0 0;
}
.newcont5 {
	width: 650px;
	margin: 0% 6% 0 0;
}
/* ======================================================news end==============================================================*/
.all {
	clear: both;
}
.ul {
	list-style: none;
	padding: 0px;
	margin: 0px
}
#container {
	margin: 0px auto;
	width: 100%;
}
.clear {
	clear: both;
}
.left {
	float: left;
a}
.right {
	float: right;
}
.padtop2 {
	padding-top: 688px;
}
/* ======================================================內頁左menu==============================================================*/
.menu_1 {
	width: 88px;
	height: 15px;
	background: url(../images/icon03.png) no-repeat;
	background-position: 0 0;
}
.menu_1:hover {
	background-position: 0 -15px;
}
.menu_2 {
	width: 59px;
	height: 15px;
	background: url(../images/icon04.png) no-repeat;
	background-position: 0 0;
}
.menu_2:hover {
	background-position: 0 -15px;
}
.menu_3 {
	width: 186px;
	height: 47px;
	background: url(../images/botton01.png) no-repeat;
	background-position: 0 0;
}
.menu_3:hover {
	background-position: 0 -47px;
}
.menu_4 {
	width: 244px;
	height: 27px;
	background: url(../images/banner_09.jpg) no-repeat;
	background-position: 0 0;
}
.menu_4:hover {
	background-position: 0 -27px;
}
/* ===============governance==================*/
.governance_1b {
	width: 124px;
	height: 15px;
	background: url(../images/Governance/g_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.governance_1 {
	width: 124px;
	height: 15px;
	background: url(../images/Governance/g_icon01.png) no-repeat;
	background-position: 0 0;
}
.governance_1:hover {
	background-position: 0 -15px;
}
.governance_2b {
	width: 87px;
	height: 15px;
	background: url(../images/Governance/g_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.governance_2 {
	width: 87px;
	height: 15px;
	background: url(../images/Governance/g_icon02.png) no-repeat;
	background-position: 0 0;
}
.governance_2:hover {
	background-position: 0 -15px;
}
.governance_5b {
	width: 180px;
	height: 15px;
	background: url(../images/Governance/g_icon05-2.png) no-repeat;
	background-position: 0 0;
}
.governance_5 {
	width: 180px;
	height: 15px;
	background: url(../images/Governance/g_icon05.png) no-repeat;
	background-position: 0 0;
}
.governance_5:hover {
	background-position: 0 -15px;
}
/* ===============Instructions==================*/
.Instructions_8b {
	width: 170px;
	height: 15px;
	background: url(../images/Instructions/i_icon08-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_8 {
	width: 170px;
	height: 15px;
	background: url(../images/Instructions/i_icon08.png) no-repeat;
	background-position: 0 0;
}
.Instructions_8:hover {
	background-position: 0 -15px;
}



.Instructions_1b {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_1 {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon01.png) no-repeat;
	background-position: 0 0;
}
.Instructions_1:hover {
	background-position: 0 -15px;
}
.Instructions_2b {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_2 {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon02.png) no-repeat;
	background-position: 0 0;
}
.Instructions_2:hover {
	background-position: 0 -15px;
}
.Instructions_3b {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon03-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_3 {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon03.png) no-repeat;
	background-position: 0 0;
}
.Instructions_3:hover {
	background-position: 0 -15px;
}
.Instructions_4b {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon04-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_4 {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon04.png) no-repeat;
	background-position: 0 0;
}
.Instructions_4:hover {
	background-position: 0 -15px;
}
.Instructions_5b {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon05-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_5 {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon05.png) no-repeat;
	background-position: 0 0;
}
.Instructions_5:hover {
	background-position: 0 -15px;
}
.Instructions_6b {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon06-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_6 {
	width: 149px;
	height: 15px;
	background: url(../images/Instructions/i_icon06.png) no-repeat;
	background-position: 0 0;
}
.Instructions_6:hover {
	background-position: 0 -15px;
}
.Instructions_7b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon03-2.png) no-repeat;
	background-position: 0 0;
}
.Instructions_7 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon03.png) no-repeat;
	background-position: 0 0;
}
.Instructions_7:hover {
	background-position: 0 -15px;
}

/* ===============discuss==================*/
.discuss_1b {
	width: 149px;
	height: 15px;
	background: url(../images/discuss/d_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.discuss_1 {
	width: 149px;
	height: 15px;
	background: url(../images/discuss/d_icon01.png) no-repeat;
	background-position: 0 0;
}
.discuss_1:hover {
	background-position: 0 -15px;
}
.discuss_2 {
	width: 149px;
	height: 15px;
	background: url(../images/discusst/d_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.discuss_2 {
	width: 149px;
	height: 15px;
	background: url(../images/discuss/d_icon02.png) no-repeat;
	background-position: 0 0;
}
.discuss_2:hover {
	background-position: 0 -15px;
}
/* ===============Economy==================*/
.economy_1b {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.economy_1 {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon01.png) no-repeat;
	background-position: 0 0;
}
.economy_1:hover {
	background-position: 0 -15px;
}
.economy_2b {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.economy_2 {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon02.png) no-repeat;
	background-position: 0 0;
}
.economy_2:hover {
	background-position: 0 -15px;
}
.economy_3b {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon03-2.png) no-repeat;
	background-position: 0 0;
}
.economy_3 {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon03.png) no-repeat;
	background-position: 0 0;
}
.economy_3:hover {
	background-position: 0 -15px;
}
.economy_4b {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon04-2.png) no-repeat;
	background-position: 0 0;
}
.economy_4 {
	width: 149px;
	height: 15px;
	background: url(../images/Economy/e_icon04.png) no-repeat;
	background-position: 0 0;
}
.economy_4:hover {
	background-position: 0 -15px;
}
/* ===============Economy==================*/
.environment_1b {
	width: 149px;
	height: 15px;
	background: url(../images/Environment/ee_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.environment_1 {
	width: 149px;
	height: 15px;
	background: url(../images/Environment/ee_icon01.png) no-repeat;
	background-position: 0 0;
}
.environment_1:hover {
	background-position: 0 -15px;
}
.environment_2b {
	width: 149px;
	height: 15px;
	background: url(../images/Environment/ee_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.environment_2 {
	width: 149px;
	height: 15px;
	background: url(../images/Environment/ee_icon02.png) no-repeat;
	background-position: 0 0;
}
.environment_2:hover {
	background-position: 0 -15px;
}
.environment_3b {
	width: 149px;
	height: 15px;
	background: url(../images/Environment/ee_icon03-2.png) no-repeat;
	background-position: 0 0;
}
.environment_3 {
	width: 149px;
	height: 15px;
	background: url(../images/Environment/ee_icon03.png) no-repeat;
	background-position: 0 0;
}
.environment_3:hover {
	background-position: 0 -15px;
}
/* ===============Society==================*/
.society_1b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.society_1 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon01.png) no-repeat;
	background-position: 0 0;
}
.society_1:hover {
	background-position: 0 -15px;
}
.society_2b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_button_1_2.png) no-repeat;
	background-position: 0 0;
}
.society_2 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_button_1.png) no-repeat;
	background-position: 0 0;
}
.society_2:hover {
	background-position: 0 -15px;
}
.society_3b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.society_3 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon02.png) no-repeat;
	background-position: 0 0;
}
.society_3:hover {
	background-position: 0 -15px;
}
.society_4b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_button_2_2.png) no-repeat;
	background-position: 0 0;
}
.society_4 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_button_2.png) no-repeat;
	background-position: 0 0;
}
.society_4:hover {
	background-position: 0 -15px;
}
.society_5b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon04-2.png) no-repeat;
	background-position: 0 0;
}
.society_5 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon04.png) no-repeat;
	background-position: 0 0;
}
.society_5:hover {
	background-position: 0 -15px;
}
.society_6b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_button_2_2.png) no-repeat;
	background-position: 0 0;
}
.society_6 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_button_2.png) no-repeat;
	background-position: 0 0;
}
.society_6:hover {
	background-position: 0 -15px;
}
.society_7b {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon06-2.png) no-repeat;
	background-position: 0 0;
}
.society_7 {
	width: 149px;
	height: 15px;
	background: url(../images/Society/s_icon06.png) no-repeat;
	background-position: 0 0;
}
.society_7:hover {
	background-position: 0 -15px;
}
/* ===============contact==================*/
.contact_1b {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.contact_1 {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon01.png) no-repeat;
	background-position: 0 0;
}
.contact_1:hover {
	background-position: 0 -15px;
}
.contact_2b {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.contact_2 {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon02.png) no-repeat;
	background-position: 0 0;
}
.contact_2:hover {
	background-position: 0 -15px;
}
.contact_3b {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon03-2.png) no-repeat;
	background-position: 0 0;
}
.contact_3 {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon03.png) no-repeat;
	background-position: 0 0;
}
.contact_3:hover {
	background-position: 0 -15px;
}
.contact_4b {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon04-2.png) no-repeat;
	background-position: 0 0;
}
.contact_4 {
	width: 149px;
	height: 15px;
	background: url(../images/contact/c_icon04.png) no-repeat;
	background-position: 0 0;
}
.contact_4:hover {
	background-position: 0 -15px;
}
/* ===============Sales==================*/
.Sales_1b {
	width: 176px;
	height: 15px;
	background: url(../images/Sales/sa_icon01-2.png) no-repeat;
	background-position: 0 0;
}
.Sales_1 {
	width: 176px;
	height: 15px;
	background: url(../images/Sales/sa_icon01.png) no-repeat;
	background-position: 0 0;
}
.Sales_1:hover {
	background-position: 0 -15px;
}
.Sales_2b {
	width: 149px;
	height: 15px;
	background: url(../images/Sales/sa_icon02-2.png) no-repeat;
	background-position: 0 0;
}
.Sales_2 {
	width: 149px;
	height: 15px;
	background: url(../images/Sales/sa_icon02.png) no-repeat;
	background-position: 0 0;
}
.Sales_02:hover {
	background-position: 0 -15px;
}
.Sales_3b {
	width: 149px;
	height: 15px;
	background: url(../images/Sales/sa_icon03-2.png) no-repeat;
	background-position: 0 0;
}
.Sales_3 {
	width: 149px;
	height: 15px;
	background: url(../images/Sales/sa_icon03.png) no-repeat;
	background-position: 0 0;
}
.Sales_03:hover {
	background-position: 0 -15px;
}
/* ======================================================內頁左menu end==============================================================*/
/* ======================================================最新消息==============================================================*/
/*==箭頭==*/
.cont001 {
	content: "\279E";
	font-size: 15px;
	font-weight: bolder;
	color: #94d0dc;
}
/*==箭頭==*/  
.cont002 {
	padding-left: 8px;
	font-size: 14px;
	color: #bbbbbb;
}
/*=顏色框=*/  
.red {
	color: white;
	background: #083d8b;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	width: 50px;
	height: 25px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 2px;
	line-height: 25px;
	border-radius: 5px;
}
.reds {
	color: white;
	background: #e17272;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	width: 50px;
	height: 22px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 2px;
	line-height: 20px;
	border-radius: 5px;
	font-size: 14px;
}
.green {
	color: white;
	background: #88b467;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	width: 50px;
	height: 25px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 2px;
	line-height: 25px;
	border-radius: 5px;
}
.blue {
	color: white;
	background: #6799b4;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	width: 50px;
	height: 25px;
	padding-bottom: 5px;
	text-align: center;
	margin-top: 2px;
	line-height: 25px;
	border-radius: 5px;
}
/* ====================================================最新消息 end==========================================================*/	   
/* ======================================================分隔線==============================================================*/
.hr1 {
	height: 1px;
	border: none;
	border-top: 1px solid #d2d2d2;
	width: 100%;
	margin-left: 0px;
}
.hr2 {
	height: 1px;
	border: none;
	border-top: 1px solid #4b99bd;
	width: 100%;
	margin-left: 0px;
}
.hr3 {
	height: 1px;
	border: none;
	border-top: 1px solid #d2d2d2;
	/*width: 130%;*/
	margin-left: 0px;
}
.hr4 {
	height: 1px;
	border: none;
	border-top: 1px solid #d2d2d2;
	margin-left: 0px;
}
.hr5 {
	height: 1px;
	border: none;
	border-top: 2px dotted #dfdfdf;
	width: 100%;
	margin-left: 0px;
}
/* ======================================================分隔線==============================================================*/
/* 已連結過 */
.padbottom a,.padbottom a:visited {
	color: #000;
}
.videocont {
	position: absolute;
	margin: 6% 0 0 36%;
}
table img {
	width: 100%;
}
.padl {
	padding-left: 95px;
}
.padtop1 {
	padding-top: 80px;
}
.padtop2 {
	padding-top: 40px;
}
.padtop3 {
	padding-top: 20px;
}
.margl2 {
	width: 100%;
	margin: 30px 0;
	margin-left: -30px;
}
/* ======================================================footer==============================================================*/
.footer2 {
	width: 520px;
}
.footcont {
	margin-top: 50px;
	float: left;
	width: 200px;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 30px 0 20px;
	border-top: 2px solid #4b99bd;
	height: 320px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-align: left;
}
.footcont1 {
	margin-top: 50px;
	float: left;
	width: 225px;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 30px 0 20px;
	border-top: 2px solid #4b99bd;
	height: 320px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-align: left;
}
.footcont2 {
	margin-top: 50px;
	float: left;
	width: 165px;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 30px 0 20px;
	border-top: 2px solid #4b99bd;
	height: 320px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-align: left;
}
.footcont3 {
	margin-top: 50px;
	float: left;
	width: 210px;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 30px 0 20px;
	border-top: 2px solid #4b99bd;
	height: 320px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-align: left;
}
.footcont4 {
	margin-top: 50px;
	float: left;
	width: 200px;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 30px 0 20px;
	border-top: 2px solid #4b99bd;
	height: 320px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-align: left;
}
.footcont5 {
	margin-top: 50px;
	float: left;
	width: 190px;
	line-height: 30px;
	font-size: 16px;
	padding: 10px 30px 0 20px;
	border-top: 2px solid #4b99bd;
	height: 320px;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-align: left;
}
.icon {
	position: absolute;
	margin: 19px 0 0 960px;
}
/* ============border============*/
.border1 {
	border-left: 2px dotted #4b99bd;
}
.border2 {
	border-right: 1px dotted #4b99bd;
}
/* ======================================================footer end==============================================================*/
/* ======================================================文字區==============================================================*/
.font14 {
	font-family: Verdana, Geneva, sans-serif, 微軟正黑體;
	font-size: 14px;
}
.font16 {
	font-size: 16px;
}
.font30 {
	font-size: 30px;
	font-weight: bolder;
}
.font35 {
	font-size: 35px;
	font-weight: bolder;
}
.font25 {
	font-size: 25px;
	font-weight: bolder;
}
.font20 {
	font-size: 20px;
	font-weight: bolder;
}
.navfont22 {
	font-size: 22px;
	font-weight: bolder;
	color: #434343;
}
.fontweat {
	font-weight: bolder;
}
/* ===================顏色=====================*/	
.blue01 {
	color: #65b4a2;
}
.color1 {
	color: #7c7c7c;
}
.lightgray {
	color: #434343;
}
.green2 {
	color: #88b465;
}
/* ===================文字段落=====================*/	
.intextd {
	margin-left : 12em;
}
.intextd2 {
	margin-left : 6em;
}
.intextd3 {
	margin-left : 1em;
}
.intextd4 {
	margin-top: 0.5em;
}
.intextd5 {
	margin-left : 12.8em;
}
/* ===========大標==========*/	
.padbottom {
	padding-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif, Arial, "微軟正黑體";
}
.padbottom2 {
	padding-bottom: 20px;
}
.padbottom3 {
	padding-bottom: 30px;
}
.padbottom4 {
	padding-bottom: 40px;
}
.padbottom5 {
	padding-bottom: 50px;
}
.padbottom6 {
	padding-bottom: 60px;
}
#cont p {
	padding-bottom: 5px;
	text-align: left;
}
/* ===========中標==========*/	
.pad01 {
	padding: 30px 0;
}
/* ===========方塊標=========*/
.pad07 {
	padding: 10px 0 5px 0;
}
/* ===========圖片==========*/	
.pad03 {
	padding: 30px 0;
}
.pad10 {
	padding-top:30px;
}
.pad09 {
	padding:10px 0 30px 0;
}
.pad11 {
	padding:15px 0 30px 0;
}
/* ===========段落==========*/
.margin01 {
	margin: 70px 0;
}
.margin02 {
	margin: 30px 0;
}
.pad04 {
	padding-top: 10px;
}/*圖下中標*/
.pad05 {
	padding-top: 30px;
}
.pad06 {
	padding-top: 70px;
}
.pad08 {
	padding-top: 15px;
}
.pad02 {
	padding-top: 25px;
}
.pad2 {
	padding: 20px 0;
}
.flot01 {
	float: right;
}
.padleft01 {
	padding-left: 20px;
}
/* ======================================================文字區 end==============================================================*/	
.skyblue {
	color: #1E6293;
}
.cont-1 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.cont-1 img {
	width: 50%;
	float: none;
	margin: 0;
	height: auto;
}
.cont-1 .word {
	width: 100%;
	float: none;
}
/**/
.fontcont02 {
	text-align: justify;
}
.line30 {
	line-height: 30px;
}
/**/
/*.footcont, .footcont1, .footcont2, .footcont3, .footcont4, .footcont5 {
		color: #000;}*/
/* 連結 */
.footcont a, .footcont2 a, .footcont3 a, .footcont4 a, .footcont5 a {
	font-size: 16px;
	text-align: justify;
	display:block;
}
/* 連結 */
.footcont p, .footcont2 p, .footcont3 p, .footcont4 p, .footcont5 p {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bolder;
}
/* 未連結 */
.footcont a:link, .footcont2 a:link, .footcont3 a:link, .footcont4 a:link, .footcont5 a:link {
	color: #a8a8a8;
}
/* 已連結過 */
.footcont a:visited, .footcont2 a:visited, .footcont3 a:visited, .footcont4 a:visited, .footcont5 a:visited{
	color: #a8a8a8;
}
/* 滑鼠移至連結 */
.footcont a:hover{
	color: #000;}
.footcont2 a:hover{
	color: #000;}
.footcont3 a:hover{
	color: #000;}
.footcont4 a:hover{
	color: #000;}
.footcont5 a:hover{
	color: #000;}
/**/	
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {
	outline: none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .flexslider .slides {
	display: block;
}
* html .flexslider .slides {
	height: 1%;
}
.no-js .flexslider .slides > li:first-child {
	display: block;
}
/* ======================================================首頁輪播==============================================================*/
.flexslider {
	margin-top: 40px;
	background: #ffffff;
	border: 4px solid #ffffff;
	position: relative;
	zoom: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
	zoom: 1;
}
.flexslider .slides img {
	height: auto;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
	height: 0;
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	position: absolute;
	top: 50%;
	opacity: 0;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
	content: '\f002';
}
.flex-direction-nav .flex-prev {
/* left: -50px;*/
}
.flex-direction-nav .flex-next {
	/*right: -50px;*/
	text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 0.7;
	left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 0.7;
	right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
}
.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
 *display: inline;
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

/* ======================================================首頁輪播 end==============================================================*/
/* =======================================================螢幕尺寸=============================================================*/
@media screen and (max-width: 480px) {
.padl {
	padding-left: 10px;
}
ul li a {
	color: black;
	margin-right: 5px;
	font-weight: bold;
	font-size: 14px;
	font-family: verdana;
	text-decoration: none;
	display: block;
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.gNavi {
	display: none;
}
}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px;
}
}