@charset "utf-8";
/* 手機字形樣式 */
.heart {
	color:#F00;
	padding-left:0.5%;
}
.ts_h1 {
	font-size:2.2em;
	letter-spacing:-1px;
	color:#8BC53F;
}
.ts_h2 {
	font-size:1.3em;
	color:#FFF;
}
.asrc_h1 {
	font-size:1.5em;
	letter-spacing:-1px;
	color:#333;
}
.w_12white {
	font-size:0.95em;
	color:#fff;
}
.w_12blue {
	font-size:1.2em;
	color:#06C;
	font-weight:600;
}
.w_12blue02 {
	font-size:1.2em;
	color:#4797EC;
	font-weight:600;
}
.w_12blue03 {
	font-size:1.4em;
	color:#039;
	font-weight:600;
}
.w_09 {
	font-size:0.85em;
	color:#555;
}
.scrollpoint {
	opacity: 0;
}
.scrollpoint.active {
	opacity: 1 \0;
}
.globe i{
	display:none;
	}
.globe span{
	visibility: visible;
	}
.note ul {
	padding:1% 1%;
}
.note li {
	list-style: none;
	font-size:0.95em;
	line-height:1.6;
	padding-left: 1em;
	text-indent: -.7em;
}
.note li:before {
	content: "• ";
	color: #F60; /* or whatever color you prefer */
}
.note01{
	font-size:0.95em;
	color:#2E6FCE;
}
.note02{
	font-size:0.9em;
	color:#039;
}
.note03{
	font-size:0.9em;
	color:#999;
}
.List_item{
	padding-left:7%;
	margin-left:0 }

/*::::::表格設定:::::*/
.list01 {
	margin:3% 0% ;
}
.list01 ul {
	font-size:0.9em;
	margin-left:0%;
	padding-left:12%;
}
.list02 {
	width:95%;
	margin:2% 2.5% ;
	font-size:0.95em;
	border:#DDD 1px solid;
}
.list_vans {
	margin:3% 0% ;
}
.w100 {
	width:100%;
	margin-top:0%;
}
.tr01 {
	background-color:#F1F1F1;
}
.mid {
	text-align:center;
	color:#06C;	
}
.mid02 {
	text-align:left;
}
.midR {
	text-align:right;
	color:#06C;
}
.mid_B {
	text-align:center;
	color:#000;
}
.mgBottom {
	margin-bottom:5%;
}
.mgTop {
	margin-top:10%;
}
.mgLeft {
 margin-left:-1em;
}

.pdBottom {
	padding-bottom:5%;
}
.pdBoth {
	padding:0em 1em;
	text-align:left;
}
.pdBoth02 {
	padding:1em 0em;
}
.mgBoth {
	margin:0em 1em;
}
/*::::::COLOR:::::*/
.c_gray {
	color:#666;
}
.c_black{
	color:#000;
	font-weight:600;
}
.c_org {
	color:#F60;
}
.c_org_b {
	color:#F60;
	font-weight:600;
}
.c_dblue {
	color:#039;
}
.c_dblue_b {
	color:#039;
	font-weight:600;
}
.c_blue {
	color:#06C;
	font-weight:600;
}
.c_blue02 {
	color:#85A8E5;
}
.c_blue03 {
	color:#06C;
}
.c_blue04 {
	color:#1EAFDF;
	font-weight:bold;
}
.c_red {
	color:#D70000;
}
.c_green {
	color:#00A758;
}
.c_yellow {
	color:#F90;
}
.c_pink {
	color:#f80577;font-weight:600;
	}
