@charset "utf-8";
/* 設計師用 桌機版CSS檔 style.css */
/* 說明：
    可提供設計師在此檔，針對桌機版面進行設計；為網站必載CSS檔。*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700&display=swap');

@media (min-width: 1200px){
    .container {
		width: 100%;
	}
	.header .navbar .container {
		padding: 0 45px;
	}	
}
body {
    font-size: 15px;
    color: #333;
	font-family:'微軟正黑體';
	
}
/* body.lang_en{
	word-break: break-all;
} */
p {
    line-height: 24px;
    margin-bottom: 24px;
}

.alert{
    text-shadow:none;
    box-shadow:none;
}
a {
    color: #666;
}
.nav>li>a:hover, .nav>li>a:focus{
    background: transparent;
}
a:hover {
    color: #4f256f;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 0;
}
.word_purple{
	color:#684096;
	font-weight:600;
	line-height:30px;
}
.btn-default{
	color:#fff;
	background-image:linear-gradient(to bottom,#4f256f 0,#754d93 100%);
	border:none;
}
.btn-default:hover, .btn-default:focus {
    background-color: #4f256f;
	color:#fff;
	background-position:0 -50px;
}

/********************* Header *********************/
.header {
    /*background: url(../images/all/banner_bg.jpg) center 180px no-repeat;*/
}
.dropdown-backdrop{
	display: none;
}
/* header logo */
.header .navbar .navbar-brand {
    width: 220px;
    height: 80px;
    background: url(../images/all/logo.svg) no-repeat;
    text-indent: -9999px;
    display: block;
    margin: 10px ;
    padding: 0;
}
body.lang_en .header .navbar .navbar-brand{
	background: url(../images/all/logo_en.svg) no-repeat;
}
.header .navbar .navbar-brand:hover {
    opacity: 0.7;
}

/* header 主選單 */
.header .navbar {
    z-index: 999;
    position: fixed;
    margin: 0 auto;
    width: 100%;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 1);
	border-radius:0;
}
.is_scroll .header .navbar {
    background-color: rgba(255, 255, 255, 1);
}
.header .navbar .navbar-nav {
    background: none;
    margin-top: 60px;
    margin-right:-25px;
    float: right;
}

.header .navbar .navbar-nav > li > a {
    background: none;
    color: #333;
    padding: 10px 15px;
    background-color: inherit;
    transition: 0.3s all ease;
    position: relative;	
}
.header .navbar .navbar-nav li .dropdown-toggle::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 5px;
	background: #6f3581;
	left: 0;
	right: 0;
	bottom: -10px;
	opacity: 0;
	transition: all ease .5s;
}
.header .navbar .navbar-nav li .dropdown-toggle:hover::before {
    bottom: 0;
    opacity: 1;
}
.header .navbar .navbar-nav li a:hover{
	color: #6f3581;
}
/* .header .navbar .navbar-nav li > a:hover {
    color: #b270ff;
    background: transparent;
    border-bottom-color: #4f256f;
} */
.nav_height{
	min-height: 200px;
}
.nav > li >a{
	color: #000000;
	padding:10px;
}
.header .navbar .navbar-nav > li + li > a {
    /*border-left: 1px solid #eee;*/
}

/*.header .navbar .navbar-nav > li ul li a {
    padding: 5px;
	color:#fff;
	font-size:14px;
	line-height:30px;
	text-align:center;
}*/

/* header 次選單 */
.header .navbar .sub-nav {
    position: absolute;
    right: 150px;
    top: 15px;
}

.header .navbar .sub-nav li {
    padding: 0 5px;
}

.header .navbar .sub-nav li a {
    /*background: url(../images/all/sub_nav.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;*/
	font-size:12px;
	color:#5f5f5f;
}
.header .navbar .sub-nav li a:hover {
    position: relative;
    top: 2px;
	color:#4f256f;
}
.header .navbar .btn-default {
    background: #6f3581;
    color: #fff;
    text-shadow: none;
    border: none;
	border-radius: 20px;
    box-shadow: none;
    padding: 7px 7px 7px 35px;
}
.header .navbar .lang {
    position: absolute;
    right: 40px;
	top: 10px;
	/*display: none;*/
}

.header .navbar .lang .dropdown-menu {
    background: #6f3581;
    color: #fff;
    border: none;
    border-radius: 5px;
    min-width: 110px;
	text-align:center;
    left:0 !important;
    top:31px;
}
.header .navbar .lang .dropdown-menu a {
    color: #fff;
}

.header .navbar .lang .dropdown-menu a:hover {
    background: none;
    color: #ffff00;
}
.header .navbar .lang .dropdown-toggle::before{
	content:"";
	position:absolute;
	width:23px;
	height:23px;
	background: url(../images/all/icon_lang.jpg) no-repeat;
	left:7px;
	top:4px;
}
/*---------------------- 下拉選單 subNav  dropdownMenu --------------------*/
.dropdown-menu{
	background-color:#4f256f;
	border:none;
    left: 0px;
	top: inherit;
    min-width: 120px;
}
.navbar .navbar-nav .dropdown_submenu.pos_static {
    position: static;
}

ul.dropdown-menu li.hover_r_sider  a {
    font-size: 15px !important;
    line-height: 30px !important;
    padding-bottom: 0px !important;
    padding-top: 5px !important;
    border-bottom: 1px solid #000;
}

.navbar-nav .dropdown_submenu > ul > li > ul > li {
    list-style: none;
}

.navbar-nav .dropdown_submenu > ul > li > ul > li a {
    /*display: block;*/
}
.navbar-nav .dropdown_submenu .txt.dropdown-menu {
    left: 30%;
    margin-top: -15px;
    padding: 10px 15px;
    /*width: 66%;*/
}
.navbar-nav .dropdown_submenu .txt.dropdown-menu ul > li{
}

.navbar-nav .minwidth {
    display: inline-block;
    padding: 0;
    width: 180px;
}

.navbar-nav .dropdown_submenu{
    /*position: relative;*/
}
.dropdown-menu>li>a{
	color:#fff;
	line-height:36px;
	font-size:14px;
	text-align:center;
}
li.hover_r_sider.dropdown_submenu {
    position: relative;
}
li.hover_r_sider.dropdown_submenu a:hover{
    border-bottom:1px solid #000;
}

.navbar-nav .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
ul.dropdown-menu li.hover_r_sider:last-child  a,
.navbar-nav .dropdown-menu .dropdown-menu > li:last-child a {
    border-bottom: none;
}

/*新設定*/
.navbar-nav .dropdown_submenu.yamm-content {
	position:static;
	padding:0;
}
.navbar-nav .dropdown_submenu:nth-child(3) .caret,
.navbar-nav .dropdown_submenu:nth-child(4) .caret,
.sub-nav .dropdown_submenu .caret{
    display: none;
}
.menu_link{
    margin: 10px 0px;
}
.header .navbar-nav .dropdown-menu.dropdown-menu1 .dropdown-width > ul li.menu_link > ul.nav > li > a {
    padding: 5px 0;
    font-size: 14px;
	color:#fff;
	text-align:center;
}
.header .navbar-nav .dropdown-menu.dropdown-menu1 .dropdown-width > ul li.menu_link > ul.nav > li > a:hover{
	color:#4f256f;
}
.navbar-nav .dropdown-menu.dropdown-menu1 .dropdown-width {
    width: 1280px;
    margin: 0 auto;
    padding: 10px 0px;
}
.navbar-nav .dropdown-menu.dropdown-menu1 {
    width: 100%;
    left: 0;
    right: 0;
    background: #f8f7ff;
    border-radius: 0;
}
.yamm-content h5 {
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.yamm-content h5 a{
    color: #6f3581;
}
body.lang_en .yamm-content h5,
body.lang_en .menu_link .link{
	padding: 5px 0;
	display: block;
}
.yamm-content h5,.menu_link .link  {
	color: #6f3581;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    padding: 5px 65px 5px 15px;
    margin-bottom: 5px;
    display: inline-block;
	border-bottom: 1px solid #6f3581;
	position: relative;
}
.yamm-content h5:after,
.menu_link .link:after{
	content: "";
	display:block;
	position: absolute;
	background: url(../images/all/arrow02.png)no-repeat;
	width: 15px;
    height: 15px;
    right: 10px;
	bottom: 9px;
}
body.lang_en .yamm-content h5:after,
body.lang_en .menu_link .link:after{
	right: 0;
}
.yamm-content h5:hover:after,
.menu_link .link:hover:after{
	animation: scroll 2s linear infinite;
}
@keyframes scroll {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}
.navbar-nav .dropdown-menu.dropdown-menu1 .dropdown-width .pic img{
	box-shadow: 8px 8px 5px rgba(111,53,129,0.5);
}
/* .menu_link .link:hover{
    background: #cbaaf1!important;
    color: #000000!important;
} */
.navbar-nav .dropdown-menu.dropdown-menu1 .nav_pic {
    max-height: 225px;
    overflow: hidden;
}
.navbar-nav .dropdown-menu.dropdown-menu1 .nav_pic img {
    width: 100%;
}

/*------- Banner -------*/
.banner {
    position: relative;
}

.banner .container {
    /*max-width: 1144px;
    background-color: #EEE;*/
    padding: 0;
}

.banner .bx-wrapper {
    margin-bottom: 0;
}

.banner .bxslider li {
    background-repeat: no-repeat;
    background-position: center top;
}

.banner .bxslider li a {
    display: block;
}

.banner .bxslider li img {
    width: 100%;
    display: none;
}

.banner .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0;
}

.banner .bx-wrapper .bx-pager.bx-default-pager {
    text-align:center;
    padding: 0 15px;
    bottom: 10px;
    z-index: 60;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: #000;
    text-align: left;
}

.banner .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #9a969c;
}
.banner .bx-controls-direction{
	display:none;
}

/********************* Footer *********************/
.footer {
    padding: 0;
    text-align: center;
}
.footer::before{
	content:"";
	position:absolute;
	width:100%;
	height:165px;
	background: url(../images/all/footer_bg.png) no-repeat;
	bottom: 83px;
    left: 0;
    right: 0
}
.footer .loaction_bg{
	background-color:#4f256f;
	color:#fff;
	text-align:center;
	padding:10px 0;
	font-size:18px;
	letter-spacing:0.05em;
    position: relative;
	display:block;
}
.footer .loaction_bg .loaction_word{
    position: relative;
	display:block;	
	font-size: 13px;
}
.footer .loaction_bg .loaction_word::before {
    transform: translateX(0%);
    position: absolute;
    content: '';
    width: 70px;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    pointer-events: none;
    top: 10px;
    left: 30%;
}
body.lang_en .footer .loaction_bg .loaction_word::before{
	left: 18%;
}
body.lang_en .footer .loaction_bg .loaction_word::after{
	right: 18%;
}
.footer .loaction_bg .loaction_word::after {
    transform: translateX(0%);
    position: absolute;
    content: '';
    width: 70px;
    height: 1px;
    display: inline-block;
    background-color: #fff;
    pointer-events: none;
    top: 10px;
    right: 30%;
}

/* sitemap */
.footer .sitemap{
	padding:5px 0;
	display:block;
}
.footer .sitemap ul li {
    padding: 0;
}
.footer .sitemap ul li a {
    color: #999;
	font-size:13px;
    padding: 5px;
}
.footer .sitemap ul li a:hover {
    color: #000;
}
.footer .sitemap ul > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #999;
}

.footer_content {
    font-size: 13px;
    line-height: 22px;
}

/* siteinfo */
.footer .siteinfo{
	padding:8px 0;
	display:block;
}
.footer .siteinfo ul > li {
    padding: 0;
	font-size:13px;
}

.footer .siteinfo ul > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #9c9c9c;
}

.footer .siteinfo .map {
    display: inline-block;
    background: url(../images/all/icon_map.png) no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    vertical-align: text-bottom;
    margin-right: 20px;
}

