@charset "utf-8";
/* CSS Document */

ul.itemList{
  /* margin:0 -15px; */
  }

ul.itemList li{
  /* padding:0 15px 30px 15px; */
  }

ul.itemList li .item{
  /* background:#fafafa; */
  }

ul.itemList li .Img{
  position:relative;
  float:left;
  width: 50%;
  }

ul.itemList li .Img img{
  display:block;
  width: 100%;
  }

ul.itemList li .Txt{
  /* background:#fafafa; */
  padding:5%;
  overflow:hidden;
  width: 50%;
  float: left;
  height: 279px;
  display: table;
  }

ul.itemList li .Txt h3{}

ul.itemList li .Txt h3 strong{
  display:block;
  margin-top:10px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif, "新細明體";}

ul.itemList li .Txt h3 strong a{
  display:block;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  
  font-size:20px;
  letter-spacing:8px;
  color:#000;}

ul.itemList li .Txt h3 em{
  font-family: 'Lora', serif;
  display:block;
  font-weight:normal;
  font-size:15px;
  color:#b9b9b9;
  letter-spacing:2px;
  text-transform:uppercase;}

ul.itemList li .Txt p{
  font-size: 1.2em;
  color: #000;
  line-height:1.8;
  display: table-cell;
  vertical-align: middle;
  }

ul.itemList li .Txt .btn{
  margin-top:25px;}

ul.itemList li .Txt .btn a{
  display:block;
  padding:10px 25px;
  border:1px solid #62605f;
  font-family:'Lora', serif;
  font-size:13px;
  color:#62605f;
  text-transform:uppercase;
  letter-spacing:2px;}

ul.itemList li .Txt .btn a:hover{
  background:#62605f;
  color:#FFF;}

ul.itemList li:nth-child(even) .Img{
  float:right;}

ul.itemList li:before{

    content: " "; // 1
    display: table; // 2
}

div#titlearticle{clear:both;padding:0 10px;font-size:1.2em;color:#2f2f2f;line-height:1.8;/* border: 1px solid #c1c1c1; */text-align: justify;text-justify:inter-ideograph;}
div#titlearticle a{color: #cf010c;}
div#titlearticle a:hover{color: #cf010c;/* text-decoration:underline; */}
div#titlearticle div.btn{text-align:center;padding:10px 0;}
div#titlearticle div.btn a{background: #cf010c;color:#fff;display:inline-block;padding:10px 20px;border-radius:5px;}
div#titlearticle img{max-width:100%;}
div#titlearticle ul{/* list-style:disc outside; *//* padding-left:30px; */}

div#titlearticle ul.linux_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    /* display: inline-block; */
}
div#titlearticle ul.linux_item li:before{
  content: "\E846";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.linux_wall li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 33%;
    font-size: 1.2em;
}

div#titlearticle ul.linux_wall li:before{
  content: "\EB90";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.about_plogo li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 24%;
    font-size: 1.2em;
}


.FB_item {
    text-align: left;
}

div#titlearticle ul.FB_item a {
    color: #fff;
}

div#titlearticle ul.FB_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    display: inline-block;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    margin-top: 5px;
    background: #cf000c;
    border-radius: 4px;
    color: #fff;
    width: 33%;
}

div#titlearticle ul.FB_item li:before{
  content: "\F30E";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
}

div#titlearticle ul.FB_item_Q li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    /* font-size: 1.2em; */
    /* display: inline-block; */
}

div#titlearticle ul.FB_item_Q li:before{
  content: "\E856";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.about_item_1 li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    /* font-size: 1.2em; */
    /* display: inline-block; */
}

div#titlearticle ul.about_item_1 li:before{
  content: "\EC7B";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.about_item_2 li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    /* font-size: 1.2em; */
    /* display: inline-block; */
}

div#titlearticle ul.about_item_2 li:before{
  content: "\EC7B";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

.about_item_2 {
    display: inline-block;
    vertical-align: middle;
    width: 72%;
}

.bold_about_item_have {
    font-weight: 700;
    display: inline-block;
    color: #48abee;
}

.about_item_2::before{
   content:'';
   width:0;
   /* height:100%; */
   display:inline-block;
   position:relative;
   vertical-align:middle;
   background:#f00;
 }

div#titlearticle ul.FB_item_have li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    /* font-size: 1.2em; */
    /* display: inline-block; */
}

div#titlearticle ul.FB_item_have li:before{
  content: "\ED87";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

