.contents .slogan {
width: 740px;
margin: 0 auto;
padding: 45px 0;
border: 1px solid #ccc;
text-align: center;
font-size: 22px;
line-height: 1.6;
}

.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 .teamcheat_wrap table thead {
border-top: 2px solid #39b54a;
}

.con_teamchat .divtab .teamcheat_wrap table.ccc th.main {
color: #39b54a;
}

.con_teamchat .divtab .teamcheat_wrap table.ccc tbody tr td:first-of-type {
background: #d7ffa9;
}

.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;
}

.con_teamchat #product_info table {
text-align: center;
}

.con_teamchat #product_info table th {
height: 50px;
}

.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 .ms_office p {
line-height: 18px;
}

#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_01 {
background: url(/assets/images/office365/mac_back.jpg)no-repeat right bottom;
background-size: 300px;
padding: 40px;
position: relative;
}

#body .ms_offic_wrap .sec.s_01::after {
width: 96%;
height: 94%;
content: '';
position: absolute;
top: 2%;
left: 2%;
border: 3px solid #ddd;
z-index: -1;
}

#body .ms_offic_wrap .sec.s_02 {
background: url(/assets/images/office365/ms_page_back.jpg)repeat center;
padding: 40px;
}

#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_02 .list_col li .list_text {
width: 580px;
}

#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;
}

#body .contents_style .sec.onenote h4 {
margin-bottom: 10px;
font-size: 22px;
margin-left: 0;
color: #575757
}

#body .contents_style .sec.onenote .list>li .list_tit {
color: #0068b7
}

#body .ms_offic_wrap .sec.s_02.onenote .list_col li .list_text {
padding-top: 21px;
}

/* group_ware */
#body .contents .con_sec {
overflow: hidden;
}

#body .contents .con_sec .col {
padding: 20px 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_new .con_sec {
margin-top: 80px;
}

#body .con_new .con_sec:first-child {
margin-top: 50px;
}

#body .con_new .con_sec p {
margin-left: 0;
}

#body .con_new .con_sec table {
width: 740px;
margin: 0 auto;
border: 0;
}

#body .con_new .con_sec table td {
border: 0;
padding: 20px 0;
font-size: 15px;
line-height: 1.4;
}

#body .con_new .con_sec .sec_tit h3 {
font-size: 22px;
margin: 0;
margin-bottom: 10px;
}

#body .con_new .con_sec .sec_con {
margin-top: 60px;
}

#body .con_new .con_sec .sec_con:last-child {
margin-bottom: 40px;
}

#body .con_new .con_sec .sec_con h4 {
font-size: 19px;
height: 40px;
line-height: 40px;
margin-bottom: 23px;
}

#body .con_new .con_sec .sec_con h5 {
font-size: 19px;
font-weight: bold;
margin-bottom: 14px;
}

#body .con_new .con_sec .sec_con .col h4 {
margin-top: 15px;
}

#body .con_new .con_sec .col ul li {
text-align: center;
}

#body .con_group_ware .con_sec p {
margin: 0;
}

#body .con_group_ware .con_sec h3 {
font-size: 22px;
color: #0f70bd;
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 .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 {
margin-top: 20px;
}

#body .con_group_ware .con_sec.gray .col1 li h3 {
border-bottom: 1px solid #ccc;
margin: 0;
margin: 10px 0px;
padding-bottom: 15px;
padding-left: 13px;
}

#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: #0f70bd;
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: 100%;
height: 482px;
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;
}

#body .con_group_ware.about .con_sec .sec_tit.file {
background: #0f70bd;
color: #fff;
display: table;
margin-bottom: 60px;
width: 100%;
height: 60px;
}

#body .con_group_ware.about .con_sec .sec_tit .file_tit {
font-size: 21px;
display: table-cell;
text-align: left;
vertical-align: middle;
padding-left: 25px;
position: relative;
background: #fff;
border-left: 1px solid #0f70bd;
border-top: 1px solid #0f70bd;
}

#body .con_group_ware.about .con_sec .sec_tit .file_tit::before {
content: '';
position: absolute;
right: -120px;
top: 0;
border-bottom: 60px solid #fff;
border-left: 60px solid #fff;
border-right: 60px solid transparent;
border-top: 60px solid transparent;
display: inline-block;
}

#body .con_group_ware.about .con_sec .sec_tit ul {
font-size: 15px;
display: table-cell;
text-align: right;
vertical-align: middle;
overflow: hidden;
float: right;
height: 60px;
line-height: 60px;
}

#body .con_group_ware.about .con_sec .sec_tit ul li {
display: table-cell;
padding: 0 17px;
color: #c6f0ff;
}

#body .con_group_ware.about .con_sec .sec_con .sec_text {
margin-left: 20px;
}

#body .con_group_ware.about .con_sec .sec_con h4 {
color: #0f70bd;
}

