@charset "utf-8";
body{
	font-family: "微軟正黑體", "Arial Unicode MS";
	font-size: 15px;
	color: #000;
	word-wrap: break-word;
	word-break: break-all; 
	}
a{color:#535353;}
a:hover{color:#336699; text-decoration: none}
/*==============================flex-box==============================*/
.flex-box{display: flex;flex-wrap:wrap;}
.flex-box:before,.flex-box:after{display: none}/*for IOS bug*/
/*==反選的底色==========================================*/	
::selection {text-shadow: none;background: #362e2b;	color:#eee;}
img::selection {background: 0 0}
/*============================================================*/
.title{font-family: 'cwTeXYen','微軟正黑體', Arial; font-size: 36px; color: #362e2b; text-align: center}/*英文標題*/
.title-textsyle1{ color: #992621; text-align: left;margin: 1% 0 2%; padding: 0 0 3px 15px;border-bottom: 1px solid #a0a0a0; width: 100%; }
.title-textsyle2{color: #336699; text-align: left;margin: 1% 0 2%; padding: 0 0 3px 15px;border-bottom: 1px solid #a0a0a0; width: 100%;}
.title-textsyle3{color: #006633; text-align: left;margin: 1% 0 2%; padding: 0 0 3px 15px;border-bottom: 1px solid #a0a0a0; width: 100%;}
.container-padding{padding: 1% 15px; min-height: 70vh}
/*欄位設定*/
.col-bottom{ margin-bottom: 15px;}
@media (max-width:767px){
.col-bottom{ margin-bottom: 10px;}	
}
.img-box{position: relative; overflow: hidden;;box-sizing: border-box;background-color: #fff; box-shadow: 0 0 5px #d2d2d2}
.col-bottom img.img-borderstyle2:hover{opacity: .6}
/*img設定*/
.img-borderstyle1{transition: all 0.5s; padding: 5px;}
.img-borderstyle1:hover{opacity: 0.6; transform: scale(1.1);}
.img-borderstyle2{border: 1px solid #a2c571;transition: all 0.5s;}


/*scroll-up-top*/
.scroll-up{ width: 50px; height: 50px;background-color: #3f464d; border: 1px solid #88c9f2;border-radius: 50%;position: fixed; bottom: 100px;right: 30px;z-index: 100;cursor: pointer; text-align: center; line-height: 50px; display: none;color: #fff}
.scroll-up::before{content: "\f106";  font-family: FontAwesome; ; color:#fff;  position: absolute;top: -15px;width: 50px;
    left: 0px;}
.scroll-up:hover{ background-color: #7ecefc;color: #3a2424}
@media  (max-width : 420px) {
.scroll-up{bottom: 60px;right: 20px;}
}
/*==navbar_padding==========================================*/	
.navbar_padding{padding-top:78px; }
@media  (max-width : 768px) {
.navbar_padding{padding-top:55px }	
}
/*首頁banner尺寸*/
header{ position:relative}
.banner-title{ position:absolute; top:42%; width:100%; z-index:999 }
.banner-title h1{ color: #00561f;
    text-shadow: 0px 0px 8px #FFF;
    text-align: center;
    font-weight: 800;
    font-size: 48px;}
.banner-title h2{color: #333;
    text-shadow: 0px 0px 5px #FFF;
    text-align: center;
    font-weight: 600;
    font-size: 36px; }			
.imgbox { 
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 100vh;width: 100%; }
@media  (max-width : 768px) {
	.banner-title h1{ font-size: 30px;}
	.banner-title h2{font-size: 24px;
}
}
/*btn 向下*/
.btndown {
    position: absolute;
    bottom: 30px;
    width: 200px;
    margin: auto;
    display: block;
    cursor: pointer;
    padding-bottom: 20px;
    left: 0;
    right: 0;
	text-align:center;
    text-transform: uppercase;
	color:#fff;
	z-index:999;
	text-shadow: 0px 0px 2px #333;
}
@media  (max-width : 768px) {
.btndown{ display:none;}
}

.btndown .icondownsytle {
    margin-top: 20px;
    display: block;
    animation: down_ef 2s infinite;
    color: #fff;
	z-index:999;
}
@keyframes down_ef{
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } 
	}
/*==index-aboutus==========================================*/
.index-aboutus{ font-size:18px; line-height:2.0; padding:5%; }
.index-aboutus h2{line-height: 1.5; font-weight: 600; color: #fff;text-shadow: 0 0 0.2em #555,0 0 0.2em #fff}
.index-aboutus .icon{font-size: 65px; color: #ec554c;text-shadow: 0 0 0.2em #fff,0 0 0.2em #fff}
@media (max-width: 767px) {
	.index-aboutus .icon{font-size: 45px;}
	.index-aboutus .text-center:last-child {margin-top: 15%}
	.index-aboutus h2{font-size:28px;}
}

/*====index-link===========*/
.index-link{}
.index-link ul{ margin:0; padding:0}
.index-link > ul > li{ list-style: none;line-height:2.0; border-bottom:1px #e5e5e5 dashed; padding:0; width:47%; box-sizing:border-box; margin-right:3%; float: left}
.index-link > ul > li::before{ content: "\f0da";  font-family: FontAwesome; padding-right: 5px}
.index-link > ul > li a:hover{ color:#e8ae0c}
@media (max-width: 767px) {
.index-link > ul > li{width:100%}
}
/*====index-link2===========*/
.index-link2{ background-color: #d5e7f2;}
.index-link2 .col-bottom2{ margin-bottom: 30px;}
@media (max-width:767px){
.index-link2.col-bottom2{ margin-bottom: 10px;}	
}
.index-link2 a h4 {position:absolute; bottom:0; background-color:#00561f; color:#fff; text-align:center; margin:0; padding:10px 15px; width:100%; box-sizing:border-box}
.index-link2 a:hover h4 {background-color:#003A14;}

/*========indexnews============*/
.indexnews{}
.index-title-1 h3{font-family:'微軟正黑體', Arial; color: #f26101; text-align: center;display:flex;
align-items: center; margin:1% 0 2.5%; position:relative;letter-spacing: 5px;font-size: 34px}/*標題*/
@media (max-width:420px){
	.index-title-1 h3{font-size: 24px}	
}

.index-title-1 h3:after,.index-title-1 h3:before {
        content: "";
        flex: 1;/*幾等份*/
        border: none;
        margin: 0 1.5rem;
        border-top: 5px solid #f26101;
}

.newtime{font-size: 14px;color: #676767;float: right;padding-top: 25px}
.indexnews ul{ margin:0; padding:0; width: 100%;display:flex;flex-wrap:wrap;}
.indexnews ul li{list-style:none;}
.indexnews .news-box{background-color:#fff; box-sizing: border-box; box-shadow: 0 0 5px #d2d2d2; overflow: hidden; transition:all .5s; padding-bottom: 10px;}
.indexnews .news-box .news-img-box{position: relative;max-height: 180px; overflow: hidden;box-sizing: border-box;background-color: #fff;}
.indexnews .news-box .mv{position: relative;max-height: 250px; overflow: hidden;box-sizing: border-box;background-color: #fff;}
.img-bg2{position: relative;background-size: cover; height:190px;background-position: center;transition: all 0.5s;width: 99.99%}
.img-bg2:hover{opacity: 0.6; transform: scale(1.1);}
.news-box h4{padding: 0 10px; line-height: 1.3}
.indexnews ul li h4 a{font-size: 17px; color:#fff;letter-spacing:1px;  }
.indexnews ul li h4 a:hover{color: #fff;text-decoration: none;}
/*=====news==========================================*/
.news{box-shadow: 0 0 5px #d2d2d2; margin: 1% 0;background-color: rgba(255,255,255,.8);transition: all 0.5s;padding-bottom: 5px;}
.news:hover{ background-color:#435c73;}
.news:hover a span.date{color:#c9c9c9;}
.news h4{padding: 0 2%;font-weight: 600}
.news:hover  h4{color:#fff;}
.news .news-img-box{height: 190px; overflow: hidden;background-color: #fff;}
.news .mv{max-height: 250px; overflow: hidden;background-color: #fff;}
.img-bg{position: relative;background-size: cover; height:190px;background-position: center;transition: all 0.5s;width: 99.99%}
.img-bg:hover{opacity: 0.6; transform: scale(1.1);}
.img-bg h5{ position:absolute; background-color:rgba(0,0,0,0.7); color:#fff ; left:0; bottom:0;width:100%; box-sizing:border-box; padding:5%; margin:0}
.news a span.date,.indexnews span.date{color: #898989; border-radius: 20px;padding: 1px 10px;font-size: 13px; letter-spacing: 0.5px}
.news a span.date::before,.indexnews span.date::before,.news-text span.date::before{content: "\f073";  font-family: FontAwesome; padding-right:5px;}
/*====news-text===========*/
.news-text{border-bottom: 1px dashed #333; padding: 2px 5px; transition:all 0.5s}
.news-text:hover h4{color: #336699} 
.news-text a h4 { color: #000; font-size: 15px;}
.news-text a h4::before{
	content: "\f101";
    font-family: FontAwesome;
    padding-right: 5px;
	} 
.news-text span.date{color: #fff;
	font-size: 13px;
    background-color: #959595;
    padding: 5px 10px;
    border-radius: 10px;
    letter-spacing: 0.5px;
	margin-left:1%}
/*==news_detail==========================================*/	
.news_detail{}
.news_detail > h2{ font-size:24px; font-weight: bold;}
.news_detail_img{ text-align:center; width:auto;height: auto;max-width: 90%; margin-bottom:10px;}
.news_detail img{ max-width:100% !important; height:auto !important}
.share{}
.share ul{}
@media (max-width:420px){
.share ul{margin-left: 20%}	
}
.share ul li{list-style: none;float: left;margin-right: 3% }
.share ul li a{color: #fff;  }
.share ul li.share-fb{background-color:#3b5998;color: #fff;padding: 5px 10px;box-sizing: border-box;}
.share ul li.share-fb::before{content: "\f09a";font-family: FontAwesome; padding-right: 5px }
.share ul li.share-line{background-color:#01b901;color: #fff;padding: 5px 10px 5px 30px;box-sizing: border-box;position: relative;}
.share ul li.share-line::before{content: "";background-image: url(../images/symbol/line_icon.svg);width: 30px;height: 30px;
position: absolute;left: 0;top: 0;background-repeat: no-repeat;}
.share ul li.share-wechat{background-color:#01b901;color: #fff;padding: 5px 10px 5px 30px;box-sizing: border-box;position: relative;}
.share ul li.share-wechat::before{content: "";background-image: url(../images/symbol/wechat_icon.svg);width: 25px;height: 25px;position: absolute;left: 5px;top: 3px;background-repeat: no-repeat;}

.share ul li.share-fb a,.share ul li.share-line a,.share ul li.share-wechat a{display: inline-block}
/*==bannerimg==========================================*/	
.bannerimg{ background-repeat: no-repeat;background-size: cover; width: 100%; height: 550px; background-position: center bottom;}
@media (max-width:1681px){
.bannerimg{height: 450px;}	
}
@media (max-width:420px){
.bannerimg{height: 250px;}	
}
/*====MemoSpec===========*/
.memoSpec { font-size:18px; color: #444340;}
.memoSpec a{ color:#333}
.memoSpec a:hover{ text-decoration:none; color:#003567 !important; font-weight:bold;}
.memoSpec p{font-size: 18px;letter-spacing: 1px; line-height: 1.5;}
.memoSpec img{ max-width:100% !important; height: auto !important;}
.memoSpec table.noborder{ borer:0;}
.memoSpec table.noborder tr td{ text-align: center}
.memoSpec  table tr th{ background-color:#969696; color:#333; text-align:center;}
.table_style1{}
.table_style1 tr.block{ background-color:#262626; color:#fff;}
.table_style1 tr td{ padding:3% 0 2% 3%;}
.memoSpec h2{font-weight: 600;font-size: 26px;line-height: 1.5}
.memoSpec h3{font-weight: 600;font-size: 20px;line-height: 1.5}
@media (max-width:420px){
	.memoSpec h2{font-weight: 600;font-size: 22px;}
}
/*==coll_info==========================================*/
.coll_info{color: #535353;font-size:14px;}
.coll_info h3{ color:#362e2b; text-align:center; line-height:1.5; font-size:16px;margin:15px 0 10px;}
/*===========bottom-comp-info===========*/
.comp-info{
	background:#304269;
	padding: 2% 0 0;
	color: #fff;
	line-height:1.5;
	letter-spacing:0.5px;
	font-size: 14.5px;
	}
.comp-info  a{color: #fff}
.comp-info  a:hover{color: #e8ae0c}
.comp-info h4{ padding:0; margin:0 0 1%; letter-spacing:1px; }
@media (max-width:767px) {
	.comp-info h4{ margin: 5% 0}	
}
.comp-info h2{ width: 50%; margin: 15px auto;color: #fff; text-align: center;}
.comp-time-title{ color:#fff;background-color: #982A2B; letter-spacing:2px; text-align:center; padding:2%; margin-bottom:1%}
.comp-time{ color:#fff;background-color: #B80608; letter-spacing:2px;padding:2% ;margin-bottom:1%}
.info-item{padding-bottom: 1%}
.info-item h4{ margin-bottom: 15px;}
@media (max-width:767px) {
	.comp-info h2{ width: 100%;} 
}
@media (max-width:420px) {
	.comp-info .col-xs-12{border-bottom: 1px dashed #eee;padding-bottom: 3%;}
	.comp-info .col-xs-12:last-child{border-bottom: 0px dashed #eee}
}
/*====bottom-icon===========*/
.bottom-icon{ height: 40px;margin-top:2%;}
.bottom-icon ul {margin: 0; padding: 0;}
.bottom-icon ul li{ list-style: none;float: left; margin-right: 3%;}

/*====footer===========*/
footer {padding: 1% 0;font-size:13px;background-color:#333;color:#fff;line-height: 1.3}
footer a{ color:#fff}
footer a:hover{ color:#eee}
footer h4{line-height: 1.3;font-size: 17px}
footer h5{line-height: 1.3;font-size: 15px}
footer .font-style{color: #b5b5b5}
/*==============================公司網頁內文==============================*/
/*關於我們*/
.about{}
.about p{ line-height: 2.0}
/*==首頁最新消息===================================================================*/
.indexnews2{padding:3% 2%; border: 1px solid #eee;}
.indexnews2 ul{ margin:0; padding-left:10px;}
.indexnews2 ul li{font-size: 15px; display:block;  border-bottom:1px #ccc dashed; width:100%}
.indexnews2 ul li::before{content: "\f101";  font-family: FontAwesome; padding-right: 5px;}
.indexnews2 ul li a{color: #333;line-height:1.8; letter-spacing:1px; }
.indexnews2 ul li a:hover{color: #304269;}
.news-more-link {
    font-size: 15px;
    float: right;
    display: inline;
    padding-right: 10px;
    padding-top: 5px;
}
/*==首頁旅遊行程介紹===================================================================*/
.index-title-3 h3{font-family:'微軟正黑體', Arial; color: #fff; text-align: center;display:flex;
align-items: center; margin:1% 0 2.5%; position:relative;letter-spacing: 5px}/*標題*/
.index-title-3 h3:after,.index-title-3 h3:before {
        content: "";
        flex: 1;/*幾等份*/
        border: none;
        margin: 0 1.5rem;
        border-top: 3px solid #fff;
}

.index-title-2 h3{font-family:'微軟正黑體', Arial; color: #a84200; text-align: center;display:flex;
align-items: center; margin:1% 0 2.5%; position:relative;letter-spacing: 5px}/*標題*/
.index-title-2 h3:after,.index-title-2 h3:before {
        content: "";
        flex: 1;/*幾等份*/
        border: none;
        margin: 0 1.5rem;
        border-top: 1px solid #a84200;
}
.activity-photo{}
.activity-photo h5 a{ color:#333; letter-spacing:1px;font-weight: 600;font-size: 16px}
.activity-photo h5 a:hover{ color:#ccc}

.box-height{ width: 100%;height: 0;padding-top: 60%}/*圖片的高度，自動等比縮放*/
.box-height .img-bg{ position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%; max-height: 100%;margin: auto}

/*==產品介紹===================================================================*/
.prod-box{ padding-bottom:10px; padding-top:10px;display: flex;flex-wrap:wrap;}
.prod-box h2,.prod-box h3{ width:100%; margin-top: 10px;margin-bottom: 10px;}
.prod{ position:relative; margin-bottom:10px;}
.prod-box .line1{border-bottom:1px solid #939393; margin: 5px 0}
.prod > .prod-text{width:100%; text-align:center; padding:2%;color:#000;font-weight:600; letter-spacing:1px;}
.prod-box h4{ display:block; width:100%; margin-top:3%; font-weight:600}
/*==complist===================================================================*/
.complist{padding: 0px}
.complist h4 a{color:#000; font-weight: 600; line-height: 1.3}
.complist h5{color:#6E6E6E;line-height: 1.5}
/*==index-QRcode===================================================================*/
.index-QRcode ul{margin:0; padding:0}
.index-QRcode ul li{list-style: none;padding:0; width:30%; box-sizing:border-box; margin-right:3%; float: left;text-align: center}
/*==index-complist===================================================================*/
.index-complist-title{background-color: #638c0b; text-align: center;color: #fff;padding: 5px 0;letter-spacing: 3px;position: relative;}
.index-complist-title span a{color: #fff;font-size: 13px;position: absolute;right: 5px;bottom: 5px;letter-spacing: 1px;}
.index-complist-title span a:hover{color: #ffff00}
.index-complist-text{padding-left: 8px}
.index-complist-text h5 { list-style: none; border-bottom: 1px dashed #535353;line-height: 1.5}
.index-complist-text h5::before{content: "\f101";  font-family: FontAwesome; padding-right: 5px;}
.index-complist-text h5 a{ color: #000;font-weight: 600;font-size: 15px;}
.index-complist-text h5 a:hover{ color: #666}
/*==聯絡我們-加入好友===================================================================*/
.info i{line-height:1.8;}
.info .line-link{font-size: 14px;color: #fff;background-color: #00b900;padding: 5px 8px;border-radius: 5px;margin-left: 20px;font-weight:600;}
.info .line-link a{color:#fff;}
.info .line-link:hover{background-color: #006600}
.info .color1{color:#03409a; text-align:center;}
/*==重要紀事===================================================================*/
.past-years{width: 80%; margin: 0 auto;}
@media (max-width:767px){
	.past-years{width: 100%;}
}
/*==聯絡我們===================================================================*/
.contactus{line-height: 1.7;color: #535353}
.contactus h4{line-height: 1.5;color: #333}
.contactus .m-b{margin-bottom: 3%}

/*==left-side-icon===================================================================*/
.left-side-icon {
    width: 50px;
    height: 85px;
    position: fixed;
    bottom: 165px;
    right: 30px;
    z-index: 100;
   display: none;
   text-align:center;
}
@media (max-width:767px){
  .left-side-icon {  
    bottom: 125px;
    right: 20px;
    }
}
/*==聯絡我們-加入好友===================================================================*/
.line-link{font-size: 14px;color: #fff;background-color: #00b900;padding: 5px 8px;border-radius: 5px;margin-left: 10px;font-weight:600;}
.line-link a{color:#fff;}
.line-link:hover{background-color: #006600}
.color1{color:#03409a; text-align:center;}
/*==prodlist===================================================================*/
.prodlist{}
.prodlist h1{color: #003267;font-size: 20px;padding:5px; margin-bottom:15px;font-weight: 600;text-align: center;margin-top: 5px;}
/*==prodshow===================================================================*/
.prodtext{}
.prodtext h1{color: #003267;font-weight: 600;margin-top: 10px;}
.percent-box{width: 100%;background-color: rgba(5,54,106,0.1);padding-top: 15px;padding-bottom: 15px;display: block;float: left;margin-bottom: 2%;}
.percent-box .percent{font-weight: 600;background-color: #05366a;padding: 3%;color: #fff;font-size: 18px}
.percent-box .percent-bt{margin-bottom: 15px}
@media(max-width:420px){
	.percent-box .percent{margin-bottom: 15px}
}
.prodimg img{max-width: 100%;}
/*==index-關於我們========================*/
.textEditor table{
	border-collapse:collapse;}

.textEditor table th{
	padding: 5px;
	text-align: center;
	background: #000;
	color: #FFF;
	border: 1px solid #e1e1e1;
	font-weight: normal;
}

.textEditor table td{
	padding:5px;
	border:1px solid #e1e1e1;}
/*==footer-nav========================*/
ul.downMenu{}
ul.downMenu li{
	float:left;
	width:50%;}

ul.downMenu li a{
	display: block;
	padding: 4px 0;
	font-size: 15px;
	color: #FFFFFF;
	font-family:"微軟正黑體";
}

ul.downMenu li a b{
	padding-left:8px;
	font-size:13px;
	font-weight:normal;}

ul.downMenu li a:hover{
	text-decoration:underline;}

/*側邊_menu*/
.side_menu{
	margin-bottom:30px;}

.side_menu ul{
	margin-top:10px;
	padding-left: 0px;
}

.side_menu ul li{
	border-bottom:1px solid #e1e1e1;
	position:relative;list-style: none;}

.side_menu ul li a{
	display: block;
	padding: 10px 15px;
	font-family:"微軟正黑體",Aril;
	font-size: 16px;}

.side_menu ul li a:hover{}

.side_menu ul li a.current{
	color: #FFF;
	background-color: #000;
	font-family:"微軟正黑體",Aril;
	font-size:18px;
}


.side_menu ul li a b{
	margin-left:10px;
	font-size:13px;
	font-weight:normal;
	color:#808080;}
.content-padding{ padding-top:2% ;padding-bottom: 2%}

.complist li{list-style: none}
.Txt h3{font-size: 18px;margin-top: 10px;margin-bottom: 20px;}
/*==============================flex-box==============================*/
.flex-box{display: flex;flex-wrap:wrap;}
.flex-box:before,.flex-box:after{display: none}/*for IOS bug*/