@charset "UTF-8";

/* 基本元素定義 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

html, body {
	font-size: 16px;
	line-height: 26px;
	font-family: Microsoft JhengHei;
	width: 100%;
	height: 100%;
	color: #5c5c5c;
}

/*h2{font-size:30px;font-weight:bold;margin-bottom:10px;}*/
h2 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 0px;
}

h3 {
	font-size: 22px;
	font-weight: bold;
}

h4 {
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
	color: #4d4d4d;
	letter-spacing: 0.5px;
}

ul, ol {
	
}

a {
	text-decoration: none!important;
	color: #666!important;
}

/*a:hover {
	text-decoration: none;
	color: #db5009;
}*/

span {
	color: #976e29;
	margin-top: 7px;
	display: inline-block;
}

button {
	font-weight: bold;
	cursor: pointer;
	font-family: Microsoft JhengHei;
}

button:focus {
	outline: none;
}

nav {
	border-bottom: 1px solid #dbdbdb;
	background: #fff;
}

form {
	clear: both;
	margin: 20px auto;
}

input:focus {
	outline: none
}

input, textarea, button, select, a {
	
}

input {
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #d2d2d2
}

/*v3版本新增項目 */
.discount_area_input {
	width: 50% !important;
	display: inline-block !important;
	margin-right: 10px;
}

.discount_area_btn {
	padding: 10px 25px;
	background: #505050;
	color: #Fff;
	display: inline-block;
	cursor: pointer;
}

.discount_area {
	padding: 15px;
	clear: both;
	display: none;
	background: #fff;
	border: 1px solid #d2d2d2;
	font-size: 1.2em;
	line-height: 2;
}

.price_total {
	border-top: 2px solid #d0d0d0;
	font-size: 1.5em;
	padding-top: 5px;
	line-heihgt: 2;
	color: #db5009;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 10px;
}

.table_icon {
	width: 19px;
	vertical-align: sub;
	margin-right: 5px;
}

.icon_design_btn {
	font-size: 1em !important;
	color: #505050;
	background: #Fff;
	padding: 15px;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	border-radius: 8px;
	margin: 5px;
	font-weight: 600;
}

.icon_design_main_btn {
	font-size: 1em !important;
	color: #505050;
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #d2d2d2;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	border-radius: 8px;
	margin: 5px;
	font-weight: 600;
	box-shadow: inset 0px 0px 2px rgb(0 0 0/ 26%);
}

.icon_design_btn img {
	display: block;
	width: 40px;
	margin: 10px auto;
}

.icon_design_main_btn img {
	width: 20px;
	margin-right: 5px;
	padding-top: 3px;
}

.icon_design_main_btn span {
	display: inline-block;
	margin-top: 2px;
	vertical-align: top;
	color: #505050 !important;
}

.info_tag {
	font-size: 1.1em !important;
	color: #bfb4a2 !important;
	padding: 2.5px 15px;
	border-radius: 23px;
	border: 2px solid #bfb4a2;
	font-weight: 600;
}

.important_number {
	font-weight: bold;
	color: #333;
	padding: 5px;
	text-align: center;
	font-size: 18px !important;
	font-weight: 600;
	border-top: 1px solid #d2d2d2;
}

.oneway_order_info {
	text-align: right;
	padding: 10px;
	margin-bottom: 10px;
}

.oneway_order_info_btn {
	border: 2px solid #Db5009;
	padding: 5px 10px;
	cursor: pointer;
}

.pr_title {
	font-weight: bold;
	font-size: 20px;
	background: #767272;
	color: #fff;
	padding: 10px;
	text-align: center;
}

.pr_price {
	font-weight: 600;
	font-size: 16px;
	text-decorations: underline;
}

.pr_comment {
	margin: 10px 0px;
}

.qr_photo_style {
	height: 250px;
	display: block;
	margin: 0px auto;
}

.pr_control_btn {
	position: absolute;
	top: 20px;
	right: 10px;
}

.new_buy_btn {
	padding: 10px 25px;
	text-align: center;
	clear: both;
	font-weight: bold;
	font-weight: bold;
	font-size: 1em;
	background: #d56709!important;
	border-radius: 5px;
	color: #Fff!important;
	display: inline-block;
	margin: 10px;
}

.new_agency_btn {
	padding: 10px 25px;
	text-align: center;
	clear: both;
	font-weight: bold;
	font-weight: bold;
	font-size: 1em;
	background: #d56709;
	border-radius: 5px;
	color: #Fff!important;
	display: inline-block;
	margin: 10px;
}

.content_info_card {
	overflow: auto;
	background: #f5f5f7;
	padding: 15px 10px;
	margin: 30px 0px;
	border: 1px solid #d4d4d4;
}

.buyv3_btn {
	padding: 5px 20px;
	font-size: 1em;
	background: #d56709;
	color: #fff;
	border-radius: 30px;
	margin-right: 3px;
	cursor: pointer;
	white-space: nowrap;
}

.email_safecode {
	clear: both;
	margin-top: 30px; /* border: 1px solid #d4d4d4; */;
	padding: 20px;
	background: #f5f5f7;
	border: 1px solid #d4d4d4;
}

