@charset "utf-8";
/* CSS Document */
label {
	font-weight: normal
}
h1{font-size: 1.4rem}
h1,h2,h3,h4{font-weight: bold}
.delay2 {
	-webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */
	animation-delay: 0.2s;
}
.delay4 {
	-webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */
	animation-delay: 0.4s;
}
.delay6 {
	-webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */
	animation-delay: 0.6s;
}
.loop_n {
	animation-iteration-count: infinite
}
body {
	font-family: "微軟正黑體", Arial;
	line-height: 24px;
	color: #666;
	overflow-x: hidden;
	font-size: 14px;

}
.subbox hr {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0;
	border-top: 1px solid #ccc;
}
.lopen hr {
	margin-top: 10px;
	margin-bottom: 10px
}
.form-control{font-size: 14px}
.sfb img {
	border-radius: 99em
}
a {
	color: #666;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #2b4364;
	text-decoration: none;
}
.rmenu .active {
	color: #582600;
}

h4 {
	line-height: 26px
}
.lange {
	border-radius: 10px;
	background-color: #5aa029;
	display: inline-block;
	padding: 5px 8px;
	color: #fff;
}
.mask {
	width: 100%;
	height: 100vh;
	position: fixed;
	z-index: 1032;
	display: none;
	background: rgba(0,0,0,0.7)
}
.lange_r {
	float: left;
	margin-right: 5px;
	margin-top: 10px;
	color: #aaa;
}
.lange_r a {
	color: #aaa;
}
.lange_r a.act {
	color: #5aa029
}
.btn-pink {
	background-color: #5aa029;
	border: 0px;
	color: #FFF
}
.btn-pink:hover {
	background-color: #5aa029;
	border: 0px;
	color: #FFF
}
.in_hot {
	background-color: #5aa029;
	padding: 50px 0px;
	color: #fff
}
.hot {
}
.hotimg {
	width: 100%;
	height: 210px;
	background-position: center center;
	background-size: cover;
}
.hbox {
	border: 1px solid rgba(255,255,255,0.5);
	overflow: hidden;
	padding: 10px;
	text-align: center;
}
.hbox h3 {
	color: #FF0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px ridge rgba(255,255,255,0.3);
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
.hbox a {
	color: #FFF
}
.example .hotimg {
	width: 100%;
	height: 210px;
	background-position: center center;
	background-size: cover;
}
.example .hbox {
	border: 1px solid rgba(0,0,0,0.2);
	overflow: hidden;
	padding: 10px;
	text-align: center;
	margin-bottom: 30px;
}
.example .hbox h3 {
	color: #5aa029;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: 1px ridge rgba(0,0,0,0.2);
	overflow : hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}
.example .hbox a {
	color: #666
}
.topbox {
	color:#fff;
	background: #2b4364; padding: 15px
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 14px;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #2b4364;
    background-clip: padding-box;

}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #ffffff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #2b4364;
    text-decoration: none;
    background-color: #ecf005;
}
.sfb {
	display: inline
}
.menubar {
	text-align: right;
}

.navbar-default {
	font-size: 15px;
	background-color: transparent;
	border: 0px
}
.blue {
	color: #2b4364	
}
.in_a {
	/*position:absolute;
	margin-top:-250px;*/
	padding: 50px 0px;
	background-color: #FFF;
	margin: auto;
	max-width: 1202px;
}
.pline {
	border-bottom: 1px dashed #CCCCCC;
	padding-top: 15px;
	margin-bottom: 15px;
	clear: both
}
/*.carousel-indicators{ bottom:270px}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev
{ top:30%}
*/

