@charset "utf-8";

.u-title {
    color: #153b4f;
    text-align: center;
    font-size: 8rem;
    margin-top: 0rem;
    -webkit-text-stroke: #33e4da 2px;
}

.u-title2 {
    color: #153b4f;
    text-align: center;
    font-size: 6rem;
    margin-top: 0rem;
    -webkit-text-stroke: #33e4da 2px;
}

#j-video {
    width: 100%;
    position: absolute;
    top: 47%;
    transform: translate(0, -44%);
    object-fit: fill;
    height: 88%;
}

#videoContent {
    height: 960px;
}

.u-modalbox {
    color: #33E4DA !important;
    border-color: rgba(51,228,218, 0.8) !important;
    background-image: linear-gradient(to bottom,rgba(11, 86, 128, 1) 0,rgba(11, 86, 128, 1) 100%) !important;
    background-repeat: repeat-x;
}


.g-chart {
    height:600px;
    width: 1500px;
}

.u-modalbody {
    border-bottom:1px dotted #33E4DA; 
    background-color: rgba(5,21,50, 1) !important;
    color: #33E4DA !important;
}

.u-modaldialog-band {
    top: 80px;
    width:80%;
}


.g-band-option {
	position: absolute;
	right:20px;
	top:10px;
	z-index: 10000000;
}


.u-button {
    background-color: rgba(11, 86, 128, 0.8) !important;
    border-color: rgba(52,93,166, 0.8) !important;
    color: #95F5F0 !important;
}

.u-button-band {
    width:150px;
    text-align: left;
}


.g-buttons {
    position: absolute;
    right: 5px;
    top: 5px;
}

.u-panelbutton {
    background-color: rgba(11, 86, 128, 1) !important;
    border-color: #33E4DA !important;
    color: #95F5F0  !important;
}


.u-dropdown-type {
	width:265px;
}

.u-dropdown-product {
	width:300px;
}

.u-dropdown-time {
    width: 165px;
    left: -27px;
}

.u-dropdown-speed {
	width:185px;
    left: -116px;
}

.u-dropdown li a {
	font-size: 18px;
}

.u-dropdown li a:hover, .u-dropdown li a:focus, .u-table tr:hover, .u-table tr:focus, .u-table a:hover, .u-table a:focus {
	color: rgba(5,21,50, 1) !important;
	background-color: #ccc !important;
}

.carousel-vertical .carousel-inner .next.left,
.carousel-vertical .carousel-inner .prev.right {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.carousel-vertical .carousel-inner .active.left,
.carousel-vertical .carousel-inner .prev {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.carousel-vertical .carousel-inner .active.right,
.carousel-vertical .carousel-inner .next {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.carousel-fade .carousel-inner .item { -webkit-transform: translateX(0); transform: translateX(0); transition-property: opacity; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right 
{ opacity: 0; } 
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right 
{ opacity: 1; }

#j-waiting {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    z-index: 9999;
    background-color: rgba(255,255,255, 0.6);
    font-size: 2rem;
    padding: 2rem;
    text-align: center;
    border-radius: 2rem;
}

#galley {
    width:100%;
    height:880px;
}

.viewer-container {
    margin-top:85px;
}

.viewer-player {
    cursor: pointer;
}

.viewer-player img {
    width: 100%  !important;
    height: 100% !important;
    transform: translateX(0) !important;
}

#j-pictures {
	list-style: none;
	margin: 0;
	padding: 0;
}

#j-pictures>li {
	border: 1px solid transparent;
	float: left;
	height: calc(100%/ 10);
	margin: 0 -1px -1px 0;
	overflow: hidden;
	width: calc(100%/ 10);
}

#j-pictures>li>img {
	cursor: zoom-in;
	width: 100%;
}