/*通用*/
body {
	margin:0; 
	padding:0; 
	line-height:170%; 
	font-size:14px; 
	font-family:"微軟正黑體",open-sans, Arial, sans-serif !important;
	color:#666;
	background:#fff;
}
a{
	text-decoration:none;
}
a:hover, a:focus{
	color:#008ed7;
	text-decoration:none;
}
img{
	max-width:100%; 
	height:auto;
}
*{
	padding:0;
	margin:0;
}
li {
    line-height: none;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;
    padding-left: 0px;
}
.display_none{
	display:none;
}
.btn {
    padding: 5px 10px;
}
.btn_01{
	padding: 7px 20px;
	background:#008ed7;
	color:#fff;
	cursor:pointer;
	margin:5px 0;
	border-radius:5px;
	border:none;
	white-space:nowrap;
}
.btn_01:hover{
	background:#004d74;
	color:#fff;
}
.btn_01 i{
	padding-right:5px;
}
.title_01{
	font-size:26px;
	line-height: 150%;
	font-weight:bold;
}
.title_02{
	font-size:20px;
	font-weight:bold;
	color:#aacd05;
	margin:15px 0;
}
.item_info{
	padding:3px 0;
}
.item_date{
	color:#999;
	font-size:13px;
	padding-right:10px;
}
.item_date:before {
    content: "\f017";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 12px;
    padding-right: 0.5em;
    position: relative;
    left: 0;
}
/*.item_class:before{
	content: "∣";
	padding:0 5px;
	color:#999;
}*/
.item_class{
	color:#999;
}
.font_01{
	font-size: 12px;
    color: #999;
}
.img_padding {
    padding: 10px;
}
.text-indent {
    text-indent: 2em;
}
.display_inline {
    display: inline-block !important;
}
.scroll-to-top{
	display:none !important;
}


/*右側選單*/
#ICON{
	position:absolute;
	right:5px;
	width:50px;
	text-align:center;
	z-index:99;
	top:120px;
}
.icon_link{
	list-style:none;
	padding-left:0 !important;
	border-radius:25px;
	padding:10px 0;
	margin-top:-8px;
}
.icon_link img{
	width: 42px;
    height: 42px;
    border-radius: 50%;
    padding: 4px;
	margin-bottom:-10px;
}
.fa-md {
    font-size: 1.5em;
}
.bg_edit{
	color:rgba(255,0,0,.6);
}
.bg_user{
	color:rgba(0,142,215,.6);
}
.bg_mail{
	color:rgba(246,182,42,.6);
}
.bg_icon{
	color: rgba(0,0,0,.6);
}
#ICON .fa-times , #ICON .fa-envelope , #ICON .fa-tags{
    /*margin-top: -2px;*/
}
.icon_link li{
	margin-bottom:6px;
}
.icon_link .title{
	color:#fff;
	border-radius:50%;
	font-size:12px;
	line-height:130%;
	padding: 10px;
}
.icon_link li:nth-child(1) .title{
	background:rgba(255,0,0,.6);
}
.icon_link li:nth-child(1):hover .title{
	background:rgba(255,0,0,.9);
}
.icon_link li:nth-child(2) .title{
	background:rgba(0,142,215,.6);
}
.icon_link li:nth-child(2):hover .title{
	background:rgba(0,142,215,.9);
}
.icon_link li:nth-child(3) .title{
	background:rgba(170,205,5,.6);
}
.icon_link li:nth-child(3):hover .title{
	background:rgba(170,205,5,.9);
}


/*header*/
#header .header-top {
    background-color: #333;
    border-bottom: none;
	padding:0px;
}
#header .header-top p{
	color:#fff;
}
.top_tel{
	color:#aacd05;
	font-size:16px;
	font-weight: bold;
}
.header-nav-top li:after {
    content: "∣";
    padding: 0 5px 0 8px;
    color: #ccc;
}
.header-nav-top li:last-child:after {
    content: "";
	padding: 0 0 0 8px;
}
#header .header-container {
    padding: 0 15px;
}
.social-icons li a {
	background:rgba(255,255,255,.1);
}
#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
    background: none;
	color:#008ed7;
}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
    background: none;
    color: #008ed7;
	border-radius:0;
}
#header .dropdown-menu li a{
	border-top:none !important;
}
#header .header-nav-main nav > ul > li{
	margin:0 10px;
}
#header .header-nav-main nav > ul > li > a {
    padding: 7px 0;
}
.social-icons li {
    box-shadow: none;
}
#header .header-top.header-top-style-3 {
    margin-top: 0;
    margin-bottom: 0;
}
#header.header-narrow .header-logo img {
    margin: 5px 12px 5px 0;
}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    padding: 6px 3px;
}
#header .header-top .header-nav-top {
    margin-right: 0;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-submenu li a {
    border-bottom: 1px dotted rgba(255,255,255,.3) !important;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-submenu li:last-child a {
    border-bottom: none !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: rgba(0,0,0,0.3);
}
.free_box{
	margin:10px 0;
	float:left;
}
.btn_free{
	padding:8px 10px;
	background:red;
	color:#fff;
	margin-left:5px;
	border-radius:4px;
}
.btn_free:hover ,.btn_free:focus{
	background:#008ed7;
	color:#fff !important;
}


/*index banner*/
.index_banner{
	position: relative;
}
.owl-carousel .owl-dots{
	position:relative;
	margin-top:-30px;
}
.owl-carousel .owl-nav {
	margin-top: 0;
}
/*.owl-carousel .owl-nav .owl-prev:before , .owl-carousel .owl-nav .owl-next:before{
	display:none;
}
.owl-carousel .owl-nav .owl-prev {
    background: url(../img/icon_left.png) !important;
}
.owl-carousel .owl-nav .owl-prev:hover {
    background: url(../img/icon_left_02.png) !important;
}
.owl-carousel .owl-nav .owl-next {
    background: url(../img/icon_right.png) !important;
}
.owl-carousel .owl-nav .owl-next:hover {
    background: url(../img/icon_right_02.png) !important;
}*/
.index_banner .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -31px !important
	
}

