input[type=text] {
    border: none;
    border-bottom: 2px solid #28133F;
    height:32px;
    font-size:20px;
    font-family:標楷體;
    background-color: #FCF5D3;
}

input:focus {
    outline: none;
}

input[type=button], input[type=reset], input[type=submit]{
    padding:5px 15px;
    background:#fad7d2;
    border:2 black ;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
input:read-only {
  background-color: #ccc;
}
/*文字大小與型態*/
.rbord{font-weight:bold;}
.rtitle{font-size:34px;font-family:"source-han-sans-traditional","標楷體";font-style: normal;}
.rword{font-size:28px;font-family:"source-han-sans-traditional","標楷體";font-style: normal;}
.rword2{font-size:26px;font-family:"source-han-sans-traditional","標楷體";font-style: normal;}
.rword3{font-size:24px;font-family:"source-han-sans-traditional","標楷體";font-style: normal;}
.rword4{font-size:20px;font-family:"source-han-sans-traditional","標楷體";font-style: normal;}
.rword45{font-size:18px;font-family:"source-han-sans-traditional","標楷體";font-style: normal;}
.rword5{font-size:16px;font-family:"source-han-sans-traditional","標楷體";font-style: normal;}

/*文字顏色*/
.cblack{color:black;}
.cblue{color:blue;}
.cgreen{color:dodgerblue;}
.cgr{color:green;}
.cred{color:red;}
.cgray{color:gray;}
.cwhite{color:white;}
.ccrimson{color:crimson;}
.ccfblue{color:cornflowerblue;}
.cpowderblue{color:powderblue;}
.clightpink{color:lightpink;}
.ctan{color:tan;}
.cyellow{color:mediumorchid;}
.clightcoral{color:lightcoral;}
.clightyellow{color:lightyellow;}
.clightgreen{color:lightgreen;}
.cchoco{color:chocolate;}

.blink {animation-duration: 1s;animation-name: blink;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;}
@keyframes blink {from {opacity: 1;}to {opacity: 0.5;}}

/*底色--花格*/
.TagColorBlue1{background-image: linear-gradient(rgba(78,172,219, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(78,172,219, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorBlue2{background-image: linear-gradient(rgba(192,214,228, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(192,214,228, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorBlue3{background-image: linear-gradient(45deg ,rgba(91,170,196, 0.2) 50%, transparent 0), linear-gradient(135deg ,rgba(91,170,196, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorBlue4{background-image: linear-gradient(0deg ,rgba(91,170,196, 0.2) 50%, transparent 0), linear-gradient(45deg ,rgba(91,170,196, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorGreen1{background-image: linear-gradient(rgba(131,228,188, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(131,228,188, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorGreen2{background-image: linear-gradient(rgba(102,205,170, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(102,205,170, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorTan{background-image: linear-gradient(rgba(210,180,140, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(210,180,140, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorPink{background-image: linear-gradient(rgba(255,192,203, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(255,192,203, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorPurple{background-image: linear-gradient(rgba(212,181,255, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(212,181,255, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorYellow{background-image: linear-gradient(rgba(229,224,168, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(255,246,143, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorRed{background-image: linear-gradient(rgba(200,160,160, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(128,0,0, 0.2) 50%, transparent 0); background-size: 25px 25px;}
.TagColorRed2{background-image: linear-gradient(25deg ,rgba(211,179,179, 0.2) 50%, transparent 0), linear-gradient(115deg ,rgba(205,169,169, 0.2) 50%, transparent 0); background-size: 25px 25px;}

.BoxUncheck{background-image: linear-gradient(0deg ,rgba(91,170,196, 0.2) 50%, transparent 0), linear-gradient(45deg ,rgba(91,170,196, 0.2) 50%, transparent 0); background-size: 25px 25px;width:98%;height:40px;}
.BoxCheck{background-image: linear-gradient(rgba(200,160,160, 0.2) 50%, transparent 0), linear-gradient(90deg ,rgba(128,0,0, 0.2) 50%, transparent 0); background-size: 25px 25px;width:98%;height:40px;border-radius:10px;}
/*底色--單色*/
.textbox{background-color:gray;}
.textboxb{background-color:blue;}
.textboxccf{background-color:cornflowerblue;}
.textboxdg{background-color:darkseagreen;}
.textboxg{background-color:palegreen;}
.textboxle{background-color:lemonchiffon;}
.textboxlg{background-color:lightgray;}
.textboxlgg{background-color:#e7e7e7;}
.textboxls{background-color:lightsalmon;}
.textboxlv{background-color:lavender;}
.textboxp{background-color:lightpink;}
.textboxpa{background-color:papayawhip;}
.textboxpw{background-color:powderblue;}
.textboxpw2{background-color: #B5D2E8;}
.textboxr{background-color:lightcoral;}
.textboxrm{background-color:#70A7E0;}
.textboxlr{background-color:#ffcccc;}
.textboxt{background-color:tan;}
.textboxth{background-color:thistle;}
.textboxy{background-color:linen;}
.textboxwh{background-color:wheat;}
.textboxw{background-color:white;}

/*文字--定位*/
.wcn{text-align:center;}
.wln{text-align:left;}
.wrn{text-align:right;}
.text_hline{margin-left : 3.5em;text-indent : -3.5em ;}
.text_oline{margin-left : 2em;text-indent : -2em ;}
.text_oline_sec{margin-left : 4em;text-indent : -2em ;}
.text_oline_trd{margin-left : 6em;text-indent : -1em ;}
.text_fline{margin-left : 2em;}
.text_year{border-bottom: 3px #ffaaaa double;margin-right: 5px;}

/*清除浮動放在外框用*/
.clearfix{display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#background {position:absolute; z-index:998; top:0px; left:0px; background:rgb(50,50,50);background:rgba(0,0,0,0.5); display:none;}
#float_Black {position:absolute; z-index:998; top:0px; left:0px; background:rgb(40,40,40);background:rgba(0,0,0,0.5); display:none;}
#EditBlank {position:absolute; width:1680px; z-index:999; padding:10px; background:#fff; border-radius:5px; display:none;}

/*表格及定位*/
.CC {cursor: pointer;}
table {border-collapse: collapse; }
p{clear:both;margin:0;}
ul{clear:both;list-style:none;}
a{text-decoration:none;clear:both;margin:0;}
a:hover{border-bottom:1px dashed #111;}
#zoomimg:hover{border-bottom:1px solid white;}

/* 新網站群聚點*/
/* 首頁區塊*/
#Logo{position: absolute;top:0px;left:5px;width:200px;height:100px;background-image: url( '/image/icons/logo.png' );background-repeat:no-repeat;background-size: contain;cursor: pointer;}
#MainMenu{position: absolute;top:0px;left:205px;width:810px;height:100px;}
#MainBlock{position: absolute;top:106px;left:5px;width:1014px;height:636px;}
#QuickSearch{width:470px;height:auto;overflow-y: hidden;overflow-x: hidden;}
#Business{position: relative;width:1014px;height:110px;margin: 5px auto;float: left;}
#GroupLink{position: absolute;top:747px;left:5px;width:1014px;height:150px;}
#Footer{position: absolute;top:902px;left:5px;width:1014px;height:24px;border-top:2px #70A7E0 double}

/* 公告選單*/
#AnnMenu{position: absolute;top:0px;margin: 5px auto;width:1014px;height:40px;}
#AnnBoard{position: absolute;top:45px;margin: 5px auto;width:1014px;height:740px;overflow-y: hidden;overflow-x: hidden;}
#AnnMore{position: relative;width: 24px;height:24px;top:4px;}
html.noscroll {position: fixed;overflow-y: scroll;width: 100%;}
html.fixWindow {position: fixed;width: 100%;}
.FriendlyLink{background-repeat:no-repeat;background-size: 180px 70px;width:184px;height:74px;padding: 3px;}
.BusLink{width:180px;height:60px;padding: 3px;border-radius:10px;background-color:white;}
.MainMenu{width:110px;height:30px;border-bottom: 2px cornflowerblue solid;}
.MainMenu:hover{border-bottom: 2px #ee4035 double;}
#MMenu{width: 110px;height: 30px;border: 2px cornflowerblue solid;cursor: pointer;text-align: left;padding-left: 10px;}
#MMenu:hover{border-bottom: 2px crimson double;}
.AnMonthList{display:inline;}
.AnnMonth{width:140px;height:30px;margin-left: 10px;float:left;}
.MonthOn{border-bottom: 5px cornflowerblue double;}
.MonthOn:hover{border-bottom: 5px crimson double;cursor: pointer;}
.MonthSelect{border: 5px crimson double;}
.MonthOff{border-bottom: 5px #7f7f7f Solid;}
#AnnBox{width:990px;margin-left: 10px;margin: 5px auto;border: 1px #70A7E0 solid;}
.AnExpend{width:24px;height:24px;border: 1px cornflowerblue solid;line-height: 24px;float: left;margin: 3px;}
.AnTitle{width:950px;text-align:left;float:left;margin-left: 5px;}
.AnText{width:980px;text-align:center;margin:0 auto;}
ul#AnnounceBoard {width: 480px; text-overflow : ellipsis; white-space : nowrap;}
ul#AnnounceBoard li{border-bottom: 1px #B2C1FF solid;}
ul#AnnounceBoard li.CC:hover{border-bottom: 1px#ee4035 solid;}
ul#AnnounceBoard li.LBCss:hover{cursor: pointer;background-image: linear-gradient(45deg ,rgba(178,193,255, 0.4) 50%, transparent 0), linear-gradient(135deg ,rgba(178,193,255, 0.4) 50%, transparent 0); background-size: 36px 24px;}

/*主選單 */
ul, li { margin: 0;padding: 0;list-style: none;} /* 取消ul預設的內縮及樣式 */
ul.drop-down-menu {display: inline-block;position:absolute;bottom: 0px;left:3px;}
ul.drop-down-menu li {position: relative;white-space: nowrap;border-radius:7px;margin-right: 2px;}
ul.drop-down-menu > li {float: left; } /* 只有第一層是靠左對齊*/
ul.drop-down-menu ul {border-left: 4px cornflowerblue double;position: absolute;z-index: 99;left: -1px;top: 100%;min-width: 98px;}
ul.drop-down-menu ul li {margin-top:2px;background-color: white;border-radius:7px;}
ul.drop-down-menu ul {display: none;}/*隱藏次選單*/
ul.drop-down-menu li:hover{background:#c2ddd7; }
ul.drop-down-menu li:hover > ul {display: block;} /* 滑鼠滑入展開次選單*/

/*燈箱*/
#LightBox {width: 512px;height: 395px;border: 2px #B2C1FF solid;padding: 4px;border-radius:8px;margin:3px;}
.BoxBlock {border: 2px #B2C1FF solid;padding: 1px;border-radius:8px;margin:2px;}
.LightBoxMonitor {width: 512px;height: 340px;position: relative;overflow: hidden;}
.LightBoxMonitor ul.PlayerList {position: absolute;width: 512px;height: 320px;left: 4px;top: 1px;}
.LightBoxMonitor ul.PlayerList li {float: left;width: 512px;height: 310px;}
.LightBoxMonitor ul.PlayerList img{margin-top: 5px;width: auto;height: 300px;border: 0;}
.LightBoxChannel {height: 32px;border-radius:8px;margin:3px;padding: 3px;color: #ffb;font-size: 14px;background: #c6e2ff;}
.LightBoxChannel ul {display:inline;}
.LightBoxChannel ul li {float: left;width: 24px;padding: 0 5px;border-radius:4px;line-height: 24px;vertical-align: middle;margin: 2px;background: #fcefa1 ;color:dodgerblue;cursor: pointer;}
.LightBoxChannel ul.numbers {margin-left: 13px;}
.LightBoxChannel ul li.now {background: #fff;color:#000;}
.LightBoxChannel ul li.hover {background: #fff;color:#000;}

/*時刻 */
.StopSearch{position: absolute;top:-75px;left:200px;width:810px;height:75px;line-height: 75px;vertical-align: middle;border-bottom: 3px #B2C1FF double;}
.SearchBox{background-repeat:no-repeat;background-size: 32px 32px;background-image: url(/image/icons/magnifier.jpg);width:32px;height:32px;position: relative;top:0px;}
.RoadCity{width:120px;height:35px;border-radius:5px;}
.boxSelect{background: #a0c0f0;border: 2px #FF7F7F solid;}
#LineArea{overflow-y: auto;overflow-x: hidden;width: 100%;height: 795px;}
.LineGroupHead{margin: 0 auto;width:100%;}
.LineButton{width:380px;height:36px;border-radius:5px;position: relative;top: 1px;}
.LineStopMap{width:980px;height:700px;margin:0px auto;}
.LineInStopTime{width:955px;height:auto;margin:0px auto;}
.AssLineTime{width:98%;height:auto;margin:0px auto;}
.LineStopMapFullScale{display:inline-block;cursor: url(/image/icons/zoom_out.gif), default;}
.MainImgMenu{width:100px;height:55px;border-bottom: 2px hotpink solid;}
.LineImgList{display:inline;}
.SubImgMenu{display:inline-block;border-bottom: 2px #6C6C6C solid;width:70px;height:30px;border-radius:5px;margin-right: 10px;margin-top: -5px;}
.SubImgMenu:hover{background: #a0f0c0;border-bottom: 2px crimson double;}
.LandMarkManual{width:950px;height:auto;margin:0px auto;}
hr{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.9), rgba(0,0,0,0));}
hr.hrStyle{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}

/** EasyZoom core styles */
.easyzoom {position: relative; display: inline-block; *display: inline; *zoom: 1;}
.easyzoom img {vertical-align: bottom;}
.easyzoom.is-loading img {cursor: progress;}
.easyzoom.is-ready img {cursor: crosshair;}
.easyzoom.is-errorimg {cursor: not-allowed;}
.easyzoom-notice {position: absolute;top: 50%;left: 50%;z-index: 150;width: 10em;margin: -1em 0 0 -5em;line-height: 2em;text-align: center;background: #FFF;box-shadow: 0 0 10px #888;}
.easyzoom-flyout {position:absolute;z-index: 100;overflow: hidden;background: #FFF;box-shadow: 0 0 10px #888;border: 1px #111 solid;}

/** EasyZoom layout variations*/
.easyzoom--overlay .easyzoom-flyout {top: 0;left: 0;width: 100%;height: 100%;}
.easyzoom--adjacent .easyzoom-flyout {top: 0;left: 100%;width: 100%;height: 100%;margin-left: 20px;}

/** 票價 */
.cash_Stop{width:40px;height:128px;border-radius:6px;}
#AnnounceBlock{border:2px dotted gray;opacity:0.8;width:1000px;height: 140px;margin-top: 5px;} 
#OtherStopBlock{position:relative;top:1px;left:1px;width:1000px;height:650px;overflow-x: hidden;overflow-y: hidden;}
#stations{position:relative;top:1px;left:1px;width:1000px;height:645px;opacity:1.0;overflow-x: hidden;}
.SEStop{width:260px;display:inline-block;padding:1px;border-radius:6px;}

.box {display: inline-block;position: relative;width: 86px;height:30px;}
.box::before ,.box::after {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;border: 2px solid #cd3f3f;animation: clipBox 5s infinite linear;}

.tabsDiv{width:100%;overflow-y:auto;margin-top: 5px;}

/** story */
.TourPT{width:auto;height:700px;margin:0px auto;}
.PrizeImg{width:auto;height:420px;}
.HistoryImg{width:330px;height:auto;}

@keyframes "clipBox" {
    0% {clip: rect(0px, 86px, 2px, 0px);}
    25% {clip: rect(0px, 2px, 30px, 0px);}
    50% {clip: rect(28px, 86px, 30px, 0px);}
    75% {clip: rect(6px, 86px, 30px, 84px);}
    100% {clip: rect(0px, 86px, 6px, 0px);}
}

.tabs UL {width:96%;list-style: none outside none;margin: 5px 0;border-bottom: 4px double #68a697;}
.tabs LI {width:130px;background: white;border-radius:5px;border-bottom: 4px solid #ACACAC;margin: 0 5px 5px 0;display: inline-block;}
.tabs A {text-align:center;color: #9C9C9C;display: block;font-size: 20px;font-family:"微軟正黑體";font-weight:bold;padding: 4px ;text-decoration: none;}
.tabs LI:hover {background: #a0cac0;border-bottom: 4px solid #68a697;}
.tabs LI:hover A {color: white;}
.active {background: #69A9E9 !important;border-bottom: 4px solid #D96060 !important;}
.active A {color: white !important;}
.link {color: white;font-size: 14px;font-weight: 300;letter-spacing: 1px;line-height: 48px;margin-top: 20px;margin-left: 6px;text-decoration: none;}
.link:hover {text-decoration: underline;color: inherit;}
.anchorLink {border-bottom: 1px dashed white;color: white;text-decoration: none;}
.anchorLink:hover {text-decoration: none;border-bottom: none;color: inherit;}
.screenshot {position: absolute;clip: rect(0 0 0 0);}
.prev,.next {background: white !important;color: #a0cac0 !important;float: left;margin-right: 10px;margin-bottom: 10px;}
.prev:hover,.next:hover {background: #a0cac0 !important;color: white !important;}
.logo {margin-top: -6px;margin-right: 10px;vertical-align: middle;}
.button {background-color: #a0cac0;border: none;border-bottom: 4px solid #68a697;color: #FFFFFF;border-radius: 0;font-size: 14px;letter-spacing: 2px;height: 48px;line-height: 48px;}
.button:hover {background: #93b7ae;color: #FFF;border-bottom-color: #68a697;}