中友交通 - 分類總覽

span.ClassDesc { display: none; } #dataSiteTree.Hori * { box-sizing:border-box; } #dataSiteTree.Hori .SiteNode_0 { display:none; } #dataSiteTree.Hori .ClassNum { display:none; } #dataSiteTree.Hori .SiteGroup_1 { position:relative; float:left; margin:5px 20px 5px 5px; white-space:nowrap; } #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:none; position:absolute; } #dataSiteTree.Hori .SiteGroup_1:hover .SiteMenu_1 {} #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { content:""; position:absolute; top:0px; left:100%; width:15px; height:15px; opacity:0.5; background:url(/main/wdb2/images/arrowR4_25x25.png) no-repeat; background-size:contain; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); transition:all .2s linear; } #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:hover:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); } #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { border:1px solid #cccccc; background:#ffffff; padding:0px; } #dataSiteTree.Hori .SiteNode_2 { padding:0px; } #dataSiteTree.Hori .SiteNode_2 a { display:block; padding:5px 10px 5px 10px; } #dataSiteTree.Hori .SiteNode_2 a:hover { background:#eeeeee; } #dataSiteTree.Hori .SiteGroup_2 { position:relative; } #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { content:""; position:absolute; top:7px; left:90%; width:15px; height:15px; opacity:0.5; background:url(/main/wdb2/images/arrowR4_25x25.png) no-repeat; background-size:contain; transition:all .2s linear; } #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:hover:after { left:93%; } #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:none; position:absolute; left:100%; top:0px; } #dataSiteTree.Hori .SiteGroup_2:hover { background:#eeeeee; } #dataSiteTree.Hori .SiteGroup_2:hover .SiteMenu_2 { display:block; } #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { border:1px solid #cccccc; background:#ffffff; padding:0px; } #dataSiteTree.Hori .SiteNode_3 { padding:0px; } #dataSiteTree.Hori .SiteNode_3 a { display:block; padding:5px 10px 5px 10px; } #dataSiteTree.Hori .SiteNode_3 a:hover { background:#eeeeee; } /* 左右選單 */ .msgToMenuRight #dataSiteTree.Hori { margin-bottom:20px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 { float:none; white-space:normal; margin:0px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:block; position:relative; border:0px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a { display:block; padding:5px 5px 5px 10px; background:#ffffff; border-bottom:1px solid #cccccc; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a:hover { background:#eeeeee; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { display:none; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { display:none; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:block; position:relative; left:0px; border:0px; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_2 .SiteNode_2 a { display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #cccccc; } .msgToMenuRight #dataSiteTree.Hori .SiteGroup_3 .SiteNode_3 a { display:block; padding:5px 5px 5px 30px; border-bottom:1px solid #cccccc; } .msgToMenuLeft #dataSiteTree.Hori { margin-bottom:20px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 { float:none; white-space:normal; margin:0px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteMenu_1 { display:block; position:relative; border:0px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a { display:block; padding:5px 5px 5px 10px; background:#ffffff; border-bottom:1px solid #cccccc; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1 .SiteNode_1 a:hover { background:#eeeeee; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_1.hasSubMenu:after { display:none; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2.hasSubMenu:after { display:none; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2 .SiteMenu_2 { display:block; position:relative; left:0px; border:0px; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_2 .SiteNode_2 a { display:block; padding:5px 5px 5px 20px; border-bottom:1px solid #cccccc; } .msgToMenuLeft #dataSiteTree.Hori .SiteGroup_3 .SiteNode_3 a { display:block; padding:5px 5px 5px 30px; border-bottom:1px solid #cccccc; } #dataSiteTree.Hori .SiteGroup_1 { position: relative; float: left; margin: 5px 10px 5px 10px; white-space: nowrap; } /*#dataSiteTree .SiteNode_1, #dataSiteTree .SiteNode_x1 { padding-left: 15px; padding-right: 15px; }*/ /* 頁尾選單*/ #ns_Copyright .meSiteTree { max-width: 340px; margin: 0 auto; width: 100%; } #ns_Copyright .SiteMenu_0 { text-align:center; } #ns_Copyright .SiteGroup_1 .SiteNode_1 a { color: #333; font-size: 14px; } #ns_Copyright .SiteGroup_1 .SiteNode_1 a:hover { color: #888; }

導覽頁項目

台灣官方網站

車型介紹

