/* for web use only */
.container-full {margin:0 auto;}
.contain {}

/* top menu */
.topmenu {height:40px;}
.topmenu.darktext ul.nav > li a:link, .topmenu.darktext ul.nav > li a:hover, .topmenu.darktext ul.nav > li a:active, .topmenu.darktext ul.nav > li a:visited {color:#7c7c7c !important;-webkit-animation-name: topmenuchangecolor;-webkit-animation-duration:0.2s;animation-name: topmenuchangecolor;animation-duration:0.2s;}
.topmenu {position:fixed;top:0;left:0;right:0;}
.topmenu ul.nav {list-style-type:none;margin:0;padding:0;overflow:hidden;float:right}
.topmenu ul.nav > li .glyphicon {font-size:12px;}
.topmenu ul.nav > li {float:left;}
.topmenu ul.nav > li a:link, .topmenu ul.nav > li a:hover, .topmenu ul.nav > li a:active, .topmenu ul.nav > li a:visited {color:#000;background-color:transparent !important;}
.topmenu ul.nav > li a:before {content: "";position: absolute;width: 100%;height: 1px;bottom: 0;left: 0;background: #fff;visibility: hidden;border-radius: 5px;transform: scaleX(0);transition: .25s linear;}
.topmenu ul.nav > li a:hover:before, .topmenu > ul.nav > li a:focus:before {visibility: visible;transform: scaleX(1);}

.topmenu #mobilemenu {color:#fff;width:25px;margin-top:12px;}
.topmenu #mobilemenu .mbar {display:block;height:2px;width:100%;background-color:#fff;margin-top:7px;border-radius:2px;}
.topmenu.darktext #mobilemenu .mbar {background-color:#7c7c7c !important;}

.weblogo {float:left;display:none;}
.weblogo img {height:35px;margin-top:2px;}
.termsbottommargin {margin-bottom:40px;}
.termsmargin {margin:20px 0 0;}
.darkmenu {background:#fff;}

/* temporary don't have */
.main-image-1-remove {
	background:url('../webimage/image_1.jpg') no-repeat 0 0;
	background-size: 100%;
	height:600px;
}
.main-image-2-remove {
	background:url('../webimage/image_2.jpg') no-repeat 0 0;
	background-size: 100%;
	height:600px;
}
.main-image-3-remove {
	background:url('../webimage/image_3.jpg') no-repeat 0 0;
	background-size: 100%;
	height:1200px;
}
.main-image-4-remove {
	background:url('../webimage/image_4.jpg') no-repeat 0 0;
	background-size: 100%;
	height:600px;
}
.main-image-5-remove {
	background:url('../webimage/image_5.jpg') no-repeat 0 0;
	background-size: 100%;
	height:600px;
}
/* temporary don't have */

@media (max-width: 767px) {
	.backdrop {display:none;}
	.backdrop.open {display:block;position:absolute;width:100%;height:1000px;overflow:hide;}
	.topmenu ul.nav {display:none;float:none;}
	.topmenu ul.nav.nav-open, .topmenu ul.nav.nav-close {z-index:10;display:block;position:absolute;left:0px;top:0px;background-color:rgba(63,63,63, 0.9);height:1000px;overflow:hide;}
	.topmenu ul.nav.nav-open {width:200px;-webkit-animation-name:mobileopenmenu;-webkit-animation-duration:0.1s;animation-name:mobileopenmenu;animation-duration:0.1s;}
	.topmenu ul.nav.nav-close {width:0px;-webkit-animation-name:mobileclosemenu;-webkit-animation-duration:0.1s;animation-name:mobileclosemenu;animation-duration:0.1s;}
	.topmenu ul.nav.nav-open > li:first-child {margin-top:50px;}
	.topmenu ul.nav.nav-open > li {float:none;}
	.topmenu.darktext ul.nav.nav-open > li a:link, .topmenu.darktext ul.nav.nav-open > li a:hover, .topmenu.darktext ul.nav.nav-open > li a:active, .topmenu.darktext ul.nav.nav-open > li a:visited {color:#fff !Important;)
}

/* animation */
@-webkit-keyframes topmenuchangecolor {
	from {color: #fff;}
	to {color: #7c7c7c;}
}
@keyframes topmenuchangecolor {
	from {color: #fff;}
	to {color: #7c7c7c;}
}

@-webkit-keyframes mobileopenmenu {
	from {width:0px;}
	to {width:200px;}
}
@keyframes mobileopenmenu {
	from {width:0px;}
	to {width:200px;}
}
@-webkit-keyframes mobileclosemenu {
	from {width:200px;}
	to {width:0px;}
}
@keyframes mobileclosemenu {
	from {width:200px;}
	to {width:0px;}
}


.tborder {border:1px solid green;}