.footer .siteinfo .map:hover {
    position: relative;
    top: 2px;
}

.footer .copyright b {
    color: #36B9C0;
}
.footer .copyright ul{
	display: none;
}
.footer .powered a {
    color: #AAA;
	line-height:36px;
	display: none;
}

.footer .powered a:hover {
    color: #666;
}

/********************* floating *********************/
#floating{
	display:none;
}
#floating .btn-floating {
    width: 28px;
    height: 58px;
    background-color: #52CED5;
    display: none;
    margin: 1px;
    padding: 10px 3px;
    position: absolute;
    left: -30px;
}

#floating .btn-floating .icon-arrow {
    width: 32px;
    height: 40px;
    background: url(../images/all/arrow.png) no-repeat;
    display: block;
}

#floating.open .btn-floating .icon-arrow {
    background-position: 0 -40px;
}

#floating ul {
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
}

#floating ul li {
    padding: 10px 0;
}

#floating ul li + li {
    border-top: 1px solid #E7E7E7;
}

#floating ul li a {
    width: 56px;
    height: 60px;
    background: url(../images/all/floating_icon.png) no-repeat;
    background-position-x: 0;
    font-size: 10px;
    color: #bbb;
    text-align: center;
    display: block;
    padding: 40px 0 0;
    position: relative;
}

#floating ul li.b1 a {
    background-position-y: 0;
}

#floating ul li.b2 a {
    background-position-y: -80px;
}

#floating ul li.b3 a {
    background-position-y: -160px;
}

#floating ul li a:hover {
    color: #333;
    background-position-x: -56px;
}


#floating ul li a .num {
    min-width: 20px;
    height: 20px;
    background-color: #EB0F0F;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 0;
}

/********************* Main *********************/
.main {
    /*box-shadow: 0 0 10px 0 #919191;*/
    z-index: 10;
	
}

body:not(.home) .main_content {
    min-height: 600px;
	padding-top: 25px;
    padding-bottom: 60px;
    padding-right: 100px;
    padding-left: 100px;
}

/*----------------------- side -----------------------*/
.side1 .side-toggle {
    display: none;
}
.side1{
	background:#522975 url(../images/all/leftmenu_bg.jpg) repeat-x center top;
	padding:25px 40px;
}
.side1 .left_title{
	color:#fff;
	font-size:24px;
	letter-spacing:0.05em;
	font-weight:600;
	padding-left:50px;
	background: url(../images/all/leftmenu_icon.png) no-repeat left top;
	margin-bottom:5px;
}
.side1 ul.nav{
	background-color:#f9f9f9;
	padding:10px 0;
	box-shadow: 0 0 10px 0 #919191;
	margin-bottom: 20px;
}
.side1 .side-toggle {
    font-size: 15px;
    color: #fff;
    line-height: 28px;
    margin-top: 0px;
}
.side1 .nav > li > a {
    display: block;
    color: #000;
    padding: 0 10px;
    z-index: 1;
	margin:10px 0 0 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0.05em;
    transition: 0.3s all ease;
    text-align: left;
	border-left:3px solid #84408b;
}
.side1 .nav > li > a:hover {
    color: #fff;
    background-color: transparent;
	border-color:#84408b;
}
.side1 .nav > li > a:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.side1 .nav > li > a::before {
    background: #84408b;
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transform: scale3d(0, 1, 1);
    transform-origin: 0% 50%;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.side1 .nav > li.active a {
    color: #522974;
}
.side1 .nav > li > ul {
	margin-left:45px;
    list-style-type: circle;
}
.side1 .nav > li > ul > li{
	border-bottom:1px solid #eee;
}
.side1 .nav > li > ul > li > a {
    padding: 6px 10px 6px 0px;
	line-height:36px;
	color:#888;
	font-size:14px;
}
.side1 .nav > li > ul > li > a:hover{
	color:#522974;
}

.side1 .nav > li > ul > li > ul {
    margin-left: 10px;
    list-style-type: none;
}

.side1 .nav > li > ul > li > ul > li > a,
.side1 .nav > li > ul > li > ul > li > a:hover {
    background: url(../images/all/list_icon3.png) no-repeat 0 6px;
    padding: 6px 10px 6px 20px;
	font-size:13px;
	line-height:30px;
	color:#846cb0;
}

/*----------------------- Content -----------------------*/
.content > .title_box01 {
    padding: 5px 10px 5px 40px;
    margin-top: 0;
	text-align:left;
	color:#666;
	font-size:30px;
	line-height:36px;
	letter-spacing:0.2em;
}
.content > .title_box01::after{
	content:"";
	position:absolute;
	width:235px;
	height:235px;
	background: url(../images/all/title_bg.png) no-repeat center;
	top: -45px;
    left: 0;
    z-index: -1;
}
.content > .title_box01 .title_en{
	display:none;
	color:#84408b;
	font-size:16px;
	font-family:Arial;
    text-transform:uppercase;
	line-height:30px;
	font-weight:600;
	padding-left: 3px;
}
.content > .title_box01 .title_tw{
	color:#666;
	font-size:30px;
	line-height:36px;
	letter-spacing:0.2em;
	padding-top: 10px;
}
/* breadcrumb */
.content .breadcrumb {
    background: none;
    margin: 0;
    font-size: 13px;
    position: absolute;
    right: 10px;
    top: 45px;
}

.content .breadcrumb > li + li:before {
    content: "＞";
}

/* btn-more */
.content .btn-more {
    position: absolute;
    right: 15px;
    top: 30px;
    display: block;
    width: 52px;
    height: 24px;
    background: url(../images/all/btn_more.png) no-repeat;
    text-indent: -9999px;
}

.content .btn-more:hover {
    background-position: 0 -24px;
}

/* list-box */
.content .list-box .txt-list {
    margin: 60px 0 30px 0;
}

.content .list-box .txt-list li {
    /*background: url(../images/all/icon_list.png) no-repeat 8px 12px;*/
    border-bottom: 1px dotted #ccc;
    padding-left: 30px;
}

.content .list-box .txt-list li:nth-child(2n+1) {
    background-color: rgba(240,240,240,0.3);
}

.content .list-box .txt-list li a {
    line-height: 28px;
    display: block;
    padding: 10px 0;
}

.content .list-box .txt-list li a:hover,
.content .list-box .txt-list li a:focus {
    color: #36B9C0;
}
.content .list-box .txt-list li.list-header {
    background: none;
    border-bottom: 1px solid #ACE7EB;
    padding-left: 40px;
    padding-right: 15px;
}

.content .list-box .txt-list li.list-header a,
.content .list-box .txt-list li.list-header a span {
    font-size: 18px;
    color: #36B9C0;
}

.content .list-box .txt-list li.list-header a span {
    padding-right: 24px;
}

/* btn-box */
.content .btn-box {
	display:block;
	text-align:center;
    margin: 0 0 20px;
    padding-top: 35px;
    clear: both;
}

.content .btn-box:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.content .btn-box .pager {
    text-align: left;
    display: inline-block;
    margin: 0 20px;
}

.content .btn-box .pager li a {
    margin:0 5px;
	border:none;
    padding: 0px 5px;	
	line-height:24px;	
}
.content .btn-box .pager li a:hover {
	background:none;
}

.content .btn-box .pager li > a.number_box {
    background: #fff;
    color: #888;
    border-radius: 0px;
    padding: 0px 10px;
	font-size:16px;
	border:none;
	line-height:24px;
}

.content .btn-box .pager li > a:hover.number_box{
    background-color: #4f256f;
    color: #fff;
}

.content .btn-box .pager li > a .icon {
    display: none;
}

.content .btn-box .page-info {
    color: #888;
    float: right;
    text-align: center;
    margin: 0 5px;
}

.content .btn-box .page-info select {
    min-width: 60px;
    border: 1px solid #DFDFDF;
    margin-right: 10px;
}

/*------- 活動訊息 and 新聞 ------------*/
body.news .content .news_main{
	margin-left:55px;
	display:block;
	position:relative;
}
body.news .content .news_main a .a_box {
    color: #2b5286;
    line-height: 26px;
    font-size: 16px;
    background-color: #fff;
    border: none;
	margin-top:10px;
	padding:15px;
	box-shadow: 0 0 15px 0 #ccc;
}
body.news .content .news_main a .a_box .a_pic {
    display: block;
	position:relative;
}
body.news .content .news_main a .a_box .a_type{
	position: absolute;
	background-color:#6f3581;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:3px 35px;
	line-height:30px;
	border-radius:16em;
	bottom:10px;
}
body.news .content .news_main a .a_box .a_date{
	text-align:left;
	margin-top:15px;
	padding:0 0 7px 25px;
	font-size:15px;
	color:#686868;
	background: url(../images/all/icon_date.png)no-repeat left 3px;
    position: relative;
    display: block;
}
body.news .content .news_main a .a_box .a_date::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
}
body.news .content .news_main a .a_box .a_tw {
    font-size: 16px;
	line-height:30px;
	border-top:1px solid #eee;
    padding:7px 5px;
    display: block;
    color:#000;
    text-align:left;
    display:block;
    position:relative;   
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
}
body.news .content .news_main a:hover .a_box .a_tw {
    color:#6f3581;
}
body.news .content .news_main a .a_box .a_word{
	line-height:24px;
	color:#666;
	font-size:14px;
    padding:10px 5px;
    min-height: 106px;
    max-height: 106px;
    overflow: hidden;
}
body.news .content .news_main .show_title,
body.software.show .content .show_title,
body.investor .content .show_title,
body.product .content .show_title,
body.about .content .show_title{
    position: relative;
    color: #fff;
    font-size: 20px;
	background: linear-gradient(#465da0,#6f3581); 
    padding: 10px 90px 10px 20px;
    line-height:30px;
	margin:30px 0px 10px 0px;
	border-radius: 8px;
}
body.product .content .show_title{
	display: block;
    clear: both;
}
body.news .content .news_main .show_title small {
    position: absolute;
    right: 15px;
    top: 10px;
    line-height: 28px;
    font-size: 13px;
}
.content .news_space{
	padding-left:0;
}
.content .txt.editor{
	padding:0px;
	display:block;
	line-height:30px;
}
.content .btn-box02 {
    display: block;
    text-align: center;
    margin: 20px 0 20px;
    clear: both;
	border-top:1px solid #eee;
}
.content .btn-box02 a,
.content .btn-box03 a,
.content .btn-box04 a{
	color: #fff;
    display: inline-block;
    width: auto;
    padding: 10px 30px 10px 45px;
    font-size: 14px;
    border-radius: 6px;
    transition: .33s all ease;
    border: 1px solid #ccc;
    letter-spacing: .1em;
    white-space: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    background: #333 url(../images/all/list_icon4.png) no-repeat 25px center;
}
.content .btn-box02 a:hover,
body.product .content .btn-box03 a:hover,
body.product .content .btn-box04 a:hover,
body.software .content .software_info .btn-box02 a:hover
 {
    background-color: #6941ad;
    transition: .33s all ease;
}
/*news_新設定*/
body.news .news-typebox{
	display:block;
	position:relative;
	clear:both;
	text-align:center;
	margin:30px auto;
}
body.news .news-typebox ul.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
	text-align: center;
    margin: 0;
}
body.news .news-typebox ul li{
	display:inline-block;
	padding:0 5px;
}
body.news .news-typebox>ul>li>a {
    padding: 8px;
    color: #4f256f;
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
    transition: all .3s ease;
    min-width: 100px;
	border-bottom:1px solid #4f256f;
	transition: all 0.35s linear; 	
}
body.news .news-typebox>ul>li>a:hover{
	color:#333;
	transition: all 0.35s linear; 
	border-color:#fff;
}
body.news .news_header{
	display:block;
	position:relative;
	clear:both;
	margin:0 0 20px 0;
    text-align: center;
    font-size: 15px;
	font-weight:bold;
    line-height: 36px;
	background:#aaa;
	color:#fff;
}
body.news .new_date{
	text-align: left;
    padding: 1px 0 0 25px;
    font-size: 13px;
    color: #aaa;
    line-height: 30px;	
    background: url(../images/all/icon_date.png)no-repeat left -2px;
}
body.news .new_title{
	font-size: 16px;
	padding: 0 5px;
    color: #666;
	font-weight:bold;
    line-height: 30px;
	text-align:left !important;
}
body.news .new_title a:hover{
	text-decoration: underline;		
}
body.news .news_type{
    color: #fff;
	background-color:#6f3581;
	font-size: 14px;
    text-align: center;
	font-weight:600;
    line-height: 30px;	
	padding:5px;
	border-radius: 10em;
}

