#mask{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	transition:background-color 2s;
	-webkit-transition:background-color 2s;
	background-color: rgba(0, 0, 0, 0.7);
}
/*nav*/
nav.nav_show{display: inline-block; margin: 0 0 0 10px; position: relative; top:-20px;}
nav.nav_show .page{display: inline-block;}
nav.nav_show .page a{color: #000; line-height: 60px;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
  padding: 5px 6px;
  font-size: 0.8em;
  margin: 0 0 0 6px;
  background: #999;
}
nav.nav_show .page a.sel{background:#FFDC28;}
@media screen and (max-width:640px) {
  nav.nav_show{margin: 0 0 0 0px; top:-14px;}
  nav.nav_show .page a{line-height: 40px;}
}
@media screen and (max-width:360px) {
  nav.nav_show .page a{
    padding: 5px 3px;
    font-size: 0.8em;
    margin: 0 0 0 3px;
  }
}
/*option_menu*/
#option_column{
  display:block;
  z-index:9999;
  width:100%;
  position:relative;
  left:100%;
  overflow:hidden;
  overflow-y:auto;
  padding:0 0 60px 0;
  background-color: rgba(245, 245, 245, 1);
  transition:left 0.5s;
  -webkit-transition:left 0.5s;
}
#option_column ul.option_menu{margin: 0; padding: 0;}
#option_column .option_wrap {
  margin:0;
}
/*狀態*/
#option_column.clicked {
  display: block;
  left:30%;
  transition: left 0.3s;
  -webkit-transition:left 0.3s;
}
#option_column.back {
  display:block;
  left:100%;
  transition:left 0.3s;
  -webkit-transition:left 0.3s;
}
#option_column .option_sel{
  clear:both;
  width:70%;
  font-size:1em;
  line-height:1.2em;
  display:block;
  border-bottom:1px solid #ddd;
  color:#333;
  cursor:pointer;
}
#option_column .option_sel a{
  line-height:1.2em;
  display: inline-block;
  padding: 8px;
  min-height: 49px;
  color:#333;
  word-break: break-all;
}
#option_column .option_sel:hover{
  background:#e8e8e8;
}
/*option*/
#option{
  float: right;
  width: 60px;
  height: 60px;
  border-left:1px solid rgba(255,255,255,0.2);
  cursor: pointer;
}
#option.close{
	background:url(icon_option_menu_close.svg) center center no-repeat;
}
.expandable a::before{
	content:"︾ ";
	font-size:1em;
	color:#999;
}
.categoryitems li{
	width:100%;
	line-height:40px;
}
.categoryitems li a{
	width:100%;
	color:#333745;
	background:#f4f4f4;
	font-size:1.2em;
	text-indent:0px;
	line-height:49px;
	display:block;
	border-bottom:1px solid #E4E4E4;
	margin:0;
	padding:0 0 0 25px;
}
.categoryitems li a:hover{
	background:#e8e8e8;
}
.categoryitems li ::before{
	content:"> ";
	font-size:1em;
	color:#999;
}
/***************************************************************/
header{
  position:fixed;
  top:0;
  width: 100%;
  height: 60px;
  background-color: rgba(0,0,0,0.75);
  z-index:12;
  text-align: center;
}
header .logo{
  display: inline-block;
  width: 260px;
  height: 55px;
  margin: 5px 0 0 0;
}
header .logo img,
header #option_column img{
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width:640px) {
  header{
    height: 40px;
  }
  header #option{
    width: 40px;
    height: 40px;
  }
  header .logo{
    width: 180px;
    height: 32px;
    text-align: left;
  }
  header .logo img{
    max-height: 100%;
  }
}
/**/
.top_banner{
 position: relative;
}
.top_banner .title{
  position: absolute;
  width: 100%;
  top: 40%;
  display: block;
  text-align: center;
  z-index: 11;
}
.top_banner .scroll_down{
  position: absolute;
  width: 100%;
  bottom: 8%;
  display: block;
  text-align: center;
  z-index: 11;
  animation: scroll_down 2s infinite;
  -webkit-animation: scroll_down 2s infinite;
  cursor: pointer;
}
@media screen and (max-width:640px) {
  .top_banner .scroll_down{
    display: none;}
}
/*bird-effect*/
@-webkit-keyframes scroll_down{
  0%{bottom: 8%;}
  50%{bottom: 5%;}
}
@keyframes scroll_down{
  0%{bottom: 8%;}
  50%{bottom: 5%;}
}
.top_banner .scroll_down img{
  max-width: 30px;
}
.top_banner .title h1{
  color: #fff;
  margin:0 auto;
  line-height: 36pt;
  font-size: 2em;
  font-weight: normal;
}
@media screen and (max-width:1000px) {
  .top_banner .title h1{
    line-height: 24pt;
    font-size: 1.66em;
  }
}
@media screen and (max-width:640px) {
  .top_banner .title h1{
    line-height: 16pt;
    font-size: 1.2em;
  }
}
.page_banner{width: 100%; clear: both;}
.page_banner img{width: 100%;}

