@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, figure, mark, video {
    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;}*/
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 img {border: none;}
img {max-width: 100%;image-rendering: -webkit-optimize-contrast;}
.clean { clear:both;}
a {color: #333333; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur());}
a:hover {}
a:focus{ -moz-outline-style: none;}
.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	font-size:15px;	
}

/*wow*/
.wow:first-child {
visibility: hidden;
visibility:visible \9;
}
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 img {
	border: none;
}

.clean { clear:both;}

img { max-width:100%;}

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

body {   
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/	
}

/*基本變數*/
:root {
	/*基本*/
	--white-color:#fff;
	--black-color:#141115;
	--family-basic:Verdana,'微軟正黑體';
	--family-noto:"Noto Sans TC",Verdana;	
	--family-sp:Verdana,'Noto Serif TC';
}

#web-outer{	
	clear: both;
	overflow: hidden;	
	background-color: #fff;
	padding-bottom: 80px;
}

header {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  clear: both;
  z-index: 1;  
}

header h1 {
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
}

.header-content{
	width: 100%;margin:0 auto;
	clear: both;
	overflow: hidden;
	position: relative;
}

.header-title{max-width: 482px;position: absolute;left: 22%;top: 70px;z-index: 5;}

/* 1. 針對滑動容器本身或其內部的所有元素 */
.accordion * {
    cursor: default !important;
}

/* 2. 特別針對滑動圖中的連結 (<a> 標籤) */
.accordion a {
    cursor: default !important;
}

.header-content{}
/* ---- Create Accordion --- */
.accordion{ 
  width: 100%;
  height: 800px;
  display: flex;
  overflow: hidden;
  margin: 0 auto;
}
.tab{
  position: relative;
  width: 33.3333333%;
  height: inherit;
  margin: 0;
  color: #FFF;
  cursor: pointer;
  transition: width .5s ease;
}
.tab img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .0s ease;	
}

.tab .min-title{
  position: absolute;
  bottom: 50px;
  font-family: var(--family-sp);
  font-size: 22px;
  font-weight: bold;
  color: #fff; 
  text-align: center;
  padding: 20px 10px;
  min-width: 135px;  	   
  letter-spacing: 1px;
  background-color: rgba(11,11,11,0.8);
}

/* --- Hover Effects --- */
.tab:hover img{opacity: 1;}
.tab:hover{width: 100%;}
.tab:hover .caption{transition: all .5s ease; opacity: 1;}

.mobile{display: none;aspect-ratio: 32 / 13;margin-top: 40px;}

/*-------------------------------------選單---------------------------------------------*/
#main-nav{   
   z-index: 990;
   margin:0 auto;  
}

#block_menu {
	width: 100%;
	clear: both;
    overflow: hidden;
	position: relative;
	z-index: 990;
}

.sticky {
    top:40px;	
}

#main-nav ul {background-color: #045080; text-align: center; height: 60px;text-align: center;position: relative;z-index: 990;}
#main-nav ul li {display:inline-block;font-family: var(--family-sp);margin-top: 10px;}
#main-nav ul li a { display:block;font-size: 22px;font-weight: 600;  text-align: center; text-decoration: none;color: #abd2eb;border-radius: 22px; margin: 0 5px;padding: 10px;}
#main-nav ul li a:hover,#main-nav ul li a.active {color: #045080;background-color: #fff;}
.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);
}