/*fb_have2*/
div#titlearticle ul.FB_item_have2 li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    /* display: inline-block; */
}

div#titlearticle ul.FB_item_have2 h6 {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    /* display: inline-block; */
}

div#titlearticle ul.FB_item_have2 li:before{
  content: "\EAE3";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #000000;
  padding-right: 10px;
}

div#titlearticle ul.FB_item_have2 ul.FB_item_pen li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    /* display: inline-block; */
}

div#titlearticle ul.FB_item_have2 ul.FB_item_pen li:before{
  content: "\EC87";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.FB_item_have2 ul.FB_item_7 li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    /* display: inline-block; */
}

div#titlearticle ul.FB_item_have2 ul.FB_item_7 li:before{
  content: "\EAB5";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

.ic-astory:before{
  content: "\E866";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
}

.ic-serviceprocess:before{
  content: "\EDA5";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
}

/*adv*/

.ic-adv:before{
  content: "\EC57";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
}

.ic-champion:before{
  content: "\F074";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
}

.ic-facebook-sign:before{
  content: "\EDC4";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
}

.ic-vd:before{
  content: "\EB88";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
}

.ic-plus:before{
  content: "\E929";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding: 10px;  
}

.ic-equal:before{
  content: "\E92F";
  font-family: fontello;
  font-style:oblique;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding: 10px;
}

div#titlearticle ul.system_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 33%;
    font-size: 1em;
}

div#titlearticle ul.system_item li:before{
  content: "\ECA5";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

.red_box_icon {
    background: #cf000c;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    width: 180px;
    padding: 20px 0px;
    font-size: 1em;
}

ul.stylebox li .red_box i {
    width: 100%;
    background: transparent;
    font-size: 2em;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
}

.adv_item {
    text-align: left;
}

div#titlearticle ul.adv_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    display: inline-block;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    margin-top: 5px;
    background: #cf000c;
    border-radius: 4px;
    color: #fff;
    width: 33%;
}

div#titlearticle ul.adv_item li:before{
  content: "\EC58";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #ffffff;
  padding-right: 10px;
  padding-left: 10px;
}

div#titlearticle ul.adv_item_have2 li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    /* display: inline-block; */
}

div#titlearticle ul.adv_item_have2 h6 {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    /* display: inline-block; */
}

div#titlearticle ul.adv_item_have2 li:before{
  content: "\EC57";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #000000;
  padding-right: 10px;
}

div#titlearticle ul.adv_item_have2 ul.FB_item_pen li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    /* display: inline-block; */
}

div#titlearticle ul.adv_item_have2 ul.FB_item_pen li:before{
  content: "\EC87";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.adv_item_have2 ul.FB_item_7 li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    /* display: inline-block; */
}

div#titlearticle ul.adv_item_have2 ul.FB_item_7 li:before{
  content: "\EAB5";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.G_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 1em;
    /* display: inline-block; */
}

div#titlearticle ul.G_item li:before{
  content: "\EBDC";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.erp_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    font-size: 1em;
    /* display: inline-block; */
}

div#titlearticle ul.erp_item li:before{
  content: "\EC4A";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}

div#titlearticle ul.FB_item_QA li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    /* font-size: 1.2em; */
    /* display: inline-block; */
}

div#titlearticle ul.FB_item_QA li:before{
  content: "\F03D";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #000000;
  padding-right: 10px;
}

.bold_FB_item_have {
    font-weight: 700;
    display: initial;
}

.bold_FB_item_have_blue {
    font-weight: 700;
    display: inline-block;
    color: #48abee;
}

.bold_erp_item_have_blue {
    font-weight: 700;
    display: inline-block;
    color: #48abee;
}

.bold_adv_item_have {
    font-weight: 700;
    display: initial;
}

div#titlearticle ul.features_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    /* font-size: 1.2em; */
    /* display: inline-block; */
}

div#titlearticle ul.features_item li:before{
  content: "\E8E9";
  font-family: fontello;
  top: 1px;
  left: 0px;
  font-size: 1.2em;
  color: #cf000c;
  padding-right: 10px;
}


.bold_features_item {
    font-weight: 700;
    display: initial;
}

.bold_features_item_blue {
    font-weight: 700;
    display: inline-block;
    color: #48abee;
}