@media screen and (max-width:640px) {.top_banner,.page_banner{margin-top: 40px;}}
/*container*/
.container{
  clear: both;
  width: 100%;
}
.container_title h1{
  width: 100%;
  max-width: 990px;
  clear: both;
  color: #222;
  margin: 10px auto 0 auto;
  padding: 0 20px 20px 15px;
  display: block;
  font-size: 1.5em;
  line-height: 1.5em;
  font-weight: bold;
}
.container_title h2{
  width: 100%;
  clear: both;
  text-align: center;
  line-height: 1.5em;
  color: #222;
  margin: 10px 0 0 0;
  padding: 40px 0 40px 0;
}
/*style1*/
.container_style1 h3{
  width: 100%;
  clear: both;
  text-align: center;
}
.container_style1 .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto;
  border-bottom: 2px solid #050505;
}
.container_style1 .info{
  clear: both;
  width: 100%;
  padding: 40px 1%;
  text-align: center;
}
.container_style1 .info .float_left{
  display: inline-block;
  width: 55%;
	text-align: justify;
	text-justify:inter-ideograph;
  vertical-align: top;
  margin: 0 1%;
}
.container_style1 .info .float_right{
  display: inline-block;
  width: 40%;
	text-justify:inter-ideograph; 
  vertical-align: top;
  margin: 0 1%;
  text-align: center;
  font-size: 1em;
  color:#999;
}
.container_style1 .info .float_right img{
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width:800px) {
  .container_style1 .info .float_left,
  .container_style1 .info .float_right{width: 100%; margin: 0;}
}
/*style2*/
.container_style2 h3{
  width: 100%;
  clear: both;
  text-align: center;
  line-height: 1.6em;
}
.container_style2 .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto 40px auto;
  border-bottom: 2px solid #050505;
}
.container_style2 .info{
  clear: both;
  width: 100%;
  text-align: center;
}
.container_style2 .info .float_left{
  display: inline-block;
  width: 47%;
	text-align: justify;
	text-justify:inter-ideograph;
  vertical-align: top;
  margin: 0 1%;
}
.container_style2 .info .float_right{
  display: inline-block;
  width: 47%;
	text-align: justify;
	text-justify:inter-ideograph; 
  vertical-align: top;
  margin: 0 1%;
}
.container_style2 .info .float_right img{
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width:960px) {
  .container_style2 .info .float_right,
    .container_style2 .info .float_left{width: 100%; margin: 0;}
}
/*style2-2*/
.container_style2-2{display: blockl; overflow: hidden;}
.container_style2-2 h3{
  width: 100%;
  clear: both;
  text-align: center;
  line-height: 1.6em;
}
.container_style2-2 .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto 40px auto;
  border-bottom: 2px solid #050505;
}
.container_style2-2 .info{
  clear: both;
  width: 100%;
  text-align: center;
}
.container_style2-2 .info .float_left{
  float: right;
  width: 47%;
	text-align: justify;
	text-justify:inter-ideograph;
  vertical-align: top;
  margin: 0 1%;
}
.container_style2-2 .info .float_right{
  float: right;
  width: 47%;
	text-align: justify;
	text-justify:inter-ideograph; 
  vertical-align: top;
  margin: 0 1%;
}
.container_style2-2 .info .float_right img{
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width:960px) {
  .container_style2-2 .info .float_right,
  .container_style2-2 .info .float_left{width: 100%; margin: 0;}
}
/*style4*/
.container_style4{
  background: #f0f0f0;
  padding: 16px 0 1% 0;
}
.container_style4 h2{
  clear: both;
  width: 100%;
  max-width: 980px;
  margin: 0 auto 0 auto;
  padding: 0 0 10px 0;
  text-align: left;
  color: #222;
  font-size: 1.2em;
}
.container_style4 h3{
  width: clac(100% - 25px);
  line-height: 1.3em;
  clear: both;
  text-align: left;
  text-indent: -20px;
  margin-left: 25px;
  margin-bottom: 10px;
}
.container_style4 h3.ii{
  width: clac(100% - 30px);
  line-height: 1.3em;
  clear: both;
  text-align: left;
  text-indent: -20px;
  margin-left: 30px;
  margin-bottom: 10px;
}
.container_style4 h3.iii{
  width: clac(100% - 35px);
  line-height: 1.3em;
  clear: both;
  text-align: left;
  text-indent: -20px;
  margin-left: 35px;
  margin-bottom: 10px;
}
.container_style4 h3.iv{
  width: clac(100% - 35px);
  line-height: 1.3em;
  clear: both;
  text-align: left;
  text-indent: -20px;
  margin-left: 35px;
  margin-bottom: 10px
}
.container_style4 .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto 40px auto;
  border-bottom: 2px solid #050505;
}
.container_style4 .info{
  clear: both;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.container_style4 .info2{
  clear: both;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
  padding: 0 20px 0 15px;
  text-align: left;
  text-indent: 0;
  text-align: justify;
}
.container_style4 .info .float_right,
.container_style4 .info .float_left{
  display: inline-block;
  width: 100%;
  max-width: 990px;
	text-align: left;
	text-justify:inter-ideograph; 
  vertical-align: top;
  padding: 0 15px 0 15px;
}
.container_style4 .info .float_right img,
.container_style4 .info .float_left img{
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.container_style4 .pic_column{
  width: 100%;
  clear: both;
  text-align: center;
  margin: 0 0 40px 0;
}
.container_style4 .pic_column img{
  margin: 0 auto;
  width: calc(100% - 24px);
  max-width: 1200px;
  max-width: 970px;
}
/*style5*/
.container_style5 .column_title{
  position: relative;
  top:-100px;
  width: 80%;
  padding: 60px 0 20px 0;
  margin: 0 auto;
  background: #d4e4f0;
}
.container_style5 .column_title h3{
  width: 100%;
  clear: both;
  text-align: center;
}
.container_style5 .column_title .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto;
  border-bottom: 2px solid #050505;
}
.container_style5 .info{
  clear: both;
  width: 100%;
  position: relative;
  top:-100px;
  padding: 0;
  text-align: center;
  line-height: 0;
  letter-spacing: -4px;
  background-color:#000;
  z-index: 1;
  display: block;
}
.cube{position: relative; display: inline-block; width: 50%; height: 360px; color: #fff;}
.cube_style_1{ background-color:#1c405b;}
.cube_style_2::before{ background-image: url(../img/container_005_001.jpg);
  content : "";  display: block;  width: 100%;  height: 100%;  background-position: center;	-moz-background-size: cover;	-webkit-background-size: cover;	-o-background-size: cover;	background-size: cover;  filter: alpha(opacity=33);	opacity:0.33;	-moz-opacity:0.33;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";}
.cube_style_3::before{ background-image: url(../img/container_005_002.jpg);
  content : "";  display: block;  width: 100%;  height: 100%;  background-position: center;	-moz-background-size: cover;	-webkit-background-size: cover;	-o-background-size: cover;	background-size: cover;  filter: alpha(opacity=33);	opacity:0.33;	-moz-opacity:0.33;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";}
.cube_style_4{ background-color:#654a2d;}
.cube_style_5{ background-color:#582626;}
.cube_style_6::before{ background-image: url(../img/container_005_003.jpg);
  content : "";  display: block;  width: 100%;  height: 100%;  background-position: center;	-moz-background-size: cover;	-webkit-background-size: cover;	-o-background-size: cover;	background-size: cover;  filter: alpha(opacity=33);	opacity:0.33;	-moz-opacity:0.33;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";}
.cube_style_7::before{ background-image: url(../img/container_005_004.jpg);
  content : "";  display: block;  width: 100%;  height: 100%;  background-position: center;	-moz-background-size: cover;	-webkit-background-size: cover;	-o-background-size: cover;	background-size: cover;  filter: alpha(opacity=33);	opacity:0.33;	-moz-opacity:0.33;	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";}
.cube_style_8{ background-color:#6d5210;}
.cube p{position: absolute; top:30%; text-indent:0; padding: 0 10%; line-height: 1.3em; letter-spacing: 1px; text-align: left;}
@media screen and (max-width:480px) {
  .cube p{position: absolute; top:20%; text-indent:0; padding: 0 3%; line-height: 1.3em; letter-spacing: 1px; text-align: left;}
}
.cube_color_5{
  position:absolute;
  top:98%;
  height: 120px;
  width:100%;
  z-index: 2;
}
.cube_color_5 .color_box{
  display: block;
  background: #d4e4f0;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  .cube{width: 100%;}
}
/*style8*/
.container_style8{
  background: #f0f0f0;
  padding: 16px 0 60px 0;
}
.container_style8 h3{
  width: 100%;
  clear: both;
  text-align: center;
}
.container_style8 .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto 40px auto;
  border-bottom: 2px solid #050505;
}
.container_style8 .info{
  clear: both;
  width: 100%;
  text-align: center;
}
.container_style8 .info .float_right,
.container_style8 .info .float_left{
  display: inline-block;
  width: 100%;
	text-align: left;
	text-justify:inter-ideograph; 
  vertical-align: top;
  padding: 0 1%;
}
.container_style8 .info .float_right img,
.container_style8 .info .float_left img{
  max-width: 100%;
  width: 100%;
}
/*style9*/
.container_style9{
  padding: 16px 0 60px 0;
}
.container_style9 .logo_doc{
  width: 100%;
  clear: both;
  text-align: center;
}
.container_style9 .logo_doc img{
  margin: 0 auto;
  width: 200px;
}
.container_style9 h3{
  width: 100%;
  clear: both;
  text-align: center;
}
.container_style9 .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto 40px auto;
  border-bottom: 2px solid #050505;
}
.container_style9 .info{
  clear: both;
  width: 100%;
  text-align: center;
}
.container_style9 .info .float_right,
.container_style9 .info .float_left{
  display: inline-block;
  width: 100%;
	text-align: left;
	text-justify:inter-ideograph; 
  vertical-align: top;
  padding: 0 1%;
}
.container_style9 .info .float_right img,
.container_style9 .info .float_left img{
  max-width: 100%;
  width: 100%;
}
/*style10*/
.container_style10{
  position: relative;
  display:inline-block;
  width: 100%;
  background: #3f3f3f;
  padding: 16px 0 60px 0;
}
.container_style10-2{
  background: #1f4d6e;
}
.container_style10-3{
  background: #336666;
}
.container_style10-4{
  background: #664f33;
}
.container_style10 h2,
.container_style10 h3{
  width: 100%;
  clear: both;
  text-align: center;
  color:#fff;
}
.container_style10 .border_bottom{
  clear: both;
  width: 150px;
  margin: 0 auto 40px auto;
  border-bottom: 2px solid #fff;
}
.container_style10 .info{
  clear: both;
  width: 100%;
  text-align: center;
}
/*******/
.text p{margin: 0 0 20px 0; text-align: left;text-align: justify; text-justify:inter-ideograph; }
.text h4{
  margin: 0;
  line-height: 2em;
  font-size: 1em;
  text-indent:0px;
}
.text img{
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.text_008 p{text-indent:0em;}
/*show more less*/
.b-description_readmore_wrapper {    
    /*display: flex;*/
    flex-flow: column wrap;
    align-items: center;  
    max-width: none !important;
    width: 100%;
    text-align: center;
}
.b-description_readmore {
    position: relative;
}
.b-description_readmore_button {
  display: inline-block;
  font-size: 0.9em;
  border: 1px solid #050505;
  padding: 10px 20px;
  margin: 20px auto;
  max-width: 120px;
  text-align: center;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
  cursor: pointer;
  color:#050505;
}
.b-description_readmore_button:hover {
    color: white;
    background: black;
}
.b-description_readmore_ellipsis:after {    
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 45px;    
    background: linear-gradient(to bottom, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1) 100%);
}
.b-description_readmore_ellipsis_gray:after {    
    background: linear-gradient(to bottom, rgba(240, 240, 240, 0), rgba(240, 240, 240, 1) 100%);
}
.b-description_readmore_ellipsis_bg2:after {    
    background: linear-gradient(to bottom, rgba(247, 244, 235, 0), rgba(247, 244, 235, 1) 100%);
}
.b-description_readmore_ellipsis_bg4:after {    
    background: linear-gradient(to bottom, rgba(237, 243, 227, 0), rgba(237, 243, 227, 1) 100%);
}
/*table_8*/
.table_8{background-color: #050505; width:100%; margin: 0 auto;}
@media screen and (max-width:640px) {.table_8{font-size: 1em; line-height: 14px; letter-spacing: 0; word-break: break-all;}}
.table_8 tr th{background-color: #ccc; text-align: center;}
.table_8 tr td{background-color: #fff;}
.table_8 p{margin: 0;}
/*list_9*/
ol.list_9 li{
  list-style: upper-roman;
}
ol.list_9_2 li{
  list-style:decimal;
}
/**/
/*events_column*/
.events_column{
	width:100%;
	margin:0 auto;
  color:#fff;
}
@media screen and (max-width:640px) {
	.events_column li{
		width:100%;
	}
}
.events_box{
  background-image:url(events_line_1.svg);
  background-repeat: repeat-x;
	-moz-background-size:100% auto;
	-webkit-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}
.events_box_style_2{
  background-image:url(events_line_2.svg);
}
.events_box_style_3{
  background-image:url(events_line_3.svg);
}
.events_box_style_4{
  background-image:url(events_line_4.svg);
}
.events_box .date{
  width: 80px;
  height: 80px;
  margin: 0 auto;
  clear: both;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
}
.events_box .date_style_1{
  background: #fafa0c;
  color:#000;
}
.events_box .date_style_2{
  background: #00ffff;
  color:#000;
}
.events_box .date_style_3{
  background: #c4df9b;
  color:#000;
}
.events_box .date_style_4{
  background: #c7b299;
  color:#000;
}
.events_box .date .year{
  font-size: 1em;
  padding: 10px 0 0 0;
}
.events_box .date .month{
  font-size: 1em;
  line-height: 10pt;
}
.events_box .info{
  font-size: 1em;
  padding: 10px;
  line-height: 1.4em;
}
/*輔助設定*/
html{
  background-color: #f0f0f0;
}
body{
	margin:0;
	padding:0;
	overflow-x:hidden;
	font-size:1em;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;
	font-family: "Microsoft JhengHei", "Times New Roman", Times, serif;
}
@media screen and (max-width:800px) {
  body{
	font-size:1em;
    line-height:1.6em;}
}
a:link,
a:visited,
a:hover{
	text-decoration:none;
}
p{ text-indent:1.6em; padding:0 0; margin:0px; line-height:1.6em;	text-align: justify;
	text-justify:inter-ideograph; }
p.list_info{ text-indent:0px; padding: 0 5px 0 2%;}
@media screen and (max-width:800px) {p.list_info{padding:0 2% 0 3%;}}
@media screen and (max-width:640px) {p.list_info{padding:0 2% 0 4%;}}
@media screen and (max-width:360px) {p.list_info{padding:0 2% 0 8%;}}
p.list{ text-indent:-20px; padding:0 5px 0 2.5%;}
p.list2{ text-indent: 0px; padding:0 5px 0 25px;}
p.list22{ text-indent: 0px; padding:0 5px 0 30px;}
p.list23{ text-indent: 0px; padding:0 5px 0 37px;}
p.list24{ text-indent: 0px; padding:0 5px 0 37px;}
p.list3{ text-indent: 0px; padding:0 5px 0 25px;}
p.list32{ text-indent: 0px; padding:0 5px 0 30px;}
p.list33{ text-indent: 0px; padding:0 5px 0 35px;}
p.list34{ text-indent: 0px; padding:0 5px 0 35px;}
.container_style4 .info .float_left p.list3 img{margin-top: 20px; display: block;}
@media screen and (max-width:1600px) {p.list{ text-indent:-20px; padding:0 2% 0 2.5%;}}
@media screen and (max-width:1200px) {p.list{ text-indent:-20px; padding:0 2% 0 4.5%;}}
@media screen and (max-width:800px) {p.list{ text-indent:-20px; padding:0 2% 0 6%;}}
@media screen and (max-width:640px) {p.list{ text-indent:-20px; padding:0 2% 0 6%;}}
@media screen and (max-width:360px) {p.list{ text-indent:-20px; padding:0 2% 0 10%;}}

@media screen and (max-width:800px) {
  p{ text-indent:0.85em; line-height:1.6em;}
}
table p{ text-indent:0em;}
.over_length{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
}
span.note{font-size: 1em; color: #454545; padding: 0 0 10px 0; display: block; line-height: 1.2em; width: 98%; margin: 0 auto; text-align: center;}
.justify{
	text-align: justify;
	text-justify:inter-ideograph; 
}
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bg_color_2{background-color: #f1ecde;}
.bg_color_3{background-color: #ddeff3;}
.bg_color_4{background-color: #edf3e3;}
.pic_list{clear: both; width: 100%; text-align: center; }
.pic_list .box{display: inline-block; width: 30%; margin:0 1% 1% 1%; vertical-align: top;}
.pic_list .box img{width: calc(100% - 20px);}
@media screen and (max-width:960px) {.pic_list .box{width: 46%;}}
@media screen and (max-width:640px) {.pic_list .box{width: 98%;}}

/* 20190924 */
header .logo a{display: block;}

.TOP{ position: absolute; top:32px; left: 5px; color: #fff; z-index: 99;}
.goCenter{float: left; color: #ccc; margin: 10px 0 0 5px; opacity: 0;}
@media screen and (max-width:640px) {
  .goCenter,
  .TOP{display: none;}
}

#container_title{padding: 0;}

/* 20190923 sitemap*/
.sitemap_title{width: 100%; margin: 100px 0 40px 0; text-align: center;}
@media screen and (max-width:640px) {
  .sitemap_title{ margin: 100px 0 0px 0;}
}
.sitemap_title .title h1{
  margin: 0 auto;
  line-height: 36pt;
  font-size: 2em;
  font-weight: normal;
}
.sitemap_column{margin: 0 auto; max-width: 800px;}
.sitemap_column .title{ padding: 16px 10px; background: #eee; font-weight: bold;}
.sitemap_column ul li{border-bottom: 1px solid #ccc;}
.sitemap_column a{color: #000; width: 100%; display: block; padding: 16px 10px;}
.sitemap_column a:hover{background:#FFDC28;}
.sitemap_step1 li{font-size: 1.2em;}
.sitemap_step2 li{font-size: 1em;}

/* 20211001 */
p._center{text-indent: 0;}
._picdesc{
  display: block;
  padding: 5px 3px;
  margin: 0 auto;
  line-height: 1.5em;
  font-size: 0.9em;
  font-style: italic;
  width: calc(100%);
  text-align: left;
}
._center{text-align: center;}
._picdesc::before{
  content: "•";
  display: inline-block;
  margin: 0 5px;
}
.pic_column>img,
.pic_list img{
  border: 12px solid #ffffff;
  border-radius: 8px;
}
.info img{
  border-radius: 8px;
}
@media screen and (max-width:800px) {
  .pic_column>img,
  .pic_list img{
    border: 6px solid #ffffff;
  }
}
.info a{color: #f60;}
/******************************************/
._li_roman{
  /*list-style-type:lower-roman;*/
  list-style-type:upper-roman;
}
._li_roman li::marker{
  letter-spacing: 1px;
}
._li_roman li:nth-child(1)::marker{
  content: "(I) ";
}
._li_roman li:nth-child(2)::marker{
  content: "(II) ";
}
._li_roman li:nth-child(3)::marker{
  content: "(III) ";
}
._li_roman li:nth-child(4)::marker{
  content: "(IV) ";
}
._li_roman li p.list_info{
  padding: 0 0 0 0;
}
/******************************************/
._li_upper{
  /*list-style-type:lower-roman;*/
  list-style-type:upper-roman;
}
._li_upper li::marker{
  letter-spacing: 1px;
}
._li_upper li:nth-child(1)::marker{
  content: "A. ";
}
._li_upper li:nth-child(2)::marker{
  content: "B. ";
}
._li_upper li:nth-child(3)::marker{
  content: "C. ";
}
._li_upper li:nth-child(4)::marker{
  content: "D. ";
}
._li_upper li p.list_info{
  padding: 0 0 0 0;
}
/******************************************/

.container_style4 h3._center{
  text-align: center;
  text-indent: 0;
  margin-left: 0;
}
._mt40{
  margin-top: 40px;
}
._pt40{
  padding-top: 40px;
}