/*slogan*/
.slogan{
	float:left;
	width:100%;
	background:#333;
	color:#999;
	padding:30px 20px;
	/*background-image:url(../img/fullpage_bg_light.png);*/
}
.slogan .left{
	width:62%;
	float:left;
	line-height:170%;
}
.slogan .left .big{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-bottom:5px;
}
.slogan .right{
	width:38%;
	float:left;
	text-align:right;
}
.slogan .right .btn_box{
	margin:25px 0;
}
.slogan .right .btn_more{
	padding: 10px 20px;
	background:#008ed7;
	color:#fff !important;
	cursor:pointer;
	border-radius:5px;
	border:none;
	margin:0 5px;
	white-space:nowrap;
}
.slogan .right .btn_more:hover{
	background:#aacd05;
}
.slogan .right .btn_more_red{
	background:red;
}
.slogan .right .btn_more_red:hover{
	background:#008ed7;
}


/*index_owl_4*/
.index_owl_4{
	float:left;
	width:100%;
	padding:50px 0;
}
.index_owl_4 .container {
    padding: 0 60px;
}
.index_owl_4 .title_01 {
    text-align: center;
}
.index_owl_4 .title_01:after {
    content: '';
    display: block;
    margin: 10px auto 30px auto;
    width: 40px;
    border-top: 2px solid #008ed7;
}
.index_owl_4 .list{
	width:100%;
	float:left;
}
.index_owl_4 .owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.index_owl_4 .owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.index_owl_4 .item_title{
	color:#000000;
	font-size:20px;
	font-weight:bold;
	padding:5px 0;
	line-height:150%;
}
.index_owl_4 a:hover .item_title{
	color:#008ed7;
}
.index_owl_4 .item_date{
	padding:5px 10px 5px 2px;
	color: rgba(0,142,215,.6);
	display:none;
}
.index_owl_4 .item_class{
	color: rgba(0,142,215,.6);
}
.index_owl_4 .btn_box{
	text-align:center;
	width:100%;
	float:left;
	margin: 20px 0;
}
.index_owl_4 .btn_box .btn_01{
	padding: 10px 20px !important;
}


/*index_cost*/
.index_cost{
	float:left;
	width:100%;
	padding:5% 0;
	background:url(../img/index_bg_01.jpg);
	background-size:cover;
	background-position:center;
	color:#fff;
	text-align:center;
}
.index_cost .title_01 {
	color:#aacd05;
}
.index_cost .title_01:after {
    content: '';
    display: block;
    margin: 10px auto 30px auto;
    width: 40px;
    border-top: 2px solid #aacd05;
}
.index_cost .btn_box{
	width:100%;
	float:left;
	margin: 30px 0 20px 0;
}
.index_cost .con_font{
	text-shadow: 0 1px 3px rgba(0,0,0,.8);
}


/*index_features*/
.index_features{
	float:left;
	width:100%;
	padding:50px 0;
}
.index_features .title_01 {
	text-align:center;
}
.index_features .title_01:after {
    content: '';
    display: block;
    margin: 10px auto 30px auto;
    width: 40px;
    border-top: 2px solid #008ed7;
}
.index_features ul{
	list-style:none;
}
.index_features ul li{
	float:left;
	width:18%;
	margin:1%;
	background:#f7f7f7;
	min-height:241px;
	padding:30px;
	text-align:center;
}
.index_features ul li:nth-child(6){
	clear:both;
}
.index_features .list i{
	color:#008ed7;
	font-size:40px;
}
.index_features .list .item_title{
	color:#008ed7;
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}
.index_features .list .con_font{
	text-align:left;
}


