@charset "utf-8";

/*MENU*/
#iotmart .block-menu{
	background-color: #004280;
}

#iotmart .block-menu .menuLists > .list a:hover{
	color: #f39a00;
	transition: 0.1s ease;
}

#iotmart .block-mainBanner{
	    background: url(css-img/Site-Software-bg.jpg) center center no-repeat!important;
	     background-size: cover!important;
height: 450px;	
	
}



#iotmart .block-mainBanner .section-mainBanner{
	text-align: left;
	margin: 0 0;
}
#iotmart .block-mainBanner .block-wrapper{
	width: 100%;
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
		
}
#iotmart .block-mainBanner .mainBannerSubTitle{
	font-size: 26px;
}
#iotmart .block-software .section-tabContent .sectionTitle a{
	font-weight: bold;
}


@media screen and (max-width:1240px){
	#iotmart .block-mainBanner .section-mainBanner{
		margin: 0 20px;
	}	
}
@media screen and (max-width:991px){
	#iotmart .block-mainBanner{
		height: auto;
		  background-color: rgba(0, 0, 0, .4)!important;
        background-blend-mode: multiply;
	}
	#iotmart .block-mainBanner .section-mainBanner{
		margin: 100px 20px;
	}
}
@media screen and (max-width:768px){
	#iotmart .block-mainBanner .mainBannerTitle{
		font-size: 9vw;
		text-align: center;
	}	
	#iotmart .block-mainBanner .mainBannerSubTitle{
		font-size: 6vw;
		text-align: center;
	}
	#iotmart .block-menu .menuIcon{
	background-color: #004280;
	}

	#iotmart .block-menu .menuLists{
		background-color: #004280;
	}
	#iotmart .block-menu .menuLists li a:hover{
		color: #f39a00;
	    transition: 0.1s ease;
	}
}
/*
-------------------------------
------------------------------
#service
-------------------------------
------------------------------
*/
#iotmart #service .icons{
	 margin: 30px 0;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 20px 0px;
	max-width: 880px;
	margin: 0 auto;
}
#iotmart #service .icons .icon{
	text-align: center;
    margin: 20px 10px;
	width: 25%;
	min-width: 130px;
}
#iotmart #service .icons .icon p{
	font-weight: bold;
}

#iotmart #service  p{
	max-width: 820px!important;
	margin: 0 auto;
}

#iotmart #service  ul{
		max-width: 990px!important;
	margin: 0 auto  20px;
	padding: 0 20px;
}
#iotmart #service  ul li{
	list-style: disc!important;
}

#iotmart #service .img{
	display: flex;
	justify-content:space-around;
	max-width: 990px!important;
	margin: 0 auto;
	
}
#iotmart #service .img span{
	padding: 20px 10px;
}
@media screen and (max-width:768px){
	#iotmart #service .icons{
		flex-wrap: wrap;
	}	
}
/*
-------------------------------
------------------------------
產品 > #MicrosoftTab  
-------------------------------
------------------------------
*/
#iotmart #MicrosoftTab{
	padding-bottom: 50px;
	margin-bottom: 0!important;
}
#iotmart #MicrosoftTab .textLink{
	border-bottom: none!important;
	padding-bottom: 4px;
}
#iotmart #MicrosoftTab .list-disc li.list{
	margin: 15px 0;
	list-style: disc;
	margin-left: 20px;
}
#iotmart #MicrosoftTab .list-disc li.list .bigTxt{
	display: block;
}
#iotmart #MicrosoftTab h3{
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0 0;
}
#iotmart #MicrosoftTab .p-bottom{
	padding-bottom: 20px;
}
#iotmart #MicrosoftTab .btn {
	text-align: center;
	margin: 20px 20px ;
    margin-bottom: inherit;
}

#iotmart #MicrosoftTab .btn a{
	background-color: #173a99;
	border: solid 1px #173a99;
	padding:20px 20px;
	color: #ffffff;
	font-size:18px;
	font-weight: bold;
	transition: 0.3s ease;
	border-radius: 5px;
	width: 100%;
	max-width: 400px;

}

#iotmart #MicrosoftTab .btn a:hover{
	color:  #173a99;
	background-color: #ffffff;
}

#iotmart #MicrosoftTab .blockBtn.btn{
margin: 0 auto 20px;
}

#iotmart .box-table{
	border-radius: 0;
}

#iotmart #MicrosoftTab .tableType{
	font-weight: 400;
	border:0!important;
}
#iotmart #MicrosoftTab table{
	border:0!important;
}
#iotmart #MicrosoftTab .tableType .highLight{
	font-weight: bold;
	display: block;
}