.confirm {
	padding: 20px 0px;
	width: 96%;
	clear: both;
	margin: 0px auto;
}

/* 按鈕設計 */
.btn_design_set {
	width: 100%;
	padding: 5px;
}

.btn_design {
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: #Db5009;
	color: #fff;
	text-align: center;
	cursor: pointer;
	user-select: none;
	transition: 0.25s ease;
	overflow: hidden;
	float: right;
	margin-left: 20px;
}

.btn_design .material-icons {
	color: #fff;
	font-size: 2.4em;
	transition: 0.25s ease;
	display: block;
	float: left;
	margin-left: 11px;
	margin-top: 10px;
}

.btn_design:hover {
	width: 200px;
	text-align: left;
	padding-left: 10px;
	background: #333;
	transition: 0.25s ease;
}

.btn_design:hover .material-icons {
	padding-left: -60px;
	transition: 0.25s ease;
}

.text {
	color: #fff;
	vertical-align: top;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	opacity: 0;
	padding-left: 8px;
	display: block;
	float: left;
}

.btn_design:hover .text {
	opacity: 1;
}

.title {
	width: 100%;
	text-align: center;
	margin: 50px 0px;
	color: #4f4f4f;
	font-size: 26px;
}

.menu_con {
	width: 1100px;
	height: 80px;
	margin: 0px auto;
	position: relative;
	user-select: none;
}

.menu_con>.logo {
	float: left;
	cursor: pointer;
	user-select: none;
	outline: none;
}

.menu_con>.logo>img {
	height: 70px;
}

.menu_con>ul {
	float: right;
	height: 100%;
	list-style-type: none;
}

.menu_con>ul>li {
	float: left;
	height: 100%;
	padding-right: 50px;
	line-height: 105px;
}

/*.menu_con>ul>li>a{font-weight:bold;letter-spacing:1px;transition:0.25s ease;} */
.menu_con>ul>li>a {
	font-weight: bold;
	letter-spacing: 1px;
	transition: 0.25s ease;
	font-size: 16px;
	line-height: 24px;
}

/*.menu_con>ul>li>a:hover {
	color: #db5009;
	transition: 0.25s ease;
}*/

.mobile_btn {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	display: none;
	width: 80px;
	height: 60px;
	background: #Db5009;
	text-align: center;
	user-select: none;
}

.mobile_btn .material-icons {
	color: #Fff;
	font-size: 2.4em;
	line-height: 47px;
}

.mobile_menu {
	width: 100%;
	height: 60px;
	background: #717171;
	clear: both;
	display: none;
	box-shadow:inset 0px 7px 12px rgba(0,0,0,0.3);
	position:absolute;
	top:60px;
	z-index: 1000;
}

/*.mobile_menu a:hover {
	background: #db5009;
	transition: 0.25s ease;
}*/

.mobile_menu>a {
	display: block;
	float: left;
	color: #fff!important;
	width: 33.33%;
	text-align: center;
	line-height: 60px;
	border-right: 0px solid #a9a9a9;
	cursor: pointer;
	transition: 0.25s ease;
}

.lan {
	position: absolute;
	top: 20px;
	right: -20px;
	cursor: pointer;
	transition: 0s ease;
	background: #efefef;
	width: 50px;
	height: 50px;
	background: #333;
	border-radius: 40px;
	transition: 0.45s ease;
	overflow: hidden;
	display: none;
	z-index: 2001;
}

.lan .material-icons {
	text-align: center;
	color: #fff;
	margin-top: 13px;
	display: block;
	font-size: 1.6em;
	height: 40px;
}

.lan:hover {
	transition: 0.35s ease;
	height: 195px;
}

.lan:hover .material-icons {
	opacity: 1;
	transition: 0.25s ease;
	color: #fff !important;
	color: #db5009 !important;
}

.lan>div>a {
	display: block;
	width: 100%;
	background: #333;
	color: #fff !important;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
}

.lan>div>a:hover {
	background: #db5009;
	color: #fff;
}

.con {
	width: 1100px;
	margin: 0px auto;
	padding: 5px;
}

/* 控制按鈕 樣式 */
.control_btn_set {
	text-align: left;
}

.control_btn_set>button {
	padding: 15px;
	background: #db5009;
	font-size: 16px;
	color: #fff;
	border-radius: 8px;
	margin: 0px 5px;
	border: 0px;
}

/* .control_btn_set>input {
	padding: 15px;
	background: #db5009;
	font-size: 16px;
	color: #fff;
	border-radius: 8px;
	margin: 0px 5px;
	border: 0px;
} */

/* 我已閱讀.... */
.iknow {
	overflow: auto;
	width: 100%;
	margin: 10px auto;
}

.iknow>div {
	float: left;
	width: 2%;
	text-align: right;
}

.rule_comment {
	float: left;
	padding-left: 8px;
	width: 94%;
	margin-top: -2px;
}

.rule_comment a {
	color: #db5009;
}

.top_btn {
	width: 50px;
	height: 50px;
	border: 1px solid #d4d4d4;
	display: inline-block;
	margin-left: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	text-align: center;
	display: block;
	margin-top: 30px;
	user-select: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #fff;
	/* box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);*/
	z-index: 1000;
	cursor: pointer;
	opacity: 0;
}

