@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #000000;
}


body {

	background-attachment:scroll;
	background-color: #000511;
	margin: 0px;
	overflow-x: hidden;

}

@font-face {
    font-family: Blender;
    src: url(../Font/BlenderPro-Bold.ttf);
}

@font-face {
    font-family: Blender-book;
    src: url(../Font/BlenderPro-Book.ttf);
}

@font-face {
    font-family: Blender-medium;
    src: url(../Font/BlenderPro-Medium.ttf);
}

@font-face {
    font-family: Context;
    src: url(../Font/Context.ttf);
}

@font-face {
    font-family: AC;
    src: url(../Font/accid__.ttf);
}

@font-face {
    font-family: Formation;
    src: url(../Font/Formation.ttf);
}

@font-face{
    font-family: Korataki;
    src: url(../Font/Korataki.ttf);
}

@font-face{
	font-family: rajdhani-l;
    src: url(../Font/rajdhani-light.ttf);
}

@font-face{
	font-family: rajdhani-m;
    src: url(../Font/rajdhani-medium.ttf);
}

@font-face{
	font-family: digital;
    src: url(../Font/digital-7-italic.ttf);
}

@font-face{
	font-family: Orbitron;
    src: url(../Font/Orbitron-Regular.ttf);
}

@font-face{
	font-family: Orbitron-Medium;
    src: url(../Font/Orbitron-Medium.ttf);
}

@font-face{
	font-family: Orbitron-Bold;
    src: url(../Font/Orbitron-Bold.ttf);
}

@font-face{
	font-family: Teko;
    src: url(../Font/Teko-Medium.ttf);
}

@font-face{
	font-family: Teko-regular;
    src: url(../Font/Teko-Regular.ttf);
}


@font-face{
	font-family: Teko-Light;
    src: url(../Font/Teko-Light.ttf);
}

