@charset "utf-8";

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

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

.footer{
	color:#fff;
	background-color:#333;
	text-align:center;
	padding:24px 0;
}
.footer a{ color:#3cc;}

.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:#fc3;}


.title_line{
	width:160px;
	height:6px;
	margin:15px auto;
	background-image:url(../../images/title_line.jpg);
	background-position:center;
	border-radius:4px;
}

.header{ height:8px; background-image:url(../../images/nav_bg.jpg); background-position:bottom center; background-size:cover;}

.navbar{
	padding:0px;
	margin-top:8px;
	background-color:#fff;
	-moz-box-shadow:0 4px 15px -2px gray;
	-webkit-box-shadow:0 4px 15px -2px gray;
	box-shadow:0 4px 15px -2px gray;
}
/*@media (min-width:768px){
	.navbar{ background-image:url(../../images/nav_bg.jpg); background-position:bottom left; background-size:cover;}
}*/
.navbar-brand{ margin-left:15px;}
@media (min-width:768px){.navbar-brand{ margin-left:0;}}
.navbar-toggler{ margin:15px; border-color:#fff; opacity:1;}
.navbar-toggler .navbar-toggler-icon{ color:#fff;}

.navbar-nav .nav-item{ border-top:1px solid #ddd;}
@media (min-width:768px){.navbar-nav .nav-item{ border:none;}}
.navbar-nav .nav-item .nav-link{ padding:15px; color:#777; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s;}
@media (min-width:768px){.navbar-nav .nav-item .nav-link{ padding:30px 15px;}.navbar-nav .nav-item .mobile_home{ display: none;}}
@media (min-width:992px){.navbar-nav .nav-item .nav-link{ padding:30px;} }
.navbar-nav .nav-item .nav-link:hover{ background-color:#007f88; color:#fff;}

.top_blank{ height:78px;}
@media (min-width:768px){.top_blank{ height:92px;}}

.more{ text-align:center;}
.more a{ color:#fff; background-color:#01b9bf; padding:12px 0; display:block; max-width:320px; margin:0 auto; border-radius:4px;}
.more a:hover{ text-decoration:none; background-color:#005961;}

.top_title{ text-align:center;}


.carousel-fade .carousel-inner .carousel-item {
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: opacity;
	-webkit-transition-duration: 1.0s;
    -moz-transition-duration: 1.0s;
    -o-transition-duration: 1.0s;
    transition-duration: 1.0s;
	
}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
	opacity: 1;
}


.top_news_block{ background-color:#de7e01;}
@media (min-width:768px){
	.top_news_block{ background-position:top left; background-size:cover;}
}
.v-slick{ margin:0 25px 0 0;}
.v-slick div{ line-height:2rem; font-size:1rem;}
@media (min-width:992px){.v-slick div{font-size:1.1rem;}}
.v-slick div a{
	display:block;
	color:#fff;
	padding:15px 0; 
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow: hidden;
}
.v-slick div a:hover{ text-decoration:none; color:#fc3;}
.v-slick div a span{ margin-right:10px;}
.v-slick div a p{ display:block; margin:0;}
@media (min-width:768px){.v-slick div a p{ display:inline-block;}}


.top_news_block .slick-prev:before, .top_news_block .slick-next:before { font-family: FontAwesome; font-size: 0.9rem; line-height: 1; color: #fff; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 

.top_news_block .slick-prev
{
    left: 100%;
	margin-left:5px;
	margin-top:-10px;
}
[dir='rtl'] .top_news_block .slick-prev
{
    right: -25px;
    left: auto;
}
.top_news_block .slick-prev:before
{
    content: "\f077"
}
[dir='rtl'] .top_news_block .slick-prev:before
{
    content: "\f078";
}

.top_news_block .slick-next
{
    right: -25px;
	margin-top:10px;
}
[dir='rtl'] .top_news_block .slick-next
{
    right: auto;
    left: 100%;
}
.top_news_block .slick-next:before
{
    content: "\f078";
}
[dir='rtl'] .top_news_block .slick-next:before
{
    content: "\f077"
}


/*.top_title_block{ background-color:#919191}
.top_title_block h1{ padding:20px 0; color:#333;}
.top_title_block .row .col-sm-1,
.top_title_block .row .col-sm-2{ display:none;}
@media (min-width:576px){
	.top_title_block .row .col-sm-1,
	.top_title_block .row .col-sm-2{ display:block;}
}*/

.top_product_block{ padding:0 0 64px 0; background-image:url(../../images/top_pro_bg.jpg); background-position:center; background-size:cover;}

.top_pro_wrapper{ margin:15px 0;}

.top_pro_con{ 
	border-top:8px solid #007f88; 
	background-color:#eee;
	height:100%;
	position:relative;
	-moz-box-shadow:0 4px 15px -2px gray;
	-webkit-box-shadow:0 4px 15px -2px gray;
	box-shadow:0 4px 15px -2px gray;
}
.top_pro_con a{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:#fff; opacity:0;  -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s;}
.top_pro_con a:hover{ opacity:0.5;}

.top_pro_title{ padding:10px 15px; text-align:center; color:#fff; background-color:#01babf; margin:0;}

.top_pro_pic{ height:50vh; background-position:center; background-size:cover;}
@media (min-width:768px){.top_pro_pic{height:360px;}}
@media (min-width:992px){.top_pro_pic{height:280px;}}

.top_pro_text{ padding:15px;}
.top_pro_text ul{ padding-left:20px; color:#777; list-style-image:url(../../images/list_arrow.gif); line-height:1.8rem;}


.top_product_block .more a{ background-color:#efb00b;}
.top_product_block .more a:hover{ text-decoration:none; background-color:#bf4e00;}



.divide_line{ background-image:url(../../images/divide_line.jpg); background-position:center; background-size:cover; height:12px;}


.new_product_block{ padding:80px 0; background-image:url(../images/top_bg.jpg); background-position:center; background-size:cover;}
.new_product_slick{ margin-left:-15px; margin-right:-15px;}
.new_product_slick .page_product_con{ margin:15px;}


.new_product_slick .prev-alt{ background-color:#007f88; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:0%; padding:14px 15px 16px 15px; transform:translate(40%,-50%); opacity:0.75;}
.new_product_slick .prev-alt:hover{ opacity:1;}
.new_product_slick .next-alt{ background-color:#007f88; color:#fff; position:absolute; z-index:555; cursor:pointer; top:50%; left:100%; padding:14px 15px 16px 15px; transform:translate(-140%,-50%); opacity:0.75;}
.new_product_slick .next-alt:hover{ opacity:1;}


.top_about_block{ padding:64px 0; background-image:url(../../images/top_about_bg.jpg); background-position:center; background-size:cover; background-attachment:fixed; color:#fff;}


.top_about_block p{ margin:25px 0; line-height:1.8rem; text-align:center;}

.room-detail-video h3{padding: 25px 0 5px 0;font-size: 24px;color: #007f88;font-weight: bold;}

.col_line{ margin:15px 0; height:6px; background-color:#fff; border-radius:4px; opacity:0.8;}

.col_more{ text-align:center;}
.col_more a{ display:block; color:#555; border:4px solid #555; padding:8px 0;max-width:320px; margin:0 auto;}
.col_more a:hover{ text-decoration:none; background-color:rgba(255,255,255,0.5)}

.top_equip_col{ padding:30px; background-color:#01b9bf; color:#fff;}
.top_equip_col p{ line-height:1.8rem;}
.top_equip_col .col_more a{ color:#fff; border:4px solid #fff;}

.top_download_col{ padding:30px; background-color:#efb00b; color:#555;}
.top_download_col .col_line{ background-color:#555;}
.top_download_col ul{ padding:0; list-style:none;}
.top_download_col ul li{ border-bottom:1px dashed #555; padding-bottom:8px; margin-bottom:8px;}
.top_download_col ul li a{ color:#555; display:block; background-image:url(../../images/download.png); background-position:center right; background-repeat:no-repeat; padding-right:30px;}
.top_download_col ul li a:hover{ text-decoration:none; color:#777; background-image:url(../../images/download2.png);}
.top_download_col ul li a span{ margin-right:10px;}




.top_contact_block{ padding:32px 0; background-color:#e0e3e6; text-align:center;}
@media (min-width:992px){.top_contact_block{ text-align:left;}}
.top_contact_logo img{ width:100%; height:auto; max-width:200px;}
@media (min-width:992px){.top_contact_logo img{ width:auto;  height:48px;}}

@media (min-width:992px){.top_contact_share{ text-align:right;}}

.top_contact_text{ line-height:1.6em; font-size:1.1rem; color:#555;}
.top_contact_text p{ margin-top:0;}

.guide{ margin-top:32px; font-size:1rem;}
.guide a{ color:#555; border:4px solid #555; padding:8px 16px; display:inline-block; max-width:160px; margin-left:auto; margin-right:auto;}
.guide a:hover{ text-decoration:none; background-color:rgba(255,255,255,0.5)}
@media (min-width:992px){.guide{ display:none;}}

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




.page_bread{ background-color:#007f88; margin:0; font-size:0.9rem; display:table; width:100%; position:relative; background-position:center; background-size:cover;}
.page_bread .container-fluid{}
.page_bread .breadcrumb { background:none; float:left; text-align:left; padding:60px 0 45px 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;}


.side_nav{ padding-top:30px;}
.side_nav h3{ border-left:3px solid #007f88; padding:0px 0 0px 15px;}
.side_nav h3 span{ color:#007f88; display:block; font-size:0.9rem; padding-top:8px;}
.side_nav ul{ padding:0; list-style:none;}
.side_nav ul li{ border-top: 1px solid #ddd;}
.side_nav ul li a{ padding:10px 18px; color:#777; display:block; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.side_nav ul li a:hover, .side_nav ul li a.active{ background-color:#007f88; color:#fff; text-decoration:none;}
@media (min-width:992px){
	.side_nav{ height:100%; padding:80px 0 80px 0;}
	.side_nav_col{ padding-right:0;}
}



.side_nav button{ float:right; color:#ccc; margin-top:3px; margin-right:0px; cursor:pointer;}
.side_nav button:hover, .side_nav button:focus{ color:#ccc;}

.side_nav .side_nav_sub a{ padding:5px 30px; font-size:0.9rem; background-repeat:no-repeat; background-position:8px 13px; background-size:12px 4px;}
.side_nav .side_nav_sub a:hover, .side_nav .side_nav_sub a.active{ background-color:transparent; color:#007f88; background-image:url(../images/select_icon.png); }


.page_block{ background-image:url(../images/about_bg.jpg); background-position:center; background-size:cover; overflow:hidden;}

.page_block .row{ position:relative;}

.page_content{ padding:80px 15px;}

.page_title{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
.page_title span{ font-size:1.2rem; color:#007f88; display:block;}

@media (min-width:992px){
	.page_content{ border-left:1px solid #ccc; height:100%; min-height:640px; padding:80px 15px 80px 30px; margin-left:0px;}
	.page_title span{ font-size:1.5rem; margin-left:15px; display:inline-block;}
}
@media (min-width:1200px){
	.page_content{ margin-left:0px;}
}

.page_content img{ max-width:100%; height:auto; margin:10px 0;}
.page_content p{ color:#555;}




.page_product_pic{ background-position:center; background-size:cover; height:280px;}
.page_product_text{ padding:15px; color:#777;}

.page_product_con{ margin:15px 0; position:relative; border:1px solid #ccc; border-bottom:6px solid #007f88; overflow:hidden; text-align:center;}
.page_product_pic{ height:400px; background-position:center; background-size:cover; margin-bottom:40px;}
.page_product_text{ padding:30px 15px; background-color:#ededed;  position:absolute; top:100%; width:100%; height:200px; margin-top:-88px;  -webkit-transition: all 0.2s; /* Safari */ transition: all 0.2s; }
.page_product_text .back_btn{ opacity:0; -webkit-transition: all 0.2s; /* Safari */ transition: all 0.2s; }
.page_product_text .back_btn i{ margin-right:10px;}
.page_product_con:hover .page_product_text{ margin-top:-160px}
.page_product_con:hover .page_product_text .back_btn{ opacity:1;}


.product_detail_pic_wrapper{ width:100%;}
.product_detail_pic, .product_detail_pic_nav{ width:100%;}
.product_detail_pic_item img{ width:100%; height:auto; border:4px solid #ccc; padding:0; margin:0;}
.product_detail_pic_nav_item{ margin:0 10px;  border:1px solid #ccc;}
.product_detail_pic_nav_item img{padding:0; margin:0;}
.product_detail_text{ padding:15px; background-color:#ededed; }

.product_detail_text_wrapper{ color:#777;}
.product_detail_text_con .product_detail_text_left{  padding:15px; color:#fff; background-color:#007f88; text-align:left; font-size:1.4rem;}
.product_detail_text_con .product_detail_text_right{ padding:15px; background-color:#ededed;}
.product_detail_text_con .product_detail_text_description{ padding:15px; background-color:#ededed;  line-height:1.6rem;}

.product_sub_pic{ max-width:100%; height:auto;}

@media (min-width:1200px){
	.product_detail_pic_wrapper{ width:360px; float:left}
	.product_detail_pic, .product_detail_pic_nav{}
	.product_detail_text{ padding:30px; margin-left:380px; height:360px;}
	
	
	
	.product_detail_text_wrapper{margin-left:380px; height:360px;}
	.product_detail_text_con .product_detail_text_left{  padding:15px; color:#fff; background-color:#007f88; text-align:center; width:120px; font-size:1rem; float:left;}
	.product_detail_text_con .product_detail_text_right{ padding:15px; background-color:#ededed; margin-left:130px;}
	.product_detail_text_con .product_detail_text_description{ padding:15px; background-color:#ededed;  margin-left:130px; height:190px;}
}

.product_sub_title{ padding:15px; background-color:#007f88; color:#fff; margin-top:30px;}

.product_detail_table{ font-size:0.9rem; color:#777;}
.product_detail_table table thead{ background-color:#dd7e00; color:#fff; text-align:center;}
.product_detail_table table tbody{ text-align:center;}




.page_news_con{ position:relative; color:#777; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.page_news_pic{ height:240px; background-position:center; background-size:cover;}
.page_news_text h4{ color:#555;}
.page_news_date{ margin:10px 0;}
.page_news_date span{ margin-right:5px; background-color:#007f88}
.page_news_con .page_news_more a{ color:#007f88; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.page_news_con .page_news_more a i{ margin-right:10px;}
.page_news_con .page_news_more a:hover{ padding-left:15px; text-decoration:none; color:#3CC;}
@media (min-width:992px){ 
	.page_news_pic{ width:320px; height:200px; float:left;}
	.page_news_text{ margin-left:340px;}
}
@media (min-width:1200px){ 
	.page_news_pic{ width:320px; height:200px; float:left;}
	.page_news_text{ margin-left:340px;}
}

.pagination .page-item .page-link{ color:#007f88;}
.pagination .page-item.active .page-link{ background-color:#007f88; border-color:#007f88; color:#fff;}

.back_btn{ margin:30px 0;}
.back_btn a{ padding:15px 40px; background-color:#007f88; color:#fff; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.back_btn a:hover{ background-color:#3cc; text-decoration:none;}


.download_block table thead th{ background-color:#007f88; color:#fff;}
.download_block table tbody td{ color:#777;}
.download_block table tbody td a{ color:#007f88;}
.download_block table tbody td a:hover{ color:#3cc;}


.contact_info_text{ padding:15px; background-color:#ededed;}
.contact_info_text h4{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;}
@media (min-width:992px){
	.contact_info_text{ padding:45px; min-height:240px;}
	.contact_info_row{ padding:0;}
	.contact_info_row .col-lg-6{ padding:0;}
}

.contact_block form{ color:#555;}
.contact_block form .form-group textarea{border-radius:0; padding:15px; background-color:#ededed;}
.contact_block form .form-group input{ border-radius:0; padding:15px; background-color:#ededed;}
.contact_block form .form-group button{ background-color:#007f88; border-color:#007f88; color:#fff; border-radius:0; padding:15px 0; width:118px; text-align:center; }
.contact_block form .form-group button[type="reset"]{background-color:#ccc; border-color:#ccc; color:#555;}