/* =header begin=================================================================== */
.header_top_wrap {width:100%; height:33px; clear:both; z-index:1; background-color:#222233; }
.header_top {width:1300px; margin:0 auto; overflow:visible; position:relative; clear:both; }

.header_top_link_ul {float:left; display:inline;}
.header_top_link_li {display:inline-block; height:33px; background-color:#fff; }
.header_top_link_li > a {display:inline-block; color: #fff; font-size:14px; line-height:33px; padding:0 20px; font-weight:400; }
.header_top_link_li > a:hover {font-weight:600; }
.header_top_link_li1 {background-color:#323287; }
.header_top_link_li2 {background-color:#2c7cd5; }

.header_top_menu_ul {float:right; }
.header_top_menu_li {display:inline-block; background:url(/image/cms/header/header_top_menu_ul_gap.gif) no-repeat center right;}
.header_top_menu_li:last-child {background:url();}
.header_top_menu_li > a {display:inline-block; color: #fff; font-size:13px; line-height:33px; padding:0 12px;}
.header_top_menu_li > a:hover {}

@media all and (max-width:1300px) { 
	.header_top {width:100%; }
}
@media all and (max-width:750px) { 
	.header_top_wrap {width:100%; clear:both; overflow:visible; }
	.header_top {width:100%; overflow:visible; position:relative; clear:both; }

	.header_top_link_ul {float:none; display:block; text-align:center; }
	.header_top_link_li1 {width:50%; }
	.header_top_link_li2 {width:50%; }
	.header_top_menu_ul {display:none; }
}
@media all and (max-width:530px) { 
	.header_top_wrap {display:none; }
}
/* ------------------------------------ */
.header_wrap {width:100%; height:80px; position:relative; clear:both; z-index:1; border-bottom:solid 1px #999; }
.header {position: relative; width:100%; max-width:1300px; height:100%; margin:0 auto; }
.header_tr {height:100%; }
.header .logo {height:80px; line-height:80px; vertical-align:middle;  display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.header .logo a {display:block; width:400px; height:40px; background:url(/cms/www/folklore/image/logo.png) center center / cover no-repeat; vertical-align:middle;}
@media all and (max-width:1300px) { 
	.header .logo a {width:350px; height:calc(40 / 400 * 350px); margin:0 0 0 5px; }
}
@media all and (max-width:1100px) { 
	.header_wrap {top:0px; }
}
@media all and (max-width:550px) { 
	.header .logo a {width:calc(100vw - 130px); height:calc((40 / 400) * (100vw - 130px) - 1px ); }
}
/* ------------------------------------ */
.top_menu_wrap {width:100%; clear:both; z-index:1; margin:-50px 0 0 0; }
.top_menu {position:relative;  width:1300px; margin:0 auto; z-index:999; }

.top_menu .tm_ul {width:640px; display:table; z-index:1000; float:right; margin:0 150px 0 0; }
.top_menu .tm_liA {display:table-cell; text-align:center; vertical-align:top; position:relative; }
.top_menu .tm_liA > a {font-size:20px; line-height:20px; color:#000; font-weight:500; display:inline-block; }
.top_menu .tm_liA > a:hover { color:#000; text-decoration:none;} 
.top_menu .tm_liA.on > a {color:#000 !important; }

.top_menu .tm_liA1 {width:105px}
.top_menu .tm_liA2 {width:105px}
.top_menu .tm_liA3 {width:115px}
.top_menu .tm_liA4 {width:105px}
.top_menu .tm_liA5 {width:105px}
.top_menu .tm_liA6 {width:105px}

@media all and (max-width:1300px) { 
	.top_menu {width:100%; }
}
@media all and (max-width:1220px) { 
	.top_menu {display:none;  }
}
/* -submenu1 begin----------------------------------- */
.top_menu .tm_ulB_wrap    {height:0;     position:absolute; left:0; top:51px; overflow:hidden; 
	transition-duration:0.3s; -ms-transition-duration:0.3s; -moz-transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:0.3s; }
.top_menu .tm_ulB_wrap.on {height:300px; position:absolute; left:0; top:51px; overflow:hidden; 
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
/*
.top_menu .tm_ulB    {width:calc(100% - 40px); padding:12px 10px;   background-color:rgba(33,44,66, 0.7); margin:0 20px; box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2); overflow:hidden; 	}
.top_menu .tm_ulB > li {text-align:left; display:block;}
.top_menu .tm_ulB > li > a {color:#fff; display:block; font-size:16px; margin:6px 0; text-align:center; }
.top_menu .tm_ulB > li > a:hover {text-decoration:underline;}
*/
.top_menu .tm_ulB    {width:calc(100% - 40px); padding:10px 10px 30px 10px;   background-color:rgba(255,255,255, 1); margin:0 20px; box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2); overflow:hidden; 	}
.top_menu .tm_ulB > li {text-align:left; display:block;}
.top_menu .tm_ulB > li > a {color:#333; display:block; font-size:16px; margin:6px 0; text-align:center; }
.top_menu .tm_ulB > li > a:hover {text-decoration:underline;}

.top_menu .tm_liA .tm_ulB1_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB2_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB3_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB4_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB5_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB6_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB7_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_liA .tm_ulB8_wrap {width:240px; margin-left:calc( (-240px + 100%) / 2  ); }
.top_menu .tm_ulC {display:none; }
/* -submen	u1 end----------------------------------- */

/* ------------------------------------ */
#header_search {width:120px; text-align:right; padding:13px 0 0 0; position:absolute; top:0; right:0; z-index:1000; }
#header_search img {border:solid 1px #fff; }
#header_search img:hover {border:solid 1px #0000ff;}
.header_search_img {margin:0 10px 0 0;}
#header_search_input_wrap {display:none; z-index:3001; position:absolute; width:100%; height:86px; left:0; bottom:-86px; border:solid 0px #111; background-color:#fff; box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2);}
#header_search_input {width:306px; height:46px; margin:20px auto; border:solid 3px #232b66; }
#header_search_input {width:306px; height:46px; margin:20px auto; border:solid 3px #232b66; }
#header_search_input input[type='text'] {float:left; width:220px; height:40px; border:none; padding:0 10px; }
#header_search_input .header_search_input_btn {float:right; width:80px; height:40px; line-height:40px;text-align:center; background-color:#232b66; color:#fff; cursor:pointer; }
.header_search_close {position:absolute; right:10px; top:15px; cursor:pointer; }

@media all and (max-width:750px) { 
	.header_search_img {margin:0;}
}
@media all and (max-width:530px) { 
	#header_search_input {width:90%; }
	.header_search_close {display:none;}
}
/* =header end=================================================================== */

/* =titlemenu begin=================================================================== */
.titlemenu1_wrap {width:100%; height:60px; clear:both; margin:0 0 0 0; }
.titlemenu1 {position: relative; width:1300px; height:100%; margin:0 auto; background-color:#334466; vertical-align:top; }
.titlemenu1_home {position:absolute; left:0; top:0; border-right:solid 1px #667788;}
.ttm_ul {margin:0 0 0 60px; }
.ttm_ul > li {display:inline-block; vertical-align:top; position:relative; }
.ttm_ul > li > a {display:inline-block; font-size:18px; line-height:60px; height:60px; padding:0 0 0 20px; color:#fff;  border-right:solid 1px #667788;  }
.ttm_ul > li > a.on {background-color:#203040; }
.ttm_ul > li > a::before {content:""; position:absolute; top:25px; right:20px; width:21px; height:10px; background:url(/image/cms/titlemenu/ttm1_arrow_down.png) no-repeat; 
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul > li > a.on::before {content:""; position:absolute; top:25px; right:20px; width:21px; height:10px; background:url(/image/cms/titlemenu/ttm1_arrow_down.png) no-repeat; transform: rotate(180deg);
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul .ttm_ul_liA > a {width:200px;  }
.ttm_ul .ttm_ul_liB > a {width:200px;  }
.ttm_ul .ttm_ul_liC > a {width:200px;  }

.ttm_ul > li > ul    {  width:100%;   height:0px; padding:0; background-color:#fff; border:none;           position:relative; overflow-y:scroll; z-index:999; 
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul > li > ul.on { width:100%; height:300px; padding:0; background-color:#fff; border:solid 1px #bbb; position:relative; overflow-y:scroll; z-index:999; box-shadow: 0px 3px 15px 1px rgba(0,0,0,0.2);
	transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
.ttm_ul > li > ul > li {display:block; }
.ttm_ul > li > ul > li > a  {font-size:1rem; color:#444; padding:5px 10px; border-bottom:solid 1px #eee; display:block; }
.ttm_ul > li > ul > li > a:hover { background-color:#203040; color:#fff; }
@media all and (max-width:1300px) { 
	.titlemenu1 {width:100%; }
}
@media all and (max-width:800px) { 
	.ttm1_content_top_tools {display:none;}
}
@media all and (max-width:500px) { 
	.ttm_ul > li {display:none;}
	.ttm_ul > li:last-child {display:block; }
	.ttm_ul > li:last-child > a {width:100%;}
}

.ttm1_content_top_tools { position:absolute; right:10px; top:0px; }
.ttm1_content_top_tools > ul > li {float:left; display:inline-block; margin:0 0 0 3px; vertical-align:top; font-size:13px; line-height:13px; }
.ttm1_content_top_tools > ul > li span {display:inline-block; vertical-align:top; font-size:13px; color:#888; margin:8px 0 0 3px; }
.ttm1_content_top_tools > ul > li span:hover { color:blue; }
.ttm1_content_top_tools .content_tools_edit {width:34px; height:60px; background:url(/image/cms/content_tools/content_tools_ttm1_edit.png) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_edit:hover {background-color:#203040; }
.ttm1_content_top_tools .content_tools_fontup {width:34px; height:60px; background:url(/image/cms/content_tools/content_tools_ttm1_fontup.gif) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_fontup:hover {background-color:#203040; }
.ttm1_content_top_tools .content_tools_fontdown {width:34px; height:60px; background:url(/image/cms/content_tools/content_tools_ttm1_fontdown.gif) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_fontdown:hover {background-color:#203040; }
.ttm1_content_top_tools .content_tools_print {width:34px; height:60px; background:url(/image/cms/content_tools/content_tools_ttm1_print.gif) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_print:hover {background-color:#203040; }
.ttm1_content_top_tools .content_tools_sns_share {width:34px; height:60px; background:url(/image/cms/content_tools/content_tools_ttm1_share.png) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_sns_share:hover {background-color:#203040; }
.ttm1_content_top_tools .content_tools_content_down {width:34px; height:60px; background:url(/image/cms/content_tools/content_tools_ttm1_download.png) no-repeat center center; cursor:pointer; }
.ttm1_content_top_tools .content_tools_content_down:hover {background-color:#203040; }

.ttm1_content_top_tools #sns_share_box_wrap {position:relative; }
.ttm1_content_top_tools #sns_share_box {display:none; position:absolute; right:0px; top:60px; width:400px; text-align:center; padding:20px; border:solid 1px #888; background-color:#fff; z-index:2001; overflow:visible; cursor:default;}
.ttm1_content_top_tools #sns_share_box ul {display:inline-block; }
.ttm1_content_top_tools #sns_share_box li {float:left; display:inline-block; width:50px; margin:5px; text-align:center;  }
.ttm1_content_top_tools #sns_share_box li img {margin:0 0 4px 0; vertical-align:middle;}
.ttm1_content_top_tools #sns_share_box li img:hover {margin:5px 0 4px 0; }
.ttm1_content_top_tools #sns_share_box li a {font-size:12px; color:#555; line-height:13px; }
.ttm1_content_top_tools #sns_share_box li a:hover {color:blue; }
.ttm1_content_top_tools #sns_share_box .tbl_share {width:100%; table-layout:fixed; margin:10px 0 0 0;}
.ttm1_content_top_tools #sns_share_box .tbl_share td {border:solid 1px #aaa; padding:5px; cursor:pointer; }
.ttm1_content_top_tools #sns_share_box .tbl_share_l {font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ttm1_content_top_tools #sns_share_box .tbl_share_r {font-size:12px;width:65px; text-align:center; }

.ttm1_content_top_tools #content_down_box_wrap {position:relative; }
.ttm1_content_top_tools #content_down_box {display:none; position:absolute; right:0px; top:60px; width:200px; text-align:center; padding:10px; border:solid 1px #888; background-color:#fff; z-index:2001; overflow:visible; cursor:default;}
.ttm1_content_top_tools #content_down_box ul {display:inline-block; }
.ttm1_content_top_tools #content_down_box li {display:inline-block; margin:5px; text-align:center;  }
.ttm1_content_top_tools #content_down_box li a {font-size:12px; color:#555; line-height:13px; text-align:center; }
.ttm1_content_top_tools #content_down_box li a:hover {color:blue; }
/* =titlemenu end=================================================================== */

/* =content_top begin=================================================================== */
.subcontent_wrap {width: 100%; clear:both; position:relative; overflow:hidden; }
.subcontent {width:1300px; min-height:500px; margin:0 auto; padding:0 0 30px 0; clear:both; position:relative; }
.subcontent_left {width:0px; float:left; display:none; }
.subcontent_right {width:100%; display:block; float:right; }
.content_top_wrap {width:100%; position:relative; clear:both;}
.content_top {width: 100%; text-align:center; }
.content_top .description {display:none; }
.content_top .title {font-size:42px; line-height:50px; font-weight:600; color:#111;  padding:50px 0 30px 0; }
@media all and (max-width:1300px) { 
	.subcontent {width:100%; padding:0 10px}
	.subcontent_left {display:none; }
	.subcontent_right {width:100%; display:block; float:none; }
	.content_top { width:100%; min-height:75px;}
	.description2 {width:100%; height:39px; margin:0 auto; clear:both; }
	.content_top_tools2_wrap {display:none;}
	.content_top_tools {display:none;}
	.description {display:none;}
}
.content_wrap {width:100%; padding:30px 0 30px 0; clear:both; }
.content {margin:0; clear:both; overflow:visible; position:relative; min-height:300px; padding-bottom:20px; }
/* =content_top end=================================================================== */

/* =content_top begin=================================================================== */
/*
.subcontent_wrap {width: 100%; clear:both; position:relative; overflow:hidden; }
.subcontent {width:1300px; min-height:500px; margin:0 auto; padding:0 0 30px 0; clear:both; position:relative; }
.subcontent_left {width:215px; float:left; }
.subcontent_left_title {width:215px; height:105px; color:#555; font-size:25px; font-weight:600; text-align:left; padding:47px 0 0 0; }
.subcontent_right {width:1040px; display:block; float:right; }

.content_top_wrap {width:100%; position:relative; clear:both; vertical-align:top; }
.content_top {width: 100%; min-height:100px; position:relative; clear: both; vertical-align:top; border-bottom:solid 2px #555; margin:10px 0 0 0; }
.content_top .description {position:absolute; left:0px; top:20px; background: url("/cms/www/ticos/image/menu_path_home.png") no-repeat 0 center; }
.content_top .description_in {}
.content_top .description_in div {display:inline-block; font-size:15px; color:#777; }
.content_top .description_in img {margin:0px 4px; }
.content_top .title {position:absolute; left:0; bottom:20px; font-size:1.9rem; line-height:2rem; letter-spacing:-1px; font-weight:600; color:#333;  }

.content_top_tools { position:absolute; right:0; top:28px; padding:10px;  border:solid 1px #eee; }
.content_top_tools > ul > li {float:left; display:inline-block; margin:0 0 0 3px; vertical-align:top; font-size:13px; line-height:13px; }
.content_top_tools > ul > li span {display:inline-block; vertical-align:top; font-size:13px; color:#888; margin:8px 0 0 3px; }
.content_top_tools > ul > li span:hover { color:blue; }
.content_tools_edit {width:32px; height:32px; background:url(/image/cms/content_tools/content_tools1_edit.gif) no-repeat; cursor:pointer; }
.content_tools_edit:hover {background:url(/image/cms/content_tools/content_tools1_edit_on.gif) no-repeat;}
.content_tools_fontup {width:32px; height:32px; background:url(/image/cms/content_tools/content_tools1_fontup.gif) no-repeat; cursor:pointer; }
.content_tools_fontup:hover {background:url(/image/cms/content_tools/content_tools1_fontup_on.gif) no-repeat;}
.content_tools_fontdown {width:32px; height:32px; background:url(/image/cms/content_tools/content_tools1_fontdown.gif) no-repeat; cursor:pointer; }
.content_tools_fontdown:hover {background:url(/image/cms/content_tools/content_tools1_fontdown_on.gif) no-repeat;}
.content_tools_print {width:32px; height:32px; background:url(/image/cms/content_tools/content_tools1_print.gif) no-repeat; cursor:pointer; }
.content_tools_print:hover {background:url(/image/cms/content_tools/content_tools1_print_on.gif) no-repeat;}
.content_tools_sns_share {margin:0 0 0 10px; cursor:pointer; }
.content_tools_content_down {margin:0 0 0 8px; cursor:pointer; }

.content_top_tools #sns_share_box_wrap {position:relative; }
.content_top_tools #sns_share_box {display:none; position:absolute; right:0px; top:2px; width:400px; text-align:center; padding:20px; border:solid 1px #888; background-color:#fff; z-index:2001; overflow:visible; cursor:default;}
.content_top_tools #sns_share_box ul {display:inline-block; }
.content_top_tools #sns_share_box li {float:left; display:inline-block; width:50px; margin:5px; text-align:center;  }
.content_top_tools #sns_share_box li img {margin:0 0 4px 0; vertical-align:middle;}
.content_top_tools #sns_share_box li img:hover {margin:5px 0 4px 0; }
.content_top_tools #sns_share_box li a {font-size:12px; color:#555; line-height:13px; }
.content_top_tools #sns_share_box li a:hover {color:blue; }
.content_top_tools #sns_share_box .tbl_share {width:100%; table-layout:fixed; margin:10px 0 0 0;}
.content_top_tools #sns_share_box .tbl_share td {border:solid 1px #aaa; padding:5px; cursor:pointer; }
.content_top_tools #sns_share_box .tbl_share_l {font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content_top_tools #sns_share_box .tbl_share_r {font-size:12px;width:65px; text-align:center; }

#content_down_box_wrap {position:relative; }
#content_down_box {display:none; position:absolute; right:0px; top:2px; width:200px; text-align:center; padding:10px; border:solid 1px #888; background-color:#fff; z-index:2001; overflow:visible; cursor:default;}
#content_down_box ul {display:inline-block; }
#content_down_box li {display:inline-block; margin:5px; text-align:center;  }
#content_down_box li a {font-size:12px; color:#555; line-height:13px; text-align:center; }
#content_down_box li a:hover {color:blue; }


@media all and (max-width:1300px) { 
	.subcontent {width:100%; padding:0 10px}
	.subcontent_left {display:none; }
	.subcontent_right {width:100%; display:block; float:none; }
	.content_top { width:100%; min-height:75px;}
	.description2 {width:100%; height:39px; margin:0 auto; clear:both; }
	.content_top_tools2_wrap {display:none;}
	.content_top_tools {display:none;}
	.description {display:none;}
}
.content_wrap {width:100%; padding:30px 0 30px 0; clear:both; }
.content {margin:0; clear:both; overflow:visible; position:relative; min-height:300px; padding-bottom:20px; }
*/
/* =content_top end=================================================================== */

/* =lmenu begin=================================================================== */
.lmenu {width:215px; }
.lm_ul1 {width:215px; z-index:999; }
.Xlm_li1.sub > a {background:url(/image/cms/lmenu/lmenu1_ico1.gif) no-repeat no-repeat right 15px center;  }
.lm_li1.sub > a {background:url(/image/cms/lmenu/lmenu1_ico2.gif) no-repeat no-repeat right 15px center;  }
.lm_li1.sub > ul.on {display:block; }
.lm_li1     {width:215px; display:block; border:solid 1px #ddd; margin:3px 0 3px 0; }
.lm_li1:hover {border:solid 1px #2c7cd5; }
.lm_li1.on {border:solid 1px #2c7cd5; }
.lm_li1 > a {width:100%; display:block; color:#444; text-decoration:none; font-size:16px; font-weight:600; padding:13px 10px 13px 16px; background-color:#fff; }
.lm_li1 > a:hover {color:#fff; background-color:#2c7cd5; } 
.lm_li1.on > a {width:100%; color:#fff; display:block; font-weight:600; background-color:#2c7cd5; }
.Xlm_li1.sub.on > a {width:100%; color:#fff; display:block; font-weight:600;  background:url(/image/cms/lmenu/lmenu1_ico1_sub.gif) no-repeat no-repeat right 15px center; background-color:#2c7cd5;}
.lm_li1.sub.on > a {width:100%; color:#fff; display:block; font-weight:600;  background:url(/image/cms/lmenu/lmenu1_ico2_sub.gif) no-repeat no-repeat right 15px center; background-color:#2c7cd5;}

.lm_ul2 {width:100%; padding:8px 0px; display:none; background-color:#fff; border-top:solid 1px #ddd; }
.lm_li2 {width:100%; display:block; color:#555; padding: 5px 5px 5px 11px; margin: 0 0 2px 8px;}
.lm_li2 a {width:100%; display:block; color:#555; text-decoration:none; font-size:0.9rem; letter-spacing:-1px; }
.lm_li2 a:hover {color:#00b1a7; text-decoration:underline; }
.lm_li2.on {color:#00b1a7; font-weight: 600;}
.lm_li2.on > a {color:#00b1a7;text-decoration: none;font-weight: 600;}

.lm_ul3 {width:190px; padding:0; background-color:#fff; }
.lm_li3 {width:100%; display:block; color:#555; background: url("/image/ico/arrow_depth03_0.gif") no-repeat 0 13px; padding:7px 5px 0 10px; margin: 0 0 2px 3px;}
.lm_li3 a {width:100%; display:block; color:#555; text-decoration:none; font-size:0.8rem; line-height:0.8rem;}
.lm_li3 a:hover {color:#ec4642; text-decoration:none; }
.lm_li3.on {background: url("/image/ico/arrow_depth03_on.gif") no-repeat 0 13px;}
.lm_li3.on > a {color:#00b1a7;text-decoration: none;font-weight: 600;}
/* =lmenu end=================================================================== */

/* =footer begin=================================================================== */
.footer_wrap { background-color:#223033; position:relative;}
.Xfooter_wrap { background-color:#404e51; }
.Xfooter_wrap { background-color:#f4f5fa; }

.footer_top_wrap { border-top:solid 1px #202529; border-bottom:solid 1px #39404f; z-index:10000; }
.footer_top {position:relative; width:1300px; margin:15px auto; clear:both; text-align:right; vertical-align:top; }
.footer_ref {float:left; text-align:left; margin:10px 0 0 0; }
	.footer_ref ul { display:inline-block;  vertical-align:top;}
	.footer_ref ul li {margin:0 10px 0px 0px; float:left; }
	.footer_ref ul li a {font-size:15px; line-height:15px; color:#fafafa;}
	.footer_ref ul li a:hover {color:#fafa00;}
.footer_link_ul {display:inline-block; text-align:center; }
	.footer_link_ul > li {display:block; float:left; position:relative; line-height:44px; height:46px; border:1px solid #777; margin:0 3px;  }
	.footer_link_ul > li > a {display:block; font-size:15px; color:#fff; padding:0 0 0 20px; text-align:left; }
	.footer_link_ul > li > a.on {background-color:#192831; }
	.footer_link_ul > li > a::before {content:""; position:absolute; top:18px; right:20px; width:21px; height:10px; background:url(/image/cms/titlemenu/ttm1_arrow_down.png) no-repeat; 
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul > li > a.on::before {content:""; position:absolute; top:18px; right:20px; width:21px; height:10px; transform: rotate(180deg);
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul .footer_link_ul_liA > a {width:250px;  }
	.footer_link_ul .footer_link_ul_liB > a {width:250px;  }
	
	.footer_link_ul > li > ul    {width:100%;   height:0px; margin:-46px 0 0 0;  padding:0; background-color:#fff; border:none;           position:relative; overflow-y:scroll; z-index:999; 
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul > li > ul.on {width:100%; height:350px; margin:-396px 0 0 0; padding:0; background-color:#fff; border:solid 1px #bbb; position:relative; overflow-y:scroll; z-index:999; box-shadow: 0px 3px 15px 1px rgba(0,0,0,0.5);
		transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5s; }
	.footer_link_ul > li > ul > li {display:block; text-align:left;  }
	.footer_link_ul > li > ul > li > a  {font-size:16px; line-height:16px; font-weight:600; color:#000; background-color:#f1f1f1; padding:8px 0 8px 10px; border-bottom:solid 1px #eee; display:block; }
	.footer_link_ul > li > ul > li > a:hover { background-color:#203040; color:#fff; }
	.footer_link_ul > li > ul > li > p  {font-size:16px; line-height:16px; font-weight:600; color:#fff; background-color:#203040; padding:8px 0 8px 10px; border-bottom:solid 1px #eee; display:block; }
	.footer_link_ul > li > ul > li > ul {display:block; padding:5px 0;}
	.footer_link_ul > li > ul > li > ul > li {display:block; }
	.footer_link_ul > li > ul > li > ul > li > a  {font-size:15px; line-height:15px; color:#444; display:block; padding:3px 0 3px 10px; }
	.footer_link_ul > li > ul > li > ul > li > a:hover { font-weight:600; color:blue;  }
@media all and (max-width:1300px) { 
	.footer_top {width:100%; padding:0 10px; }
	.footer_ref {padding:0 0 0 10px; }
}
@media all and (max-width:1000px) { 
	.footer_top {margin:15px auto 12px auto; text-align:center; }
	.footer_ref {float:none; text-align:center; margin:10px auto; }
	.footer_link_ul > li { display:inline-block; width:calc(50% - 6px);   }
	.footer_link_ul > li > ul { width:100%;   }
	
}
@media all and (max-width:510px) { 
	.footer_link_ul > li { width:100%; margin:2px 0; }
}

.footer {width:1300px; margin:0 auto; padding:40px 0; clear:both; vertical-align:top;}
.footer_text_wrap {position:relative; clear:both; width:100%;  overflow:hidden; text-align:left; }
	  .footer_text {width:100%; clear:both; margin:0; font-size:16px; line-height:px; color:#eaeaea; }
	  .footer_text_copyright {width:100%; clear:both; margin:10px 0 0 0; font-size:14px; line-height:22px; color:#999; }

@media all and (max-width:1300px) { 
	.footer{width:100%; padding:30px 10px;  }
}
/* =footer end=================================================================== */

/* ==================================================================== */
.login_box_wrap {width:100%; position:relative; clear:both; overflow:hidden; padding:20px 0;}
.login_box {width:60%; position:relative; margin:0 auto; overflow:hidden; border:solid 2px #888; padding:40px 45px; box-shadow: 0px 3px 20px 1px rgba(0,0,0,0.2); }
@media all and (max-width:900px) { 
	.login_box {width:90%; }
}
.login_title {font-size:1.6rem; line-height:1.6rem; font-weight:600; color:#222; text-align:center; }
.login_title2 {font-size:1rem; line-height:1.2rem; font-weight:600; color:#333; text-align:left; margin:15px 0 0 0; letter-spacing:-1px; }
.login_title3 {font-size:0.8rem; line-height:1rem; color:#999; text-align:left; margin:5px 0 10px 0; letter-spacing:-1px; }
.login_input {width:100%; height:2rem; font-size:1rem; line-height:1rem; padding:5px; text-align:center; margin:10px auto; border:solid 1px #ccc;}
.divLogin {display:block; width:100%; font-size:1.2rem; line-height:3rem; font-weight:500; margin:0; color:#fff; background-color:#3a73e9; text-align:center; margin:10px auto; cursor:pointer; }

.login_find_wrap {margin:30px 0 10px 0; overflow:hidden; text-align:center; font-size:1rem; line-height:2rem;}
.login_find_wrap a {display:inline-block; font-size:1rem; line-height:2rem; margin:0 10px; }
.login_find_wrap a:hover {color:blue; }