@charset "UTF-8";
.icons-sprite, .icons-arrow, .icons-click, .icons-company, .icons-contact, .icons-family, .icons-link, .icons-list, .icons-student { background-image: url('https://event.cdn-gunnarworks.com/events/customized-tour/icons-s1c92c719b2.png'); background-repeat: no-repeat; }

.icons-arrow { background-position: 0 0; }

.icons-click { background-position: 0 -30px; }

.icons-company { background-position: 0 -70px; }

.icons-contact { background-position: 0 -115px; }

.icons-family { background-position: 0 -158px; }

.icons-link { background-position: 0 -203px; }

.icons-list { background-position: 0 -241px; }

.icons-student { background-position: 0 -286px; }

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%; font-weight: normal; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul, li { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define a styles! */
:link, :visited { text-decoration: none; }

: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; }

table tr td { vertical-align: middle; }

img { border: 0; }

a { color: inherit; }

input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }

/* padding */
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { font-size: 100%; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* other */
code, kbd, samp, tt { font-size: 100%; }

#nav ul li a, #nav .icon_contact a, #product .product_list ul .product_list_btn a, .btn a { width: 100%; height: 100%; display: block; color: inherit; }

.itinerary_list .textarea { text-align: justify; word-break: normal; }

.bootstrap_default, #nav ul li, #service .service_list { display: inline-block; margin-right: -6px; vertical-align: top; }

.table { display: table; border-spacing: 0.5rem; border-collapse: collapse; width: 100%; table-layout: fixed; }

body { font-size: 10px; font-size: 1rem; line-height: 1.6; }

section .content_title h2 { font-size: 20px; font-size: 2rem; font-weight: 800; }
section .content_title h2 span { font-size: 10px; font-size: 1rem; font-weight: 800; }

#nav ul li { font-weight: 800; }
#nav ul li span { font-size: 6px; font-size: 0.6rem; }

#service .service_list span { font-size: 13px; font-size: 1.3rem; font-weight: 800; }

#activity .activity_text { font-size: 12px; font-size: 1.2rem; font-weight: 800; }

#advantage .advantage_list > div > span { font-size: 13px; font-size: 1.3rem; font-weight: 800; }

#product .product_list ul .product_list_content span { font-size: 13px; font-size: 1.3rem; font-weight: 800; }

#step .step_list .step_list_des { font-size: 12px; font-size: 1.2rem; font-weight: 800; }

#contact .contact_text { font-size: 12px; font-size: 1.2rem; font-weight: 800; }

.itinerary_title { font-size: 14px; font-size: 1.4rem; font-weight: 800; }
.itinerary_title span { font-size: 10px; font-size: 1rem; }

.itinerary_modal .modal-body h3 { font-size: 12px; font-size: 1.2rem; font-weight: 800; }

.btn a { font-size: 12px; font-size: 1.2rem; font-weight: 800; }

#top { font-size: 6px; font-size: 0.6rem; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* $slick-font-path: "./fonts/" !default; */
/* Slider */
.slick-loading .slick-list { background: #fff url("https://event.cdn-gunnarworks.com/events/customized-tour/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* @if $slick-font-family == "slick" { @font-face { font-family: "slick"; src: slick-font-url("slick.eot"); src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
} */
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: 0px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: 0px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

body { font: normal 16px/1.6 Verdana, "微軟正黑體", sans-serif; color: #333; }

h2, h3 { display: inline-block; }

#wrapper { position: relative; }

/* BOOTSTRAP */
body.modal-open { overflow: hidden; }

.bootstrap_default { padding: 0px; float: none !important; }

/* RWD */
.pc { display: block; }

.mobile { display: none; }

/* TABLE */
.table .table_row { display: table-row; }
.table .table_cell { display: table-cell; vertical-align: middle; }


#nav { width: 100%; position: absolute; top: 20px; z-index: 999; }
#nav ul { max-width: 900px; padding-right: 120px; background: rgba(255, 255, 255, 0.7); border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; margin: 0px auto; position: relative; overflow: hidden; }
#nav ul li { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; width: calc(100% / 5); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; text-align: center; }
#nav ul li span { display: block; }
#nav ul li a { padding: 15px 10px; }
#nav ul li:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #223160; color: #fff; }
#nav ul .l6 { display: none; }
#nav .icon_contact { transition:all 0.25s; background: #ff781f; width: 120px; color: #fff; text-align: center; border-radius: 0px 20px 20px 0px; -moz-border-radius: 0px 20px 20px 0px; -webkit-border-radius: 0px 20px 20px 0px; position: absolute; right: 0px; }
#nav .icon_contact a { padding: 10px 10px; }
#nav .icon_contact:hover {  background: #ea6a5c ; color: #fff; }

#nav.fixed { background: #fabf62; width: 100%; position: fixed; top: 0; z-index: 999; }
#nav.fixed ul { background: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#nav.fixed .icon_contact { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #223160; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#nav.fixed .icon_contact:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #ea6a5c; color: #fff; }

#banner { width: 100%; max-height: 680px; overflow: hidden; position: relative; }
#banner .banner { width: 100%; height: 100%; overflow: hidden; }
#banner .banner img { width: 100vw; /* @include animation(scale 3.0s ease-in-out forwards); */ }
#banner .banner_text { width: 700px; height: auto; text-align: center; position: absolute; top: calc(50% - 200px); left: calc(50% - 350px); /* 		.b4{-webkit-animation-name:bounceIn; animation-name:bounceIn;
			@include animation(bright 1.5s linear infinite);
		} */ }
