@charset "utf-8";
/*head表頭*/
.tophead {
    width:100%;
    /*position:fixed;*/
    z-index:999;
    background-color:#ffffff;
    border-top:5px solid #278ccc;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);
    box-shadow:0 3px 6px rgba(0,0,0,.15);
}

    .tophead .navbar-header {
        width:65%;
        float:right;
    }

.toplogo {
    display:inline-block;
    float:left;
    height:66px;
    padding:0px 5px;
}

    .toplogo img {
        max-height: 66px;
        vertical-align:text-top;
        border: 0px;
    }

.main_menu {
    margin-top:0px;
}

.navbar-default {
    width:100%;
    max-width:1380px;
    margin:0 auto;
    min-height:66px;
    background-color:#ffffff;
    border-color:#ffffff;
    border-radius:0px;
    border:0px solid transparent;
}

.tophead .navbar-nav > li {
    height:66px;
}

.tophead .navbar-nav > li,.tophead .navbar-nav > li > .dropdown-menu > li {
	/*max-width:155px;*/
}

.tophead .navbar-nav > li a,.tophead .navbar-nav > li > .dropdown-menu > li a {
	overflow:hidden;
	/*display:-webkit-box;*/
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li > a {
    color:#585858;
    background-color:#ffffff;
    height:66px;
    line-height:66px;
    padding:0px 10px;
    letter-spacing:0px;
    display:-webkit-box;
}

.navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover {
	color:#278dcd;
	background-color:#efefef;
}

.container-fluid {
    padding-right:0px;
    padding-left:0px;
}

.navbar-collapse {
    padding-right:0px;
    padding-left:0px;
}

.navbar-nav {
    width:100%;
}

.navbar-nav > li {
	height:64px;
}

.navbar-nav > li:hover {
	background-color:#ffffff;
}

.navbar-nav > li > .dropdown-menu {
	background-color:#ffffff;
}

.navbar-nav > li > .dropdown-menu > li > a {
	color:#585858;
	font-size:15px;
	line-height:22px;
	padding:10px 10px;
}

.navbar-nav > li > .dropdown-menu > li > a:hover {
	color:#278dcd;
	background-color:#efefef;
}

.dropdown-menu {
    min-width:124px;
    padding:0px 0px;
    border:0px solid #ccc;
    border:0px solid rgba(0,0,0,.15);
    border-radius:5px;
    -webkit-box-shadow:0 6px 6px rgba(0,0,0,.25);
    box-shadow:0 6px 6px rgba(0,0,0,.25);
}

.tophead .navbar-nav > li a.language {
    background-color:#ffffff00;
    letter-spacing:0px;
}

.caret {
    width:8px;
}

.languageul {
    margin-left:-134px;
    min-width:176px;
    max-width:176px;
}

.language .flag_tw {
    margin-top:20px;
}

.language .caret {
    margin-top:-40px;
    margin-left:-2px;
}

.flag_tw img,.flag_en img,.flag_vn img,.flag_id img,.flag_th img {
    width:24px;
    margin-right:8px;
    float:left;
}

.signin {
    min-width:auto;
}

.signin span {
	color:#d1d1d1;
	font-size:16px;
}

.signin:hover,.navbar-default .navbar-nav li.signin a:hover {
	background-color:#ffffff;
}

.signin:hover.signin span {
	color:#ff6565;
}

.signin .dropdown-menu {
	min-width:auto;
}

.signin .dropdown-menu li a:hover {
	color:#ff0c0c !important;
}

.glyphicon-refresh {
    color:#278ccc;
    font-size:24px;
    margin:8px 0px 0px 8px;
    position:absolute;
}

.glyphicon-refresh:hover {
	color:#333333;
	transform:rotate(60deg);
}

.glyphicon-refresh:active {
	color:#fa8332;
	transform:rotate(180deg);
}

.topsignin,.topsignin .signmember {
    height:66px;
    position:relative;
    z-index:999;
}

.topsignin {
    float:right;
}

.topsignin {
    float:right !important;
    padding-right:3px;
}

.topsignin .mbi_in,.topsignin .mbi_out {
	line-height:66px;
	font-size:22px;
	top:0px;
	transition:all ease .25s;
}

.topsignin .mbi_out {
	color:#dedede;
}

.topsignin .mbi_in {
	color:#278ccc;
}

.topsignin .mbi_in:hover,.topsignin .mbi_out:hover {
	color:#ff6a52;
	transition:all ease .25s;
}

.topsignin .signmember {
	float:right;
	text-align:right;
	line-height:20px;
	padding-right:12px;
	font-size:15px;
	font-family:Noto Sans TC, sans-serif, 微軟正黑體;
}

.topsignin .signout {
	color:#d1d1d1;
	padding-top:13px;
}

.topsignin .signname {
	color:#278ccc;
	padding-top:13px;
}

.topsignin .signmoney {
	color:#ff6a52;
	letter-spacing:-0.2px;
}

.topsignin .signicon {
	float:right;
}

.pcnone {
    display:block !important;
}

.toplogo_m,.m_head {
    display:none;
}

.m_head {
    position:relative;
    font-family:Helvetica;
    z-index:9999;
    height:71px;
    background-color:#ffffff;
    border-top:5px solid #278ccc;
    -webkit-box-shadow:0 3px 6px rgba(0,0,0,.15);
    box-shadow:0 3px 6px rgba(0,0,0,.15);
}

.m_head .toggle {
	cursor:pointer;
	float:right;
	height:66px;
	margin-right:5px;
}

.m_head .toggle:hover .sp_nav span {
	cursor:pointer;
	background-color:#278ccc
}

.m_head .wrap {
	position:absolute;
	left:0;
	top:100%;
	height:120vh;
	display:none;
	width:100%;
	padding:15px 15px;
	background-color:#ffffff;
}

.m_head .wrap li {
	border-bottom:1px solid #f1f1f1;
}

.m_head .wrap li a {
	display:block;
	padding:15px;
	font-size:14px;
	;
	color:#666;
}

.m_head .sp_nav {
width:50px;
height:45px;
position:relative;
cursor:pointer;
margin-top:21px;
}

.m_head .sp_nav span {
	background-color:#ababab;
	width:32px;
	height:4px;
	border-radius:5px;
	position:absolute;
	left:10px;
	transition:all ease .25s;
}

.m_head .sp_nav span:nth-of-type(1) {
	top:0px;
}

.m_head .sp_nav span:nth-of-type(2) {
	top:10px;
}

.m_head .sp_nav span:nth-of-type(3) {
	top:20px;
}

.m_head .sp_nav_se span:nth-of-type(1) {
	top:10px;
	background-color:#278ccc;
	transform:rotate(45deg);
}

.m_head .sp_nav_se span:nth-of-type(2) {
	width:0;
}

.m_head .sp_nav_se span:nth-of-type(3) {
	top:10px;
	background-color:#278ccc;
	transform:rotate(-45deg);
}

.m_head .panel-group .panel + .panel {
	margin-top:0px;
}

.m_head .panel {
	border-radius:0px;
	-webkit-box-shadow:0 0px 0px rgba(0,0,0,.05);
	box-shadow:0 0px 0px rgba(0,0,0,.05);
}

.m_head .panel-default {
	border:0px;
	border-bottom:1px solid #e8e8e8;
}

.m_head .panel-default > .panel-heading {
	background-color:#ffffff;
}

.m_head .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color:#e8e8e8;
	padding:0px 0px 0px 20px !important;
}