.top_btn>.material-icons {
	font-size: 30px;
	font-size: 38px;
	font-weight: bold;
	margin-top: 5px;
	color: #db5009;
}

.qa_icon {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 6px;
	margin-top: -2px;
}

.good_icon {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 6px;
	margin-top: -2px;
}

.agency_icon {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
	margin-right: 6px;
	margin-top: -2px;
}

/*訂購須知*/
.order_item {
	width: 1094px;
	margin: 25px 0px;
}

.order_btn {
	font-size: 18px;
	text-align: center;
	background: #efefef;
	font-weight: bold;
	padding: 15px;
	letter-spacing: 1px;
	cursor: pointer;
}

.rule_content {
	display: none;
}

.order_contetnt {
	padding: 5px 30px;
}

.order_contetnt>li {
	margin: 8px 0px;
	padding-bottom: 10px;
}

.order_contetnt ol {
	list-style-type: circle;
	padding-left: 35px;
}

.order_contetnt ol>li {
	margin: 8px 0px;
}

.order_down_icon {
	display: inline-block;
	width: 32px;
	height: 25px;
	vertical-align: bottom;
}

.footer_btn {
	height: 80px;
	background: #bfb4a2;
	display: none;
}

.footer_btn>.con {
	text-align: right;
}

.footer_btn>.con>a {
	display: inline-block;
	fonts-size: 18px;
	color: #fff!important;
	padding: 15px 25px;
	margin: 8px 12px;
	text-align: center;
	background: #d56709;
	border-radius: 6px;
	transition: 0.5s ease;
}

footer {
	background: #fff;
	/* text-align: center;*/
	color: #878787;
	font-size: 14px;
	letter-spacing: 1px;
	width: 100%;
	line-height: 18px;
	padding: 20px 0px;
	height: 100px;
	border-top: 1px solid #d2d2d2;
}

footer span {
	color: #878787;
}

footer a {
	color: #db5009;
	font-size: 14px !important;
}

/*footer a:hover {
	color: #fff;
}*/

/* select 元件 定義 */
select {
	padding-left: 5px;
	width: 100%;
	height: 50px;
	outline: none;
	border: 1px solid #d2d2d2;
	font-size: 16px;
	line-height: 24px;
	margin: 10px 0px;
	border-radius: 0px;
	color: #666;
	background: #fff;
}

label {
	display: block;
}

.pop_content form {
	width: 90%;
	margin: 5px auto;
}

.row {
	margin: 0px;
	overflow: auto;
	clear: both
}

.col50 {
	width: 49%
}

.col33 {
	width: 33%;
	float: left;
	/*margin-right: 0.3%;*/
}

.col33_mid {
	margin: 0px 0.5%;
}

.col50:nth-child(odd) {
	float: left
}

.col50:nth-child(even) {
	float: right
}

/* checkbox 定義 */
.checkbox_row {
	position: relative;
	margin: 20px 0px;
	height: 40px;
}

.checkbox_con {
	display: block;
	position: absolute;
	color: #666;
	font-weight: bold;
	user-select: none;
	cursor: pointer;
	left: 0px;
	top: 0px;
}

.checkbox_con>input {
	opacity: 0;
}

.checkbox_con>.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 30px;
	height: 30px;
	border: 1px solid #d2d2d2;
	background: #fff;
}

.checkbox_con>i {
	position: absolute;
	top: 5px;
	left: 0px;
	font-size: 2em;
	color: #Db5009;
	font-weight: bold;
	display: none;
}

.checkbox_con>p {
	padding-left: 38px;
	margin-top: 4px
}

.checkbox_con>input:checked ~i{
	display: block;
	margin-top: -5px;
}

.info_card .btn_set {
	display: none;
}

/* 彈跳式視窗遮罩 定義 */
.mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 20000;
	display: none;
}

.pop {
	width: 600px;
	max-height: 500px;;
	background: #Fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -300px;
	overflow: hidden;
	opacity: 1;
}

.pop .pop_status {
	width: 100%;
	height: 50px;
	background: #333333;
	padding-left: 30px;
}

.pop .pop_status>span {
	color: #Fff;
	line-height: 50px;
	margin: 0px;
	float: left;
	font-size: 18px;
}

.pop .pop_status>i {
	user-select: none;
	font-weight: bold;
	font-size: 40px;
	float: right;
	cursor: pointer;
	margin-right: 5px;
	margin-top: 5px;
	color: #fff;
}

.pop .pop_content {
	width: 100%;
	max-height: 390px;
	color: #a6a6a6;
	padding: 10px;
	line-height: 26px;
	overflow: auto;
	min-height: 80px;
}

.pop .pop_content article {
	width: 95%;
	margin: 10px auto;
	height: 100%;
	padding-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: #333;
}

.pop .pop_btn {
	height: 60px;
}

.pop .pop_btn button {
	color: #fff;
	height: 100%;
	border: none;
	font-size: 16px;
}

.pop .pop_btn input {
	color: #fff;
	height: 100%;
	border: none;
	font-size: 16px;
}

.c100 {
	width: 100%;
	background: #db5009
}

.c50 {
	width: 50%;
	float: left;
}

.c50:first-child {
	background: #666666;
}