.c_smail {
	color:#54863D;font-weight:bold;
}
.bg_gray {
	background-color:#f2f2f2;
	 min-height: 200px;
	 padding:4px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.scale: {
 -webkit-transition: all 200ms ease-in;
 -webkit-transform: scale(1);
}
.scale:hover {
 -webkit-transition: all 200ms ease-in;
 -webkit-transform: scale(1.1);
}
/*::::::Btn*:::::*/
.goto-btn {
	float:left;
	display: inline-block;
	font-size:1em;
	padding: 7px 10px;
	margin-left: 10px;
    margin-top: 2%;
	color: #000;
	border: solid 1px #888;
	text-transform: uppercase;
	letter-spacing: 1px;
	
}
.goto-btn .fa-angle-double-right {
    color:#F60;
}
.goto-btn:hover, .goto-btn:focus {
	color:#F60;
	border: solid 1px #F60;
	text-decoration:none;
}
.goto-btn-R{
	font-size:1em;
	padding: 7px 7px;
	margin-left: 10px;
    margin-top: 2%;
	margin-bottom:5%;
	color: #333;
	font-weight:bold;
	/*border: solid 1px #ddd;
	background-color:#f2f2f2;*/
	border-radius:4px;
	
}
.goto-btn-R .fa-check-circle-o {
    color:#F60;
}
.goto-btn-R:hover, .goto-btn:focus {
	color:#F60;
	/*border: solid 1px #F60;*/
	text-decoration:none;
}
/*::::::cynet:::::*/
.cy_list>thead>tr>th{
	background-color:#ef35a2;
	color:#FFF;
	font-size:1.1em;
	font-weight:600;
	}
.cy_td{	
	text-align:right;
	color:#000;
	font-weight:600;
	}
/*::::::policy:::::*/
.policy {
	font-size:1.2em;
	color:#039;
	font-weight:600;
	line-height:2em;
	padding-left:8px;
}
@media only screen and (min-width: 769px) {
.goto-btn {
	font-size:1em;
	padding: 5px 10px;	
}

}
/*#####手機_SMAIL=====*/
@media only screen and (max-width:768px){
.smail thead{
    display: none;}

.smail > table > thead > tr > th{
	background-color: #85A8E5;
  }
.smail > table > tbody > tr { 
	border-bottom:solid #f2f2f2 1px;
	}
.smail td{
    display: block;
    padding: 1rem 0rem;}
.smail td > .trouble{
	text-align:center;
	font-weight: 600;
	color:#000;
	}
.smail td > .trouble .title{
	text-align:center;
	padding:0rem 4.5rem;
	}	
.smail td > .arrow img{
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	}
.smail ul {
	margin-left:-1rem;
	}
.smail > table > tbody > tr >.note04 {
	background-color: #fff;
	}
.smail h4{
	line-height:1.4em;}
.smail td > .last{
	margin-top:-2em;
}
/*.smail td > .last{
	 width: 70%;
    display: inline-block;
    padding: -0rem 2rem .3rem 0rem ;
	vertical-align:text-top;
	}
.smail td:before{
    content: attr(data-title);
    display: inline-block;
    width: 30%;
    min-width: 20%;
    font-weight: 900;
	color:#748f3c;
	text-align:right;
	padding: 0rem 1rem 0rem 0rem;
}*/

}
.smail td .pick{
	font-size:0.9em;
	color:#F60;
	font-weight:600;
	}
.smail_3item {
 text-align:center;
 padding:2%;
 display:block;
}
.smail_3item > .col-xs-12 {
	margin-bottom:1.2em;}
.smail_3item h1 {
 font-size:1.4em;
 font-weight:700;
 color: #54863D;
 padding:0 20px;
 margin-top:0px;
 margin-bottom:5px;
 line-height: 1.4em;
}
.smail_3item h2 {
 display:block;
 margin-top:1%;
 font-size:1.2em; /*介紹小標*/
 font-weight:600;
 color: #54863D;
 line-height: 1;
}
.smail_3item h3 {
 font-size:1.4em;
 font-weight:600;
 color: #333;
 padding:0 15px;
 margin-top:0px;
 margin-bottom:5px;
 line-height: 1.4em;
}
.smail_3item p {
 display:block;
 margin-top:0%;
 font-size:1em; /*介紹小標*/
 color: #666;
 line-height: 1.5;
}
.award_bottom {
	border-bottom:#ccc 1px dotted;
}
 .circle_icon {
 width:150px;
 height:150px;
 border:#F2F2F2 3px solid;
}
.smail_case {
 clear:both;
 float:left;
 padding:2em 0em 1em 0em;
}  
.smail_apply {
 font-size:1em;
 color:#333;
 border:#ddd solid 1px;
 line-height:1.65em;
 height:25em;
 margin:0 0em;
 padding-right:0px;/*sm-5預設間隔*/
 padding-left:0px;
} 
.smail_apply_title {
 font-size:1.2em;
 font-weight:bold;
 text-align:center;
 background-color:#F1F1F1;
 padding:0.5em;
 float:none;
	} 
.smail_apply_text {
 padding:1.2em;
 float:none;
	}
.smail_case_text {
 font-size:1em;
 color:#333;
 border:#FFF solid 1px;
 background-color:#F1F1F1;
 line-height:1.65em;
 margin-left:-0.8em;
 margin-right:-0.8em;
 padding:1em 1em;
}
.smail_case_text2 {
 font-size:1em;
 color:#333;
 border:#FFF solid 1px;
 background-color:#F1F1F1;
 line-height:1.65em;
 margin-left:-0.8em;
 margin-right:-0.6em;
 padding:1em 1em;
}
.case_bold {
 color:#748f3c;
 font-size:1.4em;
 font-weight:bold;
} 
.case_ul {
 color:#333;
 font-size:0.95em;
 margin-left:-0.5em;
}
.case_note {
 color:#666;
 font-size:0.9em;
} 
/*六個情境外框*/
.smail-group {
clear:both;
  /*float:left;*/
margin:2.5em 0 ;
height:14em;
}
.smail-all {
  background: #f1f1f1;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  height: 13rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 90%;
  margin:5% 5%;
}
.smailbox {
  left: 50%;
  position: absolute;
  top: 50%;/*轉場設定*/
  transition: transform 0.4s ease-out;
  width:100%;
  padding:1em 1.5em; /*文字內距*/
}
.smail-text1 {
  transform: translate(-50%, -50%);
}
.smail-text2 {
  transform: translate(-50%, 200%);
  background-color:#f0f4e6;
  height: 13rem;
}
.smail-all:hover .smail-text1 {
  transform: translate(-50%, -200%);
}
.smail-all:hover .smail-text2 {
  transform: translate(-50%, -50%);
  background-color:#748f3c; /*#f0f4e6;*/
}
.smailbox > p {
	color:#748f3c;
	font-weight:bold;
	line-height:24px;
	text-align:left;
}
.smail-text2 > p {
	color:#fff;
	font-weight:400;
	line-height:24px;
	text-align:left;
}
.smailbox > .pic {
	text-align:center;
}
.smailbox > .more {
	text-align:right;
	color:#666;
	font-size:0.95em;
	margin-top:0px;
	padding:4px 8px;
	border:#CCC 1px solid;
}

/*::::::手機_Link style*:::::*/
.lang_none {
color:#808080;}
.lang {
	color:#808080;
}
.lang:hover {
	color:#000;
	font-weight:700;
	text-decoration:none;
	position: relative;
	top: 1px;
	left: 1px;
}
.link_w {
	color:#FFF;
}
.link_w:hover {
	color:#FFF;
	text-decoration:none;
}
.link_b {
	color:#666;
}
.link_b:hover {
	color:#000;
}
.download {
	color:#999;
	font-size:0.9em;
	padding:5px 10px;
	background-color:#FFF;
	border:#E2E2E2 1px solid;
	border-radius: 15px;
}
.download:hover {
	color:#fff;
	padding:5px 10px;
	background-color:#85A8E5;
    -o-transition: background-color .20s linear;
    -webkit-transition: background-color .20s linear;
    -moz-transition: background-color .20s linear;
    transition: background-color .20s linear;
	border-radius: 15px;
	border:#9DB9EA 1px solid;
	text-decoration:none;
	position: relative;
	top: 2px;
}

.back {
	font-size:0.9em;
	color:#fff;
	padding:4px 12px;
	background-color:#9DB9EA;
	border:#9DB9EA 1px solid;
	border-radius: 18px;
}
.back:hover {
	color:#fff;
	background-color:#06c;
    -o-transition: background-color .20s linear;
    -webkit-transition: background-color .20s linear;
    -moz-transition: background-color .20s linear;
    transition: background-color .20s linear;
	border-radius: 18px;
	border:#9DB9EA 1px solid;
	text-decoration:none;
	position: relative;
	top: 2px;
}
.back02 {
	font-size:0.9em;
	color:#fff;
	padding:4px 8px;
	background-color:#06c;
	border:#06c 1px solid;
	border-radius: 15px;
}
.back02:hover {
	color:#fff;
	background-color:#9DB9EA;
    -o-transition: background-color .20s linear;
    -webkit-transition: background-color .20s linear;
    -moz-transition: background-color .20s linear;
    transition: background-color .20s linear;
	border-radius: 15px;
	border:#9DB9EA 1px solid;
	text-decoration:none;
	position: relative;
	top: 2px;
}
.hit {
	font-size:0.9em;
	color:#666;
	padding:4px 8px;
	background-color:#F2F2F2;
	border:#F2F2F2 1px solid;
	border-radius: 5px;
}
.hit:hover {
	color:#333;
	background-color:#FFF;
    -o-transition: background-color .20s linear;
    -webkit-transition: background-color .20s linear;
    -moz-transition: background-color .20s linear;
    transition: background-color .20s linear;
	border-radius: 5px;
	border:#CCC 1px solid;
}
.hit_act1 {
	font-size:1em;
	color:#039;
	padding:0.5em 1.2em;
	background-color:#F2F2F2;
	border:#F2F2F2 1px solid;
	border-radius: 5px;
}
.hit_act1:hover {
	color:#333;
	background-color:#FFF;
    -o-transition: background-color .20s linear;
    -webkit-transition: background-color .20s linear;
    -moz-transition: background-color .20s linear;
    transition: background-color .20s linear;
	border-radius: 5px;
	border:#CCC 1px solid;
}
.foot_back {
	padding:4px 0 ;
	font-size:0.9em;
	color:#666;
}
.foot_back:hover {
	color:#06c;
}
.foot_back:before { /*短橫線*/
	width: 63%; /*控制長度*/
	margin-right:2%;
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	vertical-align:middle;
}
.foot_backDB,.foot_backDB2{
	padding:4px 0 ;
	font-size:0.9em;
	color:#666;
}
.foot_backDB,.foot_backDB2:hover {
	color:#06c;
}
.foot_backDB:before { /*短橫線*/
	width: 35%; /*控制長度*/
	margin-right:2%;
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	vertical-align:middle;
}
.foot_backDB2:before { /*短橫線*/
	width: 0%; /*控制長度*/
	margin-right:2%;
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	vertical-align:middle;
}
.go_backDB{
	display:none;
	float:right;
	padding:4px 0 ;
	font-size:0.9em;
	color:#666;
	margin-right:0px;
	margin-top:-65px;
}
.Guide {
 font-size:0.9em;
 padding-top:1%;
 color:#06c;
}
/*::::::Pic:::::*/
.flow {
	width:90%;
}
/*::::::Btn 按鈕::::::*/
.IR_btn {
 background-color:#ED1C24;
 text-align:center;
 font-size:1.2em;
 color:#FFF;
 width:8em;
 height:5em;
 border-radius:10px;
 padding:0.5em;
}
.IR_btn:hover {
 background-color:#C00;
	/*設定漸變效果*/
 transition:background-color 0.5s;
 -moz-transition:background-color 0.5s;
 -webkit-transition:background-color 0.5s;
 -o-transition:background-color 0.5s;
}
/*#####手機_Form===*/
.form_L{
	border-left:transparent 1px dotted;
}
.teltext{
	margin-top:6px;
	}
/*::::::提示框*:::::*/
.arrow_boxTop,.arrow_boxLeft {
	font-size:0.9em;
	color:#FFF;
	position: relative;
	background: #C1C1C1;
	border:#C1C1C1 1px solid;
	border-radius: 3px;
	padding:0.5%;
}
.arrow_boxTop:after {
	bottom: 100%;
	left: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(153, 153, 153, 0);
	border-bottom-color: #C1C1C1;
	border-width: 10px;
	margin-left: -10px;
}

.arrow_boxLeft:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(153, 153, 153, 0);
	border-right-color:#C1C1C1;
	border-width: 10px;
	margin-top: -10px;
}

/*more*/
.newsmore {
	display:block;
	float:right;
	color:#06C;
	margin-top:1%;
}
.newsmore a {
	clear:both;
	color:#333;
}
.newsmore a:hover {
	color:#666;
	text-decoration:none;
}
.asrcmore {
	display:block;
	float:right;
	color:#F60;
	margin-top:1%;
}
.asrcmore a {
	color:#333;
}
.asrcmore a:hover {
	color:#666;
	text-decoration:none;
}


/*#####手機_AD===*/	
.ad_h1 {
	font-size:2em;
	line-height:1em;
	letter-spacing:0px;
	color:#F05A24;
}
/*#####手機_AD看版*/
.ad-btn {
	float:right;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 20px;
	margin-top: 10px;
	color: #FFF;
	border: solid 1px #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.ad-btn .fa-angle-double-right {
	color:  #F05A24;
}
.ad-btn:hover, .ts-btn:focus {
	color: #F05A24;
	border: solid 1px #F05A24;
	text-decoration:none;
}
/*#####手機_主要內容區======*/

.Maintext_title {
	margin-right: auto;
	margin-left: auto;
}
.Maintext_heading {
	margin: 0% 3%;
	text-align: center;
}
.Maintext_heading h1 {
	display: inline-block;
	font-size: 1.8em;
	margin-bottom: 0;
	color:#0053CC;
}
.Maintext_heading p {
	font-size: 1.3em;
	color: #000;
}
/*#####手機_標題樣式===*/
.substyle {
 color:#333;
 font-size:1.2em;
 font-weight:700;
 border-bottom:#CCC dotted 1px;
 border-left:#06C solid 8px;
 padding:0% 0.8%;
 margin:5% 0;
 clear:both;
}
.substyle p {
 color:#F30;
 font-size:3em;
 padding-left: 0.3%;
}
.substyle_s {
 color:#333;
 font-size:1.1em;
 font-weight:700;
 border-bottom:#CCC dotted 1px;
 border-left:#06C solid 8px;
 padding:0.3% 0.8%;
 margin:2% 5%;
}
.substyle_s p {
 color:#F30;
 font-size:3em;
 padding-left: 0.3%;
}
/*#####手機_====標題橫線區========*/
.circle_left {
	content: "";
	height: 5px;
	width:5px;
	display: block;
	float:left;
	color:#ccc;
	margin-top: -2px;
	background: #ccc;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	border-radius: 5em;
}
.circle_right {
	content: "";
	height: 5px;
	width:5px;
	display: block;
	float:right;
	color:#ccc;
	margin-top: -2px;
	background: #ccc;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	border-radius: 5em;
}
.divider { /*橫線*/
	content: "";
	position: relative;
	height: 1px;
	width: 100%;
	display: block;
	/*text-align: center;*/
	margin: 1% 0 3% 0;
	background: #ccc;
	-webkit-border-radius: 5em;
	-moz-border-radius: 5em;
	-ms-border-radius: 5em;
	-o-border-radius: 5em;
	border-radius: 5em;
}
.divider_a { /*短橫線*/
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	width: 96%; /*控制長度*/
	vertical-align:middle;
	margin:0;
}
.divider_b { /*表單間隔線*/
	display:inline-block;
	background-color:#85A8E5;
	content: "";
	position: relative;
	height: 1px;
	width: 95%; /*控制長度*/
	vertical-align:middle;
	margin:0 0 0 4%;
}
.divider_c { /*表單間隔線*/
	display:inline-block;
	background-color:#f0f0f0;
	content: "";
	position: relative;
	height: 1px;
	width: 90%; /*控制長度*/
	vertical-align:middle;
	margin:0 0 0 5%;
}
.divider_s { /*短橫線*/
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	width: 100%; /*控制長度*/
	vertical-align:middle;
}
.divider_50 { /*短橫線*/
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	width: 45%; /*控制長度*/
	vertical-align:middle;
}

.line_title {
	display:inline-block;
}
/*#####手機_VANS=====*/
.vans_list{   /*表格等高*/
font-size:0.95em;
line-height:22px;
}
.vans_list .group,.group02{
	padding:1em;
	border:#f2f2f2 1px solid;
border-collapse:collapse;

}
.vans_list .itembox{
	position: relative;
	height:100%; /*給父欄位高度*/
	padding-bottom:1.5em; /*跟more的距離*/
	margin:1em 0;
}
.vans_list .title{
	background-color:#85a8e5;
	font-size:1.1em;
    color:#FFF;
	font-weight:bold;
	height:auto;
	padding:1em;
}
.vans_list .item{
	font-size:1.1em;
	font-weight:bold;
	line-height:22px;
	height:auto;
	color:#039;
}
.vans_list .item4{
	font-size:1.1em;
	font-weight:bold;
	line-height:22px;
	color:#039;
}
.vans_list .itemmore{
	padding-top:10px;
	bottom:0px;
	position: absolute;/*子欄位置底*/
}
/*#####手機_ADM=====*/

/* 三步驟*/
.box {
 display:inline-block;
 background-color:#dceaff;
 font-size:1em;
 color:#3e64bb;/*數字顏色*/
 border-radius:10px;
 padding:0.5em 0.5em 0em 0.5em;
 margin:0.5em 0.8em 0.8em 2.2em;
}
.box:hover {
 background-color:#ddd;/*設定漸變效果*/
 transition:background-color 0.5s;
 -moz-transition:background-color 0.5s;
 -webkit-transition:background-color 0.5s;
 -o-transition:background-color 0.5s;
}
.box_num {
 display:inline-block;
 font-size:5.5em;
 font-weight:bold;
 float:left;
 margin-top:-0.2em;
 width:20%;
 padding-left:0.1em;
}
.box_text {
display:inline-block;
 font-size:1em;
 font-weight:500;
 color:#666;
 float:left;
 text-align:center;
 width:70%;
 line-height:1.4em;
 margin-left:0.8em;
 margin-top:0.5em;
}
.box02 {
 display:inline-block;
 font-size:1em;
 color:#3e64bb;/*數字顏色*/
 padding:0 ;
 margin:0 0.5em 1em 0.5em;
}
.box_tt {
 font-size:1.2em;
color:#039;
font-weight:600;
}
.box_text02 {
 display:inline-block;
 font-size:0.95em;
 color:#666;
 float:left;
 text-align:center;
 padding:0 2.5em;
}
.box_icon {
 display:none;
 padding:5em 1em;
}
.box3 {
 padding:0;
 text-align:center;
 margin:1.5em 0em ;
}
.box3_text {
 clear:both;
 font-size:1em;
 font-weight:bold;
 color:#333;
 float:none;
 text-align:center;
 line-height:1.6em;
 padding:0.5em;
}
.box3_bold {
 font-size:1.5em;
}
.box4 {
 padding:0 0 1em 0;
 text-align:center;
 margin:0em 0em 0em 0em;
}
.box4_title {
color:#039;
font-weight:600;
padding-left:1em;
}
.box4_pic {
 text-align:center;
 margin:auto;
 color:#039;
 font-weight:600;
}
.box4_text {
 clear:both;
 font-size:0.95em;
 color:#666;
 float:none;
 text-align:center;
 line-height:1.5em;
 padding:0 1em;
}
.box4_cynet {
 text-align:center;
 margin:auto;
 color:#000;
 font-weight:600;
}
.box5 {
 padding:0 0.5em ;
 text-align:left;
 margin:1em 0em 1em 0em;
}
.box5_title {
color:#039;
font-weight:600;
padding-left:1em;
}
.box5_pic {
 text-align:center;
 margin:auto;
 color:#00aedd;
 font-weight:600;
}
.box5_text {
 clear:both;
 font-size:0.95em;
 color:#666;
 float:none;
 line-height:1.5em;
 padding:0 0.8em;
}
.box5_text02 {
 clear:both;
 font-size:0.95em;
 color:#666;
 float:none;
 line-height:1.5em;
 padding:0.8em 0.8em;
}
/*#####手機_產品說明文字=====*/
.scale: {
 -webkit-transition: all 200ms ease-in;
 -webkit-transform: scale(1);
}
.scale:hover {
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1.1);
}
.about-item {
	line-height:0.5em;
	text-align: center;
	color: #999999;
	margin-top:15%;
	vertical-align:middle;
}
.about-text:hover {
	text-decoration:none;
}
.about-item h1 {
	font-size:1.2em;
	color: #002A68;
	font-weight:700;
	line-height: 1em;
	margin-top:10px;
	margin-bottom:10px;
}
.about-item h2 {
	font-size:1em;
	color: #0053CC;
	font-weight:700;
	margin-top:10px;
	margin-bottom:10px;
}
.about-item p {
	display:none;
	margin-top:10%;
	font-size:1em; /*介紹小標*/
	color: #888;
	line-height: 1.5em;
}
.about-item p:hover {
	color:#F60;
}
.table {
	display: table;
}
.row {
	/*display: table-row; 裡面的DIV等高*/
	margin:2% 0%;/*產品上方間距*/
}
.row div {
	display: table-cell;/*裡面的DIV等高*/
}
/*::::::Action1:::::*/
.act1_text {
	border: solid 1px #DCEAFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
	 background:#DCEAFF;
	 color:#666;
	 font-size:0.95em;
	 margin-bottom:1.5em;
	 padding:1em 1em 0.5em 1em;
}
.act1_text .arrow_L01{ /*箭頭左*/
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent  transparent ;
	position:absolute;
	top:30%;
	left:-30px;
	display:block;
}
.act1_text .arrow_L02{ /*箭頭左-邊框*/
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent transparent ;
	position:absolute;
	top:30%;
	left:-29px;
	display:block;
}
.act1_text .arrow_R01{ /*箭頭右*/
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent transparent transparent  #DCEAFF ;
	position:absolute;
	top:30%;
	right:-30px;
	display:block;
}
.act1_text .arrow_R02{ /*箭頭右-邊框*/
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent transparent transparent #DCEAFF ;
	position:absolute;
	top:30%;
	right:-29px;
	display:block;
}
.act1_img {
	text-align:center;
	margin-top:-0.5em;}