#banner .banner_text li { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 999; }
#banner .banner_text li img { width: 100%; }
#banner .banner_text .b1 { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; }
#banner .banner_text .b2 { -webkit-animation-name: pulse; animation-name: pulse; }
#banner .banner_text .b3 { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
#banner .banner_m { display: none; width: 100%; aspect-ratio: 768 / 480; background: url(https://event.cdn-gunnarworks.com/events/customized-tour/top-banner-m.jpg) no-repeat center top; background-size: cover; }

/* CONTAINER */
section { padding: 60px 0px; }
section .content { max-width: 1200px; margin: 0px auto; overflow: hidden; }
section .content_title h2 { width: 100%; text-align: center; padding: 30px 0px; }
section .content_title h2 span { display: block; }

/* SERVICE */
#service { text-align: center;padding-top: 60px; /*margin-top: -120px;*/ }
#service .service_list { text-align: center; padding: 0px 15px; }
#service .service_list span { display: block; width: 200px; height: 200px; padding: 15px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #fff; line-height: 1.4; }
#service .service_list .s1 { transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; background: #223160 url(https://event.cdn-gunnarworks.com/events/customized-tour/service_001.png) no-repeat center; background-size: 250px; }
#service .service_list .s1:hover { transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; background-size: 200px; }
#service .service_list .s2 { transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; background: #11d073 url(https://event.cdn-gunnarworks.com/events/customized-tour/service_002.png) no-repeat center; background-size: 250px; }
#service .service_list .s2:hover { transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; background-size: 200px; }
#service .service_list .s3 { transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; background: #ea6a5c url(https://event.cdn-gunnarworks.com/events/customized-tour/service_003.png) no-repeat center; background-size: 250px; }
#service .service_list .s3:hover { transition: 0.1s; -webkit-transition: 0.1s; -moz-transition: 0.1s; background-size: 200px; }

/* ACRIVITY */
#activity { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/activity_bg.png) left top; text-align: center; position: relative; }
#activity .activity_text { margin-bottom: 30px; line-height: 2; }
#activity .activity_gift { opacity: 0; transform: translate(0%, 50%); -webkit-transform: translate(0%, 50%); -moz-transform: translate(0%, 50%); transition: 4s 0.25s cubic-bezier(0, 1, 0.3, 1); -webkit-transition: 4s 0.25s cubic-bezier(0, 1, 0.3, 1); -moz-transition: 4s 0.25s cubic-bezier(0, 1, 0.3, 1); will-change: transform, opacity; }
#activity .activity_gift.is-visible { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }

/* ADVANTAGE */
#advantage { padding: 0px 0px;  position: relative; }
#advantage h2 { color: #fff; }
#advantage .content { max-width: 100%; width: 100%; text-align: center; position: absolute; top: 60px; z-index: 998; }
#advantage .advantage img { width: 100%; background-size: cover; }
#advantage .advantage_nav { max-width: 1200px; margin: 0px auto; }
#advantage .advantage_nav .advantage_list { text-align: center; padding: 0px 15px; cursor: pointer; }
#advantage .advantage_nav .advantage_list > div { background: rgba(255, 255, 255, 0.9); border-top: 10px #fabf62 solid; border-bottom: 10px #fabf62 solid; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; padding: 30px 30px; }
#advantage .advantage_nav .advantage_list > div > span { display: block; width: 130px; border-bottom: 3px #fabf62 solid; padding-bottom: 15px; margin: 0px auto 30px auto; }
#advantage .advantage_nav .advantage_list > div > p { line-height: 2; }
#advantage .advantage_nav .advantage_list > div .advantage_tag { margin-top: 10px; background: #fff; border: 1px #ea6a5c solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden; }
#advantage .advantage_nav .advantage_list > div .advantage_tag span { padding: 5px; display: block; background: #ea6a5c; color: #fff; }
#advantage .advantage_nav .advantage_list > div .advantage_tag p { padding: 5px; }
#advantage .advantage_nav .advantage_list.slick-current > div { background: #fabf62; }
#advantage .advantage_nav .advantage_list.slick-current > div > span { display: block; width: 130px; border-bottom: 3px #fff solid; padding-bottom: 15px; margin: 0px auto 30px auto; }

/* PRODUCT */
#product .product_list { position: relative; overflow: hidden; }
#product .product_list div { padding: 20px; }
#product .product_list ul { background: #fff; border-radius: 0px 20px 20px 20px; -moz-border-radius: 0px 20px 20px 20px; -webkit-border-radius: 0px 20px 20px 20px; position: relative; overflow: hidden; margin: -8px 0px -8px 0px; }
#product .product_list ul > li { text-align: center; }
#product .product_list ul .product_list_img img { width: 100%; margin-bottom: -8px; }
#product .product_list ul .product_list_content { padding: 15px; min-height: 200px; }
#product .product_list ul .product_list_content span { display: block; margin: 0px 0px 10px 0px; }
#product .product_list ul .product_list_btn { width: 100%; text-align: center; }
#product .product_list ul .product_list_btn a { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; color: #fff; padding: 15px 0px; }
#product .product_list ul .product_list_btn a img { vertical-align: sub; margin-left: 6px; }
#product .product_list ul .product_list_btn a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; }
#product .p1 ul { border: 1px #223160 solid; }
#product .p1 ul .product_list_img img { border-bottom: 1px #223160 solid; }
#product .p1 ul .product_list_btn a { background: #223160; }
#product .p1 ul .product_list_btn a:hover { background: #050f2b; }
#product .p2 ul { border: 1px #11d073 solid; }
#product .p2 ul .product_list_img img { border-bottom: 1px #11d073 solid; }
#product .p2 ul .product_list_btn a { background: #11d073; }
#product .p2 ul .product_list_btn a:hover { background: #36900c; }
#product .p3 ul { border: 1px #ea6a5c solid; }
#product .p3 ul .product_list_img img { border-bottom: 1px #ea6a5c solid; }
#product .p3 ul .product_list_btn a { background: #ea6a5c; }
#product .p3 ul .product_list_btn a:hover { background: #e82626; }

/* STEP */
#step { background: #ececec; text-align: center; }
#step .step_list { padding: 0px 15px; margin-bottom: 30px; text-align: center; }
#step .step_list .step_list_img img { width: 100%; }
#step .step_list .step_list_des { line-height: 1.2; }

/* PARTNER */
#partner { text-align: center; position: relative; }
#partner .partner_list { padding: 0px 15px; margin-bottom: 30px; text-align: center; }
#partner .partner_list .partner_list_img img { width: 100%; border: 1px #ddd solid; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#partner .partner_list .partner_list_des { line-height: 1.2; }

/* CONTACT */
#contact { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/contact_bg.jpg) left bottom; text-align: center; color: #fff; position: relative; }
#contact .contact_text { margin-bottom: 30px; line-height: 2; }