/*index_step*/
.index_step{
	float:left;
	width:100%;
	padding:50px 0;
	background:url(../img/index_bg_02.jpg);
	background-size:cover;
	background-position:bottom center;
	color:#fff;
	text-align:center;
}
.index_step .title_01 {
	color:#fff;
}
.index_step .title_01:after {
    content: '';
    display: block;
    margin: 10px auto 30px auto;
    width: 40px;
    border-top: 2px solid #008ed7;
}
.index_step .list{
	float:left;
	width:100%;
	list-style:none;
}
.index_step .list li{
	float:left;
	width:46%;
	margin:2%;
	background:#fff;
	color:#fff;
	padding:30px 5px 0 15px;
	overflow: hidden;
	font-size:16px;
	height:95px;
	cursor:pointer;
	position:relative
}
.index_step .list li:hover{
	background:#008ed7;
}
.index_step .list li:hover .step ,.index_step .list li:hover .title{
	color:#fff !important;
}
.index_step .list li:hover .small_font{
	color:#c7ecff !important;
}
.index_step .list .step{
	color:rgba(0,142,215,1);
	font-size: 120px;
    font-weight: 900;
    margin-bottom: -23px;
    transform: scale(.8, 1);
    margin-right: -20px;
    text-align: left;
	font-family:Impact;
	float:left;
	width:60px;
	position: absolute;
    bottom: 45px;
}
.index_step .list  .title{
	font-size:30px;
	font-weight:bold;
	color:#008ed7;
	text-align:left;
	padding-left:70px;
	min-height:60px;
	float:left;
}
.index_step .list .small_font{
	font-size:16px;
	color:#666;
	margin:0 0 5px 0;
}


/*index_link
.index_link{
	float:left;
	width:100%;
	padding:30px 0 20px 0;
}
.index_link .container {
    padding: 0 60px;
}
.index_link .owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.index_link .owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.index_link img{
	border:solid #ccc 1px;
}*/


/*index_owl_2*/
.index_owl_2{
	float:left;
	width:100%;
	padding:50px 0;
}
.index_owl_2 .container {
    padding: 0 60px;
}
.index_owl_2 .title_01 {
    text-align: center;
}
.index_owl_2 .title_01:after {
    content: '';
    display: block;
    margin: 10px auto 30px auto;
    width: 40px;
    border-top: 2px solid #008ed7;
}
.index_owl_2 .list{
	width:100%;
	float:left;
}
.index_owl_2 .owl-carousel .owl-nav .owl-prev {
    left: -60px;
}
.index_owl_2 .owl-carousel .owl-nav .owl-next {
    right: -60px;
}
.index_owl_2 .list a{
	padding:15px;
	border:solid #eee 1px;
	float:left;
	width:100%;
	border-radius:5px;
}
.index_owl_2 img{
	width:40% !important;
	margin-right:15px;
	border-radius:5px;
}
.index_owl_2 .item_title{
	color:#008ed7;
	padding:5px 0;
	line-height:150%;
	font-size:20px;
	font-weight:bold;
}
.index_owl_2 a:hover .item_title{
	color:#008ed7;
}
.index_owl_2 .item_date{
	display:none;
}
.index_owl_2 .btn_box{
	text-align:center;
	width:100%;
	float:left;
	margin: 60px 0 20px 0;
}
.index_owl_2 .btn_box .btn_01{
	padding: 10px 20px !important;
}
.index_owl_2 .more {
	color:#ccc;
	font-size:13px;
}
.index_owl_2 a:hover .more{
	color:#008ed7;
}


/*footer*/
footer{
	background:#333;
	padding:30px 0 0 0;
	float:left;
	width:100%;
	border-top: solid #305669 10px;
}
footer .container{
	padding:0 20px;
}
.footer_list{
	width:14.2%;
	color:#002672;
	font-size:18px;
	vertical-align:top;
	float:left;
	font-weight:bold;
}
footer .container .footer_list:nth-child(7n+1){
	clear:both;
}
.footer_list .title a{
	color:#008ed7;
}
.footer_list .title a:hover{
	color:#aacd05;
}
.footer_list>div{
	border-radius:5px;
	padding:7px 15px;
	color:#008ed7;
    line-height: 130%;
}
.footer_list_01{
	list-style:none;
    padding: 5px 0 5px 15px;
}
.footer_list_01 a{
	color:#fff;
}
.footer_list_01 a:hover{
	color:#aacd05;
}
.footer_list_01 li{
	width:100%;
	color:#333;
	font-size:14px;
	font-weight:normal;
	padding: 5px 0;
    line-height: 130%;
}
footer a:hover{
	color:#008ed7;
}
.copyright{
	background:#333;
	padding:0;
	margin-top:20px;
	color: #fff;
	float:left;
	width:100%;
	border-top:solid #666 1px;
}
.copyright .item{
	padding:2%;
}
.copyright .item:nth-child(1){
	width:45%;
	float:left;
	padding-top:3%;
}
.copyright .item:nth-child(2){
	width:25%;
	float:left;
	padding-top:3%;
}
.copyright .item:nth-child(3){
	width:30%;
	float:left;
	padding:3% 2%;
}
.copyright .title{
	font-size:18px;
	color:#008ed7;
	font-weight:bold;
	margin-bottom:10px;
}
.copyright .about{
	margin-bottom:15px;
}
.copyright .more a{
	color:#aacd05;
}
.copyright .more a:hover{
	color:#008ed7;
}
.copyright .menu{
	list-style:none;
	float:left;
	width:100%;
	margin:10px 0;
}
.copyright .menu a li{
	margin:2px;
	float:left;
	background:rgba(255,255,255,.1);
	border-radius:4px;
	color:#fff;
	padding:5px 10px;
}
.copyright .menu a:hover li{
	background:#008ed7;
	color:#fff;
}
.copyright .footer_tel {
	color:#aacd05 !important;
	font-size:28px !important;
	font-weight:bold !important;
	margin:8px 0;
}
.footer_tel a, .footer_tel a:hover, .footer_tel a:focus {
    color:#aacd05 !important;
}
.copyright .mail{
	clear:both;
}
.copyright_font{
	font-size:12px;
}
.fb-xfbml-parse-ignore{
	border-left-color: #333;
}
.footer_design{
	color:rgba(255,255,255,0.3);
	font-size:12px;
}
.footer_design a{
	color:rgba(255,255,255,0.3) !important;
}
.copyright .social-icons li a {
	width:50px;
	height:50px;
}
.copyright .social-icons li a i {
    margin-top: 12px;
}
/*.footer_tel a[x-apple-data-detectors]{
  	color:#aacd05 !important;
	font-size:28px !important;
	font-weight:bold !important;

a[href^=tel]{ color:#F00; text-decoration:none;}
a[href^="tel:"] {
  color: orange;
  text-decoration: none;
}
a:-webkit-any-link {
color: inherit !important;
text-decoration: none;
}*/