#body .con_group_ware.about .con_sec .sec_con h4 i {
position: relative;
display: inline-block;
width: 40px;
height: 40px;
margin-right: 5px;
text-align: center;
line-height: 40px;
vertical-align: -15px;
}

#body .con_group_ware.about .con_sec .sec_con h4 i::before {
position: absolute;
width: 40px;
height: 40px;
background: #c6f0ff;
border-radius: 7px;
font-weight: bold;
left: 0;
}

#body .con_group_ware.about .con_sec .sec_con .sec_img {
margin-top: 30px;
}

#body .con_group_ware.about .con_sec .sec_con .col4 li {
text-align: left;
}

#body .contents .con_sec h3 span.Fw_n {
font-weight: normal;
}

#body .contents .con_sec h4 span.Fw_n {
font-weight: normal;
}

#body .con_new.pg .con_sec .sec_tit h3 {
color: #1c1c1c;
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
}

#body .con_new.pg .con_sec .col .col4 h4 {
font-weight: normal;
color: #575757;
}

#body .con_new.pg .con_sec .sec_con .col2 .sec_text {
display: table-cell;
vertical-align: middle;
padding: 0 50px;
}

#body .con_new.pg .con_sec .sec_con .col2 .sec_img {
display: table-cell;
vertical-align: middle;
}

#body .con_new.pg .con_sec.sec_company .sec_con .sec_text>div {
display: table-cell;
vertical-align: middle;
}

#body .con_new.pg .con_sec.sec_company .sec_con .sec_text .company_info h5 span {
margin-left: 10px;
}

#body .con_new.pg .con_sec.sec_company .sec_con .sec_text {
margin-top: 80px;
}

#body .con_new.pg .con_sec.sec_company .sec_con table {
border: 1px solid #ccc;
margin-top: 15px;
}

#body .con_new.pg .con_sec.sec_company .sec_con table th {
width: 150px;
}

#body .con_new.pg .con_sec.sec_company .sec_con table td {
padding-left: 10px;
}

#body .con_new.pg .con_sec.sec_company .sec_con table td.btn {
float: right;
padding-right: 20px;
}

#body .con_new.pg .con_sec.sec_company .sec_con table td.btn a {
display: inline-block;
width: 120px;
height: 40px;
line-height: 40px;
border: 1px solid #0037e9;
color: #0037e9;
text-align: center;
}

#body .con_new.pg .con_sec.sec_company .sec_con table td.btn a:hover {
color: #fff;
background: #0037e9;
}

#body .con_new.pg .con_sec.sec_company .sec_btn {
margin-top: 60px;
}

#body .con_new.pg .con_sec.sec_company .sec_btn a {
width: 200px;
height: 50px;
color: #fff;
background: #0037e9;
margin: 0 auto;
display: block;
text-align: center;
line-height: 50px;
font-weight: bold;
}


/* taxnow */
#body .taxnow_wrap .sec {
padding: 20px 10px;
}

#body .taxnow_wrap .sec button {
border: 0;
}

#body .taxnow_wrap .sec .tit_text {
border: 1px solid #ccc;
padding: 40px;
}

#body .taxnow_wrap .sec .list li {
overflow: hidden;
width: 100%;
box-sizing: border-box;
margin-bottom: 50px;
}

#body .taxnow_wrap .sec .list li .list_gird {
width: 100%;
display: table;
}

#body .taxnow_wrap .sec .list li .list_gird>div {
width: 50%;
display: table-cell;
text-align: left;
}

#body .taxnow_wrap .sec .list li .list_gird div.list_text .list_tit {
color: #116c3c;
font-weight: 500;
font-size: 21px;
line-height: 2;
}

#body .taxnow_wrap .sec .list li .list_gird div {
box-sizing: border-box;
vertical-align: middle;
}

#body .taxnow_wrap .sec .list li .list_gird div.list_icon {
padding-left: 75px;
float: none;
}

#body .taxnow_wrap .sec .list li .list_gird div.list_text {
vertical-align: middle;
float: none;
}

#body .taxnow_wrap .sec .list li:nth-child(1n) .list_gird div.list_text {
padding-left: 30px;
}

#body .taxnow_wrap.point .sec .list li .list_gird div.list_icon {
padding-left: 30px;
}

#body .incorpor .sec {
margin: 0 0 40px;
padding-top: 50px;
border-top: 1px dashed #ccc;
}

#body .incorpor .sec h3 {
font-size: 25px;
line-height: 1.6;
padding-bottom: 20px;
font-weight: 500;
margin: 0 auto;
}

#body .incorpor .sec h3 .num {
font-weight: 600;
color: #00f7a9;
}

#body .incorpor .sec .sec_btn {
margin: 30px auto 0;
overflow: hidden;
}

#body .incorpor .sec table {
border: 1px solid #ccc;
text-align: center;
font-size: 15px;
}

#body .incorpor .sec table th {
height: 40px;
background: #eee;
border-color: #ccc;
}

#body .incorpor .sec table td {
padding: 20px 0;
font-size: 13px;
line-height: 1.4;
border-color: #ccc;
}

