.CurrentNow4{
color: #e5a900;
}

.CurrentNow4:hover{
color: #FFF;
}

.classification{
color: #595959;
float:left;
display:block;
width:100%;
height:auto;
}

.classification a{
color: #595959;
}

.whiteBgColor{
background-color:#fff;
padding:90px 0;
float:left;
width:100%;
height:auto;
display:block;
}

.grayBgColor{
background-color:#f4f4f4;
padding:0 0 90px 0;
float:left;
width:100%;
height:auto;
display:block;
}
/*----------enhancmentSoftwareTitle-START---------------*/
.enhancmentSoftwareTitle{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
margin-top:144px;
}

.enhancmentSoftwareTitle .contents {
width: 100%;
height: auto;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
}

.enhancmentSoftwareTitle .contents h1 {
display:block;
width:100%;
color:#595959;
font-weight:300;
text-align:center;
margin-top:130px;
margin-bottom: 50px;
}

/*------------------------------------*/
.companyinfo{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:0;
padding-bottom:70px;
}
.companyinfo .contents {
width: 1300px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}

.companyinfo .contents h2 {
	width: 100%;
    float: left;
    display: block;
    color: #595959;
    font-weight: 400;
    margin: 0px 0 10px 0;
    text-align: left;
}

.companyinfo .contents span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
}

.companyinfo .contents span a{
color: #e5a900;
text-align: left;
text-decoration:none;
}

.companyinfo .contents span a:hover{
text-decoration:underline;
}

.companyinfo .contents .left_container_1  {
	width: 36%;
	height: auto;
	float: left;
	color: #595959;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
    margin: 1% 2%;
    padding: 20px;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
}
.companyinfo .contents .right_container_1 {
	width: 56%;
	height: auto;
	float: left;
	color: #595959;
    margin: 1% 2%;
    padding: 20px;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
}

.companyinfo .contents .left_container_2 {
	width: 36%;
	height: auto;
	float: right;
	color: #595959;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
    margin: 1% 2%;
    padding: 20px;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
}
.companyinfo .contents .right_container_2 {
	width:56%;
	height: auto;
	float: right;
	color: #595959;
    margin: 1% 2%;
    padding: 20px;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
}
ul.share-buttons{
  list-style: none;
  padding: 2% 0;
}
ul.share-buttons li{
  display: inline-block;
}
ul.share-buttons li a{
    padding: 1%;
  
}
/*----------documentations-START---------------*/
/* .documentations{ */
/* margin: 0; */
/* width: 100%; */
/* height: auto; */
/* float: left; */
/* background-color:#fff; */
/* padding-top:0; */
/* padding-bottom:104px; */
/* } */

/* .documentations .contents { */
/* width: 1300px; */
/* height: auto; */
/* padding: 0 5px; */
/* margin: 45px auto; */
/* box-sizing: border-box; */
/* } */
/* .documentations .contents .box { */
/* width: 21%; */
/* height: auto; */
/* float: left; */
/* margin: 1% 2%; */
/* padding: 20px; */
/* text-decoration: none; */
/* box-sizing: border-box; */
/* text-align: center; */
/* } */

/* .documentations .contents h1 { */
/* width: 100%; */
/* float: left; */
/* display: block; */
/* color: #595959; */
/* font-weight:300; */
/* margin: 15px 0 10px 0; */
/* text-align:center; */
/* padding-bottom:20px; */
/* border-bottom:1px solid #cccccc; */
/* } */

/* .documentations .contents .box h2 { */
/* width: 100%; */
/* float: left; */
/* display: block; */
/* color: #595959; */
/* font-weight:300; */
/* text-align:left; */
/* margin: 0px 0 10px 0; */
/* } */

/* .documentations .contents .box span { */
/* width: 100%; */
/* float: left; */
/* display: block; */
/* color: #595959; */
/* text-align: left; */
/* } */

/* .documentations .contents .box span a{ */
/* width: 100%; */
/* float: left; */
/* display: block; */
/* color: #e5a900; */
/* text-align: left; */
/* text-decoration:none; */
/* } */

/* .documentations .contents .box span a:hover{ */
/* text-decoration:underline; */
/* } */