ul.stylebox{/* margin-bottom:80px; */padding-left: 0px;}
ul.stylebox li{list-style-type:none;width: 100%;float:left;margin: 0 auto;}
ul.stylebox li i{text-shadow: 1px 1px 1px #cf000c;font-size:1.5em;text-align:center;line-height:60px;float:left;color:#fff;background: #cf000c;border-radius:99em;overflow:hidden;display:block;width:60px;height:60px;margin:0 20px 10px 0;transition:all 0.4s linear;}

ul.stylebox li:hover i{
transform:rotate(360deg);}

ul.stylebox li div.right{color:#000;font-size: 1.2em;}
ul.stylebox li div.right h2{
line-height:2;
font-size:18px;
margin-bottom:10px;
font-weight:normal;}


div#titlearticle ol{list-style:decimal outside;padding-left:30px;}
div#titlearticle table{border-collapse:collapse;table-layout: fixed;width: 100%;}
div#titlearticle table#sp_tb{border-collapse:collapse;table-layout: auto;width: 100%;}
div#titlearticle table#sp_tb td{/* background:#FFF; */padding:10px;border-bottom:1px solid #f1f1f1;text-align: left;vertical-align: top;}
div#titlearticle table#erp_tb{border-collapse:collapse;table-layout: fixed;width: 100%;}
div#titlearticle table#erp_tb td{/* background:#FFF; */padding:10px;border-bottom:1px solid #f1f1f1;text-align: left;vertical-align: top;}
div#titlearticle table th{padding: 10px;text-align:center;background: rgb(255, 255, 255);vertical-align: middle;color: #010101;}
div#titlearticle table td{/* background:#FFF; */padding:10px;border-bottom:1px solid #f1f1f1;text-align: center;vertical-align: middle;}
div#titlearticle hr{margin:30px 0;border:none;/* border-top:1px solid #e8e8e8; */display: inline-block;width: 100%;}
div#titlearticle h1{font-weight:normal;font-size:2.5em;margin-bottom:20px;}
div#titlearticle h2{font-weight:normal;font-size: 1.8em;color:#000;margin-bottom:15px;}
div#titlearticle h3.red{font-weight: 700;font-size:2.1em;margin-bottom:10px;color: #ffffff;background: #cf000c;text-align: center;/* margin: 0px -10px; */border-radius: 4px;}
div#titlearticle h3.bk{font-weight: 700;font-size: 1.4em;/* margin-bottom:10px; */color: #000;/* background: #cf000c; *//* text-align: center; *//* margin: 0px -10px; */}
div#titlearticle h4{font-weight:normal;font-size:2em;margin-bottom:40px;padding:30px 20px;text-align:center;border-radius:0 0 10px 10px;}
div#titlearticle h5{font-weight:normal;font-size:1.3em;margin-bottom:5px;}
div#titlearticle h5 i{padding-right:5px;}
div#titlearticle h6{font-weight:normal;font-size:1.2em;}
div#titlearticle p{font-weight:normal;font-size: 0.8em;}

div#titlearticle #tb_adv table tr {border: 1px solid #f1f1f1;margin-bottom: 10px;background-color: #ffffff;border-radius: 4px;}
div#titlearticle #tb_adv table{border-spacing: 4px;table-layout: fixed;width: 100%;border-color: #cf010c;border-collapse: separate;}
div#titlearticle #tb_adv table th{padding: 10px;text-align:center;background: rgb(255, 255, 255);vertical-align: middle;color: #010101;}
div#titlearticle #tb_adv table td{background: #f9f9f9;padding:10px;border-bottom:1px solid #f1f1f1;text-align: center;vertical-align: middle;border-radius: 4px;}

div#titlearticle #tb_reason table tr {border: 1px solid #f1f1f1;margin-bottom: 10px;background-color: #ffffff;border-radius: 4px;}
div#titlearticle #tb_reason table{border-spacing: 4px;table-layout: fixed;width: 100%;border-color: #cf010c;border-collapse: separate;}
div#titlearticle #tb_reason table th{padding: 10px;text-align:center;background: rgb(255, 255, 255);vertical-align: middle;color: #010101;}
div#titlearticle #tb_reason table td{background: #f9f9f9;padding:10px;border-bottom:1px solid #f1f1f1;text-align: center;vertical-align: middle;border-radius: 4px;}
div#titlearticle #tb_reason table td i{
    text-shadow: none !important;
    background: transparent;
    color: #cf010c;
    text-align: left;
    transform: none !important;
    width: auto;
    height: auto;
    margin: 0 auto;
    line-height: normal;
}

div#titlearticle ul.stylebox li div.right h6.s_title {
    color: #ffffff;
    background: #cf000c;
    padding: 0px 10px;
    border-radius: 4px;
    /* display: inline-block; */
    /* text-align: center; */
    margin-bottom: 15px;
    font-size: 1.2em;
}