.m_head .panel-default > .panel-heading > .panel-title {
	color:#585858;
	font-size:16px;
	padding:18px 0px;
	font-family:Noto Sans TC, sans-serif, 微軟正黑體;
}

.m_head .panel-default > .panel-heading + .panel-collapse > .panel-body li a {
	font-size:16px;
	padding:12px 0px;
	font-family:Noto Sans TC, sans-serif, 微軟正黑體;
}

.topsignin .modal-dialog {
    width:88%;
    top:8%;
}

.signinpom {
    max-width:173px;
}

.signinpom ul {
	position:absolute;
	right:0px;
}

.signinpom li {
	width:100%;
	height:44px;
	text-align:left;
	font-size:16px;
	font-family:Noto Sans TC, sans-serif, 微軟正黑體;
	transition:all ease .25s;
}

.signinpom li:hover {
	border-radius:3px;
	transition:all ease .25s;
}

.signinpom li a {
	width:100%;
	font-size:16px;
	font-weight:500;
	color:#585858;
	padding:15px 0px;
	display:inline-block;
	transition:all ease .25s;
}

.signinpom li a:hover {
	color:#278ccc;
	transition:all ease .25s;
}

.signinpom li a span {
	margin:0px 6px 0px 0px;
}

/*彈跳視窗_開始*/
#in_member .modal-backdrop.in, #in_enterprise .modal-backdrop.in, #myloading .modal-backdrop.in, #in_b2cSearch .modal-backdrop.in, #in_b2cmember .modal-backdrop.in {
    opacity: .70;
}

#in_member .modal-content, #in_enterprise .modal-content, #myloading .modal-content, #in_b2cSearch .modal-content, #in_b2cmember .modal-content {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 15%;
}

#in_member .modal-header, #in_enterprise .modal-header, #in_b2cmember .modal-header, .modal-header .close,
#in_member .modal-title, #in_enterprise .modal-title, #in_b2cSearch .modal-title, #in_b2cmember .modal-title {
    min-height: 52px;
    line-height: 52px;
}

#in_member .modal-title, #in_enterprise .modal-title, #myloading .modal-title, #in_b2cSearch .modal-title, #in_b2cmember .modal-title {
    padding: 0px 4%;
}

#in_member .modal-header, #myloading .modal-header {
    background-color:#278ccc;
    padding-right:4%;
}

#in_enterprise .modal-header {
    background-color:#ff4d4d;
    padding-right:4%;
}

#in_b2cSearch .modal-header {
    background-color:#7DB110;
    padding-right:4%;
}

#in_b2cmember .modal-header {
    background-color: #333333;
    padding-right: 4%;
}

.modal-header .close {
    color:#ffffff;
    font-weight:400;
    text-shadow:0 0px 0 #ffffff;
}

#in_member .modal-title, #in_enterprise .modal-title, #myloading .modal-title, #in_b2cSearch .modal-title, #in_b2cmember .modal-title {
    height: auto;
    font-weight: 400;
    text-indent: 0;
    text-align: left;
    line-height: 50px !important;
}

#in_member .modal-body, #in_enterprise .modal-body, #myloading .modal-body, #in_b2cSearch .modal-body, #in_b2cmember .modal-body {
    padding: 2% 3% 4% 3%;
}

.error_message {
    line-height:22px;
    padding:10px 15px 0px 15px;
    color:#ff0000;
}

.error_message span {
	padding-right:6px;
}

.error_message2 {
    font-size:14px;
    ;
    line-height:22px;
    margin-top:0px;
    font-weight:400;
    color:#ff0000;
}

.sinframe {
    width:100%;
    height:54px;
}

.sinframe_left {
    text-align:left;
    padding:0px 0px 0px 15px;
    margin-top:15px;
}

.sinframe_right {
}

.sinframe_left,.sinframe_right,.sinframe_right input {
	float:left;
	font-size:15px;
	line-height:30px;
}

.sinframe_right input {
	padding:0px 13px;
	color:#ff0000;
	font-size:15px;
	font-weight:300;
}

.sinframe p {
    color:#ff0000;
}

.sinframe p:hover {
	text-decoration:underline;
}

.sinbt {
    margin-top:10px;
}

.sinbt .btn-default,.sinbt .btn-primary {
	font-weight:300;
	width:30%;
	min-width:90px;
	float:right;
	margin-left:3%;
}

.forget_password {
    width:96%;
    text-align:right;
    display:inline-block;
}

.forget_password a {
	font-weight:400;
	font-size:15px;
	padding:15px 0px 0px 0px;
	color:#ff0000;
	display:block;
}

.forget_password span {
	padding-left:6px;
}

.nobr {
    text-align: center;
    margin: 0 auto;
    display: table;
}

.nobr .btn {
	min-width: 220px;
    margin-top:12px;
	margin-bottom:3px;
	line-height:24px;
}

.nobrwidth {
	float: left;
	margin: 0px 6px;
}

.nobrwidth p {
    margin: 0 auto;
    max-width: 220px;}

.btn-primary, .btn-default {
    position: relative;
    font-size: 17px;
    padding: 7px 10px;
    transition: all .15s ease-in-out;
}

.btn-default {    
	color:#333;
	background-color:#e3e3e3;
    border-color:#adadad;
}

.btn-default:hover {
    color:#ffffff;
    background-color:#adadad;
    border-color:#adadad;
}

.btn-primary {
    color:#ffffff;
    background-color:#278ccc;
    border-color:#1670aa;
}

.btn-primary:hover {
    background-color:#1670aa;
    border-color:#1670aa;
}

.btn-primary:active,.btn-primary:focus,.btn-default:active,.btn-default:focus {
	top:3px;	
    transition:all .15s ease-in-out;
}

.singin_remind {
    margin-top:20px;
}

.singin_remind li {
	text-align:right;
}

.singin_remind label {
	font-size:15px;
	color:#ff0000;
	padding:0px;
}

.singin_remind label::before,.singin_remind label::after {
	opacity:0;
}

.singin_remind .radio-btn input[type="radio"]:checked + label {
	color:#ff4d4d;
}

.singin_remind .radio-btn input[type="radio"]:checked + label::before {
	opacity:0:
}

.singin_remind .radio-btn label:active::before,.singin_remind .radio-btn input[type="radio"]:checked + label::before {
	opacity:0;
}

.input-validation-error {
    margin-bottom:-5px;
}

.field-validation-error {
    margin-top:-15px;
    font-weight:400;
    color:#f00;
    letter-spacing:-1px;
    background-color:#fff6a9;
}

/*loading*/
#myloading #search-title, #myloading .modal-body {
    text-align:center;
}

