@media (min-width:768px) {
	.flex-jc-end-md { justify-content: flex-end; }
}
@media (min-width:992px) {
	.st-frame{padding:0;}
	.wrapper.nolnllg { padding-top: 0; }
	.nolnllg header { margin-top: 0; position: absolute; left: 0; top: 0; }
	.nolnllg header .header-logo { display: none; }
	.nolnllg header .col > .user-level { display: none; }

	/*map*/
	polygon[data-name]:hover {fill: red;opacity: 0.7;}
	
}
@media (min-width:1024px) {
	.twocol-layout .left-col.fixed-height { position: fixed; width: 50vw; left: 0; height: 100vh; }
	.twocol-layout .left-col.fixed-height.position-change { position: absolute; height: 100%; }
	.dropdown-marquee >button { display: none; }
	.dropdown-marquee .dropdown-menu { display: flex; position: static !important; float: none; background-color: transparent; margin: 0; border: none; padding: 0; transform: none !important; }
	.dropdown-marquee .dropdown-menu > a { background-color: #6B6A6F; color: #fff; padding: 13px 15px; text-align: center; margin-right: 8px; width: auto; }
	.dropdown-marquee .dropdown-menu > a:hover { color: #f5a552; }
	.dropdown-marquee .dropdown-menu > a:last-child { margin-right: 0; }
	.ha-nav-tab.xs { display: none; }

	/*luna*/
	.top-station-info .si-banner-frame .dropdown-marquee .dropdown-menu{justify-content: flex-end;}
}
@media (min-width:1200px) {
	.container { max-width: 1100px; }
	.st-frame{padding: 0 35px;}
	header .container { max-width: 1200px; }
	header .menu-area-02 ul li .lv2 li:last-child a { border-bottom: none; }
	.home .fixed-service, .fixed-service { top: calc(100% - 35px); }
	.fixed-service h5:hover { cursor: pointer; }
	.fixed-service.active { top: auto; bottom: 0; }

	/*20200824*/
	header .main-menu .menu-area-01{width: 250px;justify-content: flex-end;}
	
}
@media (min-width:1366px) {
	.container { max-width: 1200px; }
	.foodsafety-level ul { margin-top: 20px; }
	.fixed-service .fservice-list li { padding: 5px 0; }
	.fixed-service .fservice-list li .icon { width: 50px; }
	.backtopbutton { padding: 0; }
	
}
@media (min-width:1440px) {
	.fixed-service { bottom: auto; top: 200px; }
	.fixed-service.active { bottom: auto; top: 200px; }
	.home .fixed-service { top: 450px; bottom: auto; }
	.fixed-service h5:hover { cursor: default; }
	.fixed-service .fservice-list li { padding: 10px 0; }
	.fixed-service .fservice-list li .icon { width: 60px; }
	.backtopbutton { padding: 10px 0; }

	
}
@media (max-width:1600px) {
	.foodsafety-level.fixed ul { margin-right: 15px; }
	.quiz-select-title { top: 15px; }
	.qs-item-frame .version-entry { padding-top: 140px; padding-bottom: 50px; }
	.quiz-select-slider .qs-nav { padding-top: 140px; padding-bottom: 50px; }
	.qs-item-frame .version-entry a { padding-top: 60px; }

}

@media (max-width:1440px) {

	.obmi-link li a{width: 160px;height: 160px;}

}
@media (max-width:1440px) and (max-height:768px) {
	.obm-index .obmi-left h1{font-size: 2.5rem;}
	.obm-index .obmi-left .inner-container{padding: 20px;margin: 0;}
	.obmi-link { margin-top: 0 !important; }
}

@media (max-width:1365px) {
	.foodsafety-level ul li { padding-top: 2px; padding-bottom: 2px; }
	.index-intro { padding-top: 30vh; }
	.indexscroll { left: 30px; }
	.qs-item-frame .deco-pic { display: none; }
	.qs-item-frame .version-entry { width: 320px; }
	.panel-02-list li a .level-text p { font-size: 1.1rem; }
	.quiz-entry .quiz-start-action .quiz-start-btn { padding: 20px; }

	/* home */
	.he-outter .right-content .right-item .pic { height: 120px; }
	.he-outter .he-left-block a { height: 260px; }
	/*.home-reservation iframe { height: 460px }*/

	.obmi-link{margin: 40px 0 !important;}
}
@media (max-width:1280px) {
	.index-intro { padding-top: calc(30vh + 50px); }
	.fixed-service .fservice-list li { padding: 5px 0; }
	.fixed-service .fservice-list li .icon { width: 50px; }
	.backtopbutton { padding: 0; }
}
@media (max-width:1199px) {
	body .wrapper { transition: all ease-in-out .3s; left: 0; }
	.qs-item-frame .version-entry { width: calc(100% - 60px); }
	.qs-item-frame .version-entry a { }
	.qs-item-frame .version-entry a h2 { left: -15px; }
	.quiz-entry .quiz-start-action >div { display: block; }
	.quiz-entry .quiz-start-action .quiz-start-btn { display: block; text-align: center; margin-bottom: 10px; }
	.ranking .rank-item { width: 80%; }
	.quiz-entry .qe-text-01 { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0; }
	/*.tt-search-panel { flex-direction: column; }
	.tt-search-panel .tt-col { flex: 1 0 100%; width: 100%; }*/
	.tt-search-panel .tt-col .form_date, .tt-search-panel .tt-col .form_time { max-width: 100%; }
	.tt-search-panel.xs{flex-direction: row;}
	.tt-search-panel.xs .tt-col {flex: 1 1 auto;width: auto;}
	.fixed-pt .main { margin-top: 60px; }

	/* header */
	header, header.fixed { height: 61px; min-height: 0px; margin-top: 0; box-shadow: 0 0 2px rgba(0, 0, 0, .1) }
	.fixed-timetable header { position: fixed; top: 0; left: 0; }
	.fixed-timetable .main { margin-top: 60px; }
	header .xs-menu-toggle { /*display: block;*/ position: absolute; left: 0px; top: 0px; width: 50px; height: 60px; font-size: 1.8rem; color: #6B6A70; line-height: 60px; text-align: center; align-items: center;display: flex;padding: 10px;}
	header .xs-menu-toggle-02 { /*display: block;*/position: absolute; right: 0px; top: 0px; width: 50px; height: 60px; font-size: 1.8rem; color: #6B6A70; line-height: 60px; text-align: center; align-items: center;display: flex;padding: 10px;transition:all ease-in-out .3s;}
	.header-sub-block { position: static; width: 100%; left: auto; top: auto; z-index: 50; /*border-bottom: 1px solid #f2f2f2;*/ }
	.header-sub-block .container { width: 100%; max-width: 100%; padding: 0; }
	.header-logo, header.fixed .header-logo { margin-top: 0; position: absolute; left: 50%; width: 150px; margin-left: -75px; top: 0px; }
	header .main-menu { display: block; position: fixed; left: -200%; top: 0; opacity: 0; overflow: hidden; display: block; transition: all ease-in-out 0.3s; z-index: -1; width: 350px; float: none; height: 100vh; margin-top: 0; padding-left: 0; }
	header .container { width: 100%; max-width: 100%; }
	.open-menu header { z-index: 999; box-shadow: none; }
	.open-menu header .main-menu { opacity: 1; overflow: visible; z-index: 999; top: 0; left: 0; background-color: #F0F0FA; text-align: left; }
	.open-menu header:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .6); z-index: 12; animation: fadeIn .5s; -webkit-animation: fadeIn .5s; }
	body.open-menu { overflow: hidden;height: 100%;width: 100%;position: fixed; }
	header .col > .user-level { margin-right: 55px; width: 40px; margin-top: 12px; }
	header.fixed .col > .user-level { width: 40px; margin-top: 12px; }
	header .main-menu .menu-area-01, header.fixed .main-menu .menu-area-01, .home header .main-menu .menu-area-01 { display: block; margin: 0; }
	header .main-menu .menu-area-01 >ul { background-color: #777777; display: flex; width: 100%; padding: 12px 12px; }
	header .main-menu .menu-area-01 >ul>li { flex: 1 1 auto; position: relative; text-align: center; }
	header .main-menu .menu-area-01 >ul>li:after { content: ""; position: absolute; width: 1px; height: 16px; right: 0; top: 50%; margin-top: -8px; background-color: #000; }
	header .main-menu .menu-area-01 >ul>li:last-child:after { content: none; }
	header .main-menu .menu-area-01 ul li.close-menu-xs { display: flex; justify-content: flex-end; }
	header .main-menu .menu-area-01 ul li.close-menu-xs button { background-color: transparent; border: none; padding: 0; font-size: 1.5rem; font-weight: 900; color: #fff; }
	header .main-menu .menu-area-01 ul li .dropdown-toggle { color: #fff; }
	header .main-menu .menu-area-01 ul li a, header.fixed .main-menu .menu-area-01 ul li a { width: 100%; color: #fff; text-align: center; justify-content: center; }
	header .main-menu .menu-area-01 ul li .dropdown-menu a { color: #777; }
	header .main-menu .menu-area-01 ul li .dropdown-menu a:hover, header .main-menu .menu-area-01 ul li .dropdown-menu a:focus, header .main-menu .menu-area-01 ul li .dropdown-menu a:active { color: #DD5000; background-color: #f8f9fa; }
	header .main-menu .menu-area-02, header.fixed .main-menu .menu-area-02, .home header .main-menu .menu-area-02 { display: block; margin: 0; position: static; text-align: center; top: auto; right: auto; padding-right: 200px; }
	header.fixed .main-menu .menu-area-02 > ul { display: block; }
	header .main-menu .menu-area-02 ul li, header.fixed .main-menu .menu-area-02 ul li, .home header .main-menu .menu-area-02 ul li { border-bottom: none; display: block; padding: 0; height: auto; border: none; }
	header .main-menu .menu-area-02 ul li a, header.fixed .main-menu .menu-area-02 ul li a, .home header .main-menu .menu-area-02 ul li a { width: 100%; display: block; font-size: 1.2rem; color: #333; line-height: 1.5; padding: 15px 12px; text-align: left; }
	header .main-menu .menu-area-02 ul li a .icon, header.fixed .main-menu .menu-area-02 ul li a .icon { width: 32px; margin-bottom: 0; display: none }
	header .main-menu .menu-area-02 .menu-area-social ul li, header.fixed .main-menu .menu-area-02 .menu-area-social ul li { display: inline-block; width: auto; padding: 0; }
	header .main-menu .menu-area-02 .menu-area-social ul li a, header.fixed .main-menu .menu-area-02 .menu-area-social ul li a { margin-top: 0; }
	header .main-menu .menu-area-02 ul li .lv2 li a { padding: 12px 0; }
	header .main-menu .main-menu-frame { z-index: 2; }
	header .main-menu .main-menu-frame .menu-lv1 { flex-direction: column; padding-right: 200px; }
	header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title { padding: 15px 12px; }
	header .main-menu .main-menu-frame .menu-lv1>li:hover .menulv1-title:after { bottom: auto; top: 0; left: -4px; width: 4px; height: 100%; }
	header .main-menu .main-menu-frame .menu-lv2 { top: 60px; left: auto; width: 200px; height: calc(100% - 60px); overflow: auto; z-index: 10; box-shadow: none; }
	header .main-menu .main-menu-frame .menu-lv2>.container>ul { max-height: 100%; display: block; padding: 10px 0px 120px; }
	header .main-menu .main-menu-frame .menu-lv2>.container>ul>li { padding: 10px 0px 0px; }
	header .main-menu .main-menu-frame .menu-lv2>.container>ul>li h5 { border-bottom-color: #ccc; position: relative;padding-right: 25px;}
	header .main-menu .main-menu-frame .menu-lv2>.container>ul>li h5 .lv3-lg-toggle { background-color: transparent; left: auto; margin-top: 0; bottom: 6px; }
	header .main-menu .main-menu-frame .menu-lv2>.container>ul>li h5 .lv3-lg-toggle i { left: auto; margin-left: 0; bottom: 0; position: static; }
	header .main-menu .main-menu-frame .menu-lv2>.container>ul>li.opened h5 .lv3-lg-toggle i { color: #E75200; transform: rotate(180deg) }
	header .main-menu .main-menu-frame .menu-lv2>.container>ul>li h5 .lv3-lg-toggle:before { content: none; }
	header .main-menu .main-menu-frame .menu-lv2>.container>ul>li.opened .menu-lv3 { max-height: 1000px; }
	header .main-menu .main-menu-frame .open-lv2 .menu-lv2 { display: block; }
	header .main-menu .main-menu-frame .menu-lv1 .open-lv2  .menulv1-title { position: relative; }
	header .main-menu .main-menu-frame .menu-lv1 .open-lv2  .menulv1-title:after { content: ""; display: block; position: absolute; background-color: #E75200; bottom: auto; top: 0; left: -4px; width: 4px; height: 100%; }
	header .main-menu .main-menu-frame .menu-lv3 { padding-bottom: 0; max-height: 0px; transition: all ease-in-out .5s; }
	header .header-sub-block, header.fixed .header-sub-block { display: block; z-index: 0; }
	header .header-sub-block .container { padding: 0; position: static !important; }
	header .main-menu .member-dropdown { position: relative; top: -67px; }
	.open-menu:before { background-color: rgba(0, 0, 0, .6); }
	.main-menu .member-dropdown .dropdown-menu { transform: none !important; display: block; position: relative !important; display: block; top: auto !important; left: auto !important; right: auto; width: 100%; margin: 0; border-radius: 0; border: none; }
	header.fixed .main-menu .member-dropdown, header .main-menu .member-dropdown { height: auto; display: block; margin-left: -20px; margin-right: -20px; }
	header.fixed .main-menu .member-dropdown .dropdown-menu, header .main-menu .member-dropdown .dropdown-menu { float: none; background-color: #f7f7f7 }
	.member-dropdown .dropdown-toggle { display: none; }
	.member-dropdown .dropdown-menu p { font-size: 1.8rem; }
	.header-alert { position: relative; left: auto; top: auto; align-items: stretch; right: auto; }
	.header-alert.warning { left: 0; flex-direction: column; }
	.header-alert .alert-text { border-radius: 0; flex: 1 0 5%; justify-content: center; display: flex; white-space: nowrap; background-color: #5cb531; color: #fff; padding: 10px 15px; }
	.header-alert.warning .alert-text { flex: 0 0 100%;}
	.header-alert.warning .alert-detail { flex-wrap: wrap;    align-items: flex-start;display: flex; }
	.header-alert.warning .alert-detail .warning-msg { flex: 0 1 auto; max-width: 100%; width: auto; padding-right: 10px; }
	.header-alert.warning .alert-detail .date { flex: 1 0 150px;}
	.header-alert.warning .alert-detail a{display: block;}
	.header-alert .alert-detail div{display: inline-block;}
	.header-alert .alert-detail .line{overflow: hidden;}
	.header-alert .alert-detail .date{overflow: hidden;}
	/*luna*/

	.train-alert iframe{width:100%;position: static;height: 85px;}
	.train-alert .status-OK{height: 44px; display: block;}
	.header-alert.attention { left: 0; flex-direction: column; }
	.header-alert.attention .alert-text { flex: 1 0 100%; }
	.header-alert.attention .alert-detail { flex-wrap: wrap;align-items: flex-start;display: flex;}
	.header-alert.attention .alert-detail .warning-msg { flex: 0 1 auto; max-width: 100%; width: auto; padding-right: 10px; }
	.header-alert.attention .alert-detail .date { flex: 1 0 150px; }
	.header-alert.attention .alert-detail a{display: block;}

	header .main-menu .main-menu-frame .menu-lv3 li{padding:0;}
	header .main-menu .menu-area-01 >ul>li { padding-top:0; }
	header .main-menu .menu-area-01 >ul #website-search{padding-top: 5px;}

	.suitable-fixed.sticky{top: 60px;}

	header .xs-menu-toggle-02 .kyicon-close{display: none;}
	.open-service-menu header .xs-menu-toggle-02 .kyicon-icon_4grid{display: none;}
	.open-service-menu header .xs-menu-toggle-02 .kyicon-close{display: block;}
	
	.open-menu header .lv3-lg-toggle i{background: rgb(0, 0, 0,0);}
	.open-menu header .lv3-lg-toggle{background:rgb(0, 0, 0,0) ;}
	/*luna*/
	header .main-menu .menu-area-02 ul li { position: static; }
	header .menu-area-02 ul li:hover .lv2 { width: 200px; top: 60px; right: 0; left: auto; margin-left: 0; bottom: 0; overflow: auto; box-shadow: none; }
	header .menu-area-02>ul>li.open-ma02 .lv2 { display: block; width: 200px; top: 60px; right: 0; left: auto; margin-left: 0; bottom: 0; overflow: auto; box-shadow: none; }
	header .menu-area-02>ul>li>a { position: relative; }
	header .menu-area-02>ul>li.open-ma02>a:before { content: ""; display: block; position: absolute; background-color: #E75200; bottom: auto; top: 0; left: -4px; width: 4px; height: 100%; }
	.si-content .content-nav.sticky { top: 59px; }

	/* fixed service */
	.fixed-service { right: -80px; top: 0 !important; bottom: 0; transition: all ease-in-out .3s; width: 80px; box-shadow: none; }
	.fixed-service h5 { padding: 21px 8px; }
	.open-service-menu .fixed-service { right: 0; top: 0; box-shadow: 0 0 30px rgba(0, 0, 0, .2) }
	.fixed-service .fservice-list li { padding: 10px 0; }
	.fixed-service .fservice-list li .icon { width: 60px; }
	body.open-service-menu { overflow: hidden; }
	body.open-service-menu .wrapper { position: relative; left: -80px; }
	body.open-service-menu header.fixed { margin-left: -80px; }
	body.open-service-menu .backtopbutton { margin-right: 80px; }
	.open-srh .search-input { width: 250px; top: -12px; right: 1px; height: 60px; padding: 5px 10px; }

	/*luna*/
	/*body.open-service-menu:before{content: ""; position: absolute;width:calc(100vw - 80px);height:calc(100vh - 60px) ;top:60px;left:0; background-color: rgba(255, 255, 255, 0);z-index:500;} */
	body.open-service-menu{overflow:hidden;position: fixed;height: 100%;width: 100%;}
	body.open-service-menu:before{content: "";width: 100%;height: 100%;background-color: rgb(0,0,0,0);z-index: 200;position: absolute;}
	/*body.open-menu:before{content: "";width: 100%;height: 100%;z-index: 200;position: absolute;top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .6); animation: fadeIn .5s; -webkit-animation: fadeIn .5s; }*/
	
	/*luna*/

	/* content */
	.backtopbutton { display: none;/*position: fixed; width: 60px; height: 60px; bottom: 50px; right: 50px; background-color: #E75200; opacity: 0.8; z-index: 900; transition: none; color: #fff; border-radius: 50%; text-align: center; font-size: 2rem; line-height: 1;/* display: none;*/ transition: all ease-in-out .3s; padding-top: 10px;*/ }
	.backtopbutton p { font-size: 1rem }
	.list-container > li { flex-wrap: wrap; }
	.list-container > li .action { flex-direction: row; margin-top: 10px; }
	.list-container > li .action a { flex: 1 1 auto; }
	.list-container > li .action a + a { margin-top: 0; border-left: 1px solid #fff; }
	.list-container > li .pic { flex: 1 1 30%; }
	.list-container > li .text { flex: 1 1 70%; }

	/* timetable */
	.timetable-search-frame { padding-bottom: 60px; }
	.download-ttable { top: auto; bottom: -50px; width: 100%; text-align: center; right: 0;}
	.timetable-search-frame .download-ttable{top: auto;}


	/* home */
	.wrapper.home { }
	.index-intro .block-frame { padding-left: 15px; padding-right: 15px; max-width: 960px; margin: 0 auto; margin: 30px auto 0 auto; }
	.index-intro .block-frame .font-vw-h2 { font-size: 2rem !important; margin-left: -15px; margin-right: -15px; }
	.index-intro .block-frame p { font-size: 1.5rem; margin-left: -15px; margin-right: -15px; }
	.he-outter .he-left-block { flex: 1 0 55%; }
	.he-outter .he-left-block a { height: 220px; }
	.he-outter .right-content { flex: 1 1 45%; }
	.he-outter .right-content .right-item .pic { height: 80px; }
	.st-frame .st-slider ul li a .pic .pic-frame { height: 150px; }
	.st-frame .st-intro .sti-item .pic .pic-frame { height: 100%; }
	.contact-frame { flex-direction: column; }
	.contact-frame .contact-detail { max-width: 100%; margin-right: 0; }
	.contact-frame .app-download { margin-left: 0; }
	.home-reservation iframe { height: 560px; }

	/*luna*/
	.st-frame .st-slider ul li .item .pic .pic-frame{height:230px;}
	.home-content .st-frame .st-intro .sti-item .pic .pic-frame { height: 230px;}
	/*.home-content h4.title-02{font-size: 1.2rem;}
	.home-content .st-frame .st-slider ul li .item .text p{font-size: .9rem;}
	.home-content .st-frame .st-intro .sti-item .text p{font-size: .9rem;}*/
	.home-content .st-frame .st-intro .sti-item{background-color: #F9F9F9;}
	.home-content  .tt-search-panel {padding: 15px;}
	.home-content .home-event .event-slider>ul{padding: 0;}

.home-event .he-outter .he-left-block{width:55%;}
.home-event .he-outter .right-content{width:45%;}
	/*luna*/

	/* footer */
	.footer-top { border-bottom: 1px solid #888; }
	.footer-top .footer-service ul li a { flex-direction: column; text-align: center;font-size: 1rem;}
	.footer-top .footer-service ul li a .icon { font-size: 2.2rem; }
	.footer-top .footer-service ul li a .text h5 { font-size: 1rem; }
	.footer-top .footer-service ul li a .text p { display: none; }
	.footer-sitemap { display: none; }
	.footer-contact .contact-way { flex-wrap: wrap; }
	.footer-contact .contact-frame .contact-detail .contact-item { flex: 1 0 100%; margin-bottom: 20px; }
	.footer-contact .contact-frame .contact-detail .remark { flex: 1 0 100%; }

	/*  */
	.big-banner .bb-item .bb-item-frame .text-area .big-title { font-size: 4rem; }
	.big-banner .bb-item .bb-nav { display: none; }
	.big-banner .bb-item .bb-nav .picicon { width: 100px; }
	.big-banner .bb-item .bb-nav .textarrow { width: 100px; }
	.big-banner .bb-item .bb-nav .textarrow p { font-size: 1.1rem; }
	.big-banner .bb-item .bb-nav .textarrow span { width: 40px; }
	.big-banner .bb-item .bb-prev { left: 0px; }
	.big-banner .bb-item .bb-next { right: 0px; }

	/* hotel */
	.hp-recommend-event .hpevnet-frame { height: 280px; }
	.hp-recommend-event .hpevnet-frame .hover-info { padding: 15px; padding-bottom: 70px; }
	.hp-recommend-event .hpevnet-frame .hover-info h6 { margin-bottom: 10px; }
	.hp-recommend-event .hpevnet-frame .hover-info h3 { font-size: 1.2rem; }
	.hp-recommend-event .hpevnet-frame .hover-info .btn { padding: 8px 10px; bottom: 15px; left: 15px; }
	.hp-recommend-event .hpevnet-frame >img { width: 130%; left: -15%; }

	/* calendar */
	.fc-today .fc-day-number { line-height: 20px; width: 20px; height: 20px; font-size: .9rem; padding: 0; }
	.fc-bgevent { padding: 5px !important; font-size: .75rem; padding-right: 20px !important; }
	.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { margin: 0; padding: 3px; }
	
	.fc-content .fc-title { font-size: .8rem; display: none; }
	.fc-day-grid-event .fc-content { overflow: visible; white-space: normal; }

	/* order boxed meal */
	header .main-menu .main-menu-frame ul { flex-direction: column; }
	header .main-menu .main-menu-frame ul a { border-left: 0; padding: 15px 12px; font-size: 1.2rem; display: block; }
	.orderboxedmeal .close-menu-xs { display: flex; justify-content: flex-end; margin-bottom: 10px; background-color: #777; }
	.orderboxedmeal .close-menu-xs button { background-color: transparent; border: 0; padding: 10px; font-size: 1.5rem; color: #fff; }
	.obmpick-option { display: none }
	.obmpick-option.active { display: block; }
	.obmpick-notice p { display: none; }
	.obmpick-notice p.active { display: block; }
	.obm-index { flex-direction: row; height: calc(100vh - 146px); }
	.obmi-link li a { width: 130px; height: 130px; font-size: 1.2rem; }
	.obm-form .blank-area{display: none;}
/*trainsalelist*/
/*luna*/
.product-list-section .graybg-container .saletimebox{width: 100%;}
.saletimebox .quote-type table{width:100%;}

/*luna*/

/*button*/
/*luna*/
.btn-square{width: 100%;}
.lostand-search-frame .tt-search-panel .tt-col button{width: 100%;}
/*luna*/

/*station*/
/*luna*/
.top-station-info .map-container .icon-info ul li .text{ padding-left:0; }

/*luna*/

/*luna*/
.list-container > li .action{flex: 0 0 100%;}
/*luna*/
}
@media (max-width:1112px) {
	.twocol-layout .right-col { padding: 40px 40px; }
	.quiz-entry .quiz-start-action { margin-top: 15px; }
	.product-list > li { padding-bottom: 55px; }
	.product-list > li .p-action { display: flex; padding: 0 15px; bottom: 15px; }
	.product-list > li .p-action a { font-size: 1rem; }
	.product-list > li .p-action a i { display: none; }
	.product-list.type-3 .p-pic { height: 150px; }
	.pagination-lg .page-link { padding: 10px; font-size: 1rem; line-height: 1; }

	/* localize */
	.localize-system .lsys-item .text { padding: 30px 15px 10px; }


	/*luna*/
	/* .header-alert.warning .alert-detail a .more{display: none;}
	.header-alert.attention .alert-detail a .more{display: none;}
	.header-alert .alert-detail .date{border-bottom: 1px solid;} */
	/*luna*/
}
@media (max-width:1024px) {
	.index-intro { padding-top: 30vh; }
	.si-service-container .serv-inner-container >ul li { max-width: 16.666666%; flex: 1 1 16.666666%; }
	
	.time-result-section .traffic-time:after{right: 6px;}

	.obmi-link li a { width: 120px; height: 120px; font-size: 1.2rem; }

	.hotelpindex-slider .hislider-container .hcol-1{padding-right: 14px;}
    .hotelpindex-slider .hislider-container .hcol-2 a:first-child{margin-bottom: 7px;}
	.hotelpindex-slider .hislider-container .hcol-2 a:last-child{margin-top: 7px;}
	
	.sitemap-descript ul.sitemap>li{width: 49%;}
}
@media (max-height: 768px) and (max-width: 1024px){
	.obm-index .obmi-left .inner-container {padding: 50px 40px;margin-top: 50px;}
	

}

@media (max-width:1023px) {
	.foodsafety-level { display: none; }
	.quiz-select-slider { margin-top: 50px; }
	.quiz-select-title { position: relative; }
	.qs-item-frame .col.practice { border-right: none; }
	.qs-item-frame .version-entry { width: calc(100%); padding-bottom: 100px; padding-top: 90px; }
	.qs-item-frame .version-entry a h2 { font-size: 2rem; top: -50px; transform: none; width: 160px; left: calc(53% + 5px); }
	.qs-item-frame .version-entry a h2 span { font-size: 2.2rem; }
	.qs-item-frame .version-entry a h3 { font-size: 2rem; }
	.qs-item-frame .official .version-entry { border-right: none; }
	.qs-item-frame .enter >span { width: 50px; display: inline-block; }
	.qs-item-frame .enter >span img { width: 100%; }
	.qs-item-frame .version-entry a { padding-left: 15px; padding-right: 15px; }
	.qs-item-frame .version-entry a p { height: 120px; }
	.quiz-select-slider .qs-nav { width: 60px; height: 40px; top: 20px; padding: 0; z-index: 2 }
	.quiz-select-slider .qs-nav.qs-prev .navblock p { }
	.marquee-frame { /*background-color: #7F7F7F; */position: relative; }
	.marquee-slick { width: 100%; padding-right: 0px; }
	.download-panel { }
	.ha-nav-tab.xs { display: block; }
	
	/* product */
	.pagecontent-filter { margin-top: 80px; }
	.pagecontent-filter .pc-toggle { justify-content: center; }

	/*timetable*/
	.tt-search-panel { padding: 20px 10px; display: block;}

    .time-result-section .tr-nav-head .trn-title .arrow span{display: none;}
	.time-result-section .tr-nav-head .trn-title .arrow:before{content: "";width: 100%;height: 10px;border-bottom: 2px solid #ccc;border-right: 2px solid #ccc;transform: skewX(45deg);display: block;margin: 5px 0 5px 0;}
	.time-result-section .tr-nav-head .trn-title .arrow {text-align: center;padding: 0 10px 0 0px;width: 30px;position: relative;}
	/*luna*/
	.ha-nav-tab, .ha-nav-content { display: none; }
	.timetable-search-frame .ha-nav-tab,.timetable-search-frame .ha-nav-content { display: block; padding:0;}

	.contact-frame .app-download{display: block;}
	.contact-frame .app-download .app-download-left{flex:1 1 100%;}
	.contact-frame .app-download .app-download-right{flex: 1 1 100%;}

	.home-news{margin-bottom: 20px;}

	.home-recommend ul li a:hover{color: #777;}

	.si-content .nav-tabs .nav-link:hover{color: #777;}

	.time-result-section .tr-nav-head .trn-title .arrow:before{content: "";	width: 100%;height: 2px;background-color: #ccc;display: inline-block;margin: 0 auto;transform: none;}
	.time-result-section .tr-nav-head .trn-title .arrow:after{content: "";width: 15px;height: 2px;background-color: #ccc;display: block;transform: rotate(45deg);position: absolute;top: 10px;right: 8px;}

	
}
@media (max-width:991px) {
	.wrapper, .fixed-pt .wrapper, .fixed-pt .wrapper.home {/*  padding-top: 70px;  */ }
	.fixed-pt .wrapper { padding-top: 60px; }
	.backtopbutton { right: 15px; bottom: 15px; color: #fff; padding-top: 10px; }
	.test-frame { height: auto; }
	.test-body { height: auto; min-height: calc(100vh - 140px) }
	.test-body .test-title { height: auto; padding-bottom: 40px; padding-top: 40px; }
	.test-body .text-option { height: auto; }
	.quiz-entry .left-col { background-image: none; padding-top: 15px; }
	.quiz-entry .left-col h2 { font-size: 2rem; }
	.quiz-entry .left-col h2 span { margin-bottom: -10px; font-size: 5rem; }
	.quiz-entry .left-col h3 { font-size: 2rem; }
	.quiz-entry .qe-title { float: right; padding-right: 20px; }
	.quiz-entry .twocol-layout .right-col { position: relative; padding-top: 15px; }
	.quiz-entry .quiz-start-action { position: absolute; top: 200px; left: 15px; width: calc(100% - 30px); }
	.quiz-entry .quiz-start-action .quiz-start-btn { font-size: 2rem; padding: 15px; }
	.quiz-entry .qtips-list { margin-bottom: 250px; }
	.panel-01 .quiz-info-right { border-left: none; border-top: 1px solid #ddd; padding: 20px 0; }
	.hidden-s { display: none !important; }
	.captcha-container.type-2 { padding-bottom: 50px; height: auto; }
	.captcha-container.type-2 .form-control { padding-right: 5px; }
	.captcha-container.type-2 .capfunc-panel { width: 100%; justify-content: space-between; }

	.card-form-container .captcha-container.type-2 .capfunc-panel{bottom: 8px;}

	/* home */
	#gradient {/* height: 45vh;bottom:-45vh; */ }
	.index-intro { height: 80vh; }
	.index-intro .block-frame .font-vw-h2 { font-size: 2.5rem !important; }
	.index-intro .block-frame p { font-size: 2rem; }
	.indexscroll { left: 20px; }
	.strat-test { width: 90px; right: 15px; bottom: 90px; }
	.intro-scroll .text >h6 { padding-left: 0; }
	.intro-scroll .link { display: block; padding-right: 120px; }
	.news-frame >ul .news-item .news-text .news-tag .tag:before { width: 50px; right: -50px; }
	.hfeature-item h5 { padding-left: 15px; padding-right: 15px; }
	.big-banner .bb-item .bb-item-frame .text-area { width: auto; display: inline-block; }
	.big-banner .bb-item .bb-item-frame .text-area .big-title { font-size: 4rem }
	.big-banner .bb-item .bb-item-frame .text-area .big-title .sub { font-size: 3rem; }
	.big-banner .bb-item .bb-item-frame .text-area .big-title .sub.inline { display: block; margin-left: 0; margin-top: 10px; }
	.big-banner .bb-item.mother .bb-item-frame .text-area { width: auto }
	.big-banner .bb-item .bb-item-frame .text-area .text-sub { margin-top: 30px; }
	.home-news .home-news-innerframe { padding: 5px 0px; }
	.home-news .container { padding: 0; }
	.news-list li a { flex-direction: column; }
	.he-outter { flex-direction: column; }
	.he-outter .he-left-block { flex: 1 0 100%; margin-bottom: 8px; }
	.he-outter .he-left-block a { height: 220px; }
	.he-outter .right-content { flex: 1 0 100%; flex-direction: column; }
	.he-outter .right-content .right-item { margin: 0 0 8px 0; display: flex; }
	.he-outter .right-content .right-item .pic { height: 100px; flex: 1 1 50%; }
	.he-outter .right-content .right-item .text { flex: 1 1 50%; display: flex; align-items: center; }
	.he-outter .right-content .right-item .text h5 { margin-bottom: 0; }
	.see-taiwan { background-color: #fff; }
	.st-frame { flex-direction: column; padding: 0; }
	.st-frame .st-slider { max-width: 100%; flex: 1 0 100%; margin-right: 0; /*margin-bottom: 15px; */}
	.st-frame .st-intro { flex: 1 0 100%; }
	.st-frame .st-intro .sti-item .pic .pic-frame { height: 200px; }
	.st-frame .st-slider ul li a .text { padding: 0; }
	.st-frame .st-slider ul.slick-dots { text-align: center; bottom: -3px; padding: 0 0 20px 0;}
	
	
	/*luna*/
	.home-content .st-frame .st-intro .sti-item .pic .pic-frame { height: 345px;}
	.home-content .home-event .event-slider>ul{padding: 0;}
	.home-content .home-event .he-outter .right-content .right-item{margin:0 0 8px 0}

.home-event .he-outter .right-content .right-item{width:100%;}
.home-event .he-outter .right-content{width:100%;}
.home-event .he-outter .he-left-block{width:100%;}
	/*luna*/

	/* timetable */
	.time-result-section { padding: 0; display: none; }
	.time-result-section.active-result { display: block; padding-top: 0px; }
	.xs-tab-panel { display: block; background-color: #fff; opacity: 0; transition: all ease-in-out .2s }
	.xs-tab-panel.fixed { position: fixed; z-index: 20; top: 59px; left: 0; width: 100%; left: 0; opacity: 1 }
	.tr-nav-head { flex-direction: column; align-items: center; background-color: #fff; opacity: 0; transition: all ease-in-out .2s }
	.tr-nav-head.fixed { position: fixed; z-index: 20; top: 97px; left: 0; width: 100%; left: 0; opacity: 1 }
	.tr-nav-head .trn-datetime { padding: 15px 0 15px 0; margin-bottom: -5px; }
	.tr-nav-head .trn-button { justify-content: space-between; width: 100%; margin-top: -40px; padding: 0 10px; }
	.tr-nav-head .trn-button a { margin-left: 0; /*border: 1px solid #ccc;*/ border-radius: 20px; padding: 2px 8px; text-align: center; line-height: 32px; color: #777; }
	.tr-nav-head .trn-button a i { line-height: 30px; margin: 0; margin-top: -2px; }
	.t-result-frame { margin-left: -15px; margin-right: -15px; }
	.tab-frame { display: none; margin-bottom: 0; }
	.tab-frame.active { display: block; }
	.ticket-tb-scroll-end { margin-bottom: 40px; }
	.tr-table .tr-thead { padding: 5px 0; opacity: 0; transition: all ease-in-out .2s }
	.tr-table .tr-thead.fixed { position: fixed; left: 0; top: 190px; right: 0; opacity: 1; z-index: 20; }
	.tr-table .tr-thead .tr-td:nth-child(2):before { content: "行車資訊" }
	.tr-table .tr-tbody .tr-td { padding-top: 2px; padding-bottom: 2px; }
	.tr-table .tr-td:nth-child(1) { width: 20% }
	.tr-table .tr-td:nth-child(2) { width: 20% }
	.tr-table .tr-td:nth-child(3) { width: 20% }
	.tr-table .tr-td:nth-child(4) { width: 20% }
	.tr-table .tr-td:nth-child(5) { width: 20% }
	.tr-table.selected .tr-tbody .tr-row { opacity: 0.3; }
	.tr-table.selected .tr-tbody .tr-row.active-station { opacity: 1; }
	.tr-table .tr-tbody .tr-row .tr-td.train { color: #DD5000; position: relative; }
	.tr-table .tr-tbody .tr-row .tr-td.train:after { content: ""; position: absolute; height: 30px; border-left: 1px solid #ccc; left: 5px; top: 50%; margin-top: -15px; }
	.tr-table .tr-tbody .tr-row .tr-td.train:before { /* content: "車次" */  display: block; font-size: .8rem; color: #ccc; }
	.tr-table .tr-tbody .tr-row .tr-td.car { color: #000; position: relative; }
	.tr-table .tr-tbody .tr-row .tr-td.car:after { content: ""; position: absolute; height: 30px; border-left: 1px solid #ccc; left: -3px; top: 50%; margin-top: -15px; }
	.tr-table .tr-tbody .tr-row .tr-td.car:before { /* content: "自由座" */  display: block; font-size: .8rem; color: #ccc; }
	.tr-table .tr-tbody .tr-row.active-station .tr-station { padding-left: 0; padding-right: 0; padding-bottom: 0; }
	.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container { padding: 10px 15px; border-top-width: 1px; }
	.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li { padding: 0 10px; }
	.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li h6 { margin-bottom: 0; }
	.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li p { padding-top: 0px;  }
	.tr-table .tr-td .font-bigger { font-size: 1.4rem !important; }
	.xs-ticket-info { display: block; color: #777; text-align: center; font-size: .8rem; width: 100%; margin-bottom: 10px; }
	.xs-tab-panel ul li a { font-size: 1rem; line-height: 1.2; }
	.tr-nav-head .trn-title .from, .tr-nav-head .trn-title .to { font-size: 1.3rem; line-height: 1 }
	.others-info { padding: 10px 0; }
	.fixed-function-panel .order-panel { flex-direction: column; padding: 0 15px; align-items: normal; }
	.fixed-function-panel { margin-left: -15px; margin-right: -15px; }
	.fixed-function-panel .order-panel .oreder-item { width: 100%; border-left: none; border-top: 1px solid #ccc; text-align: center; }
	.fixed-function-panel .order-panel .oreder-item h6 { margin-bottom: 5px; }
	.fixed-function-panel .order-panel .oreder-item .station-info .si-text { font-size: 1.3rem; }
	.fixed-function-panel .order-panel .oreder-item:first-child { border-top: none; }
	.fixed-function-panel .order-panel .oreder-item .station-info { justify-content: space-around; }
	.fixed-function-panel .order-panel .oreder-item .station-info .si-text span { display: inline-block; margin-left: 10px; }
	.fixed-function-panel .order-panel .action-item { flex: 1 0 100%; margin-left: -15px; margin-right: -15px;width:auto; }
	.fixed-function-panel .order-panel .action-item .button-item { flex: 1 0 50%; display: none; }
	.fixed-function-panel .order-panel .action-item .button-item button { padding: 5px 10px; margin: 0 !important; }
	.fixed-function-panel .order-panel .action-item .button-item.order.active { display: block; }
	.fixed-function-panel .order-panel .action-item .research { display: block;     padding: 0;}
	.fixed-function-panel .order-panel .action-item .research button { background-color: #EEEEEE; color: #777; }
	.ticket-cost {/*display: none;*/background-color: #fff;	padding: 20px 0; }
	body.open-service-menu.fixed-timetable header { margin-left: -80px; }
	body.open-service-menu .xs-tab-panel.fixed { margin-left: -80px; }
	body.open-service-menu .tr-nav-head.fixed, body.open-service-menu .tr-table .tr-thead.fixed { margin-left: -80px; }
	.fixed-timetable .time-result-section { padding-top: 170px; }

	/*luna*/
	.ticket-cost .table{ margin-bottom: 0;}
	.ticket-cost .table.color-02 thead th{padding: 6px 8px;}
	.timetable-others-info { /*display: none;*/ padding: 10px 0;}
	.timetable-others-info .col-md-7{padding-bottom: 20px;}
	.tr-nav-head .trn-datetime{padding: 10px 0;}
	.tr-nav-head .trn-button a{padding: 5px 0px;}
	.time-result-section .tr-nav-head .trn-button a p{ padding-top: 1px;}
	.time-result-section .tr-nav-head{position: absolute;z-index: 1;top: 37px;left: 0;width: 100%;left: 0;opacity: 1;}
	.time-result-section .tr-table .tr-thead{position: absolute;z-index: 1;left: 0;top: 120px;right: 0;opacity: 1;}
	.time-result-section .tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li p{font-size: .8rem;}
	.tr-table .tr-thead.fixed{top: 175px;}
	.fixed-timetable .time-result-section{position: relative;padding-top: 150px;}
	.time-result-section .tr-table .tr-tbody .tr-td.train{font-size: .8rem;}
	.time-result-section .tr-table .tr-tbody .tr-td.car{font-size: .8rem;}

	.time-result-section .tr-table .tr-thead .tr-td:nth-child(2){width: 60%;}
	.time-result-section .traffic-time:after{top: 6px;right: 12px;}
	.time-result-section .tr-table .tr-td{font-size:.7rem;}
	.time-result-section .tr-table .tr-tbody .tr-td{padding: 5px;}
	.time-result-section .tr-table .tr-td .font-16r{font-size:1.3rem !important;}
	.time-result-section .tr-nav-head .trn-title .from,.time-result-section .tr-nav-head .trn-title .to{font-size: 1.5rem;}
	.time-result-section .xs-ticket-info{font-size: .7rem;}
	.time-result-section .xs-ticket-info span:before{content: ",";}
	.time-result-section .xs-ticket-info span:first-child:before{content: "";}
	.time-result-section .tr-table .tr-tbody .tr-row.active-station .tr-station .station-container{padding: 8px 10px 5px 10px;}
	.time-result-section .tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li h6{font-size: .7rem;}
	.time-result-section .font-12x{ font-size: 1.1em !important;}
	.time-result-section .container{max-width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
	.time-result-panel .order-panel .oreder-item .station-info .si-text{font-size: 1rem;}
	.time-result-panel  .order-panel .oreder-item h6{font-weight: normal;}
	.time-result-panel .container{max-width: 100%;}

	/* .time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(1) { width: 100% } */
	.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(1) { width: 20% }
	.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(2) { width: 20% }
	.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(3) { width: 20% }
	.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(4) { width: 20% }
	.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(5) { width: 20% }
	.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-overnight span{display: block;}

	/*luna*/

	/* .fixed-function-panel{display: block;} */

	/* member */
	.twocol-layout { min-height: auto; display: block; margin-left: -15px; margin-right: -15px; width: auto; }
	.twocol-layout > div { display: block; }
	.twocol-layout .left-deco { margin-bottom: 30px; padding: 15px 15px; margin-bottom: 60px; }
	.twocol-layout .left-deco:after { width: 200px; height: 200px; margin-left: -100px; bottom: -100px; }
	.twocol-layout .text { font-size: 4rem; margin-top: 0 }
	.twocol-layout .deco-pic { height: 45%; }
	.btn-big.btn-icon { padding-left: 30px; letter-spacing: 0; position: relative; }
	.btn-big.btn-icon .icon { position: absolute; height: 100%; width: 30px; left: 0; top: 0; }
	.btn-big.btn-icon .icon img { width: 20px; position: absolute; top: 50%; margin-top: -10px; left: 5px; }
	.twocol-layout .right-col { padding: 30px 15px; }
	.left-deco .logolink { display: none; }

	/* station info */
	.map-frame { flex-direction: column-reverse;padding:0 10px; }
	.map-frame .map-side-bar { flex: 0 0 auto; }
	.map-frame .map-side-bar .msbar-xs-toggle { display: block; background-color: transparent; color: #fff; text-align: left; border: none; width: 100%; padding: 6px 0; }
	.map-frame .map-side-bar .msbar-xs-toggle:after { font-family: 'kyicon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e313"; font-size: 1.5rem; line-height: 1; vertical-align: middle; float: right; }
	.map-frame .map-side-bar .msbar-xs-toggle.active:after { transform: rotate(180deg) }
	.map-frame .map-img-frame { height: 300px;flex: 0 0 400px; }
	.map-frame .map-zoom { left: 15px; bottom: auto; top: 300px; }
	.map-frame .spot-info { height: 0; overflow: hidden; }
	.map-frame .map-side-bar .card-body ul { flex-direction: row; flex-wrap: wrap; }
	.map-frame .map-side-bar .card-body ul li { flex: 0 0 50%; }
	.map-frame .map-fullscreen{display: none;}
	.icon-info { position: relative; bottom: auto; right: auto; margin-top: 5px; }
	.icon-info ul { width: 100%; display: flex; flex-wrap: wrap; }
	.icon-info ul li { align-items: center; flex: 1 0 33%; max-width: 33%; }
	.icon-info ul li .icon { flex: 0 0 30px; }
	.icon-info ul li .text { white-space: normal; padding-left: 5px; }
	.icon-info ul li .text span { display: none; }
	.icon-info .download-map { width: 100%; margin-top: 5px; }
	.spot-info.active { height: auto; }
	.traffic-carstatus { display: flex; justify-content: flex-end;width: 100%;padding: 5px 5px;float: none;}
	.traffic-carstatus .status-item { margin: 0 auto; padding-right: 0px; }
	.traffic-carstatus .status-item ~ .status-item { margin-left: 20px; }
	.traffic-line-container ul li { width: 70px; min-width: 70px; }

	/*luna*/
	.top-station-info .map-container .icon-info .download-map01{background-color: rgba(0, 0, 0, .5);padding: 6px 20px;border-radius: 6px;width: 100%;display: block;text-align: center;color: #fff;margin-top: 5px;}
	.top-station-info .map-container .icon-info .download-map{display: none;}
	.top-station-info .map-container .icon-info{display: none;/*width: auto;left: auto;*/}
	.top-station-info .map-frame{display: flex;margin-bottom: 0;}
	.top-station-info .map-frame .map-zoom{display: none;}
	.top-station-info .map-frame .map-side-bar{display: none;flex: 0 0 auto;z-index: 90;;width:auto;float: none;height: auto; }
	.top-station-info .map-container .map-frame .map-img-frame{flex: 1 0 auto;width:auto;}
	.top-station-info .map-container .nav-tabs { top: -75px; }
	.top-station-info .map-container:before{content: ""; width: 100%;height:100%;background-color: rgba(255,255,255,.5);z-index: 5;overflow: hidden;position: absolute;}
	.top-station-info .map-container.fullscreen:before{display: none;}
	.top-station-info .map-container .map-frame .map-fullscreen button{width: 50px;height: 50px;border-radius: 50%;}
	.top-station-info .map-container .map-frame .map-fullscreen{width: 50px;margin: 0 auto;position: relative;top: 100px;z-index: 10;bottom: auto;left: auto;right: auto;display: block; text-align: center;}
	.top-station-info .map-container .map-frame .map-fullscreen span{font-size:.7rem;}
	.top-station-info .map-container .map-frame .map-fullscreen .non-fullscreen-btn{display: none;}
	.top-station-info .map-container .map-frame .map-fullscreen .fullscreen-btn{display: block;}
	.top-station-info .map-container.fullscreen .map-frame{padding: 0;margin-bottom:50px;}
	.top-station-info .map-container.fullscreen .map-frame .map-zoom{left: 15px;bottom: 80px;top:auto;display: flex;}
	.top-station-info .map-container.fullscreen .map-frame .map-side-bar{display: block; height:auto;}
	.top-station-info .map-container.fullscreen .map-frame .map-img-frame{width: auto;}
	.top-station-info .map-container.fullscreen .map-frame .map-fullscreen{bottom: 80px;right: 15px;position: absolute;width: auto;z-index: 1;top:auto;}
	.top-station-info .map-container.fullscreen .map-frame .map-fullscreen button{width: auto;height: auto;border-radius: 0;}
	.top-station-info .map-container.fullscreen .map-frame .map-fullscreen .non-fullscreen-btn{display: block;}
	.top-station-info .map-container.fullscreen .map-frame .map-fullscreen .fullscreen-btn{display: none;}
	.top-station-info .map-container.fullscreen .map-frame .map-img-frame .map-img svg{position: relative;top:100px;}

	.top-station-info .map-container.fullscreen .map-frame .map-side-bar{max-height: 480px;}

	.si-content .nav-tabs.floor-nav .nav-link:hover{ border: 2px solid #DD5000;	color: #DD5000;}
	
	.map-compass{display: none;}
	.map-compass.fullscreen{display: block; top: 15px;left: 15px;}
	/*luna*/

	/* result */
	.my-tab-content .nav-tabs { padding-top: 70px; }
	.my-tab-content .nav-tabs a { width: auto; }
	.my-resultaction { text-align: center !important; padding: 0 15px; width: 100%; right: 0; }
	.my-result-quiz-list { min-height: 0; margin-bottom: 40px; }
	.my-result-quiz-list >ul >li .quiz-title { width: calc(100% - 10px) }
	.my-result-quiz-list >ul >li .result-content { position: relative; width: 100%; border-bottom: 3px solid #E5E5E5; border-left: 5px solid #E5E5E5; border-right: 5px solid #E5E5E5; }

	/* product */
	.product-pic .btn-pgallery { top: 300px; }

	/* contact us */
	.contact-tel [class*=col-] { flex: 0 0 auto; width: 100%; }
	.cue-banner { height: 200px; background-position: center left; background-size: 140%; }
	.cue-container { margin-top: 0px; }

	/* order boxed meal */
	.obm-index { flex-direction: column-reverse; }
	.obm-index .obmi-left { transform: none; }
	.obm-index .obmi-left h1 { font-size: 1.5rem; }
	.obm-index .obmi-left .inner-container { transform: none; margin-top: 0; padding: 30px 15px; }
	.obm-index .obmi-right { height: 150px; flex: 1 0 150px; }
	.obmi-link { padding: 0; flex-wrap: wrap; justify-content: space-between; max-width: 500px; margin: 50px auto 0 !important; }
	.obmi-link li { margin: 0; }
	.obmi-link li a { width: 120px; height: 120px; font-size: 1.2rem; }
	.obm-top-nav h2 { text-align: center; font-size: 2rem; }
	.obm-top-nav .container { padding: 0; }
	.bmeal-list .meal-item { flex: 1 1 33.333333%; max-width: 33.333333%; }
	.obm-checkout-info .obm-info-left { border-right: 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; }

	/* carriage */
	.cm-frame .car-map .map-xl { display: none; }
	.cm-frame .car-map .map-xs { display: block; }
	.cm-frame{flex-direction: column-reverse;}
	.cm-frame .indication{flex:1 1 auto;}
	.cm-frame .indication p{display: none;}
	.cm-frame .indication:before{content: none;}
	.cm-frame .indication span{font-size: 1.5rem;}
	/* event package */
.graybg-container{padding:20px ;}

/*template*/
/*luna*/
.template_content{margin: 30px 30px;}

.two-type .con-7{width: 100%;}
.two-type .con-3{width: 100%;}
/*.two-type .con-5{width: 100%;}*/
.pic-type.con-2{width:50%;}

.tender-info-container .at-right {float: left;margin-top: 5px;top:0;}
.tender-info-container hr{margin-top: 3rem;}

.cm-icon{margin: 20px 10px;}
.cm-icon ul{justify-content: center;}
	.cm-icon ul li{margin: 0px 20px;}
	.cm-icon ul li .icon{width: 50px;}
	.car-text{padding: 10px ;}
	

	.st-frame .st-slider ul li .item .text{padding:20px;}

	.form-group.row .captcha-container.type-2 .capfunc-panel{justify-content: flex-end; bottom: 10px;}

	.hotelpindex-slider .hislider-container .hcol-1{padding-right: 10px;}
    .hotelpindex-slider .hislider-container .hcol-2 a:first-child{margin-bottom: 5px;}
    .hotelpindex-slider .hislider-container .hcol-2 a:last-child{margin-top: 5px;}

	
}

@media (max-width:767px) {


	/*luna*/
	.title-01{padding: 5px 0 15px;margin-bottom: 10px;}
	.row .col-md-6{padding-top: 10px ;padding-bottom: 10px;}
	/*body.map-fullscreen{overflow: hidden; height: 100%;width: 100%; position: fixed;}*/
	/*luna*/

	/* timetable */
	.timetable-header { display: block; }
	.timetable-header .title-01 { margin-bottom: 0; }
	.marquee-text { padding: 10px 10px; }

	/*luna*/
	.time-result-section .tr-table .tr-thead.fixed{padding: 5px 0;;}
	.time-result-section .xs-ticket-info{text-align: left;	padding: 0 5px;}
	/*luna*/

	/*station */
	.nav-tabs.si-tab .nav-link { font-size: 1rem; padding: 30px 10px; }
	.nav-tabs.si-tab .nav-link.active:before { width: 55px; height: 55px; margin-top: -27.5px; margin-left: -27.5px; }
	.sib-frame { padding-bottom: 40px; }
	.sib { padding: 10px; }
	.si-locker, .si-parking {align-self: flex-start; }
	/*20200824*/
.sib-frame .si-parking{width:100%;}

	.si-banner-frame .si-text { padding-top: 40px; justify-content: center; }
	.sibitem-list .item { padding: 5px 8px; flex: 1 1 auto; justify-content: center; }
	.sibitem-list .item .top { justify-content: center; }
	.sibitem-list .item h6 { font-size: .85rem; text-align: center; }
	.timeinfo-frame .ti-tr { flex-direction: column; }
	.timeinfo-frame .ti-tr .ti-status { padding: 0; font-size: .9rem; }
	
	.block-service .nav-tabs { top: 40px; }
	.floor-nav .nav-link { width: 46px; height: 46px; line-height: 46px; font-size: 1.5rem; margin: 0 5px; }
	.mapplic-element { height: auto !important; display: table; width: 100%; }
	.mapplic-container, .mapplic-sidebar { float: none; }
	.si-content .content-nav .nav-tab { margin-left: -15px; margin-right: -15px; }
	.si-content .content-nav .nav-tab >li a { font-size: 1rem; }
	.si-service-container .serv-inner-container >ul li { flex: 1 1 33.333333%; max-width: 33.333333%; }

	/* form */
	.inline-input-group.row > .col-input { padding-bottom: 10px; }

	/*luna*/
	.travelcard-form .form-check.inline{display: block;float:none;min-height: 35px;}
.travelcard-form .form-check:nth-child(2),.travelcard-form .form-check:nth-child(6){margin-left: 0;}
	
.top-station-info .si-banner-frame{min-height: 435px;}
/*luna*/

	/* footer */
	footer .footer-link ul { text-align: center; }
	footer .footer-link ul li { float: none; display: inline-block; padding: 5px 0; }
	footer .footer-link ul li a { }
	.social ul { margin: 0; }
	.footer-top-frame { flex-direction: column;display: block; }
	.footer-top { flex-wrap: wrap; }
	.footer-top .footer-service { flex: 1 0 100%; min-width: 0px; }
	.footer-top-frame.home .footer-service { display: block; }
	.footer-social { flex: 1 0 100%; justify-content: center; border-top: 1px solid #fff; min-width: 0; }
	.footer-social .follow { justify-content: space-between; }
	.footer-social .follow> ul { padding-left: 80px; }
	.footer-social .follow> ul:before { left: 0; }
	.footer-social .follow> ul:after { content: none; }
	.footer-social .follow> ul li { margin: 0 5px; }
	.error-page .footer-social { border-color: #6B6A6F; }

	/*luna*/
	.footer-right p{text-align: center;}
	/*luna*/
	
	/* home */
	.news-frame >ul .news-item .news-pic { height: 210px; }
	.news-frame >ul .news-item .news-text .news-tag .date { padding-right: 0; }
	.hfeature-item { padding: 30px 0; border-bottom: 1px solid #ddd; }
	.hfeature-item:last-child { border-bottom: none; }
	.big-banner .bb-item .bb-nav { margin-top: -33px; display: none; }
	.big-banner .bb-item .bb-nav .picicon { width: 40px; }
	.big-banner .bb-item .bb-nav .textarrow { width: 40px; }
	.big-banner .bb-item .bb-nav .textarrow p { display: none; }
	.big-banner .bb-item .bb-item-frame .text-area { margin-left: 0px; position: absolute; z-index: 1; width: 100%; text-align: center; bottom: 18%; left: 0; right: 0; }
	.big-banner .bb-item .bb-item-frame .text-area h3 { font-size: 1.5rem; margin-bottom: 20px; }
	.big-banner .bb-item .bb-item-frame .text-area .big-title { font-size: 2rem; }
	.big-banner .bb-item .bb-item-frame .text-area .big-title .sub { font-size: 1.2rem; padding-right: 0; border-top: none; position: relative }
	.big-banner .bb-item .bb-item-frame .text-area .big-title .sub:before { content: ""; position: absolute; width: 200px; height: 1px; background-color: #fff; top: 0; left: 50%; margin-left: -100px; }
	.big-banner .bb-item .bb-item-frame .text-area .text-sub p { font-size: 1rem; }
	.big-banner .bb-item .bb-item-frame .text-area .text-sub p span { font-size: 1.5rem; }
	.index-intro .block-frame .font-vw-h2 { font-size: 2rem !important; }
	.index-intro .block-frame p { font-size: 1.5rem; }
	.big-banner .bb-item .bb-item-frame .text-area .text-sub p { display: none; }
	.title-main { font-size: 2rem; }
	.home-action-tab-area { top: 0; margin-bottom: 0; }
	.home-action-tab-area .container { padding: 0; }
	.ha-nav-tab ul li a { padding: 15px 5px; font-size: .9rem; }
	.ha-nav-tab ul li a.active {/*  background-color: transparent;  */ }
	.home-recommend { margin-bottom: 20px; }
	.home-recommend .container { padding: 0; background-color: #fff; }
	.home-recommend ul li a { padding: 10px 0; }
	.home-recommend ul li a .hr-icon { width: 40px; height: 40px; line-height: 40px; font-size: 2rem; }
	.home-recommend ul li a .hr-icon img { width: 40px; }
	.home-recommend ul li a p { font-size: .8rem; }
	.event-slider>ul { padding: 0; }
	.he-outter .he-left-block a { height: auto; }
	.he-outter .he-left-block a .pic-item { position: relative; }
	.he-outter .he-left-block a .pic-item img { position: relative; height: auto; opacity: 1; }
	.he-outter .right-content .right-item .pic { height: 100px }
	.contact-info { padding: 15px 0; }
	.contact-info .container { padding: 0; }
	.contact-frame .contact-detail h4 { display: block; position: relative; width: 100%; }
	.contact-frame .contact-detail h4 button { background-color: transparent; border: none; padding: 0; color: #777; height: 28px; position: absolute; top: 0; right: 0; }
	.contact-frame .contact-detail h4 button i { vertical-align: middle; font-size: 2.5rem; line-height: 28px; }
	.contact-frame .contact-detail .contact-way { height: 0; overflow: hidden; }
	.contact-frame .contact-detail.opened .contact-way { height: auto; padding-top: 20px; padding-bottom: 20px; }
	.contact-frame .contact-detail.opened h4 button { transform: rotate(180deg); }
	.contact-frame .contact-detail { padding: 15px 15px 0 15px; flex-direction: column; }
	.contact-frame .contact-detail .contact-item { align-items: flex-start; flex-wrap: wrap; }
	.contact-frame .contact-detail .contact-item .icon { margin-bottom: -100px; text-align: center; font-size: 2.6rem; flex: 0 0 60px; }
	.contact-frame .contact-detail .contact-item .serviceline-01 { flex: 1 0 100%; margin-left: 70px; margin-top: -5px; }
	.contact-frame .contact-detail .contact-item .serviceline-01 h6 { display: inline-block; }
	.contact-frame .contact-detail .contact-item .serviceline-01 p { display: inline-block; }
	.contact-frame .contact-detail .contact-item .serviceline-02 { flex: 1 0 100%; margin-left: 70px; }
	.contact-frame .app-download { margin-left: 15px; margin-right: 15px; margin-top: 15px; }
	.footer-contact .contact-info { padding: 0px 0; }
	.footer-contact .contact-frame .contact-detail .contact-item { padding: 0 15px; }
	.footer-contact .contact-frame .contact-detail .contact-item .icon i { width: 60px; height: 60px; line-height: 60px; font-size: 2rem; }
	.footer-contact .contact-frame .contact-detail h4 { display: flex; justify-content: center; color: #777; font-size: 1.3rem; margin: 10px 0; padding-left: 30px; }
	.footer-contact .contact-frame .contact-detail h4 button { position: static; }
	.footer-contact .contact-frame .contact-detail .remark { padding: 12px 15px; }
	.home .contact-frame .contact-detail { display: none; }

	/*luna*/
	.home-content .st-frame .st-intro .sti-item .pic .pic-frame { height: 255px;}
	.home-content h4.title-02{font-size: 1.2rem;}
	.home-content .st-frame .st-slider ul li .item .text p{font-size: .9rem;}
	.home-content .st-frame .st-intro .sti-item .text p{font-size: .9rem;}
	.home-content .ha-nav-tab ul{align-items: stretch;}
	.home-content .ha-nav-tab ul li{display: flex;}
	.home-content .ha-nav-tab ul li a{display: flex;align-items: center;width: 100%;justify-content: center;}

	.contact-frame .app-download .app-download-right .app-link a{margin: 0 5px;}
	
	/*luna*/

	/* footer */
	.hf-mark { position: static; margin-top: 10px; right: auto; top: auto; text-align: center; }

	/* product */
	.product-container { display: flex; }
	.product-list .p-pic { flex: 0 0 120px; max-width: 120px; height: 120px; }
	.product-list > li { margin-bottom: 20px; }
	.product-list > li .p-content { padding-top: 15px; padding-left: 10px; flex: 1 1 auto; }
	.product-list li .p-price p { display: flex; flex-direction: column-reverse; }
	.product-list li .p-price .price-num { display: inline-flex; align-items: flex-end; justify-content: flex-end; }
	.product-list li .p-price .price-num > span { line-height: 2; }
	.product-list li .p-price .pp-tip { margin: 0; }
	.product-pic .btn-pgallery { bottom: 120px; top: auto; }
	.product-list.type-2 { padding-left: 15px; padding-right: 15px; background-color: #f5f5f5; padding-top: 15px; padding-bottom: 15px; }
	.product-list.type-2 li { background-color: #fff; }
	.product-list.type-2 .product-container { flex-direction: column; }
	.product-list.type-2 .p-pic { max-width: 100%; flex: 1 0 100%; padding: 0; }
	.pagecontent-filter { margin-top: 140px; }
	.pagecontent-filter .pc-search { right: 15px; top: -120px; }
	.pagecontent-filter .pc-toggle { width: 100%; top: -60px; right: 0; }
	.pagecontent-filter.no-filter { margin-top: 80px; }
	.pagecontent-filter.active .pcfilter-toggle:after { content: none; }
	.pagecontent-filter .pcfilter-container { padding: 10px 0; }
	.pagecontent-filter .pcfilter-container .btn { font-size: .9rem; padding: 5px; }
	.pagecontent-filter.one-filter { margin-top: 75px; }
	.pagecontent-filter.one-filter .pc-toggle { top: -60px; }
	.p-recommend-list .slick-list { padding: 0; }
	
	/*luna*/
	.product-list-section.trainsalelist-section .product-list li{border-bottom: 1px solid #ccc;}
	.product-list-section.trainsalelist-section .product-list li:last-child{border:none;}
	.product-list-section.trainsalelist-section .product-list li .product-container{display: flex;}
	.product-list-section.sourvenirlist-section .product-list li{border-bottom: 1px solid #ccc;}
	.product-list-section.sourvenirlist-section .product-list li:last-child{border:none;}
	.product-list-section.sourvenirlist-section .product-list li .product-container{display: flex;}
	
	.recommend-product-section .product-list.type-2 .p-pic{width:100%;height: auto;}

	.product-list.type-2 .product-container {display: block;}
	.product-list.type-2 .product-container .p-pic {height: auto; }
	/*luna*/


	/* hotel */
	.hotelpindex-slider .hislider-container { flex-direction: column; }
	.hotelpindex-slider .hislider-container a { margin: 5px; }
	.hotelpindex-banner .container { padding-left: 10px; padding-right: 10px; }
	.hotelpindex-slider .hislider-container .hcol-1 { padding-right: 0;width:100%;}
	.hotelpindex-slider .hislider-container .hcol-2 {display: inline-block;width:100%;}
	.hp-recommend-event { flex-direction: column; }
	.hp-recommend-event .hpevnet-frame { height: 250px; }
	.hp-recommend-event .hpevnet-frame >img { width: 120%; left: -10%; top: -10%; }
	.hp-recommend-event li + li { margin-top: 15px; }

	/*luna*/
	.search-result-panel{display: block;position: fixed;}
	.hotelpindex-slider .hislider-container .hcol-2 a:first-child{margin: 5px;}
	.hotelpindex-slider .hislider-container .hcol-2 a:last-child{margin: 5px;}
	/*luna*/

	/* lost and found */
	.lnf-step .lnf-item { padding-left: 100px; padding-bottom: 30px; align-items: flex-start; }
	.lnf-step .lnf-item:before { width: 0; height: 100%; border-top: none; border-left: 2px dotted #ccc; left: 35px; }
	.lnf-step .lnf-item .icon { position: absolute; left: 0; top: 0; width: 70px; height: 70px; }
	.lnf-step .lnf-item h5 { margin-bottom: 10px; margin-top: 20px; }
	.lnf-step.type-2 .lnf-item { align-items: center; padding: 10px 0; }
	.lnf-step.type-2 .lnf-item .icon { position: relative; }
	.lnf-step.type-2 .lnf-item h5 { margin-top: 0px; text-align: center; font-size: 1rem; }
	.lnf-step.type-2 .lnf-item:before { width: 100%; height: 0; border-top: 2px dotted #ccc; border-left: 0; left: 50%; top: 45px; }
	.lnf-step.type-2 .lnf-item:after { content: none; }

/*luna*/
.obm-content .lnf-step .lnf-item .icon img{ width:35px; }
.obm-cancel-section p{text-align: left;}

.lnf-step .lnf-item.active .icon{border-width: 2px;}
/*luna*/

	/* search */
	.search-result-list > ul >li a { flex-direction: column; }
	.search-result-list > ul >li a .result-pic { display: flex; justify-content: flex-start; padding: 15px 0; }

	/* contact us */
	.cue-banner { height: 150px; }
	.error-sitelink ul { flex-direction: column; }
	.cu-linkbrick > div { margin-bottom: 10px; }
	.cu-linkbrick a.culink, .cu-linkbrick .culink { box-shadow: none; flex-wrap: wrap; position: relative; padding-top: 20px; padding-bottom: 10px; align-items: normal; flex-direction: row; }
	.cu-linkbrick .culink .pic { width: 50px; margin-bottom: 10px; position: absolute; left: 5px; top: 10px; }
	.cu-linkbrick .culink .pic img { width: 100%; }
	.cu-linkbrick .culink h3 { margin-bottom: 5px; flex: 1 0 auto; text-align: left; font-size: 1.2rem; padding-left: 40px; }
	.cu-linkbrick .culink p { margin-bottom: 0; flex: 1 0 100%; text-align: left !important; }
	.cu-linkbrick .culink span{text-align: left !important;}
	.contact-us .notice-block { padding: 0; }

	/*luna*/
	.cu-linkbrick .culink .text-center{text-align:left !important;}
	.cu-linkbrick div.culink{box-shadow: none;flex-wrap: wrap;position: relative;padding-top: 20px;padding-bottom: 10px;align-items: normal;flex-direction: row;}
	/*luna*/
	/* localize */
	.localize-intro-container { flex-direction: column; padding: 0; margin-top: 30px; margin-bottom: 30px; }
	.localize-intro-container .title { flex: 1 1 120px; }
	.localize-intro-container .title >div h2 { font-size: 2.2rem; }
	.localize-intro-container .text { padding: 20px 0; }
	.localize-system .lsys-item .text { padding: 15px; }
	.localize-system .lsys-item .inner-container { height: auto !important; }

	/* hotel */
	.recommend-hotel-slider .slick-list { padding: 0; margin: 0 15px; }
	.recommend-hotel-slider .slick-dots { bottom: -40px }

	/*luna*/
	.recommend-hotel-slider .slick-list .slick-slide .p-title h4{font-size: 1.2rem;}
	/*luna*/

	/* content */
	.font-10r-xs { font-size: 1rem !important; }
	.font-12r-xs { font-size: 1.2rem !important; }


	/* others */
	.starter-header .logo { justify-content: center; }
	.starter-header .logo a { flex: 0 1 150px; }

	/* fancybox */
	.fb-inner-frame { padding: 20px 15px; }

	/* other */
	.nav-tabs.type-3 .nav-link { font-size: 1.2rem; padding: 10px 10px; }
	.list-container > li { flex-direction: column; padding: 0; }
	.list-container > li + li { padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd; }
	.list-container > li .text { padding: 10px 0; }
	.card-form-container { padding: 20px 10px; }
	.cu-notice ol { padding-left: 20px; }
	.cue-textcol { padding-top: 15px; }
	.event-layout-06 .list{margin-bottom: 30px;}

	/*luna*/
	.list-container > li:hover{box-shadow:none;}
	/*luna*/

	/* order boxed meal */
	.obm-index { height: auto; min-height: calc(100vh - 146px); }
	.obm-nav.nav-tabs.type-3 .nav-link { font-size: 1.1rem; padding: 12px 5px; }
	.ts-tag { padding: 20px; }
	.ts-tag .status-ds { font-size: 1.5rem; }
	.ts-tag.caution { flex-direction: column; padding: 20px 15px; }
	.ts-tag .status-detail { padding: 10px 0; }
	.status-remark { flex-direction: column; }
	.bmeal-list { margin-left: -10px; margin-right: -10px; }
	.bmeal-list .meal-item { flex: 1 1 50%; max-width: 50%; padding: 0 10px; }
	.obm-form { padding: 15px; }
	.obm-form .form-group { margin-bottom: 0px; }
	.obm-form .no-input .form-group { margin-bottom: 15px; }
	.obm-form .no-input .form-group label{margin-bottom: 0;}
	.obmi-link li a { width: 90px; height: 90px; font-size: 1rem; }
	.table.rwd-check tr{display: flex;}
	.table.rwd-check thead tr th,.table.rwd-check tbody tr td{flex:1 1 auto;width: 25%;font-size: .9rem;padding-right: 0!important;}
	.table.rwd-check tfoot tr{flex-direction: column;}
	.table.rwd-check tfoot tr td{display: block;border-top:none;padding-right: 0!important;}
	.obm-checktable th:nth-child(2){text-align: center!important;}
	.obm-checktable th:nth-child(3){text-align: center!important;}
	.obm-checktable th:nth-child(4){text-align: center!important;}
	.obm-checktable td:nth-child(2){text-align: center!important;}
	.obm-checktable td:nth-child(3){text-align: center!important;}
	.obm-checktable td:nth-child(4){text-align: center!important;}
	.obm-checktable tfoot td:nth-child(n){text-align: right!important;}

	/*luna*/
	.ts-tag.error{flex-direction: column;padding: 20px 15px;width:100%;}
	.ts-tag.caution{width:100%;}
	.ts-tag .status-detail{padding: 25px 0 10px;max-width: 100%;}
	.obmi-link li a {border-radius: 0;width: 110px;}
	/*luna*/

	/* carriage */
	.carriage-cate-list .cc-item { margin: 0; flex: 1 1 100%; margin-bottom: 10px; }
	.carriage-cate-list .cc-item +.cc-item { margin-left: 0; }
	.carriage-header{flex-wrap: wrap;justify-content: space-between;padding:10px;}
	.carriage-header .car-num{font-size: 1.8rem;}
	.carriage-header h3{font-size: 1.6rem;text-align: right;}
	.carriage-header p{flex:1 1 100%;text-align: right;font-size: .8rem;}
	.carriage-header .car-num span{width: auto;position: relative;right: auto;}
	.cm-icon{margin:10px 0;}
	.cm-icon ul{justify-content: normal;}
	.cm-icon ul li{flex:1 1 50%;max-width: 50%;margin:10px 0;}

/*luna*/
	.table-top-function-left{display: flex;justify-content: flex-end; margin-bottom: 15px;}
	.table-top-function-left .form-check.inline{margin-right: 0;}
	
	.tendercate-tab .at-right{position:inherit;right: 0;top: -5px;}
	.tender-info-container .tender-info{width: 100%;}

	.transfer-container .table-lg{display: none;}
	.transfer-container .table-sm{display: block;}

	.phone-g{border-bottom:1px solid #777;}
	.phone-b{border-bottom:1px solid #333;}

	.top-cbanner-section .pcfilter-container .btn{font-size: .9rem;padding: 5px;}
	
	.header-alert.warning .alert-detail .warning-msg{max-width: 750px;}
	
	.event-section p{margin-bottom: 0;}
	.event-container ul li .pic .img-fluid,.traffic-container ul li .pic .img-fluid{width: 100%;}
	.event-container .list-container > li,.traffic-container .list-container > li{flex-wrap:nowrap;}
	.graybg-container h4{font-size: 1.2rem;}

	.event-filter .efilter-container .btn{font-size: .9rem;padding: 5px;}

	/*traffic package*/
	.traffic-container .list-container > li{padding: 5px;}

	.list-container > li .action{flex: 0 0 auto;}

	/*train diconunt*/
	.tcate-tag.cate-1:before {  width: 18px; height: 18px;top: 2px;right: 2px; }
	.tcate-tag.cate-2:before {  width: 0px; height: 0px; border-bottom: 18px solid #FD9800; border-left: 9px solid transparent; border-right: 9px solid transparent;top: 2px;right: 2px;  }
	.tcate-tag.cate-3:before { position: absolute;width: 18px; height: 18px; background-color: #669900; border-radius: 50%; top: 2px;right: 2px; }
	.tcate-tag.cate-4:before { position: absolute;margin: 10px 0; width: 18px; height: 5px; background-color: #999999;top: 2px;right: 2px;  }
	.suitable-content p{text-align: left !important;}
	.earlybird-catetag.suitable-cate-tag-list .tcate-tag{top: 10px;}
	.earlybird-catetag .suitable-cate-tag-list .tcate-tag.cate-4{top: 5px;}
	.nonreservedcar-catetag .suitable-cate-tag-list .tcate-tag.cate-4{left: 12px;}
	
	.suitable-content .table-striped tbody tr i{font-size: 1.4rem;}
	.earlybird-catetag i{font-size: 1.4rem;position: absolute;left: 18px;top: 12px;width: 24px;text-align: center;}
	
	.fc-event-container{padding-top: 10px !important;}

	.cm-icon ul li .icon{width: 40px;}
	/*luna*/

	.hotelpindex-slider .hislider-container .hcol-2 a{display: inline-block;width: calc(50% - 10px);float: left;}


	/*20200827*/
	.map-compass.fullscreen{z-index: 9999;}
	.top-station-info .map-container .nav-tabs.fullscreen{justify-content: flex-end;width: 100%;background: #fff;right: 0;top: 0;padding: 10px;}

	.sitemap-descript ul.sitemap>li{width: 100%;}
}
@media (max-width:575px) {
	.see-taiwan .container {max-width: 460px;}
	.marquee-container { margin-left: -15px; margin-right: -15px; max-width: none; }
	.marquee-slick { width: calc(100% - 60px) }
	.marquee-slick .marq-slider { width: 100%; }
	.marquee-slick .slider-nav-container { display: none; }
	.si-service-container .serv-inner-container >ul li { flex: 1 1 33.333333%; padding: 0 10px; }
	.mapplic-list-category li { width: 50%; display: inline-block; }
	.newdetail-nav [class*=col-] { padding: 0 0; }
	.newdetail-nav [class*=col-]:first-child { margin-left: 5px; }
	.newdetail-nav [class*=col-]:last-child { margin-right: 5px; }
	.newdetail-nav [class*=col-]:nth-child(2) i { font-size: 1.2rem; margin-right: 5px; }
	.accordion>.card .card-header .btn { padding: 12px 0; }
	.fc-toolbar h2 { font-size: 1.2rem; }
	.fc .fc-today-button { padding: 5px 10px; }
	.fc-view-container { margin-top: -15px; }
	.fc-view-container .fc-view { }
	.fc-toolbar .fc-left { float: none; display: flex; justify-content: space-between; }
	.fc-toolbar .fc-right { float: none; margin-top: 5px; }
	.fc-toolbar .fc-right .fc-button-group { display: flex; justify-content: space-between; float: none; }
	.fc-toolbar.fc-header-toolbar { margin-bottom: 0; }
	.fc td { font-size: .6rem; }
	/*.fc-basic-view .fc-body .fc-row { min-height: 150px; }*/
	.fc-event-container { padding: 0 !important; padding-top: 60px !important; padding: 0; }
	.fc-ltr .fc-basic-view .fc-day-top.fc-today .fc-day-number { font-size: .7rem; }
	.fc-bgevent { padding-top: 30px !important; padding-right: 5px !important; }

	/*luna*/
	.fc .fc-prev-button{padding-left: 30px;}
	.fc .fc-next-button{padding-right: 30px;}
	.fc-day-grid-container{max-height: 360px;}
	.fc-basic-view .fc-body .fc-row{max-height: 60px;}
	.fc-event-container{vertical-align: middle;text-align: center;padding-top: 0 !important;}
	.fc-event{width: 10px;height: 10px;border-radius: 50%;}
	.fc-content:after { content: ""; }
	.fc-bgevent{display: none;}
	.fc-event {padding: 3px;}

	.tender-info-container .accordion>.card .card-header .btn{padding: 12px 40px 12px 0;}
	/*luna*/

	.st-frame .st-slider ul li .item .pic .pic-frame{height: 220px;}
	.home-content .st-frame .st-intro .sti-item .pic .pic-frame{height: 215px;}

	.time-result-section .traffic-time:after{right: 8px;}
}
@media (max-width:479px) {
	.big-banner .bb-item .bb-item-frame .pic-area .pic-m { display: block }
	.big-banner .bb-item .bb-item-frame .pic-area .pic-l { display: none; }

	/*template*/
	/*luna*/
	.template_content {margin: 30px 15px;}
	.pic-type.con-2{width:100%;}
	
	.newslist-content .table-top-function .col-input:nth-child(1){flex: 1 1 28%;}
	.newslist-content .table-top-function .col-input:nth-child(2){flex: 1 1 57%;}
	.newslist-content .table-top-function .col-input:nth-child(3){flex: 1 1 15%;}
	
	.see-taiwan .container {max-width: 100%;}
	.st-frame .st-slider ul li .item .pic .pic-frame{height: 160px;}
	.home-content .st-frame .st-intro .sti-item .pic .pic-frame{height: 185px;}
	
	.train-alert iframe{height: 110px;}
	.header-alert.warning .alert-detail .warning-msg{max-width: 400px;}
	.header-alert.attention .alert-detail .warning-msg{max-width: 400px;}
	.header-alert.warning .alert-detail .date{/*display:block;*/flex: none;}
	.header-alert.attention .alert-detail .date{/*display:block;*/flex: none;}
	

	.time-result-section .traffic-time:after{right: 6px;}
	/*luna*/
}

@media (max-width:400px) {
	/*luna*/
	.home-content h4.title-02{font-size: 1.1rem;}
	.home-content .st-frame .st-slider ul li .item .text p{font-size: .7rem;}
	.home-content .st-frame .st-intro .sti-item .text p{font-size: .7rem;}
	
	.newslist-content .table-top-function .col-input:nth-child(1){flex: 1 1 30%;}
	.newslist-content .table-top-function .col-input:nth-child(2){flex: 1 1 55%;}
	.newslist-content .table-top-function .col-input:nth-child(3){flex: 1 1 15%;}
	
	.see-taiwan .container {max-width: 100%;}
	.home-content .st-frame .st-intro .sti-item .pic .pic-frame{height: 145px;}
	
	.st-frame .st-slider ul li .item .text{padding: 10px;}
	.st-frame .st-intro .sti-item .text{padding: 10px;}

	.header-alert.warning .alert-detail .warning-msg{max-width: 280px;}
	.header-alert.attention .alert-detail .warning-msg{max-width: 280px;}
	
	.time-result-section .traffic-time:after{right: 4px;}
	/*luna*/
}
@media (max-width:360px) {
	.index-intro .block-frame .font-vw-h2 { font-size: 1.5rem !important; }
	.index-intro .block-frame p { font-size: 1.2rem; }
	.footer-social { flex-direction: column;}
	.footer-social .epaper { margin: 10px 0; }
	header .main-menu { width: 320px; }
	.hp-recommend-event .hpevnet-frame >img { width: 150%; }
	.form-control { font-size: 1rem; }
	.obmi-link { margin: 20px auto !important; }
	.obmi-link li { margin: 0 2px; }
	.obmi-link li a { width: 80px; height: 80px; }
	.hp-recommend-event .hpevnet-frame .hover-info { width: 60%; }
	.hp-recommend-event .hpevnet-frame .hover-info p {height: 50px; }
	.hp-recommend-event .hpevnet-frame .hover-info .btn { font-size: 1rem; }

	.contact-frame .app-download .app-link a{flex: 0 0 120px;}
	
	.newslist-content .table-top-function .col-input:nth-child(1){flex: 1 1 40%;}
	.newslist-content .table-top-function .col-input:nth-child(2){flex: 1 1 45%;}
	.newslist-content .table-top-function .col-input:nth-child(3){flex: 1 1 15%;}
	
    /*luna*/
    .table-top-function-left{display: block;}
    .table-top-function{width: 100%;}
    .table-top-function .search-type{width: 100%;}
    
    .tcate-tag{display: inline-flex;  margin-right: 0;}
    .carriage-cate-list .tcate-tag{margin-right: 18px;}
	.tcate-tag.cate-4:before{margin: 0;}
	.nonreservedcar-catetag .suitable-cate-tag-list .tcate-tag.cate-4{left: 20px;}
    
    .top-station-info .si-banner-frame .si-text .si-title{font-size: 2.5rem;}
    .traffic-carstatus .status-item{font-size: .8rem;padding-left: 28px;}
	.traffic-carstatus .status-item:before{left: 8px;top: 2px;}
	
	.top-station-info .icon-info ul li{flex: 1 0 50%;max-width: 50%;}
	
	.footer-top{display: block;}
	.footer-top-frame{display: block;}
	.footer-top .footer-service{text-align: center;}
	.footer-top .footer-service ul{display:inline-block;}
	.footer-top .footer-service ul li{display: block;float: left;padding: 0 10px;}
	.footer-social{display: block;}
	.footer-social .follow{text-align: center;}
	.footer-social .follow> ul{display: inline-block;}
	.footer-social .follow> ul li{display: block;float: left;}
	.footer-social .epaper button{margin: 0 auto;}

	.header-alert.warning .alert-text{display: block;text-align: center;}
	.header-alert.attention .alert-text{display: block;text-align: center;}
	
	header .main-menu .main-menu-frame .menu-lv1{display: block;}
	header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title{padding: 10px 12px;}
	header .main-menu .menu-area-02 ul li a,.home header .main-menu .menu-area-02 ul li a{    padding: 10px 12px;}
	header .main-menu .main-menu-frame ul a{padding: 10px 12px;}

	.fixed-function-panel .order-panel{display: block;}
	.fixed-function-panel .order-panel .action-item .research{width: 50%;float: left;}
	.fixed-function-panel .order-panel .action-item .order{width: 50%;float: left;}
	.time-result-section .tr-nav-head{padding: 15px 0 0px 0;}
	.time-result-section .tr-table .tr-thead.fixed{ top: 150px;}

	.sib{padding: 5px;}
	.sibitem-list .item{padding: 5px 5px;}
	.traffic-carstatus .status-item ~ .status-item{margin-left: 15px;}
	
	.top-station-info .si-banner-frame{min-height: 415px;}

	.traffic-container .list-container > li{display: block;}
	.event-container .list-container > li{display: block;}
	.recommend-product-section .product-container{display: block;}
	.recommend-product-section .p-recommend-list li .p-pic{height: auto;}
	.recommend-hotel .product-container{display: block;}
	.recommend-hotel .product-list .p-pic{height: auto;}
	.product-list-section .product-container{display: block;}
	.product-list-section .product-list .p-pic{height: auto;}

	.tcate-tag.cate-1:before{width: 16px;height: 16px}
	.tcate-tag.cate-2:before{border-bottom: 16px solid #FD9800;	border-left: 8px solid transparent;border-right: 8px solid transparent;}
	.tcate-tag.cate-3:before{width: 16px;height: 16px}
	.tcate-tag.cate-4:before{width: 16px;margin: 8px 0;}
	.suitable-cate-tag-list .tcate-tag{top: 12px;}
	.nonreservedcar-catetag .suitable-cate-tag-list .tcate-tag{top: 5px;}
	.nonreservedcar-catetag .tcate-tag.cate-4:before{ margin: 8px 5px 8px 0;}
	
	.time-result-section .traffic-time:after{right: 3px;}

	.suitable-fixed .table-head span{font-size: .9rem;}
	.suitable-content .table-striped tbody{font-size: .9rem;}
	.suitable-content .table-striped tbody tr i{font-size: 1.2rem;}
	.earlybird-catetag i{font-size: 1.2rem;position: absolute;left: 18px;top: 12px;width: 24px;text-align: center;}
	
	.cm-icon ul li .icon{margin-right: 5px;}

	.obmi-link li a {width: 90px;}

	.pagination-lg .page-link{padding: 8px;font-size: .9rem;}

	.open-srh .search-input{width: 230px;}
	/*luna*/
}

/* ipad pro*/
@media only screen 
and (min-width:1024px) 
and (max-height:1366px)
and (orientation:portrait) 
and (-webkit-min-device-pixel-ratio:1.5) {
	.obm-index { flex-direction: column-reverse; }
	.obm-index .obmi-right { flex: 1 1 30%; }
	.obmi-link li a { width: 200px; height: 200px; font-size: 1.5rem; }
}
@media only screen 
and (min-width:1024px) 
and (max-height:1366px) 
and (orientation:landscape) 
and (-webkit-min-device-pixel-ratio:1.5) {
	.obmi-link { margin-top: 100px; }
}