.contents .slogan{width:740px;margin:0 auto;padding:45px 0;border:1px solid #ccc;text-align:center;font-size:22px;line-height:1.4;}
.con_teamchat .divtab .team_col2{width:100%;overflow:hidden;}
.con_teamchat .divtab .team_col2 .col1{width:50%;float:left;text-align:center;padding:30px 60px;box-sizing:border-box;}
.con_teamchat .divtab .team_col2 .col1 p{text-align:justify;}

.con_teamchat .divtab .teamcheat_wrap h3{margin:10px 0;color:#39b54a;font-size:18px;}
.con_teamchat .divtab .teamcheat_wrap h3.accent{font-size:20px;margin:30px 0;}
.con_teamchat .divtab .teamcheat_wrap p{font-size:14px;line-height:1.4;}
.con_teamchat .divtab .teamcheat_wrap .text_info{margin-bottom:50px;overflow:hidden;} 
.con_teamchat .divtab .teamcheat_wrap .text_info p{margin:0 0 30px 10px;}
.con_teamchat .divtab .teamcheat_wrap .text_info li{padding:10px 0;font-size:16px;}
.con_teamchat .divtab .teamcheat_wrap .text_info li i{color:#39b54a;}
.con_teamchat .divtab .teamcheat_wrap .slogan span{vertical-align:7px;}
.con_teamchat .divtab .teamcheat_wrap .tab1_sec01{padding:50px 10px 0 10px;overflow:hidden;}
.con_teamchat .divtab .teamcheat_wrap .tab1_sec01 ul{float:left;}
.con_teamchat .divtab .teamcheat_wrap .tab1_sec01 ul li{padding:10px 0;}
.con_teamchat .divtab .teamcheat_wrap .tab1_sec01 span{float:right;}
.con_teamchat .divtab .teamcheat_wrap table{border: 0px solid #fff;margin:50px 0;}
.con_teamchat .divtab .teamcheat_wrap table td{padding:20px 0;}
.con_teamchat .divtab .tab1 h3{margin-left:0!important;}
.con_teamchat .divtab .tab3{text-align:center;}
.con_teamchat .divtab .tab3 .sec{margin:15px auto;width:740px;}
.con_teamchat .divtab .tab3 .sec:first-child{border:none}
.con_teamchat .divtab .tab3 table th{border-bottom:2px solid #39b54a;padding:15px 0;font-size:14px;}
.con_teamchat .divtab .tab3 table th:nth-child(2n){color:#91ce4c;}
.con_teamchat .divtab .tab3 table th:nth-child(2n-1){color:#39b54a;}
.con_teamchat .divtab .tab3 table td{border-bottom:1px solid #aaa;}
.con_teamchat .divtab .tab3 table td:first-child{font-weight:bold;}
.con_teamchat .divtab .tab3 .btn_wrap{overflow:hidden; margin:0 auto;margin-bottom:50px;}
.con_teamchat .divtab .tab3 .btn_wrap a{display:inline-block;padding:15px 0; color:#fff;font-weight:bold;width:185px;border-radius:3px;}
.con_teamchat .divtab .tab3 .btn_wrap .btn_01{background:#91ce4c;margin-right:15px;}
.con_teamchat .divtab .tab3 .btn_wrap .btn_02{background:#39b54a;}

.popup_teamchat {display:none; width:552px; height:auto; position:absolute; top:27%; left:50%; margin-left:-309px; padding:20px 30px 30px; border:3px solid #39b54a; background:#fff;}
.popup_teamchat_close {display:block; position:absolute; top:33px; right:30px;}
.popup_teamchat td {padding:5px 0; font-size:12px;}
.popup_teamchat table input.text{width:94%; padding:5px; border:1px solid #ccc; font-size:14px;}
.popup_teamchat table textarea {width:94.7%; height:130px; padding:5px; border:1px solid #ccc; font-size:14px;} /*height:168px;*/
.popup_teamchat table label {color:#222; font-weight:bold;}
.popup_teamchat .rate{width:97.6%; padding:5px 2px; border:1px solid #ccc; font-size:14px;}
.popup_teamchat td.privacy {padding-top:5px;}
.popup_teamchat td.privacy p {padding:20px; line-height:160%; border:1px solid #ccc;}
.popup_teamchat td.privacy p span{font-size:11px; letter-spacing:-1px; line-height:155%;}

/* ms office */
#body .contents_style .sec .list > li .list_tit{color:#ff5300;}
#body .contents_style .sec .list_col li .list_gird div{float:left;}
#body .ms_offic_wrap .sec.s_02{background:url(/assets/images/office365/ms_page_back.jpg)no-repeat center;}
#body .ms_offic_wrap .sec.s_02 .list_col li{width:690px;clear:both;margin-bottom:40px;overflow:hidden;}
#body .ms_offic_wrap .sec.s_02 .list_col li .list_icon{margin-right:27px;}
#body .ms_offic_wrap .sec.s_03 .vat{text-align:right;}
#body .ms_offic_wrap .sec.s_03 table tr td .ms_dot{display:inline-block;width:10px;height:10px;background:#ff5300;border-radius:50%}
#body .ms_offic_wrap .sec.s_04{text-align:center;background:#f3f3f3;}
#body .ms_offic_wrap .sec.s_04 table th{border-bottom:1px solid #ccc;border-right:none;}
#body .ms_offic_wrap .sec.s_05 .bottom_btn{background:#ff5300;}

/* group_ware */
#body .con_group_ware .con_sec p{margin:0;}
#body .con_group_ware .con_sec h3{font-size:22px; color:#338fce;margin:0;margin-bottom:10px;}
#body .con_group_ware .con_sec table{width:740px;margin:0 auto;border:0;}
#body .con_group_ware .con_sec table td{border:0;padding:20px 0;font-size:15px; line-height:1.4;}

#body .contents .con_sec{overflow:hidden;}
#body .contents .con_sec .col{padding:40px 0;}
#body .contents .con_sec .col > ul > li{float:left;}
#body .contents .con_sec .col > ul > li:first-child{margin-left:0;}
#body .contents .con_sec .col .col1 > li{width:100%;overflow:hidden;margin-bottom:20px;}
#body .contents .con_sec .col .col1 li div.col_text{overflow:hidden;float:left;}
#body .contents .con_sec .col .col1 li div.col_img{width:375px;height:241px;overflow:hidden;float:right;position:relative;}
#body .contents .con_sec .col .col1 li div.col_img img{width:100%;}
#body .contents .con_sec .col .col1 li div.col_img .scale_tint{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);color:#fff;text-align:center;display:none;cursor:pointer;}
#body .contents .con_sec .col .col1 li div.col_img:hover .scale_tint{display:table;}
#body .contents .con_sec .col .col1 li div.col_img .scale_tint > div{display:table-cell;vertical-align:middle;}
#body .contents .con_sec .col .col2{width:100%;}
#body .contents .con_sec .col .col2 li{width:50%;margin-bottom:50px;}
#body .contents .con_sec .col .col3 li{width:33.3333333%;}
#body .contents .con_sec .col .col4 li{width:22%;margin-left:4%;}


#body .con_group_ware .con_sec:first-child{margin-bottom:0;}
#body .con_group_ware .con_sec .col .col4 h3{font-size:15px;}
#body .con_group_ware .con_sec .col .col4 > li .icon_s{margin-bottom:15px;}

#body .con_group_ware .con_sec.gray{background:#efefef;padding:40px 50px;margin-top:0;} 
#body .con_group_ware .con_sec.gray .col1 li h3{border-bottom:2px solid #ccc;margin:0;margin:15px 0px;padding-bottom:20px;}
#body .con_group_ware .con_sec.gray .col1 li ul{}
#body .con_group_ware .con_sec.gray .col1 li ul li{padding:12px;font-size:14px;float:left;}
#body .con_group_ware .con_sec.gray .col1 li ul li span{font-weight:bold;color:#338fce;padding-right:5px;}
#body .con_group_ware .con_sec.gray .col1 li div.col_text{margin-bottom:20px;}
#body .con_group_ware .con_sec.gray .col1 li div.col_img{width:650px;height:418px;overflow:hidden;float:right;position:relative;}

#body .con_group_ware .con_sec .slogan{width:760px;background-color: $00f7a7;background-image: linear-gradient(315deg, #00f7a7 0%, #04f5ed 74%);border:none;color:#333;font-size:20px;margin:0;}
#body .con_group_ware .con_sec .slogan h3{color:#333;}


/* modal */
/* Style the Image Used to Trigger the Modal */
.myImg{
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

.modal_grid{
	position:relative;
	width:1200px;
	margin:0 auto;
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 1200px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top:-50px;
  right: 0px;
  color: #f1f1f1;
  font-size: 80px;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}