/*
#iotmart .tableType tr th,
#iotmart .tableType tr td.noTopLine,
#iotmart .tableType tr td{
	background-image: none;
	border: solid 1px #d3d1d1;

}
*/
#iotmart .tableType tr,
#iotmart .tableType tr td{
border: solid 1px #d3d1d1;	
}
#iotmart .list_col > .list:first-child .listTitle, #iotmart .list_col > .list:first-child .listContent{
	border-right:  solid 1px #d3d1d1;
}

#iotmart #MicrosoftTab li.list.nomarg-topbot{
	margin: 15px 0 0;
}

#iotmart .block-software .section-tabContent{
	padding: 40px 5% 20px;
/*	margin-bottom: 0!important;*/
}

@media screen and (max-width:768px){
#iotmart #MicrosoftTab .box-checkList .checkLists > .list{
		width: 98%;
	}
#iotmart #MicrosoftTab .box-checkList .AttFull .checkAtt{
		padding-left: 0!important;
	
	}

}

/*
-------------------------------
------------------------------
產品 > #Ubuntu Pro
-------------------------------
------------------------------
*/
#iotmart .white-txt span,
#iotmart .block-software .list-softwareCompany .softwareCompany-txt.white-txt,
#iotmart .block-software .list-softwareCompany .softwareCompany-txt.white-txt .CompanyName,
#iotmart .block-software .list-softwareCompany .softwareCompany-txt.white-txt span,
#iotmart .block-software .list-softwareCompany .CompanyName.white-txt{
	color: #ffffff;
}
#iotmart #Ubuntu-Pro  .section-iconArrow{
	left: 35%;
}
#iotmart #Ubuntu-Pro .block-btnOver{
/*	margin-bottom: inherit;*/
}

#iotmart #Ubuntu-Pro .icons{
	margin: 30px 0;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	padding: 20px 20px;
}

#iotmart #Ubuntu-Pro .icons .icon{
text-align: center;
	margin: 20px 10px;
}
#iotmart #Ubuntu-Pro .icons .icon p{
	font-weight: bold;
}
#iotmart #Ubuntu-Pro .list-Serve{
	margin: 0 0 30px;
}
#iotmart #Ubuntu-Pro .list-Serve .list-disc li{
	margin:15px 0 15px 20px;
	list-style: disc;
	
}
#iotmart #Ubuntu-Pro .list-Serve li strong{
	color: #000000;
	font-size: 1.2em;
}
#iotmart #Ubuntu-Pro .list-Serve li p{
	margin-top: 4px;
	color: #282828;
	font-size: 18px;
}
#iotmart #Ubuntu-Pro .table_Microsoft365 .tableFixeTitle{
	width: 150px;
}
#iotmart #Ubuntu-Pro .table_Microsoft365 .tableFixeContent{
	padding-left: 150px;
}
#iotmart #Ubuntu-Pro .btn {
	text-align: center;
	margin: 20px 20px;
}

#iotmart #Ubuntu-Pro .btn a{
	background-color: #173a99;
	border: solid 1px #173a99;
	padding:20px 20px;
	color: #ffffff;
	font-size:18px;
	font-weight: bold;
	transition: 0.3s ease;
	border-radius: 5px;
	width: 100%;
	max-width: 400px;
}
#iotmart #Ubuntu-Pro .btn a:hover{
	color:  #173a99;
	background-color: #ffffff;
}

@media screen and (max-width:768px){
	#iotmart #Ubuntu-Pro .icons{
		flex-wrap: wrap;
		padding: 0 0;
	}
	#iotmart #Ubuntu-Pro .icons .icon{
	  width: 110px;
	}
	#iotmart #Ubuntu-Pro .table_Microsoft365 .tableFixeContent table{
		width: 530px;
	}
	#iotmart #Ubuntu-Pro .btn{
		margin: 20px 0;
	}
	#iotmart #Ubuntu-Pro .btn a{
		max-width: 100%;
	}
	#iotmart .blockBtn{
		max-width: 100%;		
		box-sizing: border-box;
	}
}

/*超過 100+ 研華機種可搭配選購*/

#iotmart #Ubuntu-Pro  .products{
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
}

#iotmart #Ubuntu-Pro  .products .box{
	width: 25%;
	box-sizing: border-box;
	padding: 20px 10px;
}

#iotmart #Ubuntu-Pro  .products .box h3{
	font-size: 22px;
	color: #008cd6;
	font-weight: bold;
	text-align: left;
	padding:10px 0 6px;
}
#iotmart #Ubuntu-Pro  .products .box ul {
	margin-left: 15px;
}
#iotmart #Ubuntu-Pro  .products .box ul li{
	list-style: disc;
	color: #23262d;
	font-size: 14px;
	padding: 0 0 4px;
	line-height: 1.3;;
}
@media screen and (max-width:991px){
	#iotmart #Ubuntu-Pro  .products .box{
		width:33%;
		max-width: 290px;
		margin: 0 auto;
		padding: 20px 10px;
	}	
}