.c50:last-child {
	background: #Db5009;
}

/* banner 區塊定義 */
.banner {
	width: 100%;
	height: 400px;
	position: relative;
	/*background: url(../../img/bg2.jpg) 50% 50% no-repeat;
	background-size: cover;*/
}

.banner>.con>.gotobuy_frame {
	overflow: hidden;
	width: 100%;
	height: 450px;
	margin-top: 0px;
	position: relative;
	-ms-overflow-style: none;
}

.banner>.con>article {
	color: #fff;
	padding-top: 25px;
}

.banner_text {
	margin: 10px 0px;
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
}

.banner_text span {
	font-size: 16px !important;
	color: #fff !important;
}

.banner_box {
	width: 100%;
	height: 200px;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 120px;
}

.banner_box h2 {
	font-size: 42px;
	letter-spacing: 3px;
}

.banner_box span {
	color: #fff !important;
	padding: 5px 0px;
	display: inline-block;
	margin: 10px 0px;
	font-weight: 600;
}

.banner_slider {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
}

.photo_move {
	animation-name: banner_move;
	animation-delay: 0s;
	animation-duration: 70s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	width: 4428px;
	height: 400px;
	background: url(../../img/bg2.jpg) repeat-x
}

 @keyframes banner_move { 0%{margin-left:0px; } 100% {margin-left:-2214px;}   }


/*menu_tag*/
#yx2, #yx3, #yx4, #cx2, #cx3 {
	display: none;
}

.yx4_div {
	text-align: right
}

.menu_sec {
	background: #efefef;
	border-bottom: 1px solid #d4d4d4;
}

.menu_tag {
	width: 1100px;
	margin: 20px auto;
	height: 60px;
	overflow: hidden;
	box-shadow: 0 0 5px rgb(0 0 0/ 20%);
	border-radius: 8px;
	background: #Fff;
	list-style-type: none;
}

.menu_tag li {
	width: 25%;
	float: left;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	color: #656565;
	letter-spacing: 1px;
}

#tx4 {
	color: #333;
}

.menu_tag_active {
	background: #d56709 !important;
	color: #fff !important;
}

/*單程乘車券 乘車區間站點*/
.station_point {
	width: 1100px;
	border: 1px solid #b4b4b4;
	padding: 0px;
	position: relative;
	height: 250px;
	margin: 40px 0px;
}