/*page banner*/
.page_banner{
	background-position: top center;
	background-size: cover;
	height:155px;
	position:relative;
	float:left;
	width:100%;
}
.page_banner .container {
    max-width: 100%;
    padding-right:0;
    padding-left:0;
}
.page_banner .page_title{
	color:#008ed7;
	font-size:24px;
	width: 100%;
	text-align:center;
	padding-top: 60px;
	/*text-shadow:2px 2px 2px #666;*/
	font-weight:bold;
	display:none;
}
/*.page_banner .page_title:before{
	content:url(../img/page_title_icon.png);
	padding-right: 20px;
    vertical-align: text-top;
}
.page_banner .page_title:after{
	content:url(../img/page_title_icon.png);
	padding-left: 20px;
    vertical-align: text-top;
}*/

/*page top*/
.page_top{
	background:#fff;
	padding:8px 10px;
	border-bottom:#eee solid 1px;
	width:100%;
	float:left;
}
.page_top ul{
	list-style:none;
	margin-bottom: 0px;
}
.page_top ul li{
	display:inline-block;
	font-size:12px;
	color:#999;
}
.page_top ul li a{
	color:#999;
}
.page_top ul li a:hover{
	color:#008ed7;
}
.page_top ul li:after {
    content: "∣";
    padding: 0 5px 0 8px;
    color: #999;
}
.page_top ul li:first-child:before {
    content: "\f015";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: relative;
    left: 0;
	font-size:15px;
}
.page_top ul li:last-child:after {
    content: "";
}
.page_top_right{
	float:right;
}
.page_top_right img{
	width: 25px;
}

/*page content*/
.page_content{
	float:left;
	width:100%;
}
.page_content .container{
	padding:3%;
	min-height:500px;
}
.page_content .page_title{
	font-size:26px;
	font-weight:bold;
	color:#008ed7;
	margin-bottom:15px;
	line-height: 140%;
}
.page_content .item_info{
	margin:0 0 6px 0;
}
.page_content .item_date{
	display:none;
}
.page_info{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.page_info .item_date{
	display:inline-block;
	float:left;
	margin: 5px 0;
}
.page_info .item_class{
	display:inline-block;
	font-size:13px;
	color:#fff;
	float:left;
	margin:5px 0 5px 5px;
	background:#67421b;
	padding:0 10px;
	border-radius:20px;
}
.page_ol ,.page_ul{
	padding-left:25px;
}
.page_ol li,.page_ul li{
	margin:3px 0;
}
.btn_back{
	margin:40px 0 20px 0;
	float:left;
	width: 100%;
}
/*.btn_back .btn_01:before{
	content: "\f177";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 14px;
    padding-right: 0.5em;
    position: relative;
    left: 0;
}*/

/*管理項目*/
.table-toolbar {
	width:100%;
	float: left;
}
.class_title{
	padding:7px 3px 3px 3px;
	float:left;
}
.form_02{
	border-radius:5px !important;
	border:#ccc solid 1px;
	padding:4px 8px;
	vertical-align:middle;
	margin:4px;
	float:left;
	background: #fff;
}

/*頁碼*/
#page_number{
	padding-top:10px;
}
.page_total{
	vertical-align:middle;
	margin:0 0 10px 0;
}
.page_icon{
	text-align:right;
	margin-bottom:10px;
}
.btn_page{
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none /*1px solid #ccc*/;
    padding: 4px 12px;
    font-size: 14px;
	background:#666;
	border-radius:5px;
	margin-top: -4px;
	color:#fff;
}
.page_list{
	border: 1px solid #ccc;
	display:inline-block;
	width:77px;
	cursor: pointer;
	box-shadow:none;
}
.btn_page:hover{
	background:#008ed7;
	color:#fff;
}

/***Hover效果1: 放大淡出***/
.imh_opacity{
	background:#000;
	overflow:hidden;
}
.imh_opacity img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;
}
.imh_opacity:hover img ,a:hover .imh_opacity img{
	opacity:0.8;
	transform:scale(1.05);
}