#myloading .ad_loading {
    animation-duration:1.5s;
    animation-name:loading;
    animation-play-state:running;
    animation-fill-mode:forwards;
    animation-iteration-count:infinite;
}

@keyframes loading {
    0% {
        transform:scale(1,1);
    }

    70% {
        transform:scale(1.1,1.1);
    }

    100% {
        transform:scale(1,1);
    }
}

#myloading .modal-body ul li {
    color:#333;
    font-size:15px;
    font-weight:500;
}

.loader2,.loader2:after,.loader2:before {
    /*border-radius:50%;*/
    width:35px;
    height:10px;
    -webkit-animation:load7 1.5s infinite ease-in-out;
    animation:load7 1.5s infinite ease-in-out;
}

.loader2 {
    color:#FF9800;
    font-size:11px;
    margin:10px auto 60px auto;
    position:relative;
    text-indent:-9999em;
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation-delay:-.16s;
    animation-delay:-.16s;
}

.loader2:before {
	left:-4.5em;
	-webkit-animation-delay:-.32s;
	animation-delay:-.32s;
}

.loader2:after {
	left:4.5em;
}

.loader2:after,.loader2:before {
	content:'';
	position:absolute;
	top:0;
}

@-webkit-keyframes load7 {
    0%,100%,80% {
        box-shadow:0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow:0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%,100%,80% {
        box-shadow:0 2.5em 0 -1.3em;
    }

    40% {
        box-shadow:0 2.5em 0 0;
    }
}

/*輸入框按鈕_高度*/
.sinframe_right input,.form-control {
    height:42px;
    text-align:left;
    font-size:15px;
    background-color:#ffffff !important;
}

.sinbt .btn-default,.sinbt .btn-primary {
    height:42px;
    text-align:center;
    font-size:16px;
}

/*回列表按鈕*/
.btn_rech {
    background:#268ccd;
    background-color:#268ccd;
}

.btn_rech:hover,.btn_rech:active,.btn_rech:focus {
	background-color:#096dad;
	color:#ffffff;
}

/*search框*/
#search_include {
    max-width:1280px;
    margin:0px auto;
    padding:0px 15px;
}

#search1_include {
    max-width:1400px;
    margin:0px auto;
    padding:0px 0px;
}

#m_search {
    display:block;
}

#m_searchbt {
    display:none;
}

.in_index {
    position:relative;
    z-index:9;
    top:-50px;
    border-radius:5px;
    background-color:#ffffff;
    box-shadow:0 5px 10px #cccccc;
}

#search_include .searchrwd {
    width:100%;
    margin:0px auto;
    display:inline-block;
    padding:20px 12px;
}

#search1_include .searchrwd {
    width:100%;
    margin:0px auto;
    padding:10px 0px 0px 0px;
}

.searchrwd .col-lg-12, .searchrwd .col-lg-4, .searchrwd .col-lg-3, .searchrwd .col-lg-2, .searchrwd .col-md-12, .searchrwd .col-md-9, .searchrwd .col-md-8, .searchrwd .col-md-7, .searchrwd .col-md-6, .searchrwd .col-md-5, .searchrwd .col-md-4, .searchrwd .col-md-3, .searchrwd .col-md-2, .searchrwd .col-md-1, .searchrwd .col-sm-12, .searchrwd .col-sm-6, .searchrwd .col-sm-3, .searchrwd .col-sm-2, .searchrwd .col-xs-12, .searchrwd .col-xs-8, .searchrwd .col-xs-6, .searchrwd .col-xs-4 {
    padding: 0% 4px;
}

.searchrwd .index_goback {
    float:left;
    width:100%;
    padding:0px 8px;
    margin-bottom:0px;
}

.searchrwd .index_goback li {
	min-width:85px;
	display:inline-block;
	float:left;
	padding:0px 20px 0px 0px;
}

.searchrwd .index_goback li .radio-btn {
	padding-left:20px;
}

.searchrwd .form-group {
    margin-top:12px;
    margin-bottom:0px;
    position:relative;
}

.searchrwd .form-group2 {
    margin-top:5px;
    margin-bottom:0px;
    padding-right:0px;
    position:relative;
}

#direct01, #direct02 {
    height:16px;
    width:16px;
    margin-right:0px;
    margin-top:0px;
}

.indexbtn {
    border:0px;
    color:#ffffff;
    height:42px;
    background-color:#FF9800;
    border-radius:3px;
    font-weight:400;
    text-align:center;
}

.indexbtn:hover {
	background-color:#ff5501;
}

.indexbtn:active,.add_segment:active,.add1_segment:active,.orderbtn:active {
	position:relative;
	top:2px;
}

.orderbtn {
    border:0px;
    color:#ffffff;
    height:42px;
    background-color:#FF9800;
    border-radius:3px;
    font-weight:400;
    text-align:center;
}

.orderbtn:hover {
	background-color:#ff5501;
}

button.form-control, select.form-control {
    -webkit-appearance:none;
    cursor:pointer;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;
    color:#000;
    background-image:url(../img/icon_sele.png);
    background-repeat:no-repeat;
    background-position:95% center;
}

select.form-control-block {
    background-color: #efefef!important;
}

.triangle, .triangle_b, .triangle_w {
    border-right: 10px solid #ffffff00;
    border-left: 10px solid #ffffff00;
    position: absolute;
}

.triangle {
    border-bottom:8px solid #278dcd;
    top:-9px;
    left:47%;
}

.triangle_b {
    border-bottom:8px solid #278dcd;
    top:-10px;
    left:25%;
}

.triangle_w {
    border-bottom:8px solid #ffffff;
    top:-8px;
    left:25%;
}

.tripnumber .dropdown-menu,.goarr .dropdown-menu {
    margin-top:7px;
    border-radius:4px;
    background-color:#ffffff;
    border:3px solid #278dcd;
    -webkit-box-shadow:0 4px 8px rgb(0 0 0 / 40%);
    box-shadow:0 4px 8px rgb(0 0 0 / 40%)
}

.tripnumber .dropdown-menu {
    padding:2px 3px 8px 2px;
}

.tripnumber .dropdown-menu {
    width:107%;
    margin-left:1%;
}

.tripnumber .pop_numbox {
    padding:0px;
    width:100%;
    display:table;
}

.tripnumber .pop_numbox .form-group {
	padding:0px;
	margin:0px;
	border-bottom:0px dashed #ccc;
	padding:8px 0px 0px 0px;
}

.tripnumber .pop_numbox .pop_leftti {
	color:#278dcd;
	width:38%;
	margin-right:0%;
	float:left;
	padding:0px;
	min-width:45px;
	font-size:15px;
	line-height:20px;
}

.tripnumber .pop_numbox span.f12 {
	font-size:11px;
	color:#666666;
	width:inherit;
	padding-left:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	white-space:nowrap;
	line-height:14px;
	letter-spacing:-0.2px;
	display:block;
}

.tripnumber .pop_rightcon {
    width:62%;
    padding:0px 0px;
    border-radius:3px;
    background-color:#eeeeee;
    border:1px solid #cccccc;
}

