@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

/* fonts */
@import url("../fonts/font-awesome-4.7.0/css/font-awesome.min.css");
@import url("../fonts/kyicon/style.css");
@import url("../fonts/weather-icons/css/weather-icons.min.css");

/************
 main 
 ***********/
body, html { padding: 0; margin: 0; font-family:"Noto Sans TC", "Microsoft JhengHei", Helvetica, Arial, sans-serif; font-size: 1rem; height: 100%; color: #333;}
body.fancybox-active { overflow: hidden; height: 100%; }
a { transition: all ease-in-out .3s; color: #666; }
a:hover { text-decoration: none; color: #ca4f0f; }
a.underline { text-decoration: underline; }
.underlline-link { position: relative; }
.underlline-link:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #ca4f0f; bottom: -5px; left: 0; }
.arrow-link { position: relative; padding-left: 15px; }
.arrow-link:before { content: ""; display: inline-block; width: 0; height: 0; border-left: 10px solid #DF570B; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: relative; position: absolute; left: 0; top: 3px; }
.arrow-link.underlline-link:after{width: calc(100% - 15px);left: 15px;}
.wrapper { min-height: 100%; position: relative; /*transition: all ease-in-out .3s;*/overflow: hidden; }
.fixed-pt .wrapper {/* padding-top: 90px; */}
:focus { outline: 2px dashed #f5a552!important;box-shadow:none !important;transition: none;outline-offset: -1px; }
body:focus{outline: none !important;}
.btn.focus, .btn:focus{ outline: none;box-shadow:none; }
.page-link:focus{outline: none;box-shadow:none;}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus{box-shadow: none;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline: 2px dashed #f5a552!important;box-shadow:none !important;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{background:none;border-color:#DE5202; }


/* padding & margin */
.pl-5px { padding-left: 5px !important; }
.pl-10 { padding-left: 10px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-50 { padding-left: 50px !important; }
.pl-100 { padding-left: 100px !important; }

/*  */
.pr-5px { padding-right: 5px !important; }
.pr-10 { padding-right: 10px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-50 { padding-right: 50px !important; }
.pr-100 { padding-right: 100px !important; }

/*  */
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-50 { padding-top: 50px !important; }

/*  */
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-100{ padding-bottom: 100px !important;}

/*  */
.mt-0 { margin-top: 0 !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }

/*  */
.mb-0 { margin-bottom: 0 !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-100 { margin-bottom: 100px !important; }

/*  */
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-50 { margin-left: 50px !important; }

/*  */
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }

/* h */
h1 { }
h2 { }
h3 { color: #ca4f0f }
h4 { }
h5 { color: #ca4f0f }
h6 { }

/* text */
.font-08r { font-size: .8rem !important; }
.font-1r { font-size: 1rem !important; }
.font-09x { font-size: 0.9em !important; }
.font-11x { font-size: 1.1em !important; }
.font-12x { font-size: 1.2em !important; }
.font-15x { font-size: 1.5em !important; }
.font-11r { font-size: 1.1rem !important; }
.font-15r { font-size: 1.5rem !important; }
.font-16r { font-size: 1.6rem !important; }
.font-18r { font-size: 1.8rem !important; }
.font-20r { font-size: 2rem !important; }
.font-28r { font-size: 2.8rem !important; }
.font-30r { font-size: 3rem !important; }
.font-big { font-size: 2.5rem !important }
.font-bigger { font-size: 1.8rem !important; }
.font-bold { font-weight: 700 !important; }
.font-normal { font-weight: 400 !important; }
.red { color: #CB0101 !important; }
.light-red { color:#D61D00 !important; }
.black { color: #000 !important; }
.darkgray { color: #333 !important; }
.gray { color: #666 !important; }
.gray-2 { color: #666 !important; }
.light-gray { color:#666 !important; }
.pink { color: #D40253 !important; }
.orange { color:#BE4C0E !important; }
.yellow { color:#945900 !important; }
.light-yellow{color:#FD9800 !important;}
.white { color: #fff !important; }
.blue { color: #156EC1 !important; }
.light-blue { color: #349ACA !important; }
.green{color:#669900 !important; }
.text-thin { font-weight: 100; }
.text-normal { font-weight: 400; }
.text-justify { text-align: justify; }
.nowrap { white-space: nowrap; }
.v-align-middle { vertical-align: middle !important; }
.v-align-bottom { vertical-align: bottom !important; }
.line-height-1 { line-height: 1 !important; }
.line-height-15 { line-height: 1.5 !important; }
.line-height-18 { line-height: 1.8 !important; }
.line-height-2 { line-height: 2 !important; }

/* title */
.title-main { text-align: center; display: block; font-size: 2.4rem; padding-bottom: 20px; margin: 10px 0 30px 0; position: relative; }
.title-main>span { color: #d31224; display: inline-block; }
.title-main:before { content: ""; position: absolute; display: block; width: 130px; height: 1px; background-color: #c3c3c3; bottom: 0; left: 50%; margin-left: -65px; }
.title-main:after { content: ""; position: absolute; display: block; width: 80px; height: 1px; background-color: #ffcc00; bottom: 0; left: 50%; margin-left: -40px; }

/* button */
button:focus{outline: none;}
.btn { border-radius: 3px; -webkit-appearance: none; appearance: none; -moz-appearance: none; font-size: 1.1rem; font-weight: 300; }
.btn.btn-sharp { border-radius: 0; }
.btn.btn-darkgray01:hover{color: #fff;}
.btn.btn-orange01:hover{color: #fff;}
.btn.inline { display: inline-block; padding-left: 30px; padding-right: 30px; }
.btn-big { text-align: center; display: block; padding: 13px 20px; font-size: 1.2rem; letter-spacing: 2px; color: #000; line-height: 2rem; overflow: hidden; }
.btn-big:hover { color: #fff; }
.btn-big.btn-icon { padding-left: 40px; letter-spacing: 0; position: relative; }
.btn-big.btn-icon .icon { position: absolute; height: 100%; width: 40px; left: 0; top: 0; }
.btn-big.btn-icon .icon img { width: 25px; position: absolute; top: 50%; margin-top: -12.5px; left: 10px; }
.btn-big.btn-line { background-color: #34D726; font-size: 0.95rem; color: #fff; border-color: #34D726; border: none; }
.btn-big.btn-line .icon { background-color: #2EC224; }
.btn-big.btn-fb { background-color: #49649B; font-size: 0.95rem; color: #fff; border-color: #49649B; border: none; }
.btn-big.btn-fb .icon { background-color: #3C4F7A; }
.btn-big.inline { display: inline-block; padding-left: 30px; padding-right: 30px; }
.btn-big.medium { padding: 8px 20px; font-size: 1.2rem; letter-spacing: 1px; color: #000; }
.btn-big.medium:hover { color: #fff; }
.btn-light, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #333; }
.btn-white { background-color: #fff; color: #333; letter-spacing: 2px; font-size: 1.1rem; font-weight: 300; padding: 12px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, .05) }
.btn-white:hover { background-color: #ca4f0f; color: #fff; }
.btn-white-outline { display: block; border: 1px solid #fff; color: #fff; padding: 3px 15px; border-radius: 3px; min-width: 80px; text-align: center; }
.btn-white-outline:hover { background-color: #fff; color: #000; }
.btn-white-outline.inline { display: inline-block; }
.btn-black-outline { border: 1px solid #000; background-color: transparent; }
.btn-gray { background-color: #EEE; color:#666; }
.btn-gray:hover { background-color: #ca4f0f; color: #fff; }
.btn-gray-outline { border: 2px solid #EEE; background-color: #fff; color: #666; }
.btn-darkgray { background-color: #6B6A6F; color: #fff; }
.btn-darkgray:hover { background-color: #999; color: #fff; }
.btn-darkgray01{ background-color: #6B6A6F; color: #fff; }
.btn-bluegray { background-color: #E7E8ED; color:#666; opacity: 1; transition: all ease-in-out .3s; }
.btn-bluegray:hover { color:#666; opacity: .5; }
.btn-soldout { background-color: #ccc; color: #333; }
.btn-big.btn-outline { background-color: transparent; }
.btn-big.btn-outline:hover { background-color: #FFCC01; }
.btn.btn-round-corner { border-radius: 30px; }
.btn-orange { background-color: #ca4f0f; color: #fff; /*letter-spacing: 2px;*/ font-size: 1.1rem; font-weight: 300; padding: 12px 20px; }
.btn-orange:hover { color: #333; background-color: #f5a552; }
.btn-orange:focus{color:#333; background-color: #f5a552;}
.btn-orange01{ background-color: #ca4f0f; color: #fff; letter-spacing: 2px; font-size: 1.1rem; font-weight: 300; padding: 12px 20px; }
.btn-1220 { padding: 12px 20px; }
.btn-print { color: #fff; font-size: .9rem; }
.btn-print i { font-size: 1.2rem; vertical-align: middle; display: inline-block; margin-right: 5px; }
.btn-print:hover { /*color: #ca4f0f; */color:#f5a552;}
.btn-full { width: 100%; }
.btn-icon-right i { float: right; margin-top: 3px; }
.btn-medium { padding: 6px 8px !important; }
.btn-sharpshadow { box-shadow: 5px 5px 0 #e1e1e1; }

/*luna*/
.btn-square{width: 52px; padding: 12px 15px;}
.btn-black-underline{ background-color: transparent;border: none; text-decoration: underline;padding: 0 0 0 20px;color: #666;}

/*luna*/

/* header */
header { width: 100%; top: 0; left: 0; z-index: 900; padding-top: 0px; min-height: 120px; transition: all ease-in-out 0.3s;  position: relative; background-color: #fff; }
.header-logo { display: inline-block; width: 300px;  margin-bottom: 0  /* position: absolute;left: 30px;top: 35px; */ ; position: relative; margin-top: 47px; z-index: 11; }
.header-logo a { display: block; }
.header-logo a:focus{outline-offset: -4px;}
header .block-frame { padding-top: 10px; }
header .main-menu { display: flex; width: 100%; align-items: center; justify-content: space-between; z-index: 10; padding-left: 25%;    /* padding-top: 70px; */ margin-top: -90px; }
header .main-menu .menu-area-01 { display: flex; margin-right: 0px; vertical-align: middle; order: 2; }
header .main-menu .menu-area-01>ul { display: inline-block; }
header .main-menu .menu-area-01 ul, header .main-menu .menu-area-02 ul, header .main-menu .menu-area-03 ul { list-style: none; padding: 0; margin: 0; }
header .main-menu .menu-area-01 ul li { display: inline-block; margin: 0; vertical-align: middle; padding-left: 5px; padding-right: 5px; }
header .main-menu .menu-area-01 ul li.close-menu-xs { display: none; }
header .main-menu .menu-area-01 ul li a { display: flex; color: #666; font-size: 0.9rem; align-items: center; line-height: 32px; }
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: #ca4f0f; background-color: #f8f9fa; }
header .main-menu .menu-area-01 ul li a .icon { display: flex; margin-right: 5px; font-size: 1.4rem; }
header .main-menu .menu-area-01 ul li a .icon.search { margin-right: 0; }
header .main-menu .menu-area-01 ul li a:hover { color: #ca4f0f; }
header .main-menu .menu-area-01 ul li .dropdown-toggle { padding: 0; color: #666; font-size: .9rem;line-height: 32px;font-weight: 400;align-items: center;display: flex;border: none;}
header .main-menu .menu-area-01 ul li .dropdown-toggle:hover { color: #ca4f0f; }
header .main-menu .menu-area-01 ul li .dropdown-toggle .icon { margin-right: 5px; font-size: 1.4rem; vertical-align: middle;display: flex;}
header .main-menu .menu-area-01 ul li .dropdown-toggle:after { content: none; }
header .menu-area-02 { position: absolute; right: 15px; top: 8px; }
header .menu-area-02 ul li { display: inline-block; padding-bottom: 3px; padding-top: 3px; border-left: 1px solid #ddd; text-align: center; padding-left: 15px; padding-right: 15px; position: relative; }
header .menu-area-02 ul li:last-child { border-right: 1px solid #ddd; }
header .menu-area-02 ul li a { display: inline-block; line-height: 1rem; color: #666; font-size: .9rem; }
header .menu-area-02 ul li a .icon { display: inline-block; width: 20px; margin-bottom: 10px; line-height: 1; }
header .menu-area-02 ul li a:hover { color: #ca4f0f; }
header .menu-area-02 ul.lv2 { display: none; position: absolute; top: 100%; width: 180px; left: 100%; margin-left: -90px; background-color: #fff; padding: 10px; box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
header .menu-area-02 ul li:hover .lv2 { display: block; }
header .menu-area-02 ul li .lv2 li { border-left: none; width: 100%; }
header .menu-area-02 ul li .lv2 li:before { content: none; }
header .menu-area-02 ul li .lv2 li:last-child { border-right: none; }
header .menu-area-02 ul li .lv2 li a { text-align: left; border-bottom: 1px solid #ccc; padding-bottom: 8px; padding-top: 8px; width: 100%; }
header .main-menu .main-menu-frame { order: 1; }
header .main-menu .main-menu-frame ul { padding-left: 0; list-style: none; margin: 0; }
header .main-menu .main-menu-frame .menu-lv1 { display: flex; }
header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title { padding: 35px 35px; font-size: 1.2rem; display: block; color: #333; }
/* header .main-menu .main-menu-frame .menu-lv1>li:hover .menulv1-title { position: relative; }
header .main-menu .main-menu-frame .menu-lv1>li:hover .menulv1-title:after { content: ""; display: block; height: 4px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #E75200; }
header .main-menu .main-menu-frame .menu-lv1>li:hover .menu-lv2, header .main-menu .main-menu-frame .menu-lv1>li.active .menu-lv2 { display: block; } */
header .main-menu .main-menu-frame .menu-lv1>li.active .menu-lv2 { display: block; }
header .main-menu .main-menu-frame .menu-lv2 { display: none; position: absolute; left: 0; right: 0; top: 100%; background-color: #fff; z-index: 10; border-top: 1px solid #ccc; box-shadow: 0 20px 30px rgba(0, 0, 0, .2) }
header .main-menu .main-menu-frame .menu-lv2>.container>ul { display: flex; flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px; overflow: auto; max-height: 80vh; }
header .main-menu .main-menu-frame .menu-lv2>.container>ul>li { flex: 0 0 16.666666%; padding: 0 15px 30px; margin-top: 0; }
header .main-menu .main-menu-frame .menu-lv2>.container>ul>li:before { content: none; }
header .main-menu .main-menu-frame .menu-lv2>.container>ul>li h5 { font-size: 1.2rem; border-bottom: 1px solid #000; padding-bottom: 12px; color: #333; }
header .main-menu .main-menu-frame .menu-lv2>.container>ul>li .title{font-size: 1.2rem; border-bottom: 1px solid #000; padding-bottom: 12px; color: #333;margin-left: 2px;margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;position: relative;}
header .main-menu .main-menu-frame .menu-lv3 { overflow: hidden; padding-bottom: 30px; position: relative; transition: all ease-in-out .3s;padding:2px }
header .main-menu .main-menu-frame .menu-lv3 li { font-size: 1rem; padding: 6px 0; }
header .lv3-lg-toggle { cursor: pointer; position: absolute; text-align: center; margin-top: 10px; bottom: -2px; left: 0; right: 0;    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+66 */ background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 66%, rgba(255, 255, 255, 1) 100%);    /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 66%, rgba(255, 255, 255, 1) 100%);    /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 66%, rgba(255, 255, 255, 1) 100%);    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);    /* IE6-9 */ ; z-index: 2; height: 20px; }
header .lv3-lg-toggle:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #ccc; bottom: 5px; left: 0; z-index: 0; }
header .lv3-lg-toggle i { font-size: 2rem; display: inline-block; background-color: #fff; position: absolute; left: 50%; bottom: -2px; margin-left: -15px; color: #999; transition: all ease-in-out .3s;    line-height: 15px; }
header .menu-lv3.opened .lv3-lg-toggle i { transform: rotate(180deg) }
.header-alert {  display: flex; align-items: center; z-index: 2;justify-content: flex-end;font-size: .9rem;}
.header-alert .alert-text { color: #448424; padding: 9px;/* border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; */justify-content: center; display: flex; align-items: center; white-space: nowrap; }
.header-alert .alert-text .status-icon { font-size: 1.2rem; line-height: 24px; margin-right: 10px;}
.header-alert.c { left: 15px; right: auto; }
.header-alert.warning .alert-text { background-color: #E51912; padding: 0px 10px; align-items: center; display: flex; color: #fff; justify-content: flex-start ; }
.header-alert .alert-detail { padding-left: 10px; flex: 0 1 auto; padding: 10px 10px;}
.header-alert.warning .alert-detail { color: #FFF; }
.header-alert.warning .alert-detail a {color: #FFF;align-items: flex-start; display: grid; display: -ms-grid;  }
.header-alert.attention .alert-detail a {color: #FFF;align-items: flex-start; display: grid; display: -ms-grid;  }
/*.header-alert.warning .alert-detail .warning-msg { display: inline-block; white-space: nowrap; max-width: 300px; width: 100%; text-overflow: ellipsis; overflow: hidden;padding-right: 10px;}
.header-alert.warning .alert-detail .date{display:inline-block;*//*overflow: hidden;*//*}
.header-alert.warning .alert-detail .more{color:#666;display: inline-block; overflow: hidden;    padding-left: 10px;}*/

/* 20220329 Operation waring msg style */
.header-alert.warning {width: 100%;justify-content: flex-start; height: 42px !important;}
.header-alert.attention {width: 100%;justify-content: flex-start; height: 42px !important;}
.warning-msg { color: #FFF !important; white-space: nowrap; width: 100%;text-overflow: ellipsis; overflow: hidden;}
.warning-msg .status-icon { font-size: 1.2rem; line-height: 24px; margin-right: 10px;padding-top: 4px;}
.header-alert.attention .alert-text{ color: #FFF; padding: 0px 0px 0px 9px ;/* border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; */justify-content: flex-start ; display: flex; align-items: center; width: 100%;}
.header-alert.warning .alert-text{ color: #FFF; padding: 0px 0px 0px 9px ;/* border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; */justify-content: flex-start ; display: flex; align-items: center; width: 100%;}
.warning-msg:hover {text-decoration: underline !important;}
.status-title {word-break: keep-all;}
.header-alert .alert-detail { width: 100%;}

/*luna*/
.header-logo{width: 210px;}
header .main-menu{padding-left: 23%;}
header .main-menu .menu-area-01 ul li{padding-top: 20px;}
header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title{padding: 35px 35px 20px 35px;margin-top: 10px;}
header.fixed .main-menu .main-menu-frame .menu-lv1>li:hover .menulv1-title:after{bottom: -3px;}
/* .header-alert.attention .alert-text { background-color: #c49100; padding:10px; align-items: center; display: flex; color: #fff; } */
/* .header-alert.attention .alert-detail { color: #945900; } */
/* .header-alert.attention .alert-detail a {color:#945900;align-items: flex-start; display: flex;  } */
/* .header-alert.attention .alert-detail .warning-msg { display: inline-block; white-space: nowrap; max-width: 300px; width: 100%; text-overflow: ellipsis; overflow: hidden; padding-right: 10px;} */
/*.header-alert.attention .alert-detail .date{display:inline-block;*//*overflow: hidden;*//*}*/ 
/* .header-alert.attention .alert-detail .more{color:#666;display: inline-block; overflow: hidden;    padding-left: 10px;} */

/* 20220329 Operation iframe style */
.train-alert iframe{border: none;width: auto;height: 55px;position: absolute;top: 0; right: 450px;width: 1200px;}
.status-warning .train-alert iframe {border: none;width: 100%!important;height: 42px!important;position: absolute;top: 0; right: 0px!important;}
.status-attention .train-alert iframe {border: none;width: 100%!important;height: 42px!important;position: absolute;top: 0; right: 0px!important;}
.train-alert iframe{border: none;width: auto;height: 55px;position: absolute;top: 0; right: 450px;width: 1200px;}
.status-attention .train-alert .container.position-relative{height: 42px !important;}
.status-warning .train-alert .container.position-relative{height: 42px !important;}
.status-attention header .container{margin-top: 20px;}
.status-warning header .container{margin-top: 20px;}
.status-attention .header-sub-block.train-alert{background-color:#c49100;}
.status-warning .header-sub-block.train-alert{background-color:#E51912;}
.status-attention header.fixed .container{margin-top: 0px;}
.status-warning header.fixed .container{margin-top: 0px;}
.header-sub-block.train-alert{visibility: hidden;}
.header-sub-block.train-alert.loaded {visibility: visible;}

header .main-menu .main-menu-frame .menu-lv3 li a{line-height: 1.2 ;margin-left: 2px;display: inline-block;}
header .main-menu .main-menu-frame .menu-lv2>.container>ul>li h5{margin-left: 2px;}
.header-alert .alert-detail div{display: flex;flex: 0 0 auto;}
.header-alert .alert-detail .line{display: inline-block;padding-right: 5px;}
.header-alert .alert-detail .date{border-bottom: 1px solid;}
.header-alert.warning .alert-detail .more{display: none;}
.header-alert.attention .alert-detail .more{display: none;}

header .main-menu .main-menu-frame .menu-lv1>li.active .menulv1-title { position: relative; }
header .main-menu .main-menu-frame .menu-lv1>li.active .menulv1-title:after { content: ""; display: block; height: 4px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #E75200; }
header .main-menu .main-menu-frame .menu-lv1>li.active .menu-lv2{display: block;}

#websearch-input{margin: 1px;}
/*luna*/

header.fixed { position: fixed; top: 0px; left: 0; width: 100%; background-color: #fff; padding-top: 0px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); margin-top: 0; min-height: 90px; }
header.fixed .header-logo { width: 210px; margin-top: 0px; margin-left: 0; }
header.fixed .block-frame { padding-top: 0; }
header.fixed .main-menu { }
header.fixed .main-menu .menu-area-01 { vertical-align: middle; margin-right: 10px; }
header.fixed .main-menu .menu-area-01 ul { width: auto }
header.fixed .main-menu .menu-area-01 ul li { }
header.fixed .main-menu .menu-area-01 ul li.user-level { float: left; width: 60px; }
header.fixed .main-menu .menu-area-01 ul li a { border: none; border-radius: 0; }
header.fixed .main-menu .menu-area-01 ul li a:hover { background-color: transparent; color: #D31224; }
header.fixed .main-menu .menu-area-01 ul li a .icon { }
header.fixed .main-menu .menu-area-02 { position: relative; display: inline-block; vertical-align: middle; }
header.fixed .main-menu .menu-area-02>ul { display: inline-block; vertical-align: middle; }
header.fixed .main-menu .menu-area-02 ul li { display: inline-block; border-bottom: none; padding: 0; height: 60px; }
header.fixed .main-menu .menu-area-02 ul li a { width: auto; font-size: 1rem; line-height: 60px; padding-left: 10px; padding-right: 10px; }
header.fixed .main-menu .menu-area-02 ul li a .icon { margin-bottom: 0; width: 32px; }
.header-sub-block { left: 0; right: 0; top: 0; position: absolute; z-index: 901; }
header .col>.user-level { display: inline-block; width: 90px; vertical-align: middle; margin-right: 10px; }
header.fixed .col>.user-level { width: 60px; vertical-align: middle; margin-top: 10px; }
.member-dropdown .dropdown-toggle { background-color: transparent; border: none; padding: 0; }
.member-dropdown .dropdown-toggle:focus { box-shadow: none; outline: none; }
.member-dropdown .dropdown-toggle .user-pic img { width: 20px; }
.member-dropdown.dropleft .dropdown-toggle:before { content: none; }
.member-dropdown .dropdown-toggle:after { content: "\e313"; font-family: 'kyico01' !important; 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; display: inline-block; width: 20px; height: 20px; padding: 0; border: none; margin-left: 0; margin-top: 5px; position: relative; transform: scale(1.5); color: #999; transition: all ease-in-out 0.2s; }
.member-dropdown.show .dropdown-toggle:after { transform: rotate(90deg) scale(1.5); left: -3px }
.member-dropdown .dropdown-menu p { padding: 10px; text-align: center; color: #7d92ce; }
header .main-menu .member-dropdown .dropdown-menu ul li { border-bottom: none; }
header .main-menu .member-dropdown .dropdown-menu ul li a { width: 100%; }
.fixed .member-dropdown .dropdown-menu { top: 100% !important; left: 100px !important; }
.fixed .member-dropdown .dropdown-toggle .user-pic { display: inline-block; }
.fixed .member-dropdown .dropdown-toggle .user-pic img { width: 32px; }
header.fixed .main-menu .member-dropdown .dropdown-menu { line-height: 1.5; }
header.fixed .main-menu .member-dropdown .dropdown-menu ul li { display: block; }
header.fixed .main-menu .member-dropdown .dropdown-toggle:after { margin-top: 0; top: 8px; width: 15px; }
header.fixed .main-menu .member-dropdown.show .dropdown-toggle:after { transform: rotate(-180deg) scale(1.5); left: 0; top: 3px; }
header.fixed .main-menu .member-dropdown { line-height: 60px; height: 60px; }
header .xs-menu-toggle, .xs-menu-toggle-02 { display: none; }
header.fixed .header-sub-block { display: none; }
.open-menu:before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 700; background-color: rgba(0, 0, 0, .3); animation: fadeIn .5s; -webkit-animation: fadeIn .5s; }
#website-search { position: relative; }
.search-input { position: absolute; display: none; right:0; top: -5px; background-color: #fff; width: 0; overflow: hidden; align-items: stretch; }
.open-srh .search-input { width: 250px; display: flex; }
.search-input label { margin: 0;padding: 1px 0; }
.search-input label button { height: 100%; }
.search-input button { background-color: transparent; flex: 1 0 auto; line-height: 1; border: none; }
#web-srh-toggle { }
.starter-header { padding-top: 20px; padding-bottom: 20px; }
.starter-header .logo { display: flex; }
.starter-header .logo a { flex: 0 1 210px; }
.starter-header .logo img { width: 100%; }

/*luna*/
.search-input{top: 5px;}
.search-input button#close-websrh{margin: 1px;}
/*luna*/

/* fixed service */
.fixed-service { position: fixed; right: 10px; top: 200px; z-index: 899; box-shadow: 0 0 20px rgba(0, 0, 0, .2); background-color: #fff; }
.fixed-service h5 { background-color:#ca4f0f; color: #fff; font-size: 1rem; text-align: center; padding: 8px 8px; }
.fixed-service .title { background-color:#ca4f0f; color: #fff; font-size: 1rem; text-align: center; padding: 8px 8px; }
.fixed-service .fservice-list { list-style: none; padding: 0; margin: 0; }
.fixed-service .fservice-list li { text-align: center; padding: 5px 0; }
.fixed-service .fservice-list li a{display: block;}
.fixed-service .fservice-list li .icon { width: 50px; margin: 5px auto; }
.home .fixed-service { top: 400px; }
.backtopbutton { display: block ; text-align: center; background-color: #ca4f0f; color: #fff; padding: 0px 0; }
.backtopbutton i { font-size: 2rem; line-height: 20px; height: 20px; display: block; }
.backtopbutton p { margin-bottom: 0; }
.backtopbutton:hover { color: #fff; background-color: #f5a552; }

/*luna*/
.fixed-service .fservice-list li .icon img {height: 27px;}
.fixed-service{width:80px;}
/* home */
.index-intro { height: calc(100vh - 90px); position: relative; z-index: 100; padding-top: 45vh; }
.index-intro:after { content: ""; display: block; position: absolute; bottom: -5px; left: 0px; width: 100%; height: 7px; background-image: url("../img/index-rainbowdeco.svg"); background-repeat: repeat-x; }
.index-intro .text-area { position: relative; }
.index-intro .text-area:before { content: ""; display: block; background-color: #ccc9c8; position: absolute; width: 50vw; height: 1px; left: 0; top: -25px; }
.index-intro .text-area:after { content: ""; display: block; background-color: #ffcc00; position: absolute; width: 20vw; height: 1px; left: 115px; top: -25px; }
#gradient { width: 100%; height: calc(100vh - 90px); padding: 0px; margin: 0px; opacity: 1; }
.intro-rainbowmask { position: absolute; left: 0; bottom: calc(-100vh + 90px); }
.index-intro .block-frame { padding-right: 100px; padding-left: 100px; }
.index-banner .bx-wrapper { margin: 0; border: 0; border-radius: 0; }
.big-banner .slick-slide img { width: 100%; }
.big-banner .bb-item { }
.big-banner .bb-item .bb-item-frame { display: block; width: 100%; position: relative; background-color: #f2f2f2; }
.big-banner .bb-item .bb-item-frame .text-area { color: #fff; width: calc(40% - 50px); margin-left: 100px; }
.big-banner .bb-item.mother .bb-item-frame .text-area { margin-left: 0; width: calc(50% - 50px); }
.big-banner .bb-item .bb-item-frame .text-area h3 { font-size: 2rem; }
.big-banner .bb-item .bb-item-frame .text-area .big-title { font-size: 5rem; font-weight: 900; line-height: 1; }
.big-banner .bb-item .bb-item-frame .text-area .big-title .text-small { font-size: 0.5em; }
.big-banner .bb-item .bb-item-frame .text-area .big-title .sub { display: block; border-top: 1px solid #fff; padding: 10px 30px 0 0; font-size: 3rem; font-weight: 600; margin-top: 10px }
.big-banner .bb-item .bb-item-frame .text-area .big-title .sub.inline { display: inline-block; margin-left: 10px; margin-top: 0; }
.big-banner .bb-item .bb-item-frame .text-area .text-sub { margin-top: 150px; }
.big-banner .bb-item .bb-item-frame .text-area .text-sub p { font-size: 1.8rem; line-height: 1; position: relative; display: inline-block; }
.big-banner .bb-item .bb-item-frame .text-area .text-sub p:after { content: ""; display: block; width: 70px; height: 1px; background-color: rgba(255, 255, 255, 0.4); right: 0; top: 10px; position: absolute; }
.big-banner .bb-item .bb-item-frame .text-area .text-sub p span { display: inline-block; font-size: 3rem; vertical-align: text-top; padding-left: 5px; }
.big-banner .bb-item .bb-item-frame .pic-area { position: static; width: 100vw; top: 0; right: 0; }
.big-banner .bb-item .bb-item-frame .pic-area img { width: 100%; }
.big-banner .bb-item .bb-item-frame .pic-area .pic-m { display: none; }
.big-banner .bb-item .bb-nav { position: absolute; top: 50%; border: none; color: #fff; margin-top: -40px; background-color: rgba(0, 0, 0, .7); display: flex; height: 80px; }
.big-banner .bb-item .bb-nav .hidden-frame { order: 0; overflow: hidden; max-width: 0; transition: all ease-in-out .3s; }
.big-banner .bb-item .bb-nav:hover .hidden-frame { max-width: 200px; padding: 8px; }
.big-banner .bb-item .bb-nav .hidden-frame .picicon { display: block; text-align: center; width: 140px; }
.big-banner .bb-item .bb-nav .hidden-frame .text { font-size: .6rem; line-height: 1.2; padding: 2px 0; }
.big-banner .bb-item .bb-nav .arrow-icon { display: flex; justify-content: center; align-items: center; font-size: 2.8rem; transform: scaleX(.7); width: 30px; }
.big-banner .bb-item .bb-nav .arrow-icon:before { 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; }
.big-banner .bb-item .bb-prev { left: 0px; }
.big-banner .bb-item .bb-prev .bx-prev { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.big-banner .bb-item .bb-prev .arrow-icon { order: -1; }
.big-banner .bb-item .bb-prev .arrow-icon:before { content: "\e314"; }
.big-banner .bb-item .bb-next { right: 0px; }
.big-banner .bb-item .bb-next .bx-next { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.big-banner .bb-item .bb-next .arrow-icon:before { content: "\e315"; }
.big-banner .slick-prev { left: 40px; z-index: 10; }
.big-banner .slick-next { right: 40px; z-index: 10; }
.indexscroll { position: absolute; bottom: 30px; left: 100px; }
.intro-scroll { display: table; width: 100%; }
.intro-scroll .icon-pic { display: table-cell; vertical-align: bottom; cursor: pointer; }
.intro-scroll .text { display: table-cell; vertical-align: bottom; }
.intro-scroll .text>h6 { display: inline-block; font-size: 0.9rem; position: relative; padding-left: 20px; padding-right: 50px; color: #D31424; }
.intro-scroll .text>h6:after { content: ""; display: block; width: 30px; height: 1px; position: absolute; right: 5px; top: 7px; background-color: #ddd; }
.intro-scroll .link { display: inline-block; font-size: 0.9rem; color: #8e8e8e; }
.intro-scroll .link a { color: #8e8e8e; position: relative; padding-right: 18px; display: block; }
.intro-scroll .link a:hover { color: #ed6f67; }
.intro-scroll .link a:after { content: "\e315"; font-family: 'kyico01' !important; 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; position: absolute; bottom: 1px; right: 0; color: #D31424; font-size: 1.4rem; line-height: 1; }
.intro-scroll .link a>span { display: inline-block; padding-left: 5px; padding-right: 5px; }
.foodsafety-level { position: absolute; bottom: 15px; right: 0px; }
.foodsafety-level h6 { font-size: 0.8rem; color: #b7b7b7; border-bottom: 1px solid #ddd; padding-bottom: 8px; }
.foodsafety-level ul { list-style: none; padding: 0; margin: 0; margin-right: 80px; margin-top: 10px; }
.foodsafety-level ul li { padding-left: 30px; position: relative; padding-top: 4px; padding-bottom: 4px; }
.foodsafety-level ul li:before { content: ""; position: absolute; display: block; width: 15px; height: 1px; background-color: #ddd; left: 0; top: 12px; }
.foodsafety-level ul li span { font-size: 1.05rem; display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; }
.foodsafety-level ul li.active span { background-color: #ffcc01; border-radius: 50%; }
.foodsafety-level.fixed { position: fixed; bottom: 230px; z-index: 10; background-color: rgba(255, 255, 255, 0.7); }
.home-content { position: relative;  }
.home-action-tab-area { position: relative; top: -60px; margin-bottom: -40px; z-index: 100;}
.ha-nav-tab ul { list-style: none; padding: 0; display: flex; align-items: center; border-top: 5px solid #DE5102; background-color: #efefef; margin: 0; border-bottom: none; }
.ha-nav-tab ul li { flex: 1 0 33.333333%; text-align: center; }
.ha-nav-tab ul li a { padding: 15px 10px; border-right: 1px solid #fff; display: block; font-size: 1.1rem;color: #666; }
.ha-nav-tab ul li a.active { background-color: #fff; }
.ha-nav-tab ul li:last-child a { border-right: none; }
.ha-nav-tab ul li a.bg-white { color: #000; }
.ha-nav-content { padding: 15px; background-color: #fff; }
.home-recommend { margin-bottom: 80px; }
.home-recommend ul { list-style: none; padding: 0; margin: 0; background-color: #fff; }
.home-recommend ul li { background-color: #fff; border-right: 1px solid #ccc; }
.home-recommend ul li[data-swiper-row="1"] { border-top: 1px solid #ccc; }
.home-recommend ul li[data-swiper-column="5"] { border-right: 0; }
.home-recommend ul li a { display: block; padding: 18px 10px; text-align: center; position: relative;}
.home-recommend ul li a:focus{outline-offset: -2px;outline: none!important;}
.home-recommend ul li a:focus:before{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;border: 2px dashed #f5a552;}
.home-recommend ul li a:focus i,.home-recommend ul li a:focus p{color: #ca4f0f;}
.home-recommend ul li a .hr-icon { height: 60px; width: 60px; text-align: center; display: block; margin: 0 auto; font-size: 2.8rem; line-height: 60px; margin-bottom: 5px; }
.home-recommend ul li a .hr-icon i { vertical-align: middle; }
.home-recommend ul li a .hr-icon img { width: 50px; display: inline-block; vertical-align: middle; }
.event-slider { padding: 0; }
.event-slider>ul { padding: 0 80px; list-style: none; margin: 0; }
.event-slider .slick-dots { left: 0; }
.home-event { margin-bottom: 80px; }
.he-outter { display: flex; }
.he-outter .he-left-block { flex: 1 0 50%; position: relative; }
.he-outter .he-left-block a { position: relative; overflow: hidden; display: block; height: 100%; height: 280px; }
.he-outter .he-left-block a:focus{outline:none!important}
.he-outter .he-left-block a:focus:before{content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;z-index: 10;}
.he-outter .he-left-block a .pic-item { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-in-out .3s; background-size: cover; background-repeat: no-repeat; background-position: center; }
.he-outter .he-left-block a:hover .pic-item { transform: scale(1.06); }
.he-outter .he-left-block a .pic-item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.he-outter .right-content { flex: 1 0 50%; display: flex; }
.he-outter .right-content .right-item { background-color: #fff; margin: 0 5px; flex: 1 1 50%; }
.he-outter .right-content .right-item .pic { overflow: hidden; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 150px;padding: 1px; }
.he-outter .right-content .right-item .pic .pic-item { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; transition: all ease-in-out .3s; }
.he-outter .right-content .right-item .pic .pic-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.he-outter .right-content .right-item:hover .pic-item { transform: scale(1.06); }
.he-outter .right-content .right-item .text { padding: 20px; }
.he-outter .right-content .right-item .text h5, .he-outter .right-content .right-item .text h3{ font-size: 1.1rem; color: #000; font-weight: 200; }
.he-outter .right-content .right-item .text p { font-size: .9rem; }
.see-taiwan { padding: 20px 0; }
.st-frame { display: flex; padding: 0 85px; }
.st-frame .st-slider { flex: 0 1 50%; max-width: 50%; background-color: #fff; /*margin-right: 10px;*/ }
.st-frame .st-slider ul { padding: 0 0 35px 0; margin: 0; }
.st-frame .st-slider ul li .item { display: flex; flex-direction: column; }
.st-frame .st-slider ul li .item .text { padding: 20px; }
.st-frame .st-slider ul li .item .text p { color: #000; padding-left: 15px; position: relative; transition: all ease-in-out .3s; }
.st-frame .st-slider ul li .item .text p:before { content: ""; display: inline-block; width: 0; height: 0; border-left: 5px solid #DF570B; border-top: 3px solid transparent; border-bottom: 3px solid transparent; position: relative; position: absolute; left: 0; top: 7px; }
.st-frame .st-slider ul li .item .text p span { position: relative; padding-bottom: 5px; }
.st-frame .st-slider ul li .item .text p span:after { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; border-top: 1px solid #000; }
.st-frame .st-slider ul li .item .text .intro { padding-left: 0; color: #666; }
.st-frame .st-slider ul li .item .text .intro:before { content: none; }
.st-frame .st-slider ul li .item:hover p { /* color: #DF570B;  */ }
.st-frame .st-slider ul li .item .pic { overflow: hidden; }
.st-frame .st-slider ul li .item .pic .pic-frame { height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; position: relative; transition: all ease-in-out .3s; }
.st-frame .st-slider ul li .item .pic .pic-frame a{position: relative;display: block;height: 100%;}
.st-frame .st-slider ul li .item .pic .pic-frame a:focus{outline: none!important;}
.st-frame .st-slider ul li .item .pic .pic-frame a:focus:before	{content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;
    z-index: 10;}
.st-frame .st-slider ul li .item .pic .pic-frame a:focus img{width: auto;height: auto;left: 4px;top: 4px;bottom: 4px;right: 4px;}
.st-frame .st-slider ul li .item .pic .pic-frame img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.st-frame .st-slider ul li .item:hover .pic .pic-frame { transform: scale(1.05) }
.st-frame .st-intro { flex: 1 0 50%; }
.st-frame .st-intro .sti-item { display: flex; background-color: #fff; /*margin-bottom: 10px; */}
.st-frame .st-intro .sti-item:last-child { margin-bottom: 0; }
.st-frame .st-intro .sti-item .text { /*flex: 1 0 50%; for IE 11*/padding: 20px; }
.st-frame .st-intro .sti-item .text p { color: #000; padding-left: 15px; position: relative; transition: all ease-in-out .3s; }
.st-frame .st-intro .sti-item .text p:before { content: ""; display: inline-block; width: 0; height: 0; border-left: 5px solid #DF570B; border-top: 3px solid transparent; border-bottom: 3px solid transparent; position: absolute; left: 0; top: 7px; }
.st-frame .st-intro .sti-item:hover .text p { /* color: #DF570B;  */ }
.st-frame .st-intro .sti-item .text p span { position: relative; padding-bottom: 5px; }
.st-frame .st-intro .sti-item .text p span:after { content: ""; position: absolute; width: 100%; bottom: 0; left: 0; border-top: 1px solid #000; }
.st-frame .st-intro .sti-item .pic { /*flex: 1 0 50%; for IE11*/overflow: hidden; }
.st-frame .st-intro .sti-item .pic .pic-frame { position: relative; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; transition: all ease-in-out .3s; }
.st-frame .st-intro .sti-item .pic .pic-frame img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
.st-frame .st-intro .sti-item .pic .pic-frame a{display: block;height: 100%;position: relative;}
.st-frame .st-intro .sti-item .pic .pic-frame a:focus{outline: none!important;}
.st-frame .st-intro .sti-item .pic .pic-frame a:focus:before{content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;
    z-index: 10;}
.st-frame .st-intro .sti-item:hover .pic .pic-frame { transform: scale(1.05) }

/*luna*/
.see-taiwan .title-02{margin-bottom:0;}
.st-frame .st-intro .sti-item .text .intro{ padding-left: 0;color: #666;}
.st-frame .st-intro .sti-item .text .intro:before{content: none; }

.home-recommend .swiper-slide .hr-icon .thsrvacation,.home-recommend .swiper-slide a:hover .hr-icon .thsrvacation_gray{display: none;}
.home-recommend .swiper-slide a:hover .hr-icon .thsrvacation{display: inline-block;}
.home-recommend ul li a:focus .hr-icon .thsrvacation{display: inline-block;}
.home-recommend ul li a:focus .hr-icon .thsrvacation_gray{display: none;}
.epaper-input .btn-black-outline i{padding-left: 10px;}

.home-content .home-event .event-slider>ul{padding: 0 35px;}
.home-content .home-event .he-outter .right-content .right-item{margin-left: 10px;margin-right: 0;position: relative;}
.home-content .home-event .he-outter .right-content .right-item:focus{outline: none!important;}
.home-content .home-event .he-outter .right-content .right-item:focus:before{content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;
    z-index: 10;}
.home-event .he-outter .he-left-block{flex:auto;width:50%;}
.home-event .he-outter .right-content{flex:auto;width:50%;}
.home-event .he-outter .right-content .right-item{flex:auto;width:50%;}
/*luna*/
.contact-info { background-color: #fff; padding: 30px 0; }
.contact-frame { display: flex; }
.contact-frame .contact-detail { flex: 1 1 50%; max-width: 50%; margin-right: 5px; background-color: #EEEEEE; padding: 30px 40px; display: flex; align-items: center; }
.contact-frame .contact-detail h4 { display: none; }
.contact-frame .contact-detail .contact-item { display: flex; align-items: center; line-height: 1.5rem; margin: 15px 0; }
.contact-frame .contact-detail .contact-item .icon { flex: 0 0 80px; font-size: 2.2rem; color: #666; }
.contact-frame .contact-detail .contact-item .sline-item { display: block; color: #666; font-size: .95rem; }
.contact-frame .contact-detail .contact-item .serviceline-01 { flex: 1 1 20%; }
.contact-frame .contact-detail .contact-item .serviceline-01 p { font-size: 1.2rem; color: #333; transition: all ease-in-out .3s; }
.contact-frame .contact-detail a:hover .serviceline-01 p { color: #DF570B; }
.contact-frame .contact-detail .contact-item .serviceline-01 h6 { margin: 0; font-size: .95rem; line-height: 1.5rem; }
.contact-frame .contact-detail .contact-item .serviceline-02 { flex: 1 1 30%; }
.contact-frame .contact-detail .remark { position: relative; text-align: center; color: #555; font-size: .9rem; padding: 0 40px; }
.contact-frame .contact-detail .remark span { background-color: #EEEEEE; position: relative; z-index: 1; padding: 0 10px; display: inline-block; }
.contact-frame .contact-detail .remark:after { content: ""; position: absolute; left: 0; top: 50%; height: 8px; width: 100%; background-color: #D6D6D6; z-index: 0; margin-top: -4px; }
.contact-frame .contact-detail .contact-way { display: flex; flex-direction: column; flex: 1 1 auto; }
.contact-frame .app-download {width:100%; margin-left: 5px;padding: 50px 30px; }
.contact-frame .app-download h3 {font-size: 1.5rem; }
.contact-frame .app-download p { color: #666; }
.contact-frame .app-download .app-link { display: flex; justify-content: center; margin-top: 20px; }
.contact-frame .app-download .app-link a { flex: 0 0 150px; }
.footer-contact .contact-info { padding: 20px; }
.footer-contact .contact-frame .contact-detail { flex: 1 0 100%; max-width: 100%; background-color: transparent; padding: 10px 0; }
.footer-contact .contact-way { flex-direction: row; display: flex; align-items: center; }
.footer-contact .contact-frame .contact-detail .remark { flex: 0 0 180px; padding: 0; text-align: left; }
.footer-contact .contact-frame .contact-detail .remark span { background-color: transparent; }
.footer-contact .contact-frame .contact-detail .remark:after { content: none; }
.footer-contact .contact-frame .contact-detail .contact-item { flex: 1 0 40%; margin-bottom: 0; }
.footer-contact .contact-frame .contact-detail .contact-item .serviceline-01 h6 { color: #666 }
.footer-contact .contact-frame .contact-detail .contact-item .serviceline-01 p { color: #666 }
.footer-contact .contact-frame .contact-detail .contact-item .icon { text-align: center; padding-right: 20px; }
.footer-contact .contact-frame .contact-detail .contact-item .icon i { display: block; background-color: #EEEEEE; width: 80px; height: 80px; border-radius: 50%; line-height: 80px; }
.home-reservation iframe { border: none; width: 100%; height: 360px; }

/*luna*/
.st-frame .st-intro .sti-item .pic{width:50%;}/*for IE11*/
.st-frame .st-intro .sti-item .text{width:50%;}/*for IE11*/

.contact-frame .app-download{    display: flex;padding: 30px 20px;}
.contact-frame .app-download .app-download-left{flex: 1 1 50%;}
.contact-frame .app-download .app-download-right{flex: 1 1 50%;margin: auto 0;}
.contact-frame .app-download .app-download-right .app-link{margin-top:0;}
.contact-frame .app-download .app-download-right .app-link a{margin: 0 10px;}
.contact-frame .app-download .app-download-right .app-link a:focus{outline-offset: 1px;}
.contact-frame .app-download .app-download-right .app-link a img{width:100%;}

.see-taiwan .st-frame .st-intro{flex:auto;}
.see-taiwan .st-frame .st-slider{flex:auto;}
/*luna*/
/* bx slider */
.bx-wrapper .bx-prev { left: 10px; background: none 0 -32px no-repeat }
.bx-wrapper .bx-next { right: 10px; background: none -43px -32px no-repeat }

/* home-news */
.home-news { margin-bottom: 80px; }
.home-news .nav-tabs { display: flex; justify-content: center; }
.home-news .nav-tabs li { flex: 1 0 auto; text-align: center; padding-right: 3px; }
.home-news .nav-tabs li:last-child { padding-right: 0; }
.home-news .nav-tabs li a { color: #666;position: relative; background-color: #efefef; border-radius: 0; font-size: 1rem; padding-top: 12px; padding-bottom: 12px; white-space: nowrap; }
.home-news .nav-tabs li a:focus{outline: none!important;}
.home-news .nav-tabs li a:focus:before{content:"";    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;}
.home-news .nav-tabs li a.active { border-color: #ca4f0f; background-color: #ca4f0f; color: #fff; }
.home-news .nav-tabs li a.active:after { content: ""; display: block; width: 0; height: 0; border-top: 10px solid  #ca4f0f; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; left: 50%; bottom: -10px; margin-left: -12px;z-index: 50; }
.home-news .home-news-innerframe { background-color: #fff; padding: 5px 7%; }
.news-list { list-style: none; padding: 0; margin: 0; }
.news-list li { border-bottom: 1px solid #e6e6e6; }
.news-list li:last-child { border-bottom: 0; }
.news-list li a { display: flex; padding: 15px 15px; }
.news-list li a .news-date { color: #666; padding-right: 20px; font-size: .9rem; }
.news-list li a .news-title { font-size: 1.1rem; color: #000; transition: all ease-in-out .2s; }
.news-list li a:hover .news-title { color:  #ca4f0f; }
.home-news .know-more { background-color: #fff; text-align: center; display: block; padding: 12px 15px; margin-top: 15px; font-size: 1rem; color: #000; }
.home-news .know-more:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 5px solid  #ca4f0f; border-top: 3px solid transparent; border-bottom: 3px solid transparent; margin-left: 10px; position: relative; top: -3px; transition: all ease-in-out .3s;}
.home-news .know-more:hover { background-color: #f5a552; color: #fff; }
.home-news .know-more:hover:after { content: ""; border-left: 5px solid #fff; }

/*luna20191213*/
.news-list li a .news-date{flex: 0 0 auto;}

/* news */
.newdetail-nav { display: flex; margin: 40px 0; }
.newdetail-nav [class*=col-] { display: flex; justify-content: center; background-color: #EEEEEE; padding: 0px 10px; margin: 0 5px; height: 60px; align-items: center; position: relative; flex: 1 1 auto;color: #666; }
.newdetail-nav [class*=col-]:focus{}
.newdetail-nav [class*=col-]:nth-child(2) i { color: #333; font-size: 2rem; margin-right: 10px; }
.newdetail-nav [class*=col-]:first-child { margin-left: 10px; }
.newdetail-nav [class*=col-]:last-child { margin-right: 10px; }
.newdetail-nav [class*=col-]:first-child:before {     z-index: -1;;content: ""; position: absolute; height: 60px; border-right: 10px solid #eee; border-top: 30px solid transparent; border-bottom: 30px solid transparent; left: -10px; top: 0; }
.newdetail-nav [class*=col-]:last-child:before {     z-index: -1;;content: ""; position: absolute; height: 60px; border-left: 10px solid #eee; border-top: 30px solid transparent; border-bottom: 30px solid transparent; right: -10px; top: 0; }

/* product */
.promoad-slider { padding: 0; margin: 0; list-style: none; }
.promoad-slider li img { width: 100%; }
.product-list { list-style: none; padding: 0; }
.product-list .p-pic { padding: 15px; overflow: hidden; margin-bottom: 10px; }
.product-list .p-pic img { width: 100%; }
.product-list .ppic-slider { padding: 0; margin: 0; }
.product-list .ppic-slider .slick-slide { }
.product-list .ppic-slider .slick-slide img { width: 100%; }
.product-list .ppic-slider .slick-arrow { opacity: 0; transition: all ease-in-out .2s; }
.product-list .ppic-slider:hover .slick-arrow { opacity: 1; }
.product-list .ppic-slider .slick-prev { left: -15px; }
.product-list .ppic-slider .slick-next { right: -15px; }
.product-list .ppic-slider li { padding-bottom: 0; }
.product-list  li { transition: all ease-in-out .2s; position: relative; padding-bottom: 40px; }
.product-list  li:hover { box-shadow: 0 0 8px rgba(0, 0, 0, .2) }
.product-list  li .p-content { padding-left: 15px; padding-right: 15px; }
.product-list  li .p-title { color: #666; padding: 0 0px; }
.product-list  li .p-title h6,.product-list  li .p-title .h6 { display: inline; font-weight: 400; vertical-align: middle; }
.product-list  li .p-title .p-tag { display: inline-block; font-size: .75rem; padding: 2px 2px; position: relative; background-color: #ca4f0f; color: #fff; margin: 0 3px; white-space: nowrap; height: 20px; }
.product-list  li .p-title .p-tag:before { content: ""; position: absolute; width: 5px; height: 100%; border-bottom: 20px solid #ca4f0f; border-left: 5px solid transparent; left: -5px; top: 0; }
.product-list  li .p-title .p-tag:after { content: ""; position: absolute; width: 5px; height: 100%; border-top: 20px solid #ca4f0f; border-right: 5px solid transparent; right: -5px; top: 0; }
.product-list  li .p-title .p-tag.color-01 { background-color: #FFCC00;color: #333; }
.product-list  li .p-title .p-tag.color-01:before, .product-list  li .p-title .p-tag.color-01:after { border-top-color: #FFCC00; border-bottom-color: #FFCC00; }
.product-list  li .p-title .p-tag.type-2 { background-color: #F9F9F9; color: #666; font-size: 1rem; height: auto; vertical-align: middle; margin: 0; padding: 2px 8px; }
.product-list  li .p-title .p-tag.type-2:before, .product-list  li .p-title .p-tag.type-2:after { content: none; }
.product-list  li .p-price { padding: 10px 0; min-height: 20px; }
.product-list  li .p-price p { font-size: .9rem; margin-bottom: 0; }
.product-list  li .p-price .price-num { font-size: 1.25em; font-weight: 600; font-family: "Bahnschrift", "Tahoma", "微軟正黑體"; }
.product-list  li .p-price .price-num > span { font-size: .8rem; }
.product-list  li .p-price .pp-tip { margin-left: 10px; font-size: .85em; }
.product-list  li .p-action { position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; }
.product-list  li .p-action a { flex: 1 1 50%;/* max-width: 50%; */ padding: 8px 5px; font-size: .9rem; border-radius: 0; }
.product-list  li .p-action a + a { border-left: 1px solid #fff; }
.product-list  li .p-action .btn-soldout { display: none; }
.product-list  li.sold-out .p-action .btn-soldout { display: block; }
.product-list  li.sold-out .p-action .btn-orange { display: none; }
.product-list  li:hover .p-action { display: flex; opacity: 1;}
.product-list  li .active { display: flex; opacity: 1; }
.product-list.type-3 .p-pic { height: 170px; }
.bx-wrapper { box-shadow: none; }
.picnav .pic-thumbnav { list-style: none; padding: 0 30px; }
.picnav .pic-thumbnav a { display: block; text-align: center; padding: 10px 5px; }
.picnav .pic-thumbnav a.active { border: 1px solid #666; }
.picnav .pic-thumbnav a img { width: 60px; display: inline-block; }
.picnav .pic-thumbnav .slick-list { margin: 0 -10px; }
.picnav .pic-thumbnav .slick-slide { margin: 0 10px; }
.product-pic { position: relative; }
.product-pic .btn-pgallery { position: absolute; top: 400px; right: 20px; width: 50px; height: 50px; padding: 0; opacity: .5; transition: all ease-in-out .3s; }
.product-pic .btn-pgallery:hover { opacity: .7; }
.product-pic .btn-pgallery img { width: 50px; height: 50px; }
.product-pic .ppic-slider .slideritem a{display: block;}
.product-pic .ppic-slider .slideritem a:focus{outline-offset: -4px;}
.product-tag-container { display: flex; margin-bottom: 20px; }
.product-tag-container .pcate-tag { display: inline-block; padding: 6px 10px; border: 1px solid #ccc; font-size: .9rem; color: #666; }
.product-tag-container .pcate-tag +.pcate-tag { margin-left: 10px; }
.product-detail h5,.product-detail .h5 { color: #333; }
.product-detail .p-text { line-height: 2; margin-top: 20px; margin-bottom: 20px; }
.product-detail .product-buy-container { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.product-detail .product-buy-container .price { font-size: 1.2rem; color: #666; }
.product-detail .product-buy-container .price .price-num { font-family: "Bahnschrift", "Tahoma", "微軟正黑體"; font-size: 2.3rem; margin-left: 10px; }
.product-detail .product-buy-container .button-group { display: flex; flex-direction: column; }
.product-how-to-buy { list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin-top: 15px; margin-bottom: 15px; }
.product-how-to-buy li { display: flex; flex-direction: column; align-items: center; flex: 0 0 20%;    padding: 0 5px; }
.product-how-to-buy li .yes { display: none; }
.product-how-to-buy li a:hover .yes { display: block;}
.product-how-to-buy li a:hover .none { display: none;}
.product-how-to-buy li p { text-align: center; font-size: .8rem; }
.product-how-to-buy li.active p { color: #ca4f0f; }
.p-detail-intro iframe { max-width: 560px; margin: 30px auto; display: block; }
.p-recommend-list .slick-list { padding: 20px 15px; }
.p-recommend-list li { flex: 0 0 20%; padding-bottom: 0; }
.p-recommend-list li .p-pic { height: 160px; }

/*luna*/
.product-detail-section .btn-soldout:hover{color: #fff;}
.product-how-to-buy li a:hover{transition:none;}
.product-list  li .p-description p{font-size:.9rem;}
.product-list li .p-action .btn-orange{letter-spacing: 0;}
.product-detail .product-buy-container .button-group .btn-orange{letter-spacing: 0;}
.product-how-to-buy li a{text-align: center;}
.product-how-to-buy li a:hover .yes{display: inline-block;}

.sourvenirlist-section .type-2 .slick-prev:before{content: "\e314";font-size: 3.6rem;transform: scaleX(.5);}
.sourvenirlist-section .type-2 .slick-next:before{content: "\e315";font-size: 3.6rem;transform: scaleX(.5);}
/*luna*/

/* content */
.inline-block { display: inline-block; vertical-align: middle; }
.drop-shadow { -webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, 0.2)) }
.block-frame { display: block; }
.twocol-layout { display: table; width: 100%; table-layout: fixed; min-height: calc(100vh - 120px); }
.twocol-layout>div { display: table-cell; }
.twocol-layout .left-deco { padding: 100px 10%; display: block; margin-bottom: 200px; }
.twocol-layout .left-col { position: relative; overflow: hidden; }
.twocol-layout .text { font-size: 10rem; color: #fff; text-align: center; margin-top: 2vh; font-weight: 100; z-index: 2; position: relative; }
.twocol-layout .deco-pic { position: absolute; width: 100%; bottom: 0; left: 0; height: 35vh; background-image: url('../img/member_deco_01.svg'); background-size: contain; background-repeat: no-repeat; background-position: center bottom; z-index: 1; }
.twocol-layout .left-deco:after { content: ""; display: block; width: 24vw; height: 24vw; background-color: #ccc; border-radius: 50%; position: absolute; bottom: -12vw; left: 50%; z-index: 0; margin-left: -12vw; }
.twocol-layout .bg-color-green .left-deco:after { background-color: #FAC3C0; }
.twocol-layout .bg-color-purple .left-deco:after { background-color: #FCD424;    /* bottom: -10vh; */ }
.twocol-layout .right-col { padding: 60px 8%; vertical-align: top; }
.twocol-layout .right-col h1 { font-size: 3.2rem; font-weight: 300; }
.memberform { position: relative; }
.bg-grey { background-color: #F9F9F9 !important; }
.bg-deepgrey { background-color: #EEEEEE !important; }
.bg-deepgrey .gray{color: #666!important;}
.bg-purple { background-color: #CF9AC4 !important; }
.lb_wrap { display: block !important; padding-top: 23px; }
.lb_wrap .form-control.type-3 ~ .lb_label { left: 5px !important; top: -10px !important; background-color: #fff; width: auto; padding: 0 3px; }
.lb_label { width: 100%; padding-left: 0px; font-size: .9rem; color: #666; margin-bottom: 0; line-height: 1; }
.border-bottom { border-bottom: 1px solid #ddd; }
.border-color-white { border-color: #fff !important; }
.no-border { border: none !important; }
.title-01 { font-size: 1.75rem;;position: relative; padding: 15px 0 ;  margin-bottom: 20px; line-height: 1.5; letter-spacing: 5px; text-align: center; display: block; padding-left: 10px; padding-right: 10px; color: #333; }
.title-01:after { content: ""; display: block; position: absolute; width: 90px; height: 3px; left: 50%; bottom: 0; background-color: #ca4f0f; margin-left: -45px; }
.title-01.icon { padding-left: 60px; }
.title-01 .icon { display: inline-block; position: absolute; left: 0; top: 18px; }
.title-02 { font-weight: 200; padding: 20px 0 15px 0; position: relative; color: #000;    font-size: 1.5rem;    line-height: 1.2; }
.title-02:after { content: ""; display: block; position: absolute; width: 30px; height: 3px; left: 0; top: 0; background-color: #ca4f0f; }
.title-03 { font-size: 1.1rem; padding: 10px 0 15px 0; border-bottom: 3px solid #E8E8E8; margin-bottom: 15px; position: relative; color: #333; }
.title-03.color-green { border-color:#88C92F; color: #57801E ; }
.title-03.color-blue { border-color: #6ABBEA; color:#197AB3; }
.title-03.line:before { content: ""; position: absolute; height: 3px; width: 80px; left: 0; bottom: -3px; background-color: #ca4f0f; }
.title-04 { position: relative; padding-bottom: 10px; margin-bottom: 30px; }
.title-04:after { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background-color: #000; }
.title-04.color-orange:after { background-color: #ca4f0f; }
.title-05 { position: relative; text-align: center; color: #333; }
.title-05 span { display: inline-block; background-color: #fff; padding-left: 30px; padding-right: 30px; position: relative; z-index: 1; }
.title-05:after { content: ""; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background-color: #ccc; }

/*luna*/
.title-06.color-orange{border-bottom: 2px solid #ca4f0f;}
.title-06.title-center{text-align: center;}
.title-06 { font-size: 1.1rem; padding: 10px 0 15px 0;  margin-bottom: 15px; position: relative; color: #333; }

#index-tab-01 .lb_wrap{padding-top: 0px;}
.tt-col .dropdown-item:focus,.tt-col .dropdown-item:hover{ color: #FFF;   background-color: #3890fd;}
.tt-col .dropdown-menu{border: 1px solid #819dd3;}
.tt-col .dropdown-item{color: #333;}
.tt-col .bootstrap-select .dropdown-toggle .filter-option-inner-inner{font-weight: 400;}

.home-content .see-taiwan .title-02:after{background-color: #ccc;}
/*luna*/

.relative { position: relative; }
.dropdown-menu { border-radius: 0; }
a[accesskey] { display: inline-block; opacity: 0; position: absolute; z-index: 20;}
a[accesskey]:focus{opacity: 1;color: #007ED6;}
.ul-01 { list-style: none; padding: 0; margin: 0; }
.ul-01 >li { position: relative; padding-left: 15px; line-height: 1.5; font-size: .95rem; }
.ul-01 >li +li { margin-top: 10px; }
.ul-01 >li:before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background-color: #ca4f0f; }
.ul-02 { list-style: none; padding: 0; margin: 0; }
.ul-02>li { font-size: .95rem; }
.ul-02>li + li { margin-top: 10px; }
ul.ul-01 ul { list-style: none; padding: 0; margin: 10px 0; }
ul.ul-01 ul>li { position: relative; padding-left: 15px; line-height: 1.5; font-size: .95rem; }
ul.ul-01 ul>li:before { content: ""; position: absolute; left: 6px; top: 10px; width: 2px; height: 2px; background-color: #666; }
ul.ul-01 ul>li + li { margin-top: 10px; }
ol { padding-left: 20px; }
ol>li { line-height: 1.5; font-size: .95rem; margin-bottom: 10px; }
.detail-link { font-size: 2rem; position: absolute; right: 0; bottom: 0 }
.detail-link:hover { color: #ca4f0f !important; }
.list-container { list-style: none; padding: 0; margin: 0; }
.list-container > li { display: flex; padding: 20px; }
.list-container > li:hover { box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
.list-container > li .pic { flex: 0 0 300px; }
.list-container > li .text { padding: 0px 30px; flex: 1 1 auto; }
.list-container > li .action { display: flex; flex-direction: column; flex: 0 0 200px; }
.list-container > li .action a + a { margin-top: 10px; }
.footer-notice { background-color: #f0f0f0; }
.footer-notice .gray{color: #666!important;}
.notice-block { background-color: #EEE; padding: 30px; }
.notice-block.type-2 { background-color: #F9F9F9; border-radius: 6px; padding: 12px 15px; }
.notice-block .gray{color:#666!important;}
.pagecontent-filter { background-color: #F9F9F9; margin-bottom: 15px; }
.pagecontent-filter .pcfilter-container { justify-content: center; display: none; padding: 30px 0; flex-wrap: wrap; }
.pagecontent-filter .pcfilter-container .btn { margin: 5px 8px 4px 8px; }
.pagecontent-filter .pcfilter-container .btn.active { background-color: #ca4f0f; color: #fff; }
.pagecontent-filter .pc-toggle { display: flex; right: 15px; justify-content: flex-end; position: absolute; top: -60px; }
.pagecontent-filter .pc-toggle .btn +.btn { margin-left: 10px; }
.pagecontent-filter .pcfilter-toggle i { display: inline-block; }
.pagecontent-filter.active .pcfilter-toggle { position: relative; }
.pagecontent-filter.active .pcfilter-toggle:after { content: ""; position: absolute; width: 0px; height: 0px; left: 50%; bottom: -20px; border-bottom: 10px solid #f9f9f9; border-left: 10px solid transparent; border-right: 10px solid transparent; margin-left: -10px; }
.pagecontent-filter.active .pcfilter-toggle i { transform: rotate(180deg) }
.pagecontent-filter .pc-search { position: absolute; top: -60px; left: 15px; }
.pagecontent-filter .pc-search input { padding-right: 30px; }
.pagecontent-filter .pc-search .input-group-append { margin-left: -30px; z-index: 4; }
.pagecontent-filter .pc-search .input-group-append .form-control { border-bottom: 0; background-color: transparent; }
hr { border-color: #ccc; }
.block { display: block !important; }
.area-filter { background-color: #f9f9f9; display: flex; padding: 15px; }
.area-filter .title { flex: 0 0 70px; }
.area-filter .list { flex: 1 1 auto; width: calc(100% - 70px); }
.area-filter .list ul { list-style: none; padding: 0; margin: 0; display: flex; }
.area-filter .list ul li { margin: 0px;padding: 2px; }
.area-filter .list ul li.active a { color: #BE4C0E; }
.pagination.center { justify-content: center; }
.page-link { color: #666; }
.page-link:hover { color: #ca4f0f; }
.page-item.active .page-link { background-color: #BE4C0E; border-color:#BE4C0E; }
.table-top-function { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.table-top-function .btn { padding: 0 8px; height: 40px; font-size: 1.5rem; line-height: 1.5rem; }
.hidden { display: none !important; }
.drop-shadow { -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.8)); filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.8)) }
.html-edit-area { min-height: 600px; margin-bottom: 30px; }
.fixed-pt .main { margin-top: 141px; }

/*luna*/
/*placeholder樣式*/
.pagecontent-filter .pc-search .input-group ::-webkit-input-placeholder { color: #666; }/*webkit瀏覽器專用*/
.pagecontent-filter .pc-search .input-group input::-moz-placeholde{ color: #666; }/*Firefox 4-18瀏覽器專用*/
.pagecontent-filter .pc-search .input-group :-ms-input-placeholder{color: #666; }/*IE10瀏覽器專用*/
.pagecontent-filter.arealist-search .pc-search{top: -60px;}

.newslist-content  .table-top-function .btn{font-size: 1.1rem;padding: 6px 8px;width:40px;height: 40px;}
.tender-content .table-top-function .btn{font-size: 1.1rem;padding: 6px 8px;width:40px;height: 40px;}

.area-filter .swiper-container{padding: 0 25px;}

.pagination-lg .page-link{padding: .5rem 1rem;font-size: 1rem;}
.page-link.prev-10,.page-link.next-10{padding: .5rem .75rem;}
/*luna*/

/* tab */
.nav-tabs .nav-link{border: none;}
.nav-tabs.type-2 .nav-item { flex: 1 1 auto; }
.nav-tabs.type-2 .nav-link { color: #333; background-color: #989898;/* border-color: #fff; border-width: 3px;*/ border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; font-size: 1.4rem; }
.nav-tabs.type-2 .nav-item.show .nav-link, .nav-tabs.type-2 .nav-link.active { background-color: #E6E6E6; border-color: #E6E6E6; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.nav-tabs.type-2.color-2 li .nav-link{border-bottom: 4px solid #ccc;}
.nav-tabs.type-2.color-2 li:first-child .nav-link { background-color: #96C84F; }
.nav-tabs.type-2.color-2 li:last-child .nav-link { background-color: #7BBCE6; }
.nav-tabs.type-2.color-2 li:last-child .nav-link.active, .nav-tabs.type-2.color-2 li:first-child .nav-link{ border-color: #7BBCE6;}
.nav-tabs.type-2.color-2 li:last-child .nav-link, .nav-tabs.type-2.color-2 li:first-child .nav-link.active{ border-color :#96C84F;}
.nav-tabs.type-3 { border-bottom: 0; }
.nav-tabs.type-3 .nav-item { flex: 1 1 auto; }
.nav-tabs.type-3 .nav-link { text-align: center; font-size: 1.4em; padding: 15px 10px; border-bottom: 4px solid transparent }
.nav-tabs.type-3 .nav-link:focus/*, .nav-tabs.type-3 .nav-link:hover*/ { border-color: transparent; border-bottom-color: #ca4f0f; }
.nav-tabs.type-3 .nav-item.show .nav-link, .nav-tabs.type-3 .nav-link.active { border-color: transparent; border-bottom-color:#BE4C0E; color: #BE4C0E; background-color: transparent; }

.ticketsprice-container .nav-tabs.type-2 li .nav-link.active{border-color: #949596;background-color: #949596;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.ticketsprice-container .nav-tabs.type-2 li .nav-link{background-color: #e1e1e1;border-color: #e1e1e1;}
.ticketsprice-container .tab-pane.active .table thead th{background-color: #949596;}
.ticketsprice-container .tab-pane.active .table thead th:nth-child(3){min-width: 320px;}
.ticketsprice-container .nav-tabs.type-2{border-bottom: 0;}

/*luna*/
.si-traffic-inner .nav-tabs.type-2 .nav-link { color: #6b6a6f; background-color: #eeeeee;/* border-color: #fff; border-width: 3px;*/ border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; font-size: 1.2rem; }
.si-traffic-inner .nav-tabs.type-2 .nav-item.show .nav-link,.si-traffic-inner .nav-tabs.type-2 .nav-link.active { background-color: #e1e1e1; border-color: #e1e1e1; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.si-traffic-inner .nav-tabs.type-2 .nav-link.active:hover{color:#6b6a6f;}
.si-traffic-inner .table.color-04 thead th{ border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;background-color: #e1e1e1;}

.ticketsprice-container .nav-tabs.type-2 li .nav-link.active{background-color: #e1e1e1;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.ticketsprice-container .nav-tabs.type-2 li .nav-link.active:hover{color: #6b6a6f;}
.ticketsprice-container .nav-tabs.type-2 li .nav-link{background-color: #eeeeee;color:#555;}
.ticketsprice-container .nav-tabs.type-2 li .nav-link:hover{color: #ca4f0f;}
.ticketsprice-container .tab-pane.active .table thead th{border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;background-color: #e1e1e1;font-weight: 400;border-bottom: 3px solid #ca4f0f !important;}
.ticketsprice-container .tab-pane.active .table th,.ticketsprice-container .tab-pane.active .table td{border-color: #fff;}
.ticketsprice-container .tab-pane.active .table thead th:nth-child(3){min-width: 320px;}
.ticketsprice-container .tab-pane.active .table thead th:last-child{padding-right: 20px;padding-left: 20px;}
.ticketsprice-container .nav-tabs.type-2{border-bottom: 0;}
.ticketsprice-container .nav-tabs.type-2 .nav-link{font-size: 1.2rem;}


/*luna*/

/* accordion */
.accordion>.card { border-left: none; border-right: none; border-top: none; }
.accordion>.card .card-header { background-color: #fff; padding: 0; }
.accordion>.card .card-header h2,.accordion>.card .card-header .h2 { display: flex; align-items: flex-start; }
.accordion>.card .card-header .btn { display: flex; flex: 1 1 auto; position: relative; padding: 15px 20px; font-size: 1.1rem; background-color: #F3F3F3; border-top: 2px solid #ca4f0f; text-align: left; }
.accordion>.card .card-header .btn:focus {  box-shadow: none; outline:none!important;}
.accordion>.card .card-header .btn:focus:after{content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;}
.accordion>.card .card-header .btn:before { content: "\e96b"; 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; font-size: 1.8rem; margin-right: 10px; color: #ca4f0f; }
.accordion>.card .card-header .btn.collapsed:before { content: "\e96c"; color: #737373; }
.accordion>.card .card-header .btn.collapsed { background-color: #fff; border-top: 1px solid #ddd; }
/*luna*/
.tender-info-container .accordion>.card .card-header .btn{padding: 15px 40px 15px 20px;}
.tender-info-container .accordion>.card .card-header .btn:after { }
.tender-info-container .accordion>.card .card-header .btn:before {  content: "\e96b"; 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; font-size: 1.8rem; margin-right: 10px; color: #ca4f0f;position: absolute;right: 0;}
.tender-info-container .accordion>.card .card-header .btn.collapsed:before { content: "\e96c"; color: #737373; }
.tender-info-container .accordion>.card .card-header .btn.collapsed:after {  }
/*luna*/


/* calendar */
.fc-bgevent { background-color: transparent; color: #ca4f0f; opacity: 1; font-size: .9rem; padding-top: 12px !important; padding-left: 12px !important; padding-right: 40px !important; }
.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 8px; }
.fc-sat, .fc-sun { color: #666; }
.fc-other-month { background-color: #F9F9F9; }
.fc-unthemed td.fc-today { background-color: transparent; }
.fc-today .fc-day-number { color: #fff !important; background: #6B6A6F; border-radius: 50%; width: 16px; height: 16px; line-height: 16px; text-align: center; }
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number { margin-top: 5px; margin-right: 5px; }
.fc td {/* padding-left: 8px;padding-right: 8px; */ }
.fc-event-container { padding-left: 10px !important; padding-right: 10px !important;text-align: right; }
.fc-event { background-color: #ca4f0f; position: relative; border: 0; text-align: center; display: inline-block;border-radius: 0;margin: 0;/*width: 24px;height: 28px; padding: 6px 8px; */width: 16px;height: 20px;padding: 4px 6px;top: 15px;}
.fc-content:after { content: "\e94c"; 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; display: inline-block; font-size: 1.1rem; vertical-align: middle;margin-top: 4px; margin-left: -5px; }
.fc-content .fc-title { font-size: .9rem; }
.fc-bgevent.notopen { text-align: center; vertical-align: middle; color: #666; padding: 0 !important; }
.fc .fc-today-button { background-color: #fff; border: 1px solid #666; padding: 8px 20px; -webkit-appearance: none !important; appearance: none !important; -moz-appearance: none !important; background-image: none; height: auto; }
.fc .fc-day-header { border: none; }
.fc .fc-head-container { border: none; }
.fc-left { display: flex; align-items: center; }
.fc-toolbar h2 { font-size: 1.5rem; }
.fc .fc-prev-button + button { margin-left: 30px; }
.fc .fc-prev-button, .fc .fc-next-button { display: inline-block; align-items: center; -webkit-appearance: none !important; appearance: none !important; -moz-appearance: none !important; background-image: none; border: none; box-shadow: none; background-color: transparent; padding: 0; }
.fc .fc-prev-button{padding-left: 35px;}
.fc .fc-next-button{padding-right: 35px;}
.fc .fc-prev-button:before { content: "\e5c4"; position: absolute;top: 0;left: 0; 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; font-size: 2.2rem; color: #ca4f0f; margin-right: 10px; }
.fc .fc-next-button:after { content: "\e5c8"; position: absolute;top:0;right: 0;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; font-size: 2.2rem; color: #ca4f0f; margin-left: 10px; }

/*20210114 修改*/
.fc-bgevent.holiday{color: #28818f;padding-left: 30px !important;position: relative;}
.fc-bgevent.holiday:before{content: "";width: 12px;height: 12px;border-radius: 50%;background-color:#28818f ;position: absolute;top:17px;left: 12px; }


.fc-left h2{font-weight: 400;}
.fc .fc-view-container table thead th{font-weight: normal;padding-bottom: 10px;}
.fc .fc-prev-button{padding-left: 45px;}
.fc .fc-next-button{padding-right: 45px;}
.fc .fc-prev-button:before{font-size: 2rem;}
.fc .fc-next-button:after {font-size: 2rem;}
.fc .fc-prev-button, .fc .fc-next-button{font-size: 1rem;color: #333;}
.fc-content .fc-title{visibility: hidden;position: relative;font-size: 1.5rem;}
.fc-content:after{position: absolute;right: 0px; font-size: 1rem;margin-top: 2px;}

#CalendarModal {border-radius: 5px;text-align: center;}
#CalendarModal .fancybox-close-small{background: #fff;}




/* form */
.form-radio { position: relative; padding-left: 40px; margin-bottom: 0px; cursor: pointer; font-size: 1.2rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.form-radio input { position: absolute; opacity: 0; cursor: pointer; }
label.custom-radio { margin-bottom: 10px; }
.checkmark { position: absolute; top: calc(6px + 0.5vw); left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 50%; }
.form-radio:hover input~.checkmark { background-color: #ccc; }
.form-radio input:checked~.checkmark { background-color: #fff; }
.checkmark:after { content: ""; position: absolute; display: none; }
.form-radio input:checked~.checkmark:after { display: block; }
.form-radio .checkmark:after { top: -9px; left: -3px; width: 35px; height: 35px; background-image: url('../img/test/check_pic.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.form-check { position: relative; padding-left: 35px; margin-bottom: 5px; cursor: pointer; font-size: 1rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #878787; }
.form-check input { position: absolute; opacity: 0; cursor: pointer; }
.form-check.inline { display: block;float: left; margin-top: 8px; margin-right: 10px; }
.custom-check .checkmark { border-radius: 50%; background-color: #CDCDCD; }
.form-check:hover .custom-check input~.checkmark { background-color: #ccc; }
.form-check:hover .custom-check input:checked~.checkmark { /* background-color: #F8B90A */ }
.form-check.type-2 .custom-check .checkmark { border-radius: 0px; background-color: transparent; border: 1px solid #ccc; width: 24px; height: 24px; top: 0; }
.form-check.type-2 input:checked~.checkmark:after { background-color: transparent; border-radius: 0; border-bottom: 1px solid #ca4f0f; border-right: 1px solid #ca4f0f; transform: rotate(45deg); top: 3px; left: 7px; height: 12px; width: 9px; }
.form-check.type-2:hover .custom-check input~.checkmark { background-color: transparent; }
.form-check.type-2.orange .custom-check .checkmark { border-color: #ca4f0f; }
label.custom-check { margin-bottom: 0px; font-size: 1.1rem; display: flex; white-space: nowrap; align-items: flex-start; flex-wrap: wrap; }
label.custom-check.wrap { white-space: normal; }
label.custom-check.focus{outline: 2px dashed #f5a552;}
.checkmark { position: absolute; top: 3px; left: 0; height: 20px; width: 20px; background-color: #eee; border-radius: 50%; }
.checkmark:after { content: ""; position: absolute; display: none; }
.form-check:hover input~.checkmark { background-color: #ccc; }
.form-check input:checked~.checkmark { background-color: #cdcdcd; }
.form-check input:checked~.checkmark:after { display: block; background-color: #333; }
.form-check .checkmark:after { top: 4px; left: 4px; width: 12px; height: 12px; border-radius: 50%; }
label.custom-check .form-control { display: inline-block; margin-top: -7px; }
.form-control { font-weight: 400 !important;border-radius: 0; border: none; border-bottom: 2px solid #ccc; padding: .375rem 5px; font-size: 1.15rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: Helvetica, Arial,"Noto Sans TC","Microsoft JhengHei",  sans-serif;}
select.form-control { background-image: url('../img/icon/icon_select-01.png'); background-repeat: no-repeat; background-position: right center; background-size: 7px 7px; margin-top: 15px; color: #666; padding-right: 15px;}
textarea.form-control { border: 2px solid #ccc; }
textarea.form-control:focus { border-color: #DE5202; }
.form-control:focus { outline: none; border-bottom-color: #DE5202; box-shadow: none; }
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { box-shadow: none; }
.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #666; opacity: 1; }
.form-control::-moz-placeholder { color: #666; opacity: 1; }
.form-control:-ms-input-placeholder { color: #666; opacity: 1; }
.form-control::-ms-input-placeholder { color: #666; opacity: 1; }
.form-control::placeholder { color: #666; opacity: 1; }
.form-control.black-outline { border: 1px solid #333; }
.form-control.type-2 { border: 1px solid #ddd; color: #666; font-size: 1rem; padding: 6px 5px; line-height: 1.5rem; height: 40px; }
.form-control.type-3 { border: 1px solid #ccc; }
.form-control.type-3.rc { border-radius: 6px; }
.form-control.type-3.label_better { position: relative; top: 0px; margin-top: -23px; }
select.form-control.type-3 { background-position: calc(100% - 10px) center; }
.form-area { display: block; }
.form-area.login { padding-top: 50px }
.input-password { display: block; position: relative; }
.input-password input { padding-right: 40px; }
.input-password .display-pw { position: absolute; right: 0; bottom: 0; }
.input-password .display-pw .btn-dspw { background-color: transparent; border: none; color: #878787; font-size: 1.5rem; font-weight: 100; }
.input-password .display-pw .btn-dspw i { transform: rotateY(180deg) scaleY(0.8); display: block; }
.input-password .display-pw .btn-dspw.ds-yes i:before { content: "\e953"; }
.input-tip { text-align: right; color: #878787; margin-bottom: 0; margin-top: 10px; }
.input-tip a { color: #878787; }
.input-tip a:hover { color: #D31224; }
.inline-btn-group { margin-bottom: 15px; }
.form_date { padding-right: 20px; position: relative; background-image: url('../img/icon/icon_calendar.svg'); background-repeat: no-repeat; background-position: 99% center; background-size: 16px 16px; }
.form_time { padding-right: 20px; position: relative; background-image: url('../img/icon/icon_clock.svg'); background-repeat: no-repeat; background-position: 99% center; background-size: 16px 16px; }
.form_time.noicon, .form_date.noicon { background-image: none; }
.inline-input-group.row { margin-left: -6px; margin-right: -6px; }
.inline-input-group.row>.col-input { padding-left: 8px; padding-right: 8px; }
.group-rc-input { display: flex; width: 100%; border-bottom: 2px solid #ccc; align-items: center; padding-top: 22px; }
.group-rc-input>.form-check { display: flex; flex: 1 1 auto; padding: 2px; margin-bottom: 0; }
.group-rc-input>.form-check:last-child { border-right: none; }
.group-rc-input>.form-check label { display: block; position: relative; text-align: center; padding: 6px 5px; color: #000; width: 100%; }
.group-rc-input>.form-check label.focus{outline: 2px dashed #f5a552;}
.group-rc-input>.form-check label .checkmark { width: 100%; z-index: 0; border: none; height: 2px; border-radius: 0; top: auto; bottom: -4px; }
.group-rc-input>.form-check input:checked~.checkmark { background-color: #ca4f0f; }
.group-rc-input>.form-check input:checked~.checkmark:after { display: none; }
.group-rc-input.type-2>.form-check label { padding: 4px; }
.group-rc-input.type-2>.form-check { border-right: 1px solid #ddd; }
.group-rc-input.type-2>.form-check:last-child { border-right: none; }
.col-form-label { font-size: 1.15rem; }
.form-confirm ul { list-style: none; padding: 0; margin: 0; }
.form-confirm ul li { position: relative; padding-left: 20px; }
.form-confirm ul li:before { content: "\e902"; font-family: 'kyico01' !important; 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; display: block; position: absolute; left: 0; top: 3px; }
.hidden-label { display: none; }
.bootstrap-select.form-control { height: auto; }
.bootstrap-select>.dropdown-toggle { border-radius: 0; background-color: #fff; border-bottom: 2px solid #ccc; font-size: 1.15rem; padding-left: 0; padding-right: 0; border-top: none; border-left: none; border-right: none; }
.dropdown-toggle::after, .dropup .dropdown-toggle::after { border-top: none; border-bottom: 2px solid #ca4f0f; border-right: 2px solid #ca4f0f; width: 12px; height: 12px; transform: rotate(45deg); border-left: none; margin-right: 3px; }
/*.bootstrap-select .dropdown-menu li a.active { background-color: #ca4f0f; }*/
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #333; }
.bootstrap-select.type-2 { height: 40px; padding: 0; }
.bootstrap-select.type-2>.dropdown-toggle { border: none; color: #666; font-size: 1rem; line-height: 1.5rem; padding: 6px 5px; height: auto; }
.bootstrap-select.type-2>.dropdown-toggle:after { margin-top: -5px; }
.btn-switch { width: 100%; padding: 0; font-size: 1.5rem; background-color: transparent; border: none; color: #666; display: flex; justify-content: center; height: 40px; }
.justify-bottom { justify-content: flex-end; display: flex; flex-direction: column; }
.input-smalllabel { font-size: .9rem; color:#666; margin-bottom: 0; line-height: 1; padding-left: 5px; }
.bootstrap-datetimepicker-widget { margin-top: -30px; }
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { height: 26px; line-height: 26px; }
.bootstrap-datetimepicker-widget table td { height: 26px; line-height: 26px; padding: 1px 5px; }
.bootstrap-datetimepicker-widget table td i { height: 26px; line-height: 26px; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { color: #ca4f0f; }
.bootstrap-datetimepicker-widget table td.day { font-size: .9rem; line-height: 1.3; }
.bootstrap-datetimepicker-widget table th.picker-switch { padding: 0; font-size: .9rem; }
.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th { padding: 1px 2px; }
.captcha-container { position: relative; height: 65px; padding-top: 24px; }
.captcha-container .form-control { padding-left: 220px; padding-bottom: 15px; }
.captcha-container .capfunc-panel { display: flex; position: absolute; left: 0; bottom: 8px; }
.captcha-container .capfunc-panel button { line-height: 1; background-color: #fff; color: #918B8A; border: 1px solid #ddd; margin-right: -1px; padding: 5px 10px; font-size: 1.2rem; }
.captcha-container.type-2 { padding-top: 0; }
.captcha-container.type-2 .form-control { padding-left: 5px; padding-right: 235px; }
.captcha-container.type-2 .capfunc-panel { left: auto; right: 0; z-index: 2; }
.captcha-container.type-2 .capfunc-panel .refresh { border: 0; border-bottom: 1px solid #ca4f0f; font-size: .85rem; padding: 3px 0; color: #ca4f0f; margin-right: 10px; height: 26px; }
.captcha-container.type-2 .capfunc-panel .voice { padding: 0 5px; border: 0; font-size: 1.8rem; }
input:not([type]):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #666;
}
/*luna*/
.form-group.row .captcha-container.type-2 .capfunc-panel { left: auto; right: 10px; z-index: 2;    bottom: 28px; }
.select-selected {background-color: DodgerBlue;}
select.select-type01{background-image: url('../img/icon/icon_select-02.png'); background-repeat: no-repeat; background-position: right center; background-size: 16px 16px; margin-top: 15px; color: #495057; padding-right: 15px;}
select.select-type02{background-image: url('../img/icon/icon_select-02.png'); background-repeat: no-repeat; background-position: 80px center; background-size: 16px 16px; margin-top: 15px; border: 1px solid #ddd;color: #666;font-size: 1rem;padding:6px 30px 6px 8px;;line-height: 1.5rem;height: 40px;}

.card-form-container .captcha-container .capfunc-panel {bottom: 30px; }

input[type=text]::-ms-clear {display: none;}/*for IE 11 消除input x*/

/*.home-content .form-control::-ms-expand{display: none;}/*for IE11*/
.tt-search-panel .form-control::-ms-expand{display: none;}/*for IE11*/
.newslist-content .form-control::-ms-expand{display: none;}/*for IE11*/
.obm-form .form-control::-ms-expand{display: none;}/*for IE11*/
.card-form-container .form-control::-ms-expand{display: none;}/*for IE11*/
.si-traffic-inner .form-control::-ms-expand{display: none;}/*for IE11*/

.contact-us .form-check.inline{display: inline-block;float:none;}

.travelcard-form label.custom-check{display: inline-block;}
.travelcard-form .form-check{padding-left: 28px;}
.travelcard-form .form-check.inline{display: inline-block;float:none;}
.travelcard-form .form-check .stationway,.travelcard-form .form-check .modileway{display: none;}
.travelcard-form .form-check.inline:nth-child(2),.travelcard-form .form-check.inline:nth-child(3){display: none;}
.travelcard-form .form-check:nth-child(6){margin-left: 0;}
.travelcard-form .form-check:nth-child(2){margin-left: 35px;}

.captcha-container.input-field > label{left: 0;}
.input-field > label.active{color: #666;font-weight:500;}

.newslist-content select.select-type02.form-control:focus{border-color: #ddd;}
.bootstrap-datetimepicker-widget.dropdown-menu{border-color: #ddd;}
.home-content .tt-col .dropdown-menu,.timetable-search-frame .tt-col .dropdown-menu{border-color: #ddd;}

.bootstrap-datetimepicker-widget table td.old, .bootstrap-datetimepicker-widget table td.new{color: #333;}
.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover{color: #dee2e6 !important;}
/*luna*/


.input-group-text { background-color: transparent; border: 0; }
.quantity { position: relative; display: flex; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }
.quantity input { width: 100%; height: auto; line-height: 1.5; float: left; display: block; padding: 3px 15px; margin: 0; border: 1px solid #ccc; border-radius: 20px; }
.quantity input:focus { outline: 0; }
.quantity-nav { position: absolute; right: 0; top: 0; height: 100%; }
.quantity-button { position: absolute; cursor: pointer; height: 24px; width: 24px; top: 50%; margin-top: -12px; text-align: center; color: #333; font-size: 1.2rem; line-height: 1.5; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-color: #f5f5f5; display: flex; border-radius: 50%; align-items: center; justify-content: center; font-weight: 900; }
.quantity-button.quantity-up { right: 40px }
.quantity-button.quantity-down { right: 10px; }

/* hotel package*/
.hotelpindex-slider { list-style: none; padding: 0; }
.hotelpindex-slider .hislider-container { display: block; }
.hotelpindex-slider .hislider-container a { display: block; position: relative;}
.hotelpindex-slider .hislider-container a:focus{outline: none!important;}
.hotelpindex-slider .hislider-container a:focus:before{content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;
    z-index: 10;}
.hotelpindex-slider .hislider-container a img { width: 100%;height:auto; }
.hotelpindex-slider .hislider-container .hcol-1 { padding-right: 15px; }
.hotelpindex-slider .hislider-container .hcol-2 { display: flex; flex-direction: column;justify-content: space-between;}
.hp-recommend-event { list-style: none; padding: 0; display: flex; justify-content: space-between; flex-wrap: nowrap; }
.hp-recommend-event li { padding: 0 15px; flex: 1 0 auto; }
.hp-recommend-event .hpevnet-frame { position: relative; overflow: hidden; display: block; height: 350px; width: 100%; }
.hp-recommend-event .hpevnet-frame >img { position: absolute; left: -5%; top: 0; width: 110%; }
.hp-recommend-event .hpevnet-frame .hover-info { position: absolute; height: 100%; right: 0; top: 0; width: 50%; background-color: rgba(0, 0, 0, .7); color: #fff; padding: 30px; padding-bottom: 70px; }
.hp-recommend-event .hpevnet-frame .hover-info h6,.hp-recommend-event .hpevnet-frame .hover-info .h6 { position: relative; padding-bottom: 15px; margin-bottom: 30px; font-weight: 300; }
.hp-recommend-event .hpevnet-frame .hover-info h6:after,.hp-recommend-event .hpevnet-frame .hover-info .h6:after { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background-color: #CCCCCE; }
.hp-recommend-event .hpevnet-frame .hover-info h3,.hp-recommend-event .hpevnet-frame .hover-info .h3 {color: #fff; font-size: 1.5rem; line-height: 1.3; }
.hp-recommend-event .hpevnet-frame .hover-info .btn { position: absolute; bottom: 30px; left: 30px; }
.hp-recommend-event .hpevnet-frame .hover-info .light-gray{color: #fff!important;}
.recommend-hotel-slider { margin-left: -30px; margin-right: -30px; }
.recommend-hotel-slider .slick-list { padding-top: 20px; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; }
.hotel-search-result-count { display: flex; background-color: #f9f9f9; padding: 15px 15px 0 15px; }
.hotel-search-result-count .hsr-text { border-bottom: 1px solid #ccc; flex: 1 1 auto; padding-bottom: 15px; }
.hotel-search-result-count .hsr-text .keywords { font-size: 2rem; color: #ca4f0f; display: inline-block; margin: 0 5px; line-height: 1; }
.hotel-search-result-count.no-borbtm .hsr-text { border-bottom: none; }
.search-result-list > ul { list-style: none; padding: 0; margin: 0; }
.search-result-list > ul >li .item { display: flex; border-bottom: 1px solid #ccc; padding: 30px 15px; }
.search-result-list > ul >li .item h5,.search-result-list > ul >li .item .h5 { color: #333; font-size: 1.1rem; transition: all ease-in-out .3s; }
.search-result-list > ul >li .item .link { font-size: .9rem; margin-bottom: 10px; display: block; }
.search-result-list > ul >li .item .keywords { background-color: #FDEEE7; }
.search-result-list > ul >li .item:hover { background-color: #f9f9f9; }
.search-result-list > ul >li .item:hover h5,.search-result-list > ul >li .item:hover .h5 { color: #ca4f0f; }
.search-result-list > ul >li .item .result-pic img { width: 100%; }

/*luna*/
.recommend-hotel-slider .slick-list .slick-slide a:hover{color: #666;}
.hotel-search-result-count .hsr-text .keywords{font-size: 1.5rem;}
.hotel-search-result-count .research button{margin-bottom: 5px;margin-top: -5px;}
.hotelpindex-slider .hislider-container .hcol-2 a{/*display: flex;flex: 1 0 48%;*/display: block;height: 48%;}
.hotelpindex-slider .hislider-container .hcol-2 a:first-child{margin-bottom: 7px;}
.hotelpindex-slider .hislider-container .hcol-2 a:last-child{margin-top: 7px;}

.travelcard-form .search-result-list ul li div:first-child{padding-right: 10px;}
.travelcard-form .search-result-list ul li div:first-child .gray{color: #666!important;}
.product-banner .area-slider .slick-button-prev{padding: 0;height: 24px;border: none;background-image: none; display: flex;justify-content: center;align-items: center; font-size: 2rem; transform: scaleX(.7); width: 30px;background-color: rgba(0, 0, 0, .5); color: #fff;left: -5px;}
.product-banner .area-slider .slick-button-prev:before{content: "\e314";font-family: 'kyicon';speak: none; font-style: normal; font-weight: normal; font-variant: normal;text-transform: none;line-height: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.product-banner .area-slider .slick-disabled{opacity: .35;}
.product-banner .area-slider .slick-button-next{padding: 0;height: 24px;border: none;background-image: none; display: flex;justify-content: center;align-items: center; font-size: 2rem; transform: scaleX(.7); width: 30px;background-color: rgba(0, 0, 0, .5); color: #fff;right: -5px;}
.product-banner .area-slider .slick-button-next:before{content: "\e315";font-family: 'kyicon';speak: none; font-style: normal; font-weight: normal; font-variant: normal;text-transform: none;line-height: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.product-banner .area-slider .slick-list{width:100%;}
.product-banner .area-slider{align-items: center;}

.search-result-panel{display: none;}

.recommend-hotel .recommend-hotel-slider.type-2 .slick-prev{left: -15px;}
.recommend-hotel .recommend-hotel-slider.type-2 .slick-next{right:-15px;}
.recommend-hotel .recommend-hotel-slider.type-2 .slick-prev:before{content: "\e314";font-size: 3.6rem;transform: scaleX(.5);}
.recommend-hotel .recommend-hotel-slider.type-2 .slick-next:before{content: "\e315";font-size: 3.6rem;transform: scaleX(.5);}

.hotelpindex-slider .hislider-container .hcol-1{padding-right: 18px; width: 68%;float: left;}
.hotelpindex-slider .hislider-container .hcol-2{width: 32%;float: left;}
.hotelpindex-slider .hislider-container .hcol-2 a:first-child{margin-bottom: 9px;}
.hotelpindex-slider .hislider-container .hcol-2 a:last-child{margin-top: 9px;}
/*luna*/

/* event package */
.graybg-container { background-color: #f7f7f7; padding: 30px 80px; margin: 30px 0; }
.graybg-container h4,.graybg-container .h4 { text-align: center; margin-bottom: 30px;line-height: 1.5;}
.graybg-container .gray{color: #666!important;}
.event-layout-06{align-items: center;}
.event-layout-06 .ul-01 li{font-size: 1.5rem;}
.event-layout-06 .ul-01 li:before{top: 15px;}
.event-layout-06 .list{justify-content: center;display: flex;}

/*luna*/
.trainsalelist-section .graybg-container{overflow: hidden;}
.event-filter .efilter-container{display: flex; justify-content: center;padding: 0;flex-wrap: wrap;}
.event-filter .efilter-container .btn{margin: 3px 6px;}
.event-filter .efilter-container .btn.btn-white{border: 1px solid #ccc;padding: 3px 8px;font-size:1rem;box-shadow: none;}
.event-filter .efilter-container .btn.btn-white:hover,.event-filter .efilter-container .btn.btn-white:focus{border: 1px solid #ca4f0f;color:#ca4f0f;background-color: #fff;}
/*luna*/

/* contact us */
.cu-linkbrick { display: flex; margin-left: -10px; margin-right: -10px; }
.cu-linkbrick [class*=col-] { padding-left: 10px; padding-right: 10px; }
.cu-linkbrick .culink h3,.cu-linkbrick .culink .h3 { font-size: 1.5rem; margin-bottom: 20px; color: #333; }
.cu-linkbrick .culink { display: flex; flex-direction: column; align-items: center; padding: 40px 15px; margin-bottom: 10px; background-color: #F9F9F9; height: 100%; }
.cu-linkbrick a.culink { display: flex; flex-direction: column; align-items: center; border: 1px solid #ccc; box-shadow: 5px 5px 0 #e1e1e1; padding: 40px 15px; margin-bottom: 10px; background-color: #fff; }
.cu-linkbrick a:hover { border-color: #ca4f0f; border-width: 2px; }
.contact-tel { display: flex; flex-wrap: wrap; justify-content: center; }
.contact-tel [class*=col-] { flex: 0 0 auto; width: auto; }
.cue-banner { height: 380px; background-image: url('../img/contact-us-email-banner.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
.cue-upload-title { display: flex; justify-content: space-between; border-bottom: 2px solid #ccc; padding-left: 5px; }
.cue-upload-title .btn{position: relative;}
.cue-upload-title [type="file"]{display: block!important;opacity: 0;position: absolute;width: 100%;height: 100%;right: 0;bottom: 0;}
.cue-upload-title label.focus{outline: 2px dashed #f5a552;outline-offset: -2px;}
.cue-uppic-list { list-style: none; padding: 0; margin: 10px 0 0 0; display: flex; flex-wrap: wrap; }
.cue-uppic-list li { position: relative; padding-right: 10px; margin-bottom: 5px; }
.cue-uppic-list li .delete-pix { width: 20px; height: 20px; background-color: #ca4f0f; color: #fff; padding: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; right: 2px; top: -3px; }
.cue-uppic-list li img { width: 100px; }
.cue-container { margin-top: -300px; background-color: #fff; }
.cue-textcol { padding-top: 50px; }

/*luna*/
.cu-linkbrick div.culink,.cu-linkbrick a.culink{display: block;text-align: center; border: 1px solid #ccc; box-shadow: 5px 5px 0 #e1e1e1; padding: 40px 15px; margin-bottom: 10px; background-color: #fff; }
.cu-linkbrick a.culink.active{border-color: #ca4f0f; border-width: 2px;}
/*luna*/

/* breadcrumb */
.breadcrumb-section { background-color: #6B6A6F; }
.breadcrumb-section nav { position: relative; }
.breadcrumb { background-color: transparent; padding: 8px 0; }
.breadcrumb .breadcrumb-item { font-size: .8rem; margin-bottom: 0; }
.breadcrumb .breadcrumb-item a { color: #fff; }
.breadcrumb-item.active { color: #fff; }
.breadcrumb-item+.breadcrumb-item::before { content: "\f105"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; transform: scale(.7, 1.5); }
.breadcrumb ~ .btn { position: absolute; right: 0; top: 0px; }
.breadcrumb-item+.breadcrumb-item { margin-bottom: 0; }

/*luna*/
.breadcrumb-section { background-color: #585455; }
/*luna*/


/* table */
.table { color: #333; }
.table td, .table th { border-top: none; padding: 6px 0; }
.table.color-02 thead th { background-color: #E3E3E3; font-weight: 400; }
.table.color-02 td, .table.color-02 th { border-top: none; }
.table.color-02 tbody th { color: #666; font-weight: 400; }
.table.color-03 tbody td { border: 2px solid #fff; background-color: #E6E6E6; padding: 12px 15px; }
.table.color-03 tbody td.remark { position: relative; }
.table.color-03 tbody td.remark:after { content: "*"; position: absolute; top: 2px; right: 3px; color: #ca4f0f; font-size: 1.8rem; line-height: 1; }
.table.color-04 thead th { background-color: #E3E3E3; font-weight: 400; border-bottom: 3px solid #ca4f0f; }
.table.color-04 tbody td { border-right: 0; border-left: 0; }
.table.color-04 tbody td:first-child { border-left: 1px solid #dee2e6; }
.table.color-04 tbody td:last-child { border-right: 1px solid #dee2e6; }
.table.color-05 thead tr:first-child th { border-top: 2px solid #ca4f0f; }
.table.color-05 thead th { background-color: #F3F3F3; font-weight: 400; border-bottom-width: 1px; }
.table.color-05 td, .table.color-05 th { padding: 6px 10px; }
.table.color-05 thead th:first-child { border-left: none; }
.table.color-05 thead th:last-child { border-right: none; }
.table.color-05 tbody td:first-child { border-left: none; }
.table.color-05 tbody th { background-color: #FDFDFD; }
.table.color-05 tbody td:last-child { border-right: none; }
.table.color-05.table-bordered.no-v-border { border: 1px solid #dee2e6; }
.table.color-05.table-bordered.no-v-border td, .table.color-05.table-bordered.no-v-border th { border-left: none; border-right: none; }
.table.color-06 thead th { border-top: 2px solid #ccc; border-bottom: 1px solid #ccc; color: #666; font-size: 1.1rem; font-weight: 300; }
.table.color-06 tbody td { font-size: 1.1rem; color: #333; padding: 10px 0; }
.table.color-06 tfoot td { border-top: 2px solid #333; }
.table.color-07 thead tr:first-child th { border-bottom: 3px solid #ca4f0f; }
.table.color-07 thead th { background-color: #E1E1E1; font-weight: 400; border-bottom-width: 1px; }
.table.color-07 td, .table.color-05 th { padding: 6px 10px; }
.table.color-07 thead th:first-child { border-left: none; }
.table.color-07 thead th:last-child { border-right: none; }
.table.color-07 tbody td:first-child { border-left: none; }
.table.color-07 tbody th { background-color: #FDFDFD; font-weight: 300; }
.table.color-07 tbody td:last-child { border-right: none; }
.table.color-07.table-bordered.no-v-border { border: 1px solid #dee2e6; }
.table.color-07.table-bordered.no-v-border td, .table.color-07.table-bordered.no-v-border th { border-left: none; border-right: none; }
.table.color-07 .border-right { border-right: 1px solid #dee2e6; }
.table.color-07 .border-left { border-left: 1px solid #dee2e6; }
.table.color-07.v-align-middle td,.table.color-07.v-align-middle th{vertical-align: middle;}
.table.color-07.white-border{ border:none;}
.table.color-07.white-border thead th:first-child,.table.color-07.white-border tbody th:first-child,.table.color-07.white-border tbody td:first-child{border-left: 0;}
.table.color-07.white-border thead th{border-color: #fff;}
.table.color-07.white-border tbody td{border-color: #fff;}
.table.color-07.white-border tbody th{border-color: #fff;background-color:#f8f9fa ;}
.table.color-07.white-border.table-striped thead th{border-width: .5px;}
.table.color-07.white-border.table-striped tbody tr:nth-of-type(odd) {background-color: #f8f9fa;}
.table.color-07.white-border.table-striped tbody tr:nth-of-type(even) td{border-color: #f8f9fa;}
.table .bg-orange{background-color: #f3a55e!important;color: #fff!important;}
.table .bg-blue{background-color: #87bacd!important;color: #fff!important;}
.table .bg-darkgray{background-color: #949596!important;color: #fff!important;}

/*luna20191224*/
.localize-system .table.color-05 thead tr th{width: 15%;}
.localize-system .table.color-05 thead tr th:nth-child(3){width: 55%;}
.localize-system .table.color-05 tbody td{width: 15%;}
.localize-system .table.color-05 tbody td:nth-child(3){width: 55%;}

.newslist-content .table.color-05 thead tr th:nth-child(1){width:15%;}
.newslist-content .table.color-05 thead tr th:nth-child(2){width:65%;}
.newslist-content .table.color-05 thead tr th:nth-child(3){width:20%;}
/*luna20191224*/


/* timetable */
.download-ttable { position: absolute; top: -70px; right: 15px; }
.download-ttable .btn { font-size: 1.1rem; color: #666; }
.download-ttable .btn i { display: inline-block; vertical-align: middle; font-size: 1.5rem; margin-right: 5px; }
.timetable-search-frame { padding: 30px 0; }
.timetable-search-frame .container { position: relative; }
.timetable-search-frame h3 { color: #333; }
.tt-search-panel { background-color: #fff; padding: 15px; display: flex; align-items: start; }
.tt-search-panel.row { padding-top: 5px; padding-bottom: 5px; margin-left: 0; margin-right: 0; }
.tt-search-panel .tt-col { flex: 1 1 auto; padding-left: 8px; padding-right: 8px; }
.tt-search-panel .tt-col.single-button { flex: 1 1 30px; }
.tt-search-panel .tt-col .form_date, .tt-search-panel .tt-col .form_time { max-width: 180px; }
#tot-2 { display: none; }
#tot-2.active { display: flex; }
.time-result-section { background-color: #fff; padding: 30px 0; }
.xs-tab-panel { display: none; }
.xs-tab-panel ul { list-style: none; padding: 0; margin: 0; display: flex; border-bottom: 1px solid #ccc; }
.xs-tab-panel ul li { flex: 1 0 50%; text-align: center; }
.xs-tab-panel ul li a { display: block; padding: 8px 0; font-size: 1.3rem; }
.xs-tab-panel ul li.active a { color: #ca4f0f; border-bottom: 2px solid #ca4f0f; }
.tab-frame { margin-bottom: 50px; }
.tr-table { display: flex; flex-direction: column; }
.tr-table .tr-thead { display: table; width: 100%; background-color: #EEEEEE; border-top: 3px solid #BEBEBE; padding: 20px 0; }
.tr-table .tr-thead .tr-td { color: #666;display: block;float: left; }
.tr-table .tr-td { text-align: center; font-size: .95rem; }
.tr-table .tr-td:nth-child(1) { width: 10%; }
.tr-table .tr-td:nth-child(2) { width: 10%; }
.tr-table .tr-td:nth-child(3) { width: 10%; }
.tr-table .tr-td:nth-child(4) { width: 10%; }
.tr-table .tr-td:nth-child(5) { width: 12%; }
.tr-table .tr-td:nth-child(6) { width: 10%; }
.tr-table .tr-td:nth-child(7) { width: 8%;  }
.tr-table .tr-td:nth-child(8) { width: 8%;  }
.tr-table .tr-td:nth-child(9) { width: 10%; }
.tr-table .tr-td:nth-child(10) { width: 12%;  }
.tr-table .tr-tbody .tr-td { padding: 20px 5px; }
.tr-nav-head { display: flex; justify-content: space-between; align-items: flex-end; padding: 15px 0 30px 0; }
.tr-nav-head .trn-title { flex: 0 0 25%; display: flex; align-items: center; white-space: nowrap; }
.tr-nav-head .trn-title .from, .tr-nav-head .trn-title .to { color: #333; font-size: 1.8rem; padding: 0 10px; line-height: 1; }
.tr-nav-head .trn-title .arrow { text-align: center; padding: 0 15px 0 10px; }
.tr-nav-head .trn-title .arrow span { display: inline-block; position: relative; background-color:  #ca4f0f; color: #fff; padding: 0 8px; font-size: .8rem; border-top-right-radius: 8px; }
.tr-nav-head .trn-title .arrow span:after { content: ""; position: absolute; width: 0; height: 0; border-right: 18px solid transparent; border-bottom: 26px solid #ca4f0f; right: -10px; bottom: 0; }
.tr-nav-head .trn-datetime { flex: 1 0 auto; line-height: 1.6; }
.tr-nav-head .trn-button { display: flex; }
.tr-nav-head .trn-button a { color: #000; font-size: 1.2rem; margin-left: 30px; }
.tr-nav-head .trn-button a:hover { color: #ca4f0f; }
.tr-nav-head .trn-button a i { display: inline-block; margin: 0 8px; font-size: 2rem; color:  #ca4f0f; vertical-align: middle; }
.tr-table .tr-tbody { display: block; flex-direction: column; width: 100%; }
.tr-table .tr-tbody .tr-row { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 3px solid #EEEEEE; }
.tr-table .tr-tbody .tr-row .tr-td { color: #666; vertical-align: middle; }
.tr-table .tr-tbody .tr-row .tr-station { display: none; }
.tr-table .tr-tbody .tr-row.active-station { box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
.tr-table .tr-tbody .tr-row.active-station .tr-station { display: block; padding: 0px 20px 0px 20px; width: 100%; max-width: 100%; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container { padding: 15px 80px; border-top: 2px solid  #ca4f0f; position: relative; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container:before { content: ""; position: absolute; width: 0px; height: 0; left: calc(15% - 20px); top: -10px; border-bottom: 10px solid #ca4f0f; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: space-between; overflow: auto; position: relative; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li:before { content: ""; position: absolute; height: 3px; background-color: #E7E7E7; left: 0px; right: 0px; top: 50%; margin-top: -4px; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li { display: inline-block; text-align: center; position: relative; z-index: 2; flex: 1 1 auto; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li:first-child:before { left: 50%; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li:last-child:before { right: 50%; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li.no-stop { display: none; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li.no-stop h6, .tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li.no-stop .dot, .tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li.no-stop p { opacity: 0; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li .dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: #858585; position: relative; z-index: 2; }
.tr-table .tr-tbody .tr-row.active-station .tr-station .station-container ul li p { margin: 0; padding-top: 10px; }
.ticket-tb-scroll-end { opacity: 0; margin: 0; }
.xs-ticket-info { display: none; }
.toffer-text { font-size: .8rem; margin: 0 }
.toffer-text span { font-size: .95rem; }
.traffic-time { text-align: center; position: relative; }
.traffic-time:before { content: ""; width: 100%; height: 10px; border-bottom: 2px solid #ccc; border-right: 2px solid #ccc; transform: skewX(45deg); display: block; margin: 15px 0 5px 0; }
.traffic-time p { font-size: .8rem; color: #000; margin-bottom: 0; }
.ticket-cost { background-color: #F6F6F6; padding: 30px 0; }
.others-info { padding: 50px 0; }
.fixed-function-panel { position: fixed; bottom: 0; right: 0; left: 0; display: none; background-color: #fff; z-index: 50; box-shadow: 0 0 15px rgba(0, 0, 0, .1) }
.fixed-function-panel.open { display: block; }
.fixed-function-panel .order-panel { display: flex; justify-content: center; align-items: center; padding: 20px 0; }
.fixed-function-panel .order-panel .action-item { display: flex; }
.fixed-function-panel .order-panel .action-item .research { display: none; }
/*.fixed-function-panel .order-panel .action-item .button-item button { box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) }*/
.fixed-function-panel .order-panel .oreder-item { flex: 0 0 30%; border-left: 1px solid #ccc; padding: 10px 20px; display: none; }
.fixed-function-panel .order-panel .oreder-item.choose { display: block; }
.fixed-function-panel .order-panel .oreder-item:first-child { border-left: none; }
.fixed-function-panel .order-panel .oreder-item h6,.fixed-function-panel .order-panel .oreder-item .h6 { color: #666; margin-bottom: 15px; }
.fixed-function-panel .order-panel .oreder-item .station-info { display: flex; align-items: flex-start; }
.fixed-function-panel .order-panel .oreder-item .station-info .si-text { font-size: 1.5rem; line-height: 1; }
.fixed-function-panel .order-panel .oreder-item .station-info .si-text span { display: block; font-size: .95rem; margin-top: 5px; }
.fixed-function-panel .order-panel .oreder-item .station-info .arrow { text-align: center; padding: 0px 25px 0px 20px; }
.fixed-function-panel .order-panel .oreder-item .station-info .arrow span { display: inline-block; position: relative; background-color: #6A696E; color: #fff; padding: 0 8px; font-size: .8rem; border-top-right-radius: 8px; width: 20px; height: 10px; }
.fixed-function-panel .order-panel .oreder-item .station-info .arrow span:after { content: ""; position: absolute; width: 0; height: 0; border-right: 13px solid transparent; border-bottom: 13px solid #6A696E; right: -8px; bottom: 0; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner { padding-left: 5px; padding-right: 5px; }

/*luna*/
.ticket-cost .table.color-02 tbody th,.ticket-cost .table.color-02 tbody td{padding-top: 18px; padding-bottom: 0;}

.flex.tt-search-panel{flex-direction:row;}
.fixed-function-panel{box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
.fixed-function-panel .order-panel .action-item .research { display: block;padding: 0 5px;flex: 1 0 50%;}
.fixed-function-panel .order-panel .action-item .order {flex: 1 0 50%;}
.fixed-function-panel .order-panel .action-item .research button{background-color: #EEEEEE; color: #666;}
.fixed-function-panel .order-panel .action-item{width: 320px;}

.home-content .tt-search-panel .tt-col:nth-child(1) { flex: 1 1 26%;}
.home-content .tt-search-panel .tt-col:nth-child(2) { flex: 1 1 12%;}
.home-content .tt-search-panel .tt-col:nth-child(3) { flex: 1 1 32%;}
.home-content .tt-search-panel .tt-col:nth-child(4) { flex: 1 1 15%;}
.home-content .tt-search-panel .tt-col:nth-child(5) { flex: 1 1 15%;}
.home-content .tt-search-panel .bootstrap-select>.dropdown-toggle.bs-placeholder{color:#495057; }

.timetable-search-frame{padding: 50px 0;}
.timetable-search-frame .download-ttable{top: -90px;}
.timetable-search-frame .tt-search-panel .tt-col:nth-child(1) { flex: 1 1 26%;}
.timetable-search-frame .tt-search-panel .tt-col:nth-child(2) { flex: 1 1 12%;}
.timetable-search-frame .tt-search-panel .tt-col:nth-child(3) { flex: 1 1 32%;}
.timetable-search-frame .tt-search-panel .tt-col:nth-child(4) { flex: 1 1 15%;}
.timetable-search-frame .tt-search-panel .tt-col:nth-child(5) { flex: 1 1 15%;}
.timetable-search-frame .tt-search-panel .tt-col .inline-input-group p{margin-left: 8px;}

.lostand-search-frame .tt-search-panel .tt-col:nth-child(1){flex: 1 1 30%;}
.lostand-search-frame .tt-search-panel .tt-col:nth-child(2){flex: 1 1 30%;}
.lostand-search-frame .tt-search-panel .tt-col:nth-child(3){flex: 1 1 35%;}
.lostand-search-frame .tt-search-panel .tt-col:nth-child(4){flex: 1 1 5%;}
.lostand-search-frame .tt-search-panel .tt-col .lb_wrap{padding-top: 24px;}
.lostand-search-frame .tt-search-panel .tt-col button{width: 40px;height: 40px;padding: 6px 8px;margin-top: 1.6rem;}


.faq-search-frame{padding: 30px 0;}
.faq-search-frame .container{ position: relative;}
.faq-search-frame .btn.btn-sharp{width: 40px;}

.lostand-search-frame{padding: 30px 0;}
.lostand-search-frame h3 { color: #333; }
.lostand-search-frame .container{position: relative;}

.time-result-section .tr-table .tr-tbody .tr-row{min-height: 70px;}
.time-result-section .tr-nav-head .trn-button a p{vertical-align: middle;display: inline-block;font-size: 1rem;padding-top: 1px;color: #333;}
.time-result-section .tr-table .tr-tbody .tr-row .tr-td{padding:10px 5px;}
.timetable-others-info  { padding: 50px 0; }
/*.time-result-section .tr-table .tr-tbody .tr-row.active-station{background-color: #EEEEEE;}*/
.time-result-section .tr-table .tr-tbody a:hover {color: #666;}
/*.tr-nav-head .trn-title .arrow {text-align: center;padding: 0 10px 0 0px; width: 30px;}
.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;}*/

.download-ttable .btn:focus { box-shadow:none; }

.tt-search-panel .tt-col:nth-child(3) .inline-input-group.row:nth-child(2){padding-top:10px;}


.time-result-section .traffic-time:before{content: "";width: 80%;height: 2px;background-color: #ccc;display: inline-block;margin: 0 auto;transform:none;} 
.time-result-section .traffic-time:after{content: "";width: 15px;height: 2px;background-color: #ccc;display: block;transform:rotate(45deg);position: absolute;top: 9px;right: 9px;}
.time-result-section .tr-table .tr-tbody .tr-row.active-station .tr-station{background-color: #f7f7f7;}
.time-result-panel .order-panel .oreder-item .station-info .arrow:before{content: "";width: 100%;height: 2px;background-color: #ccc;display: inline-block;margin: 0 auto;transform: none;}
.time-result-panel .order-panel .oreder-item .station-info .arrow:after{content: "";width: 15px;height: 2px;background-color: #ccc;display: block;transform: rotate(45deg);position: absolute;top: 10px;right: 8px;}
.time-result-panel .order-panel .oreder-item .station-info .arrow span{display: none;}
.time-result-panel .order-panel .oreder-item .station-info .arrow{padding: 0 10px ;width: 60px; position: relative;}
.time-result-panel .order-panel .oreder-item{padding: 5px 20px;}

.time-result-section .tr-table .tr-tbody .tr-row.overnight{background-color: #fdeee4;}
/* .time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-overnight{width: 100%;background-color: #ed7d31;color: #fff;text-align: right;vertical-align: middle;padding: 10px;font-size: 1rem;} */
/* .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-overnight{display: flex;flex-direction: column;}
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(1) { width: 10%; }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(2) { width: 10%; }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(3) { width: 10%; }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(4) { width: 10%; }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(5) { width: 12%; }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(6) { width: 10%;  }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(7) { width: 8%;  }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(8) { width: 8%; }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(9) { width: 10%;  }
.time-result-section .tr-table .tr-tbody .tr-row.overnight .tr-td:nth-child(10) { width: 12%;  }
/*luna*/

/* station info */

.nav-tabs.si-tab { border-bottom: 0; }
.nav-tabs.si-tab .nav-link { position: relative; border: 0; font-size: 1.3rem; padding-top: 36px; padding-bottom: 32px; text-align: center; width: auto; }
.nav-tabs.si-tab .nav-item.show .nav-link, .nav-tabs.si-tab .nav-link.active { border: 0; }
.nav-tabs.si-tab .nav-link.active:before { content: ""; position: absolute; width: 70px; height: 70px; left: 50%; border-radius: 50%; border: 2px solid #71bd58; top: 50%; margin-left: -35px; margin-top: -35px; }
.nav-tabs.si-tab .nav-link.active:after { content: ""; position: absolute; left: 50%; bottom: 0; width: 2px; height: 15px; background-color: #71bd58; }
.nav-tabs.si-tab .nav-link.station-01.active:before { border-color: #EC6E22; }
.nav-tabs.si-tab .nav-link.station-01.active:after { background-color: #EC6E22; }
.nav-tabs.si-tab .nav-link.station-02.active:before { border-color: #7F0C8B; }
.nav-tabs.si-tab .nav-link.station-02.active:after { background-color: #7F0C8B; }
.nav-tabs.si-tab .nav-link.station-03.active:before { border-color: #00844D; }
.nav-tabs.si-tab .nav-link.station-03.active:after { background-color: #00844D; }
.nav-tabs.si-tab .nav-link.station-04.active:before { border-color: #71BD59; }
.nav-tabs.si-tab .nav-link.station-04.active:after { background-color: #71BD59; }
.nav-tabs.si-tab .nav-link.station-05.active:before { border-color: #868686; }
.nav-tabs.si-tab .nav-link.station-05.active:after { background-color: #868686; }
.nav-tabs.si-tab .nav-link.station-06.active:before { border-color: #00B4C3; }
.nav-tabs.si-tab .nav-link.station-06.active:after { background-color: #00B4C3; }
.nav-tabs.si-tab .nav-link.station-07.active:before { border-color: #F75175; }
.nav-tabs.si-tab .nav-link.station-07.active:after { background-color: #F75175; }
.nav-tabs.si-tab .nav-link.station-08.active:before { border-color: #C30000; }
.nav-tabs.si-tab .nav-link.station-08.active:after { background-color: #C30000; }
.nav-tabs.si-tab .nav-link.station-09.active:before { border-color: #007ED6; }
.nav-tabs.si-tab .nav-link.station-09.active:after { background-color: #007ED6; }
.nav-tabs.si-tab .nav-link.station-10.active:before { border-color: #FF9A00; }
.nav-tabs.si-tab .nav-link.station-10.active:after { background-color: #FF9A00; }
.nav-tabs.si-tab .nav-link.station-11.active:before { border-color: #C38C2F; }
.nav-tabs.si-tab .nav-link.station-11.active:after { background-color: #C38C2F; }
.nav-tabs.si-tab .nav-link.station-12.active:before { border-color: #11BAF5; }
.nav-tabs.si-tab .nav-link.station-12.active:after { background-color: #11BAF5; }
.nav-tabs.si-tab .nav-link.active { color:#666; }
/*.nav-tabs.si-tab .nav-link.station-02.active { color: #7F0C8B; }
.nav-tabs.si-tab .nav-link.station-03.active { color: #00844D; }
.nav-tabs.si-tab .nav-link.station-04.active { color: #71BD59; }
.nav-tabs.si-tab .nav-link.station-05.active { color: #868686; }
.nav-tabs.si-tab .nav-link.station-06.active { color: #00B4C3; }
.nav-tabs.si-tab .nav-link.station-07.active { color: #F75175; }
.nav-tabs.si-tab .nav-link.station-08.active { color: #C30000; }
.nav-tabs.si-tab .nav-link.station-09.active { color: #007ED6; }
.nav-tabs.si-tab .nav-link.station-10.active { color: #FF9A00; }
.nav-tabs.si-tab .nav-link.station-11.active { color: #C38C2F; }
.nav-tabs.si-tab .nav-link.station-12.active { color: #11BAF5; }*/
.si-tab-nav-frame { border-bottom: 3px solid; }
.station-01 .si-tab-nav-frame { border-color: #EC6E22; }
.station-02 .si-tab-nav-frame { border-color: #7F0C8B; }
.station-03 .si-tab-nav-frame { border-color: #00844D; }
.station-04 .si-tab-nav-frame { border-color: #71BD59; }
.station-05 .si-tab-nav-frame { border-color: #868686; }
.station-06 .si-tab-nav-frame { border-color: #00B4C3; }
.station-07 .si-tab-nav-frame { border-color: #F75175; }
.station-08 .si-tab-nav-frame { border-color: #C30000; }
.station-09 .si-tab-nav-frame { border-color: #007ED6; }
.station-10 .si-tab-nav-frame { border-color: #FF9A00; }
.station-11 .si-tab-nav-frame { border-color: #C38C2F; }
.station-12 .si-tab-nav-frame { border-color: #11BAF5; }
.si-tab.nav-tabs { flex-wrap: nowrap;margin-top: 2px; }
.si-banner-frame { background-position: center; background-size: cover; background-repeat: no-repeat; background-color: #333;/* border-top: 3px solid #71bd58; */ }
.si-banner-frame .si-text { color: #fff; padding-top: 100px; display: flex; align-items: flex-end; padding-bottom: 50px; }
.si-banner-frame .si-text .si-title { font-size: 3rem; line-height: 1; padding-right: 30px; text-shadow: 0 0 15px rgba(0, 0, 0, .8); }
.si-banner-frame .si-text .si-weather { display: flex; flex-direction: column; text-shadow: 0 0 15px rgba(0, 0, 0, .8); }
.si-banner-frame .si-text .si-weather .weather-text { display: flex; align-items: flex-end; white-space: nowrap; }
.si-banner-frame .si-text .si-weather .weather-text .weather-icon { font-size: 2.5rem; line-height: 1; padding: 0 10px; flex: 1 0 60px; }
.si-banner-frame .si-text .si-weather .weather-text .weather-icon img { width: 40px; -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.8)); filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.8)) }
.si-banner-frame .si-text .si-weather .weather-temp { font-size: 1.8rem; line-height: 1; }
.si-banner-frame .si-text .si-weather .weather-temp i { font-size: 2.6rem; line-height: 0; vertical-align: middle; margin-left: 10px; }
.sib-frame { display: flex; flex-direction: column; }
.sib { background-color: rgba(0, 0, 0, .7); width: auto; color: #fff; padding: 30px 15px; border-radius: 10px; margin-bottom: 10px; flex: 0 1 auto; }
.si-locker, .si-parking { display: flex; flex-direction: column; align-self: flex-start; position: relative; }
.sibitem-list { display: flex; }
.sibitem-list .item { display: flex; flex-direction: column; padding: 0px 20px; border-right: 1px solid #666; }
.si-parking .sibitem-list .item { /* border: none; */ }
.sibitem-list .item:last-child { border-right: none; }
.sibitem-list .item .top { display: flex; align-items: flex-end; }
.sibitem-list .item .top .icon { vertical-align: middle; line-height: 1; }
.sibitem-list .item .top .icon .parking-icon { font-size: 1.8rem; }
.sibitem-list .item .top .icon em { font-style: normal; }
.sibitem-list .item .top .text { line-height: 1; padding-left: 10px; font-size: .85rem; }
.sibitem-list .item .top .text span.highlight { font-size: 2rem; color: #DC5100; padding-right: 10px; line-height: 0; font-family: "Arial"; }
.sibitem-list .item h6,.sibitem-list .item .h6 { padding-top: 8px; font-weight: 200; margin-bottom: 0; }
.sib .locker-notes { position: absolute; bottom: 0; left: 0; right: 0; }
.si-locker.sib .locker-notes{padding: 5px 15px 5px 35px;}
.locker-notes { color: #fff; font-size: .8rem; padding: 5px 35px 5px; position: relative; }
.marquee-frame { background-color: rgba(0, 0, 0, .7); color: #fff; }
.marquee-container { display: flex; max-width: 100%; align-items: center; }
.marquee-slick { display: inline-block; width: calc(100% - 300px); flex: 0 1 auto; }
.marquee-slick .marq-slider { display: inline-block; width: calc(100% - 105px); vertical-align: middle; }
.marquee-slick .slider-nav-container { position: relative; align-items: center; display: inline-flex; width: 100px; vertical-align: middle; }
.marquee-slick .slider-nav-container .slick-arrow { position: relative; top: auto; left: auto; margin-top: 0; height: auto; right: auto; transform: none; font-size: 1.3rem; background-color: transparent; line-height: 1; padding: 10px; width: 30px; }
.marquee-slick .slider-nav-container .slick-arrow:hover, .marquee-slick .slider-nav-container .slick-arrow:focus { color: #DC5100; }
.marquee-slick .slider-nav-container #pause { padding: 10px; background-color: transparent; color: #fff; border: none; line-height: 1; font-size: 1.3rem; width: 40px; }
.marquee-slick .slider-nav-container #pause:hover, .marquee-slick .slider-nav-container #pause:focus { color: #DC5100; }
.marquee-slick .slick-prev:before, .marquee-slick .slick-next:before { content: none; }
.marquee-text { display: block; overflow: hidden; width: 100%; padding: 10px 0px; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; }
.marquee-text a { color: #fff; }
.marquee-text a:hover { color: #DC5100 }
.marquee-container .download-panel { flex: 1 0 auto; }
.dropdown-marquee >button { background-color: #6B6A6F;/*background-color: #3F3F3F;*/ border-radius: 0; color: #fff; }
.dropdown-marquee >button:hover, .dropdown-marquee >button:focus { color: #fff; }
.dropdown-marquee .dropdown-menu > a i { margin-left: 15px; }
.dropdown-marquee .dropdown-toggle { padding: 10px; font-size: 1.2rem; }
.dropdown-marquee .dropdown-toggle::after, .dropdown-marquee .dropup .dropdown-toggle::after { transform: none; border-bottom: none; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 7px solid #fff; width: 0; height: 0; }
.dropdown-marquee .dropdown-menu > a { margin: 0; }
.si-content .content-nav { border-bottom: 2px solid #eee; padding: 0; margin-bottom: 40px; background-color: #fff; }
.si-content .content-nav .nav-tab { display: flex; list-style: none; padding: 0; margin: 0; margin-bottom: -2px; }
.si-content .content-nav .nav-tab >li { flex: 1 0 auto; text-align: center; }
.si-content .content-nav .nav-tab >li a { position: relative; display: block; padding: 20px 15px; font-size: 1.2rem; line-height: 1; border-bottom: 2px solid transparent; }
.si-content .content-nav .nav-tab >li a:hover { border-bottom: 2px solid #ca4f0f; color: #000; }
.si-content .content-nav.sticky { position: fixed; left: 0; top: 90px; right: 0; z-index: 20; }
.si-content .content-nav.sticky + div { margin-top: 80px; }
.block-info { margin-bottom: 30px; }
.block-info .google-map-link { position: relative; padding-right: 50px; display: inline-block; }
.block-info .google-map-link img { width: 40px; position: absolute; right: 0; top: -15px; }
.timeinfo-frame { display: block; }
.timeinfo-frame .ti-tr { display: flex; line-height: 1.2; }
.timeinfo-frame .ti-tr .ti-col { display: flex; flex: 0 0 auto; }
.timeinfo-frame .ti-tr .ti-col .ti-train, .timeinfo-frame .ti-tr .ti-col .ti-time { padding: 5px 10px 5px 0; flex: 0 0 50px; }
.timeinfo-frame .ti-tr .ti-status { padding: 5px 0; flex: 1 0 auto; }
.si-traffic-inner { padding: 20px 0; }
.map-container{ position: relative; max-width: none; }
.map-container .nav-tabs { position: absolute; right: 0; top: 0; }
.floor-nav { border-bottom: none; }
.floor-nav .nav-link { font-size: 2rem; width: 60px; height: 60px; border: 2px solid #C0C0C0; padding: 0; border-radius: 50%; text-align: center; line-height: 60px; margin: 0 10px; }
.floor-nav.nav-tabs .nav-link.active { border: 2px solid #ca4f0f; color: #ca4f0f; }
.map-inner-container { padding: 0 0 40px 0; }
.traffic-carstatus { list-style: none; padding: 0; margin: 0;border: 1px solid rgba(0, 0, 0, .2);padding: 10px 20px;border-radius: 6px;width: 400px;text-align: center;float: right;}
.traffic-carstatus .status-item { padding-left: 30px; position: relative; display: inline-block; margin:0 10px; }
.traffic-carstatus .status-item:before { content: ""; position: absolute; width: 15px; height: 15px; border-radius: 50%; border: 3px solid; left: 5px; top: 4px; }
.traffic-carstatus .status-item.s1 { }
.traffic-carstatus .status-item.s1:before { }
.traffic-carstatus .status-item.s2 { }
.traffic-carstatus .status-item.s2:before { border-color: #eee; }
.traffic-carstatus .status-item.s3 { color: #ca4f0f; }
.traffic-carstatus .status-item.s3:before { border-color: #ca4f0f; background-color: #ca4f0f; }
.traffic-line-container { overflow: hidden; }
.traffic-line-container ul { display: flex; padding: 40px 0; margin: 0; list-style: none; }
.traffic-line-container ul li { min-width: 100px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; flex: 1 0 auto; }
.traffic-line-container ul li:before { content: ""; position: absolute; width: 100%; height: 3px; background-color: #eee; bottom: 35px; right: 0; }
.traffic-line-container ul li:first-child:before { width: 50%; }
.traffic-line-container ul li:last-child:before { width: 50%; right: auto; left: 0; }
.traffic-line-container ul li h6,.traffic-line-container ul li .h6 { width: 16px; }
.traffic-line-container ul li .spot { position: relative; text-align: center; }
.traffic-line-container ul li .spot:before { content: ""; width: 15px; height: 15px; border-radius: 50%; border: 3px solid; display: block; background-color: #fff }
.traffic-line-container ul li.s2 .spot:before { border-color: #eee }
.traffic-line-container ul li.s3 .spot:before { border-color: #ca4f0f; background-color: #ca4f0f; }
.traffic-line-container ul li.s3 { color: #ca4f0f; }
.traffic-line-container ul li p { margin: 0; height: 30px; font-size: .9rem; padding-top: 10px; }
.traffic-tab-siper { padding-bottom: 15px; }
.home-news .traffic-tab-siper .nav-tabs { justify-content: flex-start; flex-wrap: nowrap; }
.home-news .traffic-tab-siper .nav-tabs li { flex: none; }
.block-service { padding-top: 40px; padding-bottom: 40px; position: relative; }
.block-service h4 { position: relative; }
.si-service-container { padding: 0; position: relative; max-height: 0; overflow: hidden; transition: all ease-in-out .4s; }
.block-service.active .si-service-container { max-height: 1000px; }
.block-service .nav-tabs { position: absolute; right: 50px; top: 30px; }
.block-service #serv-toggle { position: absolute; right: 0; top: 0; font-size: 2rem; transition: all ease-in-out .4s; }
.block-service.active #serv-toggle { transform: rotate(180deg) }
.si-service-container .serv-inner-container >ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; }
.si-service-container .serv-inner-container >ul li { text-align: center; padding: 0 20px; margin-bottom: 20px; flex: 1 1 11.111111%; max-width: 11.111111%; }
.si-service-container .serv-inner-container >ul li a { transition: all ease-in-out .2s; display: flex; flex-direction: column; align-items: center; }
.si-service-container .serv-inner-container >ul li a:hover { transform: scale(1.1); }
.si-service-container .serv-inner-container >ul li a  .logo { width: 100%; }
.si-service-container .serv-inner-container >ul li a  .logo img { width: 100%; }


.si-content .content-nav .nav-tab >li a.active{border-bottom: 2px solid #ca4f0f;color: #000;}

.top-station-info .si-traffic-inner select.form-control{background-image: url(../img/icon/icon_select-02.png);background-repeat: no-repeat;background-position: right center;background-size: 16px 16px;margin-top: 15px;color: #495057;padding-right: 15px;}
.si-traffic-inner .form-control{font-size: 1rem;}
.si-traffic-inner  h6,.si-traffic-inner  .h6{font-size: 1.2rem;}
.si-traffic-inner .traffic-line-container ul li h6,.si-traffic-inner .traffic-line-container ul li .h6{font-size: 1rem; font-weight: 400;}
.si-content .nav-tabs .nav-link:hover{border-color: #ca4f0f #ca4f0f #ca4f0f;color: #ca4f0f;}
.si-content .nav-tabs.floor-nav .nav-link:hover{border-color: #f5a552 #f5a552 #f5a552;color: #f5a552;}
.floor-nav.nav-tabs .nav-link.active:hover{border: 2px solid #ca4f0f;color: #ca4f0f;}
.si-content .title-04{color: #333;}
.si-content .title-04:after{background-color: #ca4f0f;}
.si-content .home-news .nav-tabs li a.active:hover{color:#fff;}
.traffic-line-container ul li p.bold-400 { font-weight: 400; }
.traffic-line-container:hover .scroll-element.scroll-x.scroll-scrollx_visible,
.traffic-line-container:hover .scroll-element.scroll-y.scroll-scrolly_visible {opacity: 1;}

.si-parking.swiper-container{margin: 0;}
.si-parking .sibitem-list .item.swiper-slide{height:auto;}

.si-service-container .serv-inner-container >ul li a p{width:100%}

.top-station-info .si-banner-frame{min-height: 515px;position: relative;}
.top-station-info .si-banner-frame .marquee-frame{position: absolute;bottom: 0;width:100%;}

.si-locker .sibitem-list{min-width: 250px;justify-content: center;align-items: flex-start; }
.si-parking .sibitem-list{min-width: 360px;justify-content: center;align-items: flex-start; }

/*20210114 修改*/
.si-traffic-inner .table.color-03 tbody td{max-width: 117px;min-width:90px; width: 10%;}
.si-traffic-inner .table.color-03 tbody td.none{background-color: #fff;}

/* map nav */
.mapplic-filter, .mapplic-list-container { background-color: #4A575F; }
.mapplic-list-expandable { background-color: #4A575F; }
.mapplic-list > ol { padding-top: 20px; }
.mapplic-list-container:before { background-color: #4A575F; }
.mapplic-list-container ol { padding: 20px 10px 10px 10px; border-bottom: none !important; }
.mapplic-list-container ol > li { padding: 0; margin-bottom: 10px !important; border-bottom: 0; }
.mapplic-list-container li { padding: 5px 10px; }
.mapplic-list-category > a, .mapplic-list-location > a { background-color: #4A575F; border-radius: 6px; padding: 3px 8px; font-size: 1.2rem; padding-left: 30px; }
.mapplic-list-category h4, .mapplic-list-location h4 { color: #fff; font-size: .9rem; padding-left: 30px; }
.mapplic-list-category > a:hover h4 { color: #666 }
.mapplic-list-location > a:hover { border-left: none; background-color: rgba(255, 255, 255, .3) }
.mapplic-list-location > a:hover h4, .mapplic-list-location > a:focus h4, .mapplic-list-location.mapplic-focus > a h4 { color: #666; }
.mapplic-list-location span.address { position: absolute; left: 0; top: 5px; width: 22px; height: 22px; border-radius: 50%; text-align: center; display: block; color: #fff; padding: 0; }
.mapplic-tooltip { max-width: 300px; max-height: 300px; min-width: 150px; min-height: auto; border-radius: 15px; border: 3px solid #ca4f0f; }
.mapplic-tooltip-content { margin-right: 0; text-align: center; min-height: 0; }
.mapplic-tooltip-content .mapplic-opentime { padding-left: 0; }
.mapplic-tooltip-thumbnail { width: 100%; box-sizing: border-box; left: 0; }
.thumbnaillink { display: block; }
.mapplic-tooltip img { max-width: 100%; max-height: 230px; position: relative; top: auto; margin-bottom: 10px; margin-right: 0; margin-top: 20px; }
.mapplic-tooltip-title { color: #333; font-size: 1rem; font-weight: 400; line-height: 18px; margin: 0 !important; padding: 5px 0; text-align: center; }
.mapplic-tooltip-triangle { border-top: none; border-left: none; border-bottom: 3px solid #ca4f0f; border-right: 3px solid #ca4f0f; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); margin-left: -5px; }
.mapplic-tooltip-close { padding: 0; width: 16px; height: 16px; right: 8px; top: 8px; }
.mapplic-levels { border-bottom: none; }
.mapplic-levels-select { border: 2px solid #ca4f0f; width: 60px; height: 60px; font-size: 2rem; border-radius: 50%; line-height: 1; text-align: center; }
.mapplic-levels a { background-color: transparent; }
.mapplic-list-location .spot-icon { position: absolute; top: 0; left: 25px; width: 35px; }
.mapplic-zoom-buttons a { width: 40px; height: 40px; border-color: #333; }
.icon-info { position: absolute; bottom: 10px; right: 10px; z-index: 2; }
.icon-info ul { list-style: none; padding: 0; margin: 0; background-color: rgba(0, 0, 0, .5); padding: 10px 20px; border-radius: 6px; border: 1px solid #fff; width: 200px; }
.icon-info ul li { display: flex; color: #fff; margin: 5px 0; }
.icon-info ul li .icon { flex: 0 0 32px; }
.icon-info ul li .icon img { width: 32px; }
.icon-info ul li .text { flex: 1 0 auto; padding-left: 10px; }
.icon-info ul li .text p { margin: 0; font-size: .9rem; line-height: 1; }
.icon-info ul li .text span { font-size: .6rem; line-height: 1; }
.icon-info .download-map { background-color: rgba(0, 0, 0, .5); padding: 6px 20px; border-radius: 6px; width: 200px; display: block; text-align: center; color: #fff; margin-top: 10px; }
.map-frame { display: flex; margin-bottom: 50px; }
.map-frame .map-side-bar { flex: 0 0 350px; background-color: #4A575F; padding: 15px; }
.map-frame .map-side-bar .card { background-color: transparent; margin-bottom: 6px; border: none; }
.map-frame .map-side-bar .card-header { padding: 0; border: none; background-color: #666; border-radius: 4px; }
.map-frame .map-side-bar .card-header button { width: 100%; text-align: left; color: #333; font-size: 1.1rem; position: relative;    font-weight: 500; }
.map-frame .map-side-bar .card-header button.collapsed:after { transform: rotate(180deg); }
.map-frame .map-side-bar .card-header button:after { content: ""; position: absolute; width: 0; height: 0; border-bottom: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent; right: 10px; top: 16px; }
.map-frame .map-side-bar .card-body { padding: 20px 5px 0 5px; }
.map-frame .map-side-bar .card-body ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.map-frame .map-side-bar .card-body ul li { margin-bottom: 15px; }
.map-frame .map-side-bar .card-body ul li > a { display: flex; }
.map-frame .map-side-bar .card-body ul li > a .spot-num { height: 24px; width: 24px; border-radius: 50%; color: #333; text-align: center; line-height: 24px;flex: 0 0 24px; }
.map-frame .map-side-bar .card-body ul li > a .spot-thumb { flex: 0 0 32px; }
.map-frame .map-side-bar .card-body ul li > a .spot-thumb img { width: 32px; }
.map-frame .map-side-bar .card-body ul li > a .spot-title { color: #fff; padding-left: 5px; }
.map-frame .map-side-bar .cate-01 .card-header { background-color: #F4A45B; }
.map-frame .map-side-bar .cate-01 .spot-num { background-color: #F4A45B; }
.map-frame .map-side-bar .cate-02 .card-header { background-color: #87BACF; }
.map-frame .map-side-bar .cate-02 .spot-num { background-color: #87BACF; }
.map-frame .map-side-bar .cate-03 .card-header { background-color: #D09EAA; }
.map-frame .map-side-bar .cate-03 .spot-num { background-color: #D09EAA; }
.map-frame .map-side-bar .msbar-xs-toggle { display: none; }
.map-frame .map-img-frame { overflow: hidden; position: relative; flex: 0 0 600px; height: 600px; }
.map-frame .map-img-frame .map-img { position: absolute; height: 100%; width: 100%; left: 0; top: 0; background-image: url('../img/floor_sample.svg'); background-repeat: no-repeat; background-size: cover; background-position: center; }
.map-frame .map-img-frame .map-tip { display: none; }
.map-frame .map-img-frame.noScript .map-img { background-image: none; }
.map-frame .map-img-frame.noScript .map-tip { display: flex; }
.map-frame .map-zoom { display: flex; flex-direction: column; position: absolute; left: 365px; bottom: 15px; }
.map-frame .map-zoom button { border: 1px solid #000; background-color: #fff; font-size: 1.2rem; font-weight: 900; margin-bottom: -1px; padding: 8px 14px; }
.map-frame .map-fullscreen { position: absolute; right: 245px; top: 15px; }
.map-frame .map-fullscreen button { background-color: rgba(0, 0, 0, .5); font-size: 1.6rem; font-weight: 900; padding: 5px 5px 4px 4px; color: #fff; border: none; line-height: 1.1; }
.map-frame .map-tip { position: absolute; display: flex; flex-direction: column; align-items: center; background-color: #e6e6e6; border: 3px solid #ca4f0f; border-radius: 15px; padding: 15px; box-shadow: 0 0 5px rgba(0, 0, 0, .2); z-index: 2; }
.map-frame .map-tip:after { content: ""; border-top: none; border-left: none; border-bottom: 3px solid #ca4f0f; border-right: 3px solid #ca4f0f; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); margin-left: -5px; bottom: -8px; position: absolute; left: 50%; }

/*luna*/
.map-frame .map-img-frame.width-auto{ flex: 1 0 auto;}
.map-frame .map-tip:after{background-color: #e6e6e6;}

.icon-info .download-map:hover {color: #f5a552; }

.top-station-info .map-frame{position: relative; display:block;margin-bottom: 100px;}
.top-station-info .map-container .nav-tabs{z-index: 10;top: -70px;}
.top-station-info .map-frame .map-img-frame{flex: 0 0 920px;}
.top-station-info .map-frame .map-side-bar{/*flex: 0 0 250px;*/width:250px;float: left;height: 600px;overflow-y: auto;}
.top-station-info .map-frame .map-zoom{left: 265px;bottom: 12px;}
.top-station-info .map-container .icon-info{right:auto; left: 0;width: 100%;bottom: -80px;}
.top-station-info .map-container .icon-info ul{width: 100% ;display: flex; align-items: center;justify-content: space-between;padding: 10px ;}
.top-station-info .map-container .icon-info ul li{display: inline-flex;}
.top-station-info .map-container .icon-info ul li .download-map{background-color: rgba(0, 0, 0,0);border-radius: 0;margin-top: 0;width: auto;padding: 6px 0 6px 10px;}
.top-station-info .map-container .icon-info .download-map01{display: none;}
.top-station-info .map-container .map-frame .map-fullscreen{ bottom: 112px; left: 265px;right: auto;top:auto;}
.top-station-info .map-container .map-frame .map-fullscreen button{padding: 10px 10px 9px 9px;}
.top-station-info .map-container .map-frame .map-fullscreen span{display: none;}
.top-station-info .map-container.fullscreen .map-frame .map-side-bar{height: 100%;}
.top-station-info .map-container.fullscreen .map-frame .map-img-frame{width: calc(100% - 250px);}
/*.top-station-info .map-container.fullscreen h3{z-index: 1000;position: fixed;top: 10px;}
.top-station-info .map-container.fullscreen .nav-tabs{z-index: 1000;position: fixed;top: 10px; right: 10px;}*/

.top-station-info .map-container .nav-tabs.fullscreen{z-index: 1000;top: 15px;right: 15px;}

.map-compass{position: absolute;z-index: 10;right: 70px;top: 30px;}
.map-compass.fullscreen{z-index: 1000;top: 110px;}
.map-frame .map-side-bar .card-header button.btn-link:hover,.map-frame .map-side-bar .card-header button.btn-link.focus, .map-frame .map-side-bar .card-header button.btn-link:focus{text-decoration: none;}

.top-station-info .block-traffic{margin-top:30px ;}
/*luna*/

/* train discount */
.suitable-cate-tag-list { margin-right: 0; margin-left: 0; border: 1px solid #ccc; padding: 15px 0; margin-bottom: 15px; }
.suitable-cate-tag-list [class*=col-] { font-size: 1rem; line-height: 24px; padding-top: 6px; padding-bottom: 6px; position: relative; padding-left: 45px; }
.suitable-cate-tag-list .tcate-tag { position: absolute; left: 18px; top: 5px; }
.tcate-tag { display: inline-block; height: 24px; width: 24px; /*margin-right: 18px;*/ justify-content: center; align-items: center; vertical-align: middle; font-size: 1.8rem; line-height: 24px; font-family: 'bahnschrift', 'Arial'; }
.tcate-tag:before { content: ""; }
.tcate-tag.cate-1:before { position: absolute;top: 0;right: 0; width: 24px; height: 24px; background-color: #FE0000; }
.tcate-tag.cate-2:before { position: absolute;top: 0;right: 0; width: 0px; height: 0px; border-bottom: 24px solid #FD9800; border-left: 12px solid transparent; border-right: 12px solid transparent; }
.tcate-tag.cate-3:before { position: absolute;top: 0;right: 0; width: 24px; height: 24px; background-color: #669900; border-radius: 50%; }
.tcate-tag.cate-4:before { position: absolute;right: 0;top:0;margin: 13px 0; width: 24px; height: 5px; background-color: #999999; }
.tcate-tag.ns-3 { color: #6B6A70; /*padding-top: 4px */}
.tcate-tag.ns-3:before { content: "3" }
.tcate-tag.ns-4 { color: #FE0000; /*padding-top: 4px */}
.tcate-tag.ns-4:before { content: "4" }
.tcate-tag.ns-5 { color: #669900; /*padding-top: 4px */ }
.tcate-tag.ns-5:before { content: "5" }
.tcate-tag.ns-7 { color: #FD9800; /*padding-top: 4px */}
.tcate-tag.ns-7:before { content: "7" }
.tcate-tag.carc-1:before {position: absolute; width: 20px; height: 20px; background-color: #E6E6E6; }
.tcate-tag.carc-2:before {position: absolute; width: 20px; height: 20px; background-color: #666; }
.tcate-tag.carc-3:before { position: absolute;width: 20px; height: 20px; background-color: #ca4f0f; }
.tcate-tag.carc-4:before { position: absolute;width: 20px; height: 20px; background-color: #CC0057; }

/*luna*/
.suitable-fixed.sticky{position: fixed;left: 0;top: 90px;right: 0;z-index: 20;background-color: #fff;}
#myTabContent.pt{padding-top: 102px;}
.suitable-content .table-responsive{overflow-y:auto;}
.tcate-tag{font-size: 1.5rem;position: relative;}
.nonreservedcar-catetag .nav-tabs.type-2 .nav-item.show .nav-link,.nonreservedcar-catetag .nav-tabs.type-2 .nav-link.active{border-top-left-radius: 8px; border-top-right-radius: 8px;}
.nonreservedcar-catetag .nav-tabs.type-2 .nav-link{font-size: 1.2rem;}
.nonreservedcar-catetag .suitable-cate-tag-list .fa-minus{font-size: 1.8rem;position: absolute;left: 12px;top: 5px;}
.earlybird-catetag .nav-tabs.type-2 .nav-item.show .nav-link,.earlybird-catetag .nav-tabs.type-2 .nav-link.active{font-size: 1.2rem;border-top-left-radius: 8px; border-top-right-radius: 8px;}
.earlybird-catetag .nav-tabs.type-2 .nav-link{font-size: 1.2rem;}

.suitable-fixed .table-head{background-color: rgba(0,0,0,.05);display: flex;justify-content: space-around; }
.suitable-fixed .table-head.bg-green{background-color: rgba(135, 204, 51,.25);}
.suitable-fixed .table-head.bg-blue{background-color: rgba(102, 189, 234,.25);}


.suitable-content table{table-layout: fixed;}
.suitable-content .table-striped tbody tr:nth-of-type(even){background-color: rgba(0,0,0,.05);}
.suitable-content .table-striped tbody tr:nth-of-type(odd){background-color: rgba(255,255,255,1);}
.suitable-content .table-striped tbody tr i{font-size: 1.8rem;}
.earlybird-catetag i{font-size: 1.8rem;position: absolute;left: 12px;top: 5px;}

.earlybird-catetag i.fa-play{transform: rotate(-90deg);}
.suitable-content .table-striped tbody tr i.fa-play{transform: rotate(-90deg);}
.carriage-cate-list .tcate-tag{ margin-right: 5px;}
/*luna*/

/* lost and found*/
.lnf-step { display: flex; align-items: flex-start; flex-wrap: wrap; }
.lnf-step .lnf-item { padding-left: 20px; padding-right: 20px; display: flex; flex-direction: column; align-items: center; position: relative; }
.lnf-step .lnf-item:before { content: ""; position: absolute; width: calc(100% - 90px); height: 0px; border-top: 2px dotted #ccc; left: 50%; top: 65px; }
.lnf-step .lnf-item:after { content: ""; position: absolute; width: 0; height: 0px; border-left: 10px solid #ccc; right: calc(-50% + 90px); top: 60px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.lnf-step .lnf-item:last-child:before, .lnf-step .lnf-item:last-child:after { content: none; }
.lnf-step .lnf-item .icon { display: flex; width: 120px; height: 120px; justify-content: center; align-items: center; border: 1px solid #eee; border-radius: 50%; margin-bottom: 20px; position: relative; z-index: 2; background-color: #fff; }
.lnf-step .lnf-item h5,.lnf-step .lnf-item .h5 { margin-bottom: 20px; color: #333 }
.lnf-step .lnf-item.active .icon { border-color: #ca4f0f; border-width: 3px; }
.lnf-step .lnf-item.active h5,.lnf-step .lnf-item.active .h5 { color: #ca4f0f; }

/*luna*/
.lnf-step .lnf-item p{width:100%;}/*for IE11*/
/*luna*/
/* error page */
.error-sitelink {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f6f6+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(246, 246, 246, 1) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#00ffffff', GradientType=0); /* IE6-9 */ position: relative; padding-top: 40px; margin-top: 50px; }
.error-sitelink ul { list-style: none; display: flex; padding: 0; justify-content: center; }
.error-sitelink ul li a { display: flex; flex-direction: column; align-items: center; padding: 0 20px; }
.error-sitelink ul li a img { max-width: 100%; }
.error-sitelink .gray{color: #666!important;}
.cdn header .main-menu,.cdn .header-sub-block{display: none;}
.cdn .fixed-service{display: none;}
.cdn .breadcrumb-section{display: none;}
.cdn .error-page .footer-top,.cdn .error-page .footer-link{display: none;}
.error .breadcrumb .breadcrumb-item{visibility: hidden;}
.error .breadcrumb-section button{display: none;}

.error header .main-menu,.error .header-sub-block{display: none;}
.error .breadcrumb-section{display: none;}
.error .error-page .footer-top,.error .error-page .footer-link{display: none;}
/*luna*/

/* traffic status */
.ts-tag { display: inline-flex; border-radius: 2px; /*border: 2px solid #D5ECB4;*/ align-items: center; padding: 40px 50px; margin: 10px auto 60px; }
.ts-tag .status-ds { display: flex; align-items: center; color: #57801E; font-size: 1.8rem;border-radius: 0px 10px 0px 0px;}
.ts-tag .status-ds .icon { margin-right: 15px;display: flex;}
.ts-tag .status-ds .text { white-space: nowrap; }
.ts-tag.error { display: block;flex: 1 1 auto; margin: 10px 15px 60px; border-color: #E51813; padding: 20px 40px; }
.ts-tag.error .status-ds { color: #E51813;width:fit-content; }
.ts-tag.caution { display: block;flex: 1 1 auto; margin: 10px 15px 60px; border-color: #c2ae74; padding: 20px 40px;}
.ts-tag.caution .status-ds { color: #c49100;width:fit-content;}
.ts-tag.error .status-ds { color: #E51813;width:fit-content;}
.ts-tag .status-detail { padding: 20px 40px;  /*flex: 1 1 auto; */box-shadow:0 10px 15px rgb(0 0 0 / 5%); border: 2px solid ;}
.ts-tag.error>div{ border-color:#E51813}
.ts-tag.caution>div{ border-color:#c49100}
.ts-tag .status-detail h5,.ts-tag .status-detail .h5 { color: #333; }
.status-remark { list-style: none; padding: 0; display: flex; align-items: flex-start; margin-top: 20px; margin-bottom: 0; }
.status-remark li { position: relative; color: #666; padding-right: 30px; margin-bottom: 5px; }
.status-remark li:before { content: ""; position: absolute; left: 0; top: 0; height: 22px; width: 5px; }
.error .status-remark li, .caution .status-remark li { padding-left: 15px; }
.error .status-remark li:before { background-color: #E51813; }
.caution .status-remark li:before { background-color: #c49100; }
.trafficstatus-container h3,.trafficstatus-container .h3 { color: #333; }

/* 20220330 OperationDetail style */
.ts-tag.caution .status-ds {border: 2px solid #c49100; width: 100%; border-bottom: 0px;}
.ts-tag.error .status-ds {border: 2px solid #E51912; width: 100%; border-bottom: 0px;}

/*luna*/
.ts-tag .status-ds{/*max-width: 280px;*/align-items: flex-start;background-color: #FFF;padding-left:25px;}
.ts-tag .status-ds .icon{padding: 6px;min-width: 1.8rem;margin-top: -20px;background-color: #FFF;}
.ts-tag .status-ds .icon img{ height:1.8rem; width:auto;}
/*.ts-tag .status-ds .icon::before{content: "▖";font-size: 12px;padding-right: 10px;}
.ts-tag .status-ds .text::after{content: "▖";font-size: 12px;padding-left: 10px;}*/
.ts-tag .status-detail{/*max-width: calc(100% - 280px);*/;border-top: 0px;    border-radius: 0px 0px 10px 10px;}
.ts-tag .status-ds .text{white-space: normal;margin-left: -15px;margin-top: -25px;background-color: #FFF;padding-right: 10px;}

.trafficstatus-container h3,.trafficstatus-container .h3 {text-align: right;font-size: 1.2rem;position: relative;padding-right: 22px;margin-bottom: 40px;}
.trafficstatus-container h3 span,.trafficstatus-container .h3 span{color: #333;}
.trafficstatus-container .serv-toggle{transition: all ease-in-out .4s;position: absolute;right: 0;top: 0;}
.trafficstatus-container .serv-toggle i{transition: all ease-in-out .4s;transform: rotate(180deg);display: inline-block;vertical-align: middle;}
.trafficstatus-container .serv-toggle.collapsed i{transform: rotate(0deg);}

.trafficstatus-container .ts-tag.caution{margin:0px auto;    width: 95%;/*max-width: 1000px;*/margin-top: 20px;}
.trafficstatus-container .ts-tag.error{margin:0px auto;    width: 95%;/*max-width: 1000px;*/margin-top: 20px;}
/*luna*/

/* travel card */
.card-form-container { padding: 20px 30px 40px 30px; box-shadow: 0 0 10px rgba(0, 0, 0, .1) }
.card-form-container.bordered { box-shadow: none; border: 1px solid #ccc; }

/*luna*/
.contact-us-email .card-form-container{margin-bottom: 30px;}
.contact-us-email .input-field{margin-top: 1.5rem;margin-bottom: 0;}
/*luna*/

/* locallize */
.localize-intro-container { display: flex; padding-left: 20px; margin: 80px 0; }
.localize-intro-container .title { flex: 0 0 180px; border: 1px solid #DE4F00; display: flex; justify-content: center; align-items: center; }
.localize-intro-container .title >div { background-color: #fff; margin-left: -1px; margin-right: -1px; flex: 1 0 auto; display: flex; flex-direction: column; align-items: center; }
.localize-intro-container .title >div h2,.localize-intro-container .title >div .h2 { font-weight: 300; font-size: 3rem; letter-spacing: 10px; text-align: center; text-indent: 10px; }
.localize-intro-container .text { padding-left: 50px; text-align: justify; }
.localize-system { display: flex; flex-wrap: wrap; margin: 30px 0 40px; padding-left: 1px; }
.localize-system .lsys-item { padding-left: 0; padding-right: 0; overflow: hidden; margin-left: -1px; }
.localize-system .lsys-item.active { overflow: visible; }
.localize-system .lsys-item .inner-container { border: 1px solid #ccc; margin-bottom: 0; padding-bottom: 60px; position: relative; transition: all linear .1s; }
.localize-system .lsys-item.active .inner-container { border: 2px solid #DE4F00; }
.localize-system .lsys-item.active .inner-container:after { content: ""; border-top: 10px solid #DE4F00; border-left: 12px solid transparent; border-right: 12px solid transparent; position: absolute; left: 50%; bottom: -10px; margin-left: -12px; }
.localize-system .lsys-item .collapse-content { position: absolute; top: calc(100% + 15px); z-index: 100; }
.localize-system .lsys-item .text { display: flex; flex-direction: column; align-items: center; padding: 40px 30px 10px; }
.localize-system .lsys-item .text p { margin-bottom: 0; text-align: justify; }
.localize-system .lsys-item .panel { position: absolute; bottom: 0; left: 0; width: 100%; display: flex; border-top: 1px solid #ccc; }
.localize-system .lsys-item .panel .btn { border-radius: 0; background-color: #EEEEEE; flex: 1 1 auto; color: #333; border: 0; font-size: .9rem; padding: 15px 0;position: relative; }
.localize-system .lsys-item .panel .btn + .btn { border-left: 1px solid #ccc; }
.localize-system .lsys-item .panel .btn:focus{outline: none!important;}
.localize-system .lsys-item .panel .btn:focus:before{content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 2px dashed #f5a552;}
.localize-system .lsys-item .panel .btn-syslist { position: relative; }
.localize-system .lsys-item .panel .btn-syslist:focus { box-shadow: none; outline: 0; }
.localize-system .lsys-item .panel .btn-syslist i { font-size: 1.5rem; display: inline-block; vertical-align: middle; }
.localize-system .lsys-item.active .panel .btn-syslist { color: #DE4F00; }
.localize-system .lsys-item .panel .btn-syslist.collapsed:after { transform: rotate(180deg); border-bottom-color: #6B6A70; }
.localize-system .lsys-item .panel .btn-syslist:after { content: ""; border-bottom: 5px solid #DE4F00; border-left: 3px solid transparent; border-right: 3px solid transparent; display: inline-block; vertical-align: middle; margin-left: 0; }
.localize-system .lsys-item .panel .btn-ask { position: relative; }
.localize-system .lsys-item .panel .btn-ask:after { content: ""; border-left: 5px solid #6B6A70; border-top: 3px solid transparent; border-bottom: 3px solid transparent; display: inline-block; vertical-align: middle; margin-left: 10px; }
.localize-system .lsys-item .panel .btn-ask:hover:after { border-left-color: #DE4F00; }
.localize-system .lsys-item .collapsing { -webkit-transition: none; transition: none; display: none; }

/*luna*/
.localize-system .lsys-item .text p{width: 100%;/*for IE11*/text-align: left; }
/*luna*/

/* order boxed meal*/
.orderboxedmeal .header-logo { margin-top: 0; width: 150px; }
.orderboxedmeal header { min-height: 0; }
.orderboxedmeal header .main-menu { justify-content: flex-end; align-items: center; margin-top: 0; width: auto; padding-left: 0; flex: 1 0 auto; }
.orderboxedmeal header .block-frame { padding: 10px 0; }
.orderboxedmeal .menu-obm { display: flex; }
.orderboxedmeal .menu-obm li a { padding: 0px 15px; }
.orderboxedmeal .menu-obm li + li a { border-left: 1px solid #ccc; }
.orderboxedmeal .close-menu-xs { display: none; }
.orderboxedmeal footer .footer-link ul li a:after { background-color: #555; }
.obm-index { display: flex; height: calc(100vh - 166px); }
.obm-index .obmi-left { background-color: #f9f9f9; flex: 1 1 50%; /*transform: skewX(-10deg) scaleX(1.2);*/position: relative; }
.obm-index .obmi-left h1 { font-size: 3rem; font-weight: 300; }
.obm-index .obmi-left .inner-container {/* transform: skewX(8deg) scaleX(0.8); */padding: 50px 40px; margin-top: 50px; }
.obm-index .obmi-left p { max-width: 500px; }
.obmi-link { list-style: none; display: flex; padding: 0 3vw; margin: 40px 0; justify-content: space-between; }
.obmi-link li { text-align: center; margin: 0 10px; }
.obmi-link li a { display: flex; align-items: center; justify-content: center; width: 200px; height: 200px; background-color: #fff; border-radius: 50%; font-size: 1.5rem; border: 3px solid #fff; }
.obmi-link li a:hover { border: 3px solid #DE4F00; }
.obm-index .obmi-right { background-image: url('https://www.thsrc.com.tw/event/grpmeal_banner.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; flex: 1 1 50%; }
.obm-top-nav { background-color: #F9F9F9; border-bottom: 1px solid #ccc; }
.obm-top-nav h2 { font-size: 2.3rem; }
.obm-nav { display: flex; list-style: none; padding: 0; margin: 0; }
.obm-nav.nav-tabs.type-3 .nav-link { font-size: 1.2rem; padding: 24px 10px; }
.obm-form-container { border: 1px solid #ccc; }
.obm-form { padding: 30px 30px; }
.obm-form +.obm-form { border-top: 1px solid #ccc; }
.obm-form .form-group { margin-bottom: 10px; }
.obmpick-option { display: none;opacity: 1;  z-index: 0;}
.obmpick-option.active {display: block; }
.obmpick-notice p { display: none; }
.obmpick-notice p.active { display: block; }
.bmeal-list { list-style: none; padding: 0; margin: 30px -20px 0 -20px; display: flex; flex-wrap: wrap; }
.bmeal-list .meal-item { flex: 1 1 20%; max-width: 20%; padding: 0 20px; margin-bottom: 20px; }
.bmeal-list .meal-item .pic { margin-bottom: 15px; }
.bmeal-list .meal-item .pic img { width: 100%; }
.bmeal-list .meal-item .subtitle { color: #666; font-size: .9rem; }
.bmeal-list .meal-item h5 { margin-bottom: 0; font-size: 1.1rem; color: #333; }
.bmeal-list .meal-item .meal-price { font-size: .8rem; font-weight: 300; /*font-family: 'Myriad Pro', Tahoma, 微軟正黑體;*/ color: #666; }
.bmeal-list .meal-item .meal-price span { font-size: 1.8em; }
.obm-table-pricecheck { text-align: right; font-size: 1.1rem; /*font-family: 'Myriad Pro', Tahoma, 微軟正黑體; */}
.obm-table-pricecheck span { font-size: 2rem; padding-left: 10px; }
.obm-checkout-info { margin-bottom: 30px; margin-top: 30px; }
.obm-checkout-info .obm-info-left { border-right: 5px solid #ccc; }
.obm-checkout-info .obm-info-left .checkout-icon { display: flex; margin-bottom: 10px; align-items: center; }
.obm-checkout-info .obm-info-left .checkout-icon .checkout-id { padding-left: 20px; }
.obm-checkout-info .obm-info-right h5 { color: #333; }

/*luna*/
.obm-index .obmi-left:after{content:"";width: 0;height: 0;border-style: solid; border-width: calc(100vh - 146px) 100px 0 0;border-color: #f9f9f9 transparent transparent transparent;position: absolute; left: 100%;top:0;}
.obm-content .obmi-link li a{border: 1px solid #e6e6e6;}
.obm-form .blank-area{height:41px}
.obm-table-pricecheck span { font-size: 1.1rem; padding-left: 10px; }
.obm-form>.form-check.inline{float: none;margin:0; }
.obm-cancel-section p{text-align: center;}


/*20191225 autocomplete*/
.obm-form .form-group.input-field{position: static;margin-top: auto;}
.obm-form .form-group.input-field>label{position: static;transform:none;color: #333;}
.obm-form .form-group.input-field ul.dropdown-content,.obm-form .form-group.input-field ul.dropdown-content li{list-style: none;padding: 0;}

/*luna*/

/*luna*/
.carriage-tab.home-news .nav-tabs li a:hover{color:#666;}
/*luna*/

/* carriage */
.carriage-cate-list { display: flex; flex-wrap: wrap; }
.carriage-cate-list .cc-item + .cc-item { margin-left: 15px; }
.carriage-tab.home-news .nav-tabs { border-bottom: none; }
.carriage-tab.home-news .nav-tabs li { padding-right: 2px; }
.carriage-tab.home-news .nav-tabs li:first-child a { border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
.carriage-tab.home-news .nav-tabs li:last-child a { border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.carriage-tab.home-news .nav-tabs li a.active { background-color: #e6e6e6; color: #666; border-color: #e6e6e6; }
.carriage-tab.home-news .nav-tabs li a.active:after { border-top: 10px solid #e6e6e6; }
.carriage-tab.home-news .nav-tabs li a.nonreserved.active, .carriage-tab.home-news .nav-tabs li a.nonreserved { background-color: #666; color: #fff; border-color: #666; }
.carriage-tab.home-news .nav-tabs li a.nonreserved.active:after { border-top: 10px solid #666; }
.carriage-tab.home-news .nav-tabs li a.withdisabled.active, .carriage-tab.home-news .nav-tabs li a.withdisabled { background-color: #BE4C0E; color: #fff; border-color: #BE4C0E; }
.carriage-tab.home-news .nav-tabs li a.withdisabled.active:after { border-top: 10px solid #BE4C0E; }
.carriage-tab.home-news .nav-tabs li a.business.active, .carriage-tab.home-news .nav-tabs li a.business { background-color: #CC0057; color: #fff; border-color: #CC0057; }
.carriage-tab.home-news .nav-tabs li a.business.active:after { border-top: 10px solid #CC0057; }
.carriage-header { display: flex; align-items: center; justify-content: space-between; background-color: #6B6A6F; padding: 10px 30px; color: #fff; margin-bottom: 15px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.carriage-header .car-num { position: relative; font-size: 3rem; line-height: 1; font-weight: 700; }
.carriage-header .car-num span { position: absolute; font-size: .9rem; top: 0; width: 15px; right: -30px; }
.carriage-header .car-num span:after { content: "號車"; line-height: 1.6; }
.carriage-header h3,.carriage-header .h3 { font-weight: 300; font-size: 2rem; margin-bottom: 0; color: #fff;}
.carriage-header h3 span,.carriage-header .h3 span { font-size: .5em; }
.carriage-header p { margin-bottom: 0; font-size: 1rem; }
.cm-frame { position: relative; display: flex; margin-bottom: 30px; }
.cm-frame .car-map .map-xs { display: none; }
.cm-frame .car-map img { width: 100%; }
.cm-frame .indication { flex: 0 0 50px; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; position: relative; }
.cm-frame .indication:before { content: ""; width: 100%; height: 20px; top: calc(50% + 10px); left: 0; border-bottom: 1px solid #333; position: absolute; }
.cm-frame .indication.north:before { transform: skewX(45deg); border-right: 1px solid #333; left: -10px; }
.cm-frame .indication.south:before { transform: skewX(-45deg); border-left: 1px solid #333; left: 10px; }
.cm-frame .indication p { width: 20px; margin-bottom: 0; }
.cm-frame .indication span { font-size: 2rem; color: #666; }
.cm-icon { display: flex; margin: 20px 50px; justify-content: center; align-items: center; }
.cm-icon ul { list-style: none; display: flex; align-items: center; justify-content: space-around; padding: 0; margin: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0; flex: 1 1 auto; flex-wrap: wrap; }
.cm-icon ul li { display: flex; align-items: center; margin: 0 15px; }
.cm-icon ul li .icon { width: 40px; margin-right: 10px; }
.car-text { padding: 10px 50px; }



/* footer */
footer { position: absolute; bottom: 0; left: 0; width: 100%; background-color: #fff; z-index: 2; }
footer .footer-link { }
footer .footer-link ul { display: inline-block; list-style: none; padding: 0; margin: 0; }
footer .footer-link ul li { display: block; float: left; margin: 0px; }
footer .footer-link ul li:first-child a { padding-left: 0; }
footer .footer-link ul li a { color: #fff; font-size: .85rem; padding: 0 12px; position: relative; }
footer .footer-link ul li a:after { content: ""; display: block; position: absolute; right: 0; height: 15px; width: 1px; background-color: #fff; top: 50%; margin-top: -7.5px; }
footer .footer-link ul li:last-child a:after { content: none; }
footer .footer-link ul li a:hover { color: #f5a552; }
footer .social { text-align: center; }
.footer-right { }
.footer-right p { font-size: .85rem; margin-top: 5px; margin-bottom: 0px; }
.footer-top { display: flex; background-color: #6B6A6F; }
.footer-top .footer-service { flex: 1 0 auto; }
.footer-top .footer-service ul { list-style: none; padding: 0; margin: 0; display: flex; padding: 20px 0px; justify-content: flex-end; }
.footer-top .footer-service ul li { flex: 1 0 auto; }
.footer-top .footer-service ul li a { color: #fff; display: flex; align-items: center; }
.footer-top .footer-service ul li a i { flex: 0 0 50px; font-size: 2.5rem; line-height: 1; }
.footer-top .footer-service ul li a { font-size: 1.2rem; margin: 0; font-weight: 300; color: #fff }
.footer-top .footer-service ul li a .text p { color: #BDBDBF; margin: 0; font-size: 1rem; }
.footer-top > .container > .row { justify-content: flex-end; }
.footer-top-frame { display: flex; justify-content: center; }
.footer-social { display: flex; align-items: center; flex-wrap: wrap; padding: 20px 0; justify-content: flex-end; flex: 0 1 30%; min-width: 400px; }
.footer-social .follow { flex: 0 0 auto; }
.footer-social .follow> ul { display: flex; list-style: none; padding: 0; margin: 0; padding-left: 100px; position: relative; }
.footer-social .follow> ul:before { content: "Follow Us"; position: absolute; color: #fff; left: 15px; top: 50%; margin-top: -12px; }
.footer-social .follow> ul:after { content: ""; position: absolute; left: -33px; top: 50%; margin-top: -20px; height: 40px; width: 1px; background-color: #fff; }
.footer-social .follow> ul li { margin: 0 10px; }
.footer-social .follow> ul li a { color: #fff; width: 40px; height: 40px; display: block; border: 1px solid #fff; border-radius: 50%; text-align: center; font-size: 1.5rem; line-height: 1.8; }
.footer-social .follow> ul li a:hover { color: #000; background-color: #fff; }
.footer-top-frame.home .footer-social .follow> ul:after { content: none; }
.footer-top-frame.home .footer-service { display: none; }
.epaper { padding-left: 10px; }
.epaper-input { flex: 1 0 100%; overflow: hidden; max-height: 0; padding: 0; transition: all ease-in-out .2s; }
.epaper-input.opened { margin-top: 10px; max-height: 500px; }
.epaper-input .text-right .title{    font-weight: 500;
    line-height: 1.2;font-size: 1.5rem;}
.footer-sitemap { background-color: #F0F0F0; padding: 0; }
.footer-sitemap h5 { font-size: 1.1rem; color: #DD5001; border-bottom: 1px solid #fff; padding: 12px 0; position: relative; margin: 0; font-weight: 400; text-align: center; }
.footer-sitemap h5 .sitemap-toggle { background-color: transparent; border: none; padding: 6px 0; font-size: 1.1rem; color: #666; }
.footer-sitemap h5 .sitemap-toggle i { font-size: 1.2rem; line-height: .9rem; vertical-align: middle; display: inline-block; transform: rotate(0deg);}
.footer-sitemap .main-header { font-size: 1.1rem; color: #DD5001; border-bottom: 1px solid #fff; padding: 12px 0; position: relative; margin: 0; font-weight: 400; text-align: center; }
.footer-sitemap .main-header .sitemap-toggle { background-color: transparent; border: none; padding: 6px 0; font-size: 1.1rem; color: #666; }
.footer-sitemap .main-header .sitemap-toggle i { font-size: 1.2rem; line-height: .9rem; vertical-align: middle; display: inline-block; transform: rotate(0deg);}
.footer-sitemap .sitemap-toggle span:before { content: ""; }
.footer-sitemap.opened .sitemap-toggle span:before { /* content: "全部收合"; */ }
.footer-sitemap .sitemap-list { display: flex; max-height: 0; overflow: hidden; margin: 0; list-style: none; padding: 0; transition: all linear .2s; }
.footer-sitemap.opened .sitemap-list { max-height: 500px; padding: 15px 0; }
.footer-sitemap.opened .sitemap-toggle i { transform: rotate(180deg);padding-top: 3px; }
.footer-sitemap .sitemap-list >li { flex: 0 0 12.5%; padding: 0 3px;}
.footer-sitemap .sitemap-list >li h6 { font-size: 1.1rem; font-weight: 400; }
.footer-sitemap .sitemap-list >li .title{font-size: 1.1rem; font-weight: 400;margin-bottom: .5rem;    line-height: 1.2;}
.footer-sitemap .sitemap-list >li ul { list-style: none; padding: 0; }
.footer-sitemap .sitemap-list >li ul li a { padding: 6px 0; display: block; font-size: 0.9rem; color: #666;}
.footer-sitemap .sitemap-list >li>ul>li { position: relative; }
.footer-sitemap .sitemap-list >li .lv3toggle { position: absolute; top: 5px; right: 5px; background-color: transparent; border: none; padding: 0; font-size: 1.2rem; outline:none;padding:0 10px;}
.footer-sitemap .sitemap-list >li .lv3 { margin-right: 20px; height: 0; overflow: hidden; }
.footer-sitemap .sitemap-list >li .open .lv3 { height: auto; }
.footer-sitemap .sitemap-list >li .lv3 a { font-size: .85rem; padding: 2px 0; position: relative; padding-left: 15px; }
.footer-sitemap .sitemap-list >li .lv3 a:before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; border-top: 1px solid #666; }
.footer-sitemap .sitemap-list >li .lv3 a:hover { color: #f5a552; }
.footer-bottom { background-color: #6B6A6F; color: #fff; text-align: left; padding: 15px 0; }
.footer-bottom .container { position: relative; }
.hf-mark { position: absolute; right: 0; top: 50%; margin-top: -11px; }
.fnotice-text-container { padding: 20px; display: none; }
.acc-toggle { font-size: 1.1rem; }
.acc-toggle i {  vertical-align: middle; line-height: 0.9rem; display: inline-block; transform: rotate(0deg) }
.acc-toggle >span { vertical-align: middle; }
.acc-toggle.open i { transform: rotate(180deg) }
.error-page .footer-top { background-color: #EEEEEE; }
.error-page .footer-top .footer-service ul li a { color: #6B6A6F; }
.error-page .footer-social .follow> ul:before { color: #6B6A6F; }
.error-page .footer-social .follow> ul:after { background-color: #6B6A6F; }
.error-page .footer-social .follow> ul li a { color: #6B6A6F; border-color: #6B6A6F; }
.error-page .footer-top-frame .epaper button { color: #6B6A6F; border-color: #6B6A6F; }
.error-page .footer-link { text-align: center; }
.error-page .footer-right { text-align: center; }

/*luna*/
/*.footer-top{background-color: #585455;}*/
.footer-notice .acc-toggle >span{padding-right: 10px;} 
.footer-notice .acc-toggle i {font-size: 1.2rem;}
.footer-sitemap h5 .sitemap-toggle span{padding-right: 10px;}
.footer-sitemap .sitemap-list >li ul li p{padding: 6px 0;display: block;font-size: 0.9rem;color: #666;}
.footer-sitemap .sitemap-list >li ul li p:hover{color:#ca4f0f;}
.error-page .footer-top .footer-service ul li a .text h5{color: #6B6A6F;}

.footer-sitemap h5{border-bottom:none;}
.footer-sitemap.opened .sitemap-list{max-height: none;display: block;padding: 0;}
.footer-sitemap .sitemap-list >li{display: inline-block;width: 24%;vertical-align: top;border-top: 1px solid #fff;padding-top: 20px;margin-bottom: 40px;}
.footer-sitemap .sitemap-list >li .lv3 li{padding: 2px;}
/*.footer-bottom{background-color: #585455;}*/
/*luna*/

/* social */
.icon-fb a { color: #39589B; }
.icon-line a { color: #00C300; }
.icon-youtube a { color: #FF0000; }

/* fancybox */
.fancybox-slide--html { padding: 0; }
.fancybox-content.size-s1 { max-width: 400px; max-height: 750px; width: calc(100% - 30px); height: calc(100vh - 30px) }
.fancybox-content.size-m { max-width: 650px; max-height: 750px; width: calc(100% - 30px); height: calc(100vh - 30px) }
.fancybox-close-small { background-color: #000; top: -20px; opacity: 1; border-radius: 50%; border: 2px solid #fff; padding: 0px; }
.iframe-page { padding-bottom: 90px; }
.iframe-page .iframe-fixed-button { position: fixed; bottom: 0; left: 0; }
.iframe-page .iframe-fixed-button ul { list-style: none; padding: 0; margin: 0; display: table; table-layout: fixed; width: 100%; }
.iframe-page .iframe-fixed-button ul li { display: table-cell; }
.iframe-page .iframe-fixed-button ul li a { display: block; background-color: #ca4f0f; vertical-align: middle; border-radius: 0; font-size: 1.2rem; color: #fff; padding: 15px 10px; border-right: 1px solid #fff; text-align: center; }
.iframe-page .iframe-fixed-button ul li:last-child a { border-right: none; }
.iframe-page .iframe-fixed-button ul li a .icon { display: inline-block; vertical-align: middle; margin-right: 10px; width: 28px }
.iframe-page .iframe-fixed-button ul li a:hover { letter-spacing: 3px; }
.inline-modal { overflow: auto; height: 100%; }
.inline-modal .iframe-fixed-button { position: absolute; bottom: 0; left: 0; z-index: 99999; }
.inline-modal .iframe-fixed-button ul { list-style: none; padding: 0; margin: 0; display: table; table-layout: fixed; width: 100%; }
.inline-modal .iframe-fixed-button ul li { display: table-cell; }
.inline-modal .iframe-fixed-button ul li a { display: block; background-color: #ca4f0f; vertical-align: middle; border-radius: 0; font-size: 1.2rem; color: #fff; padding: 15px 10px; border-right: 1px solid #fff; text-align: center; }
.inline-modal .iframe-fixed-button ul li:last-child a { border-right: none; }
.inline-modal .iframe-fixed-button ul li a .icon { display: inline-block; vertical-align: middle; margin-right: 10px; width: 28px }
.inline-modal .iframe-fixed-button ul li a:hover { letter-spacing: 3px; }
.fb-inline-wrapper .iframe-fixed-button { position: absolute; bottom: 0; left: 0; z-index: 99999; }
.fb-inline-wrapper .iframe-fixed-button ul { list-style: none; padding: 0; margin: 0; display: table; table-layout: fixed; width: 100%; }
.fb-inline-wrapper .iframe-fixed-button ul li { display: table-cell; }
.fb-inline-wrapper .iframe-fixed-button ul li a { display: block; background-color: #ca4f0f; vertical-align: middle; border-radius: 0; font-size: 1.2rem; color: #fff; padding: 15px 10px; border-right: 1px solid #fff; text-align: center; }
.fb-inline-wrapper .iframe-fixed-button ul li:last-child a { border-right: none; }
.fb-inline-wrapper .iframe-fixed-button ul li a .icon { display: inline-block; vertical-align: middle; margin-right: 10px; width: 28px }
.fb-inline-wrapper .iframe-fixed-button ul li a:hover { letter-spacing: 3px; }
.fancybox-slide--html .fb-inline-content .fancybox-close-small { color: #333; background-color: transparent; top: 15px; opacity: 1; border-radius: 50%; border: 0; padding: 0px; right: 15px; width: 30px; height: 30px; background-image: url('../img/icon/icon_close.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.fb-inline-wrapper { height: 100%; overflow: hidden; padding-bottom: 65px; }
.fb-inline-content { overflow: visible; padding: 0; }
.fb-inline-wrapper.no-fixed-btn { padding-bottom: 0; }
.fb-inner-frame { padding: 30px 40px; }

/* slick */
.slick-prev, .slick-next { position: absolute; top: 50%; border: none; color: #fff; background-color: rgba(0, 0, 0, .5); display: flex; height: 80px; justify-content: center; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background-color: rgba(0, 0, 0, .6); }
.slick-prev:before, .slick-next:before { font-family: 'kyicon';  font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3.6rem; transform: scaleX(.5); }
.slick-prev { left: 0; z-index: 1; }
.slick-prev:before { content: "\e314";position: absolute;left: -20px; top: 15px; }
.slick-next { right: 0; }
.slick-next:before { content: "\e315";position: absolute; right: -20px; top: 15px; }
.slick-dots { bottom: -35px; left: 0; }
.slick-dots li { width: 12px; height: 12px; transition: all ease-in-out .3s; padding: 0; }
.slick-dots li button { width: 12px; height: 12px; padding: 0; transition: all ease-in-out .3s; }
.slick-dots li button:before { background-color: #6B6A6F; content: ""; border-radius: 6px; width: 12px; height: 12px; opacity: 1; position: relative; display: block; transition: all ease-in-out .3s; }
.slick-dots li.slick-active { width: 26px; box-shadow: none; }
.slick-dots li.slick-active button { width: 26px; }
.slick-dots li button:hover, .slick-dots li button:focus { box-shadow: none; background-color: transparent; }
.slick-dots li.slick-active button:before { width: 26px; background-color: #ca4f0f; }
.type-2 .slick-prev:before { content: "\e5c5"; transform: rotate(90deg); font-size: 1.5rem; }
.type-2 .slick-next:before { content: "\e5c5"; transform: rotate(-90deg); font-size: 1.5rem; }
.type-2 .slick-prev, .type-2 .slick-next { width: 30px; background-color: rgba(0, 0, 0, .1) }
.type-2 .slick-prev:hover, .type-2 .slick-next:hover { background-color: rgba(0, 0, 0, .2); }

/*luna*/
.home-content .see-taiwan .slick-dots{bottom: -45px;}
/*luna*/

/* member */
.memeber-research { display: block; width: 100%; padding-top: 30px; }
.memeber-research h4 { font-size: 1.1rem; color: #9c9c9c; font-weight: 400; text-align: center; margin-bottom: 20px; }
.member-research-list { height: 200px; }
.member-research-list ul { padding: 0; list-style: none; margin: 0; }
.member-research-list ul li { display: block; margin-bottom: 5px; padding: 5px 0; }
.member-research-list ul li .question-answer { display: inline-block; width: 80px; vertical-align: middle; }
.member-research-list ul li .question-text { display: inline-block; width: calc(100% - 85px); vertical-align: middle; color: #8d7d42; padding-left: 5px; }

/* others */
.starter-lang-link { display: flex; justify-content: center; align-items: center; padding: 12px 0; }
.starter-lang-link a { padding: 0px 10px; line-height: 1; }
.starter-lang-link a ~ a { border-left: 1px solid #6B6A6F; }
.tab-swiper .nav { flex-wrap: nowrap; }
.tab-swiper .nav-tabs.type-3 .nav-item { flex: 0 0 auto; }
.tab-swiper .nav-tabs.type-3 .nav-link { white-space: nowrap; }
.transfer-station{background-color: #f9f9f9;padding:20px;display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.transfer-station a{margin:5px 10px;color: #333;}
.transfer-station a:after{background-color: #333;}
.transfer-station a:hover{color: #ca4f0f}
.transfer-station a:hover:after{background-color: #ca4f0f}

/*luna*/

/*tender*/
.tendercate-tab .at-right{z-index: 100;position: absolute;right: 0;top: -10px;}
.tendercate-tab .nav-tabs li p{position: relative;background-color: #E6E6E6;border-radius: 0;font-size: 1rem;padding-top: 12px;padding-bottom: 12px; white-space: nowrap;}
.tender-info-container .at-right{z-index: 100;top: -25px;}
.tender-info-container .relative{overflow: hidden;}
.tender-info-container .t-tag { transform:skew(-20deg); border: #ca4f0f;border:1px solid #ca4f0f;font-size: 1rem; padding: 0 10px; position: relative;  color: #333; margin: 0 5px; white-space: nowrap; display: inline-block;height: 26px;}
.tender-info-container .tt-tag{transform:skew(20deg);display: block;line-height: 25px;}
.tender-info-container .tender-info{display: block; float: left;}
.tender-info-container .card-body{padding: 1.25rem 0;}
#tender-TabContent table tbody tr td a{color: #000;}
#tender-TabContent table tbody tr td a:hover{color: #ca4f0f;}
#tenderinfo-list01 th:nth-child(1),#tenderinfo-list01 th:nth-child(2){width:8% !important;}
#tenderinfo-list01 th:nth-child(3){width:12% !important;min-width: 140px;}
#tenderinfo-list01 th:nth-child(4){width:28% !important;min-width: 360px;}
#tenderinfo-list01 th:nth-child(5){width:12% !important;}
#tenderinfo-list01 th:nth-child(6){width:16% !important;}
#tenderinfo-list01 th:nth-child(7){width:6% !important;min-width: 70px;}
#tenderinfo-list02 th:nth-child(1),#tenderinfo-list02 th:nth-child(2){width:12% !important;}
#tenderinfo-list02 th:nth-child(3){width:18% !important;min-width: 140px;}
#tenderinfo-list02 th:nth-child(4){width:48% !important;min-width: 360px;}
#tenderinfo-list02 th:nth-child(5){width:10% !important;}
#tenderinfo-list03 th:nth-child(1),#tenderinfo-list03 th:nth-child(2){width:12% !important;}
#tenderinfo-list03 th:nth-child(3){width:18% !important;min-width: 140px;}
#tenderinfo-list03 th:nth-child(4){width:48% !important;min-width: 360px;}
#tenderinfo-list03 th:nth-child(5){width:10% !important;}
/*for IE11*/
#tenderinfo-list01_wrapper .table-responsive{overflow-x:auto;}

.tender-content .table-top-function-left .form-check{padding-left: 28px;}
/*.tender-info-container .t-tag:before { content: ""; position: absolute; width: 5px; height: 100%; border-bottom: 23px solid #ca4f0f; border-left: 5px solid transparent; left: -5px; top: 0; }
.tender-info-container .t-tag:after { content: ""; position: absolute; width: 5px; height: 100%; border-top: 23px solid #ca4f0f; border-right: 5px solid transparent; right: -5px; top: 0; }
*/
.table-top-function-left{display: block;}
.at-left{float: left;}
.at-right{display: block;float: right;}
.transfer-station a:hover:after{transition: all ease-in-out .3s;}
/*luna*/


/*datatable*/
.dataTables_length{display: none;}
.dataTables_filter{display: none;}
.dataTables_paginate {display: none;}
.dataTables_info{display: none;}
.dataTables_wrapper .dataTable>thead>tr>th.sorting:before, .dataTables_wrapper .dataTable>thead>tr>th.sorting_asc:before, .dataTables_wrapper .dataTable>thead>tr>th.sorting_desc:before{font-size: .5rem;color: #000;}
.dataTables_wrapper .dataTable>thead>tr>th.sorting:before{content: "\e973";color: #7a7a7a;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;opacity: 0.6;}
/*.dataTables_wrapper .dataTable>thead>tr>th.sorting:before{content: "\e5c7";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;opacity: 0.8;}
.dataTables_wrapper .dataTable>thead>tr>th.sorting:after{content: "\e5c5";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;opacity: 0.8;}*/
.dataTables_wrapper .dataTable>thead>tr>th.sorting_desc:before{content: "\e974";color: rgb(0, 0, 0);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;opacity: 1; }
.dataTables_wrapper .dataTable>thead>tr>th.sorting_asc:before{content: "\e977";color: rgb(0, 0, 0);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;opacity: 1;}

/* tab */
.swiper-wrapper{border-bottom:none;}
.tendercate-tab .swiper-wrapper{transform: none;}

/*template*/
.template_title h6,.template_title .h6{width:200px;letter-spacing: 5px;font-weight: normal;}
.template_title .title_line{position: relative; top: -20px; left: 200px; width:calc(100% - 200px);border-bottom: 2px solid #ca4f0f;}
.template_content{margin: 30px 100px;}

.four-type {border: 1px solid #ccc;padding: 0;min-height: 500px;display: block;float: left; margin-bottom: 20px;}
.four-type .four-type-content{padding: 15px;}
.four-type img{width:100%;}
.four-type h6,.template_content .pic-type h6,.four-type .h6,.template_content .pic-type .h6{text-align: center;}
.two-type .con-7{width: 70%;padding: 10px;}
.two-type .con-3{width: 30%;padding: 10px;}
/*.two-type .con-5{width: 50%;padding: 10px;}*/
.two-type img{width:100%;}
.pic-type{float: left;}
.pic-type.con-2{width:20%;}
.pic-type.pic-center{margin: 0 auto;}
.pic-type img{width:100%;}
.quote-type{border: 1px solid #ccc;}
.quote-type .quote-title{background-color:#F3F3F3;border-bottom: 2px solid #ca4f0f;padding: 20px;}
.quote-type .quote-content{/*padding: 20px;*/}

.traffic-tab-siper.auto-swiper{margin: 0;}
.traffic-tab-siper.auto-swiper .nav-tabs{margin: 0;}
.traffic-tab-siper.auto-swiper .nav-tabs li{width: auto;}

/*fullcalendar*/
.fc-toolbar .fc-right{padding-top: 4px;}

/*transferservice*/
.transfer-container .table-sm{display: none;}
.transfer-container .table-lg{display: block;}
.transfer-container .table.color-07 thead th{background-color:#F3F3F3; }
.transfer-container ul{margin-top: 10px;}
.transfer-container h4,.transfer-container .h4{font-size:1.25rem;font-weight: 400;}
.transfer-container .table thead th{vertical-align: middle;padding: 6px;}

/*trainsalelist*/
.top-cbanner-section .pcfilter-container{    display: flex; justify-content: center;flex-wrap: wrap;}
.top-cbanner-section .pcfilter-container .btn{margin: 5px 8px 4px 8px;box-shadow:none;border: 1px solid #ccc;}
.product-list-section .graybg-container .saletimebox{width: 50%;padding: 15px  ;display: block;float: left;}
.product-list-section.trainsalelist-section .product-list li{padding-bottom: 0}
.saletimebox tr td p{text-align: left;}
.saletimebox .quote-type{border: none;}
.saletimebox .quote-type .quote-title{background-color: #E1E1E1;}
.saletimebox .quote-type .quote-title .gray{color: #555!important;}
.sale-type{float: left;}
.saletimebox .quote-type table tbody tr {border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.saletimebox .quote-type table tbody tr td{border-right:1px solid #ccc; }
.saletimebox .quote-type table tbody tr td:last-child{border-right:none; }
.saletimebox .quote-type table tbody tr td.quote-stitle{line-height: 1.2;font-weight: 400; color: #BE4C0E;width: 60px;padding: 15px 12px;}
.saletimebox .quote-type table tbody tr td.quote-scontent{padding: 10px;}

.top-cbanner-section .underlline-link{display: inline-block;}

/*distribution*/
.distribution_container h5,.distribution_container .h5{margin-bottom:1.2rem;color: #ca4f0f;}
.distribution_container h5:first-child,.distribution_container .h5:first-child{padding-right: 10px;display: block;float: left;}
.distribution_container .distribution-table h5,.distribution_container .distribution-table .h5{color: #333;}
.distribution-table{float: left;}
.distribution-table table tr th{color: #fff;}
.distribution-table .table-g tr th{background-color: #57801E;}
.distribution-table .table-b tr th{background-color: #197AB3;}
.distribution-table .table.color-05 thead tr:first-child th{border-top: none;}

/*product-detail*/
.product-detail-section .slick-prev:before{content: "\e314";transform: scaleX(.5);font-size: 3.6rem;opacity: .75;left: -15px;}
.product-detail-section .slick-next:before{content: "\e315";transform: scaleX(.5);font-size: 3.6rem;opacity: .75;right: -15px;}

/*traffic package*/
.trafficpackage-section .nav-tabs.type-3 .nav-link{ font-size: 1.2rem;}

.traffic-container ul li h4,.event-container ul li h4,.traffic-container ul li .h4,.event-container ul li .h4{font-size: 1.2rem;margin-bottom:15px; }
.traffic-container ul li .action .btn,.event-container ul li .action .btn{font-size: 1rem;}

/*sitemap*/
.sitemap-descript ul{list-style: none;padding: 0;}
.sitemap-descript ul.sitemap{margin-left: -15px;margin-right: -15px;}
.sitemap-descript ul.sitemap>li{display: inline-block;vertical-align: top;width: 33%;margin-bottom:40px;padding: 0 15px;}
.sitemap-descript ul.sitemap>li>a{display: block;background-color: #585455;color: #FFF;line-height: 1.5;text-decoration: none;padding: 10px 20px 10px 50px;}
.sitemap-descript ul.sitemap>li ul.sitemap2{padding: 15px 0 10px;background: rgba(0,0,0,.02);}
.sitemap-descript ul.sitemap>li ul.sitemap2>li a{padding-left: 60px;margin-bottom: 10px;color: #000;text-decoration: none;display: flex;padding-right: 10px;}
.sitemap-descript ul.sitemap>li ul.sitemap2>li a:hover{color: #ca4f0f;}
.sitemap-descript ul.sitemap>li ul.sitemap2>li ul.sitemap3>li>a{padding-left: 90px;padding-right: 10px;}
.sitemap-descript .sitemap *>:before{content: attr(data-site);position: absolute;margin-left: -25px;}
.sitemap-descript .sitemap2 *>:before {content: attr(data-site2);position: absolute;margin-left: -35px;}
.sitemap-descript .sitemap3 *>:before {content: attr(data-site3);position: absolute;margin-left: -50px;}

/*20210317*/
.time-result-section .traffic-time{background: url(../img/arrow.png)no-repeat 80% center;background-size: cover;}
.time-result-section .traffic-time p{padding-top: 20px;}
.time-result-section .traffic-time:before,.time-result-section .traffic-time:after{display: none;}
.time-result-panel .order-panel .oreder-item .station-info .arrow{margin: 0 10px;padding: 25px 0 0 ;background: url(../img/arrow-s.png)no-repeat right center;background-size: cover;width: 40px;}
.time-result-panel .order-panel .oreder-item .station-info .arrow:before,.time-result-panel .order-panel .oreder-item .station-info .arrow:after{display: none;}

/*loading*/
.pageloader { position: absolute; top: 0; width: 100%; height: 100%; display: block; background-color: #fff; z-index: 99999; }
.loaders { height: 100%; background-color: #fff; background:url(../img/loading.gif) no-repeat center center ;}
/* @keyframes l-bars {
 0% { background-size: 5px 30px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px; }
 16.6% { background-size: 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px; }
 33.2% { background-size: 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px, 5px 10px; }
 49.8% { background-size: 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px, 5px 10px; }
 66.4% { background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px, 5px 10px; }
 83% { background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px, 5px 10px; }
 100% { background-size: 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 10px, 5px 40px; }
} */


/*Print CSS*/
@page{size: 297mm 210mm portrait;margin:5mm;margin-top: 2cm;margin-bottom: 2cm;}
@media print {
    * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; printer-colors: exact !important; color-adjust: exact !important; }
	html, body { background-color: rgba(0, 0, 0, 0) !important; width: 100% !important; }
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
	h1+p, h2+p, h3+p { page-break-before: avoid; }
	a { page-break-inside: avoid; }
	img { page-break-after: avoid; page-break-inside: avoid; }
	table, blockquote { page-break-inside: avoid; }
	ul, ol, dl { page-break-before: avoid; }
	div.pageBlock { page-break-before: always; }
	#block-nav { display: none; }
	.si-content .content-nav.sticky { position: relative; top: 0; }
	.fixed-service { display: none; }
	.fixed-function-panel.open { display: none; }
	.time-result-section { display: block; }


	header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title { padding: 45px 20px 20px 20px; }
	header .main-menu .main-menu-frame .menu-lv1>li .menulv1-title { font-size: 1rem; }
	.list-container > li .pic { flex: 0 0 200px;}
	.list-container > li .action { flex: 0 0 150px;}
	.tab-swiper .nav-tabs.type-3 .nav-item { flex: 0 0 33%;}

	.col-lg-2 {-ms-flex: 0 0 16.666667% !important;flex: 0 0 16.666667% !important;max-width: 16.666667% !important;}
	.col-lg-5 {-ms-flex: 0 0 41.666667% !important;flex: 0 0 41.666667% !important;max-width: 41.666667% !important;}
	.col-lg-7 {-ms-flex: 0 0 58.333333% !important;flex: 0 0 58.333333% !important;max-width: 58.333333% !important;}
	.col-lg-8 {-ms-flex: 0 0 66.666667% !important;flex: 0 0 66.666667% !important;max-width: 66.666667% !important;}
	.col-xl-4 {-ms-flex: 0 0 33.333333% !important;flex: 0 0 33.333333% !important;max-width: 33.333333% !important;}
	.col-xl-5 {-ms-flex: 0 0 43% !important;flex: 0 0 43% !important;max-width: 43% !important;}
	.col-xl-6 {-ms-flex: 0 0 50% !important;flex: 0 0 50% !important;max-width: 50% !important;}
	.col-xl-7 {-ms-flex: 0 0 57% !important;flex: 0 0 57% !important;max-width: 57% !important;}
	
}

.btn-font-size {
    border: 1px solid #999;
    padding: 0;
    margin-right: 5px;
    cursor: pointer;
    background: #fff;
    color: #666;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

    .btn-font-size:hover {
        border: 1px solid transparent;
        background: #ca4f0f;
        color: #ffffff;
    }

.btn-font-size.small {
    font-size: 1rem;
}

.btn-font-size.large {
    font-size: 1.2rem;
}

.btn-font-size.selected {
    border: 1px solid transparent;
    background: #ca4f0f;
    color: #ffffff;
}

header .main-menu .menu-area-02 ul li .dropdown-toggle .icon {
    margin-right: 5px;
    font-size: 1.4rem;
    vertical-align: middle;
}

header .main-menu .menu-area-02 ul li .dropdown-toggle {
    padding: 0;
    color: #666;
    font-size: .9rem;
    line-height: 32px;
    font-weight: 400;
    align-items: center;
    border: none;
}

.menu-area-02 .dropdown-toggle::after {
    border-top: none;
    border-left: none;
    margin-right: 3px;
    content: "\25BC";
    vertical-align: revert;
    transform: scale(0.5);
    border-bottom: none!important;
    border-right: none!important;
    width: auto;
    height: auto;
}

/* 首頁 */
@media (max-width: 1023px) {
    .home-action-tab-area {
        top: -30px !important;
    }

        .home-action-tab-area .nav-item a::after {
            content: "\25BA";
            color: #ca4f0f;
            display: inline-block;
            position: relative;
            transform: scale(0.4, 0.8);
            line-height: 1rem;
        }

    .ha-nav-tab ul {
        background-color: #fff;
        border-bottom: 1px solid #dedede;
    }

    .ha-nav-tab.xs {
        display: block !important;
        margin-bottom: 15px;
    }

    .ha-nav-tab ul li a {
        font-size: 1rem !important;
    }

    /* 縮小'美好從這裡出發'的字體 */
    .home-content > .title-01 {
        font-size: 1.5rem;
    }

    .home-recommend ul {
        background: #f9f9f9;
    }

    /* 推薦連結按鈕樣式 */
    li.swiper-slide {
        border: 1px solid #dedede;
        border-radius: 10px;
        margin-bottom: 9px;
        margin-top: 0px !important;
        box-shadow: 0 3px rgb(0 0 0 / 10%);
    }
}

/*調整列車運行狀況有異常時*/
@media (max-width: 1199px) {
    .status-attention header .container,
    .status-warning header .container {
        margin-top: 0 !important
    }
}