body{
  font-family: "Microsoft JhengHei", "Apple LiGothic Medium", "PMingLiU", "sans-serif", "serif";
  font-size:14px;
  line-height: 1.5em;
  color:#231815;
  background:#fff;
}


.wrapper,
.drapper{
  background: url(../images/bg_yellow.jpg) center top repeat-x;
  min-width:960px;
  position:relative;
}

.wrapper:after,
.drapper:after{
	position:absolute;
	top:0;
	display:block;
	content:"";
  	background: url(../images/bg_yellow.jpg) center top repeat;
	width:100%;
	height:100%;
	z-index:-1;
}

.wrapper .bg{
	background: url(../images/indexmenu_bg.png) center top no-repeat;
	z-index:0;
}


a{
  text-decoration: none;
  color:#231815;
}

img{
	display:block;
}
img { border: 0px;} 
:active, :focus{
	outline:none;
}
.con,
.component{
  width:960px;
  margin:auto;
}

header{
	background: url(../images/headbg.png) center top no-repeat;
	height:227px;
}

header h1{
	display:inline-block;
}

header nav{
	float:right;
	margin-right:63px;
	margin-top:56px;
}

/**/
.wrapper article .component{
	margin-top:-97px;
}


.intro{
	float:right;
	margin-right: 30px;
    margin-top: 12px;
}
.intro h3{
	font-size:1.8em;
	color:#006db2;
	margin-bottom:3px;
}

.intro h3:after{
	display:inline-block;
	content:"";
	width:113px;
	height:58px;
	background: url(../images/index_intro.png) center bottom no-repeat;
}

.intro p{
	color:#0c374f;
}

.wrapper article .component .people,
.wrapper article .component .indexcon,
.wrapper article .component nav{
	display:inline-block;
	vertical-align:top;
}

.wrapper .people{
	margin-left:-32px;
	position: relative;
    z-index: 0;
}

.wrapper .indexcon{
	width:497px;
}

.wrapper .indexcon .block{
	height:191px;
	padding-top:80px;
	position:relative;
}

.wrapper .indexcon .block figure,
.wrapper .indexcon .block figcaption{
	display:inline-block;
	vertical-align:top;
}
.wrapper .indexcon .block figure{
	width:175px;
	padding-left:9px;
	
}
.wrapper .indexcon .block figcaption{
	width:285px;
	padding-top:20px;
	padding-bottom:30px;
}

.wrapper .indexcon .block02 figcaption{
	padding-top:12px;
}
.block figcaption .link01,
.block figcaption .link02{
	font-size:1.2em;
	font-weight:bold;
	color:#fff;
	display:block;
	position:absolute;
	right:30px;
	bottom:30px;
	padding:0px 8px 8px 8px;
	z-index:1;
}
.block figcaption .link01:hover,
.block figcaption .link02:hover{
	bottom:28px;
}

.block figcaption .link01{
	background:#fcbfbf;
}

.block figcaption .link02{
	background:#98b5c7;
}
.block figcaption .link01:before,
.block figcaption .link02:before{
	display:block;
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	right:2px;
	bottom:4px;
	z-index:-1;
}

.block figcaption .link01:before{
	background:#ff3a5f;
}
.block figcaption .link02:before{
	background:#006db2;
}
.block figcaption .link02:after{
	display:inline-block;
	vertical-align:bottom;
	content:"";
	width:28px;
	height:24px;
	background: url(../images/good.png) center bottom no-repeat;
}

.block a.inline{
	color:#0089c2;
}

.block figcaption .inline:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:10px;
	height:10px;
	background: url(../images/notice_icon.jpg) center bottom no-repeat;
}

.wrapper .block01{
	background: url(../images/indexcon_bg01.png) center bottom no-repeat;
}

.wrapper .block02{
	background: url(../images/indexcon_bg02.png) center bottom no-repeat;
}


.wrapper nav{
	float:right;
	width:141px;
	text-align:right;
	font-size:1.4em;
	margin-right:5px;
}

.drapper nav{
	float:right;
	margin-right:63px;
	margin-top:56px;
}

#indexmenu{
	margin-top:103px;
}

#indexmenu li.m02{
	margin-top:36px;
}

#indexmenu li.m03,
#indexmenu li.m04{
	margin-top:30px;
}