/* MODAL */
.itinerary_title { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/modal_bg.png) repeat 0px 0px; color: #223160; padding-bottom: 14px; }
.itinerary_title span { display: block; padding: 15px 30px; }
.itinerary_title span img { vertical-align: bottom; }

.itinerary_list { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #f4f5f5; margin: 15px 0px; padding: 15px; position: relative; overflow: hidden; }
.itinerary_list > span { display: block; background: #ea6a5c; color: #fff; padding: 15px 0px; }
.itinerary_list div { padding: 15px; }
.itinerary_list div img { width: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-shadow: 0px 0px 5px 3px #eee; -moz-box-shadow: 0px 0px 5px 3px #eee; -webkit-box-shadow: 0px 0px 5px 3px #eee; }
.itinerary_list .textarea { text-align: left; padding: 15px; }
.itinerary_list .textarea .textarea_title { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #fabf62; padding: 15px; font-weight: bold; font-size: 20px; margin-bottom: 20px; position: relative; }
.itinerary_list .textarea .textarea_title p { display: inline-block; }
.itinerary_list .textarea .textarea_title:before { top: 50%; right: 100%; left: auto; border-top: 9px solid transparent; border-right: 9px solid #fabf62; border-bottom: 9px solid transparent; border-left: 9px solid transparent; margin-top: -9px; margin-left: 0; position: absolute; bottom: 100%; content: ""; }
.itinerary_list .textarea .textarea_title.pink { background: #ea6a5c; color: #fff; }
.itinerary_list .textarea .textarea_title.pink span { background: #e82626; padding: 10px; margin-right: 10px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; font-size: 16px; }
.itinerary_list .textarea .textarea_title.pink:before { border-right: 9px solid #ea6a5c; }
.itinerary_list .textarea .textarea_list { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/icons/list.png) no-repeat 2px 2px; padding-left: 30px; margin-bottom: 10px; }
.itinerary_list .textarea .textarea_list b { font-weight: bold; }
.itinerary_list .textarea .textarea_list_list { padding-left: 30px; }
.itinerary_list .textarea .textarea_list_list b { font-weight: bold; }
.itinerary_list .textarea .textarea_text { padding-left: 30px; position: relative; }
.itinerary_list .textarea .textarea_text span { position: absolute; left: 4px; top: 0px; }
.itinerary_list .textarea .textarea_img { padding-left: 30px; }
.itinerary_list .textarea .textarea_img img { width: 100%; }

.itinerary_modal .modal-content { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
.itinerary_modal .modal-header { padding: 120px 0px; }
.itinerary_modal .modal-header button { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; background: #fff; font-size: 1.6rem; color: #fabf62; padding: 10px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0.8; position: absolute; top: 30px; right: 30px; }
.itinerary_modal .modal-header button:hover { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; opacity: 1; background: #fabf62; color: #fff; }
.itinerary_modal .modal-header .close:not(:disabled):not(.disabled):hover, .itinerary_modal .modal-header .close:not(:disabled):not(.disabled):focus { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; opacity: 1; }
.itinerary_modal .modal-body { padding: 0px 30px 60px 30px; margin-top: -30px; text-align: center; }
.itinerary_modal .modal-body h3 { color: #fff; padding: 15px 30px; margin: 0px auto 30px; }
.itinerary_modal .modal_des { text-align: center; margin-top: 60px; }

.i1 .modal-body h3 { background: #223160; color: #fff; }

.i2 .modal-body h3 { background: #11d073; color: #fff; }

.i3 .modal-body h3 { background: #ea6a5c; color: #fff; }

#c_gruop_modal .modal-header { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/banner_modal_001.jpg) no-repeat center; background-size: cover; }

#c_award_modal .modal-header { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/banner_modal_002.jpg) no-repeat center; background-size: cover; }

#c_meeting_modal .modal-header { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/banner_modal_003.jpg) no-repeat center; background-size: cover; }

#s_gruop_modal .modal-header { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/banner_modal_004.jpg) no-repeat center; background-size: cover; }

#s_education_modal .modal-header { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/banner_modal_005.jpg) no-repeat center; background-size: cover; }

#f_gruop_modal .modal-header { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/banner_modal_006-20240827.jpg) no-repeat center; background-size: cover; }

#f_weeding_modal .modal-header { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/banner_modal_007.jpg) no-repeat center; background-size: cover; }

/* SLICK */
.slick-prev, .slick-next { width: 52px; height: 60px; }

.slick-prev { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_left.png); opacity: 0.7; left: 0px; z-index: 999; }

.slick-prev:before { content: ""; }

/* [dir='rtl'] .slick-prev:before{content:url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_right.png);} */
.slick-prev:hover, .slick-prev:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_left.png); opacity: 1; }

.slick-next { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_right.png); opacity: 0.7; right: 0px; z-index: 999; }

.slick-next:before { content: ""; }

/* [dir='rtl'] .slick-next:before{content:url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_left.png);} */
.slick-next:hover, .slick-next:focus { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_right.png); opacity: 1; }

#advantage .slick-prev { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_left02.png); }
#advantage .slick-prev:hover, #advantage .slick-prev:focus { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_left02.png); }
#advantage .slick-next { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_right02.png); }
#advantage .slick-next:hover, #advantage .slick-next:focus { background: url(https://event.cdn-gunnarworks.com/events/customized-tour/arrow_right02.png); }

#btn_top { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; opacity: 0; position: fixed; right: 30px; bottom: 30px; z-index: 999; }

#btn_top.active { opacity: 1; }

#top { width: 180px; height: 70px; background: url(https://event.cdn-gunnarworks.com/events/customized-tour/topup_bg.png) no-repeat right bottom; position: absolute; right: 0px; bottom: 0px; z-index: 888; }
#top span { background: #fabf62; padding: 2px 3px; position: absolute; right: 20px; bottom: 0px; z-index: 888; }

.btn { color: #223160; text-align: center; margin-top: 60px; }
.btn a { transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; width: 300px; background: #fabf62; padding: 15px 30px; margin: 0px auto 0px auto; position: relative; }
.btn a:hover { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #ea6a5c; color: #fff; }
.btn a:hover span { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; left: calc(100% - 80px); }

.red { color: #fabf62; }

.green { color: #fabf62; }

@keyframes move { 0% { bottom: 48px; }
  50% { bottom: 56px; }
  100% { bottom: 48px; } }
@keyframes bright { 0% { filter: brightness(1); }
  50% { filter: brightness(1.2); }
  100% { filter: brightness(1); } }
@keyframes bright { 0% { filter: brightness(0.9); }
  50% { filter: brightness(1.1); }
  100% { filter: brightness(0.9); } }
@keyframes scale { to { transform: scale(1.2); } }
@keyframes scrollArrowAnime1 { 0% { height: 0; opacity: 1; }
  50% { height: 80px; opacity: 1; }
  75% { height: 80px; opacity: 1; }
  99% { height: 80px; opacity: 0; }
  100% { height: 0; opacity: 0; } }
/*Styles for screen 1366px and lower*/
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1024px) { #banner { height: 100%; }
  section { margin: 0px 0px 0px 0px; padding: 60px 30px; } }
/*Styles for screen 1024px and lower*/
@media screen and (max-width: 1200px) { #banner .banner_text { width: 600px; top: calc(50% - 150px); left: calc(50% - 300px); } }
@media screen and (max-width: 991px) { #banner .banner_text { width: 400px; top: calc(50% - 100px); left: calc(50% - 200px); } }
/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) { .itinerary_list .textarea .textarea_title:before { display: none; }
  .itinerary_list .textarea .textarea_title.pink { padding: 0px; }
  .itinerary_list .textarea .textarea_title.pink span { border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px; display: block; padding: 15px; margin-right: 0px; }
  .itinerary_list .textarea .textarea_title.pink p { padding: 15px; }
  .itinerary_list .textarea .textarea_title.pink:before { display: none; } }
/*Styles for screen 680px and lower*/
@media screen and (max-width: 680px) { body { font: normal 14px/1.6 Verdana, "微軟正黑體", sans-serif; }
  /* RWD */
  .pc { display: none; }
  .mobile { display: block; }
  #banner { height: auto; min-height: auto; }
  #banner .banner { display: none; }
  #banner .banner_m { display: block; }
  #banner .banner_text { display: none; }
  #nav { position: static; }
  #nav ul { background: #11d073; padding-right: 0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
  #nav ul li { width: calc(100% / 3); border-right: 1px #fff solid; border-bottom: 1px #fff solid; }
  #nav ul li a { padding: 5px 10px; }
  #nav ul li:nth-child(3n) { border-right: none; }
  #nav ul li:nth-child(n+4):nth-child(-n+6) { border-bottom: none; }
  #nav ul .l6 { display: inline-block; margin-right: -6px; vertical-align: top; background: #ff781f; color: #fff; border-left: 1px #fff solid; }
  #nav .icon_contact { display: none; }
  /* SERVICE */
  #service { margin-top: 0px; }
  #service .service_list { padding: 0px 5px; }
  #service .service_list span { width: 90px; height: 90px; }
  #service .service_list .s1 { background: #223160; }
  #service .service_list .s2 { background: #11d073; }
  #service .service_list .s3 { background: #ea6a5c; }
  /* AVTIVITY */
  /* PRODUCT */
  #advantage .content {position: static; margin-top:-200px;}
  #product .product_list { padding: 15px 0px; }
  #product .product_list ul .product_list_content { min-height: auto; }
  /* STEP */
  #step .step_list .step_list_des br { display: none; } }
/*Styles for screen 480px and lower*/
@media screen and (max-width: 480px) { section { margin: 0px 0px 0px 0px; padding: 30px 15px; }
  /* SERVICE */
  #service { margin-top: 0px; }
  #service .service_list { padding: 0px 5px; }
  #service .service_list span { width: 90px; height: 90px; }
  #service .service_list .s1 { background: #223160; }
  #service .service_list .s2 { background: #11d073; }
  #service .service_list .s3 { background: #ea6a5c; }
  /* ADVANTAGE */
  #advantage .advantage img { width: 100%; max-height: auto; }
  /* PARTNER */
  #partner { padding: 30px 15px 120px 15px; } }

/*# sourceMappingURL=common.css.map */

/*------------------ 20240820新增 #party-promo ------------------*/
#party-promo{ letter-spacing: 0; padding-left: 15px; padding-right: 15px;}
.party-banner{display: flex;flex-wrap:wrap; border-radius: 20px; border: 1px solid #000;max-width: 1200px; width: 100%;background-color: #fff;margin: -120px auto 0;}
.party-banner .banner-pic-sec, .party-banner .banner-txt-sec{flex: 0 0 auto; width: 50%;}
.party-banner .banner-pic-sec{min-height:400px; background: url(https://event.cdn-gunnarworks.com/events/customized-tour/20250609_1200x800.jpg) no-repeat center/cover; border-radius: 20px 0 0 20px;}
.party-banner .banner-txt-sec{display: flex; justify-content: flex-start; align-items: center;padding:25px 15px;}
.party-banner .banner-txt-sec ul li{text-align: start;}
.party-banner .banner-txt-sec ul li>.title-style{display: inline-block;border-radius: 500px; background-color: #e03d51; color: #fff;padding:0 10px; margin:15px 5px 3px 0;}
.party-banner .banner-txt-sec ul li:first-of-type>.title-style{margin-top: 0;}

.focus{font-weight: 600; font-size: 125%;color: #e03d51;}
.party-banner .banner-txt-sec ul li.btn-sec{padding-top: 10px; text-align: center;}

#party-promo a.btn{font-size: 1.2rem; display: inline-block; transition: all 1s; border-radius: 10px; font-weight: 800; background: #fabf62; padding: 12px 30px; margin: 0px auto 0px auto; position: relative;}
#party-promo a.btn:hover{transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; background: #ea6a5c; color: #fff;}
@media screen and (max-width: 567px){
.party-banner{margin:0 auto ;}
.party-banner .banner-pic-sec, .party-banner .banner-txt-sec{width: 100%;}
.party-banner .banner-pic-sec{min-height: auto; aspect-ratio: 1000 / 800;border-radius: 20px 20px 0 0;}
}