.tripnumber .pop_losnum {
    width:33%;
    float:left;
    border-radius:3px 0px 0px 3px;
}

.tripnumber .pop_shownum {
    width:34%;
    background-color:#ffffff;
}

.tripnumber .pop_addnum {
    width:33%;
    float:right;
    border-radius:0px 3px 3px 0px;
}

.tripnumber .pop_losnum:hover,.tripnumber .pop_addnum:hover {
	background-color:#278dcd;
}

.add_segment,.add1_segment {
    width:100%;
    height:42px;
    border-bottom:1px dashed #cccccc;
    margin:14px 0px 0px 0px;
    text-align:left;
    line-height:32px;
    padding:0px 5px;
    font-weight:400;
}

.add_segment {
    color:#278dcd;
}

.add_segment:hover {
	cursor:pointer;
	color:#ff9800;
}

.add1_segment {
    color:#ffeb3b;
}

.add1_segment:hover {
	cursor:pointer;
	color:#ffeb3b;
}

.deletebt {
    position:absolute;
    z-index:2;
    top:10px;
    right:4px;
    height:24px;
    line-height:24px;
    padding:0px 5px;
    border-radius:3px;
    display:inline-block;
}

.deletebt:hover {
	cursor:pointer;
	background-color:#ff3b3b;
	color:#ffffff;
}

.deletebt:active {
	top:12px;
}

.deletebt span.glyphicon {
	font-size:14px;
	;
}

.goarr #myTab2 {
    margin-bottom:0px;
}

.goarr .dropdown-menu {
    width:140%;
    margin-left:0%;
    padding:7px 7px;
}

.goarr .dropdown-menu .nav-tabs {
	border-bottom:0px dashed #cccccc;
}

.goarr .nav-tabs > li.active > a,.goarr .nav-tabs > li.active > a:focus {
    color:#278dcd;
    cursor:default;
    background-color:#ffffff;
    border:0px solid #ffffff0;
}

.goarr .nav-tabs > a {
    width:33.3%;
    float:left;
    color:#666666;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    text-align:center;
    padding:8px 0px;
    border-radius:3px;
    border:0px solid transparent;
}

.goarr .nav-tabs > a:hover {
	cursor:pointer;
	color:#ffffff;
	background-color:#278dcd;
}

.goarr .ul_area li {
    width:20%;
    float:left;
    text-align:left;
    line-height:26px;
    margin:0px 0px;
    white-space:nowrap;
}

.goarr .ul_area li a {
	width:100%;
	display:inline-block;
	color:#000000;
	font-size:15px;
	font-weight:400;
	padding:4px 0px 4px 10px;
	border-radius:3px;
	overflow:hidden;
	text-overflow:ellipsis;
}

.goarr .ul_area li a:hover {
	color:#ffffff;
	background-color:#278dcd;
}

.hasDatepicker {
    background-image:url(../img/icon_date.png);
    background-repeat:no-repeat;
    background-position:95% center;
    background-color:#efefef !important;
}
/*.hasDatepicker2 {
	position:absolute;
	z-index:9999999;
	width:34px;
	height:34px;
	right:10px;
	top:5px;
	background-image:url(../img/icon_date.png);
	background-repeat:no-repeat;
	background-position:95% center;}
input[readOnly] {
	background:#efefef!important;}*/

/*footer表尾*/
.ind_graybox {
    margin-top:30px;
    padding:30px 0px 30px 0px;
    background-color:#268ccd;
}

.centerbox {
    width:100%;
    margin:0 auto;
    max-width:1380px;
}

.footerlogo,.footercenter,.footermap {
    min-height:280px;
    padding:15px 15px;
    border-right:1px dashed #ffffff40;
}

.footermap {
    border-right:0px dashed #ffffff40;
}

.footerlogo {
    background-repeat:no-repeat;
    color:#ffffff;
    padding:50px 0px;
    text-align:center;
    background-position:center 0px;
    letter-spacing:0px;
}

.footerlogo img {
	max-width:280px;
	width:80%;
}

.footerbottom {
    text-align:center;
    width:100%;
    margin:40px 0px 0px 0px;
}

.footerbottom p {
	line-height:30px;
}

.footerbottom a {
	color:#ffffff;
}

.footerbottom a:hover {
	color:#ffc107;
}

.cd-top {
    -webkit-filter:sepia(1);
}

/*index相關*/
.parallax_banner {
    background:url(img/20207029_banner01.jpg)center center no-repeat;
    min-height:450px;
    background-attachment:inherit;
    background-size:cover;
}

.searchbox {
    max-width:1256px;
    margin:0 auto;
    position:relative;
    z-index:99;
    top:-70px;
    height:200px;
}

.searchbox_mobile {
    display:none;
}

.ind_promobox h3 {
    font-size:22px;
    text-align:center;
    font-weight:400;
    color:#278dcd;
    border-bottom:2px solid #278dcd;
    line-height:46px;
    border-radius:6px 6px 0px 0px;
    padding:3px 0px;
    margin:0px 11px 10px 6px;
}

.ind_promobox h3 span {
	font-size:16px;
	padding:0px 5px;
}

.table_indowl {
    border-radius:5px;
    border:0px solid #dcdcdc;
    box-shadow:0 1px 4px #b9b9b9;
    transform:scale(0.97);
    background-image:none;
}

.table_indowl:hover {
	transform:scale(1);
	background-image:url(../img/icon_inddtbg_h.png);
}

.icon_indfly {
    opacity:0.3;
    background-image:url(../img/icon_indfly1.png);
}

.owl-item .item a {
    padding:5px 5px;
    margin:2px 0;
    height:180px;
    max-height:180px;
}

.owl-item .item a:hover .table_indowl {
	border-radius:5px;
	box-shadow:0 2px 8px #ff7301;
	transform:scale(1.0);
}

.owl-item .item a:hover .icon_indfly {
	opacity:0.6;
}

.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter:Alpha(Opacity=100);
    /* opacity:1; */
    background:#278dcd;
}

.ind_flyt div {
    line-height:22px;
    text-indent:0px;
}

.ind_ticw {
    text-align:center;
}

/*indexbanner.swiper輪播*/
#indexbanner {
    /*margin-top:70px;*/
}

#indexbanner .swiper-container, #indexbanner .swiper-slide {
	height:420px;
	background:#efefef;
}

#indexbanner .swiper-container {
	width:100%;
}

#indexbanner .swiper-slide {
	text-align:center;
	font-size:16px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
	background-position:center;
	background-size:cover;
}

#indexbanner .swiper-slide a {
	width:100%;
	height:100%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

#indexbanner .swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	color:#ffffff;
	text-shadow:0 2px 4px #52525200;
}

#indexbanner .swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover,.swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover {
	color:#278ccc;
	text-shadow:0 0px 0px #525252;
}

#indexbanner .swiper-button-prev:focus,.swiper-container-rtl .swiper-button-next:focus,.swiper-button-next:focus,.swiper-container-rtl .swiper-button-prev:focus {
	outline:none;
}

