@charset "utf-8";
#purchase_pdname {
  clear: both;
  border-bottom-width: 0px;
  border-bottom-style: none;
  padding-right: 0px;
  padding-left: 0px;
  padding-top: 8px;
  padding-bottom: 0 !important;
  width: 95%;
  margin: -27px 0 0 10px;
}

/*desktop Purchase start*/
.versionTypeClass{
  box-sizing: border-box;
  font-weight: 600;
}
.versionTypeClass:hover{
    border: 1px solid rgba(255,255,255,0.5) !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom: none !important; 
  }
.versionTypeClassChecked_1{background: #0084ff !important;font-weight:600;}
.versionTypeClassChecked_2{background: #5944c7 !important;font-weight:600;}
.versionTypeClassChecked_3{background: #8623b7 !important;font-weight:600;}
.versionTypeClassChecked_4{background: #47036D !important;font-weight:600;}
.versionTypeClassChecked_5{background: #222222 !important;font-weight:600;}
.pd_btns2 a{
text-shadow: 1px 1px 2px #08653E;
background-color: #0AAB68;
border: solid 1px #0A7B4C;
}
.pd_btns2 a:hover{
background-color: #0D9A5F;
}

#purchase_bottom_trial {
  height: 40px;
  float: left;
  margin-top: -9px;
  padding-top: 18px;
}
#purchase_bottom_learn_more {
  height: 40px;
  float: left;
  margin-top: -9px;
  padding-top: 18px;
  margin-left: 150px;
}
.pd_btns_trial {
  height: 30px;
  width: 140px;
  float: left;
}
.pd_btns_trial a {
  display: block;
  color: white;
  text-shadow: 1px 1px 2px #000;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  background-color: rgba(0,0,0,0.2);
  border-radius: 5px;
  margin-right: 10px;
  line-height: 22px;
  font-weight: 400;
  border: solid 1px rgba(255,255,255,0.7);
}
.pd_btns_trial a:hover {
  background-color: rgba(0,0,0,0.6);
}
.pd_btns_learn_more {
  height: 30px;
  width: 140px;
  float: left;
}
.pd_btns_learn_more a {
  display: block;
  color: white;
  text-shadow: 1px 1px 2px #86420C;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  background-color: #F68B35;
  border-radius: 5px;
  margin-right: 10px;
  line-height: 22px;
  font-weight: 400;
  border: solid 1px #A5500D;
}
.pd_btns_learn_more a:hover {
  background-color: #E87212;
}

#purchase_bottom {
  margin-left:20px
}

.compare_switch{
    padding: 1.2em 0.8em 0em 0.8em;
    font-size: 1.3em;
    color: #FF5A00;
    font-weight: 600;
    line-height: 1.3em;
}
.compare_switch a{
    color: #FF5A00; 
}

.compare_switch a:hover{
  text-decoration:underline;
}


.app_table{}
.app_table p{
    font-weight: 600 !important;
    line-height: 5.5em !important;
    font-size: 1.5em;
  float:left;
  }
.app_img{
    display: block;
    width: 65px;
    float: left;
    margin: 1em 0 1em 0;  
  }
.accordion-section-title { font-weight:600;}

.tableprice_discount {
    line-height:5.5em;
}

@media screen and (max-width: 768px) {
.app_img{width: 40px;}
  
.tableprice_discount {
    font-size: 13px !important;
  	line-height:3em !important;
}
.app_table p {
    font-size: 1.5em !important;
  line-height: 4em !important;
}

  .pd_btns_trial .pd_btns_learn_more{
    width: 120px;
  }
}
/*desktop Purchase end*/

.toptop_banner .links {color: #fff !important; visibility: hidden;}
.toptop_banner .links a {color: #fff !important;}
.toptop_banner .links a:hover {color: #f60 !important;}

em {font-style:italic; font-size:0.8em;}

h1{line-height:1.5em !important;}

.sec_intro_a, .sec_intro_b, .sec_intro_c, .sec_intro_d, .sec_intro_e, .sec_intro_f {
  bottom:5%;
  box-sizing: border-box;
  width:100%;
  padding:1em 10em 1em 10em;
  text-align:center;
}
.sec_intro_f {
    position: absolute;

}
.main_section_1, .main_section_2, .main_section_3, .main_section_4, .main_section_5, .main_section_6{
  height:10em;
  border-bottom:1px solid #CCC;
  
}
.main_section_6 {
    position: relative;
    clear: both;
    width: 100%;
}

.sec_description{
  padding: 1em 3em 1em 3em;
}
.learning_area{

  width:95%;
  margin: 0 auto;
}
.intro_left {margin-top:2em !important; text-align:center;}
.intro_left p{    
  font-size: 0.8em;
    padding: 0.4em 0 0 0;}
.intro_middle{padding-top:1em; width:50%;}
.intro_middle a{text-decoration:underline !important;}
.intro_right {width:26%;}
.section_learning{
  box-sizing:border-box;
  display:block;
  width: 25%;
  padding:0.8em;
  float:left;
}
.block-box{
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 1em 1em 1em 1em;
    height: 400px;
}


.block-box h3{
  margin-bottom:0.5em;
  text-align:center;
}
.block-box p{
  margin-top:1em;
  line-height:1.5em;
  padding-bottom: 1.5em;
} 
.play_small {margin:-2em 0 0 1em;}

.piller_area{
  width:80%;
  margin: 0 auto;
}
.section_pillar{
  box-sizing:border-box; 
  display:block;
  width:33%;
  padding:0.5em;
  float:left;
}
.section_pillar .pillar_item{
  color:#fff;
  font-size:1.8em;
  line-height:2.4em;
  padding:0.3em 1em 0.5em 0.5em;
  height:60px;
  background-repeat:no-repeat;
  background-position:right top;
  background-size: 100% 100%;
  /*text-shadow: 2px 1px 8px rgba(0,0,0,.7);*/
  text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.35);
  text-align:center;
}
.p0{cursor:pointer;}
.p1{background:#751f6a; background-image:url(../img/p0.png); cursor:pointer;}
.p2{background:#3f347a; background-image:url(../img/p0.png); cursor:pointer;}
.p3{background:#024c8d; background-image:url(../img/p0.png); cursor:pointer;}
.p4{background:#01708a; background-image:url(../img/p0.png); cursor:pointer;}
.p5{background:#009b86; background-image:url(../img/p0.png); cursor:pointer;}
.p6{background:#0E95BD; background-image:url(../img/p0.png); cursor:pointer;}
.cms_app{
  vertical-align:middle;
  margin-right:0.5em !important;
  margin-left:0.5em;
}
h1 .h1_sub {
    font-size: 0.7em;
    margin-left: 1em;
    vertical-align: text-top;
    color: #333333;
  font-weight:400;
}
.bulletPoint p{
  margin-bottom: 0em !important;
  padding-bottom: 5px  !important;
}

.tablebuy {
    color: #FFF;
    margin-top: 5px;
    margin-bottom: 5px;
}
.tablebuy a {
    display: block;
    width: 80%;
    height: 2em;
    margin: 0 auto;
    background-color: #09F;
    border-radius: 3px;
    font-size: 1em;
    line-height: 2em;
    color: #FFF;
    text-decoration: none;
}
.tableprice_discount {
    font-size: 16px;
    color: #C30;
}
.tableprice_ori {
    font-size: 14px;
    color: #666;
    text-decoration: line-through;
}

.on_768{
  display:none;
}
.de_p1{width:15% !important;}
.de_p2{width:85% !important;}
.back_top{
  z-index:999;
  position:fixed;
  bottom:3em;
  right:1em;  
}
.quick_nav {
    font-size: 0.8em;
  text-align: right;
    height: 1.5em;
    padding-top: 1.5em;
  margin-right:3em;
    margin-bottom: 1em;
    clear: right;
}
.gototop{
  float:right;
}
.include_ver{
    display: block;
    float: left;
    padding: 0.2em 1.5em 0.2em 1.5em;
    font-size: 0.9em;
    color: #fff;
    background: #666;
    margin-right: 0.5em;
}

.compare_btn{
  
  color:#218FFF !important;
    padding: 6px;
    font-size: 1em;
    font-weight: 400;
  text-align: center;
  display:block;
}
.compare_btn:hover{
  text-decoration:underline;
}

.more_btn{
  background:rgba(246, 139, 53, 1);
  color:#fff !important;
    border-radius: 4px;
    padding: 6px;
    font-size: 14px;
    font-weight: 400;
  text-align: center;
    /*margin: 10px 20px 10px 20px;*/
  display:block;
  
}
.more_btn:hover{
  background:rgba(246, 139, 53, 0.8);
}
.title_label{
    BACKGROUND: #FB0C00;
    font-size: 0.4em;
    font-weight: 600;
    padding: 0em 0.8em;
    border-radius: 0.3em;
    color: #fff;
    vertical-align: super;  
  margin-right: 1em;
  line-height: 2.2em;
}
.label2 {
  vertical-align: bottom !important;
  border-radius: 0em !important;
  background: #e5e6e9 !important;
  padding: 0.1em 1.2em !important;
  color: #00417a !important;
  border: 1px solid #ccc;
}
.box_bar{
  color:#666;
  padding:0 0.5em 0 0.5em;
  font-size:8px;
  vertical-align:text-top;
  
}

ul h3{padding-bottom:0.5em;}

.one_column_ul {
    width: 70%;
    margin: 0 auto 2em auto;
}

.one_column_ul li {
    width: 100%;
    margin-right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 0 1em 0 1em;
    list-style: none;

}

.two_c_fix{
  width:80%;
}
.purchase_price{
    padding-right: 20px !important; 
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.sec_intro_a, .sec_intro_b, .sec_intro_c, .sec_intro_d, .sec_intro_e, .sec_intro_f {

  padding:1em 5em 1em 5em;

}
/*.sec_intro_f {
    width: 80%;
    position: absolute;
    bottom: 0% !important;
    padding: 1em;
}*/ 
.section_pillar .pillar_item{
  font-size:1.0em;
  padding:0.5em 1em 0.5em 0.5em;
  height:45px;
  font-weight:600;

} 
.block-box p{
  font-size:0.9em;
  line-height:1.4em;
} 
.play_small {
  font-size:0.8em;
}
.section_learning{
  padding:0.2em;
}
.block-box h3{
  font-size:0.9em;  
}
.block-box{
  padding: 0.7em;
  height: 350px;
}
.de_p1{width:25% !important;}
.de_p2{width:75% !important;}
}

@media screen and (max-width: 768px) {
.seemore{font-size:0.7em; font-weight:600;}
.two_c_fix{
  width:95%;
}
.one_column_ul {
    width: 95%;
}
.sec_intro_a, .sec_intro_b, .sec_intro_c, .sec_intro_d, .sec_intro_e, .sec_intro_f {
  padding:1em;
}
.main_section_1, .main_section_2, .main_section_3, .main_section_4, .main_section_5, .main_section_6 {
    height: initial; border-bottom: none;
}
.b_fix{font-size:1.2em;}
.intro_middle{width:75%;}
.intro_right{width:95%;}  

.sec_intro_a {
  background-image:url(../img/p0.png);
  background-repeat: no-repeat;
    background-position: top right;
    background-color: #751f6a;}
.sec_intro_b {
  background-image:url(../img/p0.png);
  background-repeat: no-repeat;
    background-position: top right;
    background-color: #3f347a;}
.sec_intro_c {
  background-image:url(../img/p0.png);
  background-repeat: no-repeat;
    background-position: top right;
    background-color: #024c8d;}
.sec_intro_d {
  background-image:url(../img/p0.png);
  background-repeat: no-repeat;
    background-position: top right;
    background-color: #01708a;}
.sec_intro_e {
  background-image:url(../img/p0.png);
  background-repeat: no-repeat;
    background-position: top right;
    background-color: #009b86;}
.sec_intro_f {
    width: auto;
    position: inherit;
    bottom: 30%;
    padding: 1em;
  background-image:url(../img/p0.png);
  background-repeat: no-repeat;
    background-position: top right;
    background-color: #0E95BD;
  
}

.hide_768{
  display:none;
}
.on_768{
  display:block;
}
.bottom_text{
    font-size: 0.8em !important;
    margin-left: 7em !important;
    line-height: 1em !important;
} 

.piller_area{
  width:100%;
}
.section_pillar{
  width:100%;
  padding:0.05em;

}
.section_pillar .pillar_item{
  font-size:1em;
  padding:0.5em 1em 0.5em 1em;
  height:auto;
  background-image: initial;
}
h1 .h1_sub {
  display:block;
    font-size: 0.7em;
    padding: 0.5em 0 0.5em 0;
  line-height: 1.5em;
}

.section_learning {
  width:100%;
}
.block-box{
  height:auto;
}
.block-box p{
  font-size:0.9em;
  line-height:1.6em;
} 
.play_small {
  font-size:0.8em;
}

.de_p2{font-size: 1.1em !important;}

.btn_bottom {margin-top: 2.5em !important;  }
}

@media screen and (max-width: 600px) {
.intro_middle{width:95%;}
.intro_right{width:95%;}  
.hide_768{display:none;}
.piller_area{display:none;}
.sec_intro_a h3 {
  line-height:1.3em !important;
}
.sec_intro_b h3 {
  line-height:1.3em !important;
}
.sec_intro_c h3 {
  line-height:1.3em !important;
}
.sec_intro_d h3 {
  line-height:1.3em !important;
}
.sec_intro_e h3 {
  line-height:1.3em !important;
}
.sec_intro_f h3 {
  line-height:1.3em !important;
}
.on_768{
  display:none;
}

.bottom_text{

    font-size: 1em !important;
    margin-left: 6em !important;
    line-height: 1.5em !important;
}

.bottom_box{
  width:95% !important;
  margin-bottom:1em;
}

.two_column_ul li {
    font-size: 0.9em;
}
.three_column_ul li {
    font-size: 0.9em;
}

li p {
  line-height:1.6em;
}
.de_p1{width:25% !important;}
.de_p2{width:75% !important; font-size: 1.1em !important;}
}

#pd_purchase {
  width:450px;
  top: 55px;
  right: 8%;
  background-image: url(../img/topbanner_box.png);
  padding-top: 116px;
  border-radius: 0px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0) !important;
}
.feature_banner {
    margin-top: 0.6em;
    text-align: center;
}

/* line 124, ../scss/main.scss */
.widebanner-box {
  background-color: #f1f1f1;
  padding: 15px 20px 10px 20px;
  margin: 20px;
  border-radius: 7px;
  font-size: 55px;
  position: relative;
  	margin-left: 120px;
	margin-right: 120px;
}
@media screen and (max-width: 768px) {
	.widebanner-box {
		margin-left: 20px;
		margin-right: 20px;
	}
}	
/* line 132, ../scss/main.scss */
.widebanner-box ul {
  margin: 0 !important;
  padding: 0;
  float: left;
}
/* line 137, ../scss/main.scss */
.widebanner-box li {
  width: 210px;
  margin: 0px 40px 0px 5px;
  height: auto;
  float: left;
}
/* line 142, ../scss/main.scss */
.widebanner-box li img {
  width: 60px;
  height: auto;
  float: none;
  clear: both;
  margin: 10px 75px 0px 75px;
}
/* line 149, ../scss/main.scss */
.widebanner-box li h3 {
  color: #00a0e9 !important;
  font-size: 19px;
  line-height: 28px;
  text-align: center;
}
/* line 155, ../scss/main.scss */
.widebanner-box li p {
  clear: both;
  text-align: center;
  color: #66059c;
  font-size: 14px;
  line-height: 18px;
}
/* line 163, ../scss/main.scss */
.widebanner-box .plus1 {
  position: absolute;
  left: 408px;
  top: 100px;
}
/* line 168, ../scss/main.scss */
.widebanner-box .plus2 {
  position: absolute;
  left: 675px;
  top: 100px;
}

.quote {
    margin: 5px 0px 10px 0px;
}
.quote_award {
    float: left;
    padding-right: 10px;
    display: inline-block;
    width: 20%;
}
@media screen and (max-width: 768px){
.quote_award {
    display: none;
}
}
.quote_txt {
    float: left;
    width: 75%;
}
@media screen and (max-width: 768px){
.quote_txt {
    width: 100%;
}
}
.quote h2 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #b81a35 !important;
    font-size: 0.8em;
	line-height: 1.2em;
}
@media screen and (max-width: 1024px){
.quote h2 {
    font-size: 0.5em;
    line-height: 1.2em;
    margin: 0 0 10px 0;
}
}
.quote p {
    font-style: italic;
    font-size: 15px;
}
.s-block{padding:10px;}