@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 img {
	border: none;
}

.clean { clear:both;}

.clearfix {
  overflow: hidden;
  zoom: 1;
}

img { width:100%;}

html {
  scroll-behavior: smooth;
}

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

body {
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
    background-color: #fff;
}

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

#web-outer {
    clear: both;
    overflow: hidden;
}

.header {
    clear: both;
    overflow: hidden;
}

/*----------------大圖輪播---------------------*/
#demo-1 {
    position: relative;
    /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
    overflow: hidden;
    /* to bound the empty top space created by inner element's top margin */
    width: 100%;
    min-height: 620px;
    background-color: #c2c2c2;
}

.demo-inner-content {
    position: relative;
    /* if position is not set, the script will set it to 'relative'. */
    /* if z-index is not set, the script will set it to '2'. */
    margin: 0 auto;
    padding-left: 50%;
}

.main-title {
    max-width: 498px;
    position: absolute;
    left: 50%;
    right: 10%;
    top: 120px;
    z-index: 100;
}

.close {
    display: block;
}

.open {
    display: none;
}

/*--背景圖--*/
.bg-01 {
    background: url("../img/bg_01.jpg") top center repeat;
}

.bg-02 {
    background: url("../img/bg_02.jpg") top center repeat;
}

.bg-03 {
    background: url("../img/bg_03.jpg") top center repeat;
}

.bg-04 {
    background: url("../img/bg_04.jpg") top center repeat;
}

.bg-05 {
    background: url("../img/bg_05.jpg") top center repeat;
}

/*--背景圖--*/
.flower_bg-01 {
    background: url("../img/flowers_01.png") top center no-repeat;
}

.flower_bg-02 {
    background: url("../img/flowers_02.png") top center no-repeat;
}

.flower_bg-03 {
    background: url("../img/flowers_03.png") top center no-repeat;
}

.flower_bg-04 {
    background: url("../img/flowers_04.png") top center no-repeat;
}

.flower_bg-05 {
    background: url("../img/flowers_05.png") top center no-repeat;
}

.flower_bg-06 {
    background: url("../img/flowers_06.png") top center no-repeat;
}

.flower_bg-07 {
    background: url("../img/flowers_07.png") top center no-repeat;
}

.flower_bg-08 {
    background: url("../img/flowers_08.png") top center no-repeat;
}

.flower_bg-09 {
    background: url("../img/flowers_09.png") top center no-repeat;
}

.flower_bg-10 {
    background: url("../img/flowers_10.png") top center no-repeat;
}

.flower_bg-11 {
    background: url("../img/flowers_11.png") top center no-repeat;
}

.flower_bg-12 {
    background: url("../img/flowers_12.png") top center no-repeat;
}

/*------------------------------------------------------------------------------------------*/

#main {
    clear: both;
    overflow: hidden;
}