#indexbanner .swiper-button-prev:after, #indexbanner .swiper-container-rtl .swiper-button-next:after,
#indexbanner .swiper-button-next:after, #indexbanner .swiper-container-rtl .swiper-button-prev:after {
	font-size:36px;
}

/*查詢訂單欄位*/
.reset_pw {
    width:100%;
    display:table;
    margin-top:30px;
    padding-bottom:30px;
    border-bottom:1px dashed #dcdcdc;
}

.reset_pw .col-md-12,.reset_pw .col-md-7,.reset_pw .col-md-3,
.reset_pw .col-xs-12,.reset_pw .col-xs-8,.reset_pw .col-xs-4 {
	padding-left:0px;
	padding-right:8px;
}

.reset_pw label {
	padding-right:0;
	margin-bottom:15px;
	line-height:42px;
	float:left;
	letter-spacing:0px;
	text-align:right;
}

.reset_pw p {
	font-size:14px;
	;
	line-height:22px;
	margin-top:10px;
	font-weight:400;
	color:#ff0000;
}

.reset_ok {
    text-align:center;
    margin:25px auto;
    width:auto;
    width:100%;
    font-size:15px;
    background-color:#278ccc;
    color:#ffffff;
    padding:50px 5px;
    background-repeat:no-repeat;
    background-position:18px 18%;
}

.reset_ok p {
	color:#ffeb3b;
	margin-bottom:20px;
}

.reset_ok span {
	display:inline-block
}

/*查詢訂單欄位*/
.odtime {
    display:inline-block;
    padding:0px 5px;
}

.notyet_pay {
    color:#f44336;
}

.notyet_pay:hover {
	color:#ffffff;
}

.already_pay {
    padding:2px 0px;
}

.order_pay {
    padding:2px 0px;
    color:#666666;
}

.okbox .cus_form {
    margin-top:20px;
    margin-bottom:10px;
}

.okbox .table_check .tag-fly {
    padding:1px 2px;
    color:#206AB2;
    background-color:#ffeb3bc4;
    margin:2px 0px;
    display:inline-block;
    border-radius:3px;
    width:auto;
}

.okbox .pagination {
    float:right;
}

.okbox .pagination > li > a,.pagination > li > span {
	color:#585858;
	padding:6px 12px 6px 12px;
	font-size:15px;
	border:1px solid #dedede;
}

.okbox .pagination > li > a:hover {
	background-color:#dedede;
}

.okbox .pagination > .active > a,.okbox .pagination > .active > a:hover,.okbox .pagination > .active > a:focus {
	color:#ffffff;
	background-color:#585858;
	border-color:#585858;
}

.okbox .table_check a {
    display:inline-block;
    color:#278ccc;
    border-radius:3px;
    padding:2px 2px;
}

.okbox .table_check a:hover,.okbox .table_check a:active {
	color:#ffffff;
	background-color:#278ccc;
}

.okbox .table_check td span {
    width:auto;
    margin-left:2px;
}

.okbox a.order_nb {
    display:inline-block;
    color:#278ccc;
    background-color:#ffffff;
    border-bottom:1px solid;
    border-radius:0px;
    padding:3px 3px;
}

.okbox a.order_nb:hover,.okbox a.order_nb:active {
	color:#ffffff;
	border-radius:3px;
	background-color:#278ccc;
}

.okbox2 {
    padding:0px 20px;
    position:relative;
    margin:15px 0px 0px 0px;
    display:table;
    width:100%;
    font-size:15px;
}

.okbox2 .col-md-4,.okbox2 .col-md-3,.okbox2 .col-md-2,.okbox2 col-sm-4,
.okbox2 col-sm-3,.okbox2 col-sm-2,.okbox2 col-xs-12,.okbox2 col-xs-6 {
	padding-left:5px;
	padding-right:5px;
}

.okbox2 label {
	margin-bottom:0px;
}

.blue_title2 {
    color:#278ccc;
    border-bottom:1px solid #278ccc;
    padding-bottom:10px;
    margin:15px 0px;
    line-height:24px;
}

.form-group5 .col-md-12,.form-group5 .col-md-8,.form-group5 .col-md-7,.form-group5 .col-md-5,.form-group5 .col-md-6,.form-group5 .col-md-4,
.form-group5 .col-md-3,.form-group5 .col-md-2,.form-group5 .col-sm-12,.form-group5 .col-sm-8,.form-group5 .col-sm-6,.form-group5 .col-sm-4,
.form-group5 .col-sm-3,.form-group5 .col-sm-2,.form-group5 .col-xs-12,.form-group5 .col-xs-9,.form-group5 .col-xs-8,.form-group5 .col-xs-6,
.form-group5 .col-xs-5,.form-group5 .col-xs-4,.form-group5 .col-xs-3,.form-group4 .col-md-12,.form-group4 .col-md-8,.form-group4 .col-md-6,
.form-group4 .col-md-4,.form-group4 .col-md-3,.form-group4 .col-md-2,.form-group4 .col-md-1,.form-group4 .col-sm-12,.form-group4 .col-sm-8,
.form-group4 .col-sm-6,.form-group4 .col-sm-4,.form-group4 .col-sm-3,.form-group4 .col-sm-2,.form-group4 .col-xs-12,.form-group4 .col-xs-9,
.form-group4 .col-xs-8,.form-group4 .col-xs-6,.form-group4 .col-xs-5,.form-group4 .col-xs-4,.form-group4 .col-xs-3 {
    padding-left:3px;
    padding-right:3px;
}

.form-group4 .col-md-12,.form-group4 .col-xs-12 {
    margin-bottom:6px;
}

.form-group4 label {
    width:auto;
    letter-spacing:0px;
    font-size:15px;
    line-height:40px;
}

.form-group4 input[type=checkbox],.form-group4 input[type=radio] {
    width:18px;
    height:18px;
    float:left;
    margin:12px 6px 0px 0px;
}

.orderbtn1 {
    width:100%;
    color:#ffffff;
    text-align:center;
    background-color:#278ccc;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding:0px 0px;
    line-height:42px;
    height:42px;
}

.orderbtn1:hover {
	text-decoration:none;
	background-color:#13669a;
}

.orderbtn1:active {
	position:relative;
	top:3px;
}

.table_check .tdred {
    display:inline-block;
    color:#ff0000;
}

.table_check .tdred_tw {
    font-size:16px;
    font-weight:500;
    color:#ffeb3b;
    background-color:#ff3b2d;
    letter-spacing:0px;
}

.codename_title {
    color:#ff3b2d;
    padding:6px 0px 0px 0px;
    line-height:24px;
    text-align:left;
}

.tdm_open {
    display:none;
}

.os2b_box .cus_form {
    margin-top:-5px;
    padding-bottom:10px;
    border-bottom:1px dashed #dcdcdc;
}

.os2b_box .cus_form .notch {
    text-align:left;
    font-size:15px;
    line-height:20px;
    padding-left:26px;
	margin:12px 0px 0px 0px;
}

.os2b_box span.checkbox3 {
    display:inline-block;
    margin-top:0px;
    padding:0px 0px 0px 10px;
}

.os2b_box span.checkbox3 .control {
	margin-bottom:0px;
}