#body .incorpor .sec .sec_btn a {
display: block;
width: 220px;
padding: 15px 0;
margin: 0 auto;
background: #572f99;
color: #1c1c1c;
text-align: center;
background-color: #3df7ec;
background-image: linear-gradient(270deg, #3df7ec 0%, #00f7a8 74%);
}

#body .incorpor .sec .sec_btn a span {
font-weight: 600;
font-size: 15px;
}

#body .incorpor .sec .sec_btn p {
margin-top: 15px;
}

#body .incorpor .sec_01 {
position: relative;
border: none;
}

#body .incorpor .sec_01 h3 .num {
vertical-align: -3px;
}

#body .incorpor .sec_01 table td:last-child {
font-weight: bold;
background-color: #e0f9f7;
}

#body .incorpor .sec_01 .point_line {
position: absolute;
width: 280px;
height: 252px;
right: 0px;
bottom: 104px;
border: 2px solid #00f7a9;
}

#body .incorpor .sec_02 table td {
text-align: left;
padding-left: 20px;
}

#body .incorpor .sec_03 {
text-align: center;
position: relative;
}

#body .incorpor .sec_03 h3 {
text-align: left;
}

#body .incorpor .sec_03 .graph {
width: 100%;
display: table;
margin: 30px 0;
}

#body .incorpor .sec_03 .graph .col_2 {
width: 50%;
display: table-cell;
font-size: 16px;
}

#body .incorpor .sec_03 .graph .col_2 img {
padding-bottom: 15px;
}

#body .incorpor .sec_03 .graph .letter_plus {
font-size: 117px;
font-weight: 600;
position: absolute;
top: 230px;
left: 347px;
color: #00f7a8;
}

#body .incorpor .sec_03 .box_text {
background: #eee;
padding: 30px;
border: 1px solid #ccc;
box-sizing: border-box;
line-height: 1.6;
}

#body .incorpor .sec_03 .box_text span.text_s_b {
font-size: 21px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
#body .incorpor .sec_01 .point_line {
width: 282px;
height: 253px;
}
}

/* 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%;
}
}


/* renew */

.notice_wrap{
background:url('/assets/images/event/2020/200205_ms_1920.jpg')no-repeat center;
text-align:center;
}

#body .ms_offic_wrap .sec {
padding: 0;
margin: auto;
margin-left: 12px;
margin-top: 40px;
overflow: hidden;
}

#body .ms_offic_wrap .sec:first-child {
margin-top: 0;
}

#body .ms_offic_wrap .sec table.office {
width: 100%;
}

#body .ms_offic_wrap .sec table.office thead th {
background: #eee;
}

#body .ms_offic_wrap .sec table.office tbody {
border-top: 1px solid #ccc;
}

#body .ms_offic_wrap .sec table.office tbody th {
border-bottom: 1px solid #ccc;
background: #eee;
}

#body .ms_offic_wrap .sec table.office tbody th.back{
	background:#ff5300;
	color:#fff;
}

#body .ms_offic_wrap .sec table.office tbody tr:last-child th {
border-bottom: 1px solid #ddd;
}

#body .ms_offic_wrap .sec table.office tbody th a {
text-decoration: underline;
}

#body .ms_offic_wrap .sec table.office .line_through {
text-decoration: line-through;
}

#body .ms_offic_wrap .sec table.office .sale_price {
font-weight: 600;
color: red;
}

#body .ms_offic_wrap .sec .vat {
font-size: 13px;
float: right;
}

#body .ms_offic_wrap .datapdt {
overflow: hidden;
}

#body .ms_offic_wrap .sec h3.Mb-10 {
margin-bottom: 20px;
}

#body .ms_offic_wrap .sec .step ul li {
width: 25%;
float: left;
position: relative;
padding: 20px 3px;
box-sizing: border-box;
margin-bottom: 20px;
}

#body .ms_offic_wrap .sec .step ul li::before {
content: url(/assets/images/office365/arrow_step.png);
position: absolute;
top: -16px;
left: 0;

}

#body .ms_offic_wrap .sec .step ul li:last-child::before {
content: '';
width: 100%;
height: 2px;
top: -2px;
background: #ff5300;
}


#body .ms_offic_wrap .sec .step ul li::after {
content: '';
position: absolute;
bottom: -1px;
left: 0;
width: 90%;
height: 1px;
background: #ccc;
}

#body .ms_offic_wrap .sec .step ul li:last-child::after {
width: 100%;
}

#body .ms_offic_wrap .sec .step ul li .num {
color: #fb3000;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
}

#body .ms_offic_wrap .sec .step ul li .info {
font-weight: 600;
}

#body .ms_offic_wrap .sec .warning {
padding-top: 20px;
}

#body .office tbody td.dot::after {
background: #ff5300;
}

#body .ban{
width:100%;
text-align:center;
background:#eee;
padding:60px 0;
}