h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}

/*banner*/
.idxbanner{ width:100%; height:620px; background:url(../img/pdf-bann.jpg) top center no-repeat; background-size:cover; overflow:hidden;}
.idxban-word{ width:980px; margin:100px auto 0;}
.idxban-word h1{ font-size:64px; line-height:1.2; font-weight:800; color:#000000; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.idxban-word h1 span{ color:#009361; font-size:inherit;}
.idxban-word h1 font{ color:#298fee; font-size:inherit;}
.idxban-word h1 em{ color:#ff6932; font-size:inherit; font-style:normal; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.idxban-word-benfi{ width:900px; border: 4px dashed #FF6932; background: #FFF0EB; margin:27px auto 0; position:relative;}
.idxban-squra{ width:100%; height:100%; position:absolute;}
.idxban-squra:before{background: #FFB083; border: 4px solid #FF6932; width:16px; height:16px; content:""; display:block; position:absolute; left:-14px; bottom:-14px; z-index:5;}
.idxban-squra:after{background: #FFB083; border: 4px solid #FF6932; width:16px; height:16px; content:""; display:block; position:absolute; right:-14px; bottom:-14px; z-index:5;}
.idxban-word-benfi:before{background: #FFB083; border: 4px solid #FF6932; width:16px; height:16px; content:""; display:block; position:absolute; left:-14px; top:-14px; z-index:5;}
.idxban-word-benfi:after{background: #FFB083; border: 4px solid #FF6932; width:16px; height:16px; content:""; display:block; position:absolute; right:-14px; top:-14px; z-index:5;}
.idxban-word-benfi-left{ width:420px; margin:13px 10px 7px 15px; display:inline-block; vertical-align:text-top; position:relative;}
.idxban-word-benfi-right{ width:420px; margin:13px 15px 7px 10px; display:inline-block; vertical-align:text-top; position:relative;}
.idxban-word-benfi p{ font-size:20px; line-height:1.5; font-weight:400; color:#000; position:relative; padding-left:30px;}
.idxban-word-benfi p:before{ width:4px; height:4px; border-radius:6px; background:#000; position:absolute; top:12px; left:13px; content:"";}

.idxban-btn{ text-align:center; display: flex; align-items: center; justify-content: center; margin-top: 20px; flex-wrap: wrap;}
.dlbtn{ width:254px; height:64px; background: #FF6932; line-height:64px; text-align:center; font-size:22px; color:#fff; font-weight:700; position:relative; text-decoration:none; margin:0 0 0 0; display: inline-block; vertical-align: middle;}
.dlbtn:before{content: "\e900"; font-family: "iconfont"; display:inline-block; vertical-align:middle; z-index:2; position:relative; font-size:24px; margin:-4px 14px 0 0; font-weight:normal;}
.bree-microsoft{ height:64px; display:inline-block; vertical-align:middle; margin:27px 0 0 8px;}
.idxban-btn ms-store-badge{transform: scale(.65);}

.pdf-feature-area{ width:1000px; height:400px; margin-top:40px;}
.pdf-feature-area h4{ font-size:32px; line-height:1.36; font-weight:700; color:#000;}
.pdf-feature-area p{ font-size:20px; line-height:1.5; font-weight:normal; color:#000; margin-top:10px;}
.pdf-feature-area1{ background:#FFF0EB;}
.pdf-feature-area-img1{ width:480px; height:400px; background:url(../img/pdf-edit.png) #FFC7B5 top center no-repeat; background-size:cover;}
.pdf-feature-area-text1{ width:440px; margin:40px 40px 0 40px;}
.pdf-feature-area2{ background:#FFE0E0;}
.pdf-feature-area-img2{ width:378px; height:400px; background:url(../img/pdf-view.png) #FF9797 top center no-repeat; background-size:cover;}
.pdf-feature-area-text2{ width:590px; margin:40px 10px 0 20px;}
.pdf-feature-area3{ background:#D6E7FF;}
.pdf-feature-area-img3{ width:480px; height:400px; background:url(../img/pdf-annotate.png) #0055CE top center no-repeat; background-size:cover;}
.pdf-feature-area-text3{ width:440px; margin:40px 40px 0 40px;}

.pdf-need{ width:100%; height:540px; background:url(../img/pdf-need-bg.jpg) #fff top center no-repeat; background-size:cover; margin-top:40px; overflow:hidden; text-align:center;}
.pdf-need h2{ font-size:44px; line-height:1.2; margin-top:80px; font-weight:700;}
.pdf-need-area{ display:flex; justify-content:space-between;}
.pdf-need-area-word{ width:319px; height:316px; background-size:cover; margin-top:35px;}
.pdf-need-area-word1{background:url(../img/pdf-need-box1.png) top center no-repeat;}
.pdf-need-area-word2{background:url(../img/pdf-need-box2.png) top center no-repeat;}
.pdf-need-area-word3{background:url(../img/pdf-need-box3.png) top center no-repeat;}
.pdf-need-area-word p{ width:228px; margin-left:auto; margin-right:auto; font-size:20px; line-height:1.5; font-weight:400; color:#000;}
.pdf-need-area-word1 p{ margin-top:133px;}
.pdf-need-area-word2 p{ margin-top:123px;}
.pdf-need-area-word3 p{ margin-top:133px;}

.pdf-comment{ width:100%; background:#FFF0EB; padding-bottom:20px; overflow:hidden;}
.pdf-comment h3{ font-size:32px; line-height:1.2; font-weight:700; text-align:center; margin-top:40px; margin-bottom:40px;}
.pdf-comment-area{ margin-top:23px;}
.pdf-comment-area figcaption{ width:555px; margin-left:15px;}
.pdf-comment-area2 figcaption{ margin-right:15px;}
.pdf-comment-area3 figcaption{ width:655px;}
.pdf-comment-area figure img{ margin-top:20px;}
.pdf-comment-area figcaption h5{ font-size:20px; line-height:1.2; color:#000;}
.pdf-comment-area2 figcaption h5{ text-align:right;}
.pdf-comment-area figcaption p{ font-size:20px; line-height:1.2; color:#fff; margin-top:8px; background:#FF6932; padding:14px 14px 12px 22px; position:relative;}
.pdf-comment-area2 figcaption p{ background:#298FEE;}
.pdf-comment-area3 figcaption p{ background:#FFBA26; color:#000;}
.pdf-comment-area figcaption p:before{ width:0px; height:0px; border:6px solid transparent; border-right:5px solid #FF6932; content:""; display:block; top:18px; left:-10px; position:absolute;}
.pdf-comment-area2 figcaption p:before{ border-left:5px solid #298FEE; border-right:none; left:auto; right:-5px;}
.pdf-comment-area3 figcaption p:before{ border-right:5px solid #FFBA26;}

.pdf-footban{ width:100%; height:620px; background:url(../img/pdf-footerbg.png) #449CEF top center no-repeat; background-size:cover; overflow:hidden; text-align:center;}
.pdf-footword{ width:758px; margin:203px auto 0;}
.pdf-footword h2{ width:100%; height:114px; line-height:114px; background:#FFD7C8; font-size:80px; font-weight:800; position:relative;}
.pdf-footword h2:after{ width:37px; height:92px; content:""; display:inline-block; z-index:3; background:url(../img/pdf-symbol.png) top center no-repeat; background-size:cover; position:relative; vertical-align:middle; margin:-13px 0 0 8px;}
.pdf-footword h2 strong{ color:#ff6932;}
.pdf-footword p{ font-size:20px; line-height:1.6; max-width:530px; margin:20px auto 0; color:#000;}
@media screen and (max-width: 1080px){
.idxbanner{ height:auto; padding:40px 0; background:linear-gradient(to bottom,#fff,#ffe9e3);}
.idxban-word{ width:100%; margin:0 auto}
.idxban-word h1{ font-size:48px;}
.pdf-need{ height:auto; padding-bottom:40px;}
.pdf-need h2{ font-size:36px; margin-top:40px;}
.idxban-word-benfi{ width:calc(100% - 8px);}
.idxban-word-benfi-left,.idxban-word-benfi-right{ width:calc(50% - 30px);}
.pdf-feature-area{ width:100%; height:auto; overflow:hidden; padding-bottom:40px;}
.pdf-feature-area-img{ max-width:480px; width:80%; height:58vw; margin:50px auto 20px; float:none;}
.pdf-feature-area-text{ width:calc(100% - 80px); float:none;}
.pdf-need-area-word{ width:30%; height:27vw; background-size:cover;}
.pdf-need-area-word p{ width:80%; margin-top:43%; font-size:1.7vw;}
}

@media screen and (max-width: 980px){
.pdf-comment{ padding-bottom:50px;}
.pdf-comment-area figcaption{ width:calc(100% - 130px);}
.pdf-footban{ height:auto; background:#449CEF; padding-bottom:40px;}
.pdf-footword{ width:92%; margin:40px auto 0;}
.pdf-footword h2{ height:auto; display:inline-block; padding:10px 20px; width:auto; font-size:60px; line-height:1;}
.pdf-footword p{ color:#fff;}
}

@media screen and (max-width: 680px){
.pdf-need-area{ display:block;} 
.pdf-need-area-word{ width:319px; height:316px; margin:30px auto 0; overflow:hidden;}
.pdf-need-area-word p{ font-size:20px; width: 228px;}
.pdf-need-area-word1 p{ margin-top:133px;}
.pdf-need-area-word2 p{ margin-top:123px;}
.pdf-need-area-word3 p{ margin-top:133px;}
.pdf-footword h2{ font-size:40px;}
.pdf-footword h2:after{ display:none;}
} 
@media screen and (max-width: 568px){
.idxban-word h1{ font-size:36px;}
.pdf-feature-area h4{ font-size:24px;}
.pdf-need h2,.pdf-comment h3{ font-size:30px;}
.idxban-word-benfi-left,.idxban-word-benfi-right{ width:calc(100% - 30px);}
.idxban-word-benfi-right{ margin-top:0;}
.pdf-comment-area figcaption p{ font-size:18px;}
.bree-microsoft{ margin-top:15px;}
.pdf-feature-area-text{ width:calc(100% - 40px); margin:30px 20px 0; text-align:center;}
} 
@media screen and (max-width: 325px){

} 

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {

}