@charset "utf-8";
/* CSS Document */
.mt-store-banner { height:575px; background: url(/pt/images/mt-buy-banner.jpg) center no-repeat; background-size:cover;}
.mt-store-banner-content{ color:#fff; text-align:center;}
.mt-store-banner-content h1{ font-size:56px; padding-top:140px; padding-bottom:40px;}
.mt-store-banner-content p{ font-size:30px; line-height:40px;}
.mt-store-banner-content .mt-store-note{ font-style:italic;}
.mt-store-banner-content .mt-store-banner-support{
	text-align: center;
	margin-top:30px;
}
.mt-store-banner-content .mt-store-banner-support li{
	display: inline-block;
	font-size: 18px;
	margin: 0px 20px 10px 0px;
	vertical-align: middle;
}
.mt-store-banner-content .mt-store-banner-support li img{
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.store-index-content-wrap{
	padding: 60px 0px;
	background: url(/pt/images/store-index-content-bg.jpg) center no-repeat;
	background-size: cover;	
}
.store-index-content{	
	text-align: center;
}

.store-index-content-section{
	display: inline-block;
	width: 400px;
	height: 500px;
	border-radius: 5px;
	background-color: #FFF;
	margin: 25px;
	vertical-align: top;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.store-index-content-section:hover{
	box-shadow: #555 0 5px 20px;	
}
.store-index-content-section .product-icon{
	position: relative;
	height: 225px;
	padding: 20px 0px 45px;
	background-color: #1259c3;	
}
.store-index-content-section .product-icon:after{
	position: absolute;
	display: block;
	content: "";
	border-bottom: 45px solid  #FFF;
	border-right: 420px solid transparent;
	left: 0;
	bottom: 0;
}
.store-index-content-section .product-icon svg{
	fill: #FFF;
    stroke: #FFF;
}

.store-index-content-section .product-info{
	padding: 30px 40px;	
}
.store-index-content-section .product-info h2{
	font-size: 30px;
	margin-bottom: 30px;	
}
.store-index-content-section .product-info a{
	display: block;
	width: 160px;
	height: 45px;
	line-height: 45px;
	color: #FFF;
	border-radius: 5px;
	background-color: #fdac32;
	margin: 30px auto 0px;	
}
.store-index-content-section .product-info a:hover{
	text-decoration: none;
	background-color: #ff9900;	
}

.mt-store-support-wrap{ background-color: #383c3d; padding: 25px 0;}

.mt-store-support{ text-align:center;}
.mt-store-support .col-4-1{ margin: 20px auto 20px;}
.mt-store-support-title{ display:block; font-size:20px; color:#fff; padding-top:20px;}

.mt-store-products-wrap{ background-color:#f8f8f8;}
.mt-store-products{ padding:60px 0px;}
.mt-store-software-nav{ width:100%; text-align:center;}
.mt-store-software-module{ display:inline-block; width:85%; border-bottom:2px solid #919191;}
.mt-store-software-module svg{ fill:#777; stroke: #777;}
.mt-store-software-module span{ display:block; font-size:20px; color:#777; padding-bottom:30px;}
.mt-store-software-module:hover{ text-decoration:none; border-bottom:2px solid #ff5400;}
.mt-store-software-module:hover svg{ fill: #ff5400; stroke: #ff5400;}
.mt-store-software-module:hover span{ color: #ff5400;}

.mt-store-software-current .mt-store-software-module{border-bottom:2px solid #ff5400;}
.mt-store-software-current .mt-store-software-module svg{ fill: #ff5400; stroke: #ff5400;}
.mt-store-software-current .mt-store-software-module span{ color: #ff5400;}


.store-sales-faq{
	padding: 0px 10px 40px;	
}

.store-sales-faq h2, .mt-store-license h2{
	position: relative;
	font-size: 30px;
	color: #666;
	padding-bottom: 10px;	
	text-align: center;
}
.store-sales-faq h2:after, .mt-store-license h2:after{
	position: absolute;
	display: block;
	content: "";
	width:60px;
	height: 2px;
	background-color: #9f9f9f;
	bottom: 0px;
	left: 50%;
	margin-left: -30px;	
}

.store-sales-faq ul{
	margin-top: 40px;	
}
.store-sales-faq ul li{
	margin:auto;
	border-bottom: 1px solid #8e8d8d;	
}
.store-sales-faq ul li:first-child{
	border-top: 1px solid #8e8d8d;	
}
.store-sales-faq ul li p.faq-question{
	font-size: 22px;
	padding: 20px 0px;
	cursor: pointer;
}
.store-sales-faq ul li p.faq-question:before{
	float: right;
	margin-right: 10px;
	transition: transform 0.2s;
}
.store-sales-faq ul li p.faq-answer{
	display: none;
	color: #555;
	padding-bottom: 10px;
	transition: max-height 5s;
	-webkit-transition: max-height 5s;
}
.store-sales-faq ul li.current{
	padding-bottom: 10px;	
}
.store-sales-faq ul li.current p.faq-question:before{
	transform: rotate(90deg);	
}
.store-sales-faq ul li p img{
	max-width: 100%;
	height: auto;
	margin: 10px 0px;	
}



.mt-store-license{
	padding: 0px 20px 60px;	
}

.mt-store-license table{
	width: 100%;
	margin: 40px auto;
	border-collapse: collapse;
	border: 1px solid #2887f5;	
}
.mt-store-license table th{
	font-weight: normal;
	color: #2887f5;
	padding: 15px 20px;
	border-bottom: 1px solid #a8c4dd;
	border-right: 1px solid #a8c4dd;
	background-color: #e8eef3;
}
.mt-store-license table th:last-child{
	border-right: none;
}
.mt-store-license table tr{
	border-bottom: 1px solid #b7b7b7;
}
.mt-store-license table tr:last-child{
	border: none;
}
.mt-store-license table td{
	padding: 10px 20px;
	border-right: 1px solid #b7b7b7;
}
.mt-store-license table td:last-child{
	border-right: none;	
}



/*--pw-*/
.mt-store-banner-pw{ height:auto; padding-bottom:60px;}
.mt-store-banner-pw h1{ padding-top:60px;}
/*-----*/

.mt-store-software-edition-tab{ width:100%; border-bottom:1px solid #2887f5; margin-top:40px;}
.mt-store-edition-tab{ width:60%; margin:0 auto;}
a.mt-store-edition-tab-btn{ float:left; width:50%; height:60px; line-height:60px; font-size:20px; color:#666; text-align:center; background-color:#fff;}
a.mt-store-edition-tab-btn:hover{ text-decoration:none;}
a.mt-store-edition-tab-btn-current{ color:#fff; background-color:#2887f5;}
a.mt-store-edition-tab-btn-current:hover{ color:#fff;}

.mt-store-edition-tab-btn i{ margin-right:10px;}

.mt-store-software-wrap{ width:100%; margin-top:40px;}
.mt-store-software-wrap h2{
	 font-size:30px;
	 color:#666;
	 text-align:center;
	 margin:0 auto 40px;
}
p.protected{
	font-size: 20px;
	line-height: 40px;
	margin-top: 20px;
}
p.protected img{
	max-width: 100%;
	height: auto;	
}

.mt-store-software-box{ width:100%;}
.mt-store-product{ width:90%; text-align:center; background-color:#fff; padding:60px 5% 40px; box-shadow:0px 0px 10px #ccc; margin-left:auto; margin-right:auto; margin-bottom:30px;}
.mt-store-product h3{ font-size:24px; color:#555;}
.mt-store-product h3 span{ display:block; font-size:16px;}
.mt-store-product .mt-store-info{ margin-top:25px;}
.mt-store-product .mt-store-info li{ font-size:18px; color:#888; padding:5px 0;}
.mt-store-product .mt-store-info li .edition-note{display: block; font-size:14px; line-height: 16px;}
.mt-store-product .mt-store-info .org{ color:#f60;}
.mt-store-product .mt-store-price{ display:block; font-size:30px; color:#f00; margin-top:30px;}
.mt-store-product .mt-store-price .original-price{ font-size:14px; color: #787878; text-decoration: line-through; margin-left: 10px;}
.mt-store-product .mt-original-price{ display: block; font-size: 14px; color: #7b7b7b; margin-top: 5px;}
.mt-store-product .mt-original-price span{ text-decoration: line-through;}
.mt-store-product .mt-store-btn{ display:inline-block; width:70%; height:50px; line-height:50px; font-size:20px; color:#fff; background-color:#2887f5; border-radius:3px; margin-top:30px;}
.mt-store-product .mt-store-btn i{ margin-right:10px;}
.mt-store-product .mt-store-btn:hover{ text-decoration:none; background-color:#0065da;}

.mt-store-info .radio-wrap{ display:inline-block; width:260px; text-align:left;}
.mt-store-info .radio-wrap .radiobtn{ margin-right:5px;}

.mt-store-4row .mt-store-info{ min-height:136px;}
.mt-store-5row .mt-store-info{ min-height:170px;}
.mt-store-6row .mt-store-info{ min-height:204px;}

.hide{ display:none;}


.usage{ display:block; font-size:16px; color:#ff6647;}
.usage .usage-explanation{ position: relative; display:inline-block; cursor: pointer;}
.usage .usage-explanation i{ margin-left:5px; font-size:14px; vertical-align: middle;}
.usage .usage-explanation span{ position: absolute; display:none; width:280px; line-height: 18px;  padding:8px 12px; border-radius: 3px; background-color: #fff; box-shadow: 0 0 2px #4c4c4c; font-size:0.75rem; color: #555; text-align: left; right: -40px; top: 28px;}
.usage .usage-explanation:hover span{ display:inline-block;}

/*----pdr---*/
.mt-store-system-wrap{ margin-top:60px;}
.mt-store-system-wrap h2{ font-size:30px; color:#666; text-align:center;}
.mt-store-system-wrap h2 i{ color:#2174d3; margin-right:15px;}
.mt-store-system-wrap h2 .icon-macos{ display:inline-block; width:29px; height:30px; background:url(/pt/images/icon/mac-os.png) left no-repeat; vertical-align:middle;}

.mt-store-mac-wrap .mt-store-software-edition-tab{ border-bottom:1px solid #27ae61;}
.mt-store-mac-wrap .mt-store-edition-tab-btn-current{ background-color:#27ae61;}
.mt-store-mac-wrap .mt-store-product .mt-store-btn{background-color:#27ae61;}
.mt-store-mac-wrap .mt-store-product .mt-store-btn:hover{ background-color:#029240;}

.store-note{
	background-color: #f3f3f3;
	border: 1px solid #ccc;
	padding: 10px 30px; color: #f00;
	margin-bottom: 40px;
	margin-top: 30px;
}

.support-lang{
	height:30px;
	line-height: 30px;
	margin-top: 20px;
}
.support-lang i{
	display: inline-block;
	width: 30px;
	height: 20px;
	margin: 0 5px;
	vertical-align: middle;	
}
.support-lang i.lang-enicon{
	background: url(/pt/images/icon/lang/en-icon.png) no-repeat;
	background-size: auto 100%;
}
.support-lang i.lang-deicon{
	background:url(/pt/images/icon/lang/de-icon.png) no-repeat;
	background-size: auto 100%;
}
.support-lang i.lang-jpicon{
	background:url(/pt/images/icon/lang/jp-icon.png) no-repeat;
	background-size: auto 100%;
}
.support-lang i.lang-fricon{
	background:url(/pt/images/icon/lang/fr-icon.png) no-repeat;
	background-size: auto 100%;
}
.support-lang i.lang-iticon{
	background:url(/pt/images/icon/lang/it-icon.png) no-repeat;
	background-size: auto 100%;
}
.support-lang i.lang-kricon{
	background:url(/pt/images/icon/lang/kr-icon.png) no-repeat;
	background-size: auto 100%;
}
.support-lang i.lang-esicon{
	background:url(/pt/images/icon/lang/es-icon.png) no-repeat;
	background-size: auto 100%;
}
.support-lang i.lang-pticon{
	background:url(/pt/images/icon/lang/pt-icon.png) no-repeat;
	background-size: auto 100%;
}




@media screen and (max-width:1535px){
.store-index-content-section{
	width: 360px;
}
.store-index-content-section .product-icon:after{
	border-right: 360px solid transparent;
}
.store-index-content-section .product-info h2{
	font-size: 28px;	
}
}


@media screen and (max-width:1360px){
.store-index-content-section{
	width: 420px;
}
.store-index-content-section .product-icon:after{
	border-right: 420px solid transparent;
}
}

@media screen and (max-width:1279px) and (min-width:1024px){
.mt-store-software svg{
	width: 80px;
	height: 80px;	
}
.mt-store-software-module span{
	font-size: 16px;	
}
.mt-store-product h3 .usage .usage-explanation span{ 
	max-width:200px;
	font-size:0.75rem;
}	
	
}

@media screen and (max-width:1100px) {
.mt-store-product .mt-store-btn{ font-size:18px;}
.mt-store-product .mt-store-info li{ font-size:16px;}
}
@media screen and (max-width:1023px) {
.mt-store-banner-content h1{ font-size:40px;}
.mt-store-banner-content p{ font-size:22px;}
.mt-store-banner-content .mt-store-banner-support li{
	font-size: 16px;
}
.mt-store-banner-content .mt-store-banner-support li img{
	width: auto;
	height: 24px;
}

.store-index-content-section{
	width: 80%;
	margin: 25px 0px;
}
.store-index-content-section .product-icon{
	height: 200px;	
}
.store-index-content-section .product-icon:after{
	display: none;
}
.store-index-content-section .product-info{
	font-size: 18px;	
}
.store-index-content-section .product-info h2{
	font-size: 34px;	
}

.mt-store-support-title{ font-size:16px;}

.mt-store-software{ margin-bottom:20px;}
.mt-store-edition-tab-btn{ font-size:20px;}
.mt-store-product{ padding:40px 5%;}
.mt-store-product .mt-store-info{ margin-top:20px;}
.mt-store-product .mt-store-info li{ font-size:16px;}
.mt-store-product .mt-store-price{ margin-top:20px;}
	
	
.mt-store-product h3 .usage .usage-explanation span{ 
	right:-80px;
}	
	
	
}
@media screen and (max-width:767px) {
.mt-store-banner-content p{ font-size:16px;}
.mt-store-banner-content .mt-store-banner-support li{
	font-size: 14px;
}
.mt-store-banner-content .mt-store-banner-support li img{
	width: auto;
	height: 22px;
}


.store-index-content-section{
	width: 95%;
	height:400px;
	margin: 25px 0px;
}
.store-index-content-section .product-icon{
	height: 140px;
	padding: 0px;	
}
.store-index-content-section .product-icon svg{
	width: 130px;
	height: 130px;	
}
.store-index-content-section .product-icon:after{
	display: none;
}
.store-index-content-section .product-info{
	font-size: 16px;	
}
.store-index-content-section .product-info h2{
	font-size: 30px;	
}


.mt-store-software{ margin-bottom:20px;}
.mt-store-edition-tab{ width:100%;}
a.mt-store-edition-tab-btn{ font-size:16px;}
.mt-store-product{ padding:30px 5%;}
.mt-store-product h3{ font-size:20px;}

.store-sales-faq ul li p.faq-question{
	font-size: 18px;
}
		
.mt-store-product h3 .usage .usage-explanation{ 
	display:none;
}

}
@media screen and (max-width:479px){
.mt-store-banner-content h1{
	padding-top: 80px;	
}

.store-index-content-section .product-info h2{
	font-size: 24px;	
}
.mt-store-banner-content .mt-store-banner-support{
	width: 200px;
	margin: 20px auto 0px;	
}
.mt-store-banner-content .mt-store-banner-support li{
	display: block;
	text-align: left;	
}

}

@media screen and (max-width:359px){
.store-index-content-section .product-info h2{
	font-size: 20px;	
}
}