.station_header {
	letter-spacing: 1px;
	background: #767272;
	padding: 15px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.station_point ol {
	position: absolute;
	top: 145px;
	left: 10px;
	list-style-type: none;
}

.station_point li {
	float: left;
	width: 85px;
	line-height: 40px;
	height: 40px;
	text-align: center;
	font-size: 13px;
	background: #a58d65;
	color: #fff;
	margin-right: 5px;
	border-radius: 7px;
}

.station_line {
	position: absolute;
	top: 164px;
	left: 5px;
	height: 5px;
	z-index: -1;
	width: 1085px;
	background: #a58d65;
	border-radius: 15px;
}

.station_npointe {
	position: absolute;
	top: 86px;
	left: 10px;
	font-size: 14px;
	font-weight: 600;
}

.station_spointe {
	position: absolute;
	top: 86px;
	right: 20px;
	font-size: 14px;
	font-weight: 600;
}

.station_npointe img {
	margin-top: -2px;
	display: block
}

/*landingpate 更多產品的按鈕樣式*/
.more_btn {
	background: #d56709;
	color: #fff;
	width: 150px;
	height: 50px;
	outline: none;
	border-radius: 5px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	transition: 0.25s ease;
}

.more_btn:hover {
	background: #333;
	border-radius: 0px;
	outline: none;
}

/*表單按鈕主框架*/
.form_btn_con {
	margin: 25px auto;
	text-align: center;
	width: 100%;
	clear: both;
}

/*表單下方註解文字樣式*/
.form_note {
	color: #565656;
	font-size: 14px;
	line-height: 24px;
	clear: both;
	padding: 10px;
	letter-spacing: 0px;
}

/*內頁活動註解*/
.note {
	width: 99%;
	margin: 30px auto;
	padding: 0px;
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

/*
#pre_btn {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	position: absolute;
	top: 380px;
	left: 0px;
	z-index: 100;
	background: #db5009;
	outline: none;
	color: #Fff;
	cursor: pointer;
	border: 0px;
	display: none;
	user-select: none;
}*/
/*
#next_btn {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	position: absolute;
	top: 380px;
	right: 40px;
	z-index: 100;
	background: #db5009;
	outline: none;
	color: #Fff;
	cursor: pointer;
	border: 0px;
	user-select: none;
}*/

/*
    #next_btn>.material-icons{font-size:2.6em;margin-top:3px;}

    #pre_btn>.material-icons{font-size:2.6em;margin-top:3px;}
    */
/*#next_btn>.material-icons {
	font-size: 2.4em;
	margin-top: 2px;
}*/

/*#pre_btn>.material-icons {
	font-size: 2.4em;
	margin-top: 2px;
}*/

/* landingpate 更多產品的按鈕樣式 */
/*.more_btn {
	background: #db5009;
	color: #fff;
	width: 150px;
	height: 50px;
	outline: none;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	border: 0px;
	transition: 0.25s ease;
}*/

/*.more_btn:hover {
	background: #333;
	border-radius: 0px;
	outline: none;
}*/

/* 表單按鈕主框架 */
/*.form_btn_con {
	margin: 20px auto;
	text-align: center;
	padding-bottom: 30px;
	width: 100%;
	clear: both;
	padding-top: 40px;
}*/

/* 表單下方註解文字樣式 */
/*.form_note {
	color: #a3a3a3;
	line-height: 24px;
	clear: both;
	width: 96%;
	margin: 0px auto;
	padding-top: 15px;
}*/

/* 內頁活動註解 */
/*.note {
	width: 96%;
	margin: 10px auto;
	padding: 5px;
	clear: both;
}*/

.note h3 {
	font-size: 20px;
	padding: 10px;
	margin-bottom: 5px;
	letter-spacing: 0.5px;
	text-align: center;
	background: #a0a0a0;
	color: #FFFFFF;
}

.note h2 {
	font-size: 18px !important;
	border-top: 2px solid #333;
	border-bottom: 2px solid #333;
	padding: 11px;
	color: #333 !important;
}

.note ul {
	padding: 20px;
	list-style-type: none;
}

.note ul li ol {
	padding: 0px 20px;
	list-style-type: none;
}

.note ul li {
	margin-bottom: 10px;
	line-height: 24px;
	border-bottom: 1px dotted #d4d4d4;
	padding-bottom: 5px;
}

/*.note>ul>li>ol {
	padding-left: 15px;
}*/

/* 購買按鈕 */
.buy_btn {
	width: 50px;
	height: 50px;
	background: #d56709;
	color: #fff;
	border: 0px;
	outline: none;
	position: absolute;
	bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	transition: 0.25s;
	right: 10px;
	font-size: 14px;
	border-radius: 50px;
	/*box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.2)*/
}

/*.buy_btn:hover {
	color: #fff;
	background: #db5009;
	transition: 0.25s ease;
}*/

/* 劃位表格 座位刪除按鈕 */
.timetable_del_btn {
	font-size: 1.2em;
	border-radius: 100%;
	background: #db5009;
	color: #fff;
	padding: 5px;
	user-select: none;
	cursor: pointer;
	transition: 0.25s ease;
	font-weight: bold
}

.timetable_del_btn:hover {
	background: #333;
	transition: 0.25s ease;
}

/* 查詢車次表表格樣式 */
.list_timetable {
	width: 100%;
	clear: both;
	padding: 10px;
	overflow: auto;
	background: #f5f5f7;
	margin: 30px 0px;
	border: 1px solid #d4d4d4;
}

.list_timetable>h3 {
	/*float: left;*/
	font-size: 20px;
	color: #db5009;
	margin: 15px;
	text-align: center;
}

.list_timetable>div {
	/*float: right;*/
	margin-bottom: 10px;
}

.list_timetable_con {
	overflow: auto;
	width: 100%;
}

.list_timetable_con table {
	clear: both;
	width: 100%;
	border: 1px solid #d2d2d2;
	border-collapse: collapse;
	margin: 0px auto;
}

.list_timetable th {
	padding: 15px;
	background: #4f4f4f;
	color: #Fff;
	font-size: 18px;
	border-right: 1px solid #d4d4d4;
}

.list_timetable td {
	padding: 10px;
	text-align: center;
	background: #fff;
	border-right: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	letter-spacing: 0.5px;
}

.gotobuy_index {
	width: 2100px;
	height: 300px;
	position: absolute;
	top: 50px;
	left: -32px;
	left: 0px;
	-ms-overflow-style: none;
}

.gotobuy_index>div {
	width: 310px;
	height: 320px;
	background: #efefef;
	padding: 0px;
	position: relative;
	float: left;
	margin-right: 60px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

.gotobuy_index>div>div {
	position: absolute;
	top: -18px;
	right: 21px;
}

.gotobuy_index>div>div>img {
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3)
}

.gotobuy_index>div>article {
	padding: 20px;
	margin-top: 95px;
}

.gotobuy_index>div>article>h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0px;
}

.gotobuy_index>div>article>p {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #848484;
}

.gotobuy_index>div>article>span {
	font-weight: bold;
}

/*product_item*/
.product_item {
	width: 1100px;
	margin: 20px 0px;
	overflow: auto
}

.product_model {
	width: 530px;
	background: #fff;
	float: left;
	border: 0px solid #b9b9b9;
	padding: 0px;
	margin: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.product_model>div {
	margin-bottom: 5px;
	position: relative;
	height: 180px;
}

.product_model>div .pr_photo {
	width: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

.product_model>div .pr_code {
	border: 2px solid #fff;
	color: #fff;
	padding: 10px;
	font-size: 16px;;
	font-weight: bold;
	display: none;
}

.product_model>article {
	padding: 10px;
	margin-top: -15px;
	text-align: center;
}

.product_model h3 {
	font-size: 20px;
	margin-bottom: 15px;
}

/*適用對象*/
.role_section {
	text-align: center;
}

.role_content {
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	padding: 15px 0px;
}

.role_img {
	border: 1px solid #d4d4d4;
}

/*table_ls_style 小表格*/
.table_ls_style {
	width: 1100px;
	border: 1px solid #d4d4d4;
	border-collapse: collapse;
	margin: 30px 0px 0px 0px;
}

.table_ls_style th {
	border: 1px solid #d4d4d4;;
	background: #767272;
	color: #fff;
	font-weight: 300;
	white-space: nowrap;
	padding: 15px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.table_ls_style td {
	text-align: left;
	padding: 10px;
	border: 1px solid #d4d4d4;
	text-align: center;
	vertical-align: middle;
}

/*table_ls_style 小表格*/
.howtouse_icon {
	text-align: center;
}

.howtouse_icon>img {
	width: 40%;
	padding: 20px;
}

.yes_icon {
	display: block;
	width: 30px;
	height: 30px;
	margin: 5px auto;
}

.table_ticket_style {
	width: 1100px;
	border-collapse: collapse;
	font-size: 14px;
	border: 1px solid #d4d4d4;
}

.table_ticket_style th {
	padding: 5px;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	background: #767272;
	color: #fff;
}

.table_ticket_style td {
	border-bottom: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	text-align: center;
	padding:5px;
	vertical-align: middle;
    white-space: nowrap;
    text-transform:capitalize;
}

.page_title {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #efefef;
	color: #818181;
	margin: 22px 0px;
	border-left: 4px solid #818181;
	padding-left: 10px;
}

.mt1 {
	background: #2980d8;
	color: #fff;
	text-transform:capitalize;
}

.mt2 {
	background: #139818;
	color: #fff;
	text-transform:capitalize;
}

/* 產品介紹 */
#product {
	display: none;
	margin-bottom: 40px;
}

.table_con {
	position: relative
}

.table_style {
	width: 100%;
	border: 1px solid #d4d4d4;
	border-collapse: collapse;
	margin: 30px 0px;
}

.table_style th {
	background: #4f4f4f;
	color: #fff;
	font-weight: 300;
	white-space: nowrap;
	padding: 15px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}

.bar1 {
	display: block;
	width: 220px;
	height: 4px;
	background: #Db5009;
	position: absolute;
	top: 104px;
	left: 363px;
}

.bar2 {
	display: block;
	width: 449px;
	height: 4px;
	background: #1065bb;
	position: absolute;
	top: 288px;
	left: 363px;
}

.bar3 {
	display: block;
	width: 455px;
	height: 4px;
	background: #139818;
	position: absolute;
	top: 414px;
	left: 584px;
}

.table_style th:first-child {
	width: 300px;
}

.table_style td:first-child {
	padding-left: 10px;
	text-align: left;
	padding-left: 20px;
}

.table_style td:first-child {
	border-right: 1px solid #d4d4d4;
}

.table_style td {
	text-align: Center;
	padding: 4px;
	font-size: 1em;
	vertical-align: middle;
}

.table_style span {
	margin-top: 1px;
}

.table_style tr {
	background: #fff;
	border-top: 1px solid #d4d4d4;
}

.taiwan {
	color: #090980;
	user-select: none;
}

.taiwan2 {
	color: #30abc1;
	user-select: none;
}

.thsrc {
	color: #db5009;
	user-select: none
}

/* 使用方式 */
.howtouse {
	border: 0px solid #d4d4d4;
	margin-top: 30px;
	width: 1100px;
	height: 400px;
}

.howtouse>div {
	width: 25%;
	float: left;
	background: #fff;
	height: 390px;
	padding: 0px;
	margin: -1px;
	box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.howtouse>div>h2 {
	background: #767272;
	text-align: center;
	padding: 12px;
	color: #fff;
	font-size: 14px;
	border-bottom: 4px solid #bfb4a2;
	overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	
}

.howtouse>div>h2>.material-icons {
	margin-right: 5px;
	font-size: 1.2em;
	vertical-align: middle;
}

.howtouse>div>article {
	width: 85%;
	margin: 10px auto;
	overflow:auto;
	height:200px;
	
}

.howtouse>div>article>h4 {
	font-size: 16px;
	line-height: 22px;
}

.howtouse>div>article>p {
	padding: 0px;
	font-size: 16px;
	line-height: 24px;
	color: #848484
}

.howtouse .material-icons {
	font-size: 5em;
	margin: 30px 0px;
	text-align: center;
	display: block
}

/* 推薦景點 */
.spot {
	margin: 15px;
	padding: 5px;
}

.spot>.station_menu {
	background: none;
	border-bottom: 0px solid #d4d4d4;
	padding: 4px;
	-ms-overflow-style: none;
}

.spot>.station_menu>div>button {
	width: 156px;
	height: 50px;
	border-radius: 10px;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	margin-right: 13px;
	transition: 0.25s ease;
	margin-bottom: 15px;
	background: #fff;
	color: #656565;
}

.spot>div>button:hover:enabled {
	background: #db5009;
	color: #fff;
	border: 0px;
	transition: 0.25s ease;
}

.active {
	color: #db5009 !important;
	font-weight: bold;
}

.spot>.group {
	width: 100%;
	padding: 5px;
	margin: 30px 0px;
}

.spot>.group>h3 {
	text-align: center;
	color: #6f6f6f;
	font-size: 20px;
	margin-bottom: 20px;
	letter-spacing: 1px
}

.spot>.group>h3>.material-icons {
	vertical-align: middle;
	padding-right: 1px;
	margin-top: -6px;
	color: #db5009
}

.spot>.group>.item {
	width: 31%;
	height: 450px;
	background: #Fff;
	margin-right: 1.5%;
	display: inline-block;
	border: 1px solid #d4d4d4;
}

.spot>.group>.item>.photo>img {
	width: 100%;
	padding: 0px;
}

.spot>.group>.item>article {
	padding: 15px;
	height: 240px;
	overflow: auto;
}

.spot>.group>.item>article>.route {
	margin: 10px 0px;
	color: #999;
}

.spot>.group>.item>article>.route>i {
	vertical-align: bottom;
	margin-right: 5px;
	font-size: 25px;
}

/* 票務規則 */
.rule {
	width: 100%;
	padding: 5px;
	margin: 15px 0px;
}

.rule>.item {
	position: relative;
	width: 1100px;
	border: 1px solid #d2d2d2;
	background: #Fff;
	margin: 15px 0px;
	padding: 10px 0px 10px 0px;
	display: inline-block;
	cursor: pointer;
	transition: 0.25s ease;
	/*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2)*/
}

.rule>.item>h4 {
	padding-left: 10px;
}

.rule>.item>.more_icon {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 30px;
	height: 30px;
	border: 0px solid #d4d4d4;
	border-radius: 30px;
	user-select: none;
	text-align: center;
}

.rule>.item>.more_icon>.material-icons {
	font-weight: bold;
	color: #333;
	font-size: 27px;
	transition: 0.25s ease;
}

.rule>.item:hover h4 {
	transition: 0.25s ease;
	color: #Db5009;
}

.rule>.item:hover .material-icons {
	color: #Db5009;
	transition: 0.25s ease;
}

.rule>.item>.rule_content {
	margin-top: 20px;
	display: none;
	padding: 10px;
	border-top: 1px solid #d2d2d2;
}

.rule>.item>.rule_content>ul {
	/*list-style-type: disc;*/
	width: 94%;
	margin: 10px auto;
}

.rule>.item>.rule_content>ul li {
	margin-bottom: 20px;
}

.rule>.item>.rule_content>ul li ol {
	list-style-type: circle;
	width: 90%;
	margin: 10px auto;
}

.rule>.item>.rule_content>ul li ol li {
	margin-bottom: 4px;
}

.rule>.item>.rule_content>ul li ol li ul {
	list-style-type: lower-roman;
	width: 90%;
	margin: 10px auto;
}

.rule>.item>.rule_content>ul li ol li ul li {
	margin-bottom: 4px;
}

/* booking 頁面 */
.booking {
	width: 100%;
	margin-top: 30px;
	background: #Fff;
}

.booking>h3 {
	padding: 15px;
	border-bottom: 0px solid #d2d2d2;
	background: #767272;
	color: #ffffff !important;
	letter-spacing: 0.2px
}

/*.info{width:96%;border-top:1px solid #d2d2d2;margin:40px auto;overflow:auto;border-collapse: collapse;border-left:1px solid #d2d2d2;background:#fff;}*/
.info {
	width: 100%;
	border-top: 1px solid #d2d2d2;
	margin: 0px auto;
	border-collapse: collapse;
	border-left: 1px solid #d2d2d2;
	background: #fff;
	overflow: auto;
}

.info>div {
	width: 50%;
	float: left;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding: 15px;
}

.info>div>p {
	color: #9e9e9e;
	font-size: 14px;
}

.info>div>h3 {
	color: #333;
	margin-top: 5px;
	font-size: 16px;
	letter-spacing: 0.2px;
	height: 45px;
}

.booking>.content {
	width: 100%;
	margin: 10px auto;
	padding-bottom: 20px;
}

.info_card {
	width: 518px;
	border: 0px solid #d2d2d2;
	padding: 10px;
	margin: 14px 4px;
	position: relative;
	background: #fff;
	border-radius: 8px;
	display: inline-block;
}

.info_card>.value {
	width: 100%;
	overflow: auto;
	height: 420px;
	padding: 10px;
}

.info_card>.value>p {
	float: none;
	margin-right: 15px;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted #d2d2d2;
	padding-bottom: 5px;
	font-size: 14px;
}

.info_card>.value>p:first-child {
	font-weight: bold;
	width: 100%;
	color: #db5009;
	font-size: 1em;
}

.info_card a {
	color: #Db5009;
	font-weight: bold;
}

.info_card a .material-icons {
	color: #db5009;
	vertical-align: bottom;
	font-size: 23px;
	margin-right: -6px;
}

.btn_set {
	text-align: right;
	margin: 0px;
	/*tran*/
}

.btn_set>button {
	padding: 10px 20px;
	color: #666;
	background: #fff;
	margin: 5px;
	border-radius: 5px;
	font-size: 16px;
	border: 1px solid #d2d2d2;
	transition: 0.25s ease;
}

.btn_set>button:hover {
	color: #fff;
	transition: 0.25s ease;
	background: #db5009;
}
/*
.btn_set>input {
	padding: 10px 20px;
	color: #666;
	background: #fff;
	margin: 5px;
	border-radius: 5px;
	font-size: 16px;
	border: 1px solid #d2d2d2;
	transition: 0.25s ease;
}

.btn_set>input:hover {
	color: #fff;
	transition: 0.25s ease;
	background: #db5009;
}*/

.info_card>.status {
	width: 100%;
	text-align: right;
	top: 0px;
	right: 0px;
	position: relative
}

.booking>.alert {
	width: 100%;
	padding: 5%;
	text-align: center;
}

.info_card .status .checkbox_con {
	z-index: 500;
	right: 35px;
	left: auto;
}

.info_card span:hover {
	color: #Db5009;
}

/* btn define */
.quick_btn {
	width: 200px;
	background: #db5009;
	color: #fff;
	height: 60px;
	font-size: 16px;
	border: none;
	outline: none;
	margin: 10px 0px;
}

.base_btn {
	width: 200px;
	background: #333;
	color: #fff;
	height: 60px;
	font-size: 16px;
	border: none;
	outline: none;
	margin-right: 30px;
	transition: 0.25s ease;
	display: inline-block;
	line-height: 60px;
	font-weight: bold;
}

.base_btn:hover {
	background: #db5009;
	color: #fff;
	transition: 0.25s ease;
}

/* buy頁面 */
.buy {
	width: 100%;
	margin-top: 30px;
	background: #Fff;
}

.buy>h3 {
	padding: 15px;
	border-bottom: 0px solid #d2d2d2;
	font-size: 20px;
	background: #767272;
	color: #fff;
	letter-spacing: 0.2px
}

.buy>.content {
	width: 100%;
	margin: 15px auto;
	/*padding-bottom: 20px;*/
}

#buy_card {
	text-align: center;
	width: 500px;
	border: 1px solid #d2d2d2;
	height: 305px;
	border-radius: 10px;
	cursor: pointer;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	transition: 0.25s ease;
	margin: 20px;
	background: #Fff;
	float: left;
}

#buy_card>.material-icons {
	font-size: 8em;
	user-select: none;
	margin-top: 60px;
	transition: 0.5s ease;
	transform: rotate(0deg)
}

#buy_card>p {
	font-weight: bold;
	color: #666;
	letter-spacing: 1px;
	transition: 0.5s ease;
}

#buy_card:hover {
	color: #db5009;
	transition: 0.25s ease;
	box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.15);
}