.weForm { width:100%; } .weForm .header { color:#000000; background:#eeeeee; font-weight:bold; } .weForm .caption { padding:4px; text-align:right; } .weForm .captionTop { padding:4px; text-align:right; vertical-align:top; } .weForm .detail { padding:4px; } .weForm td.desc { padding:4px; color:#000000; } .weForm input:read-only { background:rgba(0,0,0,0.1); } .weForm input:-moz-read-only { background:rgba(0,0,0,0.1); } .weForm textarea { padding:4px; box-sizing:border-box; } .weForm input { box-sizing: border-box; width:auto; height: auto; padding: 4px; } .weForm input.FieldImg[type=edit] {} .weForm span.btnUploadURL { border: 1px solid #bbbbbb; padding: 3px 5px 5px 5px; background: #dddddd; color:#666666; vertical-align:middle; } .weForm .button[type=submit] , .weForm .button[type=button] , .weForm .button[type=reset] { height:auto; padding:5px 15px 5px 15px; margin-right:4px; cursor:pointer; } .weFormDiv .ReturnDesc { text-align:center; } .weForm .spanDate input[type=edit] { width:auto; } .weForm .tr[fieldattr="圖片"] .detail img { max-width:400px; max-height:400px; } .weForm #tbChkCode { border-spacing:2px; } .weForm #tdChkCodeInp { border:1px solid #bbbbbb; background:#fff; } .weForm #tdChkCodeInp input { border:0px; font-size:20px; } .weForm #tdChkCodeImg { padding:0px; width:120px; height:40px; } @media all and (max-width:600px) { .weForm > tbody > tr > td { display:block; } body.weFormTableFix .weForm > tbody > tr > td { display:table-cell; } body.weFormTableFix .weForm > tbody > tr > td.caption { vertical-align:top; min-width:80px; text-align:right; } body.weFormTableFix .weForm > tbody > tr > td.captionTop { min-width:80px; text-align:right; } .weForm .gap { display:none; } .weForm .detail {} .weForm .captionTop { font-size:18px; font-weight:bold; text-align:left; } .weForm input , .weForm textarea , .weForm select { padding:4px; font-size:18px; font-weight:bold; height:auto; width:100%; box-sizing:border-box; margin-bottom:10px; } .weForm .hasDesc input , .weForm .hasDesc textarea , .weForm .hasDesc select { padding:4px; font-size:18px; font-weight:bold; height:auto; width:auto; box-sizing:border-box; margin-bottom:10px; } body.weFormTableFix .weForm input , body.weFormTableFix .weForm textarea , body.weFormTableFix .weForm select { margin-bottom:0px; } body.weFormTableFix .weForm input[type=button] , body.weFormTableFix .weForm input[type=submit] { width:auto; margin-bottom:5px; } .weForm input#chkcode { margin-bottom:0px; } .weForm #tdChkCodeRenew { display:none; } }

一日/多日遊包車服務請選擇以下所需車型

%MsgIconSale%

%MsgPrdImgM%

%MsgPrdContent%

%PrdPriceHint%

From

%MsgPrdPrice%

%MsgExtInfo%

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); .AsherPrdListCont{position:relative;} #id_ContentBottom{width:100%;} .PrdList .AsherPrdListCont { text-align:center; } .AsherPrdContent .PrdTitleURL{text-decoration:unset;} .PrdList .divCell{width:330px !important;display:inline-block;} .PrdList .divCell { padding:15px !important; } .divCell{position:unset !important;} .linked1{padding: 10px 25px; font-size: 14px; border-radius: 20px; color: #ffffff; background: #4692e7; border-color: #4692e7; display: block; cursor:pointer; margin: 20px 30px 35px; } .linked1:hover{background:#1374e0;transition:all .4s;} .AsherPrdContent{width:65%;float:left;margin:25px 16px 25px 27px;} .PrdList .AsherPrdListCont ul { display: block; list-style-type: disc; -webkit-margin-before: 0em; -webkit-margin-after: 0em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; } .PrdList {margin:30px auto;} .PrdList{height:100% !important;text-align:center;} .AsherPrdHint{text-decoration:line-through;font-size:14px;} .ulIconSale{list-style-type: none; left:-10px; margin-top:1em; position: absolute; padding: 0px;} .AsherPrdPriceHint{ color: #8c8c8c;font-weight: bold;font-size:14px; width: 100%; display: flex; justify-content: space-between; align-items: flex-end; padding: 0 16px 10px 27px; box-sizing: border-box; } .AsherdivExtInfo{display:inline-block;width:100%;} .PrdImgM0{width:100%;} .PrdList .PrdCell .AsherPrdContent { width: 100%; margin: 0px; } .divCell{position:unset !important;} .PrdList .PrdCell .PrdTitle { line-height:125%;margin:25px 16px 10px 27px; color:#333333;font-size:17px;font-weight:bold;text-align:left; } .PrdList .PrdCell .PrdDesc { line-height:200%; color:#8c8c8c; text-align:left; } .AsherdivExtInfo .liExtEms{padding:0px !important;} .AsherdivExtInfo .liExtEms:last-child{padding-bottom:0px !important;} .AsherdivExtInfo .liExtEmv { list-style-type: none; text-align: left; color: #555555; font-size: 14px; margin: 0px 27px; font-weight: 500; } .AsherdivExtInfo .liExtEmv:before{} .AsherdivExtInfo .liExtEmt{display:none;} .AsherdivExtInfo .liExtEmd{display:none;} .PrdList .PrdCell .AsherPrdPrice { margin-bottom: 4px; font-size: 18px; line-height: 150%; color: #4692e7; /* width: 90%; */ } .PrdList .PrdCell .AsherPrdPrice .PriceName {display:none;} .PrdList .liCell{padding:0px;} .PrdList .divCell { width:100%; margin-right:5px; margin-bottom:5px; overflow:hidden;vertical-align:top; } .PrdList .liCell { text-align:center; padding:0px; border:1px solid #dddddd; overflow:unset; } .PrdList .PrdCell .PrdImgM { margin-bottom:8px; width:100%;} .PrdList .PrdCell .PrdImgM img { width:100%; } .PrdList .PrdCell .PrdCtrl { margin-bottom:8px; } .AsherPrdPriceHint .DollarSign {color:#8c8c8c;} .PrdList .PrdCell .AsherPrdPriceHint .DollarSign{color:#8c8c8c;} .PrdList .PrdCell .AsherPrdPrice .DollarSign{color:#4692e7;} .AsherPrdPrice .DollarSign{color:#69abe7;font-weight:bold;} .AsherPrdPrice {text-decoration:unset;} .AsherPrdPriceHint .PriceHintName{display:none;} @media screen and (max-width: 770px) { .PrdList .divCell{width:100% !important;padding:15px 0px !important;} } /*頁面css*/ .txt_CountNumL{display:none;} .txt_CountNumR{display:none;} .txt_PageNum{display:none;} #PageCtrl .RecCount{display:none;} #PageCtrl .ThisPage{ display: inline-block; width: 45px; height: 45px; background:#467fe7; color:#e1e1e1; line-height: 45px; font-size: 12px; //margin-right: 4px; text-align: center; margin-right:5px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.2s; border:1px solid #467fe7;text-decoration:none;} #PageCtrl .OtherPage { display: inline-block; width: 45px; transition: all 0.2s; height: 45px; margin-right:5px; line-height: 45px; font-size: 12px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:1px solid #e1e1e1;text-decoration:none;} #PageCtrl a{background:#e1e1e1;color:black;border-color: #e1e1e1;transition: all 0.2s;} #PageCtrl a:hover{background:#467fe7;color:#e1e1e1;border-color:#467fe7;transition: all 0.2s;} #PageCtrl .PageBtn { display: inline-block; width: 45px; height: 45px; line-height: 45px; font-size: 12px; margin-right: 5px; text-align: center; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border:1px solid #e1e1e1;text-decoration:none;} #PageCtrl .spPageCtrl{display:none;} @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Thin.otf) format('opentype'); } @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Light.otf) format('opentype'); } @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Regular.otf) format('opentype'); } @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Medium.otf) format('opentype'); } @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Bold.otf) format('opentype'); } @font-face { font-family: 'Noto Sans TC'; font-style: normal; font-weight: 900; src: url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanstc/v1/NotoSansTC-Black.otf) format('opentype'); } /* login icon*/ /*.fa.fa-user-circle { position: relative; width: 16px; font-size: 14px; display:inline-block; color:#4692e7; background-color: #ffffff; padding: 2px 9.5px; }*/ /* icon*/ .AsherdivExtInfo .liExtEmv .fa { font-size: 14px; position: relative; color:#4692e7; display:inline-block; border-radius: 50%; background-color: #ffffff; padding: 2px 9px; width:20px; text-align:center; margin-right: 5px; } @font-face { font-family: 'ElegantIcons'; src:url('fonts/ElegantIcons.eot'); src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('fonts/ElegantIcons.woff') format('woff'), url('fonts/ElegantIcons.ttf') format('truetype'), url('fonts/ElegantIcons.svg#ElegantIcons') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'ElegantIcons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon_clock_alt { font-family: 'ElegantIcons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 14px; width:20px; text-align:center; position: relative; color:#4692e7; background-color: #ffffff; padding: 2px 9px; margin-right: 5px; display:inline-block; } .icon_clock_alt:before { content: "\7d"; } .takeoff{ width: 16px; display:inline-block; color:#4692e7; background-color: #ffffff; padding: 2px 9px; margin-right: 5px; } .takeoff img{width:14px;} .landout{ width: 16px; display:inline-block; color:#4692e7; background-color: #ffffff; padding: 2px 9px; margin-right: 5px; } .landout img{width:14px;}