.clear {
	clear: both
}
.nline {
	padding-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #CCCCCC
}
.in_n {
	padding: 30px 15px;
	background-image: url(../images/bbg.jpg)
}
.npant {
	padding-top: 10px
}
.subox {
	padding: 50px 0px;
	margin-left: -15px;
	margin-right: -15px;
	background-color: #FFF
}
.subox b {
	font-size: 16px
}
.bline {
	padding-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid #eee
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: #0080ff
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-nav>li:hover {
	color: #333
}
.tabbox {
	padding: 15px 0px
}
.glyphicon {
	margin-right: 5px;
	font-size: 12px
}
.map_t {
	padding-top: 5px
}
.floot {
	padding: 15px;
	background-color: #5aa029;
	text-align: center;
	color: #FFF
}
.location {
	color: #666;
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-bottom: 30px
}
.location h3 {
	float: left;
	margin-left: -5px
}
.location span {
	float: right;
	margin-right: 5px;
	padding-top: 8px
}
.aline {
	margin-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #CCCCCC
}
.stitle {
	padding-bottom: 10px
}
.n_title {
	margin-top: 0px;
	margin-bottom: 10px
}
.sub_title {
	margin-top: 0px;
	margin-bottom: 15px
}
.lmenu {
	margin-top: 10px;
}
.lmenu a {
	display: block;
	white-space: nowrap;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
	padding-top: 10px;
	margin-left: 15px;
	margin-right: 15px
}
.subline {
	padding-top: 0px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #CCCCCC
}
.conline {
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC
}
.l_h3 {
	font-size: 15px;
	margin-top: 15px
}
.case .nbox {
	margin-bottom: 30px
}
.ndata {
	float: right;
	color: #aaa;
	font-weight: normal;
	font-size: 14px
}
.navbar-default .navbar-nav>li>a {
	color: #333;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #000
}
.fix {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 999
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	line-height: 24px
}
.col-sm-3 {
	outline: none
}
.grmenu {
	margin-left: -15px;
	margin-right: -15px;
	background-color: #5aa029;
}
.marq {
	padding-top: 7px;
}
.hot_l {
	background-size: cover;
	background-position: top center;
	height: 220px
}
.hot_r {
	padding: 0px;
	padding-left: 15px;
	margin-top: 10px
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	vertical-align: middle
}
.table {
	margin-bottom: 0px
}
.h15 {
	height: 15px
}
.h30 {
	height: 30px
}
.bbox .nline {
	padding-top: 15px;
	margin-bottom: 15px
}
label.col-sm-2 {
	padding: 0px 0px 0px 15px
}
.clogo {
	float: left;
	width: 80px;
	margin-right: 15px
}
.navbar {
	    border-radius: 0px;
    margin-bottom: 0px;
	min-height: 1px; padding: 0px
}

.full {
	width: 100vw;
	height: 100vh;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}
.navbar-right .dropdown-menu {
	right: auto
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background-color: transparent
}

.dropdown-menu>li>a {
	padding-top: 5px;
	padding-bottom: 5px
}
.toparea {
	height: 54px
}
.a1 {
	min-height: 100vh;
	background-image: url(../images/a1.jpg);
	background-size: cover;
	background-position: bottom left;
	overflow: hidden
}
.s1 {
	min-height: 100vh;
	background-image: url(../images/n1.jpg);
	background-size: cover;
	background-position: top center;
	overflow: hidden
}
.a1 .box {
	margin-top: 40vh;
	color: #fff
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: transparent;
	color: #333
}
.a2 {
	min-height: 100vh;
	position: relative;
	z-index: 999
}
.a2box {
	padding: 30px;
	margin-top: 12vh;
	color: #fff;
	background-color: rgba(0,0,0,0.6)
}
.c2 {
	background: url(../images/abg.jpg);
	min-height: 100vh;
	background-size: cover;
	overflow: hidden
}
.c2box {
	padding: 30px;
	margin-top: 12vh;
	margin-bottom: 30px;
	color: #fff;
	background-color: rgba(0,0,0,0.6)
}
.c3 {
	background: url(../images/a6.jpg);
	background-size: cover;
	background-position: center center;
	padding-bottom: 50px;
	overflow: hidden
}
.probox {
	padding-top: 50px;
	padding-bottom: 50px
}
.proimg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 300px;
}
.ml30 {
	padding-right: 0px;
}
.foot {
	padding: 15px;
	overflow: hidden;/*background-image: url(../images/oldbg.png)*/
	background: #2b4364;color: #fff; text-align: center
}
.money {
	text-align: center
}

#big {
	cursor: pointer
}
.minibox {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 60px;
	width: 60px;
	display: inline-block;
	margin-bottom: 5px;
}
.mact {
	border-color: #000
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	white-space: nowrap;
}
.slider div {
	height: 100vh;
	width: 100%;
	background-size: cover;
	background-position: center center
}
.bx-wrapper {
	position: relative;
	margin-bottom: 0px;
	padding: 0;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-moz-box-shadow: 0 0 0px #ccc;
	-webkit-box-shadow: 0 0 0px #ccc;
	box-shadow: 0 0 0px #ccc;
	border: 0px solid #fff;
	background: #fff;
}
.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
	position: absolute;
	bottom: 85px;
	width: 100%;
	display: none
}
.insublogo {
	width: 100%;
	margin: auto;
	cursor: pointer
}
.insubdata {
	color: #000;
	text-align: center
}
.innew {
	margin-left: 30px;
	color: #000
}
.inlogo {
	position: absolute;
	z-index: 999;
	padding: 30px;
	display: inline;
	overflow: hidden;
	margin-top: 30vh;
	background-image: url(../images/oldbg.png);
	left: 0;
	border: 1px solid #fff;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 40%; /* Need a specific value to work */
}
.inlogo hr {
	margin-top: 15px;
	margin-bottom: 15px
}
.downarr {
	position: absolute;
	z-index: 999;
	top: 80vh;
	left: 48.35vw;
}
.speed2s {
	animation-duration: 2s;
}
.indexbox {
	overflow: hidden;
	height: 100vh;
	width: 100%;
	background: #000
}
.snav {
	padding-top: 20px;
}
.topser {

	float: right;
	margin-top: 4px

}
.rmenu {
	float: right;
	margin-right:15px;
	margin-top: 5px
}
.logo {



}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .9rem;
    padding-left: .9rem;
}






