@charset "utf-8";
/* CSS Document */
body { padding:0 !important;}
.container { width:98%;}
@media only screen and (max-width: 587px) {
.row { margin-right:0; margin-left:0;}
}
img { max-width:100%;}

a {
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
a:hover { 
	text-decoration: none; 
}
i {font-style: normal;} 

textarea { width:90%;}

.caption-text{font-size: 0.95rem;}

.indent-2 { text-indent:-1.1em; padding-left:1.1em;}
.indent-4 { text-indent:-2.2em; padding-left:2.2em;}
.indent-6 { text-indent:-3.2em; padding-left:5.2em;}

.blue-box { background-color:#f1f9ff; padding:25px; text-align: center;}
.gray-box { border:#CCCCCC 2px solid; padding:25px; text-align: center;}
.btn.more { border-radius: 50px; background-color:#999999;border-color: #999999;color:#FFFFFF;padding-left:1em; padding-right:1em;}
.btn.more:hover { background-color: #00479D;border-color: #00479D;color:#FFFFFF;}

.w-20 { width:20%;}
.w-30 { width:30%;}
.w-40 { width:40%;}
.w-50 { width:50%;}
.w-60 { width:60%;}
.w-md-20 { width:100%;}
.w-md-30 { width:100%;}
.w-md-40 { width:100%;}
.w-md-50 { width:100%;}
.w-md-60 {  width:100%;}

@media only screen and (min-width: 768px) {
	.none-sm { display: none !important;} 
	.w-md-20 { width:20%;}
	.w-md-30 { width:30%;}
	.w-md-40 { width:40%;}
	.w-md-50 { width:50%;}
	.w-md-60 { width:60%;}

}
@media only screen and (min-width: 992px) {
	.none-md { display: none !important;} 
}

.btn_totop { 
	border:3px solid #FFFFFF; 
	background-color: rgba(10,10,10,0.2); 
	border-radius:50%; 
	display: block; 
	text-align: center;
	width:80px;
	height:80px;
	position:fixed;
	right: 20px;
    bottom: 20px;
	line-height: 1.0;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*************************************
  main
*****************************************/
#main-wrapper { padding:0 0 50px 0; }
#main-wrapper > section, #main-wrapper > .container  {padding:50px 0;}
#main-inner > section { padding:50px 0 0; }
#main-inner > section .section { margin-bottom:2em; }
#main-inner > section .inner { padding:0; margin-bottom:3em;}
#main-inner > section .inner:last-child { margin-bottom:0;}
#main-inner > section:nth-of-type(1) { padding-top:0;}

#main-inner > section h2 {
    color: #005bac;
    font-weight: bold;
    text-align: left;
    margin: 0 0 1.0em 0;
}
#main-inner > section h2 span { display: block; color:#000000; }
#main-inner > section h2 span.cat-name-2 { display: block; color:#000000; font-size:14px; font-weight: normal; }
#main-inner > section h2.catch-copy { font-size: 28px;}
#main-inner > section h3 { font-size:20px; font-weight:bold; color:#000000; margin-bottom: 1.2em;}
#main-inner > section h4 { font-size:16px; font-weight:bold; color:#000000; margin-bottom: 1em; padding:0 0 0.5em; border-bottom:2px solid #c7c7c7;position:relative;}
#main-inner > section h4:after { content:""; width:30%; height:2px; background-color:#00479D; position:absolute; bottom:-2px; left:0; }
#main-inner > section h5 { color:#005bac; font-weight:bold; font-size:16px; }
#main-inner > section p.text { font-size:1.05rem; line-height: 1.6em; text-align: justify;}
#main-inner > section dl { padding:0.5em; border-bottom: 1px dotted #a0a0a0;}
#main-inner > section dl.table dt { color:#065fad;}

@media only screen and (min-width: 768px) {
	 
	#main-inner > section h2 {
	transform: skewX(150deg);
    border-left: 25px solid #005bac;
    padding-right: 25px;
	padding-left:40px;
    color: #005bac;
    font-weight: bold;
    text-align: left;
    margin: 0 0 1.2em 25px;
	}
	#main-inner > section h2 span { display: block; color:#000000; transform: skewX(-150deg);}
	#main-inner > section h2 span.cat-name-2 { display: block; color:#000000; font-size:14px; margin-left:-1.0em; font-weight: normal; }
	#main-inner > section h2.catch-copy { font-size: 32px;}
}
@media only screen and (min-width: 992px) {
	#main-inner > section h2 span.cat-name-2 { font-size:18px;}
	#main-inner > section h2.catch-copy { font-size: 36px;}
	#main-inner > section h3 { font-size:22px; }
	#main-inner > section h4 { font-size:18px;}
	#main-inner > section dl { display: table;} 
	#main-inner > section dl.table dt, #main-inner > section dl.table dd { display: table-cell;}
	#main-inner > section dl.table dt { padding:0 1em 0 0;}
}


/*************************************
  .page-title
*****************************************/

.page-title-wrapper { padding:85px 0 0 0;background-color:#6691C4;width:100%;height:255px;position: relative;overflow: hidden; }
.page-title-wrapper .container-wrapper { width:100%;}
.page-title-wrapper .container-wrapper, .page-title-wrapper .container { display: flex; justify-content: center;align-items: stretch;height: 100%; }
	.page-title-wrapper .container h1 {    
		color:#FFFFFF;z-index: 1;margin-top:0;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		font-size: 2.2rem;
	}
.page-title-wrapper:before { content:" "; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 370px 0 0 30rem;
	border-color: transparent transparent transparent rgba(0, 71, 157, 0.7);
    position: absolute;
    bottom: 0;
	left:0;
	overflow: hidden;
	z-index: 0;
}
.page-title-wrapper:after { content:" "; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 370px 100rem;
	border-color: transparent transparent rgba(0, 71, 157, 0.5) transparent ;
    position: absolute;
    bottom: 0;
	right:0;
	overflow: hidden;
	z-index: 0;
}
.page-title-wrapper .container h1 span { display: block; text-align: center;width:100%; }
.page-title-wrapper .container h1 span.cat-name { font-size: 24px; }
.page-title-wrapper .mask { display: none;}
.second-top .page-title-wrapper:before, .second-top .page-title-wrapper:after { display: none;} 
.second-top .page-title-wrapper .mask  { display: none; position:absolute; bottom:-1em; width:100%; height:auto; z-index: 50; }
.second-top .page-title-wrapper { background-repeat:no-repeat; background-size: cover; background-position: center bottom;}



/*************************************
  .breadcrumb
*****************************************/
.breadcrumb-wrapper { width:100%;/*background-color: rgba(0, 91, 172, 0.1); */}
.breadcrumb-wrapper .container { width:96%;padding:0;}
.breadcrumb-wrapper ul { list-style: none; padding:0.2em 0;margin:0; } 
.breadcrumb-wrapper ul li { display: inline-block; list-style: none; }
.breadcrumb-wrapper ul li a { color:#777777; }
.breadcrumb-wrapper ul li:before { color:rgba(0, 91, 172, 0.5); font-size: 0.8rem; vertical-align: middle; padding:0 0.5em;}
.breadcrumb-wrapper ul li.current { color:#00479d;} 


/*************************************
  #side-nav
*****************************************/
#side-nav { margin-top:50px;}
#side-nav h2 { font-size: 1.2em; width:100%;margin-bottom: 0; text-align: center; font-weight: bold; }
#side-nav h2 a { width:100%; display: block; padding:1.0em; background-color:#005BAC;color:#FFFFFF; }
#side-nav h2 a:hover { background-color: #00479D; }
#side-nav > ul { padding:0; margin:0; display: block; list-style: none;}
#side-nav > ul > li { border-bottom: 1px solid #CCCCCC; padding:0.5em 1.0em; font-size:0.95rem;}
#side-nav > ul > li a { color:#777777;}
#side-nav > ul > li:hover, #side-nav > ul > li.current { background-color:#F1F9FF; }
#side-nav > ul > li .third-level { margin-top:0.5em; padding:0; display:none; }
#side-nav > ul > li .third-level > li { 
	list-style: none;
    padding: 0.5em 1.0em;
    background-color: #FFFFFF;
    margin-bottom: 5px;
    font-size: 0.9em;
}
#side-nav > ul > li .third-level > li:hover, #side-nav > ul > li .third-level > li.current { background-color:rgba(0, 91, 172, 0.5); }
#side-nav > ul > li .third-level > li:hover a, #side-nav > ul > li .third-level > li.current a { color:#FFFFFF;}
#side-nav > ul > li.current > .third-level { display: block;}
#side-nav > ul > li > .third-level .forth-level { padding-left:0;}
#side-nav > ul > li > .third-level .forth-level li { list-style: none;}
#side-nav > ul > li > .third-level .forth-level li:before { content:"- "; } 
#side-nav > ul > li > .third-level .forth-level li.current a { color:#005ABC;} 

@media only screen and (min-width: 992px) {
	
	.page-title-wrapper { padding:115px 0 0 0; height:370px;  }
	.page-title-wrapper .container { display: flex; justify-content: center;align-items: stretch; height: 100%; }
	.page-title-wrapper .container h1 {    
	display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
	align-content: center;
		font-size: 2.5rem;
	}
	.second-top .page-title-wrapper .mask {
    display: block;
}
	#side-nav { margin-top:0;}
	.breadcrumb-wrapper .container { width:100%;padding:0;}
}


/*************************************
  .contact-banner
*****************************************/

.contact-banner { 
	border:#005bac 1px solid; 
	padding:40px; 
	width:100%; 
	text-align: center; 
	display: flex; 
	flex-flow: row wrap;
	justify-content:center;
}
.contact-banner a.btn { 
	border: #005bac 1px solid;
    border-radius: 50px;
    padding: 0.5em 0;
    color: #005bac;
    font-weight: bold;
    line-height: 1.0;
    font-size: 16px;
    vertical-align: baseline;
}

html[lang="en"] .contact-banner a.btn, html[lang="zh"] .contact-banner a.btn {
    padding: 0; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-banner a.btn:hover { background-color:#005bac; color:#FFFFFF; }

.contact-banner a.btn .lsf-icon.mail { vertical-align: middle;}
.contact-banner a.btn .lsf-icon.mail:before { 
    font-size: 1.8em;
    color: #005bac;
    font-style: normal;
    display: inline-block;
}
.contact-banner a.btn:hover .lsf-icon.mail:before { 
    color: #FFFFFF;
}
.contact-banner h1 {
	color:#005bac;
	font-weight:bold;
	text-align: center;
	font-size: 52px;
}
.contact-banner h1 span {
    display: block;
}

@media only screen and (min-width: 768px) {
	    .contact-banner-wrapper .container { width:100%;padding-right:0;padding-left:0;}
		.contact-banner a.btn { 
			font-size: 20px;
		}
		.contact-banner h1 {
			transform: skewX(150deg);
			border-left:25px solid #005bac; 
			padding-right:25px;
			text-align: left;
			font-size: 48px;
		}
		.contact-banner h1 span {
			transform: skewX(-150deg);
			padding-left: 0.5em;
		}
	
}
@media only screen and (min-width: 992px) {
	.contact-banner a.btn { 
    font-size: 26px;
	padding: 0.2em 0;
	}
	.contact-banner a.btn .lsf-icon.mail:before { 
    font-size: 2.0em;
	}
	.contact-banner h1 {
	text-align: left;
	}
}

/*************************************
  .category-index
*****************************************/
.category-index-wrapper .box {margin-bottom: 1em;}
.category-index-wrapper .photo-box {
  position: relative;
  float: left;
  overflow: hidden;
  /*margin: 10px 1%;*/
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  background-color: rgba(4,94,173,1.0);
}
html[lang="en"] .category-index-wrapper .photo-box {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
  background-color: rgba(4,94,173,1.0);
}


.category-index-wrapper .photo-box * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.category-index-wrapper .photo-box img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}
.category-index-wrapper .photo-box figcaption {
  position: absolute;
  background-color: rgba(4,94,173,0.8);
  z-index: 1;
  bottom: 0;
  left: 50%;
  padding: 5px 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  line-height: 1.1em;
  overflow: hidden;
  height: 40px;
  color:#FFFFFF;
}
html[lang="en"] .category-index-wrapper .photo-box figcaption {height:44px;}

#main-inner > section.category-index-wrapper .photo-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
    line-height: 1.5;
	  color:#FFFFFF;
}

#main-inner > section.category-index-wrapper .photo-box h3.hover {
  color: #ffffff;
  font-weight: 800;
}

.category-index-wrapper .photo-box a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;

}

.category-index-wrapper .photo-box:hover > img,
.category-index-wrapper .photo-box.hover > img {
  opacity: 0.5;
}

.category-index-wrapper .photo-box:hover figcaption,
.category-index-wrapper .photo-box.hover figcaption {
  background-color: rgba(0,71,157,0.8);
}

.category-index-wrapper .photo-box:hover .title,
.category-index-wrapper .photo-box.hover .title {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
html[lang="en"] .category-index-wrapper .photo-box:hover .title,
html[lang="en"] .category-index-wrapper .photo-box.hover .title {
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
}
html[lang="zh"] .category-index-wrapper .photo-box:hover .title,
html[lang="zh"] .category-index-wrapper .photo-box.hover .title {
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%);
}

.category-index-wrapper .photo-box:hover .hover,
.category-index-wrapper .photo-box.hover .hover {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
html[lang="en"] .category-index-wrapper .photo-box:hover .hover,
html[lang="en"] .category-index-wrapper .photo-box.hover .hover {
  -webkit-transform: translateY(-110%);
  transform: translateY(-110%);
}
html[lang="zh"] .category-index-wrapper .photo-box:hover .hover,
html[lang="zh"] .category-index-wrapper .photo-box.hover .hover {
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%);
}

/**************************
  .table
*****************************/
.table { 
	border-bottom: 1px solid #dee2e6;
}
.table tr,.table th,.table td{ display: block; }
.table td { border-top: none;}
.table th { padding-bottom: 0;}
@media screen and (min-width: 767px) {
	.table tr{ display: table-row; }
	.table th, .table td{ display: table-cell; border-top: 1px solid #dee2e6;padding: .75rem;}
}
/*************************************
  .news-list
*****************************************/
.inner .news-list { padding:0;}
#main-inner > section .news-list { padding:0;}
#main-inner > section .news-list dl { border-bottom:1px solid #a0a0a0; box-sizing:border-box;margin-bottom:0;display: block;padding:0; }
#main-inner > section .news-list dl.no-link { padding:10px; color:#999999; } 
#main-inner > section .news-list dl.no-link dt { color:#000000;}
#main-inner > section .news-list dl dt { width:9em; float:left; padding-right:0.5em;}
#main-inner > section .news-list dl dd.label { width:10em; padding:0 0.5em; text-align:center; border-radius:50px; display:inline-block;}
#main-inner > section .news-list dl a { color:#333333; display: block;padding:10px; }
#main-inner > section .news-list dl:nth-of-type(1) a:hover { padding:10px 10px 9px 10px;}
#main-inner > section .news-list dl a:hover { background-color: #e5eff5; }
#main-inner > section .news-list dl a dd.txt span { display:inline-block;}
#main-inner > section .news-list dl a dd.txt img { padding-left:0.2em; vertical-align: middle;}
#main-inner > section .news-list dl a dd.txt .new { 
	padding: 2px 10px 3px;
    background-color: red;
    border: 1px solid red;
    color: #FFFFFF;
	font-weight: bold;
    margin-left: 0.5em;
    font-size: 80%;
border-radius: 3px;}
#main-inner > section .news-list dl dd.no-date { margin-left: 0;}
#main-inner > section .news-list dl dd.label.icon_discro { color:#009944; border:1px solid #009944;}
#main-inner > section .news-list dl dd.label.icon_result { color:#E8BB00;border:1px solid #E8B004;}
#main-inner > section .news-list dl dd.label.icon_legal { color:#eb6100;border:1px solid #eb6100;}
#main-inner > section .news-list dl dd.label.icon_ir { color:#999999;border:1px solid #999999;}
#main-inner > section .news-list dl dd.label.icon_info { color:#0068b7;border:1px solid #0068b7;}
#main-inner > section .news-list dl a:hover dd.label { color:#FFFFFF;}
#main-inner > section .news-list dl a:hover dd.label.icon_discro { background:#009944; }
#main-inner > section .news-list dl a:hover dd.label.icon_result { background:#E8BB00;}
#main-inner > section .news-list dl a:hover dd.label.icon_legal { background:#eb6100;}
#main-inner > section .news-list dl a:hover dd.label.icon_ir { background:#999999;}
#main-inner > section .news-list dl a:hover dd.label.icon_info { background:#0068b7;}

#type, .yearSelect { margin:0 0 20px;}
#type {padding-left:0;}
#type li { display:inline-block; margin-right:2px; width:100%;}
#type li a { display:block;padding:10px 20px; color:#666666; border:#CCCCCC 1px solid; }
#type li a:hover { color:#0056a8;border:#0056a8 1px solid; }
#type li.active a { background-color:#0056a8;border:#0056a8 1px solid;color:#FFFFFF; }

@media only screen and (min-width: 768px) {

#main-inner > section .news-list dl dd.label { width:6em; padding:0 0.5em; float:left; text-align:center; border-radius:50px; }
	
#main-inner > section .news-list dl dd.txt { margin-left: 17em;}
#main-inner > section .news-list.library dl dd.txt, html[lang="en"] #main-inner > section .news-list.library dl dd.txt { margin-left: 10em;}
	
html[lang="en"] #main-inner > section .news-list dl dd.label { width:10em; }
html[lang="en"] #main-inner > section .news-list dl dd.txt { margin-left: 20em;}
#type li { width:auto;}

}