.confirm_p {
    line-height:22px;
    padding-top:10px;
    font-weight:500;
    color:#2764cc;
    font-size:15px;
}

.confirm_pred {
    line-height:34px;
    font-weight:500;
    color:#ff0000;
    font-size:15px;
}

.form-group5 {
    height:36px;
    padding-left:0px;
    padding-right:0px;
    margin-bottom:0px;
    display:inline-block;
}

.form-group5 label {
	letter-spacing:0px;
}

.form-group5 input[type=checkbox],.form-group4 input[type=radio] {
	width:18px;
	height:18px;
	float:left;
	margin:12px 6px 0px 0px;
}

/*分頁*/
.pager {
    margin:5px 0px;
    padding:5px;
}

.pager .disabled {
	border:1px solid #dddddd;
	color:#585858;
	margin-top:5px;
	padding:7px 8px;
	text-align:center;
}

.pager .current {
	background-color:#585858;
	border:1px solid #585858;
	color:#ffffff;
	padding:7px 8px;
	text-align:center;
}

.pager span,.pager a {
	margin:0px 4px;
}

.pager a {
	color:#585858;
	border:1px solid #aaaaaa;
	padding:7px 8px;
	text-align:center;
	text-decoration:none;
}

.pager a:hover {
	color:#ffffff;
	border:1px solid #585858;
	background-color:#585858;
}

.are_nav .plan_price {
    color:#f0495b;
}

.form-group3 span.checkbox3 {
    display:block;
    margin-top:0px;
    padding:0px 0px 0px 10px;
}

/*sorry 畫面*/
.sorry_box {
    max-width:1024px;
    margin:0 auto;
    margin-top:80px;
    margin-bottom:100px;    /*background:url(https://images.pexels.com/photos/950241/pexels-photo-950241.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260)top center no-repeat;*/
    background-color:#ffffff;
    border-radius:20px;
    padding:50px 25px 20px 25px;
    -webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.15);
    box-shadow:0px 10px 10px rgba(0,0,0,0.15);
}

.sorry_box:hover {
	cursor:auto;
}

.sorry_tittle {
    text-align:left;
    margin:0px 10px 20px 10px;
    font-size:50px;
    font-weight:500;
    line-height:60px;
    color:#268ccd;
    font-family:'Anton', sans-serif;
    font-family:'Fjalla One', sans-serif;
    font-family:'Fredoka One', cursive;
}

.sorry_tw,.sorry_us,.sorry_vn,.sorry_id,.sorry_th {
    text-align:left;
    color:#585858;
}

.sorry_tw {
    font-size:18px;
    font-weight:500;
    line-height:26px;
    margin:15px 10px;
}

.sorry_us,.sorry_vn,.sorry_id,.sorry_th {
    font-size:14px;
    font-weight:500;
    margin:15px 10px;
    line-height:20px;
}

.goindex {
    position:relative;
    top:-40px;
    float:right;
    font-size:16px;
    max-width:200px;
    border-radius:30px;
    color:#fff;
    padding:6px 22px;
    text-align:center;
    border:0px;
    background-color:#268ccd;
}

.goindex:hover {
	padding:6px 40px;
	background-color:#FF9800;
}

.goindex:active {
	background-color:#ff5722;
}

@media screen and (max-width:1200px) and (min-width:900px) {
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li > a {
	padding-right:6px;
	padding-left:6px;
	transition:all .2s ease-in-out;
}

.navbar-nav > li > .dropdown-menu > li > a {
	padding:12px 6px;
	transition:all .2s ease-in-out;
}

.topsignin .signmember {
	padding-right:10px;
	transition:all .2s ease-in-out;
}

.languageul {
	margin-left:-130px;
}
}

@media screen and (max-width:1024px) and (min-width:900px) {
.caret {
	display:none;
	transition:all .2s ease-in-out;
}

.languageul {
	margin-left:-136px;
}

.sorry_box {
	margin-left:2%;
	margin-right:2%;
}
}

@media screen and (max-width:1024px) and (min-width:800px) {
.okbox .table_check {
	letter-spacing:-0.5px;
	transition:all .2s ease-in-out;
}
}

@media screen and (max-width:990px) and (min-width:300px) {
.triangle_w {
	left:40%;
}

.con_tlin {
	padding:10px 1.5% 0px 0px;
}

.ind_graybox {
	padding:0px 0px 20px 0px;
}

.ind_graybox p {
	line-height:24px;
}

.tripnumber .dropdown-menu {
	width:96%;
	margin-left:2%;
}

.os2b_box .cus_form .notch {
	margin: 14px 0px 0px 0px;
}

.footerlogo,.footercenter,.footermap {
	min-height:260px;
}

.footerlogo,.footercenter {
	width:44%;
	float:left;
	margin-bottom:0px;
	margin-left:4%;
	padding:28px 0px;
}

.footercenter,.footerbottom {
	text-align:center;
	letter-spacing:0px;
	border-right:0px dashed #ffffff40;
}

.footermap {
	padding:20px 4% 20px 4%;
}

.m_mop {
	display:inline-block;
	margin-top:8px;
}

.form-group5 {
	height:auto;
}

.confirm_p,.confirm_pred {
	line-height:22px;
	padding-top:0px;
	margin-bottom:10px;
}

.form-group3 span.checkbox3 {
	margin-top:22px;
}
}

@media screen and (max-width:1000px) and (min-width:769px) {
.form-group4 label {
	width:auto;
	text-align:right;
}
}

@media screen and (max-width:1000px) and (min-width:300px) {
.goarr .dropdown-menu {
	width:100%;
}
}

@media screen and (max-width:900px) and (min-width:300px) {
.pc_head {
	display:none;}
.nobrwidth {
	width: 100%;}
.btn-primary,.btn-default,.btn_blue,.btn_yell {
    width: 100%;
    max-width: 350px;}

.os2b_box .cus_form .notch {
	font-size: 14px;
	margin:30px 0px 0px 15px;
}


.m_open,.toplogo_m,.tophead .navbar-toggle,.m_head,.topsignin {
	display:block;
}

.npading {
	margin-top:10px;
}

.toplogo {
	width:28%;
	margin-top:-3px;
}

.signinpom {
	margin-left:0px;
}

.signinpom li {
	height:60px;
	border-bottom:1px solid #e8e8e8;
}

.signinpom li a {
	text-align:center;
}

	.signinpom li a span {
		margin:0px 5px 0px 0px;
	}

.caret {
	float:right;
	margin:8px 8px 0px 0px;
	border-top:6px dashed;
	border-top:6px solid\9;
	border-right:6px solid transparent;
	border-left:6px solid transparent;
	transition:all ease .25s;
}

.m_head .panel-default > .panel-heading + .panel-collapse > .panel-body li a {
	padding:12px 12px;
}

#indexbanner {
	margin-top:0px;
}

.contop_sea {
	margin-top:0px;
	padding:0px 0px 0px 0px;
}

.sorry_box {
	padding:25px 15px;
	margin-top:70px;
	margin-bottom:80px;
	margin-left:4%;
	margin-right:4%;
}
}