@font-face {
  font-family: Trump;
  src: url(../Font/Trump.eot?#iefix) format("embedded-opentype"), url(../Font/Trump.woff2) format("woff2"), url(../Font/Trump.woff) format("woff"), url(../Font/Trump.ttf) format("truetype");
  font-style: italic;
}

@font-face {
  font-family: Trump-bold;
  src: url(../Font/Trump-Bold.eot?#iefix) format("embedded-opentype"), url(../Font/Trump-Bold.woff2) format("woff2"), url(../Font/Trump-Bold.woff) format("woff"), url(../Font/Trump-Bold.ttf) format("truetype");
  font-style: normal;
}

@font-face {
  font-family: Mental-black;
  src: url(../Font/mental_black.eot?#iefix) format("embedded-opentype"), url(../Font/mental_black.woff2) format("woff2"), url(../Font/mental_black.woff) format("woff"), url(../Font/mental_black.ttf) format("truetype");
  font-style: normal;
}

@font-face {
  font-family: Mental-bold;
  src: url(../Font/mental_bold.eot?#iefix) format("embedded-opentype"), url(../Font/mental_bold.woff2) format("woff2"), url(../Font/mental_bold.woff) format("woff"), url(../Font/mental_bold.ttf) format("truetype");
  font-style: normal;
}

@font-face {
  font-family: Mental-book;
  src: url(../Font/mental_book.eot?#iefix) format("embedded-opentype"), url(../Font/mental_book.woff2) format("woff2"), url(../Font/mental_book.woff) format("woff"), url(../Font/mental_book.ttf) format("truetype");
  font-style: normal;
}

@font-face {
    font-family: Rogan-Medium;
    src: url(../Font/Rogan-Medium.otf) format("opentype");
}

.blue {
	color:#32a1da;
}

.white {
	color:#ffffff;
	text-align:center;
}

.text-academy-youtube {
	color:#fba81c;
}

/*----------------------------------------------------------------------------------
                                     A W A R D
----------------------------------------------------------------------------------*/

.BG-Award-Top {
	background: url(../Image/Award/BG-Head.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
}

.BG-Award-Top-Wrap {
	background: url(../Image/Award/BG-Head.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 820px;
}

.BG-Award-List {
	background: url(../Image/Award/BG-Grid-Light.jpg);
	background-color:#000005;
	background-repeat: no-repeat;
 	background-attachment: fixed;
	background-position:center top;
	margin:auto;
	width:100%;

}

.Box-Award-international {
	width:1250px;
	height:650px;
	float:left;
	position:relative;
}

.Box-Award-national {
	width:1250px;
	height:650px;
	float:left;
	position:relative;
}

.Box-Award-scholarship {
	width:1250px;
	height:650px;
	float:left;
	position:relative;
}

.Box-Award-grant {
	width:1250px;
	height:650px;
	float:left;
	position:relative;
}

.Border-Award-Outside {
	background: url(../Image/Award/Border-Outside.png);
	width: 1182px;
	height: 574px;
	top:3px;
	left:66px;
	z-index:100;
	position:absolute;
}

.Border-Award-Inside {
	background: url(../Image/Award/Border-Inside.png);
	width: 953px;
	height: 158px;
	top:19px;
	left:169px;
	z-index:2;
	position:absolute;
	opacity: 0.72;
	filter: alpha(opacity=72);
}

.Border-Award-Inside-Blue {
	background: url(../Image/Award/Border-Inside-Blue.png);
	width: 1170px;
	height: 550px;
	top:23px;
	left:72px;
	z-index:2;
	position:absolute;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.Border-Award-Inside-Green {
	background: url(../Image/Award/Border-Inside-Green.png);
	width: 1170px;
	height: 550px;
	top:23px;
	left:72px;
	z-index:2;
	position:absolute;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.Border-Award-Inside-Yellow {
	background: url(../Image/Award/Border-Inside-Yellow.png);
	width: 1170px;
	height: 550px;
	top:23px;
	left:72px;
	z-index:2;
	position:absolute;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

/*----------------------------------------------------------------------------------
                                     T U T O R I A L
----------------------------------------------------------------------------------*/

.BG-Tutorial {
	background: url(../Image/Tutorial/BG-Tutorial.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
}

.BG-Tutorial-Wrap {
	background: url(../Image/Tutorial/BG-Tutorial.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 793px;
}

.Tutorial-Top {
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
}

.Tutorial-Top-Wrap {
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 100px;
}

.Tutorial-BG-list {
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
}

.T-Box1 {
	width:438px;
	height:440px;
	float:left;
	position:relative;
}

.T-Box2 {
	width:373px;
	height:440px;
	float:left;
	position:relative;
}

.T-triangle {
	background: url(../Image/Tutorial/triangle-corner.png);
	width: 373px;
	height: 398px;
	left:-9999px;
	top:0;
	z-index:1;
	position:absolute;
}

.tutorial-menu {
	width: 291px;
	height: 38px;
	left:48px;
	z-index:5;
	position:absolute;
}

.tutorial-menu-mask {
	width: 310px;
	height: 51px;
	left:42px;
	z-index:6;
	position:absolute;
}

.tutorial-menu-white {
	color:#FFFFFF;
	font-size:26;
	font-family:Blender;
	letter-spacing:0.6px;
	width: 282px;
	height: 31px;
	left:77px;
	z-index:1;
	position:absolute;
}

.tutorial-menu-blue {
	color:#0f91e4;
	font-size:26;
	font-family:Blender;
	letter-spacing:0.6px;
	width: 282px;
	height: 31px;
	left:77px;
	z-index:2;
	position:absolute;
}


.plus-tutorial {
	font-family:Arial;
	color:#0f91e4;
	font-size:14px;
	width: 20px;
	height: 20px;
	z-index:1;
	position:absolute;
	left:-9999px;
	top:540px;
	opacity:0.6;
}

.plus-tutorial-select {
	font-family:Arial;
	color:#0f91e4;
	font-size:19px;
	width: 21px;
	height: 21px;
	z-index:1;
	position:absolute;
	left:-9999px;
	top:540px;
	opacity:1;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.marquee {
	margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    box-sizing: border-box;
    animation: marquee 20s linear infinite;
}

.marquee:hover {
    animation-play-state: paused;
}

@keyframes marquee {
	   0%   { text-indent: -1164px }
    100% { text-indent: 960px }
}

.box_button_award {
	background:url(../Image/Background/button_award.png) no-repeat;
	position: fixed;
 	top: 42px;
  	left: 12px;
	margin: auto;
	width: 40px;
	height: 47px;
}

.wrapper_button_award {
    position: relative;
    margin: auto;
    width: 40px;
    height: 47px;
}

.button-award {
	position: absolute;
	top:0px;
	left:0px;
 	width: 42px;
	height: 54px;
	z-index: 225;	
}

.button-award-over  {
	background:url(../Image/Background/button_award_over.gif) no-repeat;
	background-size: 40px 47px;
	position: absolute;
	top:0px;
	left:0px;
 	width: 40px;
	height: 47px;
	z-index: 224;	
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.button-award-name  {
	font-family:Blender;
	font-size:18px;
	color:#FFFFFF;
	letter-spacing:1px;
	position: absolute;
	top:47px;
	left:-8px;
 	width: 50px;
	height: 40px;
	z-index: 2;	
}

.box_button_tutorial {
	position: fixed;
 	top: 125px;
  	right: 0;
 	width: 240px;
	margin: auto;
	height: 105px;
}

.wrapper_button_tutorial {
    position: relative;
    margin: auto;
    width: 240px;
    height: 77px;
}

.buttonTutorial {
	position: absolute;
	top:0px;
	left:0px;
	width: 240px;
	height: 77px;
	z-index: 225;
}

.button_Tutorial {
	background:url(../Image/Background/button_Tutorial.png);
	position: absolute;
	width: 240px;
	margin: auto;
	height: 77px;
	z-index: 120;
}

.button_Tutorial_hover {
	background:url(../Image/Background/button_Tutorial_hover.png);
	position: absolute;
	width: 240px;
	margin: auto;
	height: 77px;
	z-index: 119;
}

.button_Tutorial_code {
	font-family:Formation;
	color:#ffffff;
	letter-spacing:1px;
	font-size:14px;
	position: absolute;
	width: 240px;
	margin: auto;
	height: 40px;
	top: 50px;
	left: 10px;
	z-index: 123;
	opacity: 0.15;
	filter: alpha(opacity=15);
}

.Tutorial-Dash {
	background:url(../Image/Background/dash.gif);
	position: absolute;
	top: 8px;
  	left: 234px;
	width: 8px;
	margin: auto;
	height: 52px;
	z-index: 121;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

.Tutorial-Dash-Animate {
	letter-spacing:1px;
	text-align:right;
	color:#0d65d0;
	font-size:11.5px;
	position: absolute;
 	top: 53px;
  	left: -9999px;
 	width: 240px;
	margin: auto;
	height: 3px;
	z-index: 124;	
	opacity: 0.7;
	filter: alpha(opacity=70);
}


.menu-header {
	background:url(../Image/Background/BG-Fade-Black-Top.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: fixed;
	top: 0%;
	margin: auto;
	width: 100%;
	height: 240px;
	z-index: 120;	
	border-top:solid 3px #0062b9;
}

.wrapper-header {
	background-repeat: no-repeat;
    position: relative;
    margin: auto;
    width: 1250px;
    height: 240px;
}

#btn-about {
	width: 112px;
	height: 49px;
	z-index:102;
	top:40px;
	left:69px;
	position:absolute;

}

#btn-about-over {
	background: url(../Image/Background/Menu-button.png) -72px -45px no-repeat;
	width: 96px;
	height: 37px;
	z-index:101;
	top:46px;
	left:76px;
	position:absolute;
}

.btn-about-line {
	background-color:#fba91b;
	width: 120px;
	height: 3px;
	z-index:101;
	top:98px;
	left:63px;
	position:absolute;
}

#btn-portfolio {
	width: 169px;
	height: 52px;
	z-index:102;
	top:39px;
	left:235px;
	position:absolute;

}

#btn-portfolio-over {
	background: url(../Image/Background/Menu-button.png) -239px -45px no-repeat;
	width: 155px;
	height: 37px;
	z-index:101;
	top:46px;
	left:242px;
	position:absolute;
}

.btn-portfolio-line {
	background-color:#0096f6;
	width: 179px;
	height: 3px;
	z-index:101;
	top:98px;
	left:228px;
	position:absolute;
}

#btn-work {
	width: 63px;
	height: 27px;
	z-index:102;
	top:57px;
	left:350px;
	position:absolute;

}

#btn-work-over {
	background: url(../Image/Background/Menu-button.png) -350px -57px no-repeat;
	width: 68px;
	height: 31px;
	z-index:101;
	top:57px;
	left:350px;
	position:absolute;
}

.btn-work-line {
	background-color:#46d7ee;
	width: 95px;
	height: 3px;
	z-index:101;
	top:98px;
	left:331px;
	position:absolute;
}


#btn-NIDA3D {
	background: url(../Image/Background/Menu-button.png) -455px -25px no-repeat;
	width: 345px;
	height: 192px;
	z-index:101;
	top:9px;
	left:449px;
	position:absolute;
}


#btn-publication {
	width: 204px;
	height: 47px;
	z-index:102;
	top:41px;
	left:841px;
	position:absolute;

}

#btn-publication-over {
	background: url(../Image/Background/Menu-button.png) -857px -45px no-repeat;
	width: 192px;
	height: 37px;
	z-index:101;
	top:46px;
	left:847px;
	position:absolute;
}

.btn-publication-line {
	background-color:#46d7ee;
	width: 216px;
	height: 3px;
	z-index:101;
	top:98px;
	left:835px;
	position:absolute;
}

#btn-contact {
	width: 139px;
	height: 51px;
	z-index:102;
	top:38px;
	left:1100px;
	position:absolute;

}

#btn-contact-over {
	background: url(../Image/Background/Menu-button.png) -1119px -45px no-repeat;
	width: 131px;
	height: 37px;
	z-index:101;
	top:46px;
	left:1109px;
	position:absolute;
}

.btn-contact-line {
	background-color:#48c1ff;
	width: 150px;
	height: 3px;
	z-index:101;
	top:98px;
	left:1097px;
	position:absolute;
}

#btn-facebook {
	width: 50px;
	height: 49px;
	z-index:103;
	top:45px;
	left:1154px;
	position:absolute;

}

#btn-facebook-over {
	background: url(../Image/Background/Menu-button.png) -1154px -45px no-repeat;
	width: 57px;
	height: 56px;
	z-index:102;
	top:45px;
	left:1154px;
	position:absolute;
}

.btn-facebook-bg {
	background-color:#26417a;
	width: 75px;
	height: 74px;
	opacity: 0.23;
    filter: alpha(opacity=23); 
	z-index:101;
	top:33px;
	left:1142px;
	position:absolute;
}


.About-BG-Top {
	background: url(../Image/Background/About-BG-Top.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.About-BG-Top-Wrap {
	background: url(../Image/Background/About-BG-Top.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 1091px;
}


#particles-js {
	width:100%;
	height:1250px;
	z-index:100;
	top:0px;
	left:0px;
	position:absolute;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------  S A B E R : C H A R A C T E R  -------------------------*/
/*--------------------------------------------------------------------------------------------*/

.Saber-Kerberos {
	background: url(../Image/Saber/Kerberos-BG.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.Saber-Kerberos-Wrap {
	background: url(../Image/Saber/Kerberos-BG.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 964px;
}

.BG2 {
	background: url(../Image/Saber/BG2.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.BG2-Wrap {
	background: url(../Image/Saber/BG2.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 2090px;
}


.Action-Saber{
	background: url(../Image/Saber/Action-Saber.gif) no-repeat;
	width: 190px;
	height: 53px;
	z-index:10;
	top:79px;
	left:-52px;
	position:absolute;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.Border-profile {
	background: url(../Image/Saber/border-profile.png) no-repeat;
	width: 216px;
	height: 622px;
	z-index:10;
	top:219px;
	left:1078px;
	position:absolute;
}

.Name-Plate {
	width: 505px;
	height: 610px;
	z-index:2;
	top:218px;
	left:753px;
	position:absolute;
}

.Kerberos-Plate {
	background: url(../Image/Saber/Kerberos-Plate.gif) no-repeat;
	width: 338px;
	height: 72px;
	z-index:3;
	top:436px;
	left:754px;
	position:absolute;
}

.HUD-Paepe-box {
	background: url(../Image/Saber/HUD-Paepe-box.png) no-repeat;
	width: 168px;
	height: 77px;
	z-index:14;
	top:336px;
	left:586px;
	position:absolute;
}

.HUD-Paepe-1 {
	background: url(../Image/Saber/HUD-Paepe-1.png) no-repeat;
	width: 152px;
	height: 111px;
	z-index:10;
	top:322px;
	left:586px;
	position:absolute;
}

.HUD-Paepe-2 {
	background: url(../Image/Saber/HUD-Paepe-2.png) no-repeat;
	width: 152px;
	height: 111px;
	z-index:10;
	top:322px;
	left:586px;
	position:absolute;
}

.HUD-Paepe-3 {
	background: url(../Image/Saber/HUD-Paepe-3.png) no-repeat;
	width: 152px;
	height: 111px;
	z-index:10;
	top:322px;
	left:586px;
	position:absolute;
}

.HUD-Paepe-4 {
	background: url(../Image/Saber/HUD-Paepe-4.png) no-repeat;
	width: 152px;
	height: 111px;
	z-index:10;
	top:322px;
	left:586px;
	position:absolute;
}

.HUD-Paepe-5 {
	background: url(../Image/Saber/HUD-Paepe-5.png) no-repeat;
	width: 152px;
	height: 111px;
	z-index:10;
	top:322px;
	left:586px;
	position:absolute;
}

.HUD-Paepe-Select {
	background: url(../Image/Saber/HUD-Paepe-Image1.png) no-repeat;
	width: 152px;
	height: 111px;
	z-index:9;
	top:322px;
	left:586px;
	position:absolute;
}

.HUD-Paepe-Image {
	background: url(../Image/Saber/HUD-Image3.png) no-repeat;
	width: 71px;
	height: 71px;
	z-index:11;
	top:341px;
	left:605px;
	position:absolute;
}

.line-vertical-Paepe {
	background-color:#0197f0;
	width: 1px;
	height: 73px;
	z-index:8;
	top:341px;
	left:597px;
	position:absolute;
	opacity: 0.15;
    filter: alpha(opacity=15); 
}

.btn-rectangle {
	width: 19px;
	height: 19px;
	z-index:200;
	top:219px;
	left:1179px;
	position:absolute;
}

.button-rectangle {
	background: url(../Image/Saber/button-rectangle.png) no-repeat;
	width: 19px;
	height: 19px;
	z-index:20;
	top:219px;
	left:1179px;
	position:absolute;
}


.Kerberos-Master {
	width: 966px;
	height: 794px;
	z-index:3;
	top:170px;
	left:-196px;
	position:absolute;
}

.Kerberos-Wireframe {
	background: url(../Image/Saber/Kerberos-Wireframe.png) no-repeat;
	width: 966px;
	height: 794px;
	z-index:3;
	top:170px;
	left:-196px;
	position:absolute;
}

.bar-1 {
	background: url(../Image/Saber/bar-1.png) no-repeat;
	width: 0px;
	height: 3px;
	opacity: 0;
	z-index:1;
	top:490px;
	left:472px;
	position:absolute;
}


.link_text {
	font-family:Arial;
	color:#031a35;
	font-size:9px;
	width: 12px;
	height: 12px;
	z-index:20;
	position:absolute;
}

.l_cover {
	background-color:#010303;
	width: 10px;
	height: 20px;
	top:859px;
	left:813px;
	z-index:2;
	position:absolute;
}

.l_box {
	font-family:Arial;
	font-size:9px;
	color:#032f61;
	width: 10px;
	height: 20px;
	top:858px;
	left:813px;
	z-index:1;
	position:absolute;
}

.IP-client {
	font-family:Arial;
	font-weight:bold;
	color:#0597ee;
	font-size:9px;
	width: 75px;
	height: 12px;
	z-index:5;
	top:469px;
	left:490px;
	position:absolute;
}

.percent-bar-text {
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
	font-size:9px;
	width: 30px;
	height: 12px;
	z-index:5;
	top:469px;
	left:592px;
	position:absolute;
}

.year-text-now {
	font-family: Orbitron-Medium;
	color: #194a60;
	font-size: 5px;
	text-align: center;
	width: 30px;
	height: 15px;
	z-index: 5;
	top: 715px;
	left: 1289px;
	position: absolute;
}

.day-text-now {
	font-family: Formation;
	color:#0d0f0f;
	font-size:33px;
	width: 43px;
	height: 50px;
	z-index:5;
	top:807px;
	left:1321px;
	position:absolute;
}

.hud-line {
	background: url(../Image/Saber/line.gif) no-repeat;
	width: 137px;
	height: 68px;
	z-index:4;
	top:669px;
	left:807px;
	position:absolute;
}

.saber-glow {
	background: url(../Image/Saber/Saber.png) no-repeat;
	width: 1146px;
	height: 1063px;
	z-index:4;
	top:24px;
	left:-275px;
	position:absolute;
}

.saber-glow-weapon1 {
	background: url(../Image/Saber/Saber.png) no-repeat;
	width: 1146px;
	height: 1063px;
	z-index:4;
	top:24px;
	left:-275px;
	position:absolute;
}

.saber-glow-weapon2 {
	background: url(../Image/Saber/Saber.png) no-repeat;
	width: 1146px;
	height: 1063px;
	z-index:4;
	top:24px;
	left:-275px;
	position:absolute;
}

.Effect-Gun {
	background: url(../Image/Saber/Effect_Gun.png) no-repeat;
	width: 370px;
	height: 380px;
	z-index:40;
	top:258px;
	left:-88px;
	position:absolute;

}

.Day-now {
	font-family: AC;
	width: 78px;
	height: 55px;
	z-index:1;
	color:#0c67d1;
	font-size:52px;
	text-align:right;
	top:898px;
	left:-213px;
	position:absolute;
}

.Hour-now {
	font-family: AC;
	width: 80px;
	height: 55px;
	z-index:1;
	color:#171717;
	font-size:52px;
	text-align:center;
	top:898px;
	left:-128px;
	position:absolute;
}

.Minute-now {
	font-family: AC;
	width: 80px;
	height: 55px;
	z-index:1;
	color:#383c46;
	font-size:52px;
	text-align:center;
	top:898px;
	left:-60px;
	position:absolute;
}

.Second-now {
	font-family: AC;
	width: 80px;
	height: 55px;
	z-index:1;
	color:#ffffff;
	font-size:52px;
	top:898px;
	left:30px;
	position:absolute;
}


.button-cancel {
	width: 320px;
	height: 100px;
	z-index:10;
	top:861px;
	left:638px;
	position:absolute;
}

.button-saber-blue {
	width: 320px;
	height: 100px;
	z-index:13;
	top:861px;
	left:938px;
	position:absolute;
}

.blue-saber-light {
	background: url(../Image/Saber/Saber_Blue.png) no-repeat;
	width: 1519px;
	height: 464px;
	z-index:12;
	top:690px;
	left:163px;
	position:absolute;
}

.button-saber-red {
	width: 320px;
	height: 100px;
	z-index:13;
	top:861px;
	left:938px;
	position:absolute;
}

.red-saber-light {
	background: url(../Image/Saber/Saber_Red.png) no-repeat;
	width: 1519px;
	height: 464px;
	z-index:12;
	top:690px;
	left:163px;
	position:absolute;
}

.btn-saber-red {
	background: url(../Image/Saber/button-saber-red.png) no-repeat;
	width: 590px;
	height: 195px;
	z-index:11;
	top:814px;
	left:803px;
	position:absolute;
}
 
.btn-saber-blue {
	background: url(../Image/Saber/button-saber-blue.png) no-repeat;
	width: 590px;
	height: 195px;
	z-index:11;
	top:814px;
	left:803px;
	position:absolute;
}

.HUD-Circle-Rotation1 {
	background: url(../Image/Saber/HUD-Circle-1.png) no-repeat;
	width: 163px;
	height: 163px;
	z-index:10;
	top:446px;
	left:630px;
	position:absolute;
	opacity: 0.03;
    filter: alpha(opacity=3); 
}

.HUD-Circle-Rotation2 {
	background: url(../Image/Saber/HUD-Circle-2.png) no-repeat;
	width: 128px;
	height: 128px;
	z-index:2;
	top:762px;
	left:-267px;
	position:absolute;
	opacity: 0.03;
	filter: alpha(opacity=3);
}

.HUD-Circle-Rotation3 {
	background: url(../Image/Saber/HUD-Circle-3.png) no-repeat;
	width: 103px;
	height: 103px;
	z-index:2;
	top:784px;
	left:-41px;
	position:absolute;
	opacity: 0.015;
	filter: alpha(opacity=1.5);
}

.HUD-Circle-Rotation4 {
	background: url(../Image/Saber/HUD-Circle-4.png) no-repeat;
	width: 124px;
	height: 124px;
	z-index:2;
	top:706px;
	left:976px;
	position:absolute;
	opacity: 0.015;
	filter: alpha(opacity=1.5);
}

.HUD-Circle-Rotation5 {
	background: url(../Image/Saber/HUD-Circle-5.png) no-repeat;
	width: 40px;
	height: 40px;
	z-index:2;
	top:296px;
	left:642px;
	position:absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#HUD-Circle-Rotation6 {
	background: url(../Image/Saber/HUD-Circle-6.png) no-repeat;
	width: 100px;
	height: 100px;
	z-index:200;
	top:340px;
	left:142px;
	position:absolute;
}

.HUD-Circle-Rotation7 {
	background: url(../Image/Saber/HUD-Circle-7.png) no-repeat;
	width: 140px;
	height: 140px;
	z-index:20;
	top:321px;
	left:123px;
	position:absolute;
	opacity: 0.05;
	filter: alpha(opacity=5);
}



@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 1.6s linear infinite;
  -moz-animation: rotating 1.6s linear infinite;
  -ms-animation: rotating 1.6s linear infinite;
  -o-animation: rotating 1.6s linear infinite;
  animation: rotating 1.6s linear infinite;
}


.Meter {
	background: url(../Image/Saber/Meter.png) no-repeat;
	width: 10px;
	height: 150px;
	z-index:20;
	top:307px;
	left:99px;
	position:absolute;
	opacity: 0.1;
	filter: alpha(opacity=10);
}



.icon-corner {
	background: url(../Image/Saber/icon-corner.png) no-repeat;
	width: 14px;
	height: 14px;
	z-index:2;
	top:412px;
	left:1480px;
	position:absolute;
}



.random-number {
	font-family: Orbitron;
	font-size:15;
	color:#ffffff;
	width: 60px;
	height: 40px;
	text-align:center;
	z-index:3;
	top:477px;
	left:630px;
	position:absolute;
	opacity: 0.08;
	filter: alpha(opacity=8);
}

.timer {
	font-family:digital;
	color:#606062;
	font-size:10px;
	width: 47px;
	height: 30px;
	z-index:10;
	top:780px;
	left:1207px;
	position:absolute;
}

.Army-rank {
	background: url(../Image/Saber/Army-rank.gif) no-repeat;
	width: 44px;
	height: 52px;
	z-index:1;
	top:453px;
	left:1099px;
	position:absolute;
}

.text-paragraph {
	background: url(../Image/Saber/text-paragraph.gif) no-repeat;
	width: 112px;
	height: 62px;
	z-index:1;
	top:645px;
	left:1285px;
	position:absolute;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.text-paragraph2 {
	background: url(../Image/Saber/text-paragraph2.gif) no-repeat;
	width: 92px;
	height: 219px;
	z-index:1;
	top:489px;
	left:1287px;
	position:absolute;
	opacity: 0.21;
	filter: alpha(opacity=21);
}

.text-paragraph3 {
	background: url(../Image/Saber/text-paragraph3.gif) no-repeat;
	width: 92px;
	height: 110px;
	z-index:1;
	top:489px;
	left:1287px;
	position:absolute;
	opacity: 0.21;
	filter: alpha(opacity=21);
}

.HUD-dot {
	background: url(../Image/Saber/HUD-dot.gif) no-repeat;
	width: 7px;
	height: 40px;
	z-index:1;
	top:722px;
	left:1282px;
	position:absolute;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.HUD-map {
	background: url(../Image/Saber/HUD-map.gif) no-repeat;
	width: 129px;
	height: 82px;
	z-index:1;
	top:771px;
	left:823px;
	position:absolute;
}

.Circle-dot-gif {
	background: url(../Image/Saber/Circle-dot.gif) no-repeat;
	width: 67px;
	height: 54px;
	z-index:1;
	top:463px;
	left:626px;
	position:absolute;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.Circle-dot-png {
	background: url(../Image/Saber/Circle-dot.png) no-repeat;
	width: 67px;
	height: 54px;
	z-index:2;
	top:463px;
	left:626px;
	position:absolute;
}

.TH-arrow {
	background: url(../Image/Saber/TH-arrow.png) no-repeat;
	width: 4px;
	height: 4px;
	z-index:2;
	top:453px;
	left:1150px;
	position:absolute;
}

/*--------------------------------------------------------------------------------------------*/
/*----------------------------------  S A B E R : M O C A P  -----------------------------*/
/*--------------------------------------------------------------------------------------------*/

.Saber-Mocap {
	background: url(../Image/Saber/Mocap-BG.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.Saber-Mocap-Wrap {
	background: url(../Image/Saber/Mocap-BG.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 1077px;
}

.Bar-line-kerberos {
	background-color:#097bdd;
	width: 100%;
	height: 1px;
	z-index:10;
	top:966px;
	left:0px;
	position:absolute;
	opacity: 0.45;
	filter: alpha(opacity=45);
}

.Bar-line-mocap {
	background-color:#097bdd;
	width: 100%;
	height: 1px;
	z-index:10;
	top:964px;
	left:0px;
	position:absolute;
	opacity: 0;
	filter: alpha(opacity=0);
}

.Line-Red {
	background-color:#8a0412;
	width: 0px;
	height: 2px;
	z-index:2;
	top:332px;
	left:-3px;
	position:absolute;
}

.AI {
	background: url(../Image/Saber/AI.gif) no-repeat;
	width: 47px;
	height: 47px;
	z-index:1;
	top:110px;
	left:900px;
	position:absolute;
}


.Heart-Rate-Text {
	font-family: Teko;
	font-size:14px;
	color:#62bcea;
	width: 27px;
	height: 20px;
	text-align:right;
	z-index:3;
	top:181px;
	left:836px;
	position:absolute;
	opacity: 0.16;
	filter: alpha(opacity=16);
}

.Loading-Text {
	font-family: Teko-Light;
	font-size:10px;
	letter-spacing: 1px;
	color:#1f5a78;
	width: 75px;
	height: 20px;
	z-index:3;
	top:166px;
	left:795px;
	position:absolute;
	opacity: 0.60;
	filter: alpha(opacity=60);
}


.Heart-Rate {
	background: url(../Image/Saber/Heart-Rate.gif) no-repeat;
	width: 57px;
	height: 52px;
	z-index:1;
	top:51px;
	left:814px;
	position:absolute;
}

.Hive-Cover {
	background: url(../Image/Saber/Hive-Cover.png) no-repeat;
	width: 89px;
	height: 171px;
	z-index:3;
	top:50px;
	left:813px;
	position:absolute;
}

.Hive {
	background: url(../Image/Saber/Hive.gif) no-repeat;
	width: 46px;
	height: 71px;
	z-index:1;
	top:154px;
	left:822px;
	position:absolute;
}

.Text-compute {
	background: url(../Image/Saber/Text-compute.gif) no-repeat;
	width: 186px;
	height: 29px;
	z-index:1;
	top:539px;
	left:347px;
	position:absolute;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.HUD-body {
	background: url(../Image/Saber/HUD-body.gif) no-repeat;
	width: 45px;
	height: 42px;
	z-index:2;
	top:113px;
	left:848px;
	position:absolute;
}

.Paepe-Vector {
	background: url(../Image/Saber/Paepe-Vector.gif) no-repeat;
	width: 1008px;
	height: 644px;
	z-index:210;
	top:218px;
	left:341px;
	position:absolute;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.Paepe-180 {
	background: url(../Image/Saber/Paepe-180.png) no-repeat;
	width: 859px;
	height: 557px;
	z-index:2;
	top:276px;
	left:409px;
	position:absolute;
}

.HUD-Vector-Mocap {
	background: url(../Image/Saber/HUD-Vector-Mocap.png) no-repeat;
	width: 925px;
	height: 585px;
	z-index:4;
	top:240px;
	left:389px;
	position:absolute;
}

.HUD-Body-Scifi {
	background: url(../Image/Saber/HUD-Body-Scifi.gif) no-repeat;
	width: 228px;
	height: 244px;
	z-index:1;
	top:141px;
	left:616px;
	position:absolute;
	opacity: 0.13;
	filter: alpha(opacity=13);
}

.Joint-Chest {
	background: url(../Image/Saber/Joint-Chest.png) no-repeat;
	width: 8px;
	height: 8px;
	z-index:2;
	top:210px;
	left:728px;
	position:absolute;
}

.Joint-Main {
	background: url(../Image/Saber/Joint-Main.png) no-repeat;
	width: 154px;
	height: 138px;
	z-index:2;
	top:237px;
	left:655px;
	position:absolute;
}

.Joint-Sholder {
	background: url(../Image/Saber/Joint-Sholder.png) no-repeat;
	width: 72px;
	height: 15px;
	z-index:3;
	top:204px;
	left:696px;
	position:absolute;
}

.Joint-Elbow {
	background: url(../Image/Saber/Joint-Elbow.png) no-repeat;
	width: 112px;
	height: 14px;
	z-index:3;
	top:218px;
	left:676px;
	position:absolute;
	opacity: 0.35;
	filter: alpha(opacity=35);
}

.Joint-Hip {
	background: url(../Image/Saber/Joint-Hip.png) no-repeat;
	width: 38px;
	height: 16px;
	z-index:3;
	top:273px;
	left:713px;
	position:absolute;
	opacity: 0.35;
	filter: alpha(opacity=35);
}

.Joint-Knee {
	background: url(../Image/Saber/Joint-Knee.png) no-repeat;
	width: 48px;
	height: 18px;
	z-index:3;
	top:313px;
	left:708px;
	position:absolute;
	opacity: 0.35;
	filter: alpha(opacity=35);
}

.Curve-dot {
	background: url(../Image/Saber/Curve-dot.gif) no-repeat;
	width: 82px;
	height: 52px;
	z-index:1;
	top:255px;
	left:402px;
	position:absolute;
}

.Blue-Arrow-1  {
	background: url(../Image/Saber/Blue-Arrow-1.png) no-repeat;
	width: 53px;
	height: 10px;
	z-index:1;
	top:358px;
	left:897px;
	position:absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.Blue-Arrow-2  {
	background: url(../Image/Saber/Blue-Arrow-2.png) no-repeat;
	width: 32px;
	height: 10px;
	z-index:1;
	top:509px;
	left:628px;
	position:absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.White-Arrow-1  {
	background: url(../Image/Saber/White-Arrow-1.png) no-repeat;
	width: 11px;
	height: 56px;
	z-index:1;
	top:679px;
	left:1218px;
	position:absolute;
}

.White-Arrow-2 {
	background: url(../Image/Saber/White-Arrow-2.png) no-repeat;
	width: 100px;
	height: 59px;
	z-index:220;
	top:471px;
	left:826px;
	position:absolute;
}

.White-Arrow-3 {
	background: url(../Image/Saber/White-Arrow-3.png) no-repeat;
	width: 11px;
	height: 98px;
	z-index:220;
	top:240px;
	left:482px;
	position:absolute;
}

.White-Arrow-4 {
	background: url(../Image/Saber/White-Arrow-4.png) no-repeat;
	width: 65px;
	height: 11px;
	z-index:220;
	top:665px;
	left:1118px;
	position:absolute;
}

.White-Arrow-5 {
	background: url(../Image/Saber/White-Arrow-5.png) no-repeat;
	width: 11px;
	height: 71px;
	z-index:3;
	top:468px;
	left:664px;
	position:absolute;
}

.HUD-Circle-Arrow1 {
	background: url(../Image/Saber/HUD-Circle-Arrow1.png) no-repeat;
	width: 50px;
	height: 49px;
	z-index:3;
	top:530px;
	left:974px;
	position:absolute;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.HUD-Circle-White {
	background: url(../Image/Saber/HUD-Circle-White.png) no-repeat;
	width: 8px;
	height: 7px;
	z-index:3;
	top:551px;
	left:995px;
	position:absolute;
}

.HUD-Circle-Blue {
	background: url(../Image/Saber/HUD-Circle-Blue.png) no-repeat;
	width: 8px;
	height: 7px;
	z-index:220;
	top:347px;
	left:483px;
	position:absolute;
}

.HUD-Circle-Blue2 {
	background: url(../Image/Saber/HUD-Circle-Blue2.png) no-repeat;
	width: 10px;
	height: 9px;
	z-index:220;
	top:529px;
	left:929px;
	position:absolute;
}

.HUD-Circle-Joint {
	background: url(../Image/Saber/HUD-Circle-Joint1.png) no-repeat;
	width: 13px;
	height: 13px;
	z-index:220;
	top:403px;
	left:589px;
	position:absolute;
}

.HUD-Circle-Joint-Black {
	background: url(../Image/Saber/HUD-Circle-Joint2.png) no-repeat;
	width: 13px;
	height: 13px;
	z-index:220;
	top:412px;
	left:1010px;
	position:absolute;
}

.Mocap-Process {
	background: url(../Image/Saber/Mocap-Process.png) no-repeat;
	width: 592px;
	height: 525px;
	z-index:3;
	top:506px;
	left:341px;
	position:absolute;
}

.compute_text {
	font-family:Formation;
	color:#1ea2f3;
	font-size:9px;
	width: 61px;
	height: 21px;
	z-index:20;
	position:absolute;
	left: 547px;
	top: 548px;
	opacity: 0.06;
	filter: alpha(opacity=6);
}

.Paepe-Green {
	background: url(../Image/Saber/Paepe-Green.png) no-repeat;
	width: 1047px;
	height: 630px;
	z-index:200;
	top:203px;
	left:-55px;
	position:absolute;
}

.Paepe-Composition {
	background: url(../Image/Saber/Paepe-Composition.png) no-repeat;
	width: 1047px;
	height: 630px;
	z-index:200;
	top:80px;
	left:-55px;
	position:absolute;
}

.thumb_compute_text {
	font-family:Formation;
	color:#1ea2f3;
	font-size:16px;
	width: 100px;
	height: 21px;
	z-index:210;
	position:absolute;
	left: 520px;
	top: 657px;
	opacity: 0.11;
	filter: alpha(opacity=11);
}

.line-screen-vertical {
	background-color:#0f91e4;
	width: 1px;
	height: 1077px;
	z-index:205;
	top:0px;
	left:-280px;
	position:absolute;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.line-ruler {
	background-color:#0f91e4;
	width: 2px;
	height: 11px;
	z-index:205;
	top:926px;
	left:235px;
	position:absolute;
	opacity: 0.11;
	filter: alpha(opacity=11);
}

.text-180 {
	font-family: Arial;
	color:#23818b;
	font-size:10px;
	text-align:center;
	width: 20px;
	height: 20px;
	z-index:1;
	top:1034px;
	left:1278px;
	position:absolute;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.text-degree {
	font-family: Arial;
	color:#ffffff;
	font-size:15px;
	text-align:center;
	width: 50px;
	height: 23px;
	z-index:10;
	top:271px;
	left:376px;
	position:absolute;

}

.text-2004N {
	font-family: Arial;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	width: 50px;
	height: 23px;
	z-index:10;
	top:753px;
	left:1055px;
	position:absolute;
	opacity: 0.3;
	filter: alpha(opacity=30);
	transform:rotateZ(30deg);
}


/*--------------------------------------------------------------------------------------------*/
/*----------------------------------  S A B E R : S T A G E  -----------------------------*/
/*--------------------------------------------------------------------------------------------*/

.Saber-Stage {
	background: url(../Image/Saber/Stage-BG.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
}

.Saber-Stage-Wrap {
	background: url(../Image/Saber/Stage-BG.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 1012px;
}

.Kerberos-180 {
	background: url(../Image/Saber/Kerberos-180.png) no-repeat;
	width: 1121px;
	height: 694px;
	z-index:2;
	top:-417px;
	left:159px;
	position:absolute;
}



.Kerberos-180-flipX {
	width: 400px;
	height: 248px;
	z-index:5;
	top:44px;
	left:-56px;
	position:absolute;
	transform:rotateZ(-9deg) scaleX(-1);
}

.Border-Face {
	background: url(../Image/Saber/Border-Face.png) no-repeat;
	width: 314px;
	height: 263px;
	z-index:1;
	top:-68px;
	left:-92px;
	position:absolute;
}

.HUD-Profile-Stage {
	background: url(../Image/Saber/HUD-Profile-Stage.png) no-repeat;
	width: 378px;
	height: 385px;
	z-index:4;
	top:-103px;
	left:-144px;
	position:absolute;
}

.button-select-image {
	width: 20px;
	height: 30px;
	z-index:3;
	top:-45px;
	left:203px;
	position:absolute;
}

.text-select-image {
	font-family: Trump-bold;
	color:#ffffff;
	font-size:12px;
	text-align:center;
	width: 20px;
	height: 30px;
	z-index:1;
	top:-45px;
	left:203px;
	position:absolute;
}

.text-select-number {
	font-family: Trump-bold;
	color:#0b80bf;
	font-size:13px;
	text-align:center;
	width: 26px;
	height: 30px;
	z-index:5;
	top:214px;
	left:-118px;
	position:absolute;
}

.Kerberos-Face-AO {
	background: url(../Image/Saber/Kerberos-Face.png) no-repeat;
	width: 282px;
	height: 259px;
	z-index:2;
	top:-72px;
	left:-83px;
	position:absolute;
}

.Button-Kerberos-Face {
	width: 282px;
	height: 257px;
	z-index:7;
	top:-71px;
	left:-83px;
	position:absolute;
}

.Face-Kerberos-Render {
	background: url(../Image/Saber/Kerberos-Face.png) -294px -168px no-repeat;
	width: 66px;
	height: 36px;
	z-index:6;
	top:96px;
	left:-71px;
	position:absolute;
}

.Face-Kerberos-gif {
	background: url(../Image/Saber/Face-Kerberos.gif) no-repeat;
	width: 282px;
	height: 257px;
	z-index:4;
	top:-70px;
	left:-83px;
	position:absolute;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.Kerberos-Face-Render {
	background: url(../Image/Saber/Kerberos-Face.png) -282px 0px no-repeat;
	width: 282px;
	height: 259px;
	z-index:2;
	top:-72px;
	left:-83px;
	position:absolute;
}

.HUD-Circle-Blue-Stage {
	background: url(../Image/Saber/HUD-Circle-Blue.png) no-repeat;
	width: 8px;
	height: 7px;
	z-index:3;
	top:167px;
	left:715px;
	position:absolute;
}

.Button-Composition {
	width: 146px;
	height: 108px;
	z-index:202;
	top:464px;
	left:-4px;
	position:absolute;
}

.Button-Green {
	width: 146px;
	height: 98px;
	z-index:202;
	top:607px;
	left:-7px;
	position:absolute;
}

.Thumb-Green {
	background: url(../Image/Saber/Thumb-Green.gif) no-repeat;
	width: 146px;
	height: 98px;
	z-index:201;
	top:607px;
	left:-6px;
	position:absolute;
}

.icon-cyber {
	background: url(../Image/Saber/icon-cyber.png) no-repeat;
	width: 759px;
	height: 101px;
	z-index:1;
	top:240px;
	left:147px;
	position:absolute;
}

.icon_plus {
	background: url(../Image/Saber/icon_plus.gif) no-repeat;
	width: 58px;
	height: 58px;
	z-index:1000;
	top:76px;
	left:590px;
	position:absolute;
	opacity: 0.05;
	filter: alpha(opacity=5);
}

.text-agent {
	font-family: Orbitron;
	color:#59ade8;
	font-size:8px;
	letter-spacing: 1px;
	width: 247px;
	height: 67px;
	z-index:1;
	top:10px;
	left:335px;
	position:absolute;
	opacity: 0.15;
	filter: alpha(opacity=15);
}

.text-agent-type {
	font-family: Orbitron;
	color:#59ade8;
	font-size:9px;
	letter-spacing: 1px;
	width: 268px;
	height: 107px;
	z-index:1;
	top:77px;
	left:305px;
	position:absolute;
	opacity: 0.15;
	filter: alpha(opacity=15);
}

/*----------------------------------------- FOOTER ------------------------------------------*/


.Awards-BG-part1 {
	background: url(../Image/About/Awards_part1.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
	
}

.Awards-BG-part1-Wrap {
	background: url(../Image/About/Awards_part1.jpg) -495px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1130px;
	height: 2417px;
}

.Awards-BG-part2 {
	background: url(../Image/About/Awards_part2.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
	
}

.Awards-BG-part2-Wrap {
	background: url(../Image/About/Awards_part2.jpg) -495px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1130px;
	height: 5854px;   /* 6460px */
}

#btn-read {
	background: url(../Image/About/button_read.png) no-repeat;
	width: 222px;
	height: 54px;
	z-index:1000;
	top:2288px;
	left:453px;
	position:absolute;
}

.btn-read-border {
	background-color: #06417b;
	width: 253px;
	height: 84px;
	z-index:900;
	top:2273px;
	left:438px;
	position:absolute;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.year_update {
	color:#FFFFFF;
	font-size:93;
	font-family:AC;
	width: 253px;
	height: 84px;
	z-index:4;
	top:580px;
	left:623px;
	position:absolute;
	
}

.month_update {
	text-align:right;
	color:#FFFFFF;
	font-size:43;
	font-family:AC;
	width: 74px;
	height: 44px;
	z-index:4;
	top:628px;
	left:546px;
	position:absolute;
	text-transform: uppercase;
}


.bar-ver {
	background-color: #06417b;
	width: 3px;
	height: 134px;
	z-index:2;
	top:2253px;
	left:563px;
	position:absolute;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.arrow1 {
	background: url(../Image/About/Arrow1.png) no-repeat;
	width: 51px;
	height: 31px;
	z-index:15;
	top:373px;
	left:540px;
	position:absolute;
}

.arrow2 {
	background: url(../Image/About/Arrow2.png) no-repeat;
	width: 51px;
	height: 33px;
	z-index:15;
	top:395px;
	left:540px;
	position:absolute;
}

.arrow3 {
	background: url(../Image/About/Arrow3.png) no-repeat;
	width: 51px;
	height: 35px;
	z-index:15;
	top:417px;
	left:540px;
	position:absolute;
}
.arrow4 {
	background: url(../Image/About/Arrow4.png) no-repeat;
	width: 51px;
	height: 40px;
	z-index:15;
	top:437px;
	left:540px;
	position:absolute;
}

.arrow5 {
	background: url(../Image/About/Arrow5.png) no-repeat;
	width: 57px;
	height: 36px;
	z-index:15;
	top:473px;
	left:537px;
	position:absolute;
}

.arrowA {
	background: url(../Image/About/arrow.png) no-repeat;
	width: 12px;
	height: 7px;
	z-index:15;
	top:2377px;
	left:559px;
	position:absolute;
	opacity: 0.4;
	filter:alpha(opacity=40);
}

.arrowB {
	background: url(../Image/About/arrow.png) no-repeat;
	width: 12px;
	height: 7px;
	z-index:15;
	top:2383px;
	left:559px;
	position:absolute;
	opacity: 0.7;
	filter:alpha(opacity=70);
}

.arrowC {
	background: url(../Image/About/arrow.png) no-repeat;
	width: 12px;
	height: 7px;
	z-index:15;
	top:2389px;
	left:559px;
	position:absolute;
}

.sc-time {
	font-family: rajdhani-m;
	font-size:15px;
	color:#636c83;
	width: 172px;
	height: 22px;
	z-index:15;
	top:677px;
	left:645px;
	position:absolute;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#img-SU {
	width: 289px;
	height: 191px;
	z-index:150;
	top:437px;
	left:420px;
	position:absolute;
}

#img-DHU {
	width: 289px;
	height: 191px;
	z-index:150;
	top:1172px;
	left:420px;
	position:absolute;
}

#img-LOS {
	width: 289px;
	height: 191px;
	z-index:150;
	top:2465px;
	left:420px;
	position:absolute;
}

#img-ZLA {
	width: 120px;
	height: 120px;
	z-index:150;
	top:3628px;
	left:320px;
	position:absolute;
}

.awards:hover {

	opacity: 0.6;
    filter: alpha(opacity=60); 
}

#btn-close {
	background: url(../Image/About/button_close.png) no-repeat;
	width: 222px;
	height: 54px;
	z-index:1000;
	top:6361px;
	left:444px;
	position:absolute;
}

.btn-close-border {
	background-color: #990202;
	width: 253px;
	height: 85px;
	z-index:900;
	top:6345px;
	left:429px;
	position:absolute;
	opacity: 0.5;
	filter:alpha(opacity=50);
}






.About-Text-Section1 {
	width: 1250px;
	height: 780px;
	z-index:3;
	top:209px;
	left:0px;
	position:absolute;
}

.About-Text-Description {
	padding: 0px 63px 80px 63px;
	font-family: Mental-book;
	font-size:47px;
	color:#FFFFFF;
	line-height:70px;
	text-align: justify;
	letter-spacing: 1.5px;
}

.About-Text-Description-center{
	padding: 50px 63px 0px 63px;
	font-family: Mental-book;
	font-size:43px;
	color:#FFFFFF;
	line-height:60px;
	letter-spacing: 1.5px;
	text-align:center;
}


.About-BG-Founder {
	background: url(../Image/Background/About-BG-Founder.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
	height: 1513px;
}

.About-BG-Founder-Wrap {
	background: url(../Image/Background/About-BG-Founder.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 1513px;
}


.typewriter {
	font-size:14px;
	color:#FFFFFF;
	opacity: 0.6;
	filter:alpha(opacity=60);
	width: 445px;
	height: 30px;
	z-index:5;
	top:275px;
	left:807px;
	position:absolute;
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 1 auto; /* Gives that scrolling effect as the typing happens */
	letter-spacing: 2px; /* Adjust as needed */
}

@keyframes typing {
  from { width: 0 }
  to { width: 280px; }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #1f84c5; }
}

#btn-founder-1 {
	width: 179px;
	height: 94px;
	z-index:1000005;
	top:168px;
	left:126px;
	position:absolute;
}

.btn-founder-1-over {
	background: url(../Image/Founder/Founder-Button.png) 0px -144px no-repeat;
	width: 182px;
	height: 115px;
	z-index:1000004;
	top:155px;
	left:123px;
	position:absolute;
}

.founder-1 {
	background: url(../Image/Founder/Founder-Button.png) 0px 0px no-repeat;
	width: 179px;
	height: 94px;
	z-index:1000003;
	top:168px;
	left:126px;
	position:absolute;
}


#btn-founder-2 {
	width: 179px;
	height: 94px;
	z-index:1000005;
	top:168px;
	left:315px;
	position:absolute;
}

.btn-founder-2-over {
	background: url(../Image/Founder/Founder-Button.png) -189px -144px no-repeat;
	width: 182px;
	height: 115px;
	z-index:1000004;
	top:155px;
	left:312px;
	position:absolute;
}

.founder-2 {
	background: url(../Image/Founder/Founder-Button.png) -189px 0px no-repeat;
	width: 179px;
	height: 94px;
	z-index:1000003;
	top:168px;
	left:315px;
	position:absolute;
}

#btn-founder-3 {
	width: 179px;
	height: 94px;
	z-index:1000005;
	top:168px;
	left:504px;
	position:absolute;
}

.btn-founder-3-over {
	background: url(../Image/Founder/Founder-Button.png) -378px -144px no-repeat;
	width: 182px;
	height: 115px;
	z-index:1000004;
	top:155px;
	left:501px;
	position:absolute;
}

.founder-3 {
	background: url(../Image/Founder/Founder-Button.png) -378px 0px no-repeat;
	width: 179px;
	height: 94px;
	z-index:1000003;
	top:168px;
	left:504px;
	position:absolute;
}

#btn-founder-4 {
	width: 179px;
	height: 94px;
	z-index:1000005;
	top:168px;
	left:693px;
	position:absolute;
}

.btn-founder-4-over {
	background: url(../Image/Founder/Founder-Button.png) -567px -144px no-repeat;
	width: 182px;
	height: 115px;
	z-index:1000004;
	top:155px;
	left:690px;
	position:absolute;
}

.founder-4 {
	background: url(../Image/Founder/Founder-Button.png) -567px 0px no-repeat;
	width: 179px;
	height: 94px;
	z-index:1000003;
	top:168px;
	left:693px;
	position:absolute;
}

.founder-text {
	background: url(../Image/Founder/Founder-Button.png) -770px 0px no-repeat;
	width: 321px;
	height: 88px;
	z-index:3;
	top:170px;
	left:896px;
	position:absolute;
}

.founder-border {
	background: url(../Image/Founder/Founder-Border.png) 0px 0px no-repeat;
	width: 737px;
	height: 747px;
	z-index:3;
	top:776px;
	left:513px;
	position:absolute;
}

.founder-fullname {
	background: url(../Image/Founder/Founder-Detail-3.png) 0px -389px no-repeat;
	width: 1250px;
	height: 219px;
	z-index:3;
	top:389px;
	left:0px;
	position:absolute;
}

.founder-fullname-thai {
	background: url(../Image/Founder/Founder-Detail-3.png) 0px -608px no-repeat;
	width: 1250px;
	height: 131px;
	z-index:3;
	top:608px;
	left:0px;
	position:absolute;
}

.founder-detail {
	background: url(../Image/Founder/Founder-Detail-3.png) -544px -820px no-repeat;
	width: 673px;
	height: 657px;
	z-index:5;
	top:820px;
	left:544px;
	position:absolute;
}

#founder-website {
	font-family: Korataki;
	color:#20a8ca;
	font-size:13px;
	text-shadow: 2px 2px 5px #000000;
	width: 180px;
	height: 22px;
	z-index:100000;
	top:831px;
	left:784px;
	position:absolute;
}

#founder-mail {
	font-family: Formation;
	color:#8c8b8b;
	font-size:16px;
	text-shadow: 2px 2px 5px #000000;

	width: 220px;
	height: 21px;
	z-index:200;
	top:859px;
	left:763px;
	position:absolute;
}

.founder-nickname {
	background: url(../Image/Founder/Founder-Detail-3.png) 0px -1320px no-repeat;
	width: 557px;
	height: 198px;
	z-index:5;
	top:1320px;
	left:0px;
	position:absolute;
}

.founder-portrait-1 {
	background: url(../Image/Founder/Founder-Tanasai.png) 0px 0px no-repeat;
	width: 448px;
	height: 1250px;
	z-index:4;
	top:262px;
	left:39px;
	position:absolute;
}

.founder-portrait-2 {
	background: url(../Image/Founder/Founder-Borom.png) 0px 0px no-repeat;
	width: 534px;
	height: 1250px;
	z-index:4;
	top:262px;
	left:-47px;
	position:absolute;
}

.founder-portrait-3 {
	background: url(../Image/Founder/Founder-Chalermyos.png) 0px 0px no-repeat;
	width: 505px;
	height: 1256px;
	z-index:4;
	top:269px;
	left:0px;
	position:absolute;
}

.founder-portrait-4 {
	background: url(../Image/Founder/Founder-Jirapat.png) 0px 0px no-repeat;
	width: 508px;
	height: 1250px;
	z-index:4;
	top:262px;
	left:-1px;
	position:absolute;
}

.Founder-Detail-BG {
	background:url(../Image/Founder/Founder-Detail-BG.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.wrapper-Founder-Detail-BG {
	background: url(../Image/Background/Founder-Detail-BG.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;

}

.Founder-Fullname-italic {
	padding: 5px 3px 3px 15px;
	font-family: Trump;
	font-size:34px;
	color:#32a1da;
}

.dark-font {
	font-size:1px;
	color:#00070f;
}

.Founder-Description {
	padding: 50px 63px 70px 63px;
	font-family: Mental-bold;
	font-size:36px;
	color:#FFFFFF;
	line-height:75px;
	text-align:justify;
	letter-spacing:1px;
}


.List-Table {

	background-position:center top;
	margin:auto;
	width:100%;
	

}

.MY-Projects {
	background:url(../Image/Background/BG-MYProject.jpg) repeat-y;
	background-position:center top;
	margin:auto;
	width:100%;
}

.project-image {
	width:24%;
	
}

.project-image:hover {

	border-top:1px #32a1da solid;
	opacity: 0.6;
    filter: alpha(opacity=60); 
}

.Bar-move-sc {
	background: url(../Image/Founder/Bar-move.png) repeat-x;
	width: 100%;
	height: 55px;
	z-index:2000;
	top:1250px;
	left:0px;
	position:absolute;
}


/*----------------------------------------- FOOTER ------------------------------------------*/


.Footer-BG {
	background: url(../Image/Footer/Footer-BG.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
	padding-bottom:55px;
	
}

.Footer-BG-Wrap {
	background: url(../Image/Footer/Footer-BG.jpg) -435px 0px no-repeat;
	background-color:#000000;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 1342px;  /* Desktop = 1056px     Mobile = 1342px */
}

.BG-visitor {
	background: url(../Image/Background/BG-visitor.png) 0px 0px no-repeat;
	width: 104px;
	height: 53px;
	z-index:3;
	top:5px;
	left:0px;
	position:absolute;
	opacity: 0.49;
	filter: alpha(opacity=49);
}

.visitor-counter {
	font-family: Korataki;
	color:#FFFFFF;
	font-size:12px;
	width: 195px;
	height: 25px;
	z-index:3;
	top:26px;
	left:111px;
	position:absolute;
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.visitor-ip {
	font-family: Mental-bold;
	color:#FFFFFF;
	font-size:17px;
	width: 165px;
	height: 33px;
	z-index:3;
	top:41px;
	left:115px;
	position:absolute;
	opacity: 0.13;
	filter: alpha(opacity=13);
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	border-right: .15em solid #1f84c5; /* The typwriter cursor */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 1 auto; /* Gives that scrolling effect as the typing happens */
	letter-spacing: 1px; /* Adjust as needed */

   animation: 
    typing 15s steps(40, end),
    blink-caret .55s step-end infinite;
}

.visitor-browser {
	font-family: Korataki;
	color:#FFFFFF;
	line-height:15px;
	font-size:9px;
	width: 251px;
	height: 188px;
	z-index:3;
	top:66px;
	left:23px;
	position:absolute;
	opacity: 0.09;
	filter: alpha(opacity=9);
}

.visitor-location {
	font-family: Korataki;
	color:#FFFFFF;
	font-size:12px;
}

#btn-social-facebook {
	width: 49px;
	height: 48px;
	z-index:200004;
	top:811px;
	left:50px;
	position:absolute;
}

.btn-social-facebook-over {
	background: url(../Image/Footer/icon-social.png) 0px 0px no-repeat;
	width: 49px;
	height: 48px;
	z-index:200003;
	top:811px;
	left:50px;
	position:absolute;
	opacity: 0.4;
    filter: alpha(opacity=40); 	
}

#btn-social-youtube {
	width: 49px;
	height: 48px;
	z-index:200004;
	top:811px;
	left:114px;
	position:absolute;
}

.btn-social-youtube-over {
	background: url(../Image/Footer/icon-social.png) -64px 0px no-repeat;
	width: 49px;
	height: 48px;
	z-index:200003;
	top:811px;
	left:114px;
	position:absolute;
	opacity: 0.4;
    filter: alpha(opacity=40); 
}

.text_chalermyos_academy {
	font-family:Blender;
	letter-spacing:0.3px;
	width:490px;
	height:42px;
	font-size:43px;
	color:#ffffff;
	z-index:6;
	/*left:592px;*/
	left:-9999px;
	top:1027px;
	position:absolute;
	opacity:1;
}

.line_youtube_link {
	background: url(../Image/Background/line_youtube.png) no-repeat;
	width:0px;
	height:24px;
	z-index:5;
	left:564px;
	top:1077px;
	position:absolute;
	opacity:1;
}

.corner_youtube {
	width:22px;
	height:26px;
	font-size:23px;
	color:#ffffff; 
	z-index:6;
	left:-9999px;
	top:1010px;
	position:absolute;
	opacity: 0.8;
}

.underline_youtube {
	font-family:Blender;
	letter-spacing:0.3px;
	width:215px;
	height:30px;
	font-size:11px;
	color:#00ccff;
	z-index:7;
	left:-9999px;
	top:774px;
	position:absolute;
	opacity:0.3; 
}

#btn-social-behance {
	width: 48px;
	height: 48px;
	z-index:200004;
	top:811px;
	left:178px;
	position:absolute;
}

.btn-social-behance-over {
	background: url(../Image/Footer/icon-social.png) -383px 0px no-repeat;
	width: 48px;
	height: 48px;
	z-index:200003;
	top:811px;
	left:178px;
	position:absolute;
	opacity: 0.40;
    filter: alpha(opacity=40); 
}

#btn-social-ig {
	width: 48px;
	height: 48px;
	z-index:200004;
	top:811px;
	left:241px;
	position:absolute;
}

.btn-social-ig-over {
	background: url(../Image/Footer/icon-social.png) -191px 0px no-repeat;
	width: 48px;
	height: 48px;
	z-index:200003;
	top:811px;
	left:241px;
	position:absolute;
	opacity: 0.40;
    filter: alpha(opacity=40); 
}

#btn-social-vimeo {
	width: 48px;
	height: 48px;
	z-index:200004;
	top:811px;
	left:305px;
	position:absolute;
}

.btn-social-vimeo-over {
	background: url(../Image/Footer/icon-social.png) -255px 0px no-repeat;
	width: 48px;
	height: 48px;
	z-index:200003;
	top:811px;
	left:305px;
	position:absolute;
	opacity: 0.40;
    filter: alpha(opacity=40); 
}

#btn-social-linkedin {
	width: 48px;
	height: 48px;
	z-index:200004;
	top:811px;
	left:369px;
	position:absolute;
}

.btn-social-linkedin-over {
	background: url(../Image/Footer/icon-social.png) -319px 0px no-repeat;
	width: 48px;
	height: 48px;
	z-index:200003;
	top:811px;
	left:369px;
	position:absolute;
	opacity: 0.40;
    filter: alpha(opacity=40); 
}



#mail_footer {
	font-family: AC;
	color:#208dd2;
	font-size:26px;
	width: 412px;
	height: 43px;
	z-index:200004;
	top:906px;
	left:142px;
	position:absolute;
	opacity: 1;
	filter: alpha(opacity=100);
	letter-spacing:1px;
	border: 1px solid #05679a;
	padding:2px 12px 17px 12px;
}

.line_id {
	font-family: AC;
	color:#ffffff;
	font-size:26px;
	width: 251px;
	height: 24px;
	z-index:4;
	top:946px;
	left:148px;
	position:absolute;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.location_footer {
	font-family: AC;
	color:#ffffff;
	font-size:26px;
	width: 251px;
	height: 24px;
	z-index:4;
	top:983px;
	left:148px;
	position:absolute;
	opacity: 0.9;
	filter: alpha(opacity=100);
}

.Heading_Visitor {
	font-family: Korataki;
	color:#796a02;
	font-size:11px;
	line-height:21px;
	letter-spacing:1px;
	width: 149px;
	height: 69px;
	z-index:4;
	top:23px;
	left:22px;
	position:absolute;
	opacity: 0.46;
	filter: alpha(opacity=46);
}

.Email_Title_Location {
	font-family: AC;
	color:#ffffff;
	font-size:26px;
	line-height:37px;
	letter-spacing:1px;
	width: 179px;
	height: 148px;
	z-index:4;
	top:904px;
	left:54px;
	position:absolute;
	opacity: 1;
	filter: alpha(opacity=100);
}

.Email_Title_Location_Detail {
	font-family: AC;
	color:#ffffff;
	font-size:26px;
	line-height:37px;
	letter-spacing:1px;
	width: 794px;
	height: 148px;
	z-index:4;
	top:904px;
	left:156px;
	position:absolute;
	opacity: 1;
	filter: alpha(opacity=100);
}


.Text-All-Rights {
	font-family: Trump-bold;
	color:#ffffff;
	font-size:22px;
	width: 371px;
	height: 69px;
	z-index:4;
	top:984px;
	left:826px;
	position:absolute;
	text-align:right;
	letter-spacing:0.9px;
}


#Link-blender {
	width: 270px;
	height:100x;
	z-index:5;
	top:150px;
	left:737px;
	position:absolute;
}

#btn-release-1 {
	background: url(../Image/Footer/Release-1.png) no-repeat;
	width: 312px;
	height:419px;
	z-index:100005;
	top:304px;
	left:289px;
	position:absolute;
}

.btn-release-1-over {
	background: url(../Image/Footer/Release-BG.png) no-repeat;
	width: 361px;
	height:452px;
	z-index:100004;
	top:286px;
	left:275px;
	position:absolute;
}

#btn-release-2 {
	background: url(../Image/Footer/Release-2.png) no-repeat;
	width: 312px;
	height:419px;
	z-index:100005;
	top:304px;
	left:634px;
	position:absolute;
}

.btn-release-2-over {
	background: url(../Image/Footer/Release-BG.png) no-repeat;
	width: 361px;
	height:452px;
	z-index:100004;
	top:286px;
	left:620px;
	position:absolute;
}

.container_social_button {
	width: 1250px;
	height: 110px;
	z-index:2;
	top:1100px;
	left:0px;
	position:absolute;
	text-align:center;
}

.container_social_button_shadow {
	width: 1250px;
	height: 110px;
	z-index:1;
	top:1204px;
	left:0px;
	position:absolute;
	text-align:center;
	-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	-webkit-transform: scaleY(-1);
 	transform: scaleY(-1);
}

.social_btn_size {
	width: 106px;
	height: 106px;
	border:0;
	margin:0 25px 0 25px;
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
}

.social_btn_shadow {
	width: 106px;
	height: 106px;
	border:0;
	margin:0 25px 0 25px;
	opacity: 0.13;
	filter: alpha(opacity=13);
}


/*------------------------------------------------------------------------------
                                    PORTFOLIO
------------------------------------------------------------------------------*/

.blue { color:#4295cb; }
.gray { color:#9a9b9b; }
.orange { color:#f7ad1e; }

.BG-Portfolio {
	background: url(../Image/Portfolio/BG.jpg) 0px 0px no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
	position:relative;
}


.BG-Portfolio-Wrap {
	background: url(../Image/Portfolio/BG.jpg) -435px 0px no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 2307px;
}

.height-portfolio {
	width: 1250px;
	height:590px;
	position:relative;
}

.box-portfolio-menu {
	width: 1250px;
	height:120px;
	position:relative;
}

.box-main-content {
	width: 1250px;
	height:1000px;
	position:relative;
	margin-top:10px
}

#btn-portfolio-art {
	width: 275px;
	height:81px;
	z-index:200005;
	top:0px;
	left:35px;
	position:absolute;
}

#btn-portfolio-art2 {
	width: 275px;
	height:81px;
	z-index:200006;
	top:0px;
	left:35px;
	position:absolute;
}

.btn-portfolio-art-over{
	background: url(../Image/Portfolio/Menu-portfolio.png) -2px  -102px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200004;
	top:0px;
	left:35px;
	position:absolute;
}

.btn-portfolio-art {
	background: url(../Image/Portfolio/Menu-portfolio.png) -2px  0px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200003;
	top:0px;
	left:35px;
	position:absolute;
}

#btn-portfolio-film {
	width: 275px;
	height:81px;
	z-index:200005;
	top:0px;
	left:334px;
	position:absolute;
}

#btn-portfolio-film2 {
	width: 275px;
	height:81px;
	z-index:200006;
	top:0px;
	left:334px;
	position:absolute;
}

.btn-portfolio-film-over{
	background: url(../Image/Portfolio/Menu-portfolio.png) -301px  -102px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200004;
	top:0px;
	left:334px;
	position:absolute;
}

.btn-portfolio-film {
	background: url(../Image/Portfolio/Menu-portfolio.png) -301px  0px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200003;
	top:0px;
	left:334px;
	position:absolute;
}

#btn-portfolio-web {
	width: 275px;
	height:81px;
	z-index:200005;
	top:0px;
	left:633px;
	position:absolute;
}

#btn-portfolio-web {
	width: 275px;
	height:81px;
	z-index:200006;
	top:0px;
	left:633px;
	position:absolute;
}

.btn-portfolio-web-over{
	background: url(../Image/Portfolio/Menu-portfolio.png) -600px  -102px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200004;
	top:0px;
	left:633px;
	position:absolute;
}

.btn-portfolio-web {
	background: url(../Image/Portfolio/Menu-portfolio.png) -600px  0px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200003;
	top:0px;
	left:633px;
	position:absolute;
}

#btn-portfolio-product {
	width: 275px;
	height:81px;
	z-index:200005;
	top:0px;
	left:932px;
	position:absolute;
}

#btn-portfolio-product2 {
	width: 275px;
	height:81px;
	z-index:200006;
	top:0px;
	left:932px;
	position:absolute;
}

.btn-portfolio-product-over{
	background: url(../Image/Portfolio/Menu-portfolio.png) -899px  -102px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200004;
	top:0px;
	left:932px;
	position:absolute;
}

.btn-portfolio-product {
	background: url(../Image/Portfolio/Menu-portfolio.png) -899px  0px  no-repeat;
	width: 285px;
	height:94px;
	z-index:200003;
	top:0px;
	left:932px;
	position:absolute;
}

.portfolio-art-monitor {
	background: url(../Image/Portfolio/Wacom-Art-LOS.png) 0px  0px  no-repeat;
	width: 1250px;
	height:698px;
	z-index:3;
	top:0px;
	left:0px;
	position:absolute;
}

.wacom-showcase-1 {
	width: 523px;
	height:448px;
	z-index:5;
	top:98px;
	left:56px;
	position:absolute;
}
.wacom-showcase-2 {
	width: 523px;
	height:448px;
	z-index:4;
	top:98px;
	left:56px;
	position:absolute;
}


#btn-wacom-showcase-1 {
	background-color:#313131;
	width: 23px;
	height:6px;
	z-index:200;
	top:530px;
	left:507px;
	position:absolute;
}

#btn-wacom-showcase-2 {
	background-color:#269ae5;
	width: 23px;
	height:6px;
	z-index:200;
	top:530px;
	left:543px;
	position:absolute;
}

#portfolio-art-website {
	font-family: Korataki;
	color:#28a0ee;
	font-size:13px;
	text-shadow: 3px 3px 5px #000000;
	width: 456px;
	height: 47px;
	z-index:10;
	top:249px;
	left:786px;
	position:absolute;
}

.portfolio-art-creator {
	font-family: tahoma;
	color:#ffffff;
	font-size:14px;
	text-shadow: 2px 2px 5px #000000;
	width: 143px;
	height: 100px;
	z-index:10;
	top:272px;
	left:630px;
	position:absolute;
	text-align:right;
	line-height:29px;
}

.portfolio-art-date {
	font-family: tahoma;
	color:#4295cb;
	font-size:14px;
	text-shadow: 2px 2px 5px #000000;
	width: 451px;
	height: 37px;
	z-index:10;
	top:275px;
	left:785px;
	position:absolute;
	line-height:22px;
}

.portfolio-art-creator-name {
	font-family: tahoma;
	color:#ffffff;
	font-size:14px;
	text-shadow: 2px 2px 5px #000000;
	width: 321px;
	height: 74px;
	z-index:10;
	top:304px;
	left:785px;
	position:absolute;
	line-height:22px;
}

.portfolio-art-creator-position {
	font-family: tahoma;
	color:#ffffff;
	font-size:14px;
	text-shadow: 2px 2px 5px #000000;
	width: 179px;
	height: 73px;
	z-index:10;
	top:304px;
	left:966px;
	position:absolute;
	line-height:22px;
}

.portfolio-art-description {
	font-family: Mental-bold;
	color:#ffffff;
	font-size:32px;
	text-shadow: 2px 2px 5px #000000;
	width: 964px;
	height: 406px;
	z-index:10;
	top:641px;
	left:265px;
	position:absolute;
	line-height:47px;
	text-align:justify;
}


.BG-Art-Gallery {
	background: url(../Image/Portfolio/BG-Art-Gallery.png) 0px  0px  no-repeat;
	width: 1250px;
	height:459px;
	position:relative;
}


.BG-Art-thumb {
	width: 1250px;
	height:698px;
	z-index:3;
	top:0px;
	left:0px;
	position:absolute;
}

.BG-Art-thumb:hover {
	border-bottom:solid #000000 2px;
	opacity: 0.7;
	filter:alpha(opacity=7);
}


.BG-Game-Portfolio {
	background: url(../Image/Portfolio/BG-Game.jpg) 0px 0px no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;
	position:relative;
}


.BG-Game-Portfolio-Wrap {
	background: url(../Image/Portfolio/BG-Game.jpg) -435px 0px no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 2215px;
}


.portfolio-game-monitor {
	background: url(../Image/Portfolio/Wacom-Game-LOS.png) 0px  0px  no-repeat;
	width: 1250px;
	height:750px;
	z-index:3;
	top:0px;
	left:0px;
	position:absolute;
}

.portfolio-game-description {
	font-family: Mental-bold;
	color:#ffffff;
	font-size:28px;
	text-shadow: 2px 2px 5px #000000;
	width: 904px;
	height: 393px;
	z-index:10;
	top:677px;
	left:281px;
	position:absolute;
	line-height:46px;
	text-align:justify;
}

.BG-Game-Video {
	background: url(../Image/Portfolio/BG-Game-Video.png) 0px  0px  no-repeat;
	width: 1250px;
	height:739px;
	position:relative;
	margin-top:25px;
}

.Game-Video-youtube {
	width: 1248px;
	height:703px;
	z-index:3;
	top:34px;
	left:1px;
	position:absolute;
}


.box-product-content {
	width: 1250px;
	height:1000px;
	position:relative;
	margin-top:4px
}


#portfolio-product-3d-burn-apple {
	font-family: tahoma;
	color: #28a0ee;
	font-size: 17px;
	text-shadow: 3px 3px 5px #000000;
	width: 459px;
	height: 42px;
	z-index: 10;
	top: 264px;
	left: 792px;
	position: absolute;
}

#portfolio-product-3d-burn-android {
	font-family: tahoma;
	color: #28a0ee;
	font-size: 13px;
	text-shadow: 3px 3px 5px #000000;
	width: 459px;
	height: 29px;
	z-index: 10;
	top: 286px;
	left: 792px;
	position: absolute;
}

.description-3dburn-section1 {
	font-family: Mental-bold;
	color: #ffffff;
	font-size: 28px;
	text-shadow: 2px 2px 5px #000000;
	width: 967px;
	height: 213px;
	z-index: 10;
	top: 957px;
	left: 253px;
	position: absolute;
	line-height: 46px;
	text-align: justify;
}

.description-3dburn-section2 {
	font-family: Mental-bold;
	color: #ffffff;
	font-size: 28px;
	text-shadow: 6px 6px 8px #000000;
	width: 804px;
	height: 214px;
	z-index: 10;
	top: 1308px;
	left: 31px;
	position: absolute;
	line-height: 46px;

}

.description-3dburn-section3 {
	font-family: Mental-bold;
	color: #ffffff;
	font-size: 28px;
	text-shadow: 6px 6px 8px #000000;
	width: 1202px;
	height: 214px;
	z-index: 10;
	top: 1892px;
	left: 29px;
	position: absolute;
	line-height: 46px;

}

.BG-Product-Portfolio {
	background: url(../Image/Portfolio/Product/BG-Product.jpg) 0px 0px no-repeat;
	background-color:#030a1a;
	background-position:center top;
	margin:auto;
	width:100%;
	position:relative;
}


.BG-Product-Portfolio-Wrap {
	background: url(../Image/Portfolio/Product/BG-Product.jpg) -435px 0px no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 2215px;
	background-color:#030a1a;
}

.BG-Product-Gallery {
	background: url(../Image/Portfolio/Product/BG-Product-Gallery.png) 0px  0px  no-repeat;
	width: 1250px;
	height:459px;
	position:relative;
}

.box-news-content {
	width: 1250px;
	height:1000px;
	position:relative;
	margin-top:4px;
	padding:56px 0 0 34px;
}

.box-news {
	margin:0 16px 16px 0;
	width:582px;
	height: 495px;
	float:left;
	box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.5);
}

.box-news:hover {
	opacity: 0.9;
	filter:alpha(opacity=90);
}

/*------------------------------------------------------------------------------
                                     publication
------------------------------------------------------------------------------*/


.box-publication-content {
	width: 1250px;
	height:1000px;
	position:relative;
	margin-top:4px;
	padding:56px 0 0 0;
}


.box-publication-content-up {
	width: 1210px;
	height:1000px;
	z-index:80000;
	top:0px;
	left:0px;
	position:absolute;
	padding-left:40px;
}

.BG-publication {

	background-position:center top;
	margin:auto;
	width:100%;
	position:relative;
}


.BG-publication-Wrap {

	position:relative;
	margin:auto;
	width:1250px;
	height: 2715px;

}


.box-publication {
	margin:0 16px 16px 0;
	width:582px;
	height: 550px;
	float:left;
}

.box-publication:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.BG-join {
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.BG-join-Wrap {
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height:650px;
}

.BG-join-slogan {
	background: url(../Image/Background/BG-join.png) no-repeat;
	width: 1250px;
	height:276px;
	z-index:400;
	top:140px;
	left:0px;
	position:absolute;
}

.join-detail {
	width: 1241px;
	height:80px;
	z-index:400;
	top:464px;
	left:5px;
	position:absolute;
	font-family: Mental-book;
	font-size:32px;
	color:#FFFFFF;
	line-height:55px;
	text-align:center;
	letter-spacing: 1.5px;
	overflow: hidden; /* Ensures the content is not revealed until the animation */
	white-space: nowrap; /* Keeps the content on a single line */
	margin: 1 auto; /* Gives that scrolling effect as the typing happens */
	letter-spacing: 2px; /* Adjust as needed */
	text-shadow: 2px 2px 4px #000000;
}

#bgVideo  {
	position:fixed;
	min-width: 100%;
    min-height: 50%;
	filter:blur(5px);
}

.bottomX {
	background:url(../Image/Background/effect.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: fixed;
	bottom: 0%;
	margin: auto;
	width: 100%;
	height: 1000px;
	z-index: 1;	

}

/*------------------------------------------------------------------------------
                                     WORKSHOP
------------------------------------------------------------------------------*/

.BG-3D-Workshop {
	background: url(../Image/Workshop/BG-3D-Workshop.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.BG-3D-Workshop-Wrap {
	background: url(../Image/Workshop/BG-3D-Workshop.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 730px;
}

#btn-GSAS {
	background: url(../Image/Background/icon-GSAS.png) no-repeat;
	width: 323px;
	height:114px;
	z-index:400;
	top:189px;
	left:467px;
	position:absolute;
}

.Bar-move-workshop {
	background: url(../Image/Founder/Bar-move.png) repeat-x;
	width: 100%;
	height: 55px;
	z-index:100;
	top:0px;
	left:0px;
	position:absolute;
}



.BG-Website-Portfolio {
	background: url(../Image/Portfolio/Website/BG-Website.jpg) 0px 0px no-repeat;
	background-color:#030a1a;
	background-position:center top;
	margin:auto;
	width:100%;
	position:relative;
}


.BG-Website-Portfolio-Wrap {
	background: url(../Image/Portfolio/Website/BG-Website.jpg) -435px 0px no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 2715px;
	background-color:#030a1a;
}



.BG-3D-Workshop-Detail {
	background: url(../Image/Workshop/BG-3D-Workshop-Detail.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.BG-3D-Workshop-Detail-Wrap {
	background: url(../Image/Workshop/BG-3D-Workshop-Detail.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	position:relative;
	margin:auto;
	width:1250px;
	height: 1680px;
}


.BG-Detail-Box {
	width:976px;
	height: 1660px;
	z-index:1;
	top:123px;
	left:139px;
	position:absolute;
}

.Detail-thumb {

	width:976px;
	height: 84px;
	margin-bottom:10px;
}

.end-course {
	background-color:#000000;
	opacity: 0.5;
	filter:alpha(opacity=50);
}

.Detail-thumb-hover {

	border: #f6d222 solid 4px;
	margin-top:-5px;
}

.thumb-number {
	font-family: Mental-bold;
	font-size:40px;
	color:#f6d123;
	text-align:center;
	width:117px;
	height: 82px;
	padding:18px 0 0 3px;
}


.Header-schedule {
	color:#ffffff;
	font-family: Korataki;
	font-size:20px;
}

.number-schedule {
	font-family: Mental-bold;
	font-size:29px;
	color:#ffffff;
}

.date-schedule {
	font-size:12px;
	color:#ffff00;
}

.work-schedule {
	font-family: Mental-bold;
	font-size:21px;
	color:#ffffff;
}

.name-schedule {
	font-family: Mental-bold;
	font-size:30px;
	color:#ffffff;
}


.Final {
	font-family: Mental-bold;
	font-size:30px;
	color:#04aefd;
}

.fullname-schedule {
	font-size:19px;
	color:#ffffff;
	text-indent:5%;

}


/*--------------------------------------------------------------------------------
                                     C O N T A C T
---------------------------------------------------------------------------------*/

.BG-Contact {
	background: url(../Image/Contact/BG-contact.jpg);
	background-color:#070e27;
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	width:100%;

}

.BG-Contact-Wrap {
	background: url(../Image/Contact/BG-contact.jpg) -435px 0px no-repeat;
	background-repeat:no-repeat;
	background-color:#070e27;
	position:relative;
	margin:auto;
	width:1250px;
	height: 1225px;
}

.contact-form-border {
	background: url(../Image/Contact/contact-form-border.png) no-repeat;
	width: 1034px;
	height:881px;
	z-index:4;
	top:156px;
	left:110px;
	position:absolute;
}

.contact-form-border2 {
	background: url(../Image/Contact/contact-form-border2.png) no-repeat;
	width: 1034px;
	height:881px;
	z-index:4;
	top:100px;
	left:110px;
	position:absolute;
}

.contact_heading1 {
	font-family: Rogan-Medium;
	text-shadow: 5px 5px 9px #000000;
	color:#FFFFFF;
	font-size:36px;
	text-align:center;
	letter-spacing:0.5px;
	width: 989px;
	height:80px;
	z-index:4;
	top:289px;
	left:134px;
	position:absolute;
}

.contact_heading2 {
	font-family: Mental-book;
	text-shadow: 5px 5px 9px #000000;
	color:#FFFFFF;
	font-size:29px;
	text-align:center;
	letter-spacing:1.2px;
	width: 989px;
	height:48px;
	z-index:4;
	top:346px;
	left:136px;
	position:absolute;
}

.contact_heading3 {
	font-family: Mental-book;
	text-shadow: 3px 3px 7px #000000;
	color:#FFFFFF;
	font-size:22px;
	letter-spacing:0.9px;
	width: 369px;
	height:54px;
	z-index:4;
	top:708px;
	left:726px;
	position:absolute;
}

.contact-form {
	background: url(../Image/Contact/contact-form.png) no-repeat;
	width: 1034px;
	height:881px;
	z-index:100;
	top:156px;
	left:110px;
	position:absolute;
}

.btn-send-message {
	width: 351px;
	height:60px;
	z-index:9001;
	top:829px;
	left:452px;
	position:absolute;
}

.bg-send-message {
	background: url(../Image/Contact/Send-message.png) 0px 0px no-repeat;
	width: 426px;
	height:98px;
	z-index:3;
	top:829px;
	left:415px;
	position:absolute;
}

.bg-send-message-active {
	background: url(../Image/Contact/Send-message.png) -427px 0px no-repeat;
	width: 426px;
	height:98px;
	z-index:3;
	top:829px;
	left:415px;
	position:absolute;
}

#btn-refresh {
	background: url(../Image/Contact/icon-refresh.png) 0px 0px no-repeat;
	width: 37px;
	height:37px;
	z-index:9005;
	top:655px;
	left:971px;
	position:absolute;
}

.alert-contact {
	width: 900px;
	height:68px;
	top:751px;
	left:182px;
	position:absolute;
	z-index:5;
	text-align:center;
}

.icon-loading {
	text-shadow: 2px 2px #000000;
	width: 68px;
	height:64px;
	top:732px;
	left:596px;
	position:absolute;
	z-index:5;
}

.contact-notice {
	font-family: Orbitron;
	color:#FFFFFF;
	font-size:19px;
	text-align:center;
	letter-spacing:1.2px;
	padding:10px 5px 10px 5px;
	width: 1224px;
	height:157px;
	z-index:9200;
	top:1045px;
	left:8px;
	position:absolute;
	border: solid 1px #021a36;
	line-height:32px;
	text-shadow: 2px 2px 5px #000000;
}



.rotate {
  animation: rotation 3s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}




.message-complete {
	background: url(../Image/Contact/message-complete.png) 0px 0px no-repeat;
	width: 1240px;
	height:700px;
	top:170px;
	left:5px;
	position:absolute;
	z-index:500px;
	text-align:center;
}

.icon-arrow {
	background: url(../Image/Contact/icon-arrow.png) 0px 0px no-repeat;
	width: 25px;
	height:34px;
	z-index:3;
	top:659px;
	left:298px;
	position:absolute;
}

.form-name {
	width:324px;
	height:51px;
	z-index:9001;
	top:420px;
	left:297px;
	position:absolute;
}

.form-email {
	width:324px;
	height:51px;
	z-index:9001;
	top:420px;
	left:634px;
	position:absolute;
}

.form-orange {
	font-family: Mental-bold;
	text-indent:17px;
	color:#000000;
	font-size:31px;
	outline:0;
	width:324px;
	height:51px;
	background-color:#e49a0a;
	border:0px;
}

.form-message {
	width:661px;
	height:138px;
	z-index:9001;
	top:502px;
	left:297px;
	position:absolute;
}

.form-white {
	font-family: Mental-bold;
	color:#000000;
	font-size:31px;
	outline:0;
	width:661px;
	height:138px;
	background-color:#ffffff;
	border:0px;
	padding:5px 17px 5px 17px;
}

.block-form {
	width:33px;
	height:40px;
	z-index:9002;
	top:607px;
	left:932px;
	position:absolute;
}

.mark_contact_msg{
	width:891px;
	height:592px;
	z-index:9102;
	top:372px;
	left:159px;
	position:absolute;
}

.captcha {
	font-family: Korataki;
	font-size:30px;
	color:#FFFFFF;
	text-shadow: 2px 2px 4px #000000;
	width:184px;
	height:45px;
	z-index:9001;
	top:654px;
	left:360px;
	position:absolute;
}

.form-code {
	width:230px;
	height:35px;
	z-index:9001;
	top:656px;
	left:727px;
	position:absolute;
}

.form-gray {
	font-family: Mental-bold;
	text-align:center;
	color:#ffffff;
	font-size:24px;
	outline:0;
	width:230px;
	height:35px;
	background-color:#101010;
	border:0px;
}

#btn_top {
  background: url(../Image/Background/arrow_up.png) 0px 0px no-repeat;
  position: fixed;
  bottom: 15;
  right: 15;
  width: 66px;
  height: 66px;
  z-index:100000000;
}




/*------------------------------------------------------------------------------
                                 S I T E M A P
------------------------------------------------------------------------------*/

.sitemap-box {
	text-align:center;
	padding-top:200px;
	background: url(../Image/Contact/contact-form-border.png) no-repeat;
	width: 1034px;
	height:881px;
	z-index:100000000000;
	top:156px;
	left:110px;
	position:absolute;
}

.sitemap-box a {
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	line-height:30px;

}

.sitemap-text {
	font-family: Korataki;
	color:#0066FF;
	font-size:30px;
}

/*------------------------------------------------------------------------------
                                             C G
------------------------------------------------------------------------------*/

.link-box {
	text-align:left;
	padding-top:200px;
	width: 1034px;
	height:881px;
	z-index:100000000000;
	top:-50px;
	left:280px;
	position:absolute;
}

.head-cg-text {
	font-family: Korataki;
	color:#0066FF;
	font-size:30px;
}

.link-box a:hover , .link-box a:active {
	color:#FFFFFF;
	font-size:19px;
	text-decoration:none;
	line-height:35px;
	font-weight:bold;
}

.link-box a:link , .link-box a:visited {
	color:#FFFFFF;
	font-size:19px;
	text-decoration:none;
	line-height:35px;
}


/*------------------------------------------------------------------------------
                                  Z O O M   F A N C Y
------------------------------------------------------------------------------*/

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	/*background-image: url(../Image/Background/About-BG-Founder.png) ;*/
	/*background-repeat: no-repeat;*/
	
	background: url(../Image/Background/Gallery-BG.png) repeat-x;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 11px;
	   -moz-border-radius: 11px;
	        border-radius: 11px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	filter:alpha(opacity=8);
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url(../Image/Background/ajax-loader.gif) center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url(../Image/Background/zoom/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 108011;
	background: url(../Image/Background/bg-overlay.png);
	background-repeat:repeat;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #000000;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #000000;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #000000;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

.pp_description {
		color:#783e00;
		text-align:center;
}

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 108050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 2px;
	opacity: 0.8;
	filter:alpha(opacity=8);
}

#fancybox-thumbs ul li.active {
	opacity: 1;
	filter:alpha(opacity=100);
	padding: 0;
	border: 3px solid #062240;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}