/* .documentations .contents .box .Photo { */
/* width: 100%; */
/* height: auto; */
/* float: left; */
/* color: #595959; */
/* } */
/*----------softwareTrial-START---------------*/
.softwareTrial{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#fff;
padding-top:18px;
padding-bottom:81px;
}

.softwareTrial .contents {
width: 1300px;
height: auto;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
}

.softwareTrial .contents .bigbox {
width:25%;
height: auto;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.softwareTrial .contents .bigbox .contents{
max-width:272px;
height: auto;
padding: 0px;
margin: 0px auto;
box-sizing: border-box;
}

.softwareTrial .contents .bigbox .contents .box {
width: 100%;
height: auto;
float: left;
margin: 1% 2%;
padding: 20px;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}

.softwareTrial .contents .bigbox .contents .box .logo{
max-width: 90%;
margin: 0 5%;
}

.softwareTrial .contents h1 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 15px 0 10px 0;
text-align:center;
padding-bottom:20px;
border-bottom:1px solid #cccccc;
}

.softwareTrial .contents .box h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
text-align:left;
margin: 0px 0 10px 0;
}

.softwareTrial .contents .box span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
}

.softwareTrial .contents .box span a{
width: 100%;
float: left;
display: block;
color: #e5a900;
text-align: left;
text-decoration:none;
}

.softwareTrial .contents .box span a:hover{
text-decoration:underline;
}

.softwareTrial .contents .box .Photo {
width: 100%;
height: auto;
float: left;
color: #595959;
}
/*----------onlineResources-START---------------*/
.onlineResources{
margin: 0;
width: 100%;
height: auto;
float: left;
background-color:#f4f4f4;
padding-top:87px;
padding-bottom:1%;
}

.onlineResources .contents {
width: 768px;
height: auto;
padding: 0 5px;
margin: 45px auto;
box-sizing: border-box;
}
.onlineResources .contents .box1 {
width: 28%;
height: auto;
float: left;
margin: 1% 1%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
}
.onlineResources .contents .box2 {
width: 68%;
height: auto;
float: left;
margin: 1% 1%;
padding: 20px;
padding-top:0;
text-decoration: none;
box-sizing: border-box;
text-align: center;
margin-bottom:15%;
}
.onlineResources .contents .box2 h2 {
width: 100%;
float: left;
display: block;
color: #595959;
font-weight:300;
margin: 0px 0 10px 0;
text-align:left;
}

.onlineResources .contents .box2 span {
width: 100%;
float: left;
display: block;
color: #595959;
text-align: left;
text-align:left;
}

.onlineResources .contents .box2 span a{
color: #e5a900;
text-decoration:none;
}

.onlineResources .contents .box2 span a:hover{
text-decoration:underline;
}
/*--1680寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1680px) {
.grayBgColor{
background-color:#fff;
}

.enhancmentSoftwareTitle {
background-color:#fff;
}

.enhancmentSoftwareTitle .contents {
width: 1366px;
}
.companyinfo .contents {
width: 1200px;
}

}
/*--1366寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1366px) {

.enhancmentSoftwareTitle{
margin-top:110px;
}

.enhancmentSoftwareTitle .contents {
width: 1024px;
margin: 35px auto;
}

/* .documentations .contents { */
/* width: 1024px; */
/* margin: 35px auto; */
/* } */

/* .documentations .contents .box { */
/* width: 29.3%; */
/* } */
.companyinfo .contents {
width: 1024px;
margin: 35px auto;
}

.softwareTrial .contents {
width: 1024px;
margin: 35px auto;
}

.softwareTrial .contents .bigbox {
width: 33.33%;
}
}
/*--1024寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
.whiteBgColor{
padding:0;
}

.grayBgColor{
padding:0;
}

.mobileHidePic{
display:none;
}

.enhancmentSoftwareTitle{
padding-top:0px;
padding-bottom:0%;
}

.enhancmentSoftwareTitle .contents {
width: 768px;
margin: 0px auto;
}

/* .documentations .contents { */
/* width: 768px; */
/* margin: 0px auto; */
/* } */

/* .documentations .contents .box { */
/* width:46%; */
/* } */

/* .documentations { */
/* padding-top:30px; */
/* padding-bottom:0; */
/* } */

.companyinfo .contents {
width: 768px;
margin: 0px auto;
}