/***Hover效果1: 放大淡出Detail***/
.imh_detail{
	background:#000;
	overflow:hidden;
	position: relative;}

.imh_detail img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_detail a:before{
	display:block;
	content: "\f002";
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	padding:10px 13px;
	font-size:20px;
	color:#FFF;
	border:2px dashed #FFF;
	background:#c9151e;
	border-radius:50%;
	opacity:0;
	
	position:absolute;
	left:50%;
	margin-left:-25px;
	top:50%;
	margin-top:-80px;
	z-index:99;
	
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;}

.imh_detail:hover a:before{
	opacity:1;
	margin-top:-20px;}

.imh_detail:hover img{
	opacity:0.3;
	transform:scale(1.05);}

/*youtube影片*/
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}

/*print*/
.con_box{
	padding: 2%;
    margin: 2%;
    border: solid 1px #ccc;
    float: left;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	background: #fff;
}
.con_banner{
	margin-bottom:15px;
}
.con_banner img{
	border-radius:10px;
	box-shadow: 0px 0px 6px 2px rgba(20%,20%,20%,0.1);
	border: solid 1px #fff;
}
.con_box .page_title{
    font-size: 24px;
    color: #008ed7;
    font-weight: bold;
    padding: 10px 0 15px 0;
}
.con_box .page_title_item{
	text-align:left;
}
.con_box .form_con {
    padding: 10px 0 0 0;
}
.con_footer{
	font-size:12px;
	padding: 0 20px 20px 20px;
	line-height:150%;
}
.con_float{
	float:left;
	width:100%;
}
.remark{
	font-size:12px;
	color:#666;
	line-height:150%;
}


/*最新消息*/
.news_list{
	float:left;
	width:100%;
}
.news_list .news_list_item{
	padding:1%;
}
.news_list .news_list_item .item_title{
	font-size:20px;
	color:#008ed7;
	line-height: 150%;
	margin:5px 0;
	font-weight:bold;
	border-bottom: dotted #ccc 1px;
    padding: 3px 0 5px 0;
}
.news_list .news_list_item:nth-child(1n){
	padding:1% 1% 1% 0;
}
.news_list .news_list_item:nth-child(2n){
	padding:1% 0 1% 1%;
}
.news_list .news_list_item:nth-child(2n+1){
	clear:both;
}
.news_list .news_list_box{
	padding:20px;
	border-radius:10px;
	float:left;
	width:100%;
	cursor:pointer;
	background: #fff;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.03);
	border: solid 1px #ddd;
}
.news_list .news_list_box:hover{
	border: solid 1px rgba(0,142,215,0.3);
}
.news_list_box{
	min-height:180px;
}
.news_list_box img{
	width:240px;
	border-radius:5px;
	margin-right:20px;
	border:solid #eee 1px;
}
.news_list_item .item_font{
	padding-top:3px;
	color:#666;
}


/*常見問答*/
.faq_page_top{
	float:right;
	margin-top:10px;
}
.faq_page_top img{
	width:25px;
}
.faq_print_a{
	padding:0 10px 15px 10px;
}
.con_box .toggle{
	margin:0;
}
.toggle .preview-active>div{
	margin: 0 10px;
}		


/* Toggles */
.toggle > label + div {
	color: #999;
	display: block;
	overflow: hidden;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 25px;
}
.toggle > .toggle-content > div {
	margin-bottom: 0;
	padding: 0;
}
.toggle.active > div {
	white-space: normal;
}
.toggle.active .font_01 {
	color:#ccc;
}
.toggle > div.preview-active {
	height: auto !important;
	white-space: normal;
}
.toggle > label {
	border-left:none;
	background:#f3f3f3;
	padding-left:15px;
	font-size: 16px;
}
.toggle > label:hover {
    background: #008ed7;
	color:#fff;
}
.toggle > label:hover .font_01{
	color:#ccc;
}
.toggle > label + div {
	padding-left: 0; 
}
.toggle.toggle-sm .toggle > .toggle-content > div {
	font-size: 0.9em;
}
.toggle.toggle-lg .toggle > .toggle-content > div {
	font-size: 1.1em;
}
.toggle.active > label {
    margin-bottom: 10px;
	background: #008ed7;
}


