/*
@import "css/modal.css";
@import "css/menu.css";
@import "css/btn.css";
@import "css/lrScene.css";
@import "css/topbar.css";
@import "css/component.css";
@import "css/admin.css";
@import "css/index.css";
*/
/* page setting*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0; margin:0;}
body {
	font-size:16px;
	/*font: 16px/1.8 黑体, 微软雅黑, 宋体, Helvetica, Arial, sans-serif;*/
	-webkit-overflow-scrolling:touch;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
html,body { height: 100vh; overflow: hidden; }

a,button,input { outline: 0; text-decoration: none!important; }
.btn+.btn { margin-left:8px; }

.footer {
	padding:20px 60px;
	text-align: right;
	font-size:80%;
}
@media (max-width:767px) {
.footer {
	padding:20px;
}
}

/* common use */
.va-top { vertical-align: top!important; }
.mw100 { max-width: 100%!important; }
.m5 { margin:5px!important; }
.m10 { margin:10px!important; }
.m20 { margin:20px!important; }
.mc { margin-left:auto; margin-right:auto; }
.mtb5 { margin-top:5px!important; margin-bottom:5px!important; }
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.mtb10 { margin-top:10px!important; margin-bottom:10px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mtb20 { margin-top:20px!important; margin-bottom:20px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.p5 { padding:5px!important; }
.p10 { padding:10px!important; }
.p20 { padding:20px!important; }
.ptb5 { padding-top:5px!important; padding-bottom:5px!important; }
.plr5 { padding-left:5px!important; padding-right:5px!important; }
.ptb10 { padding-top:10px!important; padding-bottom:10px!important; }
.plr10 { padding-left:10px!important; padding-right:10px!important; }
.ptb20 { padding-top:20px!important; padding-bottom:20px!important; }
.plr20 { padding-left:20px!important; padding-right:20px!important; }

.txt-l { text-align: left!important; }
.txt-r { text-align: right!important; }
.txt-j { text-align: justify!important; }
.txt-c { text-align: center!important; }
.txt-b { font-weight: bold; }
.nowrap { white-space: nowrap; }
.lh12 { line-height:1.2; }

.dis-ib { display:inline-block!important;}
.fc-black { color:#000; }

.fl-l { float:left; }
.fl-r { float:right; }

.xresp { }
.resp{ display:none!important;}
@media (max-width:767px) {
.xresp { display: none!important; }
.resp{ display:block!important;}
}

.respblock { display:inline; }
@media (max-width:767px) {
	.respblock { display:block; }
}

.w100 { width:100%; }

@media (max-width:767px) {
respblock { display:block; }
}




/* left , right btn *
.leftBtn, .rightBtn {
	position:fixed; display:block; z-index:501;
	text-align:center; text-shadow:5px 5px 10px #333;
	top:50%; margin-top:-18px; padding:5px 10px; cursor:pointer;
}
.leftBtn span.fa, .rightBtn span.fa { color:#fff; font-size:40px;}

.leftBtn { left:40%; margin-left:-11px;	 }
.rightBtn { right:10px;}
.leftBtn,.rightBtn { height:36px; }
@media (max-width:767px) {
	.leftBtn { left:10px; }
	.rightBtn { right:0; }
}
/**/




div.cdiv { text-align: center; }

/* Frame componets*/
.mainframe { height: 100vh; overflow: hidden;}
@media (max-width:767px) {
.mainframe { height: 100vh; overflow: auto;}
}

.main { height:calc(100vh - 137px); overflow: auto; position: relative; }
@media (max-width:767px) {
	.main { height: auto; overflow: visible;}
}
@media (max-width:767px) {
	.main { height: auto; overflow-x: hidden; }
}





.block { position: relative;}

/* backgroud color */
.bg { background-repeat: no-repeat; background-attachment:fixed; background-position:left bottom;background-size:cover; }
.bg-index { background-image: url('../f/bg/index.jpg'); }
.bg-sharing { background-image: url('../f/bg/sharing.jpg'); }
.bg-grief {  background-image: url('../f/bg/grief.jpg'); }
.bg-publication {  background-image: url('../f/bg/publication.jpg'); }
.bg-resource {  background-image: url('../f/bg/resource.jpg'); }
.bg-news {  background-image: url('../f/bg/news.jpg'); }
.bg-services {  background-image: url('../f/bg/services.jpg'); }
.bg-contactus {  background-image: url('../f/bg/contactus.jpg'); }
.bg-aboutus {  background-image: url('../f/bg/aboutus.jpg'); }

.bg-yellow { background-color:rgba(237,232,175,0.8)!important; }
.bg-red { background-color: rgba(246,216,188,0.8)!important;}
.bg-blue { background-color: rgba(194,220,226,0.8)!important;}
.bg-green { background-color: rgba(209,236,200,0.8)!important;}
.bg-brown { background-color: #9b5636!important; }
.bg-purple { background-color: #7c50b8!important; }

.roundbox { border-radius: 10px; }

/* 2022 */
.txt-question { color:#395aa8;}
.services .title.txt-question-title { color: #81bc3f; margin-bottom:20px; }


.demopic { /*max-width:99%;*/ max-width:500px; width:99%; }

/* bg-pic */
.bg-pic { position: fixed; left:0; bottom:0; max-width:350px; max-height:70vh; }


/**/
.title { font-size:230%; letter-spacing: 18px; }
.desc { font-size:120%; line-height:2; margin-bottom:30px; white-space: pre-wrap; word-wrap: break-word;}
@media (max-width:1400px) {
.title { font-size:210%; letter-spacing: 14px; }
.desc { font-size:130%; line-height:2; margin-bottom:30px; }
}
@media (max-width:1000px) {
.title { font-size:180%; letter-spacing: 11px; }
.desc { font-size:120%; line-height:2; margin-bottom:30px; }
}
@media (max-width:767px) {
.desc { font-size:120%; line-height:2; margin-bottom:30px; max-width: calc(100vw - 35px);  }
}
/* sharing */
.sharing .title { color:#6699ff; }

/* aboutus */
.aboutus .title { color:purple; }

.sharing .data b{ color:#5BA21B; }

.grief .title { color:#9b5636; }
.txt-brown { color:#9b5636; }
.grief .title.griefb { color:#cc9966; }
.grief .griefbbtn { background-color: #cc9966; }

.grief .title.griefc { color:#37BA6B; }
.grief .griefcbtn { background-color: #37BA6B; }

.singlelistblock { padding:0 80px; }
@media (max-width:767px) {
	.singlelistblock { padding:0; }
}

.tbblock { padding:0; }
.tbblock.nopadding { padding:0; }
.tbblock .stitle { font-size:130%; }
.tbblock .table tr:first-child>td { border:none; }
.tbblock .table tr>td { font-weight: normal;}
@media (min-width:500px) {
	.tbblock .table tr>td:first-child { width:400px;}
}
/*.tbblock .table tr>td:last-child { width:180px;}*/

@media (max-width:767px) {
	.tbblock { padding:0; }
	.tbblock .table tr:first-child { border: none; }
	.tbblock .table tr { border-top:1px solid #ccc; padding-top:20px; }
	.tbblock .table td { border: none; }
}
/* publication */
.publication .title { font-size:150%; letter-spacing: 5px; font-weight: bold; margin-bottom:30px; }
.publication .desc { font-size:100%; line-height: 1.5; letter-spacing: 2px; }

.publication .lrdiv { display: table;}
.publication .lrdiv>div { display: table-cell; float: none;  }
.publication .lrdiv>div:first-child { vertical-align: middle; width:40%; text-align: center; }
.publication .lrdiv>div:last-child { padding:0 30px; }
.publication .btndiv {
	/* bg-yellow roundbox p10 dis-ib */
	display:inline-block;
	background-color:#e8bb0d;
	border-radius: 10px;
	font-size:90%;
	padding:10px 15px;
	font-weight: bold;
    margin-left: 7px;
    margin-bottom: 9px;
}

@media (max-width:1000px) {
.publication .lrdiv { display: block; margin-bottom:20px;}
.publication .lrdiv>div { display: block;  }
.publication .lrdiv>div:first-child  { width:100%; margin-bottom:30px; }
}

.publication.colorbox ul>li { list-style: none; padding:0;}
.publication.colorbox ul>li a { color:#fff; }
.publication.colorbox ul>li a:hover { text-decoration: underline; }

/* resource */
.resource .title { color:#b3c35d;  }
/*.resource .desc { font-size:110%; font-weight: bold; }*/
.resource ul { padding:0 30px; }
.resource ul>li { list-style: none; text-indent: -30px;  /*max-width:700px;*/ }

.resource .leftRightBtnDiv>div:nth-child(2) { padding:0 30px; }
.resource table { width:100%; }
.resource table td { padding:5px; font-weight: bold; vertical-align: top; }

@media (max-width:767px) {
	.resource .title { font-size:150%; letter-spacing: 2px;}
	.resource table { display: block; }
	.resource table tr { display:block; margin-bottom:20px; }
	.resource table tr:first-child { margin-bottom:0;  }
	.resource table tr>th:nth-child(1):before { display:inline-block; content:''; width:12px; height:12px; background-color: #000; margin-right:4px; margin-left:5px;  }
	.resource table tr>th:nth-child(2):before { display:inline-block; content:''; width:12px; height:12px; background-color: red; margin-right:4px; margin-left:20px;  }
	.resource table tr>th:nth-child(3):before { display:inline-block; content:''; width:12px; height:12px; background-color: darkgreen; margin-right:4px; margin-left:20px;  }
	.resource table tr>td:first-child { display: block; line-height: 1; padding:2px; font-size:120%; font-weight: bold; margin-bottom:10px; }
	.resource table tr>td:nth-child(2) {  display: block; line-height: 1; padding:2px; color:red; margin-bottom:5px; }
	.resource table tr>td:nth-child(3) {  display: block; line-height: 1;  padding:2px; color:darkgreen; width:auto!important;}
}


.resource .mm { padding:0 40px; }
.resource .mm .desc { margin-bottom:0; font-size:90%;  font-weight: normal; line-height: 1.8; }
.resource .mm>div:first-child { font-size:120%; font-weight: normal; }
.resource .mmc.lrdiv>div.l {max-width:300px; }

@media (max-width:767px) {
	.resource .mm { padding:0 10px; }
.resource .mmc.lrdiv>div { float: none;}
	.resource .mmc.lrdiv>div.l { text-align: center; margin-bottom:20px; }
}

/* news */
.news .leftRightBtnDiv { min-height:400px; padding-left:120px; display: block; }
/*
.news .lrScene>div:nth-child(2)>div { margin:0 auto;  }
*/
.news .title { color:#f08ea1; /* font-size:180%; letter-spacing: 10px; */}
.news .tb2resplist>div>div { padding:10px;}
.news .imgtextbox { text-align: center; width:150px; }
.news .imgtextbox .img {  width:150px; overflow: hidden; text-align: center; margin:0 auto; }
.news .imgtextbox .img>img { }
.news .imgtextbox .text { color: #2737ED; font-weight: bold; font-size:90%;padding-top:10px;}
.news .tb2resplist .btn { font-size:150%; padding:20px 30px; border-radius: 25px; background-color: purple; border:0;  }

.news table.table th{ white-space: nowrap;}
.news table.table th:nth-child(1) { width:168px; }
.news table.table th:nth-child(2) { width:595px; }

.inlineblockdiv>div { display:inline-block; padding:15px; margin:2px; vertical-align: top; }
/*
.news .bottomnavbarcontroller { padding:0; padding-right:120px; }
*/
.news .colorbox { margin:0; }

@media (max-width:767px) {
	.inlineblockdiv { margin-top:20px; }	
.inlineblockdiv>div { display:block;; padding:0; margin:10px 0 20px 0;}
	.inlineblockdiv>div>a>div { margin: 0 auto; }
	
}

/* services */
.services .title { color:purple; }
/*.services .desc { padding:0 40px;font-size:100%; margin-bottom: 0; font-weight: bold; }*/
.services .btnlist { padding:0px; margin-top:30px;}
.services .btnlist .btn-resp { font-size:100%; letter-spacing: 3px; padding:7px 10px; margin: 7px;}
@media (max-width:767px) {
	.services .btnlist .btn-resp { display: block; font-size:120%; margin: 10px 0;}
}
/*.services .btnlist .btn-resp +.btn { margin-left:25px; }*/
.services .btn-servicesb1div { margin-top:40px; margin-bottom:20px; }
.services .btn-servicesb1div>.btn { background-color: #CA74E6; padding:10px 0;}
.services .btn-servicesb2div>span { font-size:120%; font-weight: bold; color:#666; letter-spacing: 4px;  }
.services .btn-servicesb2div>.btn { background-color: #70c7d4; padding:10px 0;	}

/* contactus */



/* aboutus *
.aboutus .desc ul { list-style: none;    padding-left: 20px; }
.aboutus .desc ul>li:before {
	content: "";
  display: inline-block;
  text-indent: -20px;
}
*/
.aboutus .desc ul {  padding-left: 23px; }

/* contactus */
table.contactus { width:100%; max-width:700px;  font-size:120%; letter-spacing: 5px; margin-bottom:30px; /*margin:0 auto;*/ }
table.contactus th { width:200px; text-align: right; vertical-align: top; padding:3px; font-weight: bold;}
table.contactus td { padding:3px;}
table.contactus td input,table.contactus td select,table.contactus td textarea { width:100%; border: 0; height:35px;	}
table.contactus td textarea { height:200px; outline: 0; }
table.contactus tr:last-of-type>td span { font-size:70%;}
table.contactus tr:last-of-type>td button { float:right; background-color: #f29991; font-size:90%; padding:5px; min-width: inherit;}

@media (max-width:767px) {
	n { display: block; }
	table.contactus th { margin-top:20px;  display: block; text-align: left; }
	table.contactus td { display: block;}
}
.bottomnavbarcontroller { position: relative; padding:0 120px; }
.bottomnavbar { text-align: center; margin:70px 0 50px 0;}
.bottomnavbar>.cc { margin:0 10px; padding:10px; font-size:120%; }
.bottomnavbarcontroller>.bottomnavbar { position: absolute; width:100%; padding: 0 120px; left:0; top:-70px; margin:0; text-align: right; margin-top:35px;}
.navbar+.bottomnavbarcontroller>.bottomnavbar { margin-top:0;}

.bottomnavbar>.btn[disable] { visibility: hidden; }

@media (max-width:767px) {
	.bottomnavbarcontroller { padding:0; }
	.bottomnavbar>.cc { margin:0 5px; padding:6px; font-size:100%; }
	.bottomnavbarcontroller>.bottomnavbar { position: inherit; top:inherit; left: inherit; margin-top:20px; text-align: center; padding: inherit;}
	.navbar+.bottomnavbarcontroller>.bottomnavbar { margin-top:20px; }
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
	border-top: 0px;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
	border-top: 1px solid #aaa;
}

.desctext { color:#fff; font-size:80%; text-align: center; margin-top:10px;}

@media (min-width:1250px) {
 table.resourcebook td:nth-child(1) { width:340px!important; }
 table.resourcebook td:nth-child(2) { width:220px!important; }
}

.news .content img { max-width: 100%; height: auto!important;}

.newsyear .inlineblockdiv { text-align: center; }

.vurl {  font-size:90%; white-space: pre-wrap; white-space: -moz-pre-wrap;  word-wrap: break-word; max-width: 100%; }


.indexvc {
    display:table-cell;
    height:400px;
    vertical-align:middle;
}

@media (max-width:575px) {
.indexvc {
    display: block;
    margin-top:30px;
	height:inherit;
    text-align: center;
}
}