body {
	FONT-SIZE: 10pt; COLOR: #000; FONT-FAMILY: "verdana","helvetica","arial","sans-serif";
 
}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
DIV,TH,TD {
	/*color:#000;rgb(0, 75, 196)*/
	FONT-SIZE: 10pt; COLOR:rgb(0, 0, 0); FONT-FAMILY: "verdana","helvetica","Tahoma"
}

A, A:visited{
	TEXT-DECORATION: none;
	color: #000;
}
A:hover {
	TEXT-DECORATION: none;
	color:#F60;
	
}
.df{
	FONT-SIZE: 11pt; FONT-FAMILY: "verdana","helvetica","Tahoma"	
}
.big {
	FONT-SIZE: 12pt; FONT-WEIGHT: bold; COLOR: #666; FONT-FAMILY: "Verdana", "Tahoma"	
}
.bigd a{
	FONT-SIZE: 12pt; FONT-WEIGHT: bold; COLOR: #fff; FONT-FAMILY: "Verdana", "Tahoma";
	  text-shadow: 1px 1px 1px #000000;
      text-transform: none;
}
.bigd a:hover, .bigd a:active
{
	color: #F60;
}
.med a{
	  FONT-WEIGHT: bold; COLOR: #fff; FONT-FAMILY: "Verdana", "Tahoma";
	  text-shadow: 1px 1px 1px #FFFFFF;
      text-transform: none;
}
.med a:hover, .med a:active
{
	color: #F0F;
}
.lb a{
	  color: #FFF;
	  text-shadow: 1px 1px 1px #000000;
      text-transform: none;
}
.lb a:hover, .lb a:active
{
	color: #F60;
}
.big2{
	FONT-SIZE: 11pt; FONT-WEIGHT: bold; COLOR: #666; FONT-FAMILY: "Tahoma"	
}
.big3 {
	FONT-SIZE: 11pt; FONT-WEIGHT: bold; COLOR: #ffffff; FONT-FAMILY: "Tahoma"	
}
.mm {
	FONT-SIZE: 7pt; COLOR: #666; FONT-FAMILY: "Verdana", "Tahoma"	
}
.mx {
	FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: "Verdana", "Tahoma"	
}
.mxs {
	FONT-SIZE: 11px; COLOR: #000; FONT-FAMILY: "Verdana", "Tahoma"	
}
.mj {
	FONT-SIZE: 9pt; COLOR: #fff; FONT-FAMILY: "Verdana", "Tahoma"	
}
.wrap{
	width: 780px;
	margin: auto;
	overflow: hidden;
	height:21px auto;
}
.item{
	margin: 10px 0;
	padding: 5px 10px;
	background: #f9f9f9;
	border-radius: 5px;
}
a{ text-decoration: none; color: #000}
h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.8em;
	text-align: center;
	margin: 15px 0;
}
h2{font-size: 1.5em; margin: 8px 0}
h2 span.name{font-size: 1em}
h2 span.num{font-size: 1.5em; font-style: italic}
.item p{text-transform: lowercase}

/*Loader style*/
.ias_loader, .ias_trigger {
	text-align:center;
	margin: 30px 0 40px;
}
.ias_trigger a:link,
.ias_trigger a:visited {
    padding: 4px 50px;

    background-color: #f9f9f9;
    border: solid 1px #ddd;
    border-radius: 2px;

    font: bold 12px Arial, sans-serif;
    color: #555;
    text-decoration: none;
}
.ias_trigger a:hover,
.ias_trigger a:active {
    border-color: #ccc;
}
.coner {
	border: solid 1px #eee; 
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	overflow:hidden;
}
.coners {
	border: solid 1px #eee; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	overflow:hidden;
}

#container { width:980px; margin:0px auto 0px; padding:0px; font-size:12px; margin-top:0px; }
.primary-links a {
  margin: 0;
  background-image: none;
  color: #fff;
  font-family: "Proxima Nova Bold", proxima-nova-1, proxima-nova-2, "Arial Bold", Arial, "Helvetica Nueue", Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1;
  text-indent: 0;
  text-shadow: 1px 1px 1px #000000;
  text-transform: none;
}
.pzz a {
  margin: 0;
  color: #666;
  font-family: "Proxima Nova Bold", proxima-nova-1, proxima-nova-2, "Arial Bold", Arial, "Helvetica Nueue", Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1;
  text-indent: 0;
  text-transform: none;
}
.pzz a:hover, .pzz a:active
{
	color: #300;
	background-image: none;
}
.primary-links a:hover, .primary-links a:active
{
	color: #99f4f9;
	background-image: none;
}
.scrollup{
    width:43px;
    height:40px;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('../img13/logo_f.png') no-repeat -3px -113px;
}
#sticky_navigation { width:142px; height:50px auto;}
.th, .en, #logo, .facebook, .twitter, .youtube, .google { background: url('../img/logo_f.png') no-repeat; }

.th { width: 26px; height: 26px; display:block; background-position: -4px -3px;}
.en { width: 26px; height: 26px; display:block; background-position: -34px -3px;}
#logo { width: 148px; height: 43px; background-position: -4px -67px;}
.facebook { width: 22px; height: 22px; display:block; background-position: -6px -40px;}
.twitter { width: 24px; height: 23px; display:block; background-position: -35px -39px;}
.youtube { width: 26px; height: 26px; display:block; background-position: -94px -39px;}
.google { width: 22px; height: 23px; display:block; background-position: -64px -40px;}