div#titlearticle ul.stylebox li div.right h3.bk{font-weight: 700;font-size: 1.2em;/* margin-bottom:10px; */color: #000;/* background: #cf000c; *//* text-align: center; *//* margin: 0px -10px; */}

div#titlearticle #tb_about table tr {border: 1px solid #f1f1f1;margin-bottom: 10px;background-color: #ffffff;border-radius: 4px;}
div#titlearticle #tb_about table{border-spacing: 4px;table-layout: fixed;width: 100%;border-color: #cf010c;border-collapse: separate;}
div#titlearticle #tb_about table th{padding: 10px;text-align:center;background: rgb(255, 255, 255);vertical-align: middle;color: #010101;}
div#titlearticle #tb_about table td{background: #f9f9f9;padding:10px;border-bottom:1px solid #f1f1f1;text-align: center;vertical-align: middle;border-radius: 4px;}

div#titlearticle #tb_about_venn table tr {border: 1px solid #f1f1f1;margin-bottom: 10px;background-color: #ffffff;border-radius: 4px;}
div#titlearticle #tb_about_venn table{border-spacing: 4px;table-layout: fixed;width: 100%;border-color: #cf010c;border-collapse: separate;}
div#titlearticle #tb_about_venn table th{padding: 10px;text-align:center;background: rgb(255, 255, 255);vertical-align: middle;color: #010101;}
div#titlearticle #tb_about_venn table td{background: #f9f9f9;padding:10px;border-bottom:1px solid #f1f1f1;text-align: center;vertical-align: middle;border-radius: 4px;}

ul.itemlist{
  margin: 0 auto;
  padding-left: 0px;
  }

ul.itemlist li{
  list-style-type:none;
  width: 31%;
  float:left;
  padding: 0px 1%;
  text-align: left;
  position:relative;
  height: 100%;
  overflow:hidden;
  transition:all 0.4s ease;
  }

ul.itemlist li i{
  width: auto;
  height: auto;
  display:inline-block;
  color: #cf000c;
  line-height: normal;
  overflow:hidden;
  font-size: 1em;
  position:relative;
  z-index:5;
  border-radius:99em;
  transition: all 0.4s linear;
  float: none;
  margin: 0 auto;
  background: none;
  border: 0px;
  padding-right: 10px;
  text-shadow: none !important;
  transform: none !important;
  }

ul.itemlist li h3{
  font-size:22px;
  color:#000;
  margin:10px 0;
  position:relative;
  z-index:5;}
    
ul.itemlist li h3:first-letter{
  color:#ca2126;}

ul.itemlist li p{
  position:relative;
  margin:10px;
  color: #1996ea;
  line-height:1.5;
  font-size:13px;
  text-align:left;
  z-index:5;
  }

ul.itemlist li span{
  font-family: 'Lora', serif;
  font-size:10em;
  width:100%;
  line-height:1;
  display:block;
  color:#f7f7f7;

  position:absolute;
  bottom:35px;
  
  left:0;
  z-index:1;}

ul.itemlist2{
  margin: 0 auto;
  padding-left: 0px;
  }

ul.itemlist2 li{
  list-style-type:none;
  width: 23%;
  float:left;
  padding: 0px 1%;
  text-align: left;
  position:relative;
  height: 100%;
  overflow:hidden;
  transition:all 0.4s ease;
  }

ul.itemlist2 li i{
  width: auto;
  height: auto;
  display:inline-block;
  color: #cf000c;
  line-height: normal;
  overflow:hidden;
  font-size: 1em;
  position:relative;
  z-index:5;
  border-radius:99em;
  transition: all 0.4s linear;
  float: none;
  margin: 0 auto;
  background: none;
  border: 0px;
  padding-right: 10px;
  text-shadow: none !important;
  transform: none !important;
  }

ul.itemlist2 li h3{
  font-size:22px;
  color:#000;
  margin:10px 0;
  position:relative;
  z-index:5;}
    
ul.itemlist2 li h3:first-letter{
  color:#ca2126;}

ul.itemlist2 li p{
  position:relative;
  margin:10px;
  color: #1996ea;
  line-height:1.5;
  font-size:13px;
  text-align:left;
  z-index:5;
  }

ul.itemlist2 li span{
  font-family: 'Lora', serif;
  font-size:10em;
  width:100%;
  line-height:1;
  display:block;
  color:#f7f7f7;

  position:absolute;
  bottom:35px;
  
  left:0;
  z-index:1;}

/*hover 效果*/
.item_rbox {
    background: #cf000c;
    display: inline-block;
    color: #fff;
    padding: 10px;
    vertical-align: middle;
    height: 150px;
    border: 2px solid #fff;
    border-radius: 10px;
}

div#titlearticle h6.s_title {
    color: #ffffff;
    background: #cf000c;
    padding: 0px 10px;
    border-radius: 4px;
    /* display: inline-block; */
    /* text-align: center; */
    margin-bottom: 15px;
    font-size: 1.4em;
}

div#titlearticle h6.adv_s_title {
    color: #ffffff;
    background: #cf000c;
    padding: 0px 10px;
    border-radius: 4px;
    /* display: inline-block; */
    /* text-align: center; */
    margin-bottom: 15px;
    font-size: 1.4em;
}

