@font-face {
  font-family: 'Glyphicons Halflings','微軟正黑','';
  src: url('./fonts/glyphicons-halflings-regular.eot');
  src: url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/glyphicons-halflings-regular.woff') format('woff'), url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('./fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

html, body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei", sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.fa-2x {font-size: 1.2em;}

/* CAROUSEL 
-------------------------------------------------- */
.carousel-control.right, .carousel-control.left { background-image:none; }    
.carousel-indicators {
    bottom: 0px;
    left: 0px;
    margin-left: 0px;
    right: 0px;
    text-align: right;
    width: 100%;
    padding-right: 16%;
}
.carousel-indicators li { background-color: #53AFFF; }        
.carousel-indicators .active { background-color: #428BCA; }
.carousel-caption {
    top: 0;
    left: 0;
    bottom: auto;
}
.carousel-caption > a { color:#fff; text-decoration: none; }
.carousel-caption > a:hover { text-decoration: underline; }
.right.carousel-control, .left.carousel-control { z-index: 100; }
        
/* Buttons
-------------------------------------------------- */
a.tinfo{padding:5px; background-clip:content-box;}
.btn.confirm{border-color: #ddd; margin-right:15px; margin-top:10px; float:right; display: inline-block;}
.btn-round-o {
  border: 2px solid transparent;
  background-color: transparent; }
  .btn-round-o.btn, .btn-round-o.btn-default {
    color: #AAB2BD; }
    .btn-round-o.btn:focus, .btn-round-o.btn.focus, .btn-round-o.btn:hover, .btn-round-o.btn-default:focus, .btn-round-o.btn-default.focus, .btn-round-o.btn-default:hover {
      color: #AAB2BD;
      background-color: #f2f3f5;
      border-color: #f2f3f5; }
    .btn-round-o.btn:active, .btn-round-o.btn.active, .btn-round-o.btn-default:active, .btn-round-o.btn-default.active {
      color: #AAB2BD;
      background-color: transparent;
      border-color: #AAB2BD; }
  .btn-round-o.btn-primary {
    color: #3BAFDA; }
    .btn-round-o.btn-primary:focus, .btn-round-o.btn-primary.focus, .btn-round-o.btn-primary:hover {
      color: #3BAFDA;
      background-color: #e7f5fa;
      border-color: #e7f5fa; }
    .btn-round-o.btn-primary:active, .btn-round-o.btn-primary.active {
      color: #3BAFDA;
      background-color: transparent;
      border-color: #3BAFDA; }
  .btn-round-o.btn-success {
    color: #8CC152; }
    .btn-round-o.btn-success:focus, .btn-round-o.btn-success.focus, .btn-round-o.btn-success:hover {
      color: #8CC152;
      background-color: #f0f7e8;
      border-color: #f0f7e8; }
    .btn-round-o.btn-success:active, .btn-round-o.btn-success.active {
      color: #8CC152;
      background-color: transparent;
      border-color: #8CC152; }
  .btn-round-o.btn-info {
    color: #37BC9B; }
    .btn-round-o.btn-info:focus, .btn-round-o.btn-info.focus, .btn-round-o.btn-info:hover {
      color: #37BC9B;
      background-color: #cef1e8;
      border-color: #cef1e8; }
    .btn-round-o.btn-info:active, .btn-round-o.btn-info.active {
      color: #37BC9B;
      background-color: transparent;
      border-color: #37BC9B; }
  .btn-round-o.btn-warning {
    color: #F6BB42; }
    .btn-round-o.btn-warning:focus, .btn-round-o.btn-warning.focus, .btn-round-o.btn-warning:hover {
      color: #F6BB42;
      background-color: white;
      border-color: white; }
    .btn-round-o.btn-warning:active, .btn-round-o.btn-warning.active {
      color: #F6BB42;
      background-color: transparent;
      border-color: #F6BB42; }
  .btn-round-o.btn-danger {
    color: #DA4453; }
    .btn-round-o.btn-danger:focus, .btn-round-o.btn-danger.focus, .btn-round-o.btn-danger:hover {
      color: #DA4453;
      background-color: #fceef0;
      border-color: #fceef0; }
    .btn-round-o.btn-danger:active, .btn-round-o.btn-danger.active {
      color: #DA4453;
      background-color: transparent;
      border-color: #DA4453; }
  .btn-round-o.btn-dark {
    color: #5a6574; }
    .btn-round-o.btn-dark:focus, .btn-round-o.btn-dark.focus, .btn-round-o.btn-dark:hover {
      color: #5a6574;
      background-color: #c7ccd3;
      border-color: #c7ccd3; }
    .btn-round-o.btn-dark:active, .btn-round-o.btn-dark.active {
      color: #5a6574;
      background-color: transparent;
      border-color: #5a6574; }

.btn-round {
  padding: 6px 18px;
  border-radius: 21px;
  }
  .btn-round.btn-lg, .btn-group-lg > .btn-round.btn {
    padding: 10px 24px;
    border-radius: 26px; }
  .btn-round.btn-sm, .btn-group-sm > .btn-round.btn {
    padding: 5px 15px;
    border-radius: 16px; }
  .btn-round.btn-xs, .btn-group-xs > .btn-round.btn {
    padding: 1px 8px;
    border-radius: 12px; }
  .wheel{text-align:right;}
 
/*ticketprice
------------------------- */
.olist{font-size:18px; font-weight:500; background:#d3f2ff; border: 1px solid #979fa1; padding:8px 10px;}
.order-row {background-color:#fff; border-color:#E3F1F6; margin-top:20px; margin-bottom:20px; } 
.order-detail {width:100%;  border:1px solid #979fa1; padding:10px; margin-top:20px;display: table; }
.control-static-box {font-size: 16px; line-height: 1.4; padding:7px;border-right:1px solid #fff; border-bottom:1px solid #fff;}
.rule{padding-top:10px;}
.stitle{width:85px;
    background: #E3F1F6;
    padding: 5px 10px;
    margin: 15px  15px 0px  15px;}
.sub{font-size:16px; line-height:35px; 
    background: #E3F1F6;
    padding: 3px 10px;
    margin:15px; display: inline-block;}
.cc li{line-height:30px;}
.cc li a{text-decoration:none;}
.cc li a:hover{color:#91C8FA;}
.order-detail .cc li{margin-left:10px;}
.cc p{line-height:30px; padding-left:15px;}
.bold{font-weight:700; line-height:40px; color:#0068B7; margin-top:15px;}
#search-result .btn-info {
    color: #fff;
    font-size: 18px;
    font-weight:500;
    background-color: #5bc0de;
    border-color: #46b8da;
    margin-bottom: 20px;
    box-shadow: 3px 3px 6px 2px rgb(0 0 0 /30%);
}

.table input[type="radio"]{margin:10px;}
#rules{display:none;}
.rules{width: 98%;}
.subt{line-height:35px; font-weight:500; margin-top:10px}
.narrow6 {
    width: 100%;
    height: 50px;
    font-size: 21px;
    font-weight: 700;
    line-height: 40px;
    border-radius: 6px;
    text-align: center;
    color:#fff;
    background: #79A9D4;
    margin-top: 15px;
    box-shadow: 2px 2px 6px 2px rgb(0 0 0 / 20%);
}
a .narrow6{
    padding: 5px 80px;
    color: #fff;
}
a .narrow6:hover, a .narrow6:active, a .narrow6:linked{text-decoration: none;color:#E3F1F6; }
.subject {
    color: #3F7CB2;
    font-size: 20px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: -20px;
    text-align: center;
}
.cancelR {
    width: 102.5%;
    height: auto;
    font-size: 16px;
    padding: 10px 15px 20px 15px;
    border: 1px solid #EDEDED;
    border-radius: 6px;
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
}
.reserveR {
    width: 102.5%;
    height: auto;
    font-size: 16px;
    padding: 10px 15px 20px 15px;
    border: 1px solid #EDEDED;
    border-radius: 6px;
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
}

/*資料填寫頁*/
.ship{font-size: 18px; margin-top: 10px;}
.rprice{font-size:22px; font-weight:500; color:red;}
.class{height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
 #order .btn-info , #pre .btn-info {
    color: #fff;
    font-size: 18px;
    font-weight:500;
    background-color: #5bc0de;
    border-color: #46b8da;
    margin-bottom: 20px;
    box-shadow: 3px 3px 6px 2px rgb(0 0 0 /30%);
}
#pay .btn-warning {
    color: #fff;
    font-size: 18px;
    font-weight:500;
    background-color: #f0ad4e;
    border-color: #eea236;
    margin-bottom: 20px;
    box-shadow: 3px 3px 6px 2px rgb(0 0 0 /30%);
}

.sumup{font-size:24px; font-weight:700; color:Red; margin-right:15px;}
.panel-default > .panel-heading { width: 100%; display: inline-block;}

.radio-inline + .radio-inline {margin-left: 20px;}
.large-font h3{margin:25px 0px 15px 0px;}
.nav-pills{margin-top:-20px; margin-bottom:20px;}
.nav-box a.active, .nav-box a:hover, .nav-box a:focus{background:#D3EDFB; color:#000;text-align: center;}
.nav-box{width:24.85%; background:#0068B7; text-align: center;}
.nav-item.nav-box:hover{background:#666;}
li.nav-box a{ font-size:18px; color:#fff; border-radius:0px;}
li.nav-box.open{ background::#2c638b;}
.nav > li.nav-box > a:hover,
.nav > li.nav-box > a:focus{color:#D3EDFB; background:#2c638b; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{color:#D3EDFB; background:#4b88b0; }
li.nav-box .dropdown-menu{width:100%; min-width:100px;}
.open .dropdown-menu a.dropdown-item{ line-height:40px; text-decoration:none; border-bottom: 1px dotted #fff; background:#91C8FA; text-align: center; display: block;}
.open .dropdown-menu a.dropdown-item:hover, .open .dropdown-menu a.dropdown-item:focus, .open .dropdown-menu a.dropdown-item.active{background:#3b88bf;}
.top{margin-top:20px;}
.bbox{margin:20px 0px; padding-bottom:50px;}
.cal-row{margin-top:10px;}
.rtitle{width:115px; font-size:18px; text-align: center; line-height:35px; letter-spacing:1px; background:#ddd; margin:25px 15px 10px 15px;}
.month{font-size: 20px; line-height:30px; font-weight: 500; color: #4b88b0;background:#fff;}
.cth{line-height:40px; text-align: center; background:#eee;}
.cal{line-height:40px;}
.on{background:#d3f2ff;}
/*訊息公告頁*/
.news li{ list-style:none; padding-bottom:10px; margin-left:-15px; margin-top:10px; border-bottom:1px solid #eeeeee;}
.announce li{ list-style:none; padding-bottom:10px; margin-left:-15px; margin-top:10px; border-bottom:1px solid #eeeeee;}
.update{font-size: 20px; font-weight:600; color: #006ab4; padding-left:5px;animation-name: rnote;
    animation-duration:0.8s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in;display:inline-block;}
@keyframes  rnote{
    70%{
        color:#006ab4;
    }
    100%{
        color:#D3EDFB;
    }
  }
.Btitle {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    padding: 5px;
}
.Bbox {
    font-size:16px;
    font-weight: 400;
    line-height:25px;
    padding-left:5px;
    color: #000;
}
/*南北之星介紹頁*/
.rightbox{width: 300px; margin-left: 10px; margin-top: 5px;display: inline-block;float: right;}
.main{margin-top:10px;}
.img{margin-top:20px;}


/*碼頭交通資訊頁*/
a.hlink{font-size:18px; font-weight:500; padding:5px 15px; text-decoration: none; color:#fff; background-image: linear-gradient(180deg, #8FC5FF 0%, #428BCA 100%);
border: 2px solid #FFFFFF; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50); border-radius: 8px; margin-bottom:40px; display: inline-block;}
a.hlink:hover{background-image: linear-gradient(180deg, #FFE68F 0%, #E28746 100%);}
/*搜尋引擎*/
.sebox{background-color:#DDD; padding-top:10px; margin-left:0; margin-right:0;}
.sebox .droplist label{width:100%; padding-bottom: 10px; border-bottom: 1px dotted #CCC;}
.sebox .droplist label:last-child{width:100%; padding-bottom:10px; border-bottom:none;}
/*下拉數量選單*/
.form-box {
    position: relative;
    padding: 8px 0 0;
    margin-bottom: 8px;
    font-weight: normal;
    display:contents;
}
.form-box:after {
    content: " ";
    display: block;
    clear: both;
}
.form-markup + .droplist, .search-tab, .search-tabH, .btn {
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}
.form-numbers .title{width:92px; line-height: 30px;}
.droplist {
    position: absolute;
    width: 100%;
    min-width: 160px;
    z-index: 2;
    max-height: 0;
    background-color: white;
    box-shadow: 0 4px 4px rgb(0 0 0 / 10%);
    margin-top: -0.3em;
}

.droplist.open {
    width:135%;
    max-height: 600px;
    overflow: hidden;
    display: block;
}
.droplist {display: hidden;
    overflow: hidden;
}
.droplist .droplist-body {
    color: #666;
    border: 1px solid #ccc;
    padding: 20px 12px;
    display: table;
}
.droplist-body .form-markup{margin-top:15px;}
.droplist-body .form-markup .title{width:92px; padding:5px; display: inline-block;}
.droplist-body .form-markup .btn-group .btn .material-icons{font-size:20px;}
.btn.el-minus, .btn.el-plus{padding: 6px;}
.addon{padding:5px; float: right;}
.form-control[readonly] {background-color: #fff;}
input.input-raw-item{font-size:18px; width: 34px; height:35px; color:#0068B7; text-align: center; margin-left:10px; vertical-align: bottom;}

/*訂購確認頁*/
.bluebox{background: #d9edf7; padding: 10px;margin-bottom: -3px; border-bottom:3px;}
.greybox{background: #dedede; padding: 10px;}
.panel {margin-bottom: 20px;}
.panel-body1{padding:15px 15px 0px 15px;}
.add{margin-top:-20px; margin-bottom:20px;}
.sum{margin-top: -10px;margin-bottom: 30px;}
.add .form-group {margin-bottom: 5px;}
.sumsum{background: #d9edf7; padding: 5px 15px; margin-left:15px;}
.toalprice {font-size: 26px;font-weight: 500; color: red;}
.panel-body1 .form-group {font-size: 16px; line-height: 25px; padding: 8px 5px; margin-top:-15px;}
.red{color:red; padding:5px;}

@media (max-width: 1200px){
.container{width:100%;}
.nav-box{width:24.78%;}
.droplist.open {width:260px;}
		}
@media (min-width: 768px)and (max-width:991px){
.droplist.open {width:250px;}
.droplist-body .form-markup .title{width:88px; font-size:15px;}
label.form-markup {width: 100%;}
.addon{font-size:15px;}
input.input-raw-item{padding:5px 0px;}
.wheel{margin-bottom:10px;}
}
@media (max-width:767px){
.nav-box{width:24.75%;}
.banner{width:33.3%; padding-top:12px;}
.customer{padding-bottom:10px;}
.class {width: 150px;}
.nation .form-control {width: 120px; float:right;}
.wheel{text-align: left;}
}
@media (max-width:699px){
li.nav-box a{ font-size:16px;}
.nav-box{width:24.7%;}
.olist {font-size: 16px;}
.bbox{width: 102%; padding:0px; margin-top:0px;}
.banner{padding-left:5px; padding-right:5px; margin-top:15px;}
.shade {right:0;}
}
@media (max-width: 576px){
.table {font-size: 16px;}
.order-row {padding:25px 5px 15px 5px; }
.panel-body, .panel-body1 {font-size: 16px;}
.radio-inline + .radio-inline {margin-left: 0px;}
.pblock{text-align:right;}
.greybox {width: 100%; display: block;}
.panel-body1 .form-group {line-height: 25px; padding: 5px;}
.s1{display:none;}
.order-detail {padding:10px 0px;}
.order-detail .col-sm-6{padding:5px;}
.banner{width:100%; padding-left:10px; padding-right:5px;}
.tnote{font-size:18px; line-height:25px; margin-bottom:0px;}
}
@media (max-width:550px){
.droplist .droplist-body {padding: 10px 12px 20px 12px;}
.droplist-body .form-markup{margin-top:10px;}
.droplist.open {width:88%;}
.droplist-body .form-markup .title{width:100%; font-size:15px;}
.addon{font-size:15px; padding: 5px 10px;}
input.input-raw-item{padding:5px 0px;}
.nav-box{width:24.6%;}
.open .dropdown-menu a.dropdown-item{font-size:15px; line-height:25px;}
li.nav-box a{padding: 10px 5px;}
.olist {padding: 8px 5px;}
.customer{width: 80%; padding-right:0px;}
.pblock {width: 20%; padding: 0px;}
.class {width: 150px;}
.nation {padding:0px;}
}
@media (max-width:420px){
.ship {font-size: 16px; margin: 10px -10px 0px -10px;}
.table-responsive {width:105%;margin: 10px -10px 0px -10px;}
.panel-default > .panel-heading {font-size: 16px;}
.table {font-size: 14px;}
.panel {margin:10px -10px;}
.order-row {padding:25px 0px 15px 0px; }
.pblock {width:80px; padding: 5px 0px; text-align: left;}
.control-static-box { font-size: 14px;line-height: 1.4;padding: 5px;}
.order-row .form-group label {margin:5px -10px;}
.control-static-box {font-size: 14px; line-height: 1.4; padding: 5px;}
.panel-body1 .form-group {font-size: 14px; line-height: 25px; padding: 5px}
.bluebox .col-xs-12{padding:0px 5px;}
.sumsum {width: 200px;}
.customer{width: 100%; padding:0px 0px 10px 0px;}
.pblock {padding: 0px;}
.class {width: 130px;}
.nation {width: 100px; padding:0px;}
.wheel{width: 135px; padding-right:0px;}
.nation .form-control {width: 105px; padding: 6px; float:right;}
.rightbox{width:100%; margin-bottom:10px;}
.highlight{margin-bottom:-10px;}
} 
@media (max-width:380px){
.nav-box{width:24.4%;}
li.nav-box a{padding: 10px 0px;}
}
@media (max-width:330px){
.droplist.open {margin-left:-20px;}
.wheel{margin-bottom:10px;}
.banner {padding-left: 15px;}
}
 
/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}

/***** FOOTER *****/
.footer_sitemap h3
{
	font-size: 15px;
	font-weight: bold;
}
.footer_sitemap .contact
{
	width: 100%;
	font-size: 12px;
}
.footer_sitemap .contact td, th
{
	padding: 2px;
}
.followus
{
	list-style: none;
}
.bottom
{
	border-top: 1px solid #ccc;
	margin-top: 15px;
	padding-top: 15px;
}
.footer_legal ul
{
	list-style: none;
}
.footer_legal ul li
{
	display: inline-block;
	margin: 0 15px 0 0;
}
.footer_copyright
{
	font-size: 12px;
	margin: 0 0 20px 0;
	text-align: right;
	line-height: 16px;
}


.no-padding { padding-left:0; padding-right:0; }
.no-padding-left { padding-left:0; }
.no-padding-right { padding-right:0; }

.min_height_260 { min-height: 260px; overflow:visible; }
.min_height_200 { min-height: 200px; overflow:visible; }
.min_height_180 { min-height: 180px; overflow:visible; }

.wp-search { z-index: 2; }
.wp-search .search-box .nav > li > a {
      position: relative;
      display: block;
      padding: 8px 10px; }
      
 .wp-lg { font-size: 16px; }
  
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 768px) {	
	.featurette-heading { font-size: 50px; }
	.wp-search { background-color: #fbf5ef; }
}
@media (min-width: 992px) {
	.featurette-heading { margin-top: 120px; }				         
    .search-box {
        width:600px; border:none; }    
	.css_tr {
		height: 100%;
		width: 100%;
		display: table;	
	}
	.css_tr {
		height: 100%;
		width: 100%;
		display: table;	
	}
	.css_tr > div[class*='col-']  {		
		float: none;
		display: table-cell;
		vertical-align:middle;			
	}
	.vcenter, .vcenter > div[class*='col-'] {		
		/*align-items: center; */
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex:1 1 auto;
	}
	
	.left-panel { padding-right: 0; }
}
@media (min-width: 1330px) 
{
    .wp-search {
        width: 40%;
        position: absolute;
        z-index: 2;
        margin-top: -355px;
        left: 8%;        
    }
    .search-box {
        width:600px; }
}
@media print {
	
    a[href]:after { content: none !important; }        
          
}

.colPaddingCustom{
    padding-left:5px;
    padding-right:5px;
}