@charset "utf-8";
/* CSS Document */

body{ margin:0; padding:0;
font-family: "Century Gothic","Microsoft JhengHei",PingFang,"Helvetica Neue",Helvetica,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
font-size:20px; font-weight:normal; color:#333; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box;}
body a{ transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#ff9900; text-decoration: none;}
a:focus{ text-decoration: none;}

p{ margin:0 0 20px 0; padding:0; text-align:justify; line-height:32px;}

img{ max-width:100%; height:auto; vertical-align:bottom;border-radius: 5px;}
.img4x3, img3x2{ width:100%; height:100%; margin:0; padding:0;}

.ease{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.clear{ clear:both;}

.m_top0{ margin-top:0px;}
.m_top40{ margin-top:-40px !important;}
.m_top30{ margin-top:-30px !important;}
.m_top20{ margin-top:-20px !important;}
.m_top10{ margin-top:-10px !important;}
.m_bottom20{ margin-bottom:-20px;}
.m_bottom30{ margin-bottom:-30px;}
.m_bottom40{ margin-bottom:-40px;}
.m-bottom40{ margin-bottom:40px;}
.margin0_20{ margin:0 20px;}
.p-top40{ padding-top:40px;}

.container01{ max-width:1200px; margin:0 auto; padding:0 20px; overflow:hidden;}
.container02{ max-width:1560px; margin:0 auto; padding:0 20px; overflow:hidden;}
.container03{ max-width:1070px; margin:0 auto; padding:0 10px;}

ul,li{ margin:0; padding:0; list-style:none;}
li.vertical_line{ margin:0 5px;}

ul.listy_01 li{ width:100%;}
ul.listy_02 li{ float:left; width:50%;}
ul.listy_03 li{ float:left; width:33.3333%;}
ul.listy_04 li{ float:left; width:25%;}

input.btn, input.s{-webkit-appearance:none;-moz-appearance:none; border-radius:0; }

.gap{ height:154px; clear:both;}
.color01{ color:#2c577d;}
.color02{ color:#f53f32;}
.color03{ color:#ff9900;}

.float_left{float:left;}
.float_right{float:right;}

.line_height01{ line-height: 50px !important;}

/*** HEADER ***/
#sticky_navigation_wrapper { width:100%;}
#sticky_navigation { width:100%; z-index:100;}

.top_guide{ width:100%; padding-bottom:2px; font-size:13px; color:#777; background:#def4fe; overflow:hidden;}
.top_guide_left{ float:left;}
.top_guide_right{ float:right;}
ul.ul_list01 li{ float:left; line-height:28px;}
ul.ul_list01 li.member{ padding:0 0 0 20px; background:url(https://cdn.suiis.com/tour/img/icon-member.png) 0 7px no-repeat;}
ul.ul_list01 li a{ color:#777;}
ul.ul_list01 li a:hover{ color:#2c577d; text-decoration:underline;}

header{ overflow:hidden; background:#fff;}
.logo{ float:left; padding:13px 0; overflow:hidden;}
a .logo, a:hover .logo{ color:#333;}
.logo_img{ float:left; width:136px; margin-right:10px;}
.logo_img img{ max-width:100%; height:auto;}
.logo h1{ text-indent:-9999px; display:none;}
.function{ float:right; padding:19px 0; overflow:hidden;}
button.search {float:left; width:32px; height:32px; border: none; outline: none; background: url(https://cdn.suiis.com/tour/img/icon-search.png) no-repeat; background-size:cover; text-indent:-9999px; cursor:pointer;}
button.phone {float:left; width:40px; height:40px; border: none; outline: none; background: url(https://cdn.suiis.com/tour/img/icon-phone.png) no-repeat; background-size:cover; text-indent:-9999px; cursor:pointer;}
button.icon_menu{ float:left; width:32px; height:32px; margin-left:20px; border: none; outline: none; background: url(https://cdn.suiis.com/tour/img/icon-menu_toggle.png) no-repeat; background-size:cover; text-indent:-9999px; cursor:pointer;}

.btn_wrap{ background:#2c577d;}
ul.ul_btn{ width:100% !important; overflow:hidden;}
ul.ul_btn li{ float:left; margin-right:30px; padding:20px 0; font-size:18px;}
ul.ul_btn li a{ color:#fff;}
ul.ul_btn li a:hover{ color:#ffff00;}

.btn_wrap2{ margin:4px 0 0 30px; display: none; }
.btn_wrap2 ul.ul_btn li{ float:left; margin-right:15px; padding:20px 0; font-size:15px;}
.btn_wrap2 ul.ul_btn li a{ color:#333;}
.btn_wrap2 ul.ul_btn li a:hover{ color:#2c577d;}

#sticky_navigation_wrapper.active .top_guide, #sticky_navigation_wrapper.active .btn_wrap{ display: none; }
#sticky_navigation_wrapper.active header{ box-shadow: 0 2px 10px rgba(0,0,0,.1); }
#sticky_navigation_wrapper.active header .btn_wrap2{ float: left; display: block; }
/*** HEADER ***/

/*** BANNER ***/
.banner{ max-width:1600px; margin:0 auto; padding:0; clear:both;}
.bwrap{max-width:1080px; margin:0 auto; overflow:hidden;}
.banner .bannertitle{ width:600px; height:auto; margin:0 auto; padding:27.5% 20px;}
.banner .bannertitle h2{ text-align:center;}
.banner .bannertitle p{ text-align:center; font-size:20px;}
.banner .bannertitle input{ margin-top:30px; padding:20px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f6188b; color:#fff; font-size:20px; font-weight:300; border:0; text-align:center; cursor:pointer;}
.banner .bannertitle2{ float:left; width:600px; height:auto; margin:0; padding:27.5% 20px;}
.banner .bannertitle2 h2{ text-align:left;}
.banner .bannertitle2 p{ text-align:left; font-size:20px;}
.banner .bannertitle2 input{ float:left; margin-top:30px; padding:20px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f6188b; color:#fff; font-size:20px; font-weight:300; border:0; text-align:center; cursor:pointer;}
.banner .bannertitle3{ float:right;  width:600px; height:auto; margin:0; padding:27.5% 20px;}
.banner .bannertitle3 h2{ text-align:right;}
.banner .bannertitle3 p{ text-align:right; font-size:20px;}
.banner .bannertitle3 input{ float:right; margin-top:30px; padding:20px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f6188b; color:#fff; font-size:20px; font-weight:300; border:0; text-align:center; cursor:pointer;}

.banner .bannertitle.nobtn{ width:600px; height:auto; margin:0 auto; padding:32% 20px;}

.bannertitlebox, .bannertitlebox2, .bannertitlebox3{ max-width:100%;}
.bannertitlebox h2{ padding:30px; background:rgba(0, 0, 0, .7); color:#fff; font-size:28px; font-weight:300; text-align:center;}
.bannertitlebox2 h2{ padding:30px; background:rgba(0, 0, 0, .7); color:#fff; font-size:28px; font-weight:300; text-align:left;}
.bannertitlebox3 h2{ padding:30px; background:rgba(0, 0, 0, .7); color:#fff; font-size:28px; font-weight:300; text-align:right;}
.bannertitlebox p{ text-align:center; display: block;}
.bannertitlebox2 p{ text-align:left; display: block;}
.bannertitlebox3 p{ text-align:right; display: block;}
.banner input{ margin-top:30px; padding:20px 30px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f6188b; color:#fff; font-size:20px; font-weight:300; border:0; text-align:center; cursor:pointer;}

.banner_dk{display: none;}
/*.banner_mobile, .select_mobile{display: none;}*/
.banner_mobile h2{margin: 0 0px; font-size: 28px; font-weight: bold; text-align: center;}
.banner_mobile li{ margin: 0 20px; padding: 20px 0; border-bottom: 1px dashed #ccc;}
.banner_img img{ width: 100%; margin-bottom: 10px;}

.banner_wrap{ min-height: 1818px;}
.banner_wrap div{ padding:0 0 2px 0;}
.banner_wrap2{ min-height: 606px;}
.banner_big, .banner_big2, .banner_big3{ position: static;}
.banner_big2{top: 606px;}
.banner_big3{top: 1212px;}
.banner_big_img img{ width: 100%; max-width:1158px; height: auto; vertical-align: bottom; /*position: absolute; z-index: 1;*/}
.banner_big_cap{ width: 600px; height: 220px; margin:193px 0 0 279px; position: absolute; z-index: 2;}
.banner_big_cap2{ width: 600px; height: 220px; margin:193px 0 0 100px; position: absolute; z-index: 2;}
.banner_big_cap3{ width: 600px; height: 220px; margin:193px 0 0 458px; position: absolute; z-index: 2;}
.banner_big_cap4{ width: 600px; height: 120px; margin:243px 0 0 279px; position: absolute; z-index: 2;}
/*** BANNER ***/

/*** MAIN ***/
.wrap{ max-width:1600px; margin:40px auto 10px auto; padding:0; border:1px solid #f6f6f6; box-shadow:3px 3px 10px #d9d9d9; overflow:hidden;border-radius: 5px;}
.main_wrap{ min-height:400px; padding:40px 10px 0 10px; overflow:hidden;}
.main_wrap h1{ margin:0 0 40px 0; padding:0; font-size:24px; font-weight:300; line-height:1em; text-align:center;}
.txt_wrap h3{ margin-bottom:40px; padding:20px; font-size:24px; font-weight:300; color:#fff; background:#2c577d; text-align:center;border-radius: 5px;}
.txt_wrap h4{ margin-bottom:20px; font-size:26px; font-weight:bold; color:#2c577d; text-align:center;}
ul.txt, ol.txt{ margin:0; padding:0;}
ul.txt li{ margin:0 0 0 28px; list-style:disc;}
ol.txt li{ margin:0 0 0 28px; list-style:decimal;}

.accordionTitle, .accordion__Heading{border-radius: 5px;}
.accordion_cnt{border-radius: 5px;}


.suprise{ border:1px solid #ff4400; border-top:0; border-bottom:0;}
.suprise h3{ margin:0; padding:20px 0; font-size:24px; font-weight:300; color:#fff; background:#ff4400; text-align:center;}
.txtbox{ padding:20px;}

ul.ul_list02{ margin-top:40px;}
.listbox{ margin:0 20px 40px 20px; padding-bottom:3px; border-bottom:2px solid #333;}
.listbox_img{ margin-bottom:15px;border-radius: 5px;}
.listbox_img img{ max-width: 100%; height: auto; vertical-align: bottom;}
.listbox_title { overflow: hidden; height: 8.6vh;}
.listbox h2{ height:3.70em; font-size:24px; font-weight:300; line-height:1.23em; color:#000; text-align:justify; overflow: hidden;}
.listinfo{ width:auto; padding:10px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; font-size:14px; line-height:2.2em;}
.listinfo b{ float:left; margin-right:5px; padding:5px; font-size:14px; font-weight:normal; color:#fff; line-height:1.5em; background:#2c577d; display:inline-block;border-radius: 5px;}
.listboximages, .listboximages2{ height:377px; margin-bottom:41px; border:0;}

.listbox_area{ margin:0 20px 40px 20px; padding-bottom:3px;}
.listbox_area_img{ margin-bottom:15px;border-radius: 5px;}
.listbox_area h2{ height:3.70em; font-size:24px; font-weight:300; line-height:1.23em; color:#000;text-align:justify; overflow: hidden;}

ul.ul_list03{ margin:0; padding:0;}
.listbox2{ margin:0 20px 40px 20px; padding:15px; border:1px solid #ccc; overflow: hidden;}
.listbox2 h2{ height:3.8em; margin-bottom:10px; padding-bottom:10px; font-size:18px; font-weight:300; text-align:justify; border-bottom:1px dashed #ccc;}
.listbox2 p{ font-size:15px;}
.listbox2 button{ float:left; border:0; cursor:pointer;}
.btn_cancel{ float: left; margin:10px 0px 0 0; padding:5px 10px 5px 30px; font-size:15px; color:#333; background:url(https://cdn.suiis.com/tour/img/icon-cancel.png) 7px 7px no-repeat; background-size:auto 18px; border:1px solid #ccc; cursor:pointer;}
.btn_guestbook{ float: right; margin:10px 0 0 0; padding:5px 10px 5px 30px; font-size:15px; color:#333; background:url(https://cdn.suiis.com/tour/img/icon-guestbook.png) 7px 7px no-repeat; background-size:auto 18px; border:1px solid #ccc; cursor:pointer;}



.listbox3{ margin:0 20px 5px 20px; padding:20px; border:1px solid #ccc; overflow:hidden;}
li:nth-child(2n) .listbox3{ background:#f6f6f6;}
li:last-child .listbox3{ margin-bottom:40px;}
.tt_date{ float:left; width:105px; margin:0 20px 0 0; padding:5px 20px; font-size:13px; line-height:1.6em; text-align:center; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#fff;}
.tt_date b{ font-size:24px; font-weight:bold;}
.tt_title{ float:left; width:calc(100% - 340px); height:77px; padding:0 20px; border:1px solid #ccc; border-top:0; border-bottom:0;}
.tt_title h2{ margin:0; padding:0; font-size:18px; font-weight:bold; line-height:1.3em;}
.tt_title p{ margin:0; padding:0; font-size:15px;}
.tt_btn_wrap{ float:right; width:195px; margin:0 0 0 20px; padding:0; background:#fff;}
.tt_btn{ font-size:13px; line-height:1.6em; text-align:center; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.tt_btn h3{ font-size:24px; line-height:1.8em; color:#fff;}
.tt_btn p{ display:inline-block; text-align:center;}

ul.ul_list04{ max-width:1090px; margin:20px auto 40px auto; overflow:hidden;}
.listbox4{ margin:0 20px; padding:15px; background:#ff4400; color:#fff;border-radius: 5px;}
.listbox4 h4{ margin:10px 0; padding:0; font-size:18px; line-height:1em; text-align:center;}
.iconimg{ max-width:50px; margin:0 auto;}
.starimg{ width:82px; height:17px; margin:0 auto; padding:0;}
.star01{ background:url(https://cdn.suiis.com/tour/img/icon-stars01.png) no-repeat; background-size:auto 17px;}
.star02{ background:url(https://cdn.suiis.com/tour/img/icon-stars02.png) no-repeat; background-size:auto 17px;}
.star03{ background:url(https://cdn.suiis.com/tour/img/icon-stars03.png) no-repeat; background-size:auto 17px;}
.star04{ background:url(https://cdn.suiis.com/tour/img/icon-stars04.png) no-repeat; background-size:auto 17px;}
.star05{ background:url(https://cdn.suiis.com/tour/img/icon-stars05.png) no-repeat; background-size:auto 17px;}

ul.ul_list05{ padding:0 10px 20px 10px; overflow:hidden;}
ul.ul_list05 li{ float:left; width:25%;}
.listbox5{ margin:20px 10px 0 10px;}
.listbox5 h2{ margin-top:5px; font-size:18px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.listbox5 p{ font-size:13px; line-height:1em;}
.listbox5_img img{ width:100%; height:auto; vertical-align:bottom;}

.feature_wrap{ overflow:hidden;}
.feature_wrap .featurebox{ margin:0 20px; overflow:hidden;}
.feature_wrap .feature_img{ float:left; width:200px; height:200px; }
.feature_wrap .feature_img2{ float:left; width:140px; height:140px; }
.feature_wrap .feature_txt{ float:left; width:calc(100% - 620px); margin:0 30px;}
.feature_wrap .feature_txt p{ line-height:1.3em;}
.feature_wrap .feature_txt2{ float:left; width:calc(100% - 170px); margin:0 0 0 30px;}
.feature_wrap .feature_txt2 p{ line-height:1.3em;}
.feature_wrap ul.ul_feature{ float:right; width:360px; margin:0; padding:0;}
.feature_wrap ul.ul_feature li{ overflow:hidden; padding-bottom:20px;}
.feature_wrap ul.ul_feature li:last-child{ padding:0;}
.feature_wrap ul.ul_feature2{ margin:0 -20px; padding:40px 0 0 0; clear:both;}
.feature_wrap ul.ul_feature2 li{ float:left; overflow:hidden; padding-bottom:20px;}
.feature_wrap ul.ul_feature2.fli3 li{ width:33.3333%;}
.feature_wrap ul.ul_feature2.fli4 li{ width:25%;}
.feature_wrap ul.ul_feature2.fli5 li{ width:20%;}
.feature_wrap .featurebox2{ margin:0 20px; padding:20px; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.feature_wrap .icon_feature{ float:left; width:50px;}
.feature_wrap .txt_feature{ float:left; width:calc(100% - 65px); margin-left:15px;}
.feature_wrap .txt_feature h4{ margin:0 0 3px 0; padding:0; font-size:24px; font-weight:300; line-height:1em; text-align:left; color:#333;}
.feature_wrap .txt_feature p{ margin:0; padding:0; font-size:15px; line-height:1.5em;}
.feature_wrap .icon_feature2{ width:50px; margin:0 auto;}
.feature_wrap .txt_feature2{}
.feature_wrap .txt_feature2 h4{ margin:0; padding:0; font-size:18px; font-weight:300; line-height:2em; text-align:center; color:#333;}
.feature_wrap .txt_feature2 p{ margin:0; padding:0; font-size:15px; line-height:1.3em; text-align:center;}
.feature_wrap .featurebox3{ margin:0 20px; padding:20px; border:1px solid #ccc; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.feature_wrap .icon_feature3{ width:30%; margin:0 auto;}
.icon_feature3 img(border-radius:0)

.list_cap{ width:auto; margin:32px 10px 20px 10px; padding-bottom:8px; border-bottom:3px solid #2c577d; position:relative;}
.list_cap h2{ font-size:36px; font-weight:300; text-align:center;}
.list_cap h2.inner{ margin-bottom:15px; font-size:24px; line-height:1.2em; font-weight:300; text-align:left; display:block;}
.list_cap span{ font-size:14px; display:block; position:absolute; right:0; top:17px;}
.list_cap .ul_listinfo{ margin-top:8px; margin-bottom:12px;}
.list_cap .ul_listinfo li{ font-size:16px; line-height:2em;}
.list_cap .ul_listinfo span{ font-size:16px; position:static; display:inline-block; *display:inline; *zoom:1;}

.list_cap2{ width:auto; margin:0px 0px 20px 10px; position:relative;}
.list_cap2 h2{ font-size:36px; font-weight:300; text-align:center;}
.list_cap2 h2.inner{ margin-bottom:8px; font-size:22px; line-height:1.2em; font-weight:500; text-align:left; display:block;}
.list_cap2 h3{ margin-bottom:0px; padding:16px; font-size:24px; font-weight:300; color:#fff; background:#2c577d; text-align:center;border-radius: 5px;}
.list_cap2 span{ font-size:14px; display:block; position:absolute; right:0; top:17px;}
.list_cap2 .ul_listinfo{ margin-top:2px; margin-bottom:6px;}
.list_cap2 .ul_listinfo li{ font-size:16px; line-height:2em;}
.list_cap2 .ul_listinfo span{ font-size:16px; position:static; display:inline-block; *display:inline; *zoom:1;}

ul.ul_indexlist{ width:100%; overflow:hidden;}
ul.ul_indexlist h3{ margin:40px 10px -20px 10px; font-size:24px; font-weight:300;}
ul.ul_indexlist li{ float:left;}
.thumbox{ margin:0 10px;}
.thumbox.thumb2{ margin-top:40px;}
.thumbox a{ display:block; color:#333;}
.thumbox a:hover{ color:#2c577d;}
.thumbox img{ width:100%; height:auto;}
.thumbox h2{ height:2.4em; margin-top:8px; margin-bottom:8px; font-size:24px; font-weight:300; line-height:1.2em;}
.thumbox p{ font-size:16px; font-weight:100; line-height:1.5em; color:#666;}

.nav_guide{ padding:10px 0; color:#666; font-size:13px; font-weight:100;}
.nav_guide a{ color:#666;}
.nav_guide a:hover{ color:#2c577d;}

.bigbox{ margin:0 10px 40px 10px; display:-webkit-flex; display:flex; flex-direction:row;}
.bigimg{ -webkit-flex:1; flex:1;}
.bigimg img{ width:100%; height:auto;}
.bigtxt{ -webkit-flex:1; flex:1;}
.bigtxt h2{ font-size:32px; font-weight:300; margin-bottom:20px;}
.bigtxt p{ margin-bottom:20px; font-size:22px; line-height:1.5em; display:block;}
.bigtxt h2 a{ color:#333;}
.bigtxt h2 a:hover{ color:#2c577d;}
.btxt{ margin-left:30px;}
.btxt ul.ul_listinfo li{ float:left; width:auto; margin:0 10px 0 0; padding:0; font-size:18px; line-height:34px; color:#666;}
.btxt ul.ul_listinfo li span{ display:inline-block; padding:5px; font-size:18px; color:#fff; line-height:1.5em; background:#2c577d;}

.pageguide{ width:204px; margin:40px auto 0 auto; text-align:center;}
.pageguide p{ font-size:15px; text-align:center;}
ul.ul_page{ height:30px; margin:0; padding:0; overflow:hidden;}
ul.ul_page li{ float:left; border:1px solid #ccc; border-left:0;}
ul.ul_page li:first-child{ border-left:1px solid #ccc;}
ul.ul_page li:first-child a, ul.ul_page li:last-child a{ width:28px; height:28px; display:block; font-size:24px; line-height:22px; color:#333;}
ul.ul_page li:first-child a:hover, ul.ul_page li:last-child a:hover{ color:#2c577d;}
.pageguide select{ float:left; width:144px; height:28px; border:0;}

ul.ul_page2{ margin-top:40px; overflow:hidden; clear:both;}
ul.ul_page2 li{ float:left; width:50%;}
ul.ul_page2 li:last-child .page2box a h3{ text-align:right !important;}
.page2box{ margin:0 10px; background:#f2f2f2;}
.page2box a{ display:block; color:#666;}
.page2box a:hover{ display:block; color:#2c577d;}
.page2box a h3, .page2box a:hover h3{ color:#333;}
.page2{ padding:20px; overflow:hidden;}
.page2 h3{ margin-bottom:20px; padding-bottom:20px; font-size:24px; font-weight:normal; line-height:1em; border-bottom:2px solid #2c577d;}
.page2_imgtxt{ display:flex; display:-webkit-flex;}
.page2_img01{ flex-basis:26%; -webkit-flex-basis:26%;}
.page2_txt01{ flex-basis:74%; -webkit-flex-flex-basis:74%;}
.page2_txt01 p{ margin-left:20px; font-size:18px; line-height:1.2em;}
.page2_img02{ flex-basis:26%; -webkit-flex-basis:26%;}
.page2_txt02{ flex-basis:74%; -webkit-flex-flex-basis:74%;}
.page2_txt02 p{ margin-right:20px; font-size:18px; line-height:1.2em; text-align:right;}

.guestbox{ margin:0 10px;}
.guest_cap{ margin-top:40px; padding:10px; font-size:16px; color:#2c577d; background:#eee;}
.guestbox textarea{ width:100%; height:80px; margin:15px 0 0 0; border:1px solid #a9a9a9; border-radius:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;-webkit-appearance: none;}
.guestbox input{ margin-top:12px; padding:10px 40px; font-size:18px; background:#fff; border:1px solid #ccc; border-radius:0; display:block; cursor:pointer;-webkit-appearance: none;}

ul.ul_gb{ margin-top:30px; border-top:1px dashed #ccc;}
ul.ul_gb li{ padding:10px 0; font-size:15px; border-bottom:1px dashed #ccc; overflow:hidden;}
ul.ul_gb li p{ margin-top:40px; line-height:1.5em; display:block; clear:both;}
.gb_img{ float:left; width:30px; height:30px;}
.gb_img img{ width:100%; height:auto;}
.gb_info{ float:left; margin-left:10px; line-height:2em;}

.article_img img{ width:100%;}
.article_txt{ padding-top:40px;}
.article_txt p{ font-size:18px;}

.sharebox{ margin-top:40px; border-top:1px dotted #666; border-bottom:1px dotted #666; padding:14px 0; overflow:hidden;}
ul.ul_share li{ float:left; margin-right:8px; font-size:18px; font-weight:300; line-height:1.8em;}
ul.ul_share li a{ color:#333;}
ul.ul_share li img{ max-width:100%; height:auto; vertical-align:bottom;}
ul.ul_share li:nth-child(2), ul.ul_share li:nth-child(3), ul.ul_share li:nth-child(4), ul.ul_share li:nth-child(5){ width:30px; height:30px;}
ul.ul_share li:nth-child(5){ margin-top:2px;}
ul.ul_share li:last-child{ float:right; padding-left:26px; background:url(https://cdn.suiis.com/tour/img/icon-back.png) 0 8px no-repeat; background-size:auto 50%;}

.relatedbox{ margin-top:40px; padding:12px 20px; background:#f2f2f2;}
.relatedbox h2{ margin:0; padding:0; font-size:24px; font-weight:300;}
ul.ul_related{ margin-top:9px;}
ul.ul_related li{ margin-left:30px; font-size:18px; font-weight:300; line-height:1.7em; list-style:disc;}
ul.ul_related li a{ color:#2c577d;}
ul.ul_related li a:hover{ color:#2c577d;}

.select_style {
    -webkit-writing-mode: horizontal-tb !important;
    -webkit-appearance: menulist;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    cursor: default;
    box-sizing: border-box;
    margin: 0;
    font: inherit;
    text-transform: none;
    font-family: inherit;
    display: block;
    width: 100%;
    height: 42px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
select:not(:-internal-list-box) {
    overflow: visible !important;
}

.ssSmall {width: 122px;}

.iframe-rwd { position: relative; /*padding-bottom: 65.25%; padding-top: 30px;*/ height: 0; overflow: hidden;}
.iframe-rwd iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/*** MAIN ***/

/*** RIGHT ***/
/*.
right{ width:298px; margin:40px 10px 0 10px;}

.right_cap{ padding:10px; font-size:16px; color:#2c577d; background:#eee;}

ul.ul_right01 li, ul.ul_right02 li{ padding:20px 0; overflow:hidden; border-bottom:1px dashed #ccc;}
.rightimgbox{ float:left; width:76px; height:76px; margin-right:10px; background:#2c577d; position:relative;}
.rightimgbox span{ width:76px; height:76px; color:#fff; font-size:50px; line-height:70px; font-weight:bold; text-align:center; position:absolute;}
ul.ul_right01 li h2{ height:2.5em; margin:0 0 5px 0; padding:0; font-size:18px; line-height:1.2em; font-weight:normal; color:#000;}
ul.ul_right01 li p{ float:left; margin:0; padding:6px 8px; line-height:1em; font-size:14px; color:#fff; background:#2c577d; display:inline-block;}
ul.ul_right02 li h2{ height:2.5em; margin:0 0 5px 0; padding:0; font-size:15px; line-height:1.2em; font-weight:300; color:#000;}
ul.ul_right02 li p{ margin:0; padding:0; line-height:1.4em; font-size:13px;}
ul.ul_right01 li a, ul.ul_right02 li a{ color:#333; display:block;}
ul.ul_right01 li a h2, ul.ul_right02 li a h2{ color:#000;}
ul.ul_right01 li a:hover h2, ul.ul_right02 li a:hover h2{ color:#2c577d;}
*/
/*** RIGHT ***/

/*** FOOTER ***/
footer{ margin-top:40px; padding:40px 0; background:#343434; clear:both;}

ul.ul_footer{ max-width:1640px; margin:0 auto; overflow:hidden;}
ul.ul_footer li{ float:left;}
.fbox{ margin:0 20px; font-size:14px; font-weight:100; line-height:1.6em; color:#fff; overflow:hidden;}
.fbox h3{ margin-bottom:18px; padding-bottom:10px; font-size:24px; font-weight:300; border-bottom:3px solid #2c577d;}
.fbox a{ color:#fff;}
.fbox a:hover{ color:#2c577d;}
.fbox p{ margin:0; padding:0; line-height:1.6em;}
.fbox b{ font-weight:300;}
.f_flex{ display:-webkit-flex; display:flex;}
.img_footer{ max-width:79px; margin-right:20px;}
.img_footer img{ max-width:79px;}
.txt_footer{ -webkit-flex:1; flex:1; text-align:justify;}

.socialbox{ width:260px; overflow:hidden;}
.socialbox div{ float:left; margin-right:10px;}
.socialbox div.s_email a{ width:42px; height:42px; background:#191919 url(https://cdn.suiis.com/tour/img/pic-social.png) 0 0 no-repeat; background-size:auto 100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; text-indent:-9999px;}
.socialbox div.s_email a:hover{ width:42px; height:42px; background:#2c577d url(https://cdn.suiis.com/tour/img/pic-social.png) 0 0 no-repeat; background-size:auto 100%;}
.socialbox div.s_fb a{ width:42px; height:42px; background:#191919 url(https://cdn.suiis.com/tour/img/pic-social.png) -42px 0 no-repeat; background-size:auto 100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; text-indent:-9999px;}
.socialbox div.s_fb a:hover{ width:42px; height:42px; background:#2c577d url(https://cdn.suiis.com/tour/img/pic-social.png) -42px 0 no-repeat; background-size:auto 100%;}
.socialbox div.s_wechat a{ width:42px; height:42px; background:#191919 url(https://cdn.suiis.com/tour/img/pic-social.png) -84px 0 no-repeat; background-size:auto 100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; text-indent:-9999px;}
.socialbox div.s_wechat a:hover{ width:42px; height:42px; background:#2c577d url(https://cdn.suiis.com/tour/img/pic-social.png) -84px 0 no-repeat; background-size:auto 100%;}
.socialbox div.s_line a{ width:42px; height:42px; background:#191919 url(https://cdn.suiis.com/tour/img/pic-social.png) -126px 0 no-repeat; background-size:auto 100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; text-indent:-9999px;}
.socialbox div.s_line a:hover{ width:42px; height:42px; background:#2c577d url(https://cdn.suiis.com/tour/img/pic-social.png) -126px 0 no-repeat; background-size:auto 100%;}
.socialbox div.s_lineat a{ width:42px; height:42px; background:#191919 url(https://cdn.suiis.com/tour/img/pic-social.png) -251px 0 no-repeat; background-size:auto 100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; display:inline-block; text-indent:-9999px;}
.socialbox div.s_lineat a:hover{ width:42px; height:42px; background:#2c577d url(https://cdn.suiis.com/tour/img/pic-social.png) -251px 0 no-repeat; background-size:auto 100%;}


.copyright{ padding:15px 0; background:#121212; color:#fff; font-size:12px; font-weight:100;}
.copyright a{ color:#fff;}
.copyright a:hover{ color:#2c577d;}
ul.ul_copyright{ margin:0 auto; overflow:hidden;}
ul.ul_copyright li:first-child{ float:right;}
ul.ul_copyright li:last-child{ float:left;}
/*** FOOTER ***/

/*** GOTOP ***/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px; border-radius:40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(68, 140, 203, .95) url(https://cdn.suiis.com/tour/img/cd-top-arrow.png) no-repeat center 50%; background-size:auto 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd_bg01{background: rgba(68, 140, 203, .95) url(https://cdn.suiis.com/tour/img/cd-top-arrow.png) no-repeat center 50%; background-size:auto 100%;}
.cd_bg02{background: rgba(245, 63, 50, .95) url(https://cdn.suiis.com/tour/img/cd-top-arrow.png) no-repeat center 50%; background-size:auto 100%;}
.cd_bg03{background: rgba(255, 153, 0, .95) url(https://cdn.suiis.com/tour/img/cd-top-arrow.png) no-repeat center 50%; background-size:auto 100%;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .95;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
/*** GOTOP ***/

/*** JOIN FORM ***/
.join_header{ padding:40px 0; color:#fff;}
.join_header h1{ margin:0 0 20px 0; padding:0 0 20px 0; font-size:27px; text-align:center; border-bottom:1px dashed #fff;}
.j01{ background:#2c577d;}
.j02{ background:#f53f32;}
.j03{ background:#ff9900;}
.j04{ background:#f6f6f6;}

.j_info{ width:260px; margin:0 auto;}
.j_info h2{ margin-bottom:15px; padding:15px; font-size:26px; text-align:center; border:5px solid #fff; border-left:0; border-right:0;}
.j_info p{ font-size:26px; line-height:40px;}

.j_h2{ margin-bottom:40px; font-size:24px; font-weight: normal; text-align:center;}

.join_cnt{ max-width:1030px; margin:0 20px; padding:0;}
.join_cnt h2{ margin:0 0 15px 0; padding:15px; font-size:26px; text-align:center; border:5px solid #fff; border-left:0; border-right:0;}
.join_cnt ul, .join_cnt ol{ margin:0; padding:0; clear:both;}
.join_cnt ul li{ margin-left:30px; padding:0; list-style:disc; font-size:15px; line-height:2em;}
.join_cnt ol li{ margin-left:30px; padding:0; list-style:decimal; font-size:15px; line-height:2em;}

.h301{ float:left; margin-bottom:10px; padding-right:37px; font-size:18px; font-weight:normal; line-height:34px; color:#fff; text-indent:10px; background:#2c577d url(https://cdn.suiis.com/tour/img/bg-j_h3.png) right 0 no-repeat;}
.h302{ float:left; margin-bottom:10px; padding-right:37px; font-size:18px; font-weight:normal; line-height:34px; color:#fff; text-indent:10px; background:#f53f32 url(https://cdn.suiis.com/tour/img/bg-j_h3.png) right 0 no-repeat;}
.h303{ float:left; margin-bottom:10px; padding-right:37px; font-size:18px; font-weight:normal; line-height:34px; color:#fff; text-indent:10px; background:#ff9900 url(https://cdn.suiis.com/tour/img/bg-j_h3.png) right 0 no-repeat;}

ul.ul_roomprice{ margin:0 auto; padding:0; list-style:none;}
ul.ul_roomprice li{ float:left; width:50%;}
ul.ul_roomprice li .roompricebox{ margin:0 20px;}
ul.ul_roomprice li table{ width:100%; font-size:18px; text-align:center; border-spacing:1px; border-collapse: separate; background:#ccc;}
ul.ul_roomprice li table th{ padding:13px; background:#333; color:#fff;}
ul.ul_roomprice li table td{ width:50%; padding:13px; background:#fff;}
ul.ul_roomprice li table td.td_cap{ background:#f3f3f3;}

.orderform{ max-width:510px; margin:0 auto;}
.orderform h3{ margin-bottom:23px; overflow:hidden; position:relative;}
.orderform h3 span{ width:50px; font-size:16px; font-weight:300; margin:0 auto; padding:5px 15px; text-align:center; display:block;}
.same_as_orderer{ position:absolute; right:80px; top:5px;}
.same_as_orderer a, .btn_apply_receive a{ color:#333;}
.btn_apply_receive{ width:128px; margin:-20px auto 0 auto;}
.hsb01{ border-bottom:1px solid #2c577d;}
.hsb02{ border-bottom:1px solid #f53f32;}
.hsb03{ border-bottom:1px solid #ff9900;}
.input_order{ float:left; height:20px; margin:7px; padding:10px; border:1px solid #ccc; font-size:15px; font-family:inherit; line-height:1em;}
.io01{ width:68px;}
.io02{ width:calc(100% - 140px);}
.io02a{ width:calc(100% - 140px); margin-left: 97px;}
.io03{ width:calc(100% - 36px);}
.io04{ width:100px;}
.io05{ width:calc(100% - 309px);}
.io06{ width:calc(100% - 409px); margin-left: 351px;}

.note01{ display:block; font-size:20px; text-align:center; color:#ff0000;font-weight:bold;}

.nice-select{width: 115px;}
.selectbox{ position: relative;}
.selectbox p{display: inline-block;}
.select01{ position: absolute; top: -6px; display: inline-block; width: 100px; margin: 5px 0 0 0;}
.selectbox2{ float: left; margin:7px; position: relative;}
.selectbox2 .select01{ position: absolute; top: -5px; display: inline-block; margin: 5px 0 0 0; border-radius: 0 !important;}
.selectbox2 .nice-select{width: 90px;}
.selectbox2 .nice-select .option { margin: 0; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }

.selectbox3{clear: both; margin:7px; position: relative;}
.selectbox3 .select01{ position: absolute; top: 0px; display: inline-block; margin: 7px 0 0 0; border-radius: 0 !important;}
.selectbox3 .nice-select{ width:calc(100% - 140px);}
.selectbox3 .nice-select .option { margin: 0; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }

.selectbox4{ float: left; margin:7px; position: relative;}
.selectbox4 .select01{ position: absolute; top: -5px; display: inline-block; margin: 5px 0 0 0; border-radius: 0 !important;}
.selectbox4 .select02{ position: absolute; top: -5px; left:122px; display: inline-block; margin: 5px 0 0 0; border-radius: 0 !important; width:224px;}
.selectbox4 .nice-select{width: 122px;}
.selectbox4 .nice-select .option { margin: 0; padding-left: 18px; padding-right: 29px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }

.select09 .nice-select{width: 224px;}
/*
.selectbox{ float:left; width: 88px; height: 20px; margin:7px; border:1px solid #ccc; overflow: hidden; display:inline-block;}
.selectbox select{ background:transparent; border:0; font-size:15px; font-family:inherit; line-height:1em;}
.selectbox.select01 { width: 78px; height: 20px; padding:2px 0 18px 10px; background:#fff url(https://cdn.suiis.com/tour/img/icon-arrow01.png) right center no-repeat; background-size:auto 100%;}
.selectbox.select01 select { width: 98px; height: 20px;}

.selectbox2{ float:left; width: 100%; height: 20px; margin:7px; border:1px solid #ccc; overflow: hidden; display:inline-block;}
.selectbox2 select{ background:transparent; border:0; font-size:15px; font-family:inherit; line-height:1em;}
.selectbox2.select01 { width:calc(100% - 37px); height: 20px; padding:10px; line-height:.5em; background:#fff url(https://cdn.suiis.com/tour/img/icon-arrow01.png) right center no-repeat; background-size:auto 100%;}
.selectbox2.select01 select { width:calc(100% + 37px); height: 20px;}

.selectbox3{ float:left; width: 120px; height: 20px; margin:7px; border:1px solid #ccc; overflow: hidden; display:inline-block;}
.selectbox3 select{ background:transparent; border:0; font-size:15px; font-family:inherit; line-height:1em;}
.selectbox3.select01 { width: 110px; height: 20px; padding:2px 0 18px 10px; background:#fff url(https://cdn.suiis.com/tour/img/icon-arrow01.png) right center no-repeat; background-size:auto 100%;}
.selectbox3.select01 select { width: 130px; height: 20px;}
*/
.textarea01{ width:calc(100% - 36px); height:61px; margin:7px 7px 7px 7px; padding:10px; border:1px solid #ccc; font-size:15px; font-family:inherit; line-height:1em;}
.textarea02{ width:calc(100% - 36px); height:100px; margin:7px; padding:10px; border:1px solid #ccc; font-size:15px; font-family:inherit; line-height:1em;}

.input_datepicker{ background:url(https://cdn.suiis.com/tour/img/icon-datepicker.png) right 7px top 7px no-repeat; background-size:auto 26px;}

h2.tourist{ width:114px; margin-left:auto !important; margin-right:auto !important; padding-right:0 !important; text-align:right !important; background: url(https://cdn.suiis.com/tour/img/icon-tourist.png) left 25px no-repeat; background-size:auto 20px;}

.tourist_wrap00{ margin-top:10px; padding:15px; border:1px solid #ccc; background:#f5f5f5;}
.tourist_wrap{ margin-bottom:40px; padding:23px; border:1px solid #ccc; background:#fff;}
.tourist_wrap:last-child{ margin-bottom:0;}
.tourist_wrap h3{ font-size:16px; font-weight:300; padding:5px 15px;}

.hr{ height:0px; margin:40px 0; border-bottom:1px dashed #ccc;}
.btn_style01{padding:4px 10px 5px 10px; color:#333; font-size:16px; font-weight:normal; border:1px solid #333; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}

.confirm{ max-width:340px; margin:0 auto; overflow:hidden;}
.confirm input[type="checkbox"]{ float:left; width:12px; margin-top:10px; margin-right:8px; background:#8180E1;}
.confirm p{ float:left; width:calc(100% - 30px); font-size:13px;}

.btn_submit{ margin:20px 0; padding:25px 55px; font-size:24px; color:#fff; border:0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;cursor:pointer;}
/*** JOIN FORM ***/
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
/*** GOTOP ***/

/*** POPUP SEARCH***/
.fadeandscale { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8);}
.popup_visible .fadeandscale { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.popupbox{ max-width:900px; min-height:131px; margin:20px; padding:30px; background:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; position:relative;}
.popup_close{ width:22px; height:22px; background:url(https://cdn.suiis.com/tour/img/cross.png) center center no-repeat; background-size:auto 100%; border:0; text-indent:-9999px; cursor:pointer; position:absolute; top:10px; right:10px;}

.searchbox{ width:650px; margin:31px auto 0 auto; position:relative;}
input.input_search{ width:calc(100% - 110px); font-size:54px; font-weight:300; border:0; border-radius:0; border-bottom:5px solid #2c577d; text-align:center; -webkit-appearance: normal; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; left:0; top: -34px;}
.input_submit{ width:50px; height:50px; margin:17px 0 0 0; padding:0; border: none; text-indent:-9999px; background: url(https://cdn.suiis.com/tour/img/icon-search2.png) center center no-repeat; background-size:auto 100%; cursor:pointer; position:absolute; right:110px; top:-34px;  -webkit-appearance: normal;}

.phone{ margin-bottom: 5px; background: url(https://cdn.suiis.com/tour/img/icon-phone.png) no-repeat; background-size: auto 30px;}
.phonebox{ margin:31px auto 0 auto;}
.phonebox h2{ font-size: 24px;}
.phonebox h3{ margin-bottom: 20px; padding: 10px 0; font-size: 34px; font-weight: bold;}
.phonebox a{ padding: 10px 15px; background: #71b200; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.input_submit{ width:50px; height:50px; margin:17px 0 0 0; padding:0; border: none; text-indent:-9999px; background: url(https://cdn.suiis.com/tour/img/icon-search2.png) center center no-repeat; background-size:auto 100%; cursor:pointer; position:absolute; right:110px; top:-34px;  -webkit-appearance: normal;}
/*** POPUP SEARCH***/

/*** POPUP MENU***/
#fadeandscale_menu_background { transition: all 0.3s 0.3s;}
#fadeandscale_menu, #fadeandscale_menu_wrapper { transition: all 0.3s ease-out;}
#fadeandscale_menu { transform: translateX(0) translateY(-40%);}
.popup_visible #fadeandscale_menu { transform: translateX(0) translateY(0);}

.menubox{ width:760px; margin:0 auto; overflow:hidden;}
.menubox a{ color:#333;}
.menubox a:hover{ color:#2c577d;}
.menubox2 {width: auto;margin: 0 auto;overflow: hidden;}
.menubox2 a {color: #333;}
.menubox2 a:hover {color: #2c577d;}

ul.ul_overlay_member{ margin:20px; padding:0 0 10px 0; border-bottom:1px dashed #ccc; list-style:none; overflow:hidden;}
ul.ul_overlay_member li{ float:left; border:0;}
ul.ul_overlay_member li.member{ padding:0 0 0 20px; background:url(https://cdn.suiis.com/tour/img/icon-member2.png) 0 9px no-repeat; background-size:auto 15px;}
ul.ul_overlay_member span{ float:right;}

.menu_l{ float:left; width:240px; margin:0 20px 20px 20px;}
.menu_r{ float:left; width:calc(100% - 280px);}
.menu_l2 {
    float: left;
    width: 45%;
    margin: 0 20px 20px 20px;
}

.menu_r2 {
    float: left;
    width: 45%;
    margin: 0 20px 20px 20px;
}

a .menu{ padding:5px 0; border-bottom:3px solid #2c577d;}

ul.ul_menu{ margin:0; padding:0; list-style:none; overflow:hidden;}
ul.ul_menu li{ float:left; width:100%;}
ul.ul_menu p{ float:left; margin-right:10px;}
ul.ul_menu p:after{ margin-left:10px; content:"/";}
ul.ul_menu p:last-child:after{ content:"";}
.menu_r_box{ margin:0 20px 40px 20px;}
.menu_r_box h3{ padding-bottom:7px; font-size:22px; font-weight:300; color:#2c577d; text-align:center; border-bottom:3px solid #ccc;}
.menu_r_box p{ margin-top:8px; line-height:1.2em;}

.row{ overflow:hidden;}
/*** POPUP MENU***/

/*** POPUP MENU INFO***/
.menu_info{ width:auto; margin:0 20px; padding:5px 0 6px 0; border-bottom:1px dashed #ccc; display:block; overflow:hidden;}
.menu_info p{ float:left; margin-right:20px; font-size:15px; line-height:1.5em; display:block;}
.menu_info a{ color:#333;}
.menu_info a:hover{ color:#2c577d;}
/*** POPUP MENU INFO***/
.menu_item { width:auto; margin:0 20px; padding:20px 0; overflow:hidden;white-space: nowrap;}
.menu_item p{ float:left; font-size:20px; padding-left:20px;}
.menu_item a{ color:#333;}
.menu_item a:hover{ color:#2c577d;}
/*** FLOAT ***/
#DB_rightQuick{width:81px;height:355px;position:fixed; right:-36px; bottom:100px; z-index:999;}
ul#ul_rightQuick{ margin:0 0 0 0; padding:0; list-style:none;}
ul#ul_rightQuick li{ width:40px; margin-bottom:5px !important;}
.line-it-button{ margin:0px 0 -6px 0 !important; padding:0;}
/*** FLOAT ***/

/*Content Animation*/
@keyframes fadeInScale {
  0% {transform: scale(0.9);opacity: 0;}
  
  100% {transform: scale(1);opacity: 1;}
}
/*** POPUP ***/

a.tour{position: relative; top:-166px; display: block !important;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
}

/*RWD Youtube 以及 Vimeo*/
.video-container{
position:relative;
padding-bottom:56.25%;
padding-top:30px;height:0;overflow:hidden;
}
.video-container iframe,
.video-container object,
.video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.view{color: #900;font-weight: 700;}
.tour_content a{color:#2c577d;text-decoration:underline;}
.radius,.tour_content img{-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;border-radius:5px}
.view_title{font-size:30px;padding-bottom:20px;}
.sch_title{width:100px;height:100px;border-radius:999em;background-color:#2c577d;color:white;text-align:center;font-weight:bold;padding-top:30px;font-size:26px;margin-bottom:20px;margin-left:auto;margin-right:auto;}
.daily_title{font-size: 1.2em; margin-bottom: 2em;font-weight:bold;}
.sty_remarks{color: #ff00ff;font-weight:bold;}
.sty_remind{color: #ff0000;font-weight:bold;}
.sty_stress{background-color: #ffff00;font-weight:bold;}
.sty_assist{color: #0000ff;font-weight:bold;}
.material-icons{vertical-align: middle;}
.meal_room{position:relative;padding-left:30px;}
.intro-icon{vertical-align:middle;position:absolute;top:0;left:0;}
.s_room{color:#999;}
.meal{
display:inline-block;
vertical-align:top;
margin:4px 5px 0 10px;
width:22px;
height:22px;
-webkit-border-radius:50%;
-webkit-background-clip:padding-box;
-moz-border-radius:50%;
-moz-background-clip:padding;
border-radius:50%;
background-clip:padding-box;
border:1px solid #999;
color:#999;
text-align:center;
line-height:22px;
font-weight:400;
font-size:12px;
}
.d_price{text-decoration: line-through;color:#999999;line-height:1em;padding-right:15px;}

.ul_list02.listy_03 {
  display: flex;
  flex-wrap: wrap;
}

.ul_list02.listy_03 li {
  float: none;
  width: 33.333%;
}