body.news .rwd-table {
  border: 1px solid #fff;
  border-collapse: collapse;
  width:100%;
}
body.news .rwd-table th {
    background-color: #bbb;
    color: #FFF;
    padding:10px 0;
    text-align: center;
    vertical-align: middle;
  }
body.news .rwd-table td {
    border-bottom: 1px solid #ccc;
	padding:8px 0;
    line-height: 30px;
    text-align: center;
  }
  
@media screen and (max-width: 769px) {
body.news .rwd-table tr {
    border-bottom: 1px solid #ccc;
  }
  
body.news .rwd-table th {
      display: none;
  }
  
body.news .rwd-table td {
      display: block;
      border: none;
      text-align: left;
	  padding:3px 8px;
  }
  
body.news .rwd-table td:before {
      /*content: attr(data-th) " ";
      float: left;
      font-weight: bold;*/
  }
}

/*-------------- 軟體服務 ------------------*/
body.software .content .software_info .btn-box02 a
body.product .content .btn-box03 a,
body.product .content .btn-box04 a{
	background: #333 none;
    padding: 10px 40px;
}
body.software .content .software_main{
	margin-left: 35px;
    display: block;
    position: relative;
}
body.software .content .software_main a .software_box {
    color: #2b5286;
    line-height: 26px;
    font-size: 16px;
    background-color: #fff;
    border: none;
    margin-top: 10px;
    padding: 15px;
    box-shadow: 0 0 15px 0 #ccc;
}
body.software .content .software_main a .software_box .s_pic {
    display: block;
    position: relative;
}
body.software .content .software_main a .software_box .s_tw{
    font-size: 16px;
    line-height: 30px;
    border-top: 1px solid #eee;
    padding: 7px 5px;
    display: block;
    color: #000;
    text-align: left;
    display: block;
    position: relative;
}
body.software .content .software_main a:hover .software_box .s_tw {
    color: #6f3581;
}
/*軟體服務詳細頁*/
.content .main_space{
	padding:5px 40px;
	display:block;
	position:relative;
}
body.software.show .content .software_info{
	display:block;
	position:relative;
	margin:0 50px 0;
	clear: both;
    float: left;
}
body.product .content .product_main .s_applicationbox,
body.software.show .content .s_applicationbox{
	margin:10px 0;
	display:block;
	clear:both;
	position:relative;
}
body.product .content .product_main .s_applicationbox .main_space ul li,
body.software.show .content .s_applicationbox ul li{
	display:inline-block;
	list-style:none;
	font-size:15px;
	color:#666;
	line-height:24px;
}
body.product .content .product_main .s_applicationbox .main_space ul > li + li:before,
body.software.show .content .s_applicationbox ul > li + li:before {
    content: "/ ";
    padding: 0 5px;
    color: #9c9c9c;
}
body.product .content .product_main .title01,
body.software.show .content .s_applicationbox .title01{
	font-size:18px;
	color:#522974;
	font-weight:600;
	line-height:36px;
	display:block;
	border: 3px double #e8e0f5;
    padding: 5px 10px;
    margin-bottom: 10px;
	letter-spacing:0.1em;
}
body.software.show .other_product{
	display:block;
	position:relative;
}
body.software.show .pic-gallery .pic-stage {
    margin: 0 auto 20px;
    width: 90%;
}
body.software.show .software_pic .bx-wrapper img{
	margin:0 auto;	
}
body.software.show .software_pic > .pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a {
    display: block;
    width: 60px;
    height: 60px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
}
body.software.show .software_pic .pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-prev {
    background: url(../images/all/dot_left.png) no-repeat;
    left: 5px;
}
body.software.show .software_pic .pic-gallery .pic-stage .bx-wrapper .bx-controls-direction a.bx-next {
    background: url(../images/all/dot_right.png) no-repeat;
    right: 5px;
}
body.software.show .software_pic .bx-wrapper .bx-pager{
	display:none;
}
body.product .content .product_main .main_space,
body.software.show .content .main_space {
    padding: 0;
}
body.product .content .product_main .s_applicationbox .main_space ul li a,
body.software.show .content .main_space ul li a {
	text-decoration: underline;
}
body.product .content .product_main .s_applicationbox .main_space ul li a:hover,
body.software.show .content .main_space ul li a:hover {
	text-decoration: none;
}
body.software.show .content .contact_line{
	background-color:#f0ecf5;
	padding:10px;
	text-align:center;
	line-height:30px;
	color:#555;
	font-size:15px;
}
body.software.show .content .rwd-table td {
	display: table-cell;
	border: 1px solid #666;
}
body.software.show .content .rwd-table tr {
  	border: none;
}
body.software.show .content .word01{
	color:#fff;
	font-size:18px;
	background-color:#916dc5;
	padding: 5px 20px;
	border-radius: 16px;	
}
/*參考資料*/
body.software.show .s_databox{
	
}
/*參考資料表格*/
.table-bordered.col tr th {
    background-color: #bbb;
    color: #FFF;
    padding: 13px 10px;
    text-align: center;
    vertical-align: middle;
}
.table-bordered.col tr td {
    /*border-bottom: 1px solid #a685d6 !important;*/
    text-align: center;
    vertical-align: middle;
}
.table-bordered.col tr:nth-child(odd) td {
    background-color: #f9f9f9;
}
.table-bordered.col tr td:first-child {
    font-weight: bold;
}


/*------------------------------------ 投資人專區 ----------------------------------------*/
body.investor .content .investor_main {
    margin:0 40px;
    display: block;
    position: relative;
}
a:hover.download_box{
	display:block;
	transition: all 0.35s linear;
	opacity: 0.6;
}
body.investor .content .investor_main .form-group{
	display:block;
	margin-bottom:15px;
}
.content .note_box{
	font-size:16px;
	color:#333;
	padding:10px;
	line-height:30px;
	font-weight:bold;
}
.note_box a{
	color:#06F;
	text-decoration: underline;
}
.note_box a:hover{
	text-decoration: none;
}
/*表格*/
/* body.investor .content .investor_main .table_box{
	padding-right:20px;
} */
body.investor .content .investor_main .table_box .rwd-table th {
  border: 1px solid #eee;
  padding: 5px 8px;
  line-height:24px;
  font-size:14px !important;
  background-color:#eee;
  text-align: center;
  letter-spacing:0.05em;
}
body.investor .content .investor_main .table_box .rwd-table td {
  text-align:center;
  color: #888;
}
/*聯絡資訊*/
body.investor .content .contact01{
	display:block;
	position:relative;
	clear:both;
	margin:15px 0;
	border-bottom:1px dashed #ccc;
	padding-bottom:15px;
}
/* .contact_left{
	text-align:center;
} */
.contact_left img{
	width: 100%;
}
.contact_left .pic_name{
	font-size:16px;
	font-weight:600;
	color:#fff;
	background-color:#84408b;
	line-height:30px;
    padding: 5px 10px;
    position: absolute;
    bottom: 0px;
    left: 15px;
	margin-right: 15px;
}
.contact_right {
	margin-top:30px;
}
.contact_right ul li{
	display:block;
	line-height:30px;
	font-size:14px;
	color:#333;
}
.contact_right .name_box{
	font-size:18px;
	font-weight:600;
	color:#333;
}
.red_word{
	color:#F00;
	font-size:16px;
	font-weight:600;
	text-decoration: underline;
}
a:hover .red_word{
	text-decoration:none;
}
/*----------------------------------------- 產品 -----------------------------------------*/
body.product .product_main .product_space .testimonial{
    display: flex;
    margin: 10px 0;
}
body.product .product_main{
    margin-left: 0px;
    display: block;
    position: relative;
}
body.product .left_title02{
	display:block;
	background: #333;
	color:#fff;
    border: medium none;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    text-transform: capitalize;
    padding: 10px 0 10px 15px;
    font-weight: 500;
    letter-spacing: 2px;
    position: relative;
    margin: 10px auto 0;
}
body.product .product_main a .p_box {
    font-size: 16px;
    background-color: #fff;
    border: none;
    margin-top: 10px;
    padding: 15px;
    box-shadow: 0 0 15px 0 #ccc;
}
body.product .product_space{
    /*padding-right: 20px;*/
}
body.product .p_title01,
body.about .p_title01 {
    font-size: 18px;
    color: #4f256f;
    font-weight: 600;
    line-height: 36px;
    display: block;
    border: 3px double #e8e0f5;
    padding: 5px 10px;
    margin: 10px 0;
    letter-spacing: 0.1em;
	text-align:center;
}
body.product .note_box02{
	line-height:30px;
	font-size:14px;
	color:#333;
	margin-bottom:20px;
}
body.product .content .p_contact{
	padding:10px;
	line-height:30px;
	color:#666;
	font-size:16px;
	font-weight:500;
    text-align:left;
    margin-left: 45px;
}
body.product .content .p_contact ul li{
	margin-left:20px;
	line-height:30px;
	font-size:14px;
}
.title02{
	font-weight:bold;
	font-size:16px;
	color:#84408b;
}
body.product .content .product01 {
    display: block;
    position: relative;
    clear: both;
    margin: 15px 0;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}

/* body.product .content .btn-box03 {
    display: inline-block;
    text-align: center;
    float: right;
    clear: both;
    border-top:none;
    position: absolute;
    top: 100px;
    right: 0px;
} */
body.product .content .btn-box03 a,
body.product .content .btn-box04 a{
	padding:10px 10px 10px 45px;
	background:#116fcf url(../images/all/icon_contact02.png) no-repeat 10px center;
}
body.product .content .btn-box03 a:hover,
body.product .content .btn-box04 a:hover{
	padding:10px 25px;
	background:#333 url(../images/all/icon_contact02.png) no-repeat -100px center;
}
body.product .content .btn-box04 {
    display:block;
	float:right;
    clear: both;
    position: relative;
	line-height: 30px;
}

/*立即聯繫頁*/
body.product .type_name{
	line-height:34px;
	font-weight:bold;
	color:#522975;
	font-size:16px;
}
body.product .name_type{
	background:#6f3581 url(../images/all/icon_type.png) no-repeat 10px center;
	font-size:15px;
	color:#fff;
	line-height:24px;
	padding:5px 20px 5px 45px;
	display:block;
	margin-bottom:7px;
	min-width:160px;
	width:160px;
	text-align:center;
	clear:both;
	border-radius: 8px;
}
body.product .p_contact .title02 {
	background:url(../images/all/icon_contact.png) no-repeat left center;
	padding-left:45px;
	font-size:20px;
	letter-spacing:0.05em;
	margin-bottom:5px;
	border-bottom:1px dashed #999;
}


/*智慧機械*/
body.product .wisdom_title01{
	font-size:46px;
	line-height:60px;
	color:#6f3581;
	display:block;
	margin:30px auto 10px;
	font-family:"Noto Sans TC";
	letter-spacing:0.1em;
	text-align:center;
}
body.product .wisdom_title02{
	font-size:20px;
	letter-spacing:0;
	color:#999;
	display:block;
	position:relative;
	line-height:36px;
}
body.product.kind_10 .product_space .wisdom_main .wisdom_title02{
	text-align:center;
}