@media screen and (max-width:800px) and (min-width:300px) {
#search1_include {
	float:right;
	display:inline-block;
	padding:0px 16px;
}

#search1_include .searchrwd {
	padding:0px 0px 0px 0px;
}

#m_search {
	display:none;
}

#m_searchbt {
	display:block;
	color:#ffffff;
	text-align:right;
	padding:16px 0px;
	font-size:16px;
	font-weight:400;
	position:relative;
	z-index:99;
}

.blue_title {
	margin:15px 0px 0px 0px;
}

.table_check td {
	padding:6px 6px;
	border:0px solid #CECECE;
	border-bottom:1px solid #CECECE;
}

.table_check td p {
	text-align:left;
	display:inline-block;
}

.table_check td span {
	padding-left:0px;
}

.okbox .table_check {
	border-bottom:0px solid #bebebe;
	border-right:0px solid #bebebe;
}

.okbox .table_check tr:nth-of-type(odd),.okbox .table_check tr:nth-of-type(even) {
	width:100%;
	display:inline-block;
	padding:12px 12px;
	margin-bottom:15px;
	box-shadow:0 4px 8px #cccccc;
	border:0px solid #cecece;
}

.okbox .table_check tr:nth-of-type(1) {
	width:100%;
	padding:0px 0px;
	margin-bottom:0px;
	box-shadow:0 0px 0px #cccccc;
	border:0px solid #cecece;
}

.okbox .m_bluebk {
	background-color:#e5f5ff;
	border-top:1px solid #cecece;
}

.okbox .table_check .tag-fly {
	padding:2px 3px;
	margin:2px 6px 2px 0px;
	border-radius:3px;
	background-color:#ffeb3bc4;
}

.okbox .table_check td:before {
	color:#000000;
}

.okbox .table_check a {
	padding:1px 10px;
	background-color:#f1f1f1;
	border-radius:3px;
	border-bottom:0px solid;
}

.okbox .table_check span.glyphicon {
	margin-left:6px;
}

.okbox2 {
	margin:15px 0px 30px 0px;
}

.odtime {
	padding:0px 6px 0px 0px;
}

.tdm_none {
	display:none !important;
}

.tdm_open {
	display:block;
}

.os2b_box span.checkbox3 {
	margin-top:10px;
}

.notch {
	margin:0 15px;
	margin:15px 0px 15px 2px;
}

.goindex {
	width:96%;
	position:revert;
	top:0;
	float:inherit;
	max-width:100%;
	margin:15px 2%;
}
}

@media screen and (max-width:768px) and (min-width:300px) {
.topstep {
	width:90%;
	margin:0 auto;
	margin-top:20px;
	transition:all .2s ease-in-out;
}

.navbar-default {
	min-height:66px;
}

.navbar-nav {
	height:100vh;
	margin:0px 0px;
	padding:10px 10px;
}

.navbar-nav > li {
	width:100%;
	height:46px;
}

.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li > a {
	padding-top:13px;
	padding-bottom:13px;
}

.navbar-nav > li > .dropdown-menu {
	width:100%;
	border-radius:0px;
	padding-bottom:13px;
	-webkit-box-shadow:0 6px 6px rgba(0,0,0,0);
	box-shadow:0 6px 6px rgba(0,0,0,0);
}

.navbar-nav .open .dropdown-menu,.navbar-nav > li > .dropdown-menu {
	background-color:#efefef !important;
}

.navbar-nav > li > .dropdown-menu > li > a {
	text-indent:1em;
	padding:10px 15px;
}

.navbar-nav > li > .dropdown-menu > li > a:hover {
	color:#278dcd;
	background-color:#dedede;
}

.searchrwd .index_goback {
	padding:10px 8px 0px 8px;
}

.searchrwd .index_goback li {
	width:auto;
}

.con_tlinbox {
	margin-top:-20px;
	margin-bottom:20px;
}

.con_tlin {
	width:100%;
	margin-top:0px;
	margin-bottom:15px;
	padding:5px 5px;
}

.sinframe_right input,.form-control {
	font-size:15px;
}

.searchrwd .form-group,.searchrwd .form-group2 {
	margin-top:8px;
}

.add_segment {
	text-align:center;
}

.add1_segment {
	text-align:center;
	margin:15px 0px 10px 0px;
}

.morereturnarr {
	display:none;
}

.deletebt {
	top:20px;
	right:-80px;
}

.footerlogo,.footercenter {
	width:92%;
	border-right:0px dashed #ffffff40;
	border-bottom:1px dashed #ffffff40;
}

.footerlogo,.footercenter,.footermap {
	min-height:auto;
}

.footerlogo {
	padding:15px 0px;
}

.footermap {
	padding:40px 4% 20px 4%;
}

.orderbtn1 {
	width:100%;
	max-width:100%;
	margin-bottom:5px;
}

.form-group4 label {
	text-align:right;
	width:initial;
}

.error_message {
	padding:15px 15px 0px 15px;
}
}

@media screen and (max-width:640px) and (min-width:300px) {
#indexbanner .swiper-container, #indexbanner .swiper-slide {
	height:330px;
}

#in_member .modal-body, #in_enterprise .modal-body, #in_b2cSearch .modal-body, #in_b2cmember .modal-body {
	padding:0% 0% 5% 0%;
}

.searchbox {
	display:none;
}

.searchbox_mobile {
	display:block;
	width:100%;
	max-width:432px;
	margin:0 auto;
	position:relative;
	z-index:99;
	top:-100px;
	margin-bottom:-70px;
}

.searchbox_mobile img {
	width:100%;
	min-width:300px;
}

.form-group3 .col-md-6,.form-group3 .col-md-4,.form-group3 .col-md-2,.form-group3 .col-xs-12,.form-group3 .col-xs-6,.form-group3 .col-xs-5 {
	padding-left:0px;
	margin-bottom:4px;
}

.form-group5 .col-md-7,.form-group5 .col-md-5,.form-group5 .col-xs-12 {
	margin-bottom:0px;
	padding-left:0px;
}

.ord_check li {
	line-height:26px;
}

.cust_right {
	width:96%;
	margin-left:2%;
}

.btn-primary,.btn-default,.btn_blue,.btn_yell {
    width: 100%;
}

.nobrwidth p {
    max-width: 90%;
}
}

@media screen and (max-width:400px) and (min-width:300px) {
.tripnumber .dropdown-menu {
	padding:4px 4px 0px 4px;
}

.tripnumber .pop_numbox .pop_leftti {
	width:100%;
	margin:6px 0px 2px 0px;
}

.tripnumber .pop_rightcon {
	width:100%;
	margin:0px 0px 6px 0px;
}

.tripnumber .pop_numbox .form-group {
	padding:0px 0px 0px 0px;
}

.tripnumber .pop_numbox span.f12 {
	display:contents;
}

.nobrwidth {
    float: left;
    margin: 0px 0px;
}

.btn-primary,.btn-default,.btn_blue,.btn_yell {
    font-size:14px;}
}