div#titlearticle h6.m_title {
    color: #ffffff;
    background: #cf000c;
    padding: 0px 10px;
    border-radius: 4px;
    /* display: table; */
    /* text-align: center; */
    margin-bottom: 15px;
}

.titlearticle_red{
  color: #cf000c;
}

a._top{
    position: absolute;
    display:block;
    margin-top: -66px;
}

.th_left {
    text-align: justify !important;
}

.th_center {
    text-align: center;
}

div#titlearticle .icon-ok {
    color: #099000;
}

div#titlearticle .icon-remove{
    color: #cf000c;
}

.color_a {
    background: #FF9800 !important;
}

.color_b {
    background: #FFC107 !important;
}

.color_c {
    background: #FFEB3B !important;
}

.color_red {
    background: #cf010c !important;
    color: #fff !important;
}

#tb_adv .color_red {
    background: #cf010c !important;
    color: #fff !important;
    border: none !important;  
}

#tb_reason .color_red {
    background: #cf010c !important;
    color: #fff !important;
    border: none !important;  
}

#tb_about .color_red {
    background: #cf010c !important;
    color: #fff !important;
    border: none !important;  
}

#tb_about_venn .color_red {
    background: #cf010c !important;
    color: #fff !important;
    border: none !important;  
}

.color_g {
    background: #e2e2e2 !important;
}

.progress > ul{
  overflow:hidden;
  font-size: 1em;
  color: #2f2f2f;
  border-bottom:#CCC solid 1px;
}
.progress li{
  float:left;
  width: 120px;
  padding: 10px 10px;
  box-sizing:border-box;
}
.progress li:nth-child(even){
  float:none;
  overflow:hidden;
  padding: 10px 10px;
  width:auto;
}

.progress ul.txtTitle{
  color:#000;
}
.txtTitle li:nth-child(1){
  border-right:#CCC solid 1px;  
}
.progress li li,.progress li li:nth-child(even){
  width:auto;
  float:none;
  /* list-style:outside lower-roman; */
  /* margin: 0px 0px 0px 0px; */
  padding:0;
  overflow:visible;
}

.leading_industry {
    background: #cf010c;
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 0 4px;
    width: 100%;
    text-align: center;
}

#tb_adv {
  display:none;
  margin-top: 10px;
  /* padding: 15px; */
  background: #FFFFFF;
  font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
  font-size: 1.2em;
  color: #000000;
  line-height: 1.8;
  margin-bottom: 0px;
  float: none;
  width: auto;
  }

#tb_reason {
  display:none;
  margin-top: 10px;
  /* padding: 15px; */
  background: #FFFFFF;
  font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
  font-size: 1em;
  color: #000000;
  line-height: 1.8;
  margin-bottom: 0px;
  float: none;
  width: auto;
  }

#tb_about {
  display:none;
  margin-top: 10px;
  /* padding: 15px; */
  background: #FFFFFF;
  font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
  font-size: 1.2em;
  color: #000000;
  line-height: 1.8;
  margin-bottom: 0px;
  float: none;
  width: auto;
  }

#tb_about_venn {
  display:none;
  margin-top: 10px;
  /* padding: 15px; */
  background: #FFFFFF;
  font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
  /* font-size: 1.2em; */
  color: #000000;
  line-height: 1.8;
  margin-bottom: 0px;
  float: left;
  width: 70%;
  }