.opentime {
	width: 260px;
	position: absolute;
	background: rgba(255,255,255,0.65);
	padding: 15px;
	border: 1px solid #ccc;
	z-index: 9999;
	color: #000;
	left: 30px;
	top: 30px
}
.allbox {
	padding: 80px 15px 30px 15px;
}
.nbox {

	height: 260px;

	width: 100%;

}
.inboxa {
}
.in_case {
	padding: 15px;
text-align: center;
	background-color: rgba(0,0,0,0.7); color: #fff
}
.nbox:hover .in_case {
	background-color: rgba(255,255,255,0.7);
	color: #333
}
.nbox:hover h3 {
	color: #582600 !important
}
.vist {
	height: 750px;
	background-image: url(../images/ad.jpg);
	color: #fff;
	background-size: cover;
	background-position: bottom;
	padding-top: 190px
}
.vist h3 {
	margin: 0px;
	color: #fff;
	border-bottom: 1px solid #666;
	padding-bottom: 15px;
	margin-bottom: 15px
}
.play {
	padding: 15px;
	padding-right: 30px
}
.inarea {
	overflow: hidden;
	padding: 60px 30px;
	background-image: url(../images/ad.jpg);
	background-position: center bottom;
	background-size: cover;
	background-attachment: fixed;
}
.innbox {
	overflow: hidden;
	padding: 90px 30px;
}
.int {
	text-align: center;
	color: #fff;
	margin-bottom: 60px
}
.int h3 {
	color: #fff;
}
.innbox img {
	max-width: 100%;
	margin-right: 15px
}
.inslong {
	padding: 60px 0px 0px 0px;
	background-image: url(../images/oldbg.png)
}
.insubt {
	margin: auto;
	width: 350px
}
.tlogo {
	width: 30px;
	float: left;
	margin-left: 30px;
	margin-top: -2px;
	margin-right: 5px
}
.sublogo {
	width: 220px;
	float: left;
	margin-left: 15px;
	margin-top: 3px;
	margin-right: 15px;
}
.subdata {


	color: #582600;/* margin-top: 9px; */
}
.r90 {
	transform: rotate(-90deg);
	/* Safari */
	-webkit-transform: rotate(-90deg);
	/* Firefox */
	-moz-transform: rotate(-90deg);
  
        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.l90 {
	transform: rotate(90deg);
	/* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
  
        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.lsubmenu {
	padding-left: 17px
}
.lsubmenu a {
	border: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.at {
	    font-size: 1.5rem;
    color: #2b4364;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc
}
.at span {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	float: right
}
.mainblock {
	padding:30px 30px;
	overflow: hidden;
}
.ntitle {
	font-size: 18px
}
.n_line {
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px
}
.nmain {
	margin-bottom: 30px;
	background: rgba(255,255,255,0.5);
	overflow: hidden;display: flex;
}
.nmain .col-md-9 {
	padding-top: 30px
}
.nmain .col-md-3 {
	padding-left: 0px
}


.nbg{background-size: cover; background-position: center center; height:180px}


.cbg{background-size:contain; background-position: center center; height:200px; background-repeat: no-repeat}



.cbox{ border: 1px solid #ccc}
.cbox strong{ display: block; text-align: center; padding: 15px 0px; background: #efefef}
.cbox:hover{  color: #fff; border: 1px solid #2b4364}

.cbox:hover strong{  color: #fff;background: #2b4364}


.pagebox{border-top: 1px solid #ccc}
.pagebox .pagination {

    margin: 30px 0; margin-bottom: 0px

}


.lomap{border: 1px solid #fff; padding: 15px; background: rgba(255,255,255,0.3); margin-top: 5vh;line-height: 30px}

.freebox{background-color: rgba(255,255,255,0.5); border: 1px solid #ddd; padding: 30px 30px 30px 30px}


.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.possible{background: #5bc0de; cursor: pointer;color: #fff}
.possible:hover{background: #fff; cursor: pointer;color: #5bc0de}

.seltime{display: none; overflow: hidden}


.p0{padding: 0px}
.p15{ padding-top: 15px}




@media (max-width:992px) {
	

	


.tlogo {
	width: 30px;
	float: left;
	margin-left: 15px;
	margin-top: -2px;
	margin-right: 5px
}
.insubt {
	margin: auto;
	width: 80%px
}
.innbox .col-sm-6 {
	margin-bottom: 15px
}
.int {
	text-align: center;
	color: #fff;
	margin-bottom: 30px
}
.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px
}
.snav li {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #efefef
}

.inarea {
	overflow: hidden;
	padding: 30px 15px;

}

.vist {
	padding-top: 140px;
	height: 620px
}
.play {
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px
}
.inslider {
	margin-left: -15px;
	margin-right: -15px;
}
.insubdata {
	float: none;
	color: #000;
	margin-top: 0px;
}
.downarr {
	position: absolute;
	z-index: 999;
	top: 50vh;
	left: 46vw;
}
.insublogo {
	width: 220px;
	float: none;
	margin: auto
}
.innew {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	float: none;
	color: #000;
}
.inlogo {
	position: absolute;
	z-index: 999;
	padding: 15px;
	width: 90%;
	margin-top: 30vh
}
.minibox {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 60px;
	width: 60px;
	display: block;
	float: left;
	border: 1px solid #efefef;
	margin-bottom: 0px;
	margin-right: 10px
}
.money {
	text-align: left
}
.btn {
	white-space: pre-wrap;
}
.rmenu {
	right: 0px;
	top: 10px;
	position: absolute;
	z-index: 99999
}
.rmenu img {
}
.foot {
	position: static;
	padding: 15px
}
.ml30 {
	padding-right: 15px
}
.c3 {
	height: auto !important;
	padding-bottom: 30px;
}
.c2 {
	background: url(../images/abg_s.jpg);
	height: auto !important;
	padding-bottom: 30px;
}
.c2box {
	padding: 15px;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
	padding-top: 15px;
	margin-top: 30px
}

.example .hbox {
	margin-bottom: 15px;
}
.clogo {
	float: none;
	width: 80px;
	margin: auto
}
.h30 {
	height: 15px
}
hr {
	margin: 15px 0px
}
	.navbar-light .navbar-toggler{border: 0px}
	

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.bbox {
	padding: 15px 0px;
	margin-left: 0px;
	margin-right: 0px
}
.lange_r {
	float: none;
	text-align: center;
	margin-top: 10px;
	color: #fff;
}
.hot_r {
	padding: 0px;
}
.hot_l {
	background-size: cover;
	background-position: center center;
	height: 180px;
}
.embed-responsive {
	margin-bottom: 15px
}
.scenter {
	margin: auto;
	text-align: center
}
.scenter img {
	margin: auto;
	text-align: center
}
.ndata {
	float: none;
	display: block
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #ccc
}
.sub_title {
	margin-top: 15px;
	margin-bottom: 15px
}
.logo {
	padding-bottom: 5px;
	margin: auto;
	padding-top: 5px;
	padding-left: 5px;padding-right:5px
}
.banner {
	margin-left: -15px;
	margin-right: -15px
}
.mainblock {
	padding: 15px;
}
.subox {
	padding: 15px 0px
}
.npant {
	padding-top: 0px
}
/*	 .carousel-indicators{ bottom:0px}*/
/*.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev
{ top:50%}*/
.in_n {
	padding: 15px 0px 15px 0px;
}
.nbox {

	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px
}
.location {
	margin-top: 15px;
	margin-bottom: 15px
}
.in_a {
	padding: 30px 0px;
	margin-top: 0px;
}
.topbox {

}
.slange .lange {
	display: block;
	width: 100%;
	margin: auto;
	text-align: center
}
.sfb {
	position: absolute;
	right: 5px;
	margin-top: 116px;
	z-index: 999;
}
.nav>li>a {
	padding: 5px 0px 5px 0px
}
.navbar-toggle {
	float: none;
	margin: 15px 0px 10px 15px;
	position: relative;
}
.navbar-nav {
	margin: 0px 0px
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent
}
.case .nbox {
	margin-bottom: 15px
}
.spand {
	margin-bottom: 15px
}
.subox {
	padding: 30px 0px;
}
.in_hot {
	padding: 30px 0px;
}
.nline {
	padding-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #CCCCCC
}
}












@media (min-width: 320px) and (max-width: 450px) { 
	.snone{display: none !important}
	.s15{margin-bottom: 15px}
	.sb15{margin-bottom: 15px}

}