#indexmenu li.m05{
	margin-top:22px;
}

#indexmenu li{
	
}

#indexmenu a{
	width:140px;
	height:30px;
	display:block;
}
#indexmenu a span{
	display:none;
}

#indexmenu li.m01 a{
	background: url(../images/index_menu01.png) center top no-repeat;
}
#indexmenu li.m01 a:hover{
	background: url(../images/index_menu01on.png) center top no-repeat;
}
#indexmenu li.m02 a{
	background: url(../images/index_menu02.png) center top no-repeat;
}
#indexmenu li.m02 a:hover{
	background: url(../images/index_menu02on.png) center top no-repeat;
}
#indexmenu li.m03 a{
	background: url(../images/index_menu03.png) center top no-repeat;
}
#indexmenu li.m03 a:hover{
	background: url(../images/index_menu03on.png) center top no-repeat;
}
#indexmenu li.m04 a{
	background: url(../images/index_menu04.png) center top no-repeat;
}
#indexmenu li.m04 a:hover{
	background: url(../images/index_menu04on.png) center top no-repeat;
}
#indexmenu li.m05 a{
	background: url(../images/index_menu05.png) center top no-repeat;
}
#indexmenu li.m05 a:hover{
	background: url(../images/index_menu05on.png) center top no-repeat;
}
	


/**/

footer{
	background-position: center bottom;
	text-align: center;
	margin-left: 0px;
	background-image: url(../images/foot_bg.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 200px;
}

.wrapper footer{
    margin-top: -25px;
    position: relative;
}

.wrapper footer .component{
	height:90px;
	padding-top:20px;
	text-align:center;
	position: relative;
    z-index: 1;
}

.drapper footer .component{
	background: url(../images/footbg01.png) center top no-repeat;
	height:90px;
	padding-top:140px;
	text-align:center;
	position: relative;
    z-index: 1;
}

footer .component li{
	display:inline-block;
	margin:22px 10px;
}
footer .component li a{
	display:block;
}


ul#mainmenu li{
	display:inline-block;
	vertical-align:middle;
}

ul#mainmenu li a{
	display:block;
	background: url(../images/menu.png) center top no-repeat;
	width:120px;
	height:56px;
	padding-top:54px;
	text-align:center;
	font-size: 1.2em;
	color:#fff;
	font-weight:bold;
}

ul#mainmenu li.on a,
ul#mainmenu li:hover a{
	background: url(../images/menuon.png) center top no-repeat;
	color: #ffeb00;
}


ul#mainmenu li a span{
	display:block;
}


article .con{
	position:relative;
	background: url(../images/con00.png) center top repeat-y;
	min-height:900px;
	width:810px;
	padding:0 50px;
	margin-top:50px;
	margin-bottom:55px;
}

article .con:before,
article .con:after{
	display:block;
	content:"";
	position:absolute;
	width:910px;
	left:0;
}

article .con:before{
	background: url(../images/con01.png) center top no-repeat;
	height:50px;
	top:-50px;
}

article .con:after{
	background: url(../images/con02.png) -2px top no-repeat;
	height:67px;
	bottom:-67px;
}

h3.title,
.abgne_tab{
	display:inline-block;
	vertical-align:bottom;
	height:77px;
	margin-right:-4px;
}

h3.title{
	margin-left:80px;
}

.abgne_tab{
	position:relative;
}

.abgne_tab ul {
	display:block;
	height:77px;
}

.abgne_tab ul li{
	float:left;
}

.abgne_tab .active:before{
	display:block;
	content:"";
	position:absolute;
	width:910px;
	height:12px;
	left:-215px;
	bottom:-12px;
	z-index:1;
}

.abgne_tab .tab01.active:before{
	background-repeat: no-repeat;
	background-position: center top no-repeat;
	background-image: url(../images/tab01_bg.png);
}

.abgne_tab .tab02.active:before{
	background-repeat: no-repeat;
	background-position: center top no-repeat;
	background-image: url(../images/tab02_bg.png);
}

.abgne_tab .tab03.active:before{
	background-repeat: no-repeat;
	background-position: center top no-repeat;
	background-image: url(../images/tab03_bg.png);
}
.abgne_tab .tab04.active:before{
	background-repeat: no-repeat;
	background-position: center top no-repeat;
	background-image: url(../images/tab04_bg.png);
}