/*日曆*/
.ui-widget.ui-widget-content {
    margin-top:7px;
    border-radius:4px;
    border:3px solid #278ccc;
    -webkit-box-shadow:0 4px 8px rgb(0 0 0 / 40%);
    box-shadow:0 4px 8px rgb(0 0 0 / 40%);
}

.ui-datepicker {
    width:auto;
    padding:6px 6px 0px 6px;
}

.ui-datepicker th {
	padding:2px 11px;
}

.ui-datepicker td {
	border:0;
	padding:1px 1px;
}

.ui-datepicker .ui-datepicker-header {
	padding:4px;
	border:0px solid #278ccc;
	background-color:#278ccc !important;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	position:absolute;
	top:4px;
	width:28px;
	height:28px;
	border-radius:2px;
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
	border-radius:2px;
	font-weight:400;
	font-family:Noto Sans TC, sans-serif, 微軟正黑體;
	font-size:15px;
	padding:3px 0px;
	margin:0px 0px 2px 0px;
	border:0px;
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border:2px solid #ff980000;
    background:#ff980025;
    font-weight:normal;
    color:#278ccc;
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
	cursor:pointer;
	border:2px solid #ff9800;
	background:#ff9800;
	font-weight:normal;
	color:#ffffff;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active, a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
	cursor:pointer;
	border:2px solid #ff5301;
	background:#ffffff;
	color:#ff1801;
	font-weight:900;
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border:2px solid #ff980000;
    background:#278ccc;
    color:#ffffff;
}

.ui-datepicker .ui-datepicker-prev {
    left:4px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left:4px;
}

.ui-datepicker .ui-datepicker-next {
    right:4px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right:4px;
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    border:2px solid #ffffff;
    background:#ffffff;
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity:.30;
    filter:Alpha(Opacity=30);
    background-image:none;
}

/*下拉選單hover展開*/
.dropdown-menu li:hover .sub-menu {
    visibility:visible;
}

.dropdown:hover .dropdown-menu {
    display:block;
}

/*展開日曆區塊*/
.fly_calendar li {
    width:14.33%;
}

/*特效緩衝+手指頭*/
.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > .open > a:hover,.navbar-nav > li:hover,
.navbar-nav > li > .dropdown-menu > li > a:hover,.setitl_delete a:hover,.signin:hover .signin span,.sinframe p:hover,.owl-item .item a:hover .table_indowl,
.table_indowl:hover,.owl-item .item a:hover .icon_indfly,.deletebt:hover,.fly_menu.nav-tabs > li > a:hover,.table_close:hover,.footerbottom a:hover,
.searchrwd .indexbtn,.searchrwd .indexbtn:hover,.add_segment:hover,.add_segment:active,.swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover,
.tickbox li:hover,.tickbox li p.flydel:hover,.swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover,.tripnumber .pop_losnum:hover,
.tripnumber .pop_addnum:hover,.goarr .nav-tabs > li > a:hover,.goarr .ul_area li a:hover,.pric_out,.pric_out:hover,.fly_calendar li:hover,.fly_calendar li.active,
.fly_calendar i:hover,.orderbtn,.orderbtn:hover,.orderbtn1,.orderbtn1:hover,.btn-default,.btn-default:hover,.btn-primary,.btn-primary:hover,.okbox .table_check a:hover,
.okbox a.order_nb:hover,.goarr .nav-tabs > a:hover,.pager a:hover,.glyphicon-refresh,.glyphicon-refresh:hover,.sorry_box,.goindex,.goindex:hover {
	cursor:pointer;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

/*特效緩衝*/
.flybox:hover {
    cursor:auto;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

/*消除focus黑框*/
.modal-header .close:focus,.sinbt .btn-default:focus,.sinbt .btn-primary:focus,.searchrwd .indexbtn:focus, a:focus, a:hover,.btn.active.focus,
.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,.btn_yell:active,.btn_yell:focus,.goindex:focus {
    outline:none;
}

/*字體大小*/
.language {
    font-size:13px;
}

body, label,.blue_tag .title,.ticnot th,.table_bag th,.flpaddi .table_bag td,.table_check td,.fly_menu.nav-tabs > li > a,.table_indowl p,.fly_time div,
.are_nav p,.con_tlin,.pric_out .pric_debox p,.go-station .are-station,.fllogo h6,.tickbox li h5,.tickbox li p,.left_bag,.flisty th span,
.tr_note,.tr_note2,.flisty div.fonb,.flisty td.fly_times,.flisty p,.stepok,.stepno,.ord_check,.ticdis td.pads,.filters h4,.cust_right .tag-fly,
.table_flyinfo .peop td,.table_flyinfo .gray_prcie td,.table_flyinfo td,.setitl p,.setitl_delete p,.field-validation-error,.fly_calendar li p,
.data_logo h6 {
    font-size:15px;
    line-height:20px;
}

.nobr .btn {
    padding: 10px 5px!important;
}

.table_check b,.orderbtn1,.indexbtn,.orderbtn,.btn_rech,.prci_box .btn_yell {
    font-size:17px;
    line-height:22px!important;
}

.ind_ticw,.main_right h3,.blue_title,.blue_title2,.reset_ok p,.codename_title,.sinbt .btn-default,.sinbt .btn-primary, #in_member .modal-title,
#in_enterprise .modal-title, #myloading .modal-title, #in_b2cSearch .modal-title,#in_b2cmember .modal-title {
    font-size:19px;
    line-height:25px;
}

.go-station .time {
    font-size:21px;
}

.prci_box span,.gray_prcie b {
    font-size:24px;
}

.fly_calendar li p,.pric_out .pric_debox p {
    line-height:10px;
}

#myloading #search-title,.orderbtn1,.setitl p,.setitl_delete p,.main_right h3 {
    line-height:40px;
}

.flisty span {
    padding:0px 10px 0px 0px;
    white-space:inherit;
}

.table_bag tr td span {
    white-space:inherit;
}

.fly_menu.nav-tabs > li > a {
    padding:8px 0px;
}
.special_prcie {
    height: 60px;
    border-top: 1px dashed #ddd;
    background-color: #ffffff;
}

.special_prcie .form-control {
    width: 55%;
    display: inline-block;
    height: 32px;
    font-size: 16px;
    text-align: center;
    padding: 0px 0px;
    margin-left: 6px;
}

.special_prcie td {
    line-height: 32px;
}

.special_prcie b {
    color: #ff7301;
    font-weight: 800;
    font-size: 22px;
    margin-left: 10px;
    margin-right: 5px;
}

.special_prcie .btn-prcie {
    width: 45%;
    float: right;
    height: 32px;
    line-height: 28px;
    font-size: 16px;
    padding: 0px 0px;
    color: #333;
    background-color: #e3e3e3;
    border-color: #adadad;
    transition: all .2s ease-in-out;
}

.special_prcie .btn-prcie:hover {
    color: #ffffff;
    background-color: #adadad;
    border-color: #adadad;
    transition: all .2s ease-in-out;
}

.special_prcie .btn-prcie:active {
    position: relative;
    top: 3px;
    color: #ffffff;
    background-color: #ff7301;
    border-color: #ff7301;
}