/*選單*/
.tabs-container { margin: 0 auto; max-width: 1200px;}
.tab-content-outer {padding:15px 25px; margin:0 15px;}
.tabs-box01 { margin:30px auto; text-align: center;}
.tabs-box01 li { display: inline-block;margin: 5px 20px;}
.tabs-box01 li a { 
    display: block; 
    background: #8c8c8c;
	color: #fff;
    border-radius: 32px;padding:10px 30px;
	font-family: var(--family-basic);
  	font-size: 22px;
	font-weight: 600;
    text-decoration: none;
}
.tabs-box01 li.button01 a:hover, .tabs-box01 li.button01 a.active { background: #134181; color:#fff;}
.tabs-box01 li.button02 a:hover, .tabs-box01 li.button02 a.active { background: #0c8230; color:#fff;}
.tabs-box01 li.button03 a:hover, .tabs-box01 li.button03 a.active { background: #eb8501; color:#fff;}

.tab-box01{}

/*交通選單*/
.tabs-box02 { margin:30px auto; text-align: center;}
.tabs-box02 li { display: inline-block;margin-top: 25px;}
.tabs-box02 li a{ 
	position: relative;	
    display: block;
	padding-bottom: 60px;
}
.tabs-box02 li.c01 a{ 
background: url("../img/car01.webp") bottom no-repeat;
}
.tabs-box02 li.c02 a{ 
background: url("../img/car02.webp") bottom no-repeat;
}
.tabs-box02 li.c03 a{ 
background: url("../img/car03.webp") bottom no-repeat;
}
.tabs-box02 li.c04 a{ 
background: url("../img/car04.webp") bottom no-repeat;
}
.tabs-box02 li.c05 a{ 
background: url("../img/car05.webp") bottom no-repeat;
}
.tabs-box02 li.c06 a{ 
background: url("../img/car06.webp") bottom no-repeat;
}


.tabs-box02 li a span {
	display: block;
	background: #707070;	
	width: 112px;    
	color: #fff;
	text-align: center;
    border-radius: 32px;
	padding:12px 10px;
	font-family: var(--family-basic);
  	font-size: 15px;
	font-weight: 600;
    text-decoration: none;	
	margin: 5px;
}
.tabs-box02 li a em{ 
	font-style:normal;
	background: #a3a3a3;
	color: #fff;
    border-radius: 55%;padding:6px 4px;
	font-family: var(--family-basic);
  	font-size: 13px;
	font-weight: 600;
    text-decoration: none;
	position: absolute;
	top:-15px;
	left: 60px;	
}

.tabs-box02 li a:hover,.tabs-box02 li a.active {	
	animation: car 3s infinite;
}
.tabs-box02 li a:hover span,.tabs-box02 li a.active span { background: #0f64aa; color:#fff;}
.tabs-box02 li a:hover em,.tabs-box02 li a.active em  { background: #37b2dd; color:#fff;}

@keyframes car {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(5px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.season-bg{background:url("../img/season_bg.webp") top no-repeat;padding: 10px 0;margin-bottom: 100px;}
/*介紹*/
.info-wrap{
	max-width:1500px;	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;	
	padding: 10px;
	margin: 50px auto;
	font-family: var(--family-basic);
	}
.info-box {width:38%;display: inline-block;margin: 0 10px;}
p.info-box02 {width:30%;display: inline-block;margin: 0 10px;height: 100%; font-size: 18px;line-height: 2em;font-weight: 500; color: #3f3f3f;text-align: left;}
.info-box03 {width:28%;display: inline-block;margin: 0 10px;}

/*季節*/
.season-wrap{
	max-width:1000px;	
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;		
	margin: 0 auto;
	}

.season-box {width:31%;display: inline-block; vertical-align: top;text-align: center;}
.season-top {font-size: 50px; font-family: "Anton", sans-serif;font-weight: 800;}

p.season-title{display: block; font-size: 25px;line-height: 1.5em;color: #3f3f3f;margin: 5px auto 0 auto;}
p.season-txt{font-size: 35px;}

p.season-focus{display: inline-block;font-family: var(--family-basic);font-size: 35px;font-weight: 600; line-height:1.2em;padding: 5px 0;}

.b01{color: #045080;border-right: 1px #045080 solid;}
.b02{color: #0c8230;border-right: 1px #0c8230 solid;}
.b03{color: #eb8501;border-right: 1px #eb8501 solid;}
.no-line{border-right: none;}

/*圖片組合*/
.grid-item {
    overflow: hidden;
}

.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	aspect-ratio: 4 / 3;
}

.grid-container {
	max-width: 1200px;
    padding: 15px;
    margin: 0 auto;
    /* 間距設定：可以修改這裡的數值 */
    gap: 5px;
    display: grid;
}

.grid-container {
    /* 3 欄, 2 列 */
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-template-areas:
        "top-left center-col top-right"
        "bottom-left center-col bottom-right";
    aspect-ratio: 16 / 7; /* 設定整體容器的長寬比 */
}

/* 佈局 5 張圖片 */
.item-1 { grid-area: top-left; display: block;border-radius: 80px 0 0 0;}
.item-2 { grid-area: center-col; display: block;}
.item-3 { grid-area: top-right; display: block;border-radius: 0 80px 0 0; }
.item-4 { grid-area: bottom-left; display: block;border-radius: 0 0 0 80px;}
.item-5 { grid-area: bottom-right; display: block;border-radius: 0 0 80px 0; }


/*標題*/
h2.big-title {
	max-width: 316px;
	height: 85px;	
	text-align: center;
	margin: 80px auto 50px auto;
	font-family: var(--family-sp);
	color: #0d5984;
	z-index: 50;
	background: url("../img/big_bg_01.webp") top center no-repeat;	
}

h2.big-title span{	
	text-align: center;	
	display: block; font-size: 40px;line-height: 85px; font-weight: 600;	
}

h2.big-title02 {
	max-width: 272px;
	height: 95px;	
	text-align: center;
	margin: 30px auto;
	font-family: var(--family-sp);
	color: #fff;
	z-index: 50;
	background: url("../img/min_bg_01.webp") top center no-repeat;	
}

h2.big-title02 span{	
	text-align: center;	
	display: block; font-size: 35px;line-height: 95px; font-weight: 600;	
}

h2.big-title03 {
	max-width: 272px;
	height: 95px;	
	text-align: center;
	margin: 30px auto;
	font-family: var(--family-sp);
	color: #1b77b2;
	z-index: 50;
	background: url("../img/min_bg_02.webp") top center no-repeat;	
}

h2.big-title03 span{	
	text-align: center;	
	display: block; font-size: 35px;line-height: 95px; font-weight: 600;	
}


/*行程*/
.tour-bg{background-color: #f2faff;padding: 10px 0;}
.tour-wrap{max-width: 1200px;width: 95%; margin:0 auto;}

/*綜合行程*/
.min-tour-title{min-width:100px;display: inline-block;text-align: center;font-family: var(--family-basic);font-size: 20px;color: #fff;border-radius: 10px 0 10px 0;padding: 10px;}
.winter{background-color: #045080;}
.flower{background-color: #cf2d89;}
.tour-list {width: 100%;margin: 0 auto;padding: 10px 0 50px 0;}
.tour-list a {display:flex;padding: 10px;overflow: hidden;border-bottom: dashed 1px #b2b2b2;text-decoration: none;justify-content:space-between;align-items:center;}
.name-l{flex:0 0 85%;font-family: var(--family-basic);font-size: 18px;color:#272727;line-height: 1.5em;}
.name-l em{font-style:normal;color: #99944d;font-family: var(--family-basic);font-size: 15px;padding: 3px;margin-right: 5px;}
.name-l strong{font-family: var(--family-basic);font-size: 15px;color: #045080;border-radius: 3px;border: 1px #045080 solid;background-color: #fff; margin-right: 5px;padding: 2px 3px 3px 3px;}
.price-r{flex:0 0 15%; text-align:right;font-family: var(--family-basic);font-weight: 600; font-size: 15px;line-height: 1.2em;color: #272727;}
.price-r strong{font: 600 25px "Anton", sans-serif;margin: 0 2px;letter-spacing:1px;color: #c12323;}
.price-r span{display: block;font-size: 15px;color: #272727;font-weight: 600; text-align: right;margin-bottom: 5px;}

.photo-wrap{
	width: 100%;		
	margin: 0 auto;
	background-color: #1b77b2;padding: 30px 0;
}
.multiple-items .slick-prev,.multiple-items .slick-next{display: none;}

.photo-box{	
	display: inline-block;	
	position: relative;
	margin: 0 10px;	
}
.photo-pic{position: relative;margin-bottom: -3px;}
.photo-pic .pic-title{position: absolute;top:0;left: 10px;
font-family: var(--family-sp);font-size: 18px;font-weight: 600; color: #292929;
background-color: #fff;	
padding: 10px;
-webkit-writing-mode: vertical-lr;
writing-mode: vertical-lr;}
.photo-txt{font-family: var(--family-basic);background-color: #fff;border-radius: 0 0 10px 10px; padding-bottom: 10px;}
p.title{width: 95%;height: 100%;display: block; font-size: 18px;line-height: 2em;color: #3f3f3f;margin: 0 auto;padding: 10px 0;}

/*影片*/
.video-bg{position: relative;clear: both;overflow: hidden;margin: 50px auto 100px auto;padding-bottom: 80px;}
.video-bg::before{position: absolute;content: '';width: 90%;height: 70%;right:0;bottom: 0; background-color: #daecf8;border-radius: 300px 0 0 300px;}
.video-wrap{max-width: 1200px;margin: 0 auto;}
.video-wrap .lazyframe {
    width: 100%;
    height: 600px;
	border-radius: 25px;
	
}
.video-wrap .video-box {margin: 0 auto;padding: 0 20px;}
.responsive .slick-dots{display: none;}
.responsive .slick-prev,.responsive .slick-next{display: none;}
.responsive .slick-prev:before,.responsive .slick-next:before{display: none;}

/*交通攻略*/
.car-bg{background-color: #e8f9ff;padding: 10px 0 30px 0;margin-bottom: 100px;}
p.car-about{
	max-width: 900px;
	width: 90%;
	margin: 0 auto;	
	font-family: var(--family-basic);
	font-size: 18px;
	line-height: 2em;
	font-weight: 600;
	color: #6d6d6d;	
}
p.car-about em{font-style:normal;display: block; font-size: 15px;color: #0f64aa;}
.car-wrap {
	max-width: 1100px;
	width: 90%;
	position: relative;	
	margin: 0 auto 50px auto;		
	padding-bottom: 50px;
    display:flex;
	flex-wrap: wrap;
	font-family: var(--family-basic);
	line-height: 2em;
	color: #3f3f3f;	
	z-index: 30;	
	overflow: hidden;
	/*align-items:center;*/
}

.car-wrap::before{position: absolute;content: '';width: 95%;height: 85%;right:0;top: 30px;background: #fff;border: 2px #abe4f8 solid;border-radius: 25px;z-index: 1;}

.car-txt{width: 52%; position: relative;padding-top: 60px;z-index: 30;text-align: left;}
.car-txt h3{width: 90%;margin: 0 auto 10px auto;font-family: var(--family-basic);font-size: 22px; line-height: 1.5em; color: #0f64aa;border-bottom: 1px #0f64aa solid;padding: 0 0 10px 0;text-align: center;}
.car-pic{width: 45%; max-width: 800px; position: relative;height: 100%;aspect-ratio: 10 / 7;z-index: 30;}
.car-txt p{width: 90%;margin: 0 auto;}
.car-pic img{border-radius: 25px;aspect-ratio: 3 / 2;}

.map-wrap{max-width: 1100px;width: 90%; margin: 30px auto;}
.map-wrap img{border: 2px #fff solid;background-color: #fff;border-radius: 25px;aspect-ratio: 120 / 59;}


/*服裝介紹*/
.clothing-bg{background:#e9f7ff url("../img/clothes_bg.webp") top repeat;padding:  10px 0;}
.clothing-wrap{
	max-width:1000px;	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;	
	padding: 10px;
	margin: 30px auto;
	font-family: var(--family-basic);
	}
.clothing-photo {width:60%;display: inline-block;margin: 0 5px;}
.clothing-photo img{aspect-ratio: 8 / 7;}

.clothing-txt {width:36%;height: 100%;display: inline-block;margin: 0 5px;border-radius: 25px;background-color: #fff;padding: 10px 0;}
.clothing-txt p{font-size: 25px;line-height: 2em;font-weight: 600; display: block;width: 95%;text-align: center;margin: 0 auto;}
.p01{color: #045080;border-bottom: 1px #045080 solid;}
.p02{color: #0c8230;border-bottom: 1px #0c8230 solid;}
.p03{color: #eb8501;border-bottom: 1px #eb8501 solid;}
.clothing-txt ul{width: 83%;color: #3f3f3f;line-height: 2em;margin: 0 auto;padding-left: 10px;}
.clothing-txt ul li{font-size: 15px; line-height: 2em;color: #3f3f3f; margin-top: 8px;list-style-image: url("../img/icon.webp");}
p.indicate{max-width: 1200px;width: 90%; font-size: 13px;line-height: 1.5em;color: #1d1d1d;text-align: center;font-family: var(--family-basic);color: #989898;margin: 10px auto;}

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

.flex-center {	
	justify-content: center;
}
.flex-end {	
	justify-content: flex-end;	
}
.flex-between {	
	justify-content: Space-between;	
}
.flex-row-right {	
	flex-direction: row-reverse;	
}

/*------media query----------*/
@media only screen and ( max-width:1500px) {
.info-box {width:35%;}
p.info-box02 {width:25%;}
.info-box03 {width:25%;}
}
@media only screen and ( max-width:1000px) {
.header-title{max-width: inherit;width: 40%;left: 10%;}
	
.accordion{height: 600px;}	
.info-box {width:45%;}
p.info-box02 {width:50%;}
.info-box03 {display: none;}
	
.season-box {width:30%;}
.season-top {font-size: 40px;}
p.season-focus{font-size: 30px;}
p.season-title{font-size: 22px;}	

}
@media only screen and ( max-width:959px) {
	.tabs-box02{max-width:600px;}
	.car-wrap{/*align-items:center;*/background: #fff;border: 2px #abe4f8 solid;border-radius: 25px;padding: 10px 0 ;}
	.car-wrap::before{position: inherit;display: none;border:none;}
	.car-txt{padding-top: 0px;}
}

@media only screen and ( max-width:850px) 	
{
.info-box {width:43%;}
p.info-box02 {width:50%;}	
	
.name-l{flex:0 0 77%;}
.price-r{flex:0 0 23%;}			
.photo-txt{}	
	
}	
@media only screen and ( max-width:800px) 	
{
.name-l{flex:0 0 75%;}
.price-r{flex:0 0 25%;}	
	
}
/*---平板-----*/
@media only screen and ( max-width:768px) 
{
.header-content{display: none;}	
.mobile{display: block;}
#main-nav{display: none;}
	
.season-bg{margin-bottom: 30px;}
.info-wrap{margin: 30px auto;}	
	
	
.info-box {display: none;}
p.info-box02 {width:95%;margin: 0 auto;}
	
.season-top {font-size: 30px;}
p.season-title{font-size: 18px;}		
p.season-focus{font-size: 25px;}	
	
/* 1. 隱藏左側兩張圖片 */
    .item-1, .item-4 {
        display: none;
    }

    /* 2. 重新定義網格容器為 2 欄 */
    .grid-container {
        /* 調整為 2 欄佈局：左側（item-2）寬一點 */
        grid-template-columns: 1.5fr 1fr; 
        grid-template-rows: repeat(2, 1fr);
        
        /* 重新定義區域：左側為一整欄，右側分為上下 */
        grid-template-areas:
            "center-new top-right"
            "center-new bottom-right";
        /* 調整長寬比 */
        aspect-ratio: 4 / 3; 
    }

    /* 3. 重新佈局剩下的圖片 (item-2, item-3, item-5) */
    .item-2 { 
        /* 佔據左側的兩行空間 */
        grid-area: center-new; 
    }
    
    .item-3 { 
        grid-area: top-right; 
    }
    
    .item-5 { 
        grid-area: bottom-right; 
    }	
	
.responsive .slick-dots li button:before
{
    color: #1b77b2;
}
.responsive .slick-dots li.slick-active button:before
{
    color: #6596b7;
}	
	
.car-bg{margin-bottom: 50px;}	
	
.car-wrap {
	position: inherit;
	display:inherit;
	flex-wrap:nowrap;
	width: 80%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}
	
.car-pic{width: 100%;}
.car-pic img{border-radius: 23px 23px 0 0;}	
.car-txt{width: 95%;margin: 0 auto;}
	
.clothing-wrap{
	position: inherit;
	display:inherit;
	flex-wrap:nowrap;
	width: 80%;
	}	
	
.clothing-photo {width:100%;}
.clothing-txt {width:100%;}	
	
h2.big-title {	
	margin: 30px auto;
}
/*錨點*/
.block-first{padding-top:initial ;margin-top: initial;padding-top: 10px;}
}
	
@media only screen and ( max-width:679px) 
{	
.photo-txt{height: inherit;}		
}	
@media only screen and ( max-width:600px) {
#web-outer{	
	padding-bottom: 120px;
}	
.season-top {font-size: 25px;}
p.season-title{font-size: 15px;}	
p.season-focus{font-size: 20px;}
	
.tour-wrap{max-width: inherit;width: 90%;}
.tour-wrap a {width: 90%;}	
.tour-list a{display:inherit;}	
.name-l{flex:initial;width: 100%; display: block;}
.price-r{flex:initial;width: 100%;display: block;margin-top: 5px;}
	
.video-wrap{
	display:inherit;
	flex-wrap:nowrap;
	width: 90%;
}
.video-bg{position: relative;clear: both;overflow: hidden;margin: 30px auto;}	
	
.video-wrap .lazyframe {    
    height: 400px;}
.video-left{width:100%;}
.video-right{margin-left: 0px;width:100%;margin-top: 30px;}	

.car-wrap {width: 90%;}	
.clothing-wrap{	width: 90%;}		
	
}

@media only screen and (max-width:500px) {
	.tabs-box02 li a{ 
	position: relative;	
    display: block;
	padding-bottom: 0;
}
.tabs-box02 li.c01 a,.tabs-box02 li.c02 a,.tabs-box02 li.c03 a,.tabs-box02 li.c04 a,.tabs-box02 li.c05 a,.tabs-box02 li.c06 a{background:none;}

.tabs-box02 li a span {				
	width: 100px; 	
}	

.tabs-box02 li a em{ 	
	left: 50px;	
}		
}
/*---手機版-----*/
@media only screen and (max-width:480px) {
.tabs-box01 li {margin: 5px;}	
.season-top {font-size: 20px;}
p.season-title{font-size: 13px;}
p.season-focus{font-size: 16px;}
	
.tabs-box02 li a span {	
	font-size: 13px;		
	width: 85px; 	
}	
.tabs-box02 li a em{ 	
	left: 45px;	
}	
}