body.product .wisdom_pic{
	display:block;
	text-align:center;
	margin:20px auto;
	position:relative;
}
body.product .wisdom_pic img {
	margin: 0 auto;
}
body.product .wisdom_pic.pic03{
	display:block;
	position:relative;
	widtH: 50%;
	text-align:center;
}
body.product .wisdom_pic .pic04 {
	margin: 0 auto;
}
body.product .wisdom_pic .pic04_2 {
	display: none;
	margin: 0 auto;
}
body.product .wisdom_pic .pic08 {
	margin: 0 auto;
}
body.product .wisdom_pic .pic08_2 {
	display: none;
	margin: 0 auto;
}
body.product .wisdom_pic .pic09 {
	margin: 30px auto 0;
}
body.product .wisdom_pic .pic09_2 {
	display: none;
	margin: 30px auto 0;
}
body.product .wisdom_tab{
	position: relative;
    display: block;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    width: 80%;
}
body.product .wisdom_tab ul li{
	list-style:none;
	display:inline-block;
	margin:10px;
	letter-spacing:0.07em;
}
body.product .wisdom_tab ul li a{
	font-size:16px;
	color:#fff;	
	background:#6b3a85;
	text-align:center;
	line-height:36px;
	padding:5px 0px;	
	border-radius: 50px;
	width: 250px;
    display: block;
}
body.product .wisdom_tab ul li a:hover{
	background:#3a2e71;
	text-decoration:none;
}
body.product .wisdom_mbox{
	position:relative;
	display:block;
	padding:30px 100px;
}
body.product .wisdom_mbox.box02{
	display:block;
	position:relative;
}
body.product .wisdom_mbox.w2 {
	background-image: url(../images/all/bg01.jpg);
	background-size: contain;
	background-attachment: fixed;
	padding: 30px 0;
    margin: 0 -170px;
}
body.product .wisdom_mbox.w2 .wisdom_word {
	color: #fff;
}
.wisdom_title03{
	display:block;
	color:#3a2e71;
	font-size:36px;
	font-weight:700;
	position:relative;
	line-height:46px;
	letter-spacing:0.05em;
	text-align:center;
	padding-bottom:15px;
	border-bottom:3px double #ccc;
}
.wisdom_title03::before{
	content: '';
    position: absolute;
    width: 79px;
    height: 82px;
    margin-left: -28px;
    top: -29px;
    background: url(../images/all/icon_title.svg) no-repeat center;
    opacity: 0.5;
    z-index: -1;
}

.wisdom_title03 .back {
	position:absolute;
	right:0;
	padding:0 15px;
	background:#716497;
	color:#fff;
	font-size:13px;
	border-radius: 20px;
    transition: 0.5s;
    line-height: 30px;
	bottom: 15px;
}

.wisdom_title03 .back:hover {
	background:#93252a;
}