/*表單管理*/
.table-row {
    display: table-row;
}
.submit_btn{
	width:100%;
	float:left;
	text-align:center;
	margin: 15px 0;
}
.form_con{
	margin:0 auto;
	max-width:600px;
	padding:40px 0 0 0;
	width:100%;
}
.form_box{
	/*border: solid #f5f5f5 10px;*/
	padding:10px;
	background:#fff;
	display: table;
	box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.07);
    border-radius: 5px;
}
.form_box .table-row{
	border-bottom:#ccc dotted 1px;
}
.form_q{
	display:table-cell;
	width:25%;
	padding:13px 8px;
	text-align:right;
	/*border-bottom: #ccc dotted 1px;*/
	border-right: #ccc dotted 1px;
	/*font-weight:bold;*/
	color:#000;
	vertical-align: top;
}
.form_a{
	display:table-cell;
	width:75%;
	padding:8px 15px 8px 5px;
	margin:8px;
	/*border-bottom: #ccc dotted 1px;*/
	line-height:170%;
}
.form_a .mt-radio,.form_a .mt-checkbox{
	margin:5px 25px 5px 5px;	
}
.form_box .table-row:nth-child(even){
	background:#f5f5f5;
}
.form-control{
	box-shadow:none;
	margin: 4px;
}
.form-control_1 {
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    padding: 4px 8px;
    margin: 4px;
    background: rgb(255, 255, 255);
    border-radius: 4px !important;
}
.required{
	color:red;
	font-size:0.9em;
	line-height:140%;
	padding:3px 0;
	margin-left:6px;
}
.form_a i{
	padding:0 5px 0 10px;
}
.form_a label{
	font-weight:normal;
}
.verification_code{
	margin:3px 0 3px 10px;
	display:inline-block;
}
.code_img{
	padding-top: 5px;
    margin-left: 10px;
    float: left;
}
.input_code {
    width: 100px;
    border: #ccc solid 1px;
    padding: 5px 10px;
	height:34px;
    float: left;
	border-radius:4px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 8px 2px 8px 10px;
}




/*-------------------------------------------------------------------------------------------------------*/
/* 大螢幕 */
@media (min-width: 1200px) {
.container {
    max-width: 1200px;
	padding-right: 5px;
    padding-left: 5px;
}

/*header*/
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	min-width: 120px;
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
	font-size: 14px;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    background-color: #008ed7;
}
#header .header-nav-main nav > ul >li:before {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
#header .header-nav-main nav > ul >li:hover:before {
    width: 100%;
    background: #008ed7;
}

/*index banner*/
.owl-theme .owl-dots .owl-dot span{
	width:15px !important;
	height:15px !important;
}
.owl-carousel .owl-dots {
    margin-top: -33px;
}


}
 
/* 一般桌機解析度 */
@media (min-width: 992px) and (max-width: 1200px) {
/*header*/
#header .header-body {
	box-shadow: 0px 4px 4px rgba(20%,20%,20%,0.1);
}
#header .header-logo img {
    width: 225px !important;
}
#header .header-nav-top {
    float: right;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    background-color: #008ed7;
}
#header .header-nav-main nav > ul >li:before {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}
#header .header-nav-main nav > ul >li:hover:before {
    width: 100%;
    background: #008ed7;
}

/*index banner*/
.owl-theme .owl-dots .owl-dot span{
	width:15px !important;
	height:15px !important;
}
.owl-carousel .owl-dots {
    margin-top: -33px;
}

/*footer*/
.copyright .item:nth-child(1){
	width:35%;
}
.copyright .item:nth-child(2){
	width:25%;
}
.copyright .item:nth-child(3){
	width:40%;
}



}

/* 平板電腦、橫向手機解析度 */
@media (min-width: 768px) and (max-width: 991px) {
#header {
	/*height:88px;*/
}
#header .header-nav-main nav > ul > li > a {
    /*border-radius: 4px;*/
    font-size: 13px;
    font-style: normal;
    /*font-weight: bold;*/
    line-height: inherit;
    padding: 5px 0;
    text-transform: uppercase;
}
#header .header-logo img {
	width:160px !important;
	/*height:32px !important;*/
}
#header .header-nav-main nav > ul > li {
    margin: 0 5px;
}
.free_box {
    margin: 5px 0;
}

/*index banner*/
.owl-carousel .owl-dots {
    /*margin-top: -70px;*/
}
.index_banner_top{
	background-size:100%;
	height:55px;
	margin-top:-33px;
}

/*index_owl_4*/
.index_owl_4 .btn_box{
	margin: 50px 0 20px 0;
}

/*footer*/
.footer_list {
    font-size: 14px;
}
.footer_list_01 li {
    font-size: 13px;
}
.footer_list>div {
    padding: 7px 10px;
}
.copyright .item:nth-child(1){
	width:29%;
}
.copyright .item:nth-child(2){
	width:29%;
}
.copyright .item:nth-child(3){
	width:42%;
}


/*page banner*/
.page_banner{
	height:100px;
}
.page_title{
	font-size:22px !important;
	padding-top: 15px !important;
}

/*最新消息*/
.news_list_box img {
    width: 135px !important;
}

}
 
/* 橫向智慧手機到竪立平板電腦解析度 */
@media (max-width: 767px) {
body {
	font-size:14px;
}
.title_01{
	font-size:20px;
}
.title_02{
	font-size:18px;
}
.container {
    padding-right: 5%;
    padding-left: 5%;
}

/*header*/
#header {
	/*height:50px !important;*/
	position: fixed;
    width: 100%;
    top: 0;
	box-shadow: 0px 0px 3px 3px rgba(20%,20%,20%,0.1);
}
#header .header-container {
    padding: 0;
}
.header_top{
	height: 4px;
    position: fixed;
    width: 100%;
    top: 0px;
    float: left;
    z-index: 999;
}
#header .header-nav-main nav > ul li a:focus ,#header .header-nav-main nav > ul li a:hover{
	background-color:transparent;
	background:transparent;
}
#header .header-logo img {
	width:180px !important;
	/*height:39px !important;*/
	margin:4px 0 4px 5px;
}
.dropdown > .dropdown-menu> li a{
	padding-left:30px !important;
}
.dropdown-submenu>.dropdown-menu> li a{
	padding-left:45px !important;
}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    padding: 6px 0;
}
#header .header-btn-collapse-nav {
    background: #008ed7;
}
#header .header-btn-collapse-nav {
    margin: 9px 8px;
}
#header.header-narrow .header-logo img {
    margin: 5px 12px;
}
.header-top .container{
	padding:0 5px;
}
#header .header-nav-main nav > ul  li {
    margin: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
