@charset "utf-8";
html, body { margin: 0; padding: 0; font:14px/22px Verdana, Arial, sans-serif;  }
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { padding:0; margin:0; font-weight:400;}
.clear { clear:both; height:0;}
/* CSS Document */
.Details { width: 1080px; margin: 0 auto; padding: 0; }
/* CSS Document */
.DivMain01{background: url(../images/trial-general24/bg01.jpg) no-repeat top #3a6ad7;background-size: 100% 40rem;padding: 0 0 40px;}
.DivMain01 .main01-left{float: left;width: 50%;color: #ffffff;padding: 110px 0 0 50px;box-sizing: border-box;}
.DivMain01 .main01-left em{font-size: 29px;color: #ffdc73;}
.DivMain01 .main01-left h1{font-size: 34px;line-height: 1.2;padding-top: 15px;color: #ffffff;}
.DivMain01 .main01-left ul{list-style:disc inside;font-size: 16px;padding: 20px 0;}
.DivMain01 .main01-left ul li{padding: 5px 0;color: #fff;}
.DivMain01 .main01-left ul li::marker {color: #fff;}
.DivMain01 .main01-left .main01-down{display: inline-block;text-align: center;color: #ffdc73;}
.DivMain01 .main01-left a{color: inherit;text-decoration: none;display:block;border: 1px solid #fff;padding:0 15px;height: 50px;line-height: 50px;border-radius: 5px;font-size: 17px;margin-bottom: 10px;}
.DivMain01 .main01-left a img{vertical-align: middle;}
.DivMain01 .main01-right{float: right;width: 49%;color: #333333;padding-top:50px;}
.DivMain01 .main01-right .box{width: 449px;height: 470px;background: url(../images/trial-general24/watermark.png)no-repeat;margin:0 auto;padding:35px 40px 0 35px;box-sizing: border-box;}
.DivMain01 .main01-right .box .price{font-size:  40px;color: #ff4d24;text-align: center;padding: 30px 0 20px;}
.DivMain01 .main01-right .box .price span{font-size: 27px;text-decoration: line-through;color: #333;margin-right: 10px;}
.DivMain01 .main01-right .box label{display: block;padding-left: 95px;font-size: 17px;margin-bottom: 5px;color: #999999;}
.DivMain01 .main01-right .box label.active{color: #323232;}
.DivMain01 .main01-right .box label input{margin-right: 10px;}
.DivMain01 .main01-right .box .buy-btn{text-align: center;padding: 15px 0;}
.DivMain01 .main01-right .box a{display: inline-block;background: #FE9314;color: #ffffff;padding: 20px 40px;border-radius: 5px;text-decoration: none;font-size: 25px;}
.DivMain01 .main01-right .box p{text-align: center;margin-bottom: 15px;font-size: 15px;color: #333;}
.DivMain01 .main01-right .box p span{display: inline-block;padding: 15px 30px;border: 1px dashed;font-size: 21px;color: #ff5a34;}
/* CSS Document */
.DivMain02{padding: 30px 0; background:#fff; background-size: 100%;}
.DivMain02 h2{text-align: center;font-size: 33px;color: #282828;}
.DivMain02 ul.list-define{list-style: none;padding: 40px 0 20px;}
.DivMain02 ul.list-define::after{content:'';display:block;clear: both;}
.DivMain02 ul.list-define li{float: left;width: 20%;text-align: center;}
.DivMain02 ul.list-define li>div{height: 70px;position: relative;}
.DivMain02 ul.list-define li>div img{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.DivMain02 ul.list-define li p{padding-top: 15px;color: #333;}
.DivMain02 .des{max-width: 800px;margin: 0 auto 20px;text-align: center;color: #555555;}
.DivMain02 .table-version{border-top:3px solid #FE9D25;border-bottom:3px solid #FE9D25;border-radius: 3px;position: relative;padding-top:15px;background-color: #fff;}
.DivMain02 .table-version::after{content:"";display: inline-block;width: 20px;height: 20px;background: #fff;transform: rotate(45deg);border-bottom: 3px solid #FE9D25;border-right: 3px solid #FE9D25;position: absolute;bottom:-13px;left: 0;right: 0;margin:  0 auto;}
.DivMain02 .table-version table{width: 100%;}
.DivMain02 .table-version table th{font-size: 24px;border-left: 1px solid #e8eff6;padding: 25px 0;}
.DivMain02 .table-version table th:nth-child(2) {color: #f5be00;}
.DivMain02 .table-version table th:nth-child(3) {color: #999;}
.DivMain02 .table-version table td{text-align: center;font-size: 19px;border-left: 1px solid #e8eff6;border-top:1px solid #e8eff6;padding: 25px 0;}
.DivMain02 .table-version table td h4{font-size: 19px;}
.DivMain02 .table-version table td p{font-size: 14px;color: #89898a;}
.DivMain02 .table-version table th:first-child{border-left: none;padding-left: 30px;}
.DivMain02 .table-version table tr td:first-child{ text-align: left;border-left: none;padding-left: 30px;}
.DivMain02 .license{ padding: 50px 0;}
.DivMain02 .license::after{content:'';display:block;clear: both;}
.DivMain02 .license .left{float: left;text-align: right;padding-right: 30px;width:630px;}
.DivMain02 .license .left select{padding: 5px;font-size: 19px;}
.DivMain02 .license .left span{font-size: 23px;}
.DivMain02 .license .left p{padding-top:15px;font-size: 15px;}
.DivMain02 .license .left p a{font-size: 17px;text-decoration: underline;}
.DivMain02 .license .right{float: left;}
.DivMain02 .license .right a{text-decoration: none;background: #ffc240;display: inline-block;border-radius: 5px;text-align: center;}
.DivMain02 .license .right a b{font-size: 27px;color: #fff;padding: 10px;line-height: 74px;}
.DivMain02 .license .right a em{font-size: 27px;color: #ff2615;padding: 10px;float: right;font-style:normal;font-weight: 600;}
.DivMain02 .license .right a em span{display: block;color: #000000;text-decoration: line-through;font-size: 19px;padding-bottom: 10px;font-weight: 400;}


/* CSS Document */
.DivMain03{background: #f0efed; padding-bottom: 40px;}
.DivMain03 .people{text-align: center;}
.DivMain03 .people img{margin: -60px 0 20px;}
.DivMain03 h2{font-size: 33px;text-align: center;font-weight: bold;}
.DivMain03 h2 a{color: #1b8ff5;padding: 25px 0 0;display: inline-block;text-decoration: none;}
.DivMain03 .txt{padding: 30px 0 15px;}
.DivMain03 .txt img.r_img{float: right;padding: 20px 0 0 90px;}
.DivMain03 .txt img.l_img{float: left;padding: 10px 45px 0 0;}
.DivMain03 .txt p{font-size: 15px;color: #4b5866;padding: 10px 0;line-height: 25px;}
.DivMain03 .txt .r_icon{text-align: right;}
/* CSS Document */
.DivMain04{ padding:50px 0 50px; color:#4b5866;}
.DivMain04 .main04_one{width:22%; padding:0 1.5%; float:left; text-align:center;}
.main04_one .t{font-size:15px; padding:15px 0 10px; color:#1f2833;font-weight: bold;}
/* CSS Document */
.DivMain05{padding-bottom: 70px;}
.DivMain05 .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.DivMain05 .qes_one .t{font-size: 18px; background: url(../images/trial-general24/add.png) no-repeat right 3px;cursor: pointer; padding-bottom: 10px;}
.DivMain05 .qes_one .qes_ans{color: #737480;display: none;}
.DivMain05 .qes_one.focus .t{background: url(../images/trial-general24/min.png) no-repeat right center;}
.DivMain05 .qes_one.focus .qes_ans{display: block;}
/* CSS Document */

.video_pop{width:810px; height:410px;}
.video_pop .close{ text-align: right;font-size: 35px; position: relative; color: #fcfcfc; }
.video_pop .close span{cursor: pointer; position: absolute;right: -15px; top: -20px;}

.Top { width: 90px; height: 90px; position: fixed; bottom:10%; right: 5%; cursor: pointer; }
.Top img{max-width:100%;}

@media  (max-width: 979px) {
.Details { width: 95%; }

    .DivMain01{background-size: cover;height: auto;padding: 30px 0;}
    .DivMain01 .main01-left{float: left;width: 100%;color: #ffffff;padding: 0;box-sizing: border-box;text-align: center;}
    .DivMain01 .main01-left em{font-size: 27px;}
    .DivMain01 .main01-left h1{font-size: 27px;line-height: 1.2;padding-top: 15px;}
    .DivMain01 .main01-right{float: right;width: 100%;color: #333333;padding-top:35px;}

/* CSS Document */
    .DivMain02 h2{text-align: center;font-size: 31px;line-height: 1.2;}
    .DivMain02 ul.list-define{list-style: none;padding: 30px 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .DivMain02 ul.list-define::after{display: none;}
    .DivMain02 ul.list-define li{float: none;width: 20%;text-align: center;min-width: 130px;margin: 15px 0;}
    .DivMain02 .license{ padding: 30px 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .DivMain02 .license .left{float: none;text-align: right;padding-right: 30px;width:auto;margin-bottom: 15px;}
    .DivMain02 .license .right{float: none;}



.DivMain03 .txt{padding-bottom: 0;}
.DivMain03 .txt img.r_img{padding: 2% 0 0 2%;}
.DivMain03 .txt img.l_img{padding: 2% 2% 0 0;}

}

@media  (max-width: 767px) {
.Details { width: 95%; }

.DivMain04 .main04_one{ width:47%;}
.Top { display: none;}
}

@media  (max-width: 479px) {
.DivMain01{background: #175a48;}
.DivMain01 h1 {font-size: 27px;line-height: 40px;padding-bottom: 0;white-space: normal;}
.DivMain01 h1 small {font-size: 17px;line-height: 26px;}
.DivMain01 .main01-left h4 {font-size: 15px;line-height: 26px;padding: 10px 0 0;}
.DivMain01 .main01-left p {font-size: 15px;line-height: 26px;padding-left: 0;}
.DivMain01 .main01-left .digiarty-timer {padding-left: 0;text-align: center;}
.DivMain01 .main01-left .digiarty-timer li {width: 53px;}
.DivMain01 .main01-right .box{width: 90%;height: auto;background: #ffffff;margin:0 auto;border-radius: 10px;box-shadow: #e3e5e9 0px 0px 5px 1px;padding: 15px 0;}
.DivMain01 .main01-right .box label{display: block;padding-left: 0;font-size: 17px;margin-bottom: 5px;text-align: center;}
.DivMain01 .main01-right .box .buy-btn{text-align: center;padding: 10px 0;}
.DivMain01 .main01-right .box a{display: inline-block;background: #ff940a;color: #fff;padding: 20px 40px;border-radius: 5px;text-decoration: none;font-size: 19px;}

.DivMain02{padding: 30px 0;background: #ffffff;}
.DivMain02 h2{text-align: center;font-size: 23px;line-height: 1.2;}
.DivMain02 ul.list-define{list-style: none;padding:0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.DivMain02 .table-version table th{font-size: 14px;border-left: 1px solid #e8eff6;padding: 25px 0;}
.DivMain02 .table-version table td{text-align: center;font-size: 19px;border-left: 1px solid #e8eff6;border-top:1px solid #e8eff6;padding: 25px 0;}
.DivMain02 .table-version table td h4{font-size: 15px;}
.DivMain02 .table-version table td p{font-size: 14px;color: #89898a;}
.DivMain02 .table-version table th:first-child{border-left: none;padding-left: 0;}
.DivMain02 .table-version table tr td:first-child{ text-align: left;border-left: none;padding-left: 0;}
.DivMain02 .license{ padding: 30px 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.DivMain02 .license::after{content:'';display:block;clear: both;}
.DivMain02 .license .left{float: none;text-align: right;padding-right: 0;width:auto;margin-bottom: 15px;text-align: center;}
.DivMain02 .license .left select{padding: 5px;font-size: 19px;margin-top: 10px;}
.DivMain02 .license .left span{font-size: 23px;}
.DivMain02 .license .left p{padding-top:15px;font-size: 15px;}
.DivMain02 .license .left p a{font-size: 17px;text-decoration: underline;}
.DivMain02 .license .right{float: none;}
.DivMain02 .license .right a{text-decoration: none;background: #ffc240;display: inline-block;border-radius: 5px;text-align: center;}
.DivMain02 .license .right a b{font-size: 27px;color: #fff;padding: 10px;line-height: 74px;}
.DivMain02 .license .right a em{font-size: 27px;color: #ff2615;padding: 10px;float: right;font-style:normal;font-weight: 600;}
.DivMain02 .license .right a em span{display: block;color: #000000;text-decoration: line-through;font-size: 19px;padding-bottom: 10px;font-weight: 400;}

.DivMain03 .txt img.r_img, .DivMain03 .txt img.l_img{float: none;display: block; margin: 0 auto;}

.DivMain04{padding:30px 0;}
.DivMain04 .main04_one{width:auto; padding:5px 10px;}

}