@media screen and (max-width:768px){
	#iotmart #Ubuntu-Pro  .products .box{
		width: 100%;
		max-width: 290px;
		margin: 0 auto;
		padding: 20px 0px;
	}	
}

/*Ubuntu 授權貼紙範例*/
#iotmart #Ubuntu-Pro .Authorization{
	display: flex;
	justify-content:center;
	align-items: center;
	margin: 30px 20px;
}
#iotmart #Ubuntu-Pro .Authorization p{
	padding: 0 20px;
}

#iotmart #Ubuntu-Pro .grade-table{
	max-width: 1080px;
	width: 100%;
	box-sizing: border-box;
}

#iotmart #Ubuntu-Pro .grade-table tr th{
background-color: #5197e2;
	padding: 15px 5px;
    color: #fff;
    text-align: center;
	
}
#iotmart #Ubuntu-Pro .grade-table tr th:nth-child(1){
background-color: #173a99 !important;	
border-bottom: solid 1px #d3d1d1;	
}
#iotmart #Ubuntu-Pro .grade-table tr td:nth-child(1){
	background-color: #173a99 !important;
	padding: 15px 5px;
    color: #fff;
    text-align: center;
	border-bottom: solid 1px #d3d1d1;
}

#iotmart #Ubuntu-Pro .grade-table tr td:nth-child(2){
	background-color: #ffffff!important;
	padding: 10px 10px;
	border-bottom: solid 1px #d3d1d1;
}

@media screen and (max-width:768px){
	#iotmart #Ubuntu-Pro .grade-table{
	width:100%;
}

	#iotmart #Ubuntu-Pro .grade-table tr th:nth-child(1){
		width: 100px;
	}
	#iotmart #Ubuntu-Pro .Authorization{
		display: block;
		text-align: center;
	}
}
/*
-------------------------------
------------------------------
產品 > #Acronis 
-------------------------------
------------------------------
*/
#iotmart .tableType tr:first-child td span{
	color: #ffffff;
}
#iotmart #AcronisTab{
	margin-bottom: 0!important;
	padding-bottom: 50px;
}
#iotmart #AcronisTab .btn{
	margin: 30px 10px 20px;
}
#iotmart #AcronisTab .btn a {
	background-color: #173a99;
    border: solid 1px #173a99;
    padding: 20px 20px;
    color: #ffffff!important;
    font-size: 18px;
    font-weight: bold;
    transition: 0.3s ease;
    border-radius: 5px;
    width: 100%;
    max-width: 400px;
	text-align: center;
	
}
#iotmart #AcronisTab .btn a span{
	 color: #ffffff!important;
}
#iotmart #AcronisTab .btn a:hover span{
	  color: #173a99!important;
}
#iotmart #AcronisTab .btn a:hover{
	    color: #173a99!important;
    background-color: #ffffff;
}
/*
-------------------------------
------------------------------
產品 > #TrellixTab
-------------------------------
------------------------------
*/
#iotmart #TrellixTab  .section-iconArrow{
	left: 85%;
}
#iotmart #TrellixTab .btn{
	margin: 30px 10px 20px;
}
#iotmart #TrellixTab .btn a {
	    background-color: #173a99;
    border: solid 1px #173a99;
    padding: 20px 20px;
    color: #ffffff !important;
    font-size: 18px;
    font-weight: bold;
    transition: 0.3s ease;
    border-radius: 5px;
    width: 100%;
    max-width: 400px;
    text-align: center;
}
#iotmart #TrellixTab .btn a span{
   color: #ffffff !important;	
}
#iotmart #TrellixTab .btn a:hover span{
	 color: #173a99!important;
}
#iotmart #TrellixTab .btn a:hover{
	color: #173a99;
    background-color: #ffffff;
}

/*
-------------------------------
------------------------------
QA > Windows Q&A
-------------------------------
------------------------------
*/

#iotmart #QA .block-wrapper .section-iconArrow{
	display: none;
}

#iotmart #QA .block-wrapper .list-QA{
	justify-content: center!important;
}



#iotmart #QA .block-wrapper .list-QA .list{
	margin: 0 20px!important;
}

#iotmart #Windows-QA .btn a{
	background-color: #173a99;
    border: solid 1px #173a99;
    padding: 20px 20px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    transition: 0.3s ease;
    border-radius: 5px;
    width: 100%;
    max-width: 400px;
	text-align: center;
}
#iotmart #Windows-QA .btn a span{
 color: #ffffff;	
}

#iotmart #Windows-QA .btn a:hover{
    background-color: #ffffff;
}
#iotmart #Windows-QA .btn a:hover span{
	color: #173a99;
}


@media screen and (max-width:768px){

#iotmart #QA .block-wrapper .list-QA .list{
	margin: 0 10px!important;
}	
}

#iotmart #Ubuntu-QA  .list p a{
	color: #004280;
	
}