﻿@charset "utf-8";
/*粗*/
@font-face {
    font-family: 'gotham_bookregular';
    src: url('gotham-book-webfont-webfont.eot');
    src: url('gotham-book-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-book-webfont-webfont.woff') format('woff'),
         url('gotham-book-webfont-webfont.ttf') format('truetype'),
         url('gotham-book-webfont-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*最粗*/
@font-face {
    font-family: 'gotham_boldregular';
    src: url('gotham-bold-webfont-webfont.eot');
    src: url('gotham-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-bold-webfont-webfont.woff') format('woff'),
         url('gotham-bold-webfont-webfont.ttf') format('truetype'),
         url('gotham-bold-webfont-webfont.svg#gotham_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
iframe{ max-width:100%}
body {
	font-family: 'gotham_bookregular', "微軟正黑體",Arial, Helvetica;
	font-size: 18px;
	color: #333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 170%;
	background-color: #dae0f0;
	-webkit-text-size-adjust: none;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-weight: normal;
}
body, html {
  min-height: 100%;
}
a{
	color: #333;
	text-decoration: none;
}

/*滑過綠色*/
.member_L a:hover,a:hover,.Jobs_moer a:hover,.Living_txt li li a:hover,.member_L li dl dd a:hover,.css-table a:hover{color:#8a9903;text-decoration: none;}

/*滑過藍色*/
.index_Jobs dd a:hover,.jobs_nav a:hover,.News_list dd span a:hover,.Living_list p a:hover,.Login a:hover,.apply_up dd a:hover, .file_li figcaption a:hover,.News_list dd p a:hover{
color:#3c4976;
	text-decoration: none;
}

img a:hover,footer img:hover,.css-table dd img:hover,#owl-demo .item img:hover,.customNavigation img:hover,.nav_bk td img:hover,.index_Jobs li img:hover,.index_Jobs li>figure>a:hover{filter: alpha(opacity=65);opacity:0.65; }

.icon_input:hover,input[type="submit"]:hover ,input[type="button"]:hover,input[type="reset"]:hover,.icon_Save2:hover{
	filter: alpha(opacity=100);
	opacity:1;
	background-color: #3c4976;
	color: #FFF;
}
input[type="button"].icon_g2:hover{background-color: #333;}


a.link_no,a.link_no:hover{filter: alpha(opacity=100);opacity:1;cursor: default;}
h1{
	font-size: 42px;
	line-height: 110%;
	font-weight: normal;
	text-align: center;
	width: 100%;
		padding-right: 5%;
	padding-left: 5%;
	margin-top: 35px;
	margin-bottom: 40px;letter-spacing: -1px;
}
h1 a{font-size: 42px;
	line-height: 150%;text-decoration: none;}

h2,h2 a{
	color: #333;
	font-size: 28px;
	line-height: 130%;
	font-weight: normal;
	margin-bottom: 0px;
	letter-spacing: -1px;
	position: relative;
}
h3,h3 a {
	color: #333;
	font-size: 22px;
	line-height: 130%;
	font-weight: normal;
	margin-bottom: 0px;
	position: relative;
	}
h4,h4 a{
	color:#3c4976;
	font-size: 18px;
	line-height: 130%;
	font-weight: bold;
	position: relative;
}
h5,h5 a{
	color: #333;
	font-size: 18px;
	line-height: 130%;
	font-weight: normal;
	position: relative;
	}
h6,h6 a{
	color: #999;font-size: 14px;
}
h6 a::After {
    content: " > ";
}
h8{
	color: #4e6287;
	background-image: url(../images/li12.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 15px;
	font-weight: bold;
	vertical-align: top;
}
p{color: #333;}
#section1{
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
}
.txt_r,.txt_r a{color: #e91b1b;}
.txt_g,.txt_g a{color: #8a9903;text-decoration: none;}
.txt_g2,.txt_g2 a{color: #646f00;text-decoration: none;}
.txt_g3,.txt_g3 a{
	color: #8a9903;
	text-decoration: underline!important;
	display: inline-block;
}
.txt_gr,.txt_gr a{color: #333!important;text-decoration: none;}
.txt_bu,.txt_bu a{color: #484a5e!important;text-decoration: none;}
.txt_bu2,.txt_bu2 a{color: #3c4976!important;text-decoration: none;}
.txt_16,.txt_16 a{font-size: 16px!important;}
.txt_left{
	text-align: left!important;
}
.txt_right{
	text-align: right!important;
}


select{
	color: #333;
	background-image: url(../images/li2.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 21px;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-webkit-box-shadow: #000 0px 0px 0px;
	box-shadow: #000 0px 0px 0px;
	padding:5px;
	background-color: #FFF;
	border: 1px solid #d3d6db;
	font-size: 18px;
		
	}
select::-ms-expand {
    display: none;
}
input,textarea{
	color: #333;
	border: 1px solid #d3d6db;
	border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	-webkit-box-shadow: #fff 0px 0px 0px;
	box-shadow: #fff 0px 0px 0px;
	-webkit-box-shadow:0px 0px 0px #fff inset;
	box-shadow:0px 0px 0px #fff inset;
	padding: 5px;
	font-size: 18px;
	
	}
textarea{height:120px;width: 100%;}
input[type="text"],input[type="password"],textarea,input[type="submit"] ,input[type="button"],input[type="reset"] {
  -webkit-appearance: none;
}
.icon_input{background-color: #FFF;cursor: pointer;}

input[type="submit"] ,input[type="button"],input[type="reset"]{cursor: pointer;}

input[type="file"] {width: 50%;}

/*提示語*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

/*通用全站都有的寫法*/
*:link, *:visited, *:hover, *:active, *:focus {
    -webkit-transition: color .15s linear, background-color .15s linear, border-color .15s linear,padding .15s linear, filter .15s linear,opacity  .15s linear;
    transition: color .15s linear, background-color .15s linear, border-color .15s linear, padding .15s linear, filter .15s linear,opacity  .15s linear; 
}	


.mb,.nav_logo2,.nav_icon,footer br,.ie8-wrap,.mb_nav,.mb2{
	display: none;
}

ol{
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: decimal;
}
ol>li{
	margin-top: 10px;
	margin-bottom: 10px;
	color: #666;
}
.nav_logo2{
	margin-left: -55px;
	position: fixed;
	z-index: 1034;
	left: 50%;
	top: 7px;
}
.nav_logo2 img{
	width: 110px;
}
.nav_icon{position: fixed;
	z-index:1034;top: 10px;right: 12px;}
.page_number{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	letter-spacing: -4px;
	font-size: 0;
	margin-bottom: 40px;	
}	
.page_number li{
	display: inline-block;
	font-size: 18px;
	text-align: center;
	width: 37px;
	border-collapse: collapse;
	height: 38px;
	overflow: hidden;
	background-image: url(../images/page_number.png);
	background-repeat: repeat;
	letter-spacing: normal;
	word-spacing: normal;
	display:inline-block;
  *display: inline;
	zoom:1;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccd481;
	border-right-color: #ccd481;
	border-bottom-color: #ccd481;
}
.page_number li:nth-of-type(1){border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccd481;}
	
	
/*ul有點點*/
.main_ul{
	margin-bottom:60px;
}
.main_ul li{
	background-image: url(../images/li11.png);
	background-repeat: no-repeat;
	background-position: left 11px;
	padding-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/*box 有灰線*/

.box_line{
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
}

.box_line2{
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d9d9d9;
}

.margin_20{margin-top: 20px;}
.margin_10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.padding_20{padding-top: 20px !important;}
.margin_40{margin-top: 40px;}

/*表格css 同列*/

.css-table{
	display: table;
	width: 99.9%;
	margin-bottom: 40px;
	border-collapse: collapse;
	margin-top: 20px;
	text-align: center;	
	
	
}
.css-table div{display: table-header-group;}
.css-table  dd:nth-of-type(odd){
	background-image: url(../images/dt4.png);
	background-repeat: repeat;
}
.css-table  dd:nth-of-type(even){
	background-image: url(../images/dt3.png);
	background-repeat: repeat;
}

.css-table div dl{display: table-row;}

.css-table div dl dd{
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-left-color: #DFDFDF;
	font-weight: normal;
}

.css-table div dl dd:nth-of-type(1) {
	border-left-style: none;
	background-color: #f2fae8;
	background-image: none;
}
.css-table div:nth-of-type(1) dd{
	font-weight: bold;
}
.css-table a{
	font-weight: bold;
	text-decoration: underline!important;
}

.css-table li{
	text-align: left;

}
.css-table-th{
	background-repeat: repeat;
	color: #fff!important;
	text-align: center;
}
.css-table dd img{
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.css-table-th dd:nth-of-type(odd){background-image: url(../images/dt2.png)!important;	}
.css-table-th dd:nth-of-type(even){background-image: url(../images/dt1.png)!important;}

/*表格css 左右*/

.css-table2{
	display: table;
	width: 99.9%;
	margin-bottom: 40px;
	border-collapse: collapse;
	margin-top: 20px;
	
	
}
.css-table2 div{display: table-header-group;}
.css-table2 dl{display: table-row;}
.css-table2 dt,.css-table2 dd{
	text-align: left;
	vertical-align: top;
	display: table-cell;
	background-repeat: repeat;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
}
.css-table2 div:nth-of-type(1) dt,.css-table2 div:nth-of-type(1) dd{border-top-style: none;}
.css-table2 dt{
	color: #fff;
	background-repeat: repeat;
	font-weight: bold;	
}
.css-table2 div:nth-of-type(odd) dt{background-image: url(../images/dt2.png); }
.css-table2 div:nth-of-type(even) dt{background-image: url(../images/dt1.png); }
.css-table2 div:nth-of-type(odd) dd{background-image: url(../images/dt4.png); }
.css-table2 div:nth-of-type(even) dd{background-image: url(../images/dt3.png); }

/*表格css 先一排 mb左右*/

.css-table4{
	display: table;
	width: 99.9%;
	margin-bottom: 40px;
	border-collapse: collapse;
	margin-top: 20px;
	text-align: center;	
	
}
.css-table4 div{display: table-header-group;	}
.css-table4 div:nth-of-type(even) dd:nth-of-type(odd){
	background-image: url(../images/dt4.png);
	background-repeat: repeat;
}
.css-table4 div:nth-of-type(even) dd:nth-of-type(even){
	background-image: url(../images/dt3.png);
	background-repeat: repeat;
}
.css-table4 div:nth-of-type(odd) dd:nth-of-type(even){
	background-image: url(../images/dt5.png);
	background-repeat: repeat;
}
.css-table4 div dl{display: table-row;}
.css-table4 div dl dd{
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DFDFDF;
	font-weight: bold;
}
.css-table4 div dl dd p{
	font-weight: normal;
}
.css-table4 div dl dd:nth-of-type(1){
	border-left-style: none;
}

.css-table4 li{
	text-align: left;

}
.css-table dd img{
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.css-table-th dd:nth-of-type(odd){background-image: url(../images/dt2.png)!important;	}
.css-table-th dd:nth-of-type(even){background-image: url(../images/dt1.png)!important;}

.div_clear{ clear:both; }

/*表格css 一排兩組 */
.css-table5{
	display: table;
	width: 99.9%;
	margin-bottom: 40px;
	border-collapse: collapse;
	margin-top: 20px;
	
	
}
.css-table5 dl{display: table-row;}
.css-table5 dl dd{
	display: table-cell;
	padding: 15px;
	vertical-align: middle;
	width: 25%;
	border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #DFDFDF;
    border-left-color: #DFDFDF;
}

.css-table5 dl dd:nth-of-type(1) {
    border-left-style: none;
    
}
.css-table5 dd:nth-of-type(odd) {
    background-image: url(../images/dt3.png);
    background-repeat: repeat;
}
.css-table5 dd:nth-of-type(even) {
    background-image: url(../images/dt4.png);
    background-repeat: repeat;
}
/*表格css 一排兩組2 */

.css-table6{
	display: table;
	width: 99.9%;
	border-collapse: collapse;
	-webkit-box-shadow: #e7e7e7 -1px 0px 5px;
          box-shadow: #e7e7e7 -1px 0px 5px;
	
}

.css-table6 div{display: table-header-group;}
.css-table6 dl{display: table-row;}
.css-table6 dl dd{
	display: table-cell;
	 padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-repeat: repeat;
	width: 50%;
	border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #DFDFDF;
    border-left-color: #DFDFDF;
}

.css-table6 dl:nth-of-type(odd) {
    background-image: url(../images/dt3.png);
    background-repeat: repeat;
}
.css-table6 dl:nth-of-type(even) {
    background-image: url(../images/dt4.png);
    background-repeat: repeat;
}
.css-table6-4 dl:nth-of-type(odd) {
    background-image: url(../images/dt4.png);
    background-repeat: repeat;
}
.css-table6-4 dl:nth-of-type(even) {
    background-image: url(../images/dt3.png);
    background-repeat: repeat;
}
.css-table6 div.css-table6-th dl{background-image: url(../images/dt1.png);}
.css-table6 a{
	font-weight: bold;
}
.css-table6 dl dd:nth-of-type(1) {
    border-left-style: none;
    
}
.css-table6 dl dd p{color: #e91b1b;}
.css-table6-th{
	color: #fff;
	background-repeat: repeat;
	font-weight: bold;
}
/*表格css 多了出現捲軸*/

.css-table3{
	width: 100%;
	margin-bottom: 60px;
}
.css-table3 td,.css-table3 th{
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-repeat: repeat;
}
.css-table3 th{
	text-align: center;
	color: #FFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DFDFDF;
	font-weight: bold;
}
.css-table3 table
{border-collapse: collapse;}
.css-table3 td{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DFDFDF;
	border-bottom-color: #DFDFDF;
	border-left-color: #DFDFDF;
}
.css-table3 td:nth-of-type(1){
	border-left-style: none;
}
.css-table3 td:nth-of-type(odd){background-image: url(../images/dt4.png);}
.css-table3 td:nth-of-type(even){background-image: url(../images/dt3.png);}
.css-table3 th:nth-of-type(odd){background-image: url(../images/dt2.png);}
.css-table3 th:nth-of-type(even){background-image: url(../images/dt1.png);}
.slideCell td.active{
	font-weight: bold;
	background-color: #f2fae8;
	background-image: none;
}


/*頁碼css*/
.page_number li a{
	width: 37px;
	height: 38px;
	display: block;
	line-height: 35px;
	color: #a1b301;
}
.page_number li a.active{
	color: #fff;
	background-color: #a1b301;
	background-image: none;
}
.page_number li a:hover{color: #fff;background-color: #3c4976;}
/*頁面過長會自動出現top css*/
#go{
	display:none;
	cursor:pointer;
	position:fixed;
	right:15px;
	bottom:20px;
	width:58px;
	height:58px;
	z-index:10;
	background-image:url(../images/go_icon.png);
	border: 1px solid #aaba24;
	background-position: center center;
}
#go:hover{filter: alpha(opacity=65);opacity:0.65; }

.main{
	width: 90%;
	max-width:1298px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	z-index: 2;
	}
.main2{margin-top: 28%;}
.content2{width: 90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 130px;}
.content{
	width: 100%;
	background-image: url(../images/content_bg.png);
	background-repeat: repeat;
	
	padding-bottom: 40px;
	position: relative;
}

.content>div{
	background-image: url(../images/content_bg2.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	padding-top: 40px;
	min-height:450px;
}
.content3>div{
	min-height:auto;
	background-image: none;
}
.content aside{width: 90%;
	margin-right: auto;
	margin-left: auto;position: relative;}

footer{
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat;
	padding-top: 50px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 35px;
}
footer p{color: #a9b8d4;}
footer div{
	width: 90%;
	max-width:1298px;
	margin-right: auto;
	margin-left: auto;
}
footer a{color: #e3edff;}
footer a:hover{color: #abbd09;}
footer li,footer dd{
	display: inline-block;
	text-align: left;
	padding-left:30px;
	vertical-align: top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
footer li:nth-of-type(1),footer dd:nth-of-type(1){padding-left: 0px;}
footer li img{
	width: 5px;
	margin-right: 5px;
}
footer li>a,footer dd>a{
	font-size: 22px;
	text-transform: uppercase;
}
footer table{
	margin-top: 20px;
	margin-bottom: 35px;
}
footer td{
	padding-bottom: 15px;
	vertical-align: top;
}
/*kv*/
.kv{
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	height: 825px;	
}
.kv img{
	width: 100%;
}
/*麵包穴*/
.nav3{
	width: 90%;
	position: relative;
	margin-right: 5%;
	margin-left: 5%;
}
.nav3 div{
	position: absolute;
	top: 0px;
	right: 0px;
}
.icon_Save,.icon_fb{
	color: #FFF;
	width: 86px;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	padding: 1px;
}
.icon_Save img,.icon_fb img,.icon_back img{
	width:15px;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
}
.icon_fb:hover{background-color: #6e79a1;color: #FFF;}
.icon_Save{
	background-color: #abbd09;
	margin-right: 10px;
}
.icon_Save:hover{background-color: #3c4976;color: #FFF;}
.icon_fb{background-color: #274f98;}
.Share_nav{
	margin-bottom: 20px;
}
.icon_back{
	color: #FFF;
	width: 86px;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
	padding: 1px;
	background-color: #abbd09;
	margin-bottom: 60px;
}
.icon_back:hover,.icon_g:hover,.icon_g3:hover{background-color: #3c4976;color: #FFF;}
.icon_more{
	color: #FFF;
	width: 100%;
	max-width:400px;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: block;
	padding: 10px;
	background-color: #abbd09;
	margin-bottom: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	}
.icon_Save2{
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	background-color: #abbd09;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.icon_g,.icon_g2,.icon_g3{
	color: #FFF;
	text-align: center;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	background-color: #abbd09;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	min-width:120px;
	}
.icon_g2:hover{background-color: #333;color: #FFF;}
.icon_g2{
	
	background-color: #959595;
	
	}
.center{text-align: center;}
/*popup*/
#popup_bg{
	background-image: url(../images/popup_BG.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 2000;
	display: none;
	left: 0px;
	top: 0px;
}
#popup_bg2{
	background-image: url(../images/popup_BG.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 11;display: none;
}

#popup_index{
	background-image: url(../images/popup_BG.png);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 2000;
	left: 0px;
	top: 0px;
}

/*首頁popup*/
.popup_index_no{ overflow-y: hidden; }
.popup_index{
	position: fixed;
	width: 770px;
	height:422px;
margin-left: -385px;
z-index: 2500;
left: 50%;
top: 50%;
margin-top:-230px
	}
.popup_index iframe{
	width: 770px;
	height:422px;}
	.popup_index>div{ position:relative}
	.popup_index #XX{ position:absolute;
top: -50px;
right: 12px;
cursor: pointer;}
.popup_index #XX:hover{filter: alpha(opacity=65);opacity:0.65; }
.popup_index aside{
	width:100%;
	height:422px;
	overflow: hidden;
	display:block;
}
.popup_index aside img{ display:block; position:relative; z-index:-1;}
.popup_index aside a{ width:100%;display:block;}


/*自定義scrollbar*/


.mb3{
	display: none!important;
}

@media (max-width: 800px) {
	.popup_index iframe{
	width: 100%;
	height:366px;}
	.popup_index aside,.popup_index{height:366px;}
	.popup_index{	width: 670px;
	
margin-left: -335px;margin-top:-200px}
	.popup_index aside img{ width:650px;}
	.popup_index #XX {
    right: -30px;}
	.popup_index aside::-webkit-scrollbar-track 
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color:  rgba(255, 255, 255,0);
}

.popup_index aside::-webkit-scrollbar
{
	width: 3px;
	background-color:  rgba(255, 255, 255,0);
}

.popup_index aside::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #C0CE47;
}

	 }

@media (max-width: 600px) { 
.popup_index{ width:92%;
left:5%;top:100px;margin-left:0px;margin-top:0px;
}
.popup_index aside,.popup_index{height:550px;}
.popup_index aside img{ width:98%;}
.popup_index #XX {
    right:0px;}

}
@media (max-width:414px) {
	.popup_index aside,.popup_index{height:530px;}
	 }
@media (max-width:375px) {
	.popup_index{top:80px;}
	.popup_index aside,.popup_index{height:480px;}
	 }
@media (max-width:360px) {
	.popup_index aside,.popup_index{height:460px;}
	 }
	@media (max-width:320px) {
	.popup_index aside,.popup_index{height:410px;}
	 }


/*選單*/
header{
	width: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	height: 95px;
	z-index: 999;
}

#nav
		{
	width: 90%;
	max-width:1298px;
	margin-right: auto;
	margin-left: auto;
	
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li.active
				{
					background-color: #3c4976!important;
					border-right: 1px solid #717171;
				}

			#nav span:after
			{
	width:100%;
	height: 6px;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: absolute;
	background-image: url(../images/li1.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	left: 0px;
	bottom: 25px;
			}

			/* first level */

			#nav > ul
			{
	height: 95px;
	background-color:#abbd09;
	display: table;
	width: 100%;
			}
				#nav > ul > li
				{
	height: 100%;
	vertical-align: middle;
	border-right: 1px solid #c0ce47;
	line-height: normal;
	text-transform: uppercase;
	display: table-cell;
				}
				#nav > ul > li:hover{background-color:#3c4976;border-right: 1px solid #717171;filter: alpha(opacity=100);opacity:1;	}
				#nav > ul > li:nth-of-type(1):hover{background-color:#fff;border-right: 1px solid #c0ce47;}
					#nav > ul > li > a
					{
	vertical-align: middle;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
					}
						
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							filter: alpha(opacity=65);opacity:0.65;	
						}


				/* second level */

				#nav li ul
				{
					background-color: #3c4976;
					display: none;
					position: absolute;
					top: 95px;
					width: 210px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							border-top: 1px solid #515f8f;
							padding: 0.75em; /* 15 (20) */
						}
						#nav li ul li{
	text-transform: capitalize;
}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								border-top: 1px solid #c0ce47;
							filter: alpha(opacity=100);opacity:1;	
							background-color:#abbd09;
							}

        .nav_logo {
	background-color: #FFF;
	width: 20%;
}
		.nav_logo img{
	width: 159px;	vertical-align: middle;
}
	.nav_bk img,.nav_icon img{
	width: 27px;	vertical-align: middle;
}
.nav_bk td{
	vertical-align: middle;
	height: 95px;
	padding-right: 4px;
	padding-left: 4px;
}

.nav_bk{background-color: #424242;width: 15%;}
.nav_bk2{width: 10%;}
#nav > ul > li.nav_bk{border-right: 1px solid #717171;}
#nav > ul > li:nth-of-type(3),#nav > ul > li:nth-of-type(4){width: 11%;}
		@media (max-width: 800px) 
		{
			header{
	background-color: #abbd09;
	height: 60px;
	z-index: 98;
	position: fixed;
}
#nav > ul > li:nth-of-type(3),#nav > ul > li:nth-of-type(4),.nav_bk2 ,.nav_bk{
    width: 100%;
}
			#nav
			{
				position: fixed;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					
					text-align: center;
					text-indent: -9999px;
					position: relative;
				}
					
					#nav > a:after
					{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	height: 60px;
	width: 60px;
	background-size: 40px;
	background-position: center center;
					}
				
				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				top: 60px;
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
		
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
	width: 100%;
	float: none;
	display: block;
				}
					#nav > ul > li > a
					{
	height: 55px;
	text-align: center; /* 20 (24) */
	padding-top: 15px;cursor: pointer;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							
						}
.nav_bk td{
    height: 55px;}

#nav li.active,#nav > ul > li{border-right-style: none!important;}
#nav > ul > li{border-bottom: 1px solid #c0ce47;}
.clearfix{border-top: 1px solid #c0ce47;}
#nav li.active{
	border-bottom: 1px solid #3c4976!important;
	
}
				/* second level */
                 #nav li ul li a{
	padding-top: 15px;
	height: 55px;cursor: pointer;
}
				#nav li ul
				{
	display: none!important;	
				}
				
				#nav > ul > li.nav_bk{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: none;
	border-bottom-style: solid;
	border-right-color: #717171;
	border-bottom-color: #717171;
}
#nav span:after{
	width:10px;
	right:5%;
	bottom: 50%;
	margin-bottom: -3px;
	left: auto;
}
		}


.News_content2 ol,.News_content2 ul,.News_content ol,.News_content ul{
	margin-left:20px;
}
.News_content2 ol,.News_content ol{
	list-style-type: decimal;
}
.News_content2 ul,.News_content ul{
	list-style-type: disc;
}