@charset "utf-8";

/* CSS Document */
/************************************************************************************
RESET
*************************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {	
    line-height: 1;	
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}
a{text-decoration :none;}
a img {
	border: none;
}

.clean { clear:both;}

.clearfix {
  overflow: auto;
}

img { max-width:100%;}

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/

body {
    margin: 0;
    padding: 0;
    font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	background-color: #fff;
	background: url("images/hotel-bg01.jpg") top repeat;
}

/*======================
====Main CSS=====
=======================*/

#theme-nav { margin-top: 30px;  overflow: hidden; }

.col20 { width:20% ; display: inline-block; vertical-align: top;  margin-right: -4px; background: #fd7035; height: 90px;  }
.col80 { width:80% ; display: inline-block; vertical-align: top;  margin-right: -4px; background: #e66677; height: 90px; }
.logo { padding: 1.5vh 2.5vw; line-height: 90px; }

.theme-list {}
.theme-list img{max-width:100%;}
.theme-list li { 
    display: inline-block; padding-right: 10px; 
    color: #ffffff; font: 500 22px "微軟正黑體";   line-height: 90px; vertical-align:middle;
}
.icon {  padding-left:6px; vertical-align:text-bottom;}
.icon02 { padding-left:10px;}    

.theme-list li a { 
    color: #ffffff; width:100%; height: 100%; text-decoration:none;
}
.theme-list li a:hover { 
    color:#ffc600;
}

h1,h2,h3 { display:none; }


.banner_top{clear: both;padding: 0 0 80px 0;}

/*----------------------大圖輪播-------------------------------*/
.agile_banner_text_info {
    position: absolute;
    z-index: 9;
    top: 10%;
    right: 35%;	
    text-align: center;
}
.inft-md{display: block;}
.inft-md img{max-width: 163px;}
.inft-sd{display: none;}

.slider {
    position: relative;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.rslides_tabs {
    z-index: 9;
    position: absolute;
    bottom: -7%;
    left: 35%;
}

.rslides_tabs li {
    display: inline-block;
    margin: 0 2px;
    list-style: none;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    color: #fff;
    font-weight: bold;
}

#slider3-pager a {
    display: inline-block;
}

#slider3-pager img {
    float: left;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
}

.rslides_tabs a {
    border: 4px solid rgba(239, 232, 232, 0.28);	
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
}

#slider3-pager .rslides_here a {
    background: transparent;
    border: 5px solid #539188;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
}

a.rslides_nav.rslides1_nav.prev {
    position: absolute;
    left: 0%;
    color: #fff;
    top: 36%;
    z-index: 9999;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    display: none;
}

a.rslides_nav.rslides1_nav.next {
    right: 0%;
    position: absolute;
    color: #fff;
    top: 36%;
    z-index: 9999;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
    display: none;
}

#home {
    position: relative;
}

ul#slider li:nth-child(1) {
    background: url(images/banner1.jpg)no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 650px;
}

ul#slider li:nth-child(2) {
    background: url(images/banner2.jpg)no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 650px;
}

ul#slider li:nth-child(3) {
    background: url(images/banner3.jpg)no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 650px;
}

ul#slider li:nth-child(4) {
    background: url(images/banner4.jpg)no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 650px;
}

ul#slider li:nth-child(5) {
    background: url(images/banner5.jpg)no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 650px;
}


/*-------------------------------------選單---------------------------------------------*/
#main-nav {
    z-index: 990;
    overflow: hidden;
 }
 
 .block_menu {
	 z-index: 990;
     width: 100%;
     text-align:center;
     font-family:'Noto Serif TC', serif,Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif","微軟正黑體","黑體";
     height: 50px;
     background:#aea369;	 
     z-index: 990;
 }
 
 .sticky { top: 30px; }
 
#nav li { display:inline-block;  }
#nav li a { display: inline-block;  }
#nav li img {vertical-align:middle;width: 58px; padding-right: 8px;}