#header .header-nav-main nav > ul > li a{
    padding: 12px 14px;
	color:#015f91;
}
html.sticky-header-enabled #header .header-nav-main {
    background: #fff /*#015f91*/;
	max-height:100% !important;
	margin-top:44px;
}
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
	color:#015f91;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-submenu li a {
    border-bottom: none !important;
}
#header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu {
    background: rgba(0,142,215,.07);
}
#header .header-nav-main nav > ul li.dropdown.opened > .dropdown-menu li {
	border-bottom: none !important;
}
#header .header-nav-main nav > ul li.dropdown .dropdown-menu {
    background: rgba(0,0,0,0.04);
}
.free_box {
    float: left;
	margin:10px 0 10px 10px;
}
.btn_free {
    padding: 10px 14px;
    margin-left: 0;
    border-radius: 0;
    font-size: 15px;
    float: left;
}
.header-btn-collapse-nav{
	font-size:24px;
}
.btn_free {
    background:rgba(0,142,215,1);
}
#header .social-icons {
	margin-right:5px;
	margin-top:10px !important;
}
#header .social-icons li{
	float:left !important;
	border: solid #008ed7 1px !important; 
	margin:3px !important;
	clear:none !important;
	width: 40px;
    height: 40px;
}
#header .social-icons i:before{
	margin-top:-5px;
}
#header .social-icons li:nth-child(1) a{
    padding: 8px 13px !important;
}
#header .social-icons li:nth-child(2) a{
    padding: 7px 10px !important;
}
#header .social-icons li:nth-child(3) a{
    padding: 7px 10px !important;
}
#header .social-icons li a i{
	color:#008ed7 !important;
}


/*手機版選單右側出*/
/*right*/    
.side-collapse-container-right{
	position:relative;
	right:0;
	transition:right .4s;
  }
.side-collapse-container-right.out{
	right:80%;
  }
.side-collapse-right {
	top:50px;
	bottom:0;
	right:0;
	width:100%;
	position:fixed;
	overflow:hidden;
	transition:width .4s;
  }
.side-collapse-right.in {
	width:0;
 }
 

/*上方選單*/
.top_link_mobile{
	display:none !important;
}


/*index banner*/
.owl-carousel .owl-dots{
	margin-top:-27px;
}
.index_banner{
	margin-top: 80px;
}
.owl-theme .owl-dots .owl-dot span{
	margin:5px !important;
}
.owl-carousel .owl-nav .owl-prev:before {
	top: 3px;
}
.owl-carousel .owl-nav .owl-next:before {
	top: 3px;
}


/*slogan*/
.slogan .left{
	width:100%;
}
.slogan .right{
	width:100%;
	text-align:center;
}
.slogan .right .btn_box {
    margin: 25px 0 10px 0;
}


/*index_owl_4*/
.index_owl_4 {
    padding: 30px 0;
}
.index_owl_4 .btn_box{
	margin: 50px 0 10px 0;
}


/*index_cost*/
.index_cost {
    padding: 30px 0;
}
.index_cost {
    background-position: -150px center;
}
.index_cost .btn_box{
	margin: 20px 0;	
}


/*index_features*/
.index_features{
	padding:30px 0;
}
.index_features ul li{
	width:46%;
	margin:2%;
	min-height:215px;
	padding:20px;
}
.index_features ul li:nth-child(2n+1){
	clear:both;
}
.index_features ul li:nth-child(6){
	clear: none;
}


/*index_step*/
.index_step{
    padding:30px 0;
}
.index_step .title_01:after {
    margin: 10px auto;
}
.index_step .list li {
    padding: 20px 5px 0 15px;
    height: 85px;
}
.index_step .list .step {
    font-size: 100px;
}
.index_step .list  .title{
	font-size:24px;
	padding-left: 60px;
}


/*index_link
.index_link {
    padding: 30px 0 50px 0;
}*/


/*index_owl_2*/
.index_owl_2 {
    padding: 30px 0;
}
.index_owl_2 .btn_box{
	margin: 50px 0 10px 0;
}


/*footer*/
footer {
	padding:0;
}
.copyright {
    padding-top:10px;
	padding-bottom:0;
	margin-top:0;
}
.copyright .item:nth-child(1){
	width:100%;
}
.copyright .item:nth-child(2){
	width:40%;
}
.copyright .item:nth-child(3){
	width:60%;
}