.f, .t, .g, .m, .mal, .pho, .log, .arrow-left, .arrow-left-2, .view, .view2, .comment1, .user, .poss, .pos, .vpos, .vpos2, .pos2, .tg, .care, .logout { background: url('../img/sprite.png') no-repeat; }
.f { width: 9px; height: 16px; display:block; background-position: -211px -510px;}
.t { width: 17px; height: 11px; display:block; background-position: -207px -536px;}
.g { width: 11px; height: 15px; display:block; background-position: -210px -557px;}
.m { width: 13px; height: 16px; display:block; background-position: -99px -235px;}
.mal { width: 14px; height: 10px; background-position: -328px -222px; float:left; margin-top:3px;}
.pho { width: 8px; height: 14px; background-position: -316px -220px; margin:0 auto; margin-top:2px; }
.log { width: 8px; height: 10px; background-position: -13px -61px; float:right; margin-top:1px;}
.logout { width: 15px; height: 16px; display:block; background-position: -99px -340px; float:right; margin-top:1px;}
.arrow-left { width: 8px; height: 16px; background-position: -313px -242px; margin-top:25px; margin-left:-7px; position:absolute;}
.arrow-left-2 { width: 9px; height: 16px; background-position: -312px -261px; margin-top:25px; margin-left:-8px; position:absolute;}
.view { width: 16px; height: 11px; background-position: -327px -157px; margin-top:0px;}
.view2 { width: 15px; height: 11px; display:inline-block; background-position: -76px -278px;margin-bottom:-2px; }
.comment1 { width: 16px; height: 12px; display:inline-block; background-position: -22px -486px; margin-bottom:-2px;}
.user { width: 16px; height: 12px; display:inline-block; background-position: -41px -432px; margin-bottom:-3px; }
.poss { width: 12px; height: 11px; display:inline-block; background-position: -276px -263px; margin-bottom:-2px; }
.pos { width: 12px; height: 13px; display:inline-block; background-position: -3px -755px; margin-bottom:-2px; }
.vpos { width: 15px; height: 15px; display:inline-block; background-position: -2px -791px; margin-bottom:-3px; }
.vpos2 { width: 15px; height: 14px; display:inline-block; background-position: -22px -791px; margin-bottom:-3px; }
.pos2 { width: 12px; height: 12px; display:inline-block; background-position: -23px -755px; margin-bottom:-2px; }
.tg { width: 12px; height: 10px; background-position: -455px -454px; margin-top:1px;}
.care { width: 320px; height: 116px; background-position: -79px -689px;}
.stimg
{
float:left;
height:50px;
width:50px;
border:solid 1px #dedede;
padding:3px;
}

@font-face {
  font-family: SketchRockwell;
  src: url('../HelveticaNeueCond.ttf');
}
.header {
  margin: 0;
  background-image: none;
  color: #ccc;
  font-family: SketchRockwell;
  font-size: 25px;
  line-height: 1;
  text-indent: 0;
  text-shadow: 1px 1px 1px #000000;
  text-transform: none;
}

.bar1, .bar2, .bar3, .bar4 { background: url('../img/bar.png') no-repeat; }
.bar1 { width: 26px; height: 45px; background-position: -15px -9px; }
.bar2 { width: 158px; height: 33px; background-position: -47px -12px }
.bar3 { width: 252px; height: 43px; background-position: -15px -56px }
.bar4 { width: 3px; height: 436px; background-position: -7px -9px; }

.intro { width:100%; height:146px; display:block; background:url('../img/front_11.png') top center no-repeat;}

.ca-menu{
    padding: 0;
    margin: 10px auto;
    width: 148px;
}
.ca-menu li{
    width: 148px;
    height: 30px;
    overflow: hidden;
    display: block;
    background: #eeeeee;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 3px;
    border-left: 5px solid #000;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
    -webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.ca-menu li:last-child{
    margin-bottom: 0px;
}
.ca-menu li a{
    text-align: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    position:relative;
}

.ca-content{
    position: absolute;
    left: 10px;
    width: 140px;
    height: 20px;
    top: 5px;
	font-family: 'Terminal Dosis', Arial, sans-serif;
}
.ca-main{
    font-size: 14px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
	font-family: 'Terminal Dosis', Arial, sans-serif;
}

.ca-menu li:hover{
    border-color: #fff004;
    background: #000;
}
.ca-menu li:hover .ca-main{
    color: #fff004;
    font-size: 15px;
}
.img{ width:191px; height:61px; }
.ca-menu li .img{
	position: absolute;
	z-index: 900; margin-top:-45px;
	margin-left:-150px;
	opacity: 0;
	-webkit-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-moz-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-o-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	-ms-transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	transition: left 0.4s ease-in-out, opacity 0.6s ease-in-out;
	visibility:hidden;
}
.ca-menu li:hover .img{
	margin-top:-45px;
	margin-left:150px;
	opacity: 1; 
	visibility: visible;
}