.swiper-wrapper{position: relative;}
.swiper-txt{position: absolute;bottom:10px;left: 10px; background-color: rgba(11,11,11,0.8);color: #fff;padding: 5px;font: 500 13px "微軟正黑體";border-radius: 25px;}


/*線條*/
.line-box {
    width: 100%;
    height: 15px;
    background: url(../img/line_box.png) top repeat;
}


/*大標題*/
.title_top {
    max-width: 396px;
    margin: 50px auto 0 auto;
}


.flower-cont {
    max-width: 950px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    font-size: 15px;
    line-height: 25px;
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
    color: #2d2d2d;
}

/*---櫻花、芝櫻、杜鵑、桃花、牡丹共同標題區---*/
.flower-cont .title-box {
    clear: both;
    overflow: hidden;
    margin: 20px 20px 20px 20px;
}

.flower-cont .title-box .flower-icon {
    float: left;
    /*background: url("../img/icon_bg01.png")no-repeat;*/
    width: 88px;
    height: 88px;
    border-radius: 88px;
    background-color: #de4695;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.flower-cont .title {
    float: left;
    font-size: 30px;
    line-height: 88px;
    color: #3496c9;
    font-weight: bold;
    margin: 0 0 0 10px;
}

/*---end---*/

/*---紫藤花、薰衣草標題區---*/
.flower-cont .title-box_02 {
    clear: both;
    overflow: hidden;
    margin: 20px 20px 20px 20px;
}

.flower-cont .title-box_02 .flower-icon {
    float: left;
    border-radius: 88px;
    background-color: #a162c3;
    width: 88px;
    height: 88px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.flower-cont .title_02 {
    float: left;
    font-size: 30px;
    line-height: 88px;
    color: #3496c9;
    font-weight: bold;
    margin: 0 0 0 10px;
}

/*---end---*/

/*---油菜花標題區---*/
.flower-cont .title-box_03 {
    clear: both;
    overflow: hidden;
    margin: 20px 20px 20px 20px;
}

.flower-cont .title-box_03 .flower-icon {
    float: left;
    border-radius: 88px;
    background-color: #32afba;
    width: 88px;
    height: 88px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.flower-cont .title_03 {
    float: left;
    font-size: 30px;
    line-height: 88px;
    color: #3496c9;
    font-weight: bold;
    margin: 0 0 0 10px;
}

/*---end---*/

/*---鬱金香標題區---*/
.flower-cont .title-box_04 {
    clear: both;
    overflow: hidden;
    margin: 20px 20px 20px 20px;
}

.flower-cont .title-box_04 .flower-icon {
    float: left;
    border-radius: 88px;
    background-color: #46ade2;
    width: 88px;
    height: 88px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.flower-cont .title_04 {
    float: left;
    font-size: 30px;
    line-height: 88px;
    color: #3496c9;
    font-weight: bold;
    margin: 0 0 0 10px;
}

/*---end---*/

/*---百花標題區---*/
.flower-cont .title-box_05 {
    clear: both;
    overflow: hidden;
    margin: 20px 20px 20px 20px;
}

.flower-cont .title-box_05 .flower-icon {
    float: left;
    border-radius: 88px;
    background-color: #64a740;
    width: 88px;
    height: 88px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}

.flower-cont .title_05 {
    float: left;
    font-size: 30px;
    line-height: 88px;
    color: #3496c9;
    font-weight: bold;
    margin: 0 0 0 10px;
}

/*---end---*/


/*---內容共同區---*/
.flower-cont .ph {
    float: left;
    max-width: 520px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 0 30px 90px;
}

.flower-cont .txt {
    float: right;
    max-width: 320px;
    min-height: 300px;
}

.flower-cont .txt .day {
    font-size: 18px;
    color: #3ab1dd;
    line-height: 30px;
    font-weight: bold;
    border-bottom-style: solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #3ab1dd;
    margin: 10px 0 10px 0;
}

.icon-box {
    width: 35px;
    margin: 10px auto 0 auto;
}

.flower-cont .line {
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
    display: block;
}


/*--左邊花區底圖---*/
.sakura_bg01 {
    background: url("../img/sakura_bg01.png") top left no-repeat;
}

.sakura_bg02 {
    background: url("../img/sakura_bg02.png") top left no-repeat;
}

.sakura_bg03 {
    background: url("../img/sakura_bg03.png") top left no-repeat;
}

.lavender_bg01 {
    background: url("../img/lavender_bg01.png") top left no-repeat;
}

.purplevine_bg01 {
    background: url("../img/purplevine_bg01.png") top left no-repeat;
}

.canola_bg01 {
    background: url("../img/canola_bg01.png") top left no-repeat;
}

.shibazakura_bg01 {
    background: url("../img/shibazakura_bg01.png") top left no-repeat;
}

.rhododendron_bg01 {
    background: url("../img/rhododendron_bg01.png") top left no-repeat;
}

.peony_bg01 {
    background: url("../img/peony_bg01.png") top left no-repeat;
}

.peachblossom_bg01 {
    background: url("../img/peachblossom_bg01.png") top left no-repeat;
}

.tulip_bg01 {
    background: url("../img/tulip_bg01.png") top left no-repeat;
}

.hundred_bg01 {
    background: url("../img/hundred_bg01.png") top left no-repeat;
}

.hundred_bg02 {
    background: url("../img/hundred_bg02.png") top left no-repeat;
}

.plumblossom_bg01 {
    background: url("../img/plumblossom_bg01.png") top left no-repeat;
}

/*--右邊花區底圖---*/
.flower_bg01 {
    background: url("../img/flower_bg01.png") bottom right no-repeat;
}

.flower_bg02 {
    background: url("../img/flower_bg02.png") bottom right no-repeat;
}

.flower_bg03 {
    background: url("../img/flower_bg03.png") bottom right no-repeat;
}

.flower_bg04 {
    background: url("../img/flower_bg04.png") bottom right no-repeat;
}

.flower_bg05 {
    background: url("../img/flower_bg05.png") bottom right no-repeat;
}

/*--行程區--*/
.share01-tour {
    max-width: 960px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.share01-tour .tour-box {
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.share01-tour .tour-box .title_tour {
    max-width: 490px;
    margin: 0 auto 20px auto;
}

/*櫻花、芝櫻、杜鵑、桃花、牡丹花共同行程表*/
.top-tour {
    max-width: 217px;
    margin: 0 auto;
    padding-top: 10px;
}

.share01-tour .tour_list_box {
    margin: 0 0 0 30px;
}

.share01-tour .tour_list_box .toptitle {
    font-size: 18px;
    font-weight: bold;
    padding: 25px 5px 0 5px;
    color: #037dfa;
}

.share01-tour .tour_list_box .toptxt {
    display: block;
    width: 100px;
    padding: 5px;
    margin: 20px 0 10px 0;
    color: #fff;
    background-color: #842dbb;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-left: 8px solid #a95adc;
}

.share01-tour .tour_list_box .toptxt2 {
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    color: #7c09c6;
}

.share01-tour .tour_list_box ul {
    width: 95%;
    margin: 0 auto;
    padding: 10px;
}

.share01-tour .tour_list_box li {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px dashed #b5b5b5;
    margin-bottom: 8px;
    padding: 0;
}

.share01-tour .tour_list_box li em {
    color: #3ab1dd;
    font-style: normal;
    font-size: 13px;
    margin-left: 5px;
}

.share01-tour .tour_list_box li strong {
    color: #bb2e6a;
    font-weight: normal;
    font-size: 13px;
}

.share01-tour .tour_list_box .price {
    font-size: 13px;
    color: #d6001c;
    float: right;
}

.share01-tour .tour_list_box .price strong {
    font-size: 18px;
    color: #d6001c;
    font-weight: bold;
}

.share01-tour .tour_list_box li a {
    color: #de5fa1;
    text-decoration: none;
    display: block;
    padding: 3px 5px;
    overflow: hidden;
}

.share01-tour .tour_list_box li a:hover {
    background-color: #fdfdfd;
}

.share01-tour .tour_list_box li ul.ps {}

.share01-tour .tour_list_box li ul.ps li {
    border-bottom: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #464646;
    list-style-type: circle;
}

/*--行程區--*/
.share02-tour {
    max-width: 960px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.share02-tour .tour-box {
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.share02-tour .tour-box .title_tour {
    max-width: 490px;
    margin: 0 auto 20px auto;
}

/*紫藤花、薰衣草共同行程表*/
.share02-tour .tour_list_box {
    margin: 0 0 0 30px;
}

.share02-tour .tour_list_box .toptitle {
    font-size: 18px;
    font-weight: bold;
    padding: padding: 25px 5px 0 5px;
    color: #037dfa;
}

.share02-tour .tour_list_box .toptxt {
    display: block;
    width: 100px;
    padding: 5px;
    margin: 20px 0 10px 0;
    color: #fff;
    background-color: #842dbb;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-left: 8px solid #a95adc;
}

.share02-tour .tour_list_box .toptxt2 {
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    color: #e41a95;
}

.share02-tour .tour_list_box ul {
    width: 95%;
    margin: 0 auto;
    padding: 10px;
}

.share02-tour .tour_list_box li {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px dashed #b5b5b5;
    margin-bottom: 8px;
    padding: 0;
}

.share02-tour .tour_list_box li em {
    color: #3ab1dd;
    font-style: normal;
    font-size: 13px;
    margin-left: 5px;
}

.share02-tour .tour_list_box li strong {
    color: #bb2e6a;
    font-weight: normal;
    font-size: 13px;
}

.share02-tour .tour_list_box .price {
    font-size: 13px;
    color: #d6001c;
    float: right;
}

.share02-tour .tour_list_box .price strong {
    font-size: 18px;
    color: #d6001c;
    font-weight: bold;
}

.share02-tour .tour_list_box li a {
    color: #a162c3;
    text-decoration: none;
    display: block;
    padding: 3px 5px;
    overflow: hidden;
}

.share02-tour .tour_list_box li a:hover {
    background-color: #fdfdfd;
}

.share02-tour .tour_list_box li ul.ps {}

.share02-tour .tour_list_box li ul.ps li {
    border-bottom: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #464646;
    list-style-type: circle;
}

/*--行程區--*/
.share03-tour {
    max-width: 960px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.share03-tour .tour-box {
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.share03-tour .tour-box .title_tour {
    max-width: 490px;
    margin: 0 auto 20px auto;
}

/*油菜花行程表*/
.share03-tour .tour_list_box {
    margin: 0 0 0 30px;
}

.share03-tour .tour_list_box .toptitle {
    font-size: 18px;
    font-weight: bold;
    padding: padding: 25px 5px 0 5px;
    color: #037dfa;
}

.share03-tour .tour_list_box .toptxt {
    display: block;
    width: 100px;
    padding: 5px;
    margin: 20px 0 10px 0;
    color: #fff;
    background-color: #842dbb;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-left: 8px solid #a95adc;
}

.share03-tour .tour_list_box .toptxt2 {
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    color: #e41a95;
}

.share03-tour .tour_list_box ul {
    width: 95%;
    margin: 0 auto;
    padding: 10px;
}

.share03-tour .tour_list_box li {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px dashed #b5b5b5;
    margin-bottom: 8px;
    padding: 0;
}

.share03-tour .tour_list_box li em {
    color: #ff7800;
    font-style: normal;
    font-size: 13px;
    margin-left: 5px;
}

.share03-tour .tour_list_box li strong {
    color: #bb2e6a;
    font-weight: normal;
    font-size: 13px;
}

.share03-tour .tour_list_box .price {
    font-size: 13px;
    color: #d6001c;
    float: right;
}

.share03-tour .tour_list_box .price strong {
    font-size: 18px;
    color: #d6001c;
    font-weight: bold;
}

.share03-tour .tour_list_box li a {
    color: #109eab;
    text-decoration: none;
    display: block;
    padding: 3px 5px;
    overflow: hidden;
}

.share03-tour .tour_list_box li a:hover {
    background-color: #fdfdfd;
}

.share03-tour .tour_list_box li ul.ps {}

.share03-tour .tour_list_box li ul.ps li {
    border-bottom: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #464646;
    list-style-type: circle;
}

/*--行程區--*/
.share04-tour {
    max-width: 960px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.share04-tour .tour-box {
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.share04-tour .tour-box .title_tour {
    max-width: 490px;
    margin: 0 auto 20px auto;
}

/*鬱金香行程表*/
.share04-tour .tour_list_box {
    margin: 0 0 0 30px;
}

.share04-tour .tour_list_box .toptitle {
    font-size: 18px;
    font-weight: bold;
    padding: padding: 25px 5px 0 5px;
    color: #037dfa;
}

.share04-tour .tour_list_box .toptxt {
    display: block;
    width: 100px;
    padding: 5px;
    margin: 20px 0 10px 0;
    color: #fff;
    background-color: #842dbb;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-left: 8px solid #a95adc;
}

.share04-tour .tour_list_box .toptxt2 {
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    color: #e41a95;
}

.share04-tour .tour_list_box ul {
    width: 95%;
    margin: 0 auto;
    padding: 10px;
}

.share04-tour .tour_list_box li {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px dashed #b5b5b5;
    margin-bottom: 8px;
    padding: 0;
}

.share04-tour .tour_list_box li em {
    color: #579922;
    font-style: normal;
    font-size: 13px;
    margin-left: 5px;
}

.share04-tour .tour_list_box li strong {
    color: #bb2e6a;
    font-weight: normal;
    font-size: 13px;
}

.share04-tour .tour_list_box .price {
    font-size: 13px;
    color: #d6001c;
    float: right;
}

.share04-tour .tour_list_box .price strong {
    font-size: 18px;
    color: #d6001c;
    font-weight: bold;
}

.share04-tour .tour_list_box li a {
    color: #0583c4;
    text-decoration: none;
    display: block;
    padding: 3px 5px;
    overflow: hidden;
}

.share04-tour .tour_list_box li a:hover {
    background-color: #fdfdfd;
}

.share04-tour .tour_list_box li ul.ps {}

.share04-tour .tour_list_box li ul.ps li {
    border-bottom: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #464646;
    list-style-type: circle;
}

/*--行程區--*/
.share05-tour {
    max-width: 960px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 0 0 50px 0;
}

.share05-tour .tour-box {
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.share05-tour .tour-box .title_tour {
    max-width: 490px;
    margin: 0 auto 20px auto;
}

/*傾城百花行程表*/
.share05-tour .tour_list_box {
    margin: 0 0 0 30px;
}

.share05-tour .tour_list_box .toptitle {
    font-size: 18px;
    font-weight: bold;
    padding: padding: 25px 5px 0 5px;
    color: #037dfa;
}

.share05-tour .tour_list_box .toptxt {
    display: block;
    width: 100px;
    padding: 5px;
    margin: 20px 0 10px 0;
    color: #fff;
    background-color: #842dbb;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-left: 8px solid #a95adc;
}

.share05-tour .tour_list_box .toptxt2 {
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    color: #e41a95;
}

.share05-tour .tour_list_box ul {
    width: 95%;
    margin: 0 auto;
    padding: 10px;
}

.share05-tour .tour_list_box li {
    font-size: 16px;
    line-height: 30px;
    border-bottom: 1px dashed #b5b5b5;
    margin-bottom: 8px;
    padding: 0;
}

.share05-tour .tour_list_box li em {
    color: #3ab1dd;
    font-style: normal;
    font-size: 13px;
    margin-left: 5px;
}

.share05-tour .tour_list_box li strong {
    color: #bb2e6a;
    font-weight: normal;
    font-size: 13px;
}

.share05-tour .tour_list_box .price {
    font-size: 13px;
    color: #d6001c;
    float: right;
}

.share05-tour .tour_list_box .price strong {
    font-size: 18px;
    color: #d6001c;
    font-weight: bold;
}

.share05-tour .tour_list_box li a {
    color: #449518;
    text-decoration: none;
    display: block;
    padding: 3px 5px;
    overflow: hidden;
}

.share05-tour .tour_list_box li a:hover {
    background-color: #fdfdfd;
}

.share05-tour .tour_list_box li ul.ps {}

.share05-tour .tour_list_box li ul.ps li {
    border-bottom: inherit;
    font-size: 13px;
    line-height: 18px;
    color: #464646;
    list-style-type: circle;
}

/*----花期結束區-----*/
.close01-tour {
    max-width: 950px;
    margin: 10px auto 20px auto;
    clear: both;
    overflow: hidden;
    padding: 0;
    background-color: #fccae4;
    font-size: 18px;
    text-align: center;
    color: #ee1499;
    line-height: 45px;
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.close02-tour {
    max-width: 950px;
    margin: 10px auto 20px auto;
    clear: both;
    overflow: hidden;
    padding: 0;
    background-color: #e6cafc;
    font-size: 18px;
    text-align: center;
    color: #b814ee;
    line-height: 45px;
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.close03-tour {
    max-width: 950px;
    margin: 10px auto 20px auto;
    clear: both;
    overflow: hidden;
    padding: 0;
    background-color: #a9f0f6;
    font-size: 18px;
    text-align: center;
    color: #16949f;
    line-height: 45px;
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.close04-tour {
    max-width: 950px;
    margin: 10px auto 20px auto;
    clear: both;
    overflow: hidden;
    padding: 0;
    background-color: #a9e2ff;
    font-size: 18px;
    text-align: center;
    color: #46ade2;
    line-height: 45px;
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}

.close05-tour {
    max-width: 950px;
    margin: 10px auto 20px auto;
    clear: both;
    overflow: hidden;
    padding: 0;
    background-color: #d1ffb8;
    font-size: 18px;
    text-align: center;
    color: #64a740;
    line-height: 45px;
    font-family: "微軟正黑體", "黑體", Arial, Helvetica, sans-serif;
}


.ct-box {
    max-width: 960px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}

/*----圖文----*/
.main-tour {
    margin-top: 10px;
}

.main-tour a {
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.ct55 {
    flex: 0 0 52%;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
    padding-right: 10px;
}

.ct45 {
    flex: 0 0 47%;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: stretch;
}

.ct-in {
    background-color: #fff;
    border-radius: 10px;
    margin-left: 20px;
    margin-top: 10px;
}

.tour-pic {
    border-radius: 10px;
    background-color: #fff;
    border: 5px solid #fff;
    max-width: 650px;
    margin: 0 auto;
}

.tour-pic img {
    border-radius: 10px
}

.tour-name {
    color: #3496c9;
    font: 600 20px "微軟正黑體";
    line-height: 1.6em;
    text-align: left;
    padding: 10px 20px;
    margin-top: 6px;
}

.tour-info-list-line {
    color: #575757;
    margin: 6px 0px;
    border-width: 1px 0 1px 0;
    line-height: 2em;
}

.tour-info-list {
    border-width: 1px 0 1px 0;
    padding: 8px 20px;
    margin: 3px;
}

.tour-price {
    color: #e60f0c;
    font: 600 14px "微軟正黑體";
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    padding-right: 15px;
}

.tour-price span {
    color: #e60f0c;
    font: 600 32px "微軟正黑體";
    font-family: 'Barlow', sans-serif;
}


/*------------部落格-----------*/
#blog {
    width: 100%;
    padding: 80px 0 80px 0;
}

/*------------背景圖-----------*/
.blog_01 {
    background: #ffdbf0 url("../img/blog_bg.png") top repeat;
}

.blog_02 {
    background: #f4dbff url("../img/blog_bg.png") top repeat;
}

.blog_03 {
    background: #a4e9ef url("../img/blog_bg.png") top repeat;
}

.blog_04 {
    background: #c3ecff url("../img/blog_bg.png") top repeat;
}

.blog_05 {
    background: #c1e9bf url("../img/blog_bg.png") top repeat;
}


/*部落格標題*/
.blog_top {
    max-width: 396px;
    margin: 0 auto;
    padding: 0 0 30px 0;
}

#blog-in {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 0;
}

.blog-box {
    width: 313px;
    position: relative;
    float: left;
    margin-right: 10px;
}

.blog-box a {
    display: block;
    width: 100%;
    height: 100%;
}

.preword {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #383838;
    opacity: 0.8;
    color: #fff;
    font: 600 15px "微軟正黑體";
    line-height: 35px;
    width: 100%;
    padding: 0 0;
    text-align: center;
}

.preword strong {
    color: #ffde00;
    font-size: 18px;
}

.blog-box:last-child {
    margin-right: 0;
}

/*右邊部落格*/
.link-blog {
    width: 46px;
    height: 155px;
    background: url("../img/link_blog.png") top no-repeat;
    position: fixed;
    top: 500px;
    right: 0px;
    z-index: 9999;
    text-indent: -5000px;
}

.link-blog a {
    display: block;
    width: 46px;
    height: 155px;
}

.link-blog a:hover {}

/*----------------------------------------------------*/

/*錨點*/
.anchor {
    margin-top: -80px;
    padding-top: 100px;
}

@media screen and (max-width:959px) {

    #demo-1 {
        min-height: 450px;
    }

    .main-title {
        left: 25%;
        right: 25%;
        top: 80px;
    }



    /*--左邊花區底圖---*/
    .sakura_bg01,
    .sakura_bg02,
    .sakura_bg03,
    .lavender_bg01,
    .purplevine_bg01,
    .canola_bg01,
    .shibazakura_bg01,
    .rhododendron_bg01,
    .peony_bg01,
    .peachblossom_bg01,
    .tulip_bg01,
    .hundred_bg01,
    .hundred_bg02,
    .plumblossom_bg01 {
        background: inherit;
    }

    .share01-tour,
    .share02-tour,
    .share03-tour,
    .share04-tour,
    .share05-tour {
        max-width: inherit;
        width: 95%;
        padding: 0;
    }

    .share01-tour .tour_list_box,
    .share02-tour .tour_list_box,
    .share03-tour .tour_list_box,
    .share04-tour .tour_list_box,
    .share05-tour .tour_list_box {
        margin: 0;
    }

    .share01-tour .tour_list_box .price {
        float: inherit;
        display: block;
        text-align: center;
        background-color: #ffd5e9;
    }

    .share02-tour .tour_list_box .price {
        float: inherit;
        display: block;
        text-align: center;
        background-color: #f7ddff;
    }

    .share03-tour .tour_list_box .price {
        float: inherit;
        display: block;
        text-align: center;
        background-color: #afeef0;
    }

    .share04-tour .tour_list_box .price {
        float: inherit;
        display: block;
        text-align: center;
        background-color: #ade5fc;
    }

    .share05-tour .tour_list_box .price {
        float: inherit;
        display: block;
        text-align: center;
        background-color: #c0f1c5;
    }

    .close01-tour,
    .close02-tour,
    .close03-tour,
    .close04-tour,
    .close05-tour {
        max-width: inherit;
        width: 95%;
    }

    .flower-cont .title-box,
    .flower-cont .title-box_02,
    .flower-cont .title-box_03,
    .flower-cont .title-box_04,
    .flower-cont .title-box_05 {
        margin: 0 0 20px 0;
    }

    .flower-cont {
        max-width: inherit;
        width: 95%;
        margin: 0 auto;
    }

    /*---內容共同區---*/
    .flower-cont .ph {
        max-width: inherit;
        width: 50%;
        padding: 0;
    }

    .flower-cont .txt {
        max-width: inherit;
        width: 45%;
    }

    #blog-in {
        max-width: inherit;
        width: 95%;
        margin: 0 auto;
    }

}

@media screen and (max-width:812px) {
    .close {
        display: none;
    }

    .open {
        display: block;
    }
}

/*---平板-----*/
@media screen and (max-width:768px) {	
    .main-title {
        left: 10%;
        right: 10%;
        top: 20px;
    }

    /*---上面選單----*/
    .container {
        display: none;
    }

    /*---內容共同區---*/
    .flower-cont .ph {
        float: inherit;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .flower-cont .txt {
        float: inherit;
        width: 100%;
        min-height: inherit;
        margin: 0 auto;
        padding: 10px 0 20px 0;
    }

    .top-tour {
        margin: 0 auto;
    }

    .main-tour a {
        display: block;
    }

    .ct55 {
        width: 95%;
        margin: 0 auto;
        padding-right: 0;
    }

    .ct45 {
        width: 95%;
        margin: 0 auto;
    }

    .ct-in {
        margin-left: 0;
    }

    .tour-pic {
        text-align: center;
    }

    /*右邊部落格*/
    .link-blog {
        display: none;
    }
}

@media screen and (min-width: 567px) and (max-width: 737px) {
    .main-title {
        left: 30%;
        right: 10%;
        top: 20px;
        max-width: inherit;
        width: 60%;
    }
}

/*---手機版-----*/
@media screen and (max-width:479px) {
    #demo-1 {
        min-height: 250px;
    }

    .main-title {
        left: 20%;
        right: 10%;
        top: 20px;
        max-width: inherit;
        width: 60%;
    }

    /*大標題*/
    .title_top {
        max-width: inherit;
        width: 90%;
    }


    .flower-cont .title,
    .flower-cont .title_02.flower-cont .title_03,
    .flower-cont .title_04,
    .flower-cont .title_05 {
        font-size: 20px;
    }

    .blog_top {
        max-width: inherit;
        width: 90%;
    }

    .blog-box {
        width: 100%;
        margin-right: 0;
    }
}
/*---手機版-----*/
@media screen and (max-width:320px) {
}



.mySwiper {
    height: 250px;
}
@media (min-width: 400px) {
	.mySwiper {
		height: 450px;
	}
}
@media (min-width: 960px) {
	.mySwiper {
		height: 620px;
	}
}

.mySwiper img {
    height: 100%;
    object-fit: cover;

    transition: 1s linear 2s;
    transform: scale(1.3, 1.3);
}

.swiper-slide-active img {
    transition: 5.5s linear;
    transform: scale(1, 1);
}

#web-outer .swiper-pagination-bullet{
	background: #fff;
	opacity: .5;
}
#web-outer .swiper-pagination-bullet-active{
	opacity: 1;
}
#web-outer .swiper-pagination{
	bottom: 20px;
}
#web-outer .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
}
#blog-in .slick-dots li button:before{
	font-size: 12px;
	color: #fff;
	opacity: .5;
}
#blog-in .slick-dots{
	bottom: -40px;
}
#blog-in .slick-dots .slick-active button:before{
	opacity: 1;
}