div#dynamic {
    width: 26%;
    display: inline-block;
    vertical-align: middle;
}

div#dynamic2 {
    width: 26%;
    display: inline-block;
    vertical-align: middle;
}

@media (max-width: 1160px){
div#titlearticle table#sp_tb th{
    width: auto;
}

div#titlearticle table#erp_tb th{
    width: auto;
}

ul.itemlist li{
  list-style-type:none;
  width: 100%;
  float:left;
  padding: 10px 1%;
  text-align: left;
  position:relative;
  overflow:hidden;
  transition:all 0.4s ease;
  border-bottom: 1px solid #e3e1e1;
  }

ul.itemlist2 li{
  list-style-type:none;
  width: 100%;
  float:left;
  padding: 10px 1%;
  text-align: left;
  position:relative;
  overflow:hidden;
  transition:all 0.4s ease;
  /* border-bottom: 1px solid #e3e1e1; */
  }

.red_box_icon {
    background: #cf000c;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 1em;
}

.red_box {
    text-align: center;
}

div#titlearticle ul.adv_item li {
    width: 100%;
}

div#titlearticle ul.FB_item li {
    width: 100%;
}

  ul.itemList li .Img{
    float:none;
    width: 100%;
    }
  
  ul.itemList li .Txt{
    max-width:none;
    padding: 40px 25px 40px 25px;
    width: 100%;
    height: 100%;
    }
  
  ul.itemList li .Txt p{
    /* height:80px; */
    }

  ul.itemList2 li .Img{
    float:none;
    width: 100%;
    }
  
  ul.itemList2 li .Txt{
    max-width:none;
    padding: 40px 25px 40px 25px;
    width: 100%;
    height: 100%;
    }
  
  ul.itemList2 li .Txt p{
    /* height:80px; */
    }

div#titlearticle ul.seo_wall li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
}


div#titlearticle ul.linux_wall li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
}

div#titlearticle ul.system_item li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 1em;
}

div#titlearticle ul.about_plogo li {
    font-family: "fontello", "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    text-align: center;
}

  /* Force table to not be like tables anymore */
  div#titlearticle table{
    background-color: transparent !important;  
  }
  div#titlearticle table, 
  div#titlearticle table thead, 
  div#titlearticle table tbody, 
  div#titlearticle table th, 
  div#titlearticle table td, 
  div#titlearticle table tr {
    display: block;
  }

  div#titlearticle table#logo_tb, 
  div#titlearticle table#logo_tb thead, 
  div#titlearticle table#logo_tb tbody, 
  div#titlearticle table#logo_tb th, 
  div#titlearticle table#logo_tb td, 
  div#titlearticle table#logo_tb tr {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
  }

  div#titlearticle table#logo_tb td { 
    /* Behave  like a "row" */
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 50% !important;
    white-space: normal;
    text-align:left;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  div#titlearticle table thead tr {
    /* position: absolute; */
    top: -9999px;
    left: -9999px;
  }

  div#titlearticle table tr { border: 1px solid #ccc; margin-bottom: 10px; background-color: #ffffff;}

  div#titlearticle table td { 
    /* Behave  like a "row" */
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 35% !important;
    white-space: normal;
    text-align:left;
  }

  div#titlearticle table td:before { 
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    /* top: 6px; */
    left: 6px;
    /* width: 30%; */
    /* padding-right: 10px; */
    white-space: nowrap;
    text-align:left;
    font-weight: bold;
    color: #1a1a1a;
    vertical-align: middle;
  }
  div#titlearticle table td:before {
    content: attr(data-title);
    white-space: pre;
    display: inline-block;
    }

div#titlearticle #tb_adv table td { 
    /* Behave  like a "row" */
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding: 5px !important;
    white-space: normal;
    text-align:left;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }


div#titlearticle #tb_reason table td { 
    /* Behave  like a "row" */
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding: 5px !important;
    white-space: normal;
    text-align:left;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

div#titlearticle #tb_about table td { 
    /* Behave  like a "row" */
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding: 5px !important;
    white-space: normal;
    text-align:left;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

div#titlearticle #tb_about_venn table td { 
    /* Behave  like a "row" */
    border: none !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding: 5px !important;
    white-space: normal;
    text-align:left;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }

#tb_about_venn {
  width: 100%;
  }

.about_item_2{
   width: 100%;
 }

div#dynamic {
    width: 100%
}

div#dynamic2 {
    width: 100%
}

}