﻿a {
	color:#0086B3;
}
.wcolo_1 {
	color:#4d4d4d;
}
.wcolo_2 {
	color:#ff9900;
}
.wcolo_3 {
	color:#0086b3;
}
.wcolo_4 {
	color:#4d4d4d;
	font-size: 12px;
	font-weight: bold;
}
.wcolo_5 {
	color:#ff9900;
	font-size: 12px;
	font-weight: bold;
}
.wtel_txt {
	font-size:28px;
	color:#0086b3;
	font-weight: bold;
}
.wtel_txt_ft {
	font-size:22px;
	color:#0086b3;
	font-weight: bold;
}
.colo_score {
	color:#997a00;
}

.ckeditor_content{
	line-height: 35px;
}
.bg_header {
	background-color:#ffffff ;
}
.header-desk {
    
}
.header-desk .header_bg {
    padding-top: 5px;
	padding-bottom: 5px;
	box-shadow: -2px 4px 9px #868585; 
-webkit-box-shadow: -2px 4px 9px #868585; 
-moz-box-shadow: -2px 4px 9px #868585; 
}
.header-desk .logo_img {
    height: 60px;
}
.header-desk .header_item {
	display:inline-block;
	padding: 0px 2% 0px 2%;
	vertical-align:middle;
}
.header-desk .header_item a{
	color: #333;	
	font-size:1em;	
}
.header-desk .header_item a:hover{
	color: #0086B3;	
}
.header-desk .header_item2{
	display:inline-block;
	vertical-align:middle;
}
.header-desk .header_menu {
}

.header-desk .item_menu, .item_menu_ex {
	display:inline-block;
	min-width:13.5%;
	border-left:1px solid #cccccc ;
}
.header-desk .item_menu a, .item_menu_div{
	display:inline-block;
	width:100%;
	padding: 12px 2%;
	color: #000;
	text-align:center;
	font-weight: bold;
	font-size: 1.2em;
}
.header-desk .item_menu a:hover{
	color: #0086B3;
}
.header_menubg{
	background-color: #F4F4F4;
}
/*次選單*/
.header-desk .block_menu_f2{
	margin-top:-15px;
	margin-bottom: 40px;
	min-height: 50px;
	padding-top:10px;
	padding-bottom:10px;
	display:none;
	box-shadow: 1px 5px 3px #d1d1d1;
	-webkit-box-shadow: 1px 4px 3px #d1d1d1;
	-moz-box-shadow: 1x 5px 3px #d1d1d1;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0086b3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B6B6;
	position: fixed;
	z-index: 10;
	background-color:#fff;
	box-shadow: 0px 20px 30px rgba(0, 0, 0, .25);
	}

@media (min-width: 1200px) {
	.header-desk .block_menu_f2 {
		width: 1140px;
	}
}

@media (min-width: 992px) {
	.header-desk .block_menu_f2 {
		width: 960px;;
	}
}

.header-desk .block_menu_f2 .item_menu2 {
	display:inline-block;
	min-width:13%;

}
.header-desk  .block_menu_f2 .item_menu2  a{
	display:inline-block;
	font-weight:bold;
	width:100%;
	padding: 6px 2%;
	color: #3d83b4;
	font-size:1.1em;
	text-align:center;
	
}
.header-desk  .block_menu_f2 .item_menu2 a:hover{
	color: #333;
}

.header-desk .header_bottom_line {
	border-bottom:3px solid #0086b3 ;
}

.header-phone .header_menu_btn {
	display:inline-block;
	width:100%;
	height:100%;
	padding-top: 10px;
	
	text-align: center;
    font-size: 30px;
	
}
.header-phone .menu_frame {
	position:relative;
	display: none ;
    width: 100%;
	position: fixed;
    top: 60px;
    left: 0px;
	z-index: 1000;
}
.header-phone .header_menu {
	width:100%;
	height:0px;
	background-color:#fafafa;
	font-size:18px;
	overflow-x:hidden;
	overflow-y:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0086B3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0086B3;
}
.header-phone .item_menu {
	padding:10px 5px;
	font-weight:700
}
.header-phone .item_menu a {
	border-bottom:2px solid transparent;
	color: #000;	
}
.header-phone .block_menu_f2 {
	padding-left:15px;
}
.header-phone .block_menu_f2 a {
	font-weight:400
}
.header-phone .item_menu a:hover {
	border-color: #0086B3 ;
}
header.menu_open .menu_frame {
	display:inline-block;
}
header.menu_open .header-phone .header_menu {
	display:inline-block;
	height:auto;
	max-height:80vh;
	padding-left:25px
}

.footer_top_line {
	border-bottom:3px solid #0086b3 ;
}

