@charset "utf-8";

/* title */
.mr-content .content-title {padding-bottom:10px; color:#222; letter-spacing: 0;}
.mr-content .content-title > span {padding-right:8px;}
.mr-content .content-title a {border:1px solid #565656; padding:2px 12px; margin-left:12px;}
.mr-content .content-title a span {padding-left:6px;}

/* common style css */
.line-title {position:relative; display:inline-block; padding:10px 0 20px 0; color:#222; font-weight:400;}
.line-title:after {content:""; position:absolute; right:-140px; bottom:54%;  width:100px; height:2px; background-color:#222;}

/* content title box */
.content-title-box {position:relative; width:100%; height:auto; padding:24px 30px; background-color:#f2f7f5; border:1px solid #d9d9d9; color:#222;}
.content-title-box .title {color:#d31045; font-weight:600; margin-bottom:10px;}
@media screen and (max-width:600px) {
	.content-title-box {padding:18px 18px;}
}

footer {border-top:1px solid #e5e5e5;}
.mr-content {margin-top:40px; margin-bottom:160px;}
.content-item {margin-bottom:100px; line-height:1.6; letter-spacing:-0.5px;}
@media screen and (max-width:1200px) {
	.content-item {margin-bottom:60px;}
}

.content-item ul li, .content-item ol li { margin-bottom: 5px; }
.content-item ol li:last-child {margin-bottom:0;}
@media screen and (max-width:600px) {
    .content-item ul li, .content-item ol li { margin-bottom: 8px; line-height:1.3;}
}

/* tab */
.tab {width:100%; position:relative; margin-top:30px; margin-bottom:70px;}
.tab .tab-head-list li {display:table-cell; width:1%; height:100%; text-align:center; transition:all .2s ease; border:1px solid #d6dde7; background-color:#fff;}
.tab .tab-head-list li a {transition:all .2s ease;  font-weight:400; display:block; text-align:center; text-decoration:none;  padding:12.5px 0; color:#565656;}
.tab .tab-head-list li a.active {background:#777a82; border-color:#777a82; }
.tab .tab-head-list li a.active, .tab .tab-head-list li a:hover {color:#fff;}
.tab .tab-head-list li a:hover {background-color:#8b8f9a; border-color:#8b8f9a; }
.tab .tab-head-list li:nth-child(2n) {border-left:0;}

.main-top-wrap {position:relative; width:100%; height:300px; background:url(../img/sub_bg.png) no-repeat; background-size:100% 100%;}

.main-nav-wrap {position:relative; width:100%; height:70px; background-color:#e5e5e5;}
.main-nav-wrap .inner {position:relative;}
.main-nav-wrap .nav-left {position:absolute; top:-150px; left:0; width:300px; height:220px; background-color:#377b5c; color:#fff;}
.main-nav-wrap .nav-left p span {font-weight:600;}
.main-nav-wrap .nav-left h2 {padding:150px 40px 10px 20px;}
.main-nav-wrap .nav-left p {padding:0 0 0 20px;}
.main-nav-wrap .nav-right {position:relative; width:100%; padding:0 0 0 300px;}

.main-nav-wrap a.home {position:relative; width:70px; height:70px; margin-right:20px;}
.main-nav-wrap a.home span {display:block; padding:25px; line-height:0;}

.main-nav-wrap a, .main-nav-wrap dl {display:inline-block;}
.main-nav-wrap dl {position:relative; margin-right:20px;}
.main-nav-wrap a.home:after, .main-nav-wrap dl:after {content:""; position:absolute; top:21px; right:-18px; width:9px; height:28px; background:url(../img/sub_location.png) no-repeat; background-size:auto 28px;}
.main-nav-wrap .cont-nav-one, .main-nav-wrap .cont-nav-two {position:relative; min-width:160px; height:70px; vertical-align:top;}
.main-nav-wrap .cont-nav-one {cursor:default;}
.main-nav-wrap .cont-nav-two:after {content:none;}
.main-nav-wrap .cont-nav-one a,
.main-nav-wrap .cont-nav-two a {padding:25px 0; line-height:20px; text-indent:16px;}
.main-nav-wrap .txt, .main-nav-wrap .icon {color:#474747;}
.main-nav-wrap .last-link .txt, .main-nav-wrap .last-link .icon {color:#474747;}
.main-nav-wrap .icon {float:right; margin-right:18px; line-height:20px;}
.main-nav-wrap dt a {display:block;}
.main-nav-wrap dl dt {font-weight:400;}
.main-nav-wrap dl dd {position:absolute; top:70px; left:0; width:100%; height:0; overflow:hidden; z-index:100; transition:height 0.3s ease-in-out;}
.main-nav-wrap dl dd li.sl-list {position:relative; background-color:#f2f2f2;border-bottom:1px solid #fff;}
.main-nav-wrap dl dd li.sl-list:last-child {border-bottom:0;}
.main-nav-wrap dl dd li.sl-list a {color:#666666; display:block; padding-top:16px; padding-bottom:16px;}
.main-nav-wrap dl dd li.sl-list span.icon {display:none; color:#fff;}
.main-nav-wrap dl dd li.sl-list.active a {background:#285943; color:#fff;}
.main-nav-wrap dl dd li.sl-list:not(.active) a:hover span:not(.icon) {text-decoration:underline; color:#01589d;}
.main-nav-wrap dl dd li.sl-list.active span.icon {display:block;}
.main-nav-wrap dl dd.open {height:auto;}

.main-container {position:relative; min-height:480px;}
.main-container .main-left-wrap {position:absolute; top:0; left:0; width:300px;}
.main-container .main-left-wrap h2 {width:100%; height:50px; background-color:#377b5c;}
.main-container .main-left-wrap li a {display:block; color:#565656; padding:18px 20px; border:1px solid #dedede; border-top:0; background-color:#fff; transition:all 0.3s ease-in-out;}
.main-container .main-left-wrap li:hover a, .main-container .main-left-wrap li.active a {color:#fff; background-color:#285943; border:1px solid #01589d; border-top:0; border-bottom:1px solid #fff;}

.main-container .main-right-wrap {width:100%; padding:0 0 0 360px;}
.main-container .main-right-wrap .mr-title {position:relative; width:100%; padding:90px 0 22px 0; border-bottom:1px solid #e5e5e5; line-height:50px;}
.main-container .main-right-wrap .mr-title h2 {color:#333; font-weight:500; letter-spacing: 0; text-align:center;}
.main-container .main-right-wrap .mr-title .btn-print {position:absolute; right:15px; bottom:20px; width:42px; height:42px; background-color:#f9f9f9; border:1px solid #ddd; border-radius:50% 50%;}
.main-container .main-right-wrap .mr-title .btn-print a {display:block; line-height:42px; text-align:center; color:#969696;}
.main-container .main-right-wrap .mr-title .btn-print a span.mdi {font-size:2.4rem;}

/* response */
@media screen and (max-width:1580px) {
}

@media screen and (max-width:1200px) {
	.main-top-wrap {height:260px; background-size:cover;}
	.main-top-wrap {height:320px;}
	.main-nav-wrap .nav-left {top:-160px; height:160px; opacity:.8;}
	.main-nav-wrap .nav-left h2 {padding:50px 40px 10px 20px;}
	.main-nav-wrap .nav-right {padding:0;}

	.main-container .main-left-wrap {display:none;}
	.main-container .main-right-wrap {padding:0;}
}

@media screen and (max-width:600px) {
	.main-top-wrap {height:240px; background:url(../img/sub_m_bg.png) no-repeat; background-size:100% 100%;} 
    .main-nav-wrap {height:60px;}
	.main-nav-wrap .nav-left {top:-120px; height:120px;}
	.main-nav-wrap .nav-left h2 {padding:40px 40px 10px 20px;}

    .main-nav-wrap a.home {width:50px; height:60px; margin-right:16px; text-align:center;}
    .main-nav-wrap a.home span {padding:23px 12px;}
    .main-nav-wrap a.home span img {width:16px; height:16px;}
    .main-nav-wrap .inner {padding-left:0 !important; padding-right:0 !important;}
    .main-nav-wrap .cont-nav-one, .main-nav-wrap .cont-nav-two {width:auto; height:50px;}
    .main-nav-wrap .cont-nav-one {min-width:130px;}
    .main-nav-wrap .cont-nav-two {min-width:170px;}
    .main-nav-wrap .cont-nav-one a, .main-nav-wrap .cont-nav-two a {padding:20px 0 20px 0; text-indent: 12px;}
    .main-nav-wrap dl {margin-right:18px;}
    .main-nav-wrap dl dd {top:60px;}

    .main-nav-wrap .txt, .main-nav-wrap dl dd li.sl-list a {letter-spacing: -2px;}
    .main-nav-wrap dl dd li.sl-list.active span.icon {position:absolute; top:9px; right:28px;}

    .main-nav-wrap .icon {position:absolute; top:20px; right:28px; width:16px; margin-right:0px; float:none;}
    .main-nav-wrap dl dd li.sl-list.active span.icon {top:16px; }

    .main-nav-wrap .cont-nav-two {margin-right:0;}
    .main-nav-wrap a.home:after, .main-nav-wrap dl:after {top:21px; width:6px; height:18px; background-size:auto 18px;}

    .main-container .main-right-wrap .mr-title .btn-print {display:none;}

    .main-container .main-right-wrap .mr-title {padding:42px 0 20px 0;}
}

@media screen and (max-width:450px) {
    .main-nav-wrap dl:last-child:after {content:none;}
}

@media screen and (max-width:400px) {
    .main-nav-wrap a.home {display:none;}
    .main-nav-wrap .cont-nav-one {min-width:30%;}
    .main-nav-wrap .cont-nav-two {min-width:56%;}
}

@page {
	size: A4;
}

@media print 
{
	html, body .print-wrap {position:relative; width: 210mm; height: 297mm; margin:10mm 10mm 10mm 10mm}
	.mr-title .btn-print {display:none;}
}