#buy_card:hover .material-icons {
	transform: rotate(90deg);
	transition: 0.35s ease;
}

#buy_card:hover p {
	color: #db5009;
	transition: 0.25s ease;
}

/* input */
input[type="text"] {
	width: 100%;
	outline: none;
	height: 50px;
	margin: 10px 0px;
	font-size: 16px;
	color: #666;
	font-family: Microsoft JhengHei;
	padding: 10px;
}

.main_btn {
	padding: 20px 35px;
	/*width: 180px;
	height: 60px;*/
	background: #333;
	color: #Fff;
	font-size: 1em;
	border: 0px;
	transition: 0.15s ease;
	outline: none;
}

/*.main_btn:hover {
	background: #db5009;
	transition: 0.25s ease;
}*/

/* 經銷商頁面 */
.agency {
	/*background: none;*/
	width: 100%;
	overflow: auto;
	padding: 20px;
	background: #efefef;
	border-radius: 10px;
}

input[type="select"] {
	display: block;
	width: 100%;
	height: 60px;
	border: 1px solid #d2d2d2;
	outline: none;
	background: #Fff;
	padding-left: 5px;
}

.de-select {
	width: 49%;
	height: 50px;
	border: 1px solid #d2d2d2;
	outline: none;
	background: #fff;
	border-radius: 0px;
	font-size: 16px;
	color: #666;
	font-family: Microsoft JhengHei;
	padding: 10px;
	float: left;
}