.companyinfo {
padding-top:30px;
padding-bottom:0;
}

.softwareTrial .contents {
width: 768px;
margin: 0px auto;
}

.softwareTrial {
padding-top:38px;
padding-bottom:42px;
}

.softwareTrial .contents .bigbox {
width: 46%;
}

.softwareTrial .contents .bigbox .contents {
max-width: 90%;
}

.documentations .contents h1 {
text-align:center;
padding-bottom:20px;
}

.softwareTrial .contents h1 {
text-align:center;
padding-bottom:20px;
}

.onlineResources{
padding-top:43px;
padding-bottom:0%;
}
}
/*--768寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
.enhancmentSoftwareTitle{
margin-top:105px;
padding-top:0px;
padding-bottom:0;
}

.enhancmentSoftwareTitle .contents {
width: 600px;
margin: 20px auto;
}


.softwareTrial .contents {
width: 600px;
margin: 20px auto;
}

.onlineResources .contents {
width: 600px;
margin: 20px auto;
}

/* .documentations{ */
/* padding-top:0; */
/* } */

/* .documentations .contents { */
/* width: 600px; */
/* margin: 20px auto; */
/* } */
/* .documentations .contents h1 { */
/* padding-bottom:20px; */
/* } */
.companyinfo{
padding-top:0;
}

.companyinfo .contents {
width: 600px;
margin: 20px auto;
}
.companyinfo .contents h1 {
padding-bottom:20px;
}
.companyinfo .contents .left_container_1 {
	width: 100%;
    margin: 0;
}
.companyinfo .contents .right_container_1 {
	width: 100%;
    margin: 0;
}
.companyinfo .contents .left_container_2 {
	width: 100%;
    margin: 0;
}
.companyinfo .contents .right_container_2 {
	width: 100%;
    margin: 0;
}

.softwareTrial{
padding-top:22px;
padding-bottom:21px;
}

.softwareTrial .contents h1 {
padding-bottom:20px;
}

.onlineResources{
padding-top:70px;
padding-bottom:0%;
}
}
/*--600寬開始--------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
.enhancmentSoftwareTitle{
margin-top:116px;
}

.enhancmentSoftwareTitle .contents {
width: 100%;
margin: 0px auto;
}


.softwareTrial .contents {
width: 90%;
margin: 20px auto;
}

.onlineResources .contents {
width: 100%;
margin: 20px auto;
}

.grayColor{
background:#f4f4f4;
display:block;
float:left;
margin:0;
padding:0;
margin-top:40px;
padding-bottom:40px;
width:100%;
}

.mobileHide{
display:none;
}

.addHeight{
padding-top:50px;
}

.classification{
margin: 0 20px;
width:95%;
text-align:center;
}

/* .documentations{ */
/* padding-top:0px; */
/* } */

/* .documentations .contents { */
/* width: 100%; */
/* margin: 20px auto; */
/* padding: 0; */
/* overflow: hidden; */
/* } */
/* .documentations .contents h1 { */
/* padding-bottom:20px; */
/* } */

/* .documentations .contents .box { */
/* width:98%; */
/* } */

.companyinfo{
padding-top:0px;
}

.companyinfo .contents {
width: 100%;
margin: 20px auto 40px auto;
padding: 0;
overflow: hidden;
}
.companyinfo .contents h1 {
padding-bottom:20px;
}


.softwareTrial{
padding-top:51px;
padding-bottom:25px;
}

.softwareTrial .contents h1 {
padding-bottom:20px;
}

.onlineResources .contents .box1 {
width: 98%;
margin-bottom:0%;
}

.onlineResources .contents .box2 {
width: 98%;
margin-bottom:15%;
}

.onlineResources .contents .box2 h2 {
text-align:center;
}

.onlineResources .contents .box2 span {
text-align:center;
}

.onlineResources{
padding-top:52px;
padding-bottom:4px;
}

.onlineResources .contents .box1 .Photo{
max-width:160px;
margin:0 auto;
}

.softwareTrial .contents .bigbox {
width:100%;
}

.softwareTrial .contents .bigbox .contents{
max-width:none;
width:100%;
}

.softwareTrial .contents .bigbox .contents .box {
margin: 1% 0%;
}
}