/*#####手機_ 企業資料 */
.platforms {
	margin: 5px auto 120px auto;
	text-align: center;
}
.ts-btn {
	float:left;
	display: inline-block;
	padding: 2%;
	margin-right: 2%;
	margin-top: 10px;
	color: #FFF;
	border: solid 1px #fff;
	text-transform: uppercase;
	letter-spacing: 0px;
}
.ts-btn .fa-angle-double-right {
	color:  #8BC53F;
}
.ts-btn:hover, .ts-btn:focus {
	color: #8BC53F;
	border: solid 1px #8BC53F;
	text-decoration:none;
}
/*########手機_新聞列表=======*/	
.News_nav {
	display:none;/*關閉選單*/
	}
.list_all ul {
	margin-left:0px;
	padding-left:1%;
}
.list_news {
list-style-type:none;
}
.list_news a {
display: block;
padding: 5% 3% 3% 3%;
background-color: #FFF;
transition: background-color .3s ease-out;
-webkit-transition: background-color .3s ease-out;
border-bottom:#ddd 1px dotted;
}
.list_news a:hover {
background-color: #F2F2F2;
}
.list_news li {
/*border-bottom: 1px solid #85A8E5;*/
background:#FFF;
margin-bottom:0px;
}
.list_news .news_group {
float:none;
width: 100%;
clear:both;
}
.list_news .pub_date {
float: left;
clear:both;
width: 35%;
margin-right: 2%;
text-align:center;
}
.list_news .pub_date time {
display: block;
font-size:0.9em;
padding:5px;
background:#85A8E5;
color:#FFF;
border-radius: 5px;
}
.list_news .case_date {
float: left;
clear:both;
width: 25%;
margin-right: 2%;
text-align:center;
}
.list_news .case_date time {
display: block;
font-size:0.9em;
padding:4px;
background:#85A8E5;
color:#FFF;
border-radius: 5px;
}

