/*///////////////// present  ////////////////*/
.present article h3{
position: relative;
padding: 0.35em 0.5em;
background: #22528a;
color: #fff;
}
.present article h3:before{
content: " ";
position: absolute;
top: -16px;
left: 0;
width: -webkit-calc(100% - 16px);
width: calc(100% - 16px);
height: 0;
border: solid 8px transparent;
border-bottom-color: #6691c3;
}



@media all and (min-width: 768px) {
.present article h2 span{display:block;width:928px;height:270px;background:url(../img/present/title.jpg)  left center no-repeat;}
.present article h3{margin-bottom:10px;font-size:160%;}


.present article .txt{padding-top:20px;}
.present section div{margin:40px 0;}
.present article ul{font-size:90%;}

.present article .Que .txt{width:690px;line-height:140%;}
.present .txt b{display:block;font-size:190%;line-height:160%;text-align:center;}
.present .att{font-size:140%;font-weight:bold;padding-bottom:20px;}
.present .file{display:block;width:740px;height:300px;background:url(../img/present/present.png)  left center no-repeat;margin:50px auto 0;}
.present .txt small{display:block;font-size:80%;text-align:center;}


.present .Que{width:740px;margin:50px auto 0;}
.present .Que{background:#e7ebf1;padding-bottom:10px;}
.present .Que .txt{font-weight:bold;font-size:160%;padding:30px 20px 20px;}

.present .shareBox{width:880px;}
}

@media all and (max-width: 767px) {
.present article h2 {padding:0;}
.present article h2 span{display:block;width:100%;height:0; padding-top:29%;
	background:url(../img/present/title.jpg)  center top no-repeat;background-size:contain;}

.present article h3{font-size:120%;}

.present article .txt{padding-bottom:.5em;}
.present section div{margin:2em 0 1em;}
.present .pBox{margin-bottom:0;}
.present article ul{font-size:70%;margin-bottom:1em;letter-spacing:-0.03em;}

.present .txt b{display:block;font-size:120%;line-height:160%;}
.present .att{font-size:100%;font-weight:bold;padding-bottom:1em;}


.present .file{display:block;width:100%;height:0;padding-top:40%;margin:2em auto 0;
	background:url(../img/present/present.png)  left center no-repeat;background-size:contain;}
.present .txt small{display:block;font-size:70%;}

.present .Que{width:100%;margin:2em auto 0;}
.present .Que{background:#e7ebf1;}
.present .Que .txt{font-weight:bold;font-size:90%;padding:1em;}

.present p.shareBox{width:95%;margin:0 auto;}
 }


/* font-size: */
.present .lead{text-align: center;}
@media all and (min-width: 768px) {
.present .big1{font-size:120%;}
.present .big2{font-size:140%;}
.present .big3{font-size:160%;}
.present .big4{font-size:180%;}
.present .mini{font-size:60%;}
}

@media all and (max-width: 767px) {
.present .lead{letter-spacing:0;}
.present .big1{font-size:100%;}
.present .big2{font-size:120%;}
.present .big3{font-size:140%;}
.present .big4{font-size:160%;}
.present .mini{font-size:60%;}

}

/* button */
.present .button{display:block;text-align:center;}
.present .button a{display:block;margin:0 auto;}
.present .button a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #fff;font-size:160%;text-align: center;text-decoration: none;
                       background-color: #22528a;border-radius: 10px;box-shadow: 0 6px 0 #000, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s, 
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.present .button a:hover {background-color: #799fca; box-shadow: 0 3px 0 #000, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.present .button a:active {color: #ddd;background-color: #799fca;box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}


@media all and (min-width: 768px) {
.present .button a{display:block;width:380px; padding:20px 0;font-size:140%; line-height:100%;margin:10px auto 50px;}
}
@media all and (max-width: 767px) {
.present .button a{display:block;width:70%; padding:1em 0;font-size:100%; line-height:100%;margin:1em auto 2.5em;font-weight:bold;}
}


/* bknm*/
.present article h4{color:#22528a;border-left:solid 10px #22528a;border-bottom:solid 2px #22528a;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.present article h5{color:#fff;background:#22528a;}

@media all and (min-width: 768px) {
.present article h4{font-size:140%;padding:5px 10px;margin-top:30px;}
.present article h5{margin:10px auto 0;font-size:110%;}
.present article h5 span{display:block;padding:5px 10px;}
}

@media all and (max-width: 767px) {
.present article h4{margin:0 auto;padding:.3em .5em .2em;}
.present article h5{margin:1em auto;font-size:100%;}
.present article h5 span{display:block;padding:.3em .5em .2em;}
}