.wisdom_word{
    display: block;
    position: relative;
    list-style: none;
    font-size: 18px;
	font-weight:700;
    color: #000;
    line-height: 40px;
    text-align: center;
	padding:35px 0 20px;
}
.wisdom_main{
	display:block;
	position:relative;
	clear:both;
}
.wisdom_btn{
	border-radius: 10px;
	background:#784f8f;
	text-align:center;
	font-size:18px;
	line-height:40px;
	padding:20px 15px;
	margin:10px;
	width:30%;
	height:80px;
	color:#fff;
	align-items: center;
	letter-spacing:0.1em;
	position:relative;
	font-weight:700;
	display:inline-block;
}
.wisdom_btn.b01::before{
	content:'';
	background:url(../images/all/wisdom_btn01.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b02::before{
	content:'';
	background:url(../images/all/wisdom_btn02.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b03::before{
	content:'';
	background:url(../images/all/wisdom_btn03.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b04::before{
	content:'';
	background:url(../images/all/wisdom_btn04.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b05::before{
	content:'';
	background:url(../images/all/wisdom_btn05.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b06::before{
	content:'';
	background:url(../images/all/wisdom_btn06.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b07::before{
	content:'';
	background:url(../images/all/wisdom_btn07.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b08::before{
	content:'';
	background:url(../images/all/wisdom_btn08.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}
.wisdom_btn.b09::before{
	content:'';
	background:url(../images/all/wisdom_btn09.svg) no-repeat center;
	width:67px;
	height:67px;
	opacity:0.5;
	left:0;
	bottom:0;
	position:absolute;
}


/*mes系統*/
.mes_box{
	display:block;
	position:relative;
	margin:50px 0 20px;
	clear:both;
}
.mes_main{
	margin:10px;
	display: inline-block;
	position:relative;
	width:200px;
}
.mes_title{
	font-size:24px;
	color:#fff;
	text-align:center;
	line-height:36px;
	font-weight:500;
	display:block;
	padding:10px;
	border-radius: 20px 20px 0 0;
}
.mes_title.t01{
	background:#4472c4;
}
.mes_title.t02{
	background:#43bb8d;
}
.mes_title.t03{
	background:#70ad47;
}
.mes_title02{
	font-size:20px;
	color:#fff;
	text-align:center;
	line-height:30px;
	display:block;
	padding:10px;
	border-radius: 20px 20px 0 0;
}
.mes_title02.t01{
	background:#793cac;
}
.mes_title02.t02{
	background:#4875c6;
}
.mes_title02.t03{
	background:#70ad47;
}
.mes_title02.t04{
	background:#e3ab53;
}

.mes_list{
	background:#d4d8eb;
	color:#000;
	font-size:16px;
	line-height:36px;
	text-align:left;
	padding:10px;
	border-radius: 0 0 20px 20px;
}
.mes_list.bg01{
	background:#d4d8eb;
}
.mes_list.bg02{
	background:#d4e8e2;
}
.mes_list.bg03{
	background:#d8e6d4;
}
.mes_list ul{
	margin-left:20px;
	list-style:none;
}


/*上雲優勢*/
body.product .wisdom_right.r02{
	display:flex;
	flex-direction: row;
    justify-content: space-around; 
	align-items: flex-start;
	position:relative;
}
.w_list{
	display:inline-block;
	position:relative;
	margin-top: 15px;
	background: #f6f6f6;
	padding: 30px 20px;
	margin: 20px 20px 0 20px;
	width: 460px;
}
.w_list ul {
	text-align: left;
	margin-left:50px;
}
.w_list ul li{
	list-style:none;
	line-height:36px;
	font-size:16px;
	letter-spacing:0.1em;
}
body.product .w_list ul li img {
	vertical-align: sub;
	margin-right: 3px;
}
.list_title{
	font-size:24px;
	color:#000;
	line-height:36px;
	display:block;
	position:relative;
	letter-spacing:0.1em;
	font-weight:600;
	margin-bottom: 15px;
}
.list_title .stxt{
	color:#fff;
	font-size: 30px;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 10px;
	background-color: #bf5fa1;
	margin-right: 5px;
	display: block;
	margin-bottom: 10px;
}

.list_title.t02 .stxt {
	background-color: #52b8ad;
}
.color_000{
	color:#bf5fa1;
}
.color_2f5597{
	color:#000;
}
.color_755191{
	color:#52b8ad;
}

.size_24{
	font-size:24px;
}
/*優勢list*/
.wisdom_main02{
	display:block;
	position:relative;
	margin-left:50px;
}
.w_title{
	font-size:30px;
	color:#5400d0;
	line-height:36px;
	font-weight:bold;
	display:block;
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin:10px auto 25px;
	letter-spacing:0.1em;
}
.w_main{
	display: flex;
	flex-direction: row; 
	justify-content: flex-start;
    align-items: flex-start; 
    width: 50%;
	padding-left: 30px;
	margin-top: 20px;
}
.w_no1{
	width:50px;
	padding:10px;
	display:block;
	font-size:24px;
	color:#fff;
	line-height:36px;
	text-align:center;
	background:#ab86c7;
	margin-right:10px;
}
.w_no2{
	width:50px;
	padding:10px;
	display:block;
	font-size:24px;
	color:#fff;
	line-height:36px;
	text-align:center;
	background:#00b050;
	margin-right:10px;
}
.w_no3{
	width:50px;
	padding:10px;
	display:block;
	font-size:24px;
	color:#fff;
	line-height:36px;
	text-align:center;
	background:#ffc000;
	margin-right:10px;
}
.w_no4{
	width:50px;
	padding:10px;
	display:block;
	font-size:24px;
	color:#fff;
	line-height:36px;
	text-align:center;
	background:#00b0f0;
	margin-right:10px;
}
.w_no5{
	width:50px;
	padding:10px;
	display:block;
	font-size:24px;
	color:#fff;
	line-height:36px;
	text-align:center;
	background:#c00000;
	margin-right:10px;
}
.w_list02{
	position: relative;
	margin-top: 50px;
}
.w_list02 .wbox .imgbox {
	background-color: #f5f5f5;
	border-radius: 50px;
	padding: 50px 0;
	text-align: center;
}
.w_list02 .wbox .imgbox img {
	margin: 0 auto;
}
.w_list02 .wbox .wtitle {
	font-size: 20px;
	line-height:24px;
	font-weight: bold;
	margin: 20px 0;
	height: 57px;
}
.w_list02 .wbox .wtitle.w1 {
	color: #33bec6;
}
.w_list02 .wbox .wtitle.w2 {
	color: #3e94d7;
}
.w_list02 .wbox .wtitle.w3 {
	color: #6363de;
}
.w_list02 .wbox .wtitle.w4 {
	color: #885ad4;
}
.w_list02 .wbox .wtitle.w5 {
	color: #bc54d6;
}
.w_list02 ul{
	margin-left:25px;
}
.w_list02 ul li{
	font-size: 15px;
    line-height: 22px;
    color: rgb(68, 68, 68);
    margin-bottom: 10px;
}
.list_title03{
	font-size:22px;
	display:block;
	line-height:30px;
	position:relative;
	font-weight:600;
}
.list_title03.color01{
	color:#7719aa;
}
.list_title03.color02{
	color:#00ad49;
}
.list_title03.color03{
	color:#ffc002;
}
.list_title03.color04{
	color:#01aff0;
}
.list_title03.color05{
	color:#c71b1b;
}


/*----------------------------------------- 聯絡我們 --------------------------------------*/
body.contact.lang_en .form-control-static{
	text-align: left;
}
body.contact .form-control-static,
body.product .form-control-static {
	text-align:center;
    font-size: 16px;
    color: #333;
    padding: 10px;
    line-height: 30px;		
    font-weight: bold;
}
body.contact .content .note_box,
body.product .content .note_box {
	display:block;
	margin:0 auto;
	text-align:center;	
}
body.contact .content .form-group .btn-primary,
body.product .content .product_main .sec .form-group .btn-primary{
	color: #fff;
    display: inline-block;
    width: auto;
	margin:30px auto;
    padding: 10px 30px;
    font-size: 14px;
    border-radius: 6px;
    transition: .33s all ease;
    border: 1px solid #ccc;
    letter-spacing: .1em;
    white-space: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    background: #333;
}
body.contact .content .form-group .btn-primary:hover,
body.product .content .product_main .sec .form-group .btn-primary:hover{
    background-color: #6941ad;
    transition: .33s all ease;
}
.btn_line{
	display: block;
    margin: 20px 0 20px;
    clear: both;
    border-top: 1px solid #eee;
}
body.contact .content .contact_info {
    display: block;
	line-height:36px;
    font-size: 15px;
}
body.contact .content .heading-8 {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #333;
    text-transform: uppercase;
}
body.contact .content .layout-bordered__aside {
	border-left: 1px solid #eee;
	/* padding-left: 40px; */
}
body.contact .content .layout-bordered > * + * {
	margin-top: 0;
}
body.contact .content .layout-bordered__aside-item {
    padding: 20px 5px;
}
.unit-spacing-xxs.unit-horizontal > .unit__left + .unit__right,
.unit-spacing-xxs.unit-horizontal > .unit__left + .unit__body {
    padding-top: 0;
	font-size:16px;
}
body.contact .content .h3 {
    font-size: 26px;
    line-height: 30px;
	font-family: "Raleway";
	margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: #151515;
}
.form-horizontal .control-label {
    padding-top: 5px;
}

/*----------------------------------------- 服務據點 location ------------------------------*/
body.about .location_main{
	position:relative;
	display:block;
	padding:20px;
	clear: both;
    margin: 0 20px;
}
body.about .location_area{
    margin: 0px 30px 30px 30px;
    display: block;
    position: relative;
    font-size: 30px;
    color: #502670;
    letter-spacing: 0.05em;
    text-align: center;
    border-bottom: 3px double #ccc;
    padding: 20px 0;
    font-weight: bold;
    font-family: 'Lato','微軟正黑體';
}
body.about .location_box{
	display:flex;
	justify-content: center;
	margin:20px 20px;
	border-bottom:1px dashed #ccc;
	position:relative;
}
body.about .location_info{
	padding-left:60px;
	padding-top:60px;	
	padding-bottom:20px;
	display:block;
	position:relative;	
}
body.about .location_info ul li{
	list-style:none;
}
body.about .location_title{
	font-size:28px;
	color:#333;
	line-height:30px;
	letter-spacing:0.1em;
	margin-bottom:15px;
	font-weight:bold;
}
/* body.about.lang_en .location_title{
	word-break: break-all;
} */
body.about .location_title::before{
	transform: translateX(0%);
    position: absolute;
    content: '';
    width: 50px;
    height: 1px;
    display: inline-block;
    background-color: #c0c0c0;
    pointer-events: none;
    top: 40%;
    left: 0;
}
body.about .location_map{
	padding:0 10px 20px 0;
	height:250px;
}
/*----------------------------------------- 人力資源 join ----------------------------------*/
body.about .join_main{
	display:block;
	position:relative;
	clear:both;
	text-align:center;
	margin:0 auto 20px;
}
body.about .join_main .join_box01{
	position:relative;
	/* display: table; */
	margin:0 auto;
}
body.about .join_main .join_pic{

}
body.about .join_main .word_en{
	color:#666;
	font-size:16px;
	line-height:30px;
	letter-spacing:0.05em;
	margin-bottom:20px;
}
body.about .join_main .word_tw{
	font-size: 20px;
    color: #fff;
    background-color: #7e569d;
    line-height: 24px;
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 20px;
    padding: 8px;
    letter-spacing: 0.08em;
    width: 90%;
}
body.about .join_main .word_104{
	color:#666;
	font-size:18px;
	margin:20px auto;
}
body.about .join_main .word_104 a{
	text-decoration: underline;
}
body.about .join_main .word_fb{
	color:#1d54dd;
	font-size:18px;
	display:block;
	margin-bottom:30px;
}
body.about .join_main .j_box{
	border:1px solid #ccc;
	display:block;
	position:relative;
	padding:20px;
    font-size:14px;
	line-height:24px;
	color:#666;
	text-align:left;
    margin-top:10px;
    min-height:360px;
}
body.about .join_main .j_box ul li{
	margin-left:20px;
	text-align:left;
	list-style-type: disc;
	list-style-position:outside;
}
body.about .j_title01{
	color:#fff;
	background-color:#502670;
	font-size:18px;
	line-height:35px;
	letter-spacing:0.05em;
	position:relative;
	margin-bottom:10px;
	padding:5px;
	display:block;
	border-radius: 24px;
	width:200px;
	text-align:center;
}
body.about.lang_en .j_title01{
	width: 350px;
}
body.about.lang_en .join_main .j_box{
	min-height: 560px;
}
body.about .join_main .j_title01 img{
	padding-right:5px;
}
body.about .title{
	margin: 10px 0;
}
body.about .tab{
	display: flex;
	align-items: center;
	justify-content: center;
}
/*利害人關係*/
body.about .p_box01{
	display:block;
}
body.about .p_box01 ul{
	padding-left:30px;
	font-size:14px;
	color:#000;
	font-weight:600;
	line-height:24px;
	list-style-position:outside;
}
body.about .p_box01 ul li > ul {
	padding:0 0 0 20px;
	font-size:13px;
	color:#999;
}
body.about .parties_line{
	display:block;
	margin:10px 0;
	padding-bottom:15px;
}
body.about .p_title01{
	color:#7e569d;
	background-color:#fff;
	font-size:16px;
	line-height:24px;
	letter-spacing:0.05em;
	position:relative;
	margin-bottom:10px;
	padding:5px;
	display:block;
	border-radius: 24px;
	text-align:center;
}

/*--------------------------------------企業文化-----------------------------------------*/
body.about .culture_main{
	display:block;
	clear:both;
	position:relative;
	padding-top:20px;
}
body.about .culture_left{
	padding-left:0px;
	padding-right:0px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
body.about .culture_right{
	padding-top:120px;
	letter-spacing:0.05em;
	line-height:30px;
	font-size:16px;
	color:#333;
}
body.about .culture_right .c_icons {
    display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
    padding: 10px 0px;
	flex-flow: wrap;
}
/* body.about.lang_en .culture_main .c_mainword {
	word-break: break-all;
} */
body.about.lang_en .culture_right .c_icons .icon_date.s01,
body.about.lang_en .culture_right .c_icons .icon_date.s02,
body.about.lang_en .culture_right .c_icons .icon_date.s03 {
	display: flex;
	align-items: center;
	min-height: 74px;
	min-width: 280px;
}
body.about .culture_right .c_icons .icon_date.s01,
body.about .culture_right .c_icons .icon_date.s02,
body.about .culture_right .c_icons .icon_date.s03 {
	display: block;
	padding: 10px 60px;
	margin: 5px;
}
body.about .culture_right .c_icons .icon_date.s01 {
	background: linear-gradient(#9c5e8b,#8d537a);
}
body.about .culture_right .c_icons .icon_date.s02 {
	background: linear-gradient(#91379d,#9e3aa4);
}
body.about .culture_right .c_icons .icon_date.s03{
	background: linear-gradient(#664d9e,#7256a9);
}
.icon_date{
	padding-right:0;
	padding-left:0;	
}
body.about .culture_right .c_icons > .col-md-4{
	padding-right:0;
}
body.about.lang_en .culture_right .c_icons .icon_date.s01:before,
body.about.lang_en .culture_right .c_icons .icon_date.s02:before,
body.about.lang_en .culture_right .c_icons .icon_date.s03:before {
	height: 60px;
}
body.about .culture_right .c_icons .icon_date.s01:before,
body.about .culture_right .c_icons .icon_date.s02:before,
body.about .culture_right .c_icons .icon_date.s03:before {
	content: "";
	position: absolute;
	width: 65px;
	height: 65px;
}
body.about .culture_right .c_icons .icon_date.s01:before {
	background: Url(../Images/all/culture_icon01.png) no-repeat center -4px;
}
body.about .culture_right .c_icons .icon_date.s02:before {
	background: Url(../Images/all/culture_icon02.png) no-repeat center -4px;
}
body.about .culture_right .c_icons .icon_date.s03:before {
    background: Url(../Images/all/culture_icon03.png) no-repeat center -4px;
}
body.about .culture_right .c_icons .icon_date ul {
    padding-left: 70px;
    list-style: none;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	line-height:24px;	
}
body.about .culture_right .c_icons .icon_date .s_title {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: 600;
}
body.about .c_tw{
	background:#694197;
	text-align:center;
	padding:5px 10px;
	display:block;
	font-size:18px;
	color:#fff;
	border-radius: 20px;
	margin-top:10px;
}
body.about .c_en{
	color:#333;
	font-size:24px;
	line-height:30px;
	font-family:"Times New Roman", Times, serif;
	padding:20px 0; 
}
body.about .culture_bg{
	display:block;
	background:#1b1321 Url(../Images/all/culture_bg.jpg) no-repeat center;
	text-align:center;
	color:#fff;
	line-height:30px;
	min-height:280px;
	padding:50px 20px;	
}
body.about .culture_bg .c_title01{
	font-size:30px;
	line-height:36px;
	padding:20px 0;
	display:block;
	color:#ffffb4;
}
body.about .culture_bg .c_mainword02{
	color:#fff;
	font-size:16px;
	line-height:30px;
}
/*----------------------------------------- 關於我們 about ---------------------------------*/
body.about .about_main{
	display:block;
	clear:both;
	position:relative;
	padding-top:20px;	
}
body.about .about_right{
	padding-top:50px;
}
body.about .a_mainword{
	font-size:16px;
	line-height:30px;
	padding: 20px 0 20px 10px;
}
/* body.about.lang_en .a_mainword {
	word-break: break-all;
} */
body.about .a_en{
	color:#7854ac;
	font-size:36px;
	font-weight:600;
	line-height:40px;
}
body.about .about_main02{
	display: block;
	padding:30px 0;
	position:relative;
	clear:both;
}
body.about .about_main02 .left_box{
	display:inline-block;
	text-align:center;
	padding-right:15px;
	float:left;
}
body.about .right_pic{
	padding-top:30px;
    text-align: center;
}

/*----------------------------------------- 企業沿革 history --------------------------------------*/
body.about .history_box{
	display:block;
	position:relative;
	clear:both;
}
body.about .history_box .data_word{
	padding: 15px 0;
    text-align: right;
	font-weight: 300;
    font-style: normal;
    font-family: 'Lato', sans-serif;
    color: #29293a;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
}
body.about .history_box .moto-spacing-left-medium{
	padding-left: 25px;
	border-left:2px solid #ffec17;
}
body.about .history_box .moto-text_213 {
	padding: 15px 0;
    font-style: normal;
    font-family: 'Lato','微軟正黑體';
    color: #29293a;
    font-size: 16px;
    line-height: 30px;
    letter-spacing:0.05em;
}
body.about .history_box .year_box{
	display:block;
	width:100%;
	position:relative;
	clear:both;
}
body.about .history_box .space_box{
	border-bottom:1px dashed #aaa;
	margin:15px 0;
	display:block;
	clear:both;
	padding-top:15px;
}
/*----------------------------------------- 顧問服務 consultant----------------------------------------*/
body.about .consultant_main .left_word{
	display:block;
	padding-top:70px;
}
body.about .a_mainword02{
	font-size:18px;
	line-height:36px;
	display:block;
	position:relative;
	padding:15px 10px;
}
body.about .a_mainword03{
	font-size:16px;
	line-height:36px;
	display:block;
	position:relative;
	padding:15px 30px 10px 0px;
}
body.about .a_mainword03 ul{
	list-style-position:outside;
	display:block;
}
body.about .a_mainword03 ul li{
	margin-left:18px;
}
body.about .consultant_main .consultant_list{
	display:block;
	position:relative;
	padding: 40px 0 0 0;
	clear:both; 
}
body.about .consultant_main .main_title{
	font-weight:600;
	color:#60C;
	font-size:18px;
}
body.about .c_pic {
    text-align: center;
    margin: 0 auto;
    display: block;
}
body.about .c_pic img{
	border:7px solid #fff;
	display:block;
	position:relative;
	box-shadow: 0 0 10px 0 #999; 
}
body.about .right_word{
	display: block;
	position:relative;
	padding-top:30px;
	padding-left:15px;
	padding-right:0px;
}
body.about .right_word .a_title01,
body.about .right_word .a_title02,
body.about .right_word .a_title03,
body.about .right_word .a_title04,
body.about .right_word .a_title05 {
	color:#4f256f;
	font-size:24px;
	line-height:30px;
	display:block;
	padding-left:35px;
}
body.about .right_word .a_title01::before{
	background: url(../images/all/consultant_icon01.png) no-repeat 5px top;	
	content:"";
	position:absolute;
	width:36px;
	height:30px;
	left:0;
}
body.about .right_word .a_title02::before{
	background: url(../images/all/consultant_icon02.png) no-repeat 5px top;	
	content:"";
	position:absolute;
	width:36px;
	height:30px;
	left:0;
}
body.about .right_word .a_title03::before{
	background: url(../images/all/consultant_icon03.png) no-repeat 7px top;	
	content:"";
	position:absolute;
	width:36px;
	height:30px;
	left:0;
}
body.about .right_word .a_title04::before{
	background: url(../images/all/consultant_icon04.png) no-repeat 10px top;	
	content:"";
	position:absolute;
	width:36px;
	height:30px;
	left:0;
}
body.about .right_word .a_title05::before{
	background: url(../images/all/consultant_icon05.png) no-repeat 10px top;	
	content:"";
	position:absolute;
	width:36px;
	height:30px;
	left:0;
}
/*----------------------------------------- 專業服務 --------------------------------------*/
body.about .services_box{
	display:block;
	position:relative;
	margin:20px 0;
	padding-right:0;
	padding-left:0;	
    height: 460px;
}
body.about .services_pic{
	display:block;
	padding-right:0;
	padding-left:0;
	text-align:center;
}
body.about .services_pic img{
	border-radius: 10px; 
}
body.about .services_right{
	display: block;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
	padding-bottom:0px;
}
body.about .s_titlebox{
	display:block;
	margin-bottom: 20px;
    margin-top: 20px;
	text-align:center;
}
body.about .s_titlebox02{
	display:block;
	margin-bottom: 10px;
    margin-top: 20px;
	text-align:center;
}
body.about .s_titlebox .s_tw,
body.about .s_titlebox02 .s_tw{
	font-size:24px;
	color:#4f256f;
	line-height:30px;
	display:block;
	font-weight:600;
	letter-spacing:0.1em;
}
body.about .s_titlebox .s_en,
body.about .s_titlebox02 .s_en{
	color:#9647cd;
	font-size:14px;
	line-height:30px;
	display:block;
}
body.about .services_main{
	display:block;
	margin-bottom:20px;
}
body.about .services_main ul{
	margin-left:25px;
}
body.about .services_main ul li{
	font-size:14px;
	color:#666;
	line-height:28px;
	list-style-position:outside;
}
body.about .services_box02{
	border-radius: 10px;
	display:block;
}
/*企業社會責任*/
body.about .society_bg{
	display:block;
	position:relative;
	background: url(../images/about/society_bg.jpg) no-repeat center top;
	background-size: cover;
}
body.about .society_main{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding:50px 0;
}
body.about .society_main .social_tw{
	color:#fff;
	font-size:24px;
	display:block;
	font-weight:600;
	margin:0 0 20px 0;
	text-align: center;
}
body.about .society_main .social_note{
	display:block;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:15px;
	margin-bottom:10px;
	padding-bottom:8px;
}
body.lang_en.about .society_main .social_note{
	text-align-last: left;
}
body.lang_en.about .society_main .social_note{
	padding: 0 270px;
}
body.about .social_note02{
	display:block;
	clear:both;
	padding:15px 0;
	line-height:30px;
	text-align:center;
	font-weight:600;
}
body.about .font_box{
	font-family: 'Anton', sans-serif;
	font-size:24px;
	line-height:30px;
	letter-spacing:0.1em;
}
body.about .social_mbox{
	display:block;
	position:relative;
	clear:both;
    margin-bottom: 15px;
    padding-left: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 15px;
}
body.about .social_title{
	display:block;
	color:#683e78;
	font-size:18px;
	font-weight:600;
	line-height:36px;
	position:relative;
	margin:5px 0;
}
body.about .social_list01{
	display:block;
	margin-left:23px;
	line-height:30px;
}
/* body.about.lang_en .social_list01 ul > li{
	word-break:break-all;
} */
body.about .social_list01 ul > li {
	list-style-type: decimal-leading-zero;
	font-size: 14px;
	color: #333;
	font-weight: 600;
	list-style-position: outside;
}
body.about .social_list01 ul li > ol{
	margin-left:20px;
}
body.about .social_list01 ul li > ol > li{
	list-style-type:upper-alpha;
	font-size:14px;
	color:#666;
	line-height:30px;
	font-weight:normal;
}

body.about .product_main ._bd_column .bd_item{
	width: 20%;
}
body.about .pic{
	display: flex;
	align-items: center;
	justify-content: center;
}
body.about .item-box{
	text-align: center;
	margin-bottom: 15px;
}
body.about .d-f{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
body.about .item-box img{
	margin: auto;
}
body.about .nav-pills>li.active>a, 
body.about .nav-pills>li.active>a:hover, 
body.about .nav-pills>li.active>a:focus{
	background-color: #6f3581;
}
body.about .nav-pills li a{
	background: #dddddd;
}
body.about .product_main .list-inline{
	text-align: center;
}
/*----------------------------------------- 智慧網路 ----------------------------------------*/

.font_28{
	font-size:28px;
}
body.product .product_main02 {
    margin-left: 0; 
    display: block;
    position: relative;
}
.services_main02{
	display:flex;
	flex-direction: row; 
	justify-content: center;
}
body.product .content .services_main02 .s_box {
    background: linear-gradient(#465da0,#6f3581);
	padding:15px;
	border-radius:10px;
    display: block;
    position: relative;
    transition: all 0.5s;
	margin:5px;
	width:24%;
}
body.product .content .s_box .s_icon{
	display:block;
	margin:20px auto;
	text-align:center;
	position:relative;
}
body.product .content .s_box .s_title_tw{
	font-size: 17px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin: 0 15px;
	font-weight:600;
}
body.product .content .s_box .s_word{
	font-size:14px;
	text-align:center;
	display:block;
	position:relative;
	color:#fff;
	margin:15px;
}
body.product .wisdom_mbox.w3 {
	background-image: url(../images/all/bg02.jpg);
	background-size: contain;
	background-attachment: fixed;
	padding: 30px 0;
	margin: 0 -170px;
	background-position: center top;
}
.wisdom_mbox .pic_box{
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.pic_box .pic_name{
	font-size:18px;
	font-weight:500;
	line-height:24px;
	color:#333;
	display:block;
	text-align:center;
}

.mes_box02{
	display:flex;
	flex-direction: row; 
	justify-content: center;
}
.mes_main.m02{
	width:300px;
}
.mes_box02 .mes_main.m02 .mes_list ul{
	margin-left:0;
	list-style-position:outside;
}
.mes_box02 .mes_main.m02 .mes_list ul li{
	font-size:15px;
	line-height:24px;
}
.mes_box02 .mes_main.m02 .mes_list{
    min-height: 200px;
}

.mes_box03{
	max-width:1300px;
	margin:30px auto;
	
}

.mes_list02{
	color:#000;
	font-size:16px;
	line-height:28px;
	text-align:left;
	padding:10px;
	border-radius: 0 0 20px 20px;
	min-height:190px;
}
.mes_list02.bg01{
	background:#d6c4ee;
}
.mes_list02.bg02{
	background:#cfdbf2;
}
.mes_list02.bg03{
	background:#d8e6d4;
}
.mes_list02.bg04{
	background:#efe0c8;
}
.mes_list02 ul{
	list-style:none;
}

/**/
.total_pic{
	display:flex;
	flex-direction: row;
	justify-content: center; 
	align-items: center; 
	margin:0 0 40px;
	position:relative;
}
.total_picbox{
	display:block;
}
.total_picbox_mobile{
	display:none;
}
.MS_box{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
.MS_main{
	display:block;
	text-align:center;
	position:relative;
	margin:15px 20px;
	width:40%;
}
.MS_title{
	color:#67458d;
	font-size:22px;
	font-weight:600;
	display:block;
	line-height:24px;
	letter-spacing:0.05em;
	margin:10px 0;
}
.MS_word{
	display:block;
	font-size:15px;
	color:#333;
	line-height:20px;
}
.wisdom_mbox.m_top{
	margin-top:30px;
}
.s_word ul{
	list-style:none;
}
.s_word ul li{
	text-align:left;
}
/*----------------------------------------- 智慧通訊 ----------------------------------------*/
.mb-20{
	margin-bottom:20px;	
}
.mb-50{
	margin-bottom:50px;	
}
.mb-90{
	margin-bottom:90px;
}
body.product .wisdom_tab02 {
    position: relative;
	margin: 0 10%;
}
.wisdom_tab02 a{
	width: 100%;
	display:flex;
    flex-direction: column; 
	background-color: rgba(0, 0, 0, 0.4);	
	border-radius:16px;
	margin:10px;
	position:relative;
	transition: all 0.35s
}
.wisdom_tab02 a:hover{
	background-color: rgba(0, 0, 0, 0.7);
	transition: all 0.35s
}
.wisdom_tab02 a > span {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 6px;
	margin:0 0 40px;
	line-height:40px;
    left: 50%;
    opacity: .5;
    position: relative;
    transform: translateX(-50%);
    transition: .8s;
	color:#fff;
	text-align:center;
	width:100px;
	padding-left:15px;
}
.wisdom_tab02 a > span:after{
	content: "+";
	position: absolute;
	left:25px;
	font-size:18px;
}
/*.wisdom_tab02 a > span:before {
    height: 2px;
    width: 10px;
}
.wisdom_tab02 a > span:after {
    height: 10px;
    width: 2px;
}
.wisdom_tab02 a > span:after,
.wisdom_tab02 a > span:before {
    background-color: #fff;
    content: "";
    left: 48%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: .8s;
}
.wisdom_tab02 a:focus>span:after,
.wisdom_tab02 a:focus>span:before,
.wisdom_tab02 a:hover>span:after,
.wisdom_tab02 a:hover>span:before {
    background-color: #000;
}*/

.wisdom_tab02 a:focus > span,
.wisdom_tab02 a:hover > span {
    background-color: #fff;
	color:#000;
    opacity: 1;
}
:root{
	--transition: all .4s ease-in-out;
}

.wisdom_word02{
	display: inline-block;
    position: relative;
    font-size: 20px;
    color: #485b9f;
    line-height: 36px;
	font-weight:bold;
    text-align: left;
    margin: 20px 15px 0;
}
.wisdom_title24{
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	padding-bottom:10px;
}
.wisdom_type{
	display:flex;
    flex-direction:column;   
	margin:20px 0;
	align-items: center;
	justify-content: center;
}

.wisdom_icon{
	display:block;
	margin:0 10%;
	text-align:center;
}
.wisdom_list{
	margin:0 20px;
	position:relative;
	display:block;
}
.wisdom_list ul li{
	color:#fff;
	font-size:16px;
	line-height:36px;
	text-align:left !important;
}
.wisdom_list01 ul li,
.wisdom_list02 ul li{
	color:#666;
	display:inline-block;
}
.w_topbg{
	position: relative;
    display: block;
    background: url(../images/wisdom/bg02.jpg) no-repeat center top;
    background-size: cover;
    padding: 30px 0;
	min-height:300px;
	margin: 0 -175px;
}
.wisdom_list02{
	box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.2);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: -80px auto 80px;
    padding: 50px 0px 60px 0px;
	background-color: #FFF;
    background-image: url(../images/wisdom/about-bg.jpg);
    background-position: center center;
    background-size: cover;
	position:relative;
	border-radius:10px;
	display:block;
	max-width:1400px;
}
.w_dlex{
	display:flex;
	flex-direction: row;
	align-items: stretch; 
    margin: 0 auto;
	justify-content: center;
}
.w_titlebox{
	display:flex;
	flex-direction: row;
	justify-content: center;
}
.wisdom_title_tw{
	color:#fff;
    font-size: 24px;
	font-weight:bold;
	padding:15px 0;
	letter-spacing:0.1em;
	text-align:left;
}
.wisdom_title_tw02{
	color:#fff;
    font-size: 40px;
	font-weight:bold;
	padding:15px 0 0 0;
	letter-spacing:0.1em;
	text-align:center;
}
.wisdom_title_en{
	color:#fff;
	font-size:18px;
	padding:10px 0 0;
	font-weight:400 !important;
	letter-spacing:0 !important;
	text-align:center;	
	font-family:'微軟正黑體';
}
.w_icon img{
	width:150%;
}
.info-item {
    display: flex;
    flex-direction: column; 
}
.info-number {
    display: flex;
	flex-direction: column;
    font-size: 15px;
	line-height:24px;
    font-weight: 600;
    color: #ccc;
}
.info-title{
    font-weight: 700;
    font-size: 21px;
    text-transform: capitalize;
	display:block;
	color: #683e78;
	letter-spacing:0.1em;	
}
.word_en{
	display:block;
	color:#999;
	font-size:14px;
	letter-spacing:0 !important;
	font-weight:300 !important;
}


.wisdom_title04{
	position:relative;
	display: block;
	color:#fff;
	font-size:20px;
	padding:7px 10px;
	background:#609;
	border-radius:6px;
	margin:10px auto 5px;
	text-align:center;
	width: 70%;
}

body.product .wisdom_pic.w03 {
    margin: 0px auto 40px;
}
.button {
    padding-top: 40px;
    text-align: center;
    position: relative;
    display: block;
}
body.product .button {
    padding-top: 40px;
    text-align: center;
    position: relative;
    display: block;
}
body.product .button a {
    color: #fff;
    display: inline-block;
    width: auto;
    padding: 10px 30px 10px 45px;
    font-size: 14px;
    border-radius: 6px;
    transition: .33s all ease;
    border: 1px solid #ccc;
    letter-spacing: .1em;
    white-space: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    background: #333 url(../images/all/list_icon4.png) no-repeat 25px center;
}
body.product .button a:hover {
    background-color: #6941ad;
    transition: .33s all ease;
}
.wpic_box{
	display:block;
	margin:0 auto;
}
.wpic_mobile{
	display:none;
	margin:0 auto;
}

.w_right .wr_list ul li{
	list-style:none;
	color:#fff;
	line-height:36px;
	font-size:16px;
}
.w_title02{
	font-size:36px;
	font-weight:700;
	display:block;
	color:#fff;
	text-align:center;
	padding:30px 0;
}
.wisdom_bg01 {
	position: relative;
    display: block;
    background-image: url(../images/wisdom/bg01.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 30px 0;
    margin: 0 -170px 0 -200px;
}

/*雲端會議室*/
.cloud_bg {
    background: url(../images/wisdom/cloud_bg01.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;	
    min-height: 288px;
    display: block;
    position: relative;
    padding: 30px 0;
	margin: 0 -170px 20px;
	text-align:center;
}
.cloud_main{
	display:block;

}



/*視訊設備*/
.text-left{
	text-align:left !important;
}
.text-center{
	text-align:center !important;
}
.wisdom_table{
	width: 80%;
    margin: 0 auto;
}
table-rwd{}/*這是額外做顏色，沒有什麼意義*/
tr.tr-only-hide {
	font-size:18px !important;
	color:#000;
	font-weight:bold;
}
.table>tbody>tr>th{
	background:#f9f9f9 !important;
}
.table>tbody>tr>td{
	font-size:16px;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
    vertical-align:middle !important;	
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{
	background:#fff;
}
@media (max-width: 800px) {
  .table-rwd{min-width: 100%;}
  /*針對tr去做隱藏*/
  tr.tr-only-hide {display: none !important;}
  /*讓tr變成區塊主要讓他有個區塊*/
  .table-rwd tr{
    display: block;
    border: 1px solid #ddd;
    margin-top: 5px;
  }
  .table-rwd td {
    text-align: left;
    font-size: 16px;
    overflow: hidden;
    width: 100%;
    display: block;
  }
  .table-rwd td:before {
    /*最重要的就是這串*/
    content: attr(data-th) " : ";
    /*最重要的就是這串*/
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
	margin-right: 10px;
    width: 18%;
  }
 
  /*當RWD縮小的時候.table-bordered 會有兩條線，所以針對.table-bordered去做修正*/
  .table-rwd.table-bordered td,.table-rwd.table-bordered th,.table-rwd.table-bordered{border:0;}
  
}

.wisdom_table02{
    margin: 0 auto 50px;
	display:block;
	max-width: 1200px;
}
.wisdom_table02 table{
    display: block;
    margin: 0 auto;
}
.wisdom_table02 .table th,
.wisdom_table02 .table td{
	text-align:center;
	border:1px solid #ddd;
	padding:18px 5px;
	vertical-align: middle;
}
.wisdom_table02 .table tbody th{
}
.wisdom_table02 .table tbody td{
	font-size:14px;
	width: 20em;
}

@media (max-width: 992px){
	.wisdom_table02 table {
		/*word-break: keep-all;*/
	    	
	}
	
}
.cisco_title,
.wisdom_title{
	display:block;
}
.wisdom_table02 .table>tbody>tr>th,
.cisco_color{
	color:#fff;
	background:linear-gradient(#465da0,#6f3581) !important;
	border:1px solid #fff;
	font-size:17px;
	font-weight:bold;
}
.wisdom_table02 .table>tbody>tr:first-child,
.wisdom_table02 .table>tbody>tr:first-child td{
	border:none !important;
}
body.product .wisdom_pic.w02{
	margin:0 auto;
	overflow: hidden;
}
.w_flex{
	display:flex;
	flex-direction: row;
	justify-content: space-around; 
}
.wisdom_webex{
	position: relative;
    display: block;
    padding: 30px 0;
}
.wisdom_mbox.w4{
    background-image: url(../images/wisdom/cloud_bg02.jpg);
    background-size: cover;
    background-attachment: fixed;
    padding: 70px 0 !important;
    margin: 60px -170px;
    background-position: center top;
    position: relative;
    display: block;
}
.webex_box{
	display:block;
	margin:10px;
	background:#fff;
	padding:30px 10px;
	border-radius:10px;
	min-height:580px;
}
.webex_flex{
	display:flex;
	flex-direction: row;
	justify-content: center; 
}
.webex_son{
	position:relative;
	margin:0 10%;
}
.w_list03{
	margin-left:30px;
	font-size:16px;
	color:#666;
}
.w_title03{
	display:block;
	margin:10px auto;
	font-size:24px;
	font-weight:700;
	text-align:center;
}
.w_title04{
	display:block;
	margin:20px auto 0;
	font-size:30px;
	font-weight:700;
	text-align:center;	
}
.note_word{
	font-size:15px;
	color:#9a0b0b;
	display:none;
	line-height:30px;
	bottom: -20px;
    position: relative;
}

/*企業即時訊息*/
.wisdom_message{
	display:block;
	position:relative;
	margin:0 auto;
}
/*單元系統 Firewall*/
.dmc-mq {
    position: relative;
    width: 100%;
}
.dmc-mq .frame {
    min-height: 480px;
    max-height: 480px;
	position: relative;
    width: 100%;
	overflow: hidden;
    transition: all 1.5s linear;
}
.no-js .dm-img,
.dm-img.loaded {
    padding-top: 0;
}
.dmc-mq .frame .dm-img {
    height: 100%;
    position: absolute;
    width: 100%;
}
.dmc-mq .dm-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
}
.dm-img.loaded img {
    height: auto;
}
.dm-img.failed img,
.dm-img.loaded img {
    display: block;
    opacity: 1;
}
.banner_1600{
	display:block;
}
.banner_1280,
.banner_768{
	display:none;
}
.dm-img img {
    width: 100%;
}
.dmc-mq .inset {
    position: absolute;
    max-width: 1300px;
    width: 100%;
    bottom: 0;
    height: 100%;
    left: 48%;
    transform: translateX(-50%);
    z-index: 1;
}
.dm0 {
    position: relative;
    color: #4d4c4c;
}
.dm0 ul.ctas {
    list-style-type: none;
    margin-top: 10px;
}

.dm0 .pri-0 {
	font-size: 46px;
    line-height: 1.2;
	margin-top:0;
    margin-bottom: 20px;
	font-weight: 200;
}
.dm0 p{
	font-size: 15px;
    line-height:30px;
	color:#333;
    margin-bottom: 7px;
}
.dmc-mq .inset .text.w65p {
    width: 65%;
    max-width: 65%;
}
.dmc-mq .inset .text.pml {
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    bottom: auto;
    right: auto;
}
.dmc-mq .inset>.text {
    height: auto;
    position: absolute;
}
.dmc-mq .inset>.text,
.dmc-mq.stack .inset>.text {
    padding: 50px 22px;
}
.dmc-mq .inset .text.w70p {
    width: 70%;
    max-width: 70%;
}
.dmc-mq .text_p {
    display: block;
	font-size: 1.5rem;
    line-height: 1.44;
    margin-bottom: 25px;
	letter-spacing: 0.05em;
}
.dmc-mq .inset .text ul.ctas {
    text-align: unset;
	margin-bottom:20px;
}
.dm0 ul.ctas li {
    display: inline-block;
	margin: 0 0 20px;
}
.dmc-mq ul.ctas li:last-child {
    margin-right: 0;
}
.dm0 a.cta {
    font-size: 16px;
    line-height: 1.5;
	display: inline-block;
    margin-bottom: 0;
    padding: 5px 20px 6px;
    border-radius: 100px;
    min-width: 140px;
    text-align: center;
}
.med video-bg{
	
}
.med video{
	width:600px;	
}

.med{
	position:relative;
}
.no-touch .dm0 .cta[class*="pri"]:hover{
    background-color: #999;
    border: 1px solid #999;	
}
.dm0 .cta[class*="pri"] {
    background-color: #7c4ba9;
    border: 1px solid #7c4ba9;
    color: #fff;
}
.dm0 .cta.c2[class*="pri"] {
    background-color: #4f256f;
    border: 1px solid #4f256f;
    color: #fff;
	margin-left:5px;
}
.full_1280{
	display:block;
	position:relative;
	max-width:1300px;
	width: 100%;
	margin:0 auto;
}

.dm0.compact,
.dm0 .compact {
    margin-bottom: 30px;
}
.thml-2 {
    background-color: #f6f4f8;
	margin-bottom:60px;
}
.thml-3 {
    background-color: #fff;
}
.dm0 .bl-cnt {
	display:block;
    padding: 45px 0 30px 0;
}
.dm0.video-bg{
	display:flex;
    flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.dm0.flex-bg{
	display:flex;
    flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.dm0.flex-bg.a-start{
	align-items: start;	
}
.dm0.flex-bg.a-start > .med{
	margin:8px;
}
.dm0.video-bg .cnt {
	width: 50%;
    padding: 20px 18px 20px 20px;
}

.dm0 ul {
    list-style-type: disc;
    margin-bottom: 1.429em;
}
.dm0 ul li {
    margin-left: 17px;
}
.dm0.video-bg .cnt ul.ctas {
    text-align: unset;
}
.dm0.video-bg .cnt ul.ctas li {
    list-style-type: none;
    font-size: 0;
	display: inline-block;
}
.dm-img {
	display: block;
    position: relative;
    margin: 0;
    padding: 0;
	width:100%;
}
.dmc-img img {
    margin: 0;
    padding: 0;
    width: 100%;
}
.dm0.dmc-text ul{
	padding-left:20px;
}
.dm0.dmc-text ul li b{
	color:#6a1ab4;
}
.lightbox_link {
    z-index: 1000;
}
.sl-title{
	font-size:30px;
	display:block;
	text-align: unset;
	line-height: 1.211;
    margin-bottom: 0.526em;
	color:#7c4ba9;
}
.rte-txt{
	position:relative;
}

.left_img,
.right_form{
	display:block;
	width:48%;
	margin:10px;
}
.form-bg{
	display:flex;
    flex-direction: row;
    align-items: start;	
	justify-content: space-between;
}
.cnt.box02,
.right_img{
	width:50%;	
	overflow: hidden;
}
.cnt.box02{
	padding:20px 40px;
}
.wisdom_word04{
	display:block;
	color:#fff;
	font-size:15px;
	background:#725092;
	position:relative;
	line-height:24px;
	text-align:center;
	padding:5px;
	margin-bottom:10px;
	border-radius:6px;
}
.wisdom_word05{
	display: block;
    position: relative;
    list-style: none;
    font-size: 15px;
    color: #333;
    line-height: 36px;
    padding: 10px 0 20px 30px;
}
.wisdom_word06{
	display: block;
    position: relative;
    font-size: 20px;
    color: #333;
    line-height: 36px;
    padding: 0;
	text-align:left;
}
.wisdom_title07 {
    font-size: 20px;
	font-weight:bold;
	letter-spacing:0.1em;
    color: #666;
    display: block;
    position: relative;
    line-height: 36px;
	margin:20px auto;
	text-align:center;
}
.red_word02{
	color: #F00;
    font-size: 13px;
	display:block;
	float:right;
    position: relative;
    top: -10px;
}
.form-container{
	display:block;
	box-shadow: 0 0 10px 0 #efefef;
	padding:10px;
	border-radius:10px;
	margin-top:20px;
	min-height:700px;
}
.other_logo{
	display:block;
	position:relative;
}
.dm0 h3{
	display:block;
	font-size: 24px;
    line-height: 1.2;
    margin-bottom: 0;
}



/*----------------------------------------- 首頁 home --------------------------------------*/
body.home .content > h2 {
    font-size: 20px;
    border-bottom: 1px solid #ACE7EB;
    color: #36B9C0;
    padding: 6px;
}

body.home .content .btn-more {
    top: 10px;
    right: 0;
}

/*新設定*/
body.home .content .services_bg{
	display:block;
	position:relative;
	clear:both;	
	padding-top:55px;
	padding-bottom:60px;
    padding-right: 100px;
    padding-left: 100px;	
}
body.home .content .title_box01{
	display:block;
	text-align:center;
    position: relative;
	padding-top: 30px;
}
body.home .content .title_box01::after{
	content:"";
	position:absolute;
	width:235px;
	height:235px;
	background: url(../images/all/title_bg.png) no-repeat center;
	top: -45px;
	left: 36%;
	z-index: -1;
}
body.home .content .title_box01 .title_en,
body.home .content .title_box02 .title_en{
	color:#84408b;
	font-size:16px;
	font-family:Arial;
    text-transform:uppercase;
	line-height:30px;
	letter-spacing:0.05em;
	font-weight:600;
}
body.home .content .title_box01 .title_tw,
body.home .content .title_box02 .title_tw{
	color:#666;
	font-size:30px;
	line-height:36px;
	letter-spacing:0.2em;
}
body.home .content .services_box{
	display:block;
	margin-top:30px;
	position:relative;
}
body.home .content .s_box01,
body.home .content .s_box02,
body.home .content .s_box03{
	display:block;
	padding:30px 20px;
	box-shadow: 0 0 10px 0 #919191;
	text-align:center;
    border-bottom: 5px solid #4f256f;
	transition: all 0.3s linear;
	background:#fff url(../images/all/services_bg01.png) no-repeat right 300px;
}
body.home .content .s_icon {
	margin-bottom: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
body.home .content .s_icon p {
	margin-bottom: 0;
	color: #737373;
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
	letter-spacing: 1px;
}
body.home .content .s_box01:hover p,
body.home .content .s_box02:hover p,
body.home .content .s_box03:hover p {
	color: #ffffff;
}
body.home .content .s_icon_hover{
	display: none;
}
body.home .content .s_box01:hover .s_icon_img,
body.home .content .s_box02:hover .s_icon_img,
body.home .content .s_box03:hover .s_icon_img {
	display: none;
}
body.home .content .s_box01:hover .s_icon_hover,
body.home .content .s_box02:hover .s_icon_hover,
body.home .content .s_box03:hover .s_icon_hover{
	display: block;
}
body.home .content .s_box01:hover .main_word,
body.home .content .s_box02:hover .main_word,
body.home .content .s_box03:hover .main_word{
	color:#fff;
	transition: all 0.35s linear;
}
body.home .content .s_box01:hover{
	background:#4f256f url(../images/all/services_bg01.png) no-repeat right top;
    border-bottom: 5px solid #4f256f;
	transition: all 0.55s linear;
	box-shadow: none;
}
body.home .content .s_box02:hover{
	background:#4f256f url(../images/all/services_bg02.png) no-repeat right top;
    border-bottom: 5px solid #4f256f;
	transition: all 0.55s linear;
	box-shadow: none;
}
body.home .content .s_box03:hover{
	background:#4f256f url(../images/all/services_bg03.png) no-repeat right top;
    border-bottom: 5px solid #4f256f;
	transition: all 0.55s linear;
	box-shadow: none;
}
body.home .content a .main_word{
	color:#8d8d8d;
	font-size:15px;
	line-height:30px;
    transition: all 0.35s linear;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
}
body.home .content a .s_icon{
	display:block;
	padding:15px 0;	
}
body.home .content a .s_icon_hover{
	display:none;
}
body.home .content a:hover .s_icon_hover{
	display:block;
	padding:15px 0;	
}
body.home .content a:hover .s_icon{
	display:none;
}

/*近期活動*/
body.home .content .activities_bg{
	background-color:#f8f6ff;
	display:block;
	position:relative;
	clear:both;
	padding-top:50px;
	padding-bottom:70px;	
}
.slick-prev:before, .slick-next:before{
    display:none;
}
.slick-prev {
    background: url(../images/all/dot_left.png)no-repeat !important;
    width: 60px !important;
    height: 60px !important;
	left: -25px;
    z-index: 999;
}
.slick-next {
    background: url(../images/all/dot_right.png)no-repeat !important;
    width: 60px !important;
    height: 60px !important;
}
body.home .content .activities_main{
    padding-right: 100px;
    padding-left: 100px;
	display:block;
	position:relative;
	padding-top:20px;
}
body.home .content .activities_main a .a_box {
    color: #2b5286;
    line-height: 26px;
    font-size: 16px;
    background-color: #fff;
    border: none;
    margin: 15px;
	padding:15px;
	box-shadow: 0 0 15px 0 #ccc;
}
body.home .content .activities_main a .a_box > .slick-initialized .slick-slide {
    border:none !important;
}
body.home .content .activities_main a .a_box .a_pic {
    display: block;
	position:relative;
}
body.home .content .activities_main a .a_box .a_type{
	position: absolute;
	background-color:#6f3581;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:3px 35px;
	line-height:30px;
	border-radius:16em;
	bottom:10px;
}
body.home .content .activities_main a .a_box .a_date{
	text-align:left;
	margin-top:15px;
	padding:0 0 7px 25px;
	font-size:15px;
	color:#686868;
	background: url(../images/all/icon_date.png)no-repeat left 3px;
    position: relative;
    display: block;
}
body.home .content .activities_main a .a_box .a_date::before{
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
}
body.home .content .activities_main a .a_box .a_tw {
    font-size: 16px;
	line-height:30px;
	border-top:1px solid #eee;
    padding:7px 5px;
    display: block;
    color:#000;
    text-align:left;
    display:block;
    position:relative;
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
}
body.home .content .activities_main a:hover .a_box .a_tw {
    color:#6f3581;
}
body.home .content .activities_main a .a_box .a_word{
	line-height:24px;
	color:#666;
	font-size:14px;
    padding:10px 5px;
    min-height: 106px;
    max-height: 106px;
    overflow: hidden;
}

.slick .slick-dots {
    display:none !important;
}
.list_item{
    display: block;
    margin: 0 10px;
    border: 1px solid #dfdfdf;
    min-height: 300px;
}
body.home .content .activities_main .button {
    padding-top: 40px;
	text-align: center;
	position: relative;
    display: block;
}
body.home .content .button.button-dark-outline a {
    color: #fff;
    display: inline-block;
    width: auto;
    padding: 10px 30px 10px 45px;
    font-size: 14px;
    border-radius: 6px;
    transition: .33s all ease;
    border: 1px solid #ccc;
    letter-spacing: .1em;
    white-space: normal;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    background: #333 url(../images/all/list_icon4.png) no-repeat 25px center;
}
body.home .content .button.button-dark-outline a:hover {
	background-color:#6941ad;
    transition: .33s all ease;	
}

/*首頁_公司三大理念*/
body.home .content .company_bg{
	background: url(../images/all/main_bg01.jpg) no-repeat center;
	min-height:288px;
	display:block;
	position:relative;
	padding:100px;
}
body.home .content .company_bg .c_box{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}
body.home .content .company_bg .c_box .c_left{
	display:inline-block;
	text-align:center;
	float:left;
	position:relative;
}
body.home .content .company_bg .c_box .c_right{
	text-align:left;
	padding-left:20px;
	color:#fff;
	width: 60%;
}
body.home.lang_en .content .company_bg .c_box .c_right {
	width: 85%;
}
body.home .content .company_bg .c_box .c_right .c_title{
	font-size: 20px;
	font-weight:bold;
    line-height: 36px;
    display: block;
    letter-spacing: 0.05em;
}
body.home .content .company_bg .c_box .c_right .c_word{
	line-height:20px;
	font-size:14px;
}
/*首頁-關於我們*/
body.home .content .about_bg{
	display:block;
	position:relative;
    background: url(../images/all/about_bg.png) no-repeat center top;
	padding:30px 100px 50px 100px;
}
body.home .content .about_bg .about_left{
	margin-top:50px;
	display:block;
	padding-left:15px;
}
body.home .content .title_box02{
	display:block;
    position: relative;
	padding-top: 30px;
	padding-left:100px;
}
body.home.lang_en .content .title_box02{
	padding-left:0;
}
body.home .content .title_box02::after{
	content:"";
	position:absolute;
	width:235px;
	height:235px;
	background: url(../images/all/title_bg.png) no-repeat left center;
	top: -45px;
    left: -3%;
}
body.home .content .a_note{
	font-size:38px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:50px;
	color:#333;
	text-transform:uppercase;
	margin-top:30px;
	font-weight:600;
	margin-bottom:20px;
}
body.home .content .a_word{
	color:#333;
	font-size:15px;
	line-height:36px;
	padding:10px 15px 10px 0;
	letter-spacing:0.05em;
}
/* body.lang_en.home .content .a_word {
	word-break: break-all;
} */
.color01 {
	color: #6f3581;
}
/*----------------------------------------- wid --------------------------------------*/
.content .wid {
    position: relative;
    z-index: 10;
}
/* wid-home-news */
.content .wid-home-news {
    margin-left: 0;
}

.content .wid-home-news .txt-list {
    margin-bottom: 10px;
    margin-top: -10px;
}

.content .wid-home-news .txt-list li {
    padding-left: 14px;
    background-position: 0 4px;
    background-color: transparent;
}

.content .wid-home-news .txt-list li:last-child {
    border-bottom: 2px solid #ACE7EB;
}

.content .wid-home-news .txt-list li a {
    padding: 2px 0;
    font-size: 13px;
}

.content .wid-home-news .txt-list li a span {
    padding: 3px 0;
    font-size: 12px;
}

/* wid-home-product */
.content .wid-home-product .bxslider li a {
    border: 1px solid #ACE7EB;
    padding: 2px;
    display: block;
}

.content .wid-home-product .bxslider li a:hover {
    border-color: #36B9C0;
}

.content .wid-home-product .bx-wrapper .bx-controls-direction a {
    width: 24px;
    height: 40px;
    background: url(../images/home/arrow.png) no-repeat;
}

.content .wid-home-product .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -24px;
}

.content .wid-home-product .bx-wrapper .bx-controls-direction a.bx-next {
    right: -24px;
    background-position: 0 -40px;
}

/* wid-home-contact */
.content .wid-home-contact ul li {
    color: #717171;
    padding-left: 20px;
    font-size: 12px;
    line-height: 1.8;
}

.content .wid-home-contact ul li.phone {
    font-size: 22px;
    color: #333;
    font-weight: bold;
}