@charset "UTF-8";
html {
margin: 0;
padding: 0;
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
color: white;
background-color: #1A1A1A;
}
th {
text-align: left;
font-weight: normal;
vertical-align: text-top;
}
.css-table {
display:table;
background-color:#000000;
}
.css-tr {
display: table-row;
}
.css-td {
display: table-cell;
}
/* Container */
#container {
min-height: 100%;
margin: auto;
width: 100%;
}
/* Header */
#header {
position: fixed;
z-index: 99;
top: 0;
left: 0;
}
#logo {
position: relative;
top: -20px;
max-width: 120px;
}
.initial-logo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
z-index: 10001;
}
.initial-logo * {
position: relative;
top: 40%;
}
/* pages */
#pages {
display: block;
margin: auto;
width: 100%;
}
/* Footer */
#fancybox-wrap {
z-index:10001;
}
#footer {
position: fixed;
z-index: 10000;
width: 100%;
height: 120px;
bottom: 0;
padding: 0;
margin: 0;
background-color: #1A1A1A;
}
#menu_container {
padding: 40px 0px 0px 50px;
width: 100%;
}
#bottom_menu {
position: fixed;
bottom: 0;
right: 0;
text-align: right;
/* font-family: "Courier New", Courier, monospace; */
font-family: 'Muli', sans-serif;
font-size: 12px;
font-weight: bold;
padding-right: 50px;
padding-bottom: 10px;
}
.one-dropdown-a {
font-family: 'Muli', sans-serif;
}
/* v-page */
.v-page {
width: 100%;
background-color: #1A1A1A;
min-width: 800px;
min-height: 600px;
}
.v-page-current {
}
/* h-page */
.h-page {
width: 100%;
top: 0;
position: absolute;
left: -999em;
background-color: #1A1A1A;
min-width: 800px;
min-height: 600px;
}
.h-page-current {
left: 0;
}
/* v-menu */
.v-menu {
z-index: 100;
}
/* h-menu */
.h-menu {
list-style: none;
padding: 0;
margin: 0;
}
.h-menu li {
float: left;
margin: 0 0.15em;
}
/* home slideShow */
.static-bg, .slideShow {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.slides {
padding: 0;
margin: 0;
display: inline;
}
.slide {
width: 100%;
height: 100%;
display: inline;
}
.home-bg {
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
}
/* work */
#work_background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #1A1A1A;
background-image: url(../images/home_bg_2.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
opacity: 0.5;
filter:alpha(opacity=50);
}
#work_container img {
width: 200px;
height: 150px;
}
#work .slideShow {
opacity: 0.3;
}
#work_container a {
color: white;
}
#work_container {
margin: 50px auto 30px auto;
position: relative;
width: 90%;
height: 70%;
color: white;
/*
position: absolute;
top: 0;
left: 0;
padding: 0 50px;
*/
}
.tj_gallery {
height: 200px;
list-style: none outside none;
padding: 0;
}
.tj_nav {
height: 70px;
position: absolute;
right: 0;
top: -20px;
}
.tj_nav span {
color: #E6E6E6;
cursor: pointer;
height: 25px;
left: 0;
opacity: 0.7;
top: 0;
visibility:visible;
}
.tj_nav span:hover {
opacity:1.0;
}
.tj_nav span.disabled{text-align:-9999px !important;visibility:hidden}
.tj_wrapper {
width:100%;
height:100%;
position:relative;
margin:0px auto;
}
.tj_wrapper ul li {
float:left;
}
.tj_wrapper ul li a {
outline:none;
display:block;
}
.tj_wrapper ul li img {
display:block;
border:none;
opacity:0.9;
-moz-box-shadow:2px 2px 4px #8e8e8e;
-webkit-box-shadow:2px 2px 4px #8e8e8e;
box-shadow:2px 2px 4px #8e8e8e;
}
.tj_wrapper ul li img:hover {
opacity:1.0;
}
.mosaic-block {
float:left;
position:relative;
overflow:hidden;
width: 235px;
height: 175px;
outline:none;
display:block;
margin:5px;
background:#111 url(../img/progress.gif) no-repeat center center;
/*border:1px solid #fff;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
border:none;
opacity:0.9;
-moz-box-shadow:2px 2px 4px #8e8e8e;
-webkit-box-shadow:2px 2px 4px #8e8e8e;
box-shadow:2px 2px 4px #8e8e8e;*/
}
.mosaic-block {
opacity:1.0;
}
.mosaic-backdrop {
display:none;
position:absolute;
top:0;
height:100%;
width:100%;
background:#111;
}
.mosaic-overlay {
display:none;
z-index:5;
position: absolute;
width:100%;
height:100%;
background:#111;
}
.mosaic-fade .mosaic-overlay {
opacity:0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter:alpha(opacity=00);
background:url(../img/bg-pink.png);
}
.mosaic-details {
margin:15px 20px;
color:#FFFFFF;
}
#work_scroll td {
padding:5px;
}
#work_scroll div.work-desc {
/* display: none; */
position: absolute;
padding: 20px;
height: 100%;
}
/* service */
#service_menu_container {
position: fixed;
left: 0;
top: 30%;
z-index: 100;
}
#service_menu_top {
background-image: url(../images/submenu_bg_top.png);
background-repeat: repeat-y;
height: 20px;
}
#service_menu_bottom {
background-image: url(../images/submenu_bg_bottom.png);
background-repeat: repeat-y;
height: 20px;
}
#service_menu {
list-style-type: none;
margin: 0;
background-image: url(../images/submenu_bg.png);
background-repeat: repeat-y;
}
#service_menu li {
margin-left: 20px;
}
#service_menu .sub-menu-button {
vertical-align: middle;
}
#service_menu .sub-menu-title {
background-color: rgba(255, 255, 255, .7);
padding: 0 10px;
margin: 0 20px;
opacity: 0;
}
#service_container {
padding-bottom: 120px;
}
.service-bg {
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.service-text-block {
position: relative;
top: 150px;
left: 125px;
width: 400px;
padding: 25px;
color: #FFF;
background-color: rgba(0, 0, 0, 0.6);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.service-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
padding-bottom: 10px;
}
.service-content {
font-size: 14px;
line-height: 20px;
}
/* news */
#news_containers {
white-space: nowrap;
background-image: url('../slide/Symphony_Under_The_Star_-_01.jpg');
width: 100%;
height: 100%;
}
div.news-container {
display: inline-block;
white-space: normal;
vertical-align: top;
height: 100%;
width: 320px;
margin: 0;
padding: 0;
/* color: #666666; */
border-right: solid 1px /* #E6E6E6 */;
/* background-color: #FFF; */
background-color: rgba(0, 0, 0, 0.5);
color: white;
}
div.news-container:hover {
/* background-color: #F5F5F5; */
}
div.news {
padding: 40px 30px 40px 20px;
margin: 0px 0px 120px 0px;
}
.news-date {
font-family: Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: bold;
}
.news-title {
font-family: Arial, Helvetica, sans-serif;
font-size: 21pt;
font-weight: bold;
padding: 40px 0px 50px 0px;
}
.news-content {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
line-height: 20px;
}
.news-content img {
max-width: 270px;
}
/* pop-up */
.pop-up-page {
position: fixed;
top: 40%;
left: 50%;
margin-top: -200px;
margin-left: -500px;
padding: 0;
width: 1000px;
min-height: 370px;
/*
background-color: rgba(26, 26, 26, 0.9);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC1A1A1A, endColorstr=#CC1A1A1A)";
*/
background-color: rgba(0, 0, 0, 0.7);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AA000000, endColorstr=#AA000000)";
overflow: hidden;
z-index: 100;
color: white;
}
.pop-up-page>.pop-up-title {
font-size: 24px;
font-weight: bold;
padding: 20px;
}
.pop-up-page>.pop-up-desc {
font-size: 14px;
padding: 0px 20px 20px 20px;
}
.pop-up-left-side {
width: 260px;
height: 400px;
float: left;
color: white;
padding: 20px;
}
.pop-up-left-side .pop-up-title {
font-size: 34px;
color: yellow;
}
.pop-up-left-side .pop-up-subtitle {
font-size: 28px;
color: #fff000;
}
.pop-up-left-side .pop-up-desc {
padding-top: 20px;
font-size: 14px;
}
.pop-up-right-side {
width: 660px;
height: 400px;
float: right;
color: rgb(150, 150, 150);
padding: 20px;
}
.pop-up-right-side .pop-up-title {
font-size: 16px;
font-weight: bold;
color: yellow;
}
.pop-up-right-side .pop-up-desc {
font-size: 15px;
line-height: 21px;
color:white;
}
.pop-up-right-side .pop-up-desc p{
margin:2px 0 15px 0;
}
/* partner */
#partner_pop_up ul {
list-style-type: none;
padding-left: 0;
margin-left: 12px;
}
/* follow us */
#follow_us_pop_up .pop-up-right-side .pop-up-title a {
color: yellow;
}
#follow_us_pop_up .pop-up-right-side .pop-up-title {
padding-bottom: 10px;
}
/* contact us */
#contact_us_form th {
width: 80px;
padding-top: 9px;
padding-right: 10px;
}
#contact_us address {
font-style: normal;
}
/* sitemap */
#site_map table.sitemap {
width: 100%;
}
#site_map table.sitemap td {
vertical-align: text-top;
}
#site_map table.sitemap a.title {
color: yellow;
line-height: 30px;
}
#site_map table.sitemap a.sub-title {
color: white;
font-weight: normal;
}
#site_map table.sitemap ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#site_map table.sitemap li {
padding: 0;
margin: 0;
}
/* --------- */
.fill-parent {
width: 100%;
}
.bg-white {
background-color: white;
}
.bg-black {
background-color: black;
}
.bg-red {
background-color: red;
}
.bg-gray{
background-color: gray;
}
.bg-blue {
background-color: blue;
}
.bg-green {
background-color: green;
}
.bg-yellow {
background-color: yellow;
}
.bg-lightyellow {
background-color: lightyellow;
}
/* Override smoothDivScroll */
div.scrollingHotSpotLeftVisible {
margin-bottom: 120px;
z-index: 9500;
}
div.scrollingHotSpotRightVisible {
margin-bottom: 120px;
z-index: 9500;
}
/* Override jquery mobile */
.ui-body-c {
text-shadow: none;
}
.ui-corner-all {
border-radius: 0.3em 0.3em 0.3em 0.3em;
}
.ui-btn-corner-all {
border-radius: 0.6em 0.6em 0.6em 0.6em;
}
a, a:link, a:visited, a:hover, a:active,
a.ui-link, a.ui-link:link, a.ui-link:visited, a.ui-link:hover, a.ui-link:active,
.ui-body-c .ui-link, .ui-body-c .ui-link:link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover, .ui-body-c .ui-link:active {
text-decoration: none;
color: rgb(64, 64, 64);
}
/* Override twitter bootstrap */
body {
line-height: normal;
}
p {
margin: 1em 0;
}
.dropdown-menu {
background-color: #1A1A1A;
}
.dropdown-menu > li > a.ui-link {
color: #666;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > li > a.ui-link:hover,
.dropdown-menu > li > a.ui-link:focus,
.dropdown-submenu:hover > a.ui-link,
.dropdown-submenu:focus > a.ui-link {
color: #D7E025;
background-color: #1A1A1A;
background-image: none;
filter: none;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
height: 30px;
}
.workpopup_large{
height:560px !important;
margin-top: -280px !important;
}
.workpopup_small{
height:370px !important;
margin-top: -220px !important;
}