@import "/webeip/HT00100/becky/css/reset.css";
@charset "big5";

.tkt_order_bodywrap{
		width: 1000px;
		margin: 0 auto;
	}
	.tkt_order_bodywrap > p{
		padding: 0.5em 0;
	}
	.tkt_order_title{
		width: 60%;
		margin: 1em auto 0.5em;
		text-align: center;
		padding: 0.2em 0;

		font-weight: bold;

		background: #65A844;
		color: white;

		position: relative;
	}
	.tkt_order_title:after,.tkt_order_title:before{
		content: "";
		position: absolute;
		bottom: 0;
		left: -2.8rem;
		display: block;
		border: 1.4rem solid #65A844;
		border-left-color: transparent;
	}
	.tkt_order_title:after{
		left: 100%;
		margin-left: 1px;
		border: 1.4rem solid #65A844;
		border-right-color: transparent;
	}
	/*訂購資料*/
	.tkt_order_maintitle1, .tkt_order_maintitle2{
		text-align: center;
		background-color: cornflowerblue;
		color: white;
		padding: 0.2em 0;
	}
	.tkt_order_mainbox{
		display: flex;
		flex-wrap: wrap;	
	}
	.tkt_order_mainlist{
		width: 100%;
		display: flex;
		align-items: center;
		border-bottom: 1px solid lightgray; 
	}
	.tktoml1, .tktoml2, .tktoml3, .tktoml4,
	.tktoml5, .tktoml6, .tktoml7, .tktoml8,
	.tktoml9, .tktoml10, .tktoml11, .tktoml12{
		width: 50%;
	}
	.tkt_order_mainlist_title{
		width: 35%;
		height: 3em;
		padding: 0 0.5em;
		box-sizing: border-box;
		border-right: 1px solid lightgray;
		line-height: 3em;
		font-weight: bold;
	}
	.tktoml13 > .tkt_order_mainlist_title,
	.tktoml14 > .tkt_order_mainlist_title,
	.tktoml15 > .tkt_order_mainlist_title{
		width: 30%;
	}
	.tkt_order_mainlist_content{
		width: 65%;
		height: 3em;
		padding: 0 0.5em;
		box-sizing: border-box;
		line-height: 3em;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.tktoml1 > .tkt_order_mainlist_content,
	.tktoml3 > .tkt_order_mainlist_content,
	.tktoml5 > .tkt_order_mainlist_content,
	.tktoml7 > .tkt_order_mainlist_content,
	.tktoml9 > .tkt_order_mainlist_content,
	.tktoml11 > .tkt_order_mainlist_content{
		border-right: 1px solid lightgray;
	}
	.tktoml13 .tkt_order_mainlist_content{
		white-space: nowrap;
		display: flex;
		align-items: center;
	}
	.tktoml14 .tkt_order_mainlist_title,
	.tktoml14 .tkt_order_mainlist_content{
		height: 10em;
		line-height: 10em;
	}
	.tktoml13 .tkt_order_mainlist_content,
	.tktoml14 .tkt_order_mainlist_content,
	.tktoml15 .tkt_order_mainlist_content{
		width: 70%;
	}
	.tkt_order_mainlist_content > input.typing {
		width: 100%;
		height: 1.75em;
		font-size: 1.2em;
		margin: 0.25em 0;
	}
	.tktoml13 .tkt_order_mainlist_content > select{
		width: 100%;
		margin: 0 1em 0 0.5em;
		height: 2em;
		font-size: 1.1em;
	}
	.tktoml13 .tkt_order_mainlist_content > select:last-child{
		margin-right: 0;
	}
	.tktoml14 .tkt_order_mainlist_content > textarea{
		width: 100%;
		height: 10em;
		margin: 1em 0;
	}
	.tktoml15 .tkt_order_mainlist_title{ height: 6em; line-height: 6em;}
	/*旅客資料*/
	.tabbox{
		width: 100%;
	}
	.tab_rowbox{
		width: 100%;
		display: flex;
		align-items: center;
		border-bottom: 1px solid lightgray;
	}
	.tab_listbox1, .tab_listbox2,
	.tab_listbox3, .tab_listbox4{
		height: 2em;
		line-height: 2em;
		padding: 0 0.5em;
		box-sizing: border-box;
		text-align: center;
	}
	.tab_listbox1{
		width: 10%;
		border-right: 1px solid lightgray;
	}
	.tab_listbox2{
		width: 40%;
		border-right: 1px solid lightgray;
	}
	.tab_listbox3{
		width: 40%;
		border-right: 1px solid lightgray;
	}
	.tab_listbox4{
		width: 10%;
	}
	/*驗證碼*/
	.captchabox{
		display: flex;
		align-items: center;
		margin: 0.3em 0;
	}
	.captchainputbox1 > input{
		height: 2em;
		font-size: 1.2em;
		/*請與.cardpay_mainlist_content > input.typing同步更新*/
	}
	.captchainputbox2{
		height: 1.5em;
		text-align: center;
	}
	.captchainputbox2 iframe{
		width: 150px;
		height: 2em;
	}
	.captchainputbox3 > input{
		cursor: pointer;
		height: 2em;
		font-size: 1em;
	}
	/*送出*/
	input.tkt_order_submitbtn{
		cursor: pointer;
		display: block;
		margin: 1em auto;
		font-size: 1.5em;
		font-weight: bold;
		padding: 0.2em 1em;
		border-radius: 5px;
		border: 1px solid #193E7F;
		background-color: #2B5DB5;
		color: white;
	}
	input.tkt_order_submitbtn:hover{
		position: relative;
		top: 2px;
		left: 2px;
		
	}