.menu {margin-right: 8px; line-height: 48px;}
.menu a { color: #FFF; text-decoration:none; font:  bold 15px "微軟正黑體";}
.menu a:hover, .menu a.active { color:#fef673;  }
 
 .active {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }



/*錨點*/
.block-first{overflow: hidden;padding-top: 90px;margin-top: -90px;}

#tour1-1{clear: both; overflow: hidden;padding-top: 90px;margin-top: -90px;}

/*----------------------人氣推薦-------------------------------*/
#hot-north{}
.hot-bg01-1{background: url("images/hot-bg01-1.jpg") top repeat;}
.hot-bg01-2{background: url("images/hot-bg01-2.png") top no-repeat;}

.hot-bg02-1{background: url("images/hot-bg02-1.jpg") top repeat;}
.hot-bg02-2{background: url("images/hot-bg02-2.png") top no-repeat;}

.line01{height: 43px; background: url("images/line-01.jpg") top no-repeat;}
.line02{height: 43px; background: url("images/line-02.jpg") top no-repeat;}

.h-left{float: left;}
.h-right{float: right;}

/*-----人氣推薦內文------*/
.hot-title{max-width: 260px;margin: 0 auto;padding: 50px 0 20px 0;}
.hot-box{max-width: 960px;margin: 0 auto;padding: 30px 0; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;overflow: hidden;}

.hot-box .photo-box{width: 46%;padding: 0 10px 10px 30px;background: url("images/ph-bg01.png") left bottom no-repeat;}
.hot-box .photo-box02{width: 46%;padding: 0 30px 10px 10px;background: url("images/ph-bg02.png") right bottom no-repeat;}
.hot-box .photo-box03{width: 46%;padding: 0 10px 10px 30px;background: url("images/ph-bg03.png") left bottom no-repeat;}
.hot-box .photo-box04{width: 46%;padding: 0 30px 10px 10px;background: url("images/ph-bg04.png") right bottom no-repeat;}

.hot-box .txt-box{width: 47%;margin-bottom: 20px;}
.hot-box .txt-box .t-box{}
.t-box p.title{border-bottom: solid #2b98bc 2px;padding: 10px 0 10px 5px;margin-bottom: 10px;display: block;font-size: 28px;color: #2b98bc;font-weight: bold;margin-bottom: 5px;}
.t-box p.title strong{color: #318979;padding:0 8px 0 0;font-size: 18px;margin-right: 8px;border-right: solid 1px #2b98bc;line-height: 28px;}
.t-box p.title02{display: block;padding: 0 5px 10px 0; font-size: 18px;line-height: 25px; color: #2b98bc;text-align: right;}
p.ps{font-size: 15px;line-height: 25px;color: #595959;padding: 0 10px 10px 10px;}

/*-----國內旅遊訂房內文------*/
.tab-container{padding: 0 5px;}
.tab_content {overflow: hidden; z-index: 200;background: #FFF;padding: 15px 10px; border-radius: 0 5px 5px 5px;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.etabs {display: block; width: 100%; height: 40px;	margin: 0;	padding:0;}
.etabs li{display:block; float:left; width:25%;	height:40px; line-height:40px;	text-align:center;	margin-right:1px; list-style:none; border-radius:5px 5px 0 0 ;}
.etabs li a{display:block;	width:100%;	text-decoration:none; color:#a0a0a0;}	
.tab{background:#dfdfdf;}
.etabs li a:hover {border-radius:5px 5px 0 0 ;opacity: 0.8;}
.etabs li.active {background:#FFF;}
.etabs li a.active {color: #2b98bc;background:#fff;border-radius:10px 10px 0 0 ; font-size: 20px;font-weight: bold;}

.tab-box{}
.tab-box p.toptitle{font-size: 18px;line-height: 28px; font-weight: bold;color: #ff7e00;padding-left: 5px;}
.tab-box ul{list-style-type: disc;padding: 0 0 0 25px;}
.tab-box ul li{font-size: 15px;line-height: 25px;color: #595959;}
.tab-box .focus{display: inline-block;padding: 3px;background-color: #318979;color: #fff;padding: 5px; margin: 5px;}
.tab-box .price{float: right;font-size: 15px;color: #3b3b3b;font-weight: bold;margin-top: 10px;border-radius: 10px;padding: 5px;}
.tab-box .price strong{color: #e42843;font-size: 30px;margin: 0 3px;}
.tab-box:hover .price { background-color: #f4f2e1;}

/*--------------訂房推薦----------------------*/
.hotel-bg01{background: url("images/hotel-bg02.png") top repeat;}
.hotel-bottom{max-width: 960px; height: 430px; background: url("images/hotel-bg03.png") bottom no-repeat;margin: 0 auto;}

.hotel-title{max-width: 260px;margin: 0 auto;padding: 50px 0 20px 0;}

.hotel-frame{border-top: solid 10px #5e958b;border-right: solid 10px #69a298;border-bottom: solid 10px #5e958b;border-left: solid 10px #69a298; }
.hotel-frame02{border-top: solid 10px #c7bf90;border-right: solid 10px #d2c992;border-bottom: solid 10px #c7bf90;border-left: solid 10px #d2c992; }

.hotel-box{max-width: 960px;margin: 0 auto;padding: 10px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;overflow: hidden;}

.hotel-box .photo-box{width: 37%;float: left;}
.hotel-box .txt-box{width: 60%;padding: 10px;float: right;}
.hotel-box .txt-box p.ttitle{display: block;font-size: 28px;line-height: 35px; color: #3b3b3b;font-weight: bold;margin-bottom: 15px;border-bottom: solid #d2d2d2 1px;padding-bottom: 10px;}

.hotel-box .txt-box p.toptitle{font-size: 15px;line-height: 25px; font-weight: bold;color: #ff7e00;padding-left: 5px;}
.hotel-box .txt-box ul{list-style-type: disc;padding: 0 0 0 25px;}
.hotel-box .txt-box ul li{font-size: 15px;line-height: 25px;color: #595959;}
.hotel-box .price{display: block; margin-top: 30px; text-align: right;padding: 0 10px 0 0; font-size: 15px;color: #3b3b3b;font-weight: bold;}
.hotel-box .price strong{color: #e42843;font-size: 30px;margin: 0 3px;}
.hotel-box:hover p.ttitle { color: #318979;}


/*---------------------行程-----------------------*/
.tour{max-width:960px;margin: 0 auto;padding-top: 20px;;clear: both;overflow: hidden;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.tour ul{width: 98%;}
.tour li{display: block;width: 100%; line-height: 35px; border-bottom: 1px dashed #747474;;padding-bottom: 5px;float: left;margin-bottom: 15px;}
.tour li .name{font-size: 22px;font-weight: bold;color: #3b3b3b;}
.tour li .note{font-size: 15px;line-height: 25px;color: #7b7136;display: block;}
.tour .price{font-size: 15px;color: #3b3b3b;font-weight: bold;}
.tour .price strong{color: #e42843;font-size: 30px;margin: 0 3px;}
.tour li a{display: block;}
.tour li a:hover{display: block;text-indent: 3px;}
/*.tour li:hover .name { color: #318979;}*/
.tour .list-left{display: block;width: 75%;float: left;}
.tour .list-right{width: 20%;text-align: right; float:right;}

@media screen and (max-width:1024px)  {
	.agile_banner_text_info {top: 10%;right: 10%;}
	.rslides_tabs { left: 25%;}
	.theme-list li { 
    display: inline-block; padding-right: 10px; 
    color: #ffffff; font: 500 20px "微軟正黑體";   line-height: 90px; vertical-align:middle;}
}
@media screen and (max-width:959px)  {
	.theme-list li { 
    display: inline-block; padding-right: 5px; 
    color: #ffffff; font: 500 15px "微軟正黑體";   line-height: 90px; vertical-align:middle;}
	
	.menu a {font:  bold 13px "微軟正黑體";}
	
	.hotel-box{max-width: inherit;width: 90%;}
	.tour{max-width:inherit;width: 95%;}
}


/*---平板-----*/
@media screen and (max-width:768px) {
		#theme-nav { display: none; }  
	.banner_top{padding: 0;}    
    ul#slider li:nth-child(1),
    ul#slider li:nth-child(2),
    ul#slider li:nth-child(3),
    ul#slider li:nth-child(4),
	ul#slider li:nth-child(5)
	{
        min-height: 428px;
    }
	
	.inft-md{display:none;}	
	.inft-sd{display: block;}
	.inft-sd img{max-width: 410px;width: 100%;}
	
    .rslides_tabs a {
        width: 45px;
        height: 45px;
    }
    #slider3-pager .rslides_here a {
        width: 45px;
        height: 45px;
    }
    #slider3-pager img {
        width: 45px;
        height: 45px;
    }	
    .rslides_tabs {    
        left: 15%;
    }
    .rslides_tabs a {
        border: 2px solid rgba(239, 232, 232, 0.28);
    }
    #slider3-pager .rslides_here a {
        border: 2px solid #539188;
    }
	
	#slider3-pager {display:none;}	
	#main-nav{display: none;}

.h-left{float: inherit;}
.h-right{float: inherit;}
	
.hot-box{max-width: inherit;width: 95%;}	
.hot-box .photo-box,.hot-box .photo-box02,.hot-box .photo-box03,.hot-box .photo-box04{width: 100%;}
.hot-box .txt-box{width: 100%;}
	
.hotel-box .photo-box{width: 100%;float: inherit;margin: 0 auto;}
.hotel-box .txt-box{width: 100%;float: inherit;margin: 0 auto;}
	
.tour .list-left{width: 100%;float: inherit;}
.tour .list-right{width: 100%;float:inherit;}	

.hotel-bottom{max-width: 960px; height: 20px; background: inherit;margin: 0 auto;}
	
	
}
/*---手機版-----*/
@media(max-width:480px) {  
   .agile_banner_text_info {top: 20%;left: 15%;}
    ul#slider li:nth-child(1), ul#slider li:nth-child(2), ul#slider li:nth-child(3), ul#slider li:nth-child(4), ul#slider li:nth-child(5) { min-height: 320px;}
	.tab-box .price{float: inherit;display: block; text-align:center;}
	.hotel-box .txt-box p.ttitle{font-size: 22px;line-height: 28px;}
	.hotel-box .price{text-align: center;padding: 0;}	
	.tour .list-right{text-align:center;background-color: #f4f2e1;margin-top: 5px; border-radius: 10px; padding: 5px;}	
}
/*---手機版-----*/
@media(max-width:320px) {  
   .agile_banner_text_info {top: 20%;left: 20%;}
    ul#slider li:nth-child(1), ul#slider li:nth-child(2), ul#slider li:nth-child(3), ul#slider li:nth-child(4), ul#slider li:nth-child(5) {min-height: 243px;}
}