@charset "utf-8";

body{ font-family:"微軟正黑體", "新細明體", "Arial Unicode MS"}

.container-fluid{ max-width:1280px;}

.footer{
	color:#fff;
	background-color:#ff7200;
	text-align:center;
	padding:24px 0;
	
}
.footer a{ color:#c00;}
.share{margin:8px 0;}
.share img{margin:0 2px;}

.backtop{
	position:fixed;
	z-index:15;
	width:48px;
	height:48px;
	left:100%;
	top:100%;
	margin-top:-64px;
	margin-left:-64px;
	padding:5px;
	background-color:rgba(000,000,000,0.5);
	text-align:center;
	color:#fff;
	font-size:1.3rem;
	border-radius:4px;
	cursor:pointer;
	-webkit-transition: background 0.3s; /* Safari */ 
	transition: background 0.3s;
}
.backtop:hover{ background-color:#f30;}


.title_line{
	width:96px;
	height:1px;
	background-color:#fff;
	margin:12px auto;
}


.navbar{ padding:0px;}
.navbar-brand{ margin-left:15px;}
@media (min-width:768px){.navbar-brand{ margin-left:0;}}
.navbar-toggler{ margin:15px;}
.navbar-nav .nav-item .nav-link{ padding:15px;}
.navbar-nav .nav-item .nav-link:hover{ background-color:#999;}



.menu_header{ position:fixed; z-index:9000; top:0; left:0; width:240px; height:100%; background-color:#ff7200; -webkit-transition: margin 0.3s; /* Safari */ transition: margin 0.3s; overflow-y: auto;}

.menu_header img{ margin:12px 0;}

.menu_close{ left:100%; margin-left:0px;}
.menu_open{ left:100%; margin-left:-240px;}

.menu_header .container-fluid{ padding:0; position:relative; max-width:1280px;}


@media (min-width:992px){
	.menu_header{ position:fixed; width:100%; height:auto; background:#ff7200;  overflow-y: hidden; height:88px;}
	.menu_open, .menu_close{ left:0; margin-left:0;}
	.menu_header .container-fluid{ padding:0 15px;}
	.menu_header .float_color{ float:left; height:96px; width:13%; background-color:#ff7200;}
}

.logo_big{ display:none}
@media (min-width:992px){
	.logo_big{ display: block; text-align:center; position:absolute; z-index:9999; top:0; left:-72px;}
}
.logo_big img{ -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s; width:auto; height:96px; margin-top:0px;}

.logo_small{ position:absolute;z-index:9999; top:-20px; left:-60px;}
.logo_small img{width:auto; height:80px;}





.menu_ul{list-style:none; padding:0;}
.menu_ul li{ border-bottom:1px dotted #F30;}

.menu_ul li a{ color:#fff; display:block; font-size:1.1rem; -webkit-transition: background 0.3s, color 0.2s; /* Safari */ transition: background 0.3s, color 0.2s;  padding:15px;}
.menu_ul li a:hover, .menu_ul li a:focus{ text-decoration:none; background-color:#f30;}

.menu_ul li a span{ display:block; font-size:0.8rem;}


@media (min-width:992px){
	.menu_ul{ text-align:center; border-radius:4px; height:48px; float:right; margin-top:26px;}
	.menu_ul li{ float:left; border:none; position:relative;}
	.menu_ul li a{ color:#fff; font-size:1rem; width:100px; text-align:center; padding:20px 0 17px 0;}
	.menu_ul li a:hover, .menu_ul li a:focus{ background-color:transparent; color:#000;}
	.menu_ul .mobile_home{ display:none;}
}
@media (min-width:1200px){
	.menu_ul li a{ font-size:1.1rem; width:132px; text-align:center; padding:18px 0 17px 0;}
}


.mobile_hide{ background-color:#000; opacity:0; position:fixed; z-index:8999; top:0; left:0; width:100%; height:100%;}

.mobile_header{ background-color:#ff7200; position:fixed; z-index:8900; height:80px; width:100%; overflow-y: hidden;}

.mobile_header img{ margin:20px 0 0 15px;}

.iconbar{float:right; width:48px; height:36px; margin:22px 15px; border:2px solid #fff; border-radius:4px; cursor:pointer; background-position:center; background-repeat:no-repeat;-webkit-transition: background 0.2s; /* For Safari 3.1 to 6.0 */ transition: background 0.2s;}

.iconbar_open{background-image:url(../img/iconbar.png);}
.iconbar_close{background-image:url(../img/iconbar2.png); border-color:#ff7200;}

.menu_title{ margin:3px 15px; padding-top:23px; padding-bottom:16px; color:#fff; font-family:Verdana, Geneva, sans-serif;}

@media (min-width:992px){
	.mobile_hide{ display:none;}
	.mobile_header{ display:none;}
	.iconbar_close{ display:none;}
	.menu_title{ display:none;}
}


.menu_ul .mobile_language{ color:#fff; margin:10px 15px; border:none;}
.menu_ul .mobile_language a{ display:inline-block; padding:10px 18px; font-size:0.9rem; border:1px solid #fff; border-radius:5px;}
.menu_ul .mobile_language a:hover,
.menu_ul .mobile_language a.active{ background-color:#fff; color:#003652;}
@media (min-width:992px){
	.menu_ul .mobile_language{ display:none;}
}


.search_nav{ display:none;}
@media (min-width:992px){
	.search_nav{ position:absolute; padding:0; list-style:none; top:8px; left:100%; width:400px; margin-left:-430px; text-align:right; display:block;}
	.search_nav li{ display:inline-block; font-size:0.8rem; margin-left:15px; color:#fff;}
	.search_nav li a{ color:#fff;}
	.search_nav li a:hover{ color:#000; text-decoration:none;}
}
@media (min-width:1200px){
	.search_nav{ margin-left:-445px;}
}

.share_weixin{ position:fixed; left:100%; top:108px; margin-left:-64px; width:80px; height:64px; z-index:95; background-color:#3cb034; background-image:url(../img/share_wechat.png); background-position:8px 8px; background-repeat:no-repeat; border-radius:8px; cursor:pointer; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.share_weixin:hover{margin-left:-72px;}

.share_qq{ position:fixed; left:100%; top:180px; margin-left:-64px; width:80px; height:64px; z-index:95; background-color:#12b7f5; background-image:url(../img/share_qq.png); background-position:8px 8px; background-repeat:no-repeat; border-radius:8px; cursor:pointer; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.share_qq:hover{margin-left:-72px;}


.top_blank{ height:80px;}
@media (min-width:992px){.top_blank{ height:88px;}}


.view_lg{ display:none;}
@media (min-width:992px){
	.view_sm{ display:none;}
	.view_lg{ display:block;}
}


.scroll_down{ 
	display:none; 
	-webkit-transition: box-shadow 0.3s, text-shadow 0.3s; /* Safari */ 
	transition: box-shadow 0.3s, text-shadow 0.3s; 
	text-shadow: 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 15px #999; 
	box-shadow: 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 10px #777, 0px 0px 15px #999;
}
.scroll_down:hover{ 
	box-shadow: 0px 0px 10px #600, 0px 0px 15px #900, 0px 0px 20px #c00, 0px 0px 25px #F36; 
	text-shadow: 0px 0px 10px #600, 0px 0px 15px #900, 0px 0px 20px #c00, 0px 0px 25px #F36;
}

@media (min-width:992px){.scroll_down{ position:absolute; top:100%; left:50%; z-index:1000; margin-left:-40px; margin-top:-150px; height:80px; width:80px; border:4px solid #fff; border-radius:50%; text-align:center; color:#fff; padding-top:16px; cursor:pointer; display:block;}}



.more{ margin-top:40px; margin-bottom:24px;}
.more a{ padding:12px 40px; font-size:1.1rem; border:4px solid #fff; border-radius:4px; color:#fff; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.more a:hover{ background-color:rgba(255,255,255,0.4); text-decoration:none;}


.top_concept_block{ padding:64px 0; text-align:center; background-image:url(../img/top_concept_bg.jpg); background-position:center; background-size:cover;}
.top_concept_block h1{ margin:15px 0; color:#082533;}

.top_concept_con h4{ margin:20px 0; color:#555;}
.top_concept_con p{ color:#777; line-height:1.8rem;}
.top_concept_icon{ width:128px; height:128px; border:6px solid #333; border-radius:50%; margin:auto;}
.top_concept_icon img{ width:80px; height:auto; margin-top:20px;}


.tcc1 .top_concept_icon{ border-color:#e7942a; background-color:#e7942a;}
.tcc2 .top_concept_icon{ border-color:#317dae; background-color:#317dae;}
.tcc3 .top_concept_icon{ border-color:#a84190; background-color:#a84190;}


.top_about_block{ padding:96px 0; text-align:center; color:#fff; background-image:url(../img/top_about_bg.jpg); background-attachment:fixed; background-position:center; background-size:cover;}
.top_about_block h1{ margin:15px 0;}
.top_about_block p{ line-height:1.8rem;}





.top_product_block{ padding:64px 0; text-align:center; background-image:url(../img/top_product_bg.jpg); background-position:center; background-size:cover;}
.top_product_block h1{ margin:15px 0; color:#082533;}

.top_product_con{ border-radius:15px; margin:15px 0; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px #ccc; box-shadow:0 4px 15px -2px #ccc;}
.top_product_pic{ height:320px; background-position:center; background-size:cover; border-top-left-radius:15px; border-top-right-radius:15px;}
.top_product_text{ padding:15px; background-color:#fff;}
.top_product_text h4{ margin:15px 0; color:#062635;}
.top_product_text p{color:#777; line-height:1.8rem;}
.top_product_text .more a{ border:4px solid #062635; border-radius:4px; color:#062635; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_product_text .more a:hover{ background-color:#062635; color:#fff; text-decoration:none;}




.top_news_block{ padding:96px 0; text-align:center; color:#fff; background-image:url(../img/top_news_bg.jpg); background-attachment:fixed; background-position:center; background-size:cover;}
.top_news_block h1{ margin:15px 0;}


.top_news_con{ background-color:#eee; padding:15px;}
.top_news_pic{ background-position:center; background-size:cover; height:240px; width:100%; margin-bottom:10px; position:relative;}
.top_news_pic a{ background-color:#fff; width:100%; height:100%; opacity:0; position:absolute; top:0; left:0;-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_news_pic a:hover{opacity:0.5;}
.top_news_text{ text-align:left; color:#555;}
.top_news_text h4{ margin-bottom:15px; color:#082533;}
.top_news_text h6{ border-top:1px solid #999; padding-top:10px;}
.top_news_text p{color:#777; line-height:1.8rem;}
.top_news_text .news_more{ padding:2px 24px; background-color:#ff7200; color:#fff; border-radius:4px; font-size:0.9rem; float:right; margin-top:-28px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_news_text .news_more:hover{ background-color:#f30; text-decoration:none; }
@media (min-width:768px){
	.top_news_pic{ height:160px; width:240px; float:left; margin-bottom:0;}
	.top_news_text{ margin-left:260px;}
}


/* set slider arrow color ! */
.top_news_slick:before, .top_news_slick:before:before {
    color:#fff !important;
}
.top_news_slick{
	margin:0 25px 0 25px;
}
.top_news_slick .top_news_con{
	margin:8px 20px 8px 15px;
}


.top_contact_block{ padding:32px 0; background-color:#ededed;}

.top_contact_text{ text-align:center;}
@media (min-width:992px){ .top_contact_text{ text-align:left;}}
.top_contact_text ul{ list-style:none; padding:0; font-size:0.95rem; margin-top:10px; color:#555;}



.site_map{ display:none;}
@media (min-width:992px){.site_map{ display:block;}}
.site_map_con h5 a{color:#333; font-size:1.1rem;}
.site_map_con ul{ list-style:none; padding:0; font-size:0.95rem;}
.site_map_con ul li a{color:#555;}

.site_map_con h5 a:hover,
.site_map_con ul li a:hover{ color:#ff7200; text-decoration:none;}


.guide{ margin-top:32px; margin-bottom:32px;}
.guide a{ color:#ff7200; border:4px solid #ff7200; padding:8px 16px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.guide a:hover{ text-decoration:none; background-color:#ff7200; color:#fff;}
@media (min-width:768px){.guide{ display:none;}}



.page_bread{ background-color:#ff7200; margin:0; font-size:0.9rem; display:table; width:100%;}
.page_bread .breadcrumb { background:none; float:right; text-align:left;   padding:15px 0 0 0;}
.page_bread .breadcrumb li{ border-radius:0; color:#fff;}
.page_bread .breadcrumb li::before{ color:#fff;}
.page_bread .breadcrumb a{ color:#fff;}
.page_bread .breadcrumb a:hover{color:#FC6; text-decoration:none;}


.page_content{ padding:48px 0; background-image:url(../img/top_product_bg.jpg); background-size:cover; background-position:center; position:relative;}
.page_content .container-fluid{ max-width:1280px;}
.page_cate a{ padding:10px 0; text-align:center; display:block; color:#ff7200; border:1px solid #ff7200; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s; margin:10px 0;}
.page_cate .active,
.page_cate a:hover{ 
	background-color:#ff7200;
	color:#fff;
	border:1px solid #f30;
	text-decoration:none;
	background-image:url(../img/grid_dot.png);
}


.page_content img{ max-width:100%; height:auto; margin:10px 0;}
.page_title_line{ height:2px; margin:10px 0; background-image:url(../img/page_title_line.jpg); background-position:left;}

/*.page_title{ color:#062635; border-bottom:1px solid #ccc; margin-bottom:10px; padding-left:56px; background-image:url(../images/icon_wheelchair.png); background-position:0 0px; background-size:48px auto; background-repeat:no-repeat; line-height:3rem;}
.page_content p{ color:#777;}*/

.page_content h1{ text-align:center; font-family:"Times New Roman", Times, serif; color:#333;}
.page_content h1 span{ font-size:3.2rem;}
.page_content h1 .first_span{  color:#ff7200;}
.page_content h5{ text-align:center;}

.page_content .title_cross{ color:#ff7200; text-align:center; font-size:1.4rem; margin-top:0;}
.page_content .title_cross span{position:relative; display:block;}
.page_content .title_cross span:before, .page_content .title_cross span:after {
    content: '';
    position: absolute;
    top: 52%;
    background: #999;
    width: 15%;
    height: 1px;
}
.page_content .title_cross span:before{left: 33%;}
.page_content .title_cross span:after {right: 33%;}


/*.page_content_box{ background-color:#efefef; padding:30px; border-top:4px solid #09f; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px #ccc; box-shadow:0 4px 15px -2px #ccc;}*/


.content_anchor{ position:absolute; top:-88px;}

.about_page_box{ text-align:center;}


.about_content2{ background-image:url(../img/about_bg.jpg); background-attachment:fixed; color:#fff;}
.about_content2 h1{ color:#fff;}


.about_content3{ background-image:url(../img/top_concept_bg.jpg);}


.page_content_box .top_news_con{ margin:15px 0;}

.product_page_intro{ border:4px solid #ff7200; padding:15px; border-radius:50%; position:relative; margin:15px 0;}
.product_page_intro img{ border-radius:50%; margin:0; padding:0;}
.product_page_intro a{ position:absolute; top:0; left:0; border-radius:50%; width:100%; height:100%; background-color:#e82a10; color:#fff; padding-top:180px; font-size:1.4rem; opacity:0; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.product_page_intro a i{ margin-left:10px;}
.product_page_intro a:hover{opacity:0.8; text-decoration:none;}

.product_page_intro_text{ margin:15px 0;}

.product_page_box .justify-content-md-center{ margin-top:30px;}
.product_page_box .justify-content-md-center h5{ margin:15px 0;}

.product_page_box .more{ text-align:center;}
.product_page_box .more a{ border:4px solid #ff7200; color:#ff7200;}
.product_page_box .more a:hover{ background-color:#ff7200; color:#fff;}


.product_page_content_title{ background-color:#ff7200; color:#fff; padding:15px; margin:15px 0; font-size:1.3rem;}



.info_page_box{ text-align:center;}
.info_page_box h2{ margin:15px 0;}
.info_page_box h6{ padding:5px 0; background-color:#ff7200; color:#fff; width:120px; margin:10px auto; font-size:0.9rem;}
.info_page_box .more a{ border:4px solid #ff7200; color:#ff7200;}
.info_page_box .more a:hover{ background-color:#ff7200; color:#fff;}


.page_tech_ul{ padding:0; list-style:none; margin:20px 0;}
.page_tech_ul li a{ border-bottom:1px solid #ccc; padding:20px 15px; display:block; font-size:1.1rem; color:#062635; background-image:url(../img/arrow.png); background-position:center right; background-repeat:no-repeat; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.page_tech_ul li a:hover{ background-color:#eee; text-decoration:none; background-image:url(../img/arrow2.png);}
.page_tech_ul li span{ margin-right:60px; background-color:#ff7200; color:#fff; padding:5px 0; width:160px; text-align:center; font-size:0.9rem; display:block; margin-bottom:10px;}
@media (min-width:992px){
	.page_tech_ul li span{ display:inline-block; margin-bottom:0;}
}

.pagination .page-item .page-link{ color:#ff7200;}
.pagination .page-item.active .page-link{ background-color:#ff7200; border-color:#ff7200; color:#fff;}
.pagination { justify-content: center;}


.contact_content2{ background-image:url(../img/contact_bg.jpg); background-attachment:fixed; color:#fff;}
.contact_content2 h1{ color:#fff;}

.contact_content2 form button{ background-color:#ff7200; border-color:#e82a10;}
.contact_content2 form button[type="reset"]{ background-color:#ccc; border-color:#ccc; color:#555;}
.contact_content2 form button:hover{ background-color:#900; border-color:#900;}
.contact_content2 form button[type="reset"]:hover{ background-color:#999; border-color:#999; color:#333;}

.contact_info_col{margin:10px 0;}
.contact_info_text{ padding:15px 0;}
@media (min-width:992px){
	.contact_info_col{ padding:0; position:relative;  background-color:#eee;}
	.contact_info_text{ position:absolute; top:50%; left:0; transform:translateY(-50%); padding:30px; width:100%;}
}
.contact_info_text h3{ border-bottom:1px solid #999; padding-bottom:8px; margin-bottom:8px;}
.contact_info_text ul{ padding:0; list-style:none;}
.contact_info_text ul li{}

.form-row .col-md-6{ margin-bottom:10px;}