.tabimg{
	float:right;
    margin-right: 90px;
    position: relative;
    z-index: 1;
}
/**/
ul.oneicon >li,
ul.twoicon >li{
	margin-top:20px;
}

ul.oneicon >li >b,
ul.twoicon >li >b{
	font-size:1.3em;
	color:#0071a5;
	display:block;
	margin-bottom:6px;
}

ul.oneicon >li >b:before{
	display:inline-block;
	vertical-align:bottom;
	content:"";
	background: url(../images/oneicon.jpg) left top no-repeat;
	width:30px;
	height:40px;
}

ul.twoicon >li >b:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	background: url(../images/twoicon.jpg) left top no-repeat;
	width:48px;
	height:35px;
	padding-right:6px;
}


ul.oneicon >li >p{
	margin-left:30px;
}
ul.twoicon >li >p{
	margin-left:55px;
}
/**/

.pink{
	color:#ff317f;
	font-weight:bold;
}

/**/
.con01{
	position:relative;
	background: url(../images/menu01_img02.jpg) right bottom no-repeat;
	min-height:1130px;
}
.con01 h4,
.con01 ul.oneicon,
.con01 ul.list{
	width:500px;
}

.con01 .img01{
	position:absolute;
	right:0;
	top:-30px;
}

.con01 h4{
	font-size:1.3em;
	color:#0071a5;
}

.nol{
	font-size:1.2em;
}
.nol:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	background: url(../images/nol.jpg) left top no-repeat;
	width:30px;
	height:25px;
	margin:5px 0;
}

.yellowbl{
	border-left:#ffd900 4px solid;
	padding-left:4px;
}

.con01 ul.list{
	margin-left:30px;
}

.con01 ul.list li{
	margin:8px 0;
}
.con01 ul.list ol li{
	list-style-type:decimal;
	margin-left:20px;
}

h4.nolt{
	font-size:2.2em;
}

h4.nolt:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	background: url(../images/btitle.jpg) left top no-repeat;
	width:45px;
	height:50px;
	margin:5px 0;
}

h4.nolt span{
	color:#bf164a;
}

.tab_content .ablock,
.tab_content .bblock{
	display:inline-block;
	vertical-align:top;
}

.tab_content .ablock{
	width:440px;
	margin-right:25px;
}

.tab_content img{
	max-width:100%;
	margin:20px 0;
}
#tab3 .bblock img + img{
	margin:40px 0 0 0;
}

.tab_content .cblock img{
	margin:0;
}

.con04{
	margin-top:-60px;
}

ul.icon04{
	margin-left:55px;
}

ul.icon04 li{
	text-indent:-30px;
	margin:10px 0 10px 30px;
}

.icon04 li:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	background: url(../images/icon04.jpg) left top no-repeat;
	width:25px;
	height:20px;
	padding-left:5px;
}

.menu04_img{
	border-top:#007ac5 1px dashed;
	margin-top:20px;
	padding-top:20px;
}

.menu04_img img{
	margin:auto;
}


/**/

#inline_content h4{

}

#inline_content .notice{
	max-width:850px;
	padding-top:15px;
}

#inline_content .notice >ul >li{
	margin:15px;
}
#inline_content .notice >ul >li >b{
	font-size:1.3em;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
}

#inline_content .notice >ul >li >b span{
	font-size:0.75em;
}
#inline_content .notice >ul >li >b:before{
	display:inline-block;
	vertical-align:middle;
	content:"";
	background: url(../images/notice_i.jpg) left top no-repeat;
	width:22px;
	height:20px;
	padding-left:5px;
}

#inline_content .notice >ul >li >p{
	margin-left:30px;
}

#inline_content .notice img{
	display:inline-block;
	vertical-align:middle;
}

#inline_content .notice >ul >li ol{
	margin-left:30px;
	line-height:2em;
}

#inline_content .notice ol li{
	margin-left:20px;
	list-style-type:decimal;
}
#inline_content .notice ol li p{
	text-indent: -20px;
	margin-left:20px;
}

.m_t_10 {
	margin-top: 10px;

}
h5 {
	font-size: 16px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 55px;
}