.list_news .title {
font-size: 1.3em;
font-weight: bold;
color:#06C;
line-height:1.456;
}
.list_news .title-main {
font-size: 1.4em;
font-weight: bold;
color:#06C;
padding-left:1%;
}
.list_news .short_desc {
margin-top: 8px;
color: #333;
line-height:1.6;
}
.list_news .short_desc:after {
content:"...more";
color: #06c;
font-size:0.9em;
}
.pagelist{ /*頁碼*/ 
	margin:0 auto;
	text-align:center;}
.pagelist_phone{ /*頁碼*/ 
    display:inherit;
	margin:0 auto;
	text-align:center;}
.pagelist_title{ /*頁碼*/ 
    display:none;
	margin:0 auto;
	text-align:center;}
/*新聞內容*/
.list_newstext .list_main  {
padding:1% 3%;
line-height:1.6;
}
.list_newstext .title-main {
font-size: 1.4em;
font-weight: bold;
color:#06C;
padding-left:1%;
}
.list_newstext .list_main img {
clear:both;
display:block;
margin:auto;
/*以下為圖片等比縮放相關語法*/
width: auto;  
height: auto;  
max-width: 100%;  
max-height: 100%;    
}
.list_newstext .list_main a {
	color:#06c;
}
.list_newstext .list_main a:hover {
	color:#039;
}
.list_newstext .list_main .pic_note{
color:#F60;
font-size:0.9em;
text-align:center;
margin:2% auto;
}
.list_newstext h4{
color:#06C;
font-size:1.1em;
font-weight:bold;
margin:1% auto;
}
.list_newstext h5{
color:#000;
font-size:1.1em;
font-weight:bold;
margin:1% auto;
}
.list_newstext h6{
color:#09F;
font-size:0.95em;
text-align:center;
margin:2% auto;
}
.newstime {
	color:#888;
	font-size:0.9em;
	margin-left:1%;}
.list_plus {
	line-height:1.6;}