/*page banner*/
.page_top .container{
	padding:0 10px;
}
.page_banner{
	background:url(../img/page_top_bg.jpg);
	background-size: cover;
	margin-top:80px;
	height:70px;
}
.page_title{
	font-size:20px;
	padding-top: 10px;
}

/*page top*/
.page_top{
	padding:3px 3px 1px 3px;
}
.page_top ul li{
	font-size:10px;
}
.page_top ul li:after {
    padding: 0 1px 0 4px;
}
.page_top_right {
	padding-bottom:5px;
}
/*.page_title:before{
	content:url(../img/page_title_icon_s.png);
	padding-right: 10px;
}
.page_title:after{
	content:url(../img/page_title_icon_s.png);
	padding-left: 10px;
}*/

/*page content*/
.page_content .container{
	padding:5% 5% 10% 5%;
}
.page_info .item_class{
	padding:0 10px 0 10px;
}

/*頁碼*/
.page_icon {
    text-align: center;
}
.btn_page{
	margin-top: -2px;
}

/*最新消息*/
.news_list .news_list_item:nth-child(1n) ,.news_list .news_list_item:nth-child(2n){
	padding:2% 0;
	float:left;
	width:100%;
}

}

 
/* 橫向智慧手機及其他更小解析度 */
@media (max-width: 480px) { 
/*header*/
.header-top{
	display:none;
}
.header-nav-top{
	display:none;
}
#header .header-top p {
    line-height: 25px;
}
#header.header-narrow .header-logo img {
    margin: 6px 12px 6px 8px;
}
html.sticky-header-enabled #header .header-nav-main {
	margin-top: 15px;
}

/*上方選單*/
.top_link_mobile{
	background:rgba(0,142,215,0.05);
	display:block !important;
}
.top_link_mobile a{
	padding: 12px 14px !important;
}
.top_link_mobile li{
	border-bottom: 1px solid rgba(0,0,0,.1) !important;
}


/*index banner*/
.index_banner{
	margin-top: 65px;
}
.owl-carousel .owl-dots{
	margin-top:-28px;
}
.index_banner_top{
	background-size:cover;
    height: 30px;
    margin-top: -30px;
}
.owl-theme .owl-dots .owl-dot span{
	width:10px !important;
	height:10px !important;
	margin:3px !important;
}


/*index_step*/
.index_step .list li {
    padding: 10px 5px 0 15px;
    height: 65px;
}
.index_step .list .step {
    font-size: 80px;
	left: -10px;
	bottom:40px;
}
.index_step .list  .small_font{
	font-size:13px;
	margin:0;
}
.index_step .list  .title{
	font-size:19px;
	padding-left: 20px;
}


/*index_owl_2*/
.index_owl_2 img{
	width:100% !important;
	margin-right:0;
	margin-bottom:10px;
}


/*footer*/
footer .container {
    padding: 0 20px;
}
.copyright {
    padding-top: 0;
}
.copyright .item ,.copyright .item:nth-child(2){
	width:100%;
}
.copyright .item:nth-child(3){
	display:none;
}
.copyright .about{
	display:none;
}
.copyright_font{
	font-size:11px;
}
.copyright .copyright_font{
	display:none;
}
.copyright .tel_title{
	float:left;
	padding-right:10px;
	margin-top:5px;
}
.copyright .footer_tel{
	float:left;
	font-size: 26px;
	margin:0 0 10px 0;
}
.copyright .time{
	float:left;
	width:100%;
	margin:0 0 10px 0;
}
.copyright hr{
	width:100%;
	margin:10px 0;
}
.copyright .social-icons{
	text-align:center;
	width: 100%;
	float:left;
}
.footer_design{
	display:none;
}
a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}


/*page banner*/
.page_top .container{
	padding:0 10px;
}
.page_banner{
	margin-top:50px;
}


/*page content*/
.page_content .container{
	min-height: 285px;
}


/*print*/
.con_box{
	padding: 3%;
}

/*最新消息*/
.news_list_box img {
    width: 100%;
    margin-right: 0;
	margin-bottom:10px;
}
.news_list_item .item_date {
    padding: 0 0 5px 0 !important;
    display: table-cell;
}

/*表單管理*/
.form_box {
	border: solid #f5f5f5 5px;
    padding: 5px;
}
.form_q{
	border-right:none;
	text-align:left;
	width:100%;
	display:block;
	margin: 0 0 -10px 0;
	padding:8px 15px 0 15px;
}
.form_a {
    width: 100%;
	display:block;
	margin: 0;
	padding:15px 15px 15px 10px;
	border-bottom: #ccc dotted 1px;
	float: left;
}
.form_box .table-row:last-child .form_a {
	border-bottom:none;
}
.verification_code{
	margin:5px 0 3px 0;
	display:inline-block;
}
.forum_subject img {
	width:100px;
}

}


@media print {
/*清除網址*/
a[href]:after {
	content: none !important;
}

/*顯示背景圖*/
.bg_print {
	-webkit-print-color-adjust: exact !important; /* Chrome, Safari */
	print-color-adjust: exact !important; /* Chrome, Safari */
	color-adjust: exact !important; /*Firefox*/
}

/*解決Safari 在列印時使用異常小的字體*/
.container {
	width: auto;
}
}