.footer-desk .list_href {
	display: inline-block;
	width: 100%;
	padding: 5px 1.5vw 20px 1.5vw;
}

.footer-desk .item_href {
	font-size:1.2em;
	padding: 10px 23px 2px 23px;
}

.footer-desk .item_href.list_tit a {
	color:#0086b3 ;
	font-weight:600;
	padding: 10px 0px 2px 0px;
}

.footer-desk .block_menu {
	color:#666666;
}

.footer-desk .item_href a:hover{
	color:#b15b00;
}
.footer_content {
	padding: 15px 0px ;
	background-color:#e6f7ff ;
}
.footer_content .item_config {
	padding-top: 15px;

	font-size: 16px;    
}
.footer_content .fa {
	margin-right:10px;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	
	
	
    background-color:#595959 ;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	
	font-size: 16px;
	color:#ffffff;
}

/*-------------------------- VIEW -------------------------- */
section > view {

    padding-bottom:30px;
}
.bg_section {
	padding-bottom:30px;
}

.page_link {
	font-size:0.9em;
	font-weight:600;
}
.page_link a {
	color:#595959;
}
.page_link_title {
	display:none;
}

.group_star .fa {
	color:#ffcc00 ;
	font-size:20px;
}

.btn {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 12px;
    font-size: 1em;
    border-radius: 3px;
     cursor: pointer;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.btn-submit {
	font-weight: 600;
	background-color:#0086B3;
	color: #FFF;
}
.btn-success {
border: 1px solid #999;
background-color:#FFF;
-webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 0px 0px #555;
    -moz-box-shadow: 1px 1px 0px 0px #555;
    box-shadow: 1px 1px 0px 0px #555;
	font-family: "微軟正黑體";

}

.btn_more {
	border: 1px solid #0066ff;
    color: #0066ff;
    background-color: #ffffff;
	text-align:center ;
}
.btn_visit {
border: 1px solid #0066ff;
    color: #0066ff;
    background-color: #ffffff;
    text-align: center;
	margin-bottom: 2px;
	font-size: 12px;
}
.btn_inquiry {
	border: 1px solid #e50404;
    color: #e50404;
    background-color: #ffffff;
    text-align: center;
    margin-bottom: 2px;
    font-size: 12px;
}

/*-------------------------- 輸入框 -------------------------- */
.block_form .fa-asterisk {
	color:red;
	font-size:8px;
	vertical-align:top;
}
.block_form .form_tit {
	padding: 8px 15px 5px 0px ;
	font-weight:600;
	
}
.block_form .form_inp {
	
}

/*左邊 MUNU */
.space_leftmenu {
	background-color: #cce6ff;
	padding-bottom:70px;
	margin-bottom:20px;
}
.space_leftmenu .top_line {
	height:5px;
	margin-bottom:1px;
	background-color: #33ccff ;
	
}
.space_leftmenu .title {
	background-color: #0080ff ;
	color:#ffffff;
	padding:10px 0px 10px 15px;
	font-weight:800;
}
.space_leftmenu > .block_menu {
	border-bottom:1px solid #cccccc ;
}
.space_leftmenu .block_menu .item_menu a {
	display:inline-block;
	width:100%;
	padding:10px 0px 10px 15px;
}
.space_leftmenu .block_menu .block_menu {
	padding-left:15px;
}
.space_leftmenu .block_menu .item_menu:hover > a {
	background-color: #ffff33 ;
}

/*含 form_tit,form_inp 的項目 */
.block_desc {
	margin-bottom:10px;
	background-color:#b3e6ff;
	border:1px solid #cccccc ;
	font-weight:600;
}
.block_desc .block_input {
	border-bottom:1px solid #cccccc ;
}
.block_desc .form_tit {
	text-align:left;
	padding:10px;
}
.block_desc .form_inp {
	text-align:left;
	padding:10px;
	background-color:#ffffff;
}
.block_desc .form_inp p {
	font-weight:normal;
}

/*-------------------------- 輸入框 的 第2樣式 -------------------------- */
.block_form.style2 {
	border-collapse:collapse;
}
.block_form.style2 .block_input {
	background-color:#F0F4F9 ;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.block_form.style2 .form_heat {
    padding: 10px;
    background-color: #DFE8F2;
    border: 1px solid #CCCCCC;
    font-size: 1.2em;
    font-weight: bold;
}
.block_form.style2 .form_tit {
	padding:10px;
	border-top:1px solid #CCCCCC;
}
.block_form.style2 .form_inp {
	padding:8px;
	background-color:#ffffff;
	border-top:1px solid #CCCCCC;
	
}
.block_form h3
 
{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 8px;	
	}
/*-------------------------- table 清單 -------------------------- */
.tab_list {
	border-top:1px solid #cccccc ;
	border-left:1px solid #cccccc ;
	border-right:1px solid #cccccc ;
	margin-top:5px;
}
.tab_list th {
	padding:10px 2px;
	text-align:center;
	border-bottom:1px solid #cccccc ;
	background-color: #f0f0f0;
}
.tab_list td {
	padding:15px 2px;
	text-align:center ;
	border-bottom:1px solid #cccccc ;
}
.tab_list .btn_more {
	padding:1px 2px;
    font-size: 10px;
}
.tab_list .icon {
	font-size: 26px;
}

/*-------------------------- 首頁 -------------------------- */
.banner_list .item_banner {
	background-size:contain;	
	background-position:center;
	background-repeat: no-repeat ;
}
.banner_list .item_banner img {
	visibility: hidden;
}
/*標題*/
.block_title {
	display: inline-block;
	width: 100%;
	margin-bottom:10px;
	font-family: MS Serif;
}
.block_title .word1 {
	margin-right: 2px;
	font-size:6.5em;
	float:left;
	color:#3F6CB6;
}
.block_title .wordo {
	padding-top:15px;
}
.block_title .word_zh {
	font-size: 2em;
	font-family: "微軟正黑體";
	letter-spacing: 0.8em;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:#3F6CB6;	
}
.block_title .word_zh_2 {
	font-size: 2em;
	border-bottom: 1px solid #3F6CB6;
	font-family: "微軟正黑體";
	letter-spacing: 0.8em;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	font-weight: bold;
	color: #FFF;
}
.block_title .word_2 {
	padding-left:5px;
	font-size:25px;
	color:#567dbe;
	padding-top: 5px;
}
.block_title.style2 .word1,
.block_title.style2 .word_zh,
.block_title.style2 .word_2 {
	color:#ffffff;
}

.space_math {
	margin-bottom:20px;
	padding-top:35px;
}
.space_math .item_math {
	margin:2px;
	padding:10px;
	border:1px solid #cccccc ;
	text-align:center;
	
	box-shadow: 0px 1px 3px #cdc4c4;;
}
.item_math .pict {
	margin-bottom:10px;
}
.item_math .tit {
	margin-bottom:5px;
	font-size:1.3em;
	font-weight: 700;
}
.item_math .content {
	margin-bottom:5px;
	font-size:0.9em;
	color:#787777;
	line-height: 20px;
}
.space_service {
	padding:5px 0px 30px 0px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,eff3f4+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(239,243,244,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(239,243,244,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(239,243,244,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff3f4',GradientType=0 ); /* IE6-9 */


}
.space_service .header {
	text-align:center;
	margin-bottom:25px;
	margin-top: 35px;
	font-size: 1em;
	font-weight: bold;
}	
.space_service .header .tit {
	font-size:2em;
	border-bottom:1px solid #3F6CB6;
	padding-bottom: 2px;
	font-weight: bold;
	letter-spacing: 0.3em;
}
.space_service .pict img {
	width:100%;
}

.space_tech {
	margin-top:35px;
}
.space_tech .item_tech {
	display:inline-block ;
	min-width:320px;
	height:320px;
	padding:5px;
	
}	
.space_tech .item_tech .title_id{
	padding:5px 15px;
	position:absolute;
	margin:40px 0 0 0px;
	background-color:#948cd5;
	opacity:0.8;
	font-size:0.9em;
	color:#fff;
}

.space_tech .item_tech .pict {	
	min-width:300px;
	height:300px;
	background-size:contain;	
	background-position:center;
	background-repeat: no-repeat ;
	border:1px solid #4364a7;
	-webkit-border-radius: 15px 15px 15px 15px;
	border-radius: 30px;
	box-shadow: 0px 3px 3px #cecece;
}

.space_success {
	padding:20px 10px 45px 10px;
	margin-top:35px;
	
	background-color:#5F6CB0 ;
}
.space_success .item_success {
	background-color:#ffffff;
	padding:10px;
	border: 1px solid #CCC;	
}
.space_success .item_success .pict {
	width:100%;
	height:150px ;
	
	background-size:contain;	
	background-position:center;
	background-repeat: no-repeat ;
}
.space_success .item_success .tit {
	font-weight: 700;	
}
.space_partner {
	margin-top:35px;
	
}
.space_partner .item_partner {
	margin:5px;
	padding:10px;
	border:1px solid #cccccc ;
	box-shadow: 0px 3px 3px #999999;
}
.space_partner .item_partner img  {
	width:100%;
	max-height:60px;
}
		