.list_plus h1 {
	font-size:1em;
	color:#F60;}	
	

/*######手機_動態消息#####*/
.tabs {
	width: 100%;
	margin:0;/*項目間距*/
	padding:0;/*項目間距*/
}
.tabs li {
	float: none;/*按鈕浮動方向*/
	display: block;
}
.tabs input[type="radio"] {
	position: relative;
	display: none;
}
.tabs label {
	display: block;
	padding: 6px 20px;
	font-size: 1em;
	color:#ccc;/*原始字的顏色*/
	margin-top:30px;  /*上下位移相關*/
}
.tabs label:hover {
	color:#fff;
	background: #CCC;
}
.tabs .tab-content {
	border-top:#ccc 1px solid;/*標題底線*/
	display: block;
	width: 100%;
	font-size: 1em;
	position: relative;
	top: 4px;/*內容欄位距標題距離*/
	left: 0;
	background: #FFF;
}
/*####### 手機_CASE 成功案例===*/
.case_all{
	float:left;
	width:100%;
	display:block;
	padding: 1% 2% 2% 2% ;
	border-bottom:#ddd 1px solid;
	margin-bottom:2%;
	}
.case_logopic{
float:left;
display:inline-block;
width:100%;
padding: 0% 1% ;	
	}
.case_intro {
float:left;
display:inline-block;
width:100%;
padding:2% 0%;
vertical-align:top;
}	
.case_intro p {
margin-top:1%;
font-size: 1.4em;
font-weight: bold;
color:#039;
line-height:1.4;
}	
.case_intro .case_name {
display:inline-block;
font-size: 1em;
font-weight: bold;
color:#FFF;
padding:0.5% 1%;
background-color:#F60;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.case_intro .case_item {
color:#85A8E5;
font-size:0.9em;
margin-top:0;
}


/*#####手機  ASRC 資安訊息*/
.asrc_news h3 {
	font-size:1.1sem;
	color:#F60;
	font-weight:600;
}
.asrc_news p {
	font-size:0.9em;
	color:#666;
}
.asrc-btn {
	float:right;
	display: inline-block;
	font-size:0.9em;
	padding: 5px 10px;
	margin-right: 10px;
	margin-top: 2%;
	color: #888;
	border: solid 1px #888;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.asrc-btn .fa-angle-double-right {
	color:#F60;
}
.asrc-btn:hover, .asrc-btn:focus {
	color:#F60;
	border: solid 1px #F60;
	text-decoration:none;
}
/*####手機_服務窗口列表###*/
.serve_list {
 margin-top:0%;
 margin-bottom:0%;
 padding:0 0 3% 0;
 width: 100%;
 background-color:#FFF;
}
.serve_list02 {
 margin-top:0%;
 margin-bottom:0%;
 padding:0 0 3% 0;
 width: 100%;
 background-color:#F6F6F6;
}
.serve_all {
 clear:both;
 width:100%;
 padding:1%;
 border-bottom:#ddd 1px solid;
}
.serve_all02 {
 clear:both;
 width:100%;
 padding:1%;
}
.serve_title {
 background-color:#85A8E5;
 color:#FFF;
 padding:1%;
 display:inline-block;
 width:100%;
}
.serve_left {
 float:left;
}
.serve_right {
 float:right;
 color:#FFF;
 font-size:0.9em;
 display:none;
}
.serve_first {
 margin-top:0px;
 padding:2% 5%;
}
.serve_sub {
 padding:1% 5%;
}
.serve_sub a{
 font-size:0.9em;
}
.carrer {
 color:#888;
 font-size:0.9em;
}
/*####手機_合作夥伴####*/
.partner {
 text-align:center;
 padding:2%;
 display:block;
}
.partner h2 {
 display:block;
 margin-top:3%;
 margin-bottom:20%;
 font-size:0.95em; /*介紹小標*/
 color: #666;
 line-height: 1.4;
}
/*####手機_得獎實績icon效果/代理產品 ####*/
.award {
 text-align:center;
 padding:2%;
 display:block;
}
.award_bottom {
	border-bottom:#ccc 1px dotted;
}
 .circle_icon {
 width:150px;
 height:150px;
 border:#F2F2F2 3px solid;
}
 .award h1 {
 font-size:1.4em;
 font-weight:700;
 color: #00509F;
 padding:0 20px;
 margin-top:0px;
 margin-bottom:5px;
 line-height: 1.4em;
}
.award h2 {
 display:block;
 margin-top:5%;
 font-size:1em; /*介紹小標*/
 color: #000;
 line-height: 1.4;
}
 .award h3 {
 font-size:1.2em;
 font-weight:600;
 color: #00509F;
 padding:0 15px;
 margin-top:0px;
 margin-bottom:5px;
 line-height: 1.4em;
}
.award p {
 display:block;
 margin-top:0%;
 font-size:0.9em; /*介紹小標*/
 color: #888;
 line-height: 1em;
}
/*####手機_專業能力===*/
.skill ul {
 margin-left:-1.5em;
}
.skill li {
 line-height: 2em;
 list-style-type:none;
}
.patent {
 padding:2% 0;
 margin-bottom:15%;
 clear:both;
}
/*####手機_解決方案===*/
.solution_text {
	border: solid 1px #DCEAFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
	 background:#DCEAFF;
	 color:#666;
	 display:block;
}
.solution_text .arrow_L01{ /*箭頭左*/
     display:none;
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent  transparent ;
	position:absolute;
	top:30%;
	left:-30px;
}
.solution_text .arrow_L02{ /*箭頭左-邊框*/
    display:none;
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent transparent ;
	position:absolute;
	top:30%;
	left:-29px;
}

.solution_pic {
	margin-left:-3%;/*ICON離左方距離*/
	text-align:center;
	line-height:1.4;
}
.solution_pic img {
	width:30%;
}
.solution_pic p {
	font-size:1.2em;
	color:#06C;
	font-weight:700;
}
.solution {
 padding:2% 6%;
/* border-bottom:#F0F0F0 1px solid;*/
}
.solution ul{
	padding:4% 1% 4% 5%;
	margin:0;
}
.solution li{
	line-height:1.43;
}
.privacy{
	margin-left:-1.5em;
}
.privacy li{
	line-height:1.8em;
	margin-bottom:0.8em;
}
.badmail ul {
	margin:0;
	padding:4% 0;
	}
.badmail ul li{
	margin-left:3%;
	}
.badmailtitle {
	font-size:1.1em;
	color:#888;
	border-bottom:#ddd 1px solid;
	}
.badmail_pic {
	margin-top:5%;
	text-align:center;
	line-height:1.4;
}
.badmail_pic img {
	width:30%;
}
.badmail_pic p {
	font-size:1.2em;
	color:#06C;
	font-weight:700;
}
/*####手機_客服中心===*/
.maintain_text {
	border: solid 1px #DCEAFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
	 background:#DCEAFF;
	 color:#666;
	 display:block;
}
.maintain_text h1{
	font-size:1.2em;
	color:#039;
	}
.maintain_text .arrow_L01{ /*箭頭左*/
    display:none;
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent  transparent ;
	position:absolute;
	top:32%;
	left:-30px;
}
.maintain_text .arrow_L02{ /*箭頭左-邊框*/
	display:none;
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent transparent ;
	position:absolute;
	top:32%;
	left:-29px;
}

.maintain_pic {
	margin-top:-1.5%;/*ICON離左方距離*/
	text-align:center;
	line-height:1.4;
	display:block;
}
.maintain_pic img {
	width:37%;
}
.maintain_pic p {
	font-size:1.2em;
	color:#06C;
	font-weight:700;
}
.maintain_pic02 {
	margin-top:0%;/*ICON離左方距離*/
	text-align:center;
	line-height:1.4;
	display:block;
}
.maintain_pic02 img {
	width:50%;
}
.maintain {
 padding:2% 6%;
/* border-bottom:#F0F0F0 1px solid;*/
}
.maintain ul{
	padding:4% 3% 4% 8%;
	margin:0;
}
.maintain li{
	line-height:1.43;
}

/*######手機 加值服務 =====*/
.plus_service {
 clear:both;
 text-align:center;
 padding:0% 0 0% 0 ;/*高度*/
 margin-bottom:3%;
 
}
.plus_boarder{
	 border-bottom:transparent  1px dotted;
}
.plus_box{
position: relative;/*置底相關*/
height:100%;
border-bottom:#E5E5E5 1px dotted;
}
.plus_foot{
position:relative;/*置底相關*/
margin-top:5%;
margin-bottom:5%;
left:0%;
bottom:0;/*置底相關*/
}
.plus_service img {
padding:1% 0 0 0 ;/*高度*/
margin-bottom:-5%;
width:25%;
}
.plus_service h1 { /*標題*/
 padding:0% 20%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.plus_service h3 ,.plus_service h4 { /*標題*/
 padding:0% 20%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.plus_service h2 {
 padding:0% 20%  0%  20%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.plus_service p {
 margin-top:3%;
 font-size:1em; 
 line-height:1.4;
}

.service_ul{
padding-left:7%;
padding-bottom:2%;
}
/*#####手機_代理產品 =====*/
.agent {
 clear:both;
 text-align:center;
 padding:0% 0 30% 0 ;/*高度*/
 margin-bottom:3%;
 
}
.agent img {
	 padding:2% 0 0 0 ;/*高度*/
	 margin-bottom:-5%;
	width:27%;
}
.agent h1 {
 padding:0% 10%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.agent p {
 margin-top:3%;
 padding:0% 5%;
 font-size:1em; 
 line-height:1.4;
 text-align:justify;
}
.agent_boarder{
border-bottom:#E5E5E5 1px dotted;
}
.agent_box{
position: relative;/*置底相關*/
height:250px;
}

.agent_foot{
position:absolute;/*置底相關*/
left:33%;
bottom:0;/*置底相關*/
}
.agt_view{
	display:block;
	}
.agt_view::after{
	content:"";
	color:#999;
	margin-right:0px;
	}
.agt_download{
	display:block;
	}
.food_R{
	position:absolute;
	background-color:#C00;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	border-radius:60px;
	padding:0.2em 0.6em;
	margin:0.2em 0 0 -0.5em;}
.food_G{
	position:absolute;
	background-color:#396;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	border-radius:60px;
	padding:0.2em 0.6em;
	margin:0.2em 0 0 -0.5em;}
.food_O{
	position:absolute;
	background-color:#F93;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	border-radius:60px;
	padding:0.2em 0.6em;
	margin:0.2em 0 0 -0.5em;}
/*===手機_Sitemap */
.site_group {
	text-align:center;
}
.site_title a {
	font-size:1em;
	padding:2% 9%;
	text-align:center;
	color:#666;
}
.site_title a:hover { /*主標滑過*/
	border-top:#666 1px solid;
	border-bottom:#666 1px solid;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
}
.site_item {
	font-size:1em;
	padding:4%;
	text-align:center;
}
.site_item li {
	font-size:0.9em;
	/*color:#989898;*/
	line-height:1.7em;
}
.ifo_title {
	font-size:1.1em;
	padding:1% 0%;
	color:#666;
}
.ifo_item ul {
	list-style-type:none;
	padding-left:4px;
	margin-left:0;
}
.ifo_item li {
	font-size:0.9em;
	color:#989898;
	line-height:1.7em;
	
}
/*===手機_solution_all */
.solution_all ul {
	list-style-type:none;
	padding-left:0px;
	margin-left:0;
}
.solution_all li,.solution_2p li {
	font-size:0.95em;
	line-height:1.8em;
	
}
.solution_all a ,.solution_2p a {
	color:#666;	
}
.solution_all a:hover,.solution_2p a:hover{
	color:#06C;	
}
.solution_all h3,.solution_2p h3 {
	font-size:1.3em;
	color:#039;
	font-weight:bold;
}
.solution_2p ul {
list-style-type:none;
	padding-left:0px;
	margin-left:0;
column-count:2;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
}
.solution_2p a.right{
margin-left:-36px;
}
/*|||||||||||||||平板CSS::::::*/
@media only screen and (min-width: 481px) {
/* 字形樣式 */	 
.List_item{
	padding-left:4%;
	margin-left:0 }
.pd15 {
	padding:0.5em 0.8em;}
/*|||||||||||平板_新聞列表=======*/	
.list_all ul {
	margin-left:0px;
	padding-left:1%;
}
.list_news {
list-style-type:none;
}
.list_news a {
display: block;
padding: 3% 1% 32% 1%;
background-color: #FFF;
transition: background-color .3s ease-out;
-webkit-transition: background-color .3s ease-out;
border-bottom:#ddd 1px dotted;
}
.list_news a:hover {
background-color: #F2F2F2;
}
.list_news li {
/*border-bottom: 1px solid #85A8E5;*/
background:#FFF;
margin-bottom:0px;
}
.list_news .news_group {
float:left;
width: 80%;
clear:none;
}
.list_news .pub_date {
float: left;
width: 18%;
margin-right: 2%;
text-align:center;
clear:none;
}
.list_news .pub_date time {
display: block;
font-size:0.9em;
padding:5px;
background:#85A8E5;
color:#FFF;
border-radius: 5px;
}

.list_news .title {
font-size: 1.4em;
font-weight: bold;
color:#06C;
/*padding-left:1%;*/
}
.list_news .title-main {
font-size: 1.4em;
font-weight: bold;
color:#06C;
padding-left:1%;
}
.list_news .short_desc {
margin-top: 8px;
color: #333;
line-height:1.6;
}
.list_news .short_desc:after {
content:"...more";
color: #06c;
font-size:0.9em;
}
.pagelist{ /*頁碼*/
	margin:0% auto;
	text-align:center;}	
.pagelist_phone{ /*頁碼*/
     display:inherit;
	margin:0% auto;
	text-align:center;}
.pagelist_title{ /*頁碼*/ 
    display:none;
	margin:0 auto;
	text-align:center;}
/*新聞內容*/
.list_news .list_main  {
padding:1% 3%;
line-height:1.6;
}
.list_news .list_main img {
clear:both;
display:block;
margin:auto;
border:#CCC 1px solid;
max-width:100%;
}
.list_news .list_main .pic_note{
color:#F60;
font-size:0.9em;
text-align:center;
margin:2% auto;
}
.list_newstext h4{
color:#06C;
font-size:1.1em;
font-weight:bold;
margin:1% auto;
}
.list_newstext h5{
color:#000;
font-size:1.1em;
font-weight:bold;
margin:1% auto;
}
.list_newstext h6{
color:#09F;
font-size:0.95em;
text-align:center;
margin:2% auto;
}
.newstime {
	color:#888;
	font-size:0.9em;
	margin-left:1%;}
.list_plus {
	line-height:1.6;}
.list_plus h1 {
	font-size:1em;
	color:#F60;}	
/* .tabs {
    width: 100%;
  }
  .tabs li {
    float: none;
    margin-top: 20px;
  }
  .tabs .tab-content {
    position: relative;
    display: block;
    top: 0;
  }
  .tabs label {
    top: 0;
    padding-top: 17px; 
    background: #FFF;       
  }
  .tabs label:hover {
    background: #FFF;
  }*/
}

/*::::::::電腦設定CSS::::::*/
@media only screen and (min-width: 769px) {
/* 字形樣式 */
.ad_h1 {
 font-size:2em;
 font-weight:bold;
 letter-spacing:-1px;
 color:#F05A24;
}
.ts_h1 {
 font-size:2em;
 font-weight:bold;
 letter-spacing:-1px;
 color:#8BC53F;
}
.List_item{
	padding-left:3%;
	margin-left:0 }
/*:::::電腦表格:::::::*/
.mid02 {
	text-align:center;
}
.list01 {
	margin:3% 0%;
}
.list01 ul {
	font-size:1em;
	margin-left:0%;
	padding-left:12%;
}
.list_vans {
	margin:2% 0%;
	font-size:0.95em;
	padding:1%;
}
.list_vans .text-center{
	font-size:0.9em;
}
.w100 {
	width:100%;
	margin-top:2%;
}
.mgTop {
	margin-top:5%;
}
.globe i{
	display: block;
	width:2px;
	padding-top:0.5em;
	padding-left:1em;
	margin-right:0px;
	font-size:1.1em;
	}
.globe span{
	display:none;
	}
/*::::::Form:::::*/
.form_L{
	border-left:#85A8E5 1px dotted;
}
.teltext{
	margin-top:6px;
	}
/*::::::Link style:::::*/
.foot_back {
	padding:4px 0 ;
	font-size:0.9em;
	color:#666;
}
.foot_back:hover {
	color:#06c;
}
.foot_back:before { /*短橫線*/
	width: 85%; /*控制長度*/
	margin-right:1%;
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	vertical-align:middle;
}
.foot_backDB,.foot_backDB2{
	padding:4px 0 ;
	font-size:0.9em;
	color:#666;
}
.foot_backDB,.foot_backDB2:hover {
	color:#06c;
}
.foot_backDB:before { /*短橫線*/
	width: 77%; /*控制長度*/
	margin-right:1%;
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	vertical-align:middle;
}
.foot_backDB2:before { /*短橫線*/
	width: 65%; /*控制長度*/
	margin-right:1%;
	display:inline-block;
	background-color:#CCC;
	content: "";
	position: relative;
	height: 1px;
	vertical-align:middle;
}
.go_backDB{
	display:inline-block;
	float:right;
	padding:4px 0 ;
	font-size:0.9em;
	color:#666;
	margin-right:-30px;
	margin-top:-30px;
	margin-left:-100px;
}
/*===AD看版===*/
.ad-btn {
 float:right;
 display: inline-block;
 padding: 5px 10px;
 margin-right: 20px;
 margin-top: 10px;
 color: #FFF;
 border: solid 1px #fff;
 text-transform: uppercase;
 letter-spacing: 1px;
 font-size:0.8em;
}
.ad-btn .fa-angle-double-right {
 color:  #F05A24;
}
.ad-btn:hover, .ts-btn:focus {
 color: #F05A24;
 border: solid 1px #F05A24;
 text-decoration:none;
}
/* ===標題樣式===*/
.substyle {
 color:#333;
 font-size:1.2em;
 font-weight:700;
 border-bottom:#CCC dotted 1px;
 border-left:#06C solid 8px;
 padding:0% 0.8%;
 margin:2% 0 2% 0%;

}
.substyle p {
 color:#F30;
 font-size:3em;
 padding-left: 0.3%;
}
.substyle_s {
 color:#333;
 font-size:1.1em;
 font-weight:700;
 border-bottom:#CCC dotted 1px;
 border-left:#06C solid 8px;
 padding:0.3% 0.8%;
 margin:2% 5%;
}
.substyle_s p {
 color:#F30;
 font-size:3em;
 padding-left: 0.3%;
}
.substyle_case {
 color:#333;
 font-size:1.2em;
 font-weight:700;
 border-bottom:#CCC dotted 1px;
 border-left:#06C solid 8px;
 padding:0% 0.8%;
 margin:2% 0 2% 0%;
 display:block;

}
/* ===主要內容區塊===*/
.Maintext_title {
 margin-right: auto;
 margin-left: auto;
}
.Maintext_heading {
 margin: 0% 5%;
 text-align: center;
}
.Maintext_heading h1 {
 display: inline-block;
 font-size: 1.8em;
 margin-bottom: 0;
 color:#0053CC;
}
.Maintext_heading p {
 font-size: 1.3em;
 color: #000;
}
/* ===解決方案===*/
.solution_text {
	border: solid 1px #DCEAFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
	 background:#DCEAFF;
	 color:#666;
}
.solution_text .arrow_L01{ /*箭頭左*/
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent  transparent ;
	position:absolute;
	top:30%;
	left:-30px;
	display:block;
}
.solution_text .arrow_L02{ /*箭頭左-邊框*/
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent transparent ;
	position:absolute;
	top:30%;
	left:-29px;
	display:block;
}

.solution_pic {
	margin-left:-3%;/*ICON離左方距離*/
	text-align:center;
	line-height:1.4;
}
.solution_pic img {
	width:35%;
}
.solution_pic p {
	font-size:1.2em;
	color:#06C;
	font-weight:700;
}
.solution {
 padding:2% 6%;
/* border-bottom:#F0F0F0 1px solid;*/
}
.solution ul{
	padding:2% 3%;
	margin:0;
}
.solution li{
	line-height:1.43;
}
/*======專業能力===*/
.skill li {
 line-height: 2em;
 list-style-type:none;
}
/*======VANS=====*/
.vans_list{   /*表格等高*/
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
font-size:0.95em;
line-height:22px;
border:#eee 1px solid;
border-collapse:collapse;
margin-bottom:-1px;
}
.vans_list [class="col-"]{  /*表格等高*/
display: flex;
flex-direction: column;
}
.vans_list .group{
	border:#f2f2f2 0px solid;
border-collapse:collapse;
}
.vans_list .group02{
	border:#f2f2f2 0px solid;
   border-collapse:collapse;
   background:#f2f2f2;
}
.vans_list .itembox{
	position: relative;
	height:100%; /*給父欄位高度*/
	padding-bottom:1.5em; /*跟more的距離*/
	margin:0;
}
.vans_list .item4{
	height:4em;
}
/*======SMAIL=======*/
.smail > table, th, td{
  border-collapse: collapse;
  padding: 5px 5px;
  }
 
.smail > table{
  width: 100%;
  margin: 1em 0 3em 0;}
.smail >table > thead > tr > th{
  color:#748f3c;}
.smail > table > tbody > tr { 
	border-bottom:solid #ffffff 1px;
	}
.smail td{
  vertical-align: middle;
  padding: 1rem 0rem;}
.smail td > .trouble{
	text-align:center;
	font-weight: 600;
	color:#000;
	}
.smail td > .last{
  text-align:left;
  padding:0rem 0rem 0rem 2.5rem;
	}
.smail >tr:nth-child(even){
  background: rgba(#6cffd1,.2);}
 .smail_3item {
 padding:2%;
}
.smail_3item h1 {
 padding:0 10px;
 margin-top:3px;
 margin-bottom:5px;
 line-height: 1.2em;
}
.smail_3item h2 {
 margin-top:5%;
 font-size:1.1em; /*介紹小標*/
 line-height: 1.4;
padding:0 20px;
}
.smail_3item p {
 margin-top:5%;
 line-height: 1.6em;
}
.smail_case {
 padding:2em 0em 4em 0em;
}
.smail_apply {
 height:25em;
 margin:0 2em;
} 
.smail_case_text {
 margin: 0 -0.75em;
 padding:1em 2em;
}
.smail_case_text2 {
 margin-left:-0.75em;
 margin-right:-0.75em;
 padding:1em 2em;
}
.case_bold {
 font-size:1.5em;
} 
.panel-smail {
	width:30%;
	border:#F1F1F1 1px solid;
	padding:0;
	margin:0 1.6%;
}
.smail_wrap {
	margin-top:3%;
}
.smail-all {
  cursor: pointer;
  font-size: 1em;
  height: 13rem;
  overflow: hidden;
  position: relative;
  width: 16rem;
  margin:1% 1.2%;
}
.smailbox {
  padding:1em 1em; /*文字內距*/
}
/*======ADM=======*/
/* 三步驟*/
.box {
 display:inline-block;
 background-color:#dceaff;
 font-size:1em;
 color:#3e64bb;/*數字顏色*/
 border-radius:10px;
 padding:0.5em 0.5em 0em 0.5em;
 margin:1.5em 0.8em 3em 0.8em;
}
.box:hover {
 background-color:#ddd;/*設定漸變效果*/
 transition:background-color 0.5s;
 -moz-transition:background-color 0.5s;
 -webkit-transition:background-color 0.5s;
 -o-transition:background-color 0.5s;
}
.box_num {
 display:inline-block;
 font-size:5.5em;
 font-weight:bold;
 float:left;
 margin-top:-0.3em;
 width:20%;
}
.box_text {
display:inline-block;
 font-size:1em;
 font-weight:500;
 color:#666;
 float:left;
 text-align:center;
 width:70%;
 line-height:1.4em;
 margin-left:0.8em;
 margin-top:1em;
}
.box02 {
 display:inline-block;
 font-size:1em;
 color:#3e64bb;/*數字顏色*/
 padding:0 ;
 margin:0 0.5em 1em 0.5em;
}
.box_tt {
 font-size:1.2em;
color:#039;
font-weight:600;
}
.box_text02 {
 display:inline-block;
 font-size:0.95em;
 color:#666;
 float:left;
 text-align:center;
 padding:0 ;
}
.box_icon {
 display:inline-block;
 padding:5em 1em;
}
.box3 {
 padding:0.5em;
 text-align:center;
 margin:2em 0em;
}
.box3_text {
 clear:both;
 font-size:0.95em;
 font-weight:bold;
 color:#333;
 float:none;
 text-align:center;
 line-height:1.6em;
 padding:1em;
}
.box4 {
 padding:0.5em;
 text-align:center;
 margin:0em 0em 2em 0em;
}
.box4_title {
color:#039;
font-weight:600;
padding-left:1em;
}
.box4_pic {
 text-align:center;
 margin:auto;
 color:#039;
 font-weight:600;
}
.box4_text {
 clear:both;
 font-size:0.95em;
 color:#666;
 float:none;
 text-align:center;
 line-height:1.5em;
 padding:0.5em;
}

/*====標題橫線區========*/
.circle_left {
 content: "";
 height: 5px;
 width:5px;
 display: block;
 float:left;
 color:#ccc;
 margin-top: -2px;
 background: #ccc;
 -webkit-border-radius: 5em;
 -moz-border-radius: 5em;
 -ms-border-radius: 5em;
 -o-border-radius: 5em;
 border-radius: 5em;
}
.circle_right {
 content: "";
 height: 5px;
 width:5px;
 display: block;
 float:right;
 color:#ccc;
 margin-top: -2px;
 background: #ccc;
 -webkit-border-radius: 5em;
 -moz-border-radius: 5em;
 -ms-border-radius: 5em;
 -o-border-radius: 5em;
 border-radius: 5em;
}
.divider { /*橫線*/
 content: "";
 position: relative;
 height: 1px;
 width: 100%;
 display: block;
	/*text-align: center;*/
	margin: 1% 0 3% 0;
 background: #ccc;
 -webkit-border-radius: 5em;
 -moz-border-radius: 5em;
 -ms-border-radius: 5em;
 -o-border-radius: 5em;
 border-radius: 5em;
}
.divider_a { /*短橫線*/
 display:inline-block;
 background-color:#CCC;
 content: "";
 position: relative;
 height: 1px;
 width: 96%; /*控制長度*/
 vertical-align:middle;
 margin:0;
}
.divider_s { /*短橫線*/
 display:inline-block;
 background-color:#CCC;
 content: "";
 position: relative;
 height: 1px;
 width: 35%; /*控制長度*/
 vertical-align:middle;
}
.divider_50 { /*短橫線*/
 display:inline-block;
 background-color:#CCC;
 content: "";
 position: relative;
 height: 1px;
 width: 45%; /*控制長度*/
 vertical-align:middle;
}
.line_title {
display:inline-block;
}
 .table {
 display: table;
 border-collapse: collapse;
}
/* tr */
.row {
 /*display: table-row;
 border:1px solid transparent;*/
 margin: 2% 0%;/*產品上方間距*/
}
/* td , th */
.cell1 {
 display: table-cell;
 width:45%;
 padding: 0 5% 0 0;
 text-align:right;
}
.cell2 {
 display: table-cell;
 width: 45%;
 padding: 0 0 0 5%;
 vertical-align:middle;
}
.cell2 p {
 line-height:1.463em;
 padding: 0 %;
}

/*===得獎實績icon效果===*/
.award {
 text-align:center;
 padding:2%;
 display:block;
}
.award_bottom {
	border-bottom:transparent 1px solid;
}
 .circle_icon {
 width:150px;
 height:150px;
 border:#F2F2F2 3px solid;
}
 .award h1 {
 font-size:1.4em;
 font-weight:700;
 color: #00509F;
 padding:0 20px;
 margin-top:3px;
 margin-bottom:5px;
 line-height: 1.4em;
}
.award h2 {
 display:block;
 margin-top:5%;
 font-size:1em; /*介紹小標*/
 color: #000;
 line-height: 1.4;
padding:0 20px;
}
.award p {
 display:block;
 margin-top:5%;
 font-size:0.9em; /*介紹小標*/
 color: #888;
 line-height: 1em;
}
/*===服務窗口列表===*/
.serve_list {
 margin-top:0%;
 margin-bottom:0%;
 padding:0 0 7% 0;
 width: 100%;
 background-color:#FFF;
}
.serve_list02 {
 margin-top:0.5%;
 margin-bottom:0%;
 padding:0 0 7% 0;
 width: 100%;
 background-color:#F6F6F6;
}
.serve_all {
 clear:both;
 width:100%;
 padding:1%;
 border-bottom:transparent;
}
.serve_all02 {
 clear:both;
 width:100%;
 padding:1%;
}
.serve_title {
 background-color:#85A8E5;
 color:#FFF;
 padding:1%;
 display:inline-block;
 width:100%;
}
.serve_left {
 float:left;
}
.serve_right {
 float:right;
 color:#FFF;
 font-size:0.9em;
  display: inline;
}
.serve_first {
 margin-top:-15px;
 padding:2% 1%;
}
.serve_sub {
 padding:2% 0%;
}
.serve_mg {
 padding-left:3%
}

.carrer {
 color:#888;
 font-size:0.9em;
}
	
/*====新聞列表=======*/	
.News_nav { /*子選單*/
	display:inline;
	}
.list_all ul {
	margin-left:0px;
	padding-left:1%;
}
.list_news {
list-style-type:none;
}
.list_news a {
display: block;
padding: 1% 1% 11% 1%;
background-color: #FFF;
transition: background-color .3s ease-out;
-webkit-transition: background-color .3s ease-out;
border-bottom: transparent;
}
.list_news a:hover {
background-color: #F2F2F2;
}
.list_news li {
/*border-bottom: 1px solid #85A8E5;*/
background:#FFF;
margin-bottom:0px;
}
.list_news .news_group {
float:left;
width: 85%;
clear:none;
}
.list_news .pub_date {
float: left;
width: 12%;
margin-right: 2%;
text-align:center;
clear:none;
}
.list_news .pub_date time {
display: block;
font-size:0.9em;
padding:5px;
background:#85A8E5;
color:#FFF;
border-radius: 5px;
}
.list_news .case_date {
float: left;
width: 10%;
margin-right: 2%;
text-align:center;
clear:none;
}
.list_news .case_date time {
display: block;
font-size:1em;
padding:4px;
background:#85A8E5;
color:#FFF;
border-radius: 5px;
}

.list_news .title {
font-size: 1.4em;
font-weight: bold;
color:#06C;
/*padding-left:1%;*/
}
.list_news .title-main {
font-size: 1.4em;
font-weight: bold;
color:#06C;
padding-left:1%;
}
.list_news .short_desc {
margin-top: 8px;
color: #333;
line-height:1.6;
}
.list_news .short_desc:after {
content:"...more";
color: #06c;
font-size:0.9em;
}
.pagelist{ /*頁碼*/
	margin:0% auto;
	text-align:center;}

.pagelist_phone{ /*頁碼*/
    display:none;
	margin:0% auto;
	text-align:center;}
/*電腦頁碼*/ 
.pagelist_title{ 
    display:block;
	margin:0 0 2% 0;
	text-align:center;
	font-size: 0.9em;
	}
.pagelist_title .pretitle{
	width:39%;
	margin:0 0 2% 0;
	padding-right:2% ;
	float:left;
	text-align:left;
	line-height:1.4;
	}
.pagelist_title .midtitle {
	font-size:0.9em;
	width:14%;
	margin:0 0 2% 0;
	float:left;
	padding:0% 2%;
	line-height:1.4;
	text-align:center;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
	} 
.pagelist_title .midtitle a {
	color:#999;
}
.pagelist_title .nexttitle{
	width:39%;
	margin:0 0 2% 0;
	padding-left:1% ;
	float:right;
	text-align:left;
	line-height:1.4;
	}
.pagelist_title .pretitle a , .pagelist_title .nexttitle a{
	color:#06C;
}
.pagelist_title .pretitle a:hover , .pagelist_title .nexttitle a:hover {
	color:#06C;
	font-weight:bold;
}
.page_icon{
	margin:-0.5% 0 2% 0;
	color:#06c;
	width:3%;
	float:left;
	}
.page_icon02{
	margin:-0.5% 0 2% 0;
	color:#06c;
	width:3%;
	float:right;
	}
/*新聞內容*/
.list_newstext .list_main  {
padding:1% 3%;
line-height:1.6;
}
.list_newstext  .title-main {
font-size: 1.4em;
font-weight: bold;
color:#06C;
padding-left:1%;
}
.list_newstext .list_main img {
clear:both;
display:block;
margin:auto;
max-width:100%;
}
.list_newstext .list_main .pic_note{
color:#F60;
font-size:0.9em;
text-align:center;
margin:2% auto;
}
.list_newstext h4{
color:#06C;
font-size:1.1em;
font-weight:bold;
margin:1% auto;
}
.list_newstext h5{
color:#000;
font-size:1.1em;
font-weight:bold;
margin:1% auto;
}
.list_newstext h6{
color:#09F;
font-size:0.95em;
text-align:center;
margin:2% auto;
}
.newstime {
	color:#888;
	font-size:0.9em;
	margin-left:1%;}
.list_plus {
	line-height:1.6;}
.list_plus h1 {
	font-size:1em;
	color:#F60;}	
	
/*===CASE 成功案例===*/
.case_all{
	float:left;
	width:100%;
	display:block;
	padding: 1% 2% 2% 2% ;
	border-bottom:#ddd 1px solid;
	margin-bottom:2%;
	}
.case_logopic{
float:left;
display:inline-block;
width:20%;
padding: 0% 1% ;	
	}
.case_intro {
float:left;
display:inline-block;
width:80%;
padding:0% 1%;
vertical-align:top;
}	
.case_intro p {
margin-top:1%;
font-size: 1.4em;
font-weight: bold;
color:#039;
line-height:1.4;
}	
.case_intro .case_name {
display:inline-block;
font-size: 1em;
font-weight: bold;
color:#FFF;
padding:0.5% 1%;
background-color:#F60;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.case_intro .case_item {
color:#85A8E5;
font-size:0.9em;
margin-top:0;
}

/*===客服中心===*/
.maintain_text {
	border: solid 1px #DCEAFF;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
	 background:#DCEAFF;
	 color:#666;
	 display:block;
}
.maintain_text .arrow_L01{ /*箭頭左*/
    display:block;
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent  transparent ;
	position:absolute;
	top:32%;
	left:-30px;
}
.maintain_text .arrow_L02{ /*箭頭左-邊框*/
    display:block;
	width:0px;
	height:0px;
	border-width:15px;
	border-style:solid;
	border-color:transparent #DCEAFF transparent transparent ;
	position:absolute;
	top:32%;
	left:-29px;
}

.maintain_pic {
	margin-top:-1.5%;/*ICON離左方距離*/
	text-align:center;
	line-height:1.4;
	display:block;
}
.maintain_pic img {
	width:36%;
}
.maintain_pic p {
	font-size:1.2em;
	color:#06C;
	font-weight:700;
}
.maintain_pic02 {
	margin-left:-3%;/*ICON離左方距離*/
	text-align:center;
	line-height:1.4;
	display:block;
}
.maintain {
 padding:2% 6%;
/* border-bottom:#F0F0F0 1px solid;*/
}
.maintain ul{
	padding:2% 3%;
	margin:0;
}
.maintain li{
	line-height:1.43;
}

/*==== 加值服務 =====*/
.plus_service {
 clear:both;
 text-align:center;
 padding:0% 0 30% 0 ;/*高度*/
 margin-bottom:3%;
 
}
.plus_boarder{
	 border-bottom:#E5E5E5 1px dotted;
}
.plus_box{
position: relative;/*置底相關*/
height:260px;
border-bottom:transparent 1px dotted;
}
.plus_foot{
position:absolute;/*置底相關*/
margin-top:5%;
margin-bottom:0%;
left:33%;
bottom:0;/*置底相關*/
}
.plus_service img {
	 padding:2% 0 0 0 ;/*高度*/
	 margin-bottom:-5%;
	width:40%;
}
.plus_service h1 { /*標題*/
 padding:0% 5%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.plus_service h3 { /*標題*/
 padding:0% 12%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.plus_service h4 { /*標題*/
 padding:4% 16% 0%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.plus_service h2 {
 padding:0% 5%  10%  5%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.plus_service p {
 margin-top:3%;
 font-size:1em; 
 line-height:1.4;
}

.service_ul{
padding-left:7%;
padding-bottom:2%;
}
/*==== 代理產品 =====*/
.agent {
 clear:both;
 text-align:center;
 padding:0% 0 30% 0 ;/*高度*/
 margin-bottom:3%;
 
}
.agent img {
	 padding:2% 0 0 0 ;/*高度*/
	 margin-bottom:-5%;
	width:27%;
}
.agent h1 {
 padding:0% 10%;
 font-size:1.4em;
 font-weight:700;
 color: #039;
}
.agent p {
 margin-top:3%;
 padding:0% 5%;
 font-size:1em; 
 line-height:1.4;
 text-align:justify;
}
.agent_boarder{
border-bottom:#E5E5E5 1px dotted;
}
.agent_box{
position: relative;/*置底相關*/
height:250px;
}

.agent_foot{
position:absolute;/*置底相關*/
left:33%;
bottom:0;/*置底相關*/
}
.agt_view{
	display:inline-block;
	}
.agt_view::after{
	content:"|";
	color:#999;
	margin-right:3px;
	}
.agt_download{
	display:inline-block;
	}
.food_R ,.food_G ,.food_O{
	font-size:40px;
	border-radius:60px;
	padding:0.2em 0.75em;
	margin:0.7em 0 0 0.5em;}

/*:::::::::::::::::::::::::::舊的::::::::::::::::::::::::::::::::::::::::::*/

}