.de-select:first-child {
	float: left
}

.de-select:last-child {
	float: right
}

.agency-info {
	/*border: 0px solid #d2d2d2;*/
	padding: 0px;
	background: none;
	margin: 50px auto;
	overflow: auto;
}

.card {
	background: #fff;
	border: 1px solid #d2d2d2;
	width: 49%;
	/*margin: 10px 5px;*/
	margin-right: 0.25%;
	margin-left: 0.25%;
	margin-bottom: 30px;
	display: inline-block;
}

/*.card:nth-child(odd) {
	float: left;
}

.card:nth-child(even) {
	float: left;
}*/

.card>h4 {
	border-bottom: 1px solid #d2d2d2;
	padding: 10px 15px;
	color: #333333;
	background: #efefef;
}

/*.card>h4:before {
	content: "●";
	padding-right: 5px;
	font-size: 10px;
	vertical-align: top;
}*/

.card>article {
	padding: 30px;
	height: 150px;
}

.card>article>p {
	margin-bottom: 5px;
	color: #666;
	border-bottom: 1px dotted #d2d2d2d2;
	padding-bottom: 5px;
}

.card>.go {
	display: block;
	height: 30px;
	text-align: right;
	padding-right: 10px;
}

.card>a.go {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
	color: #db5009;
}

.card>a.go:before {
	content: "▸";
	padding-right: 5px;
}