@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: Optima, Arial, Helvetica, sans-serif;
	src: url('optima.ttf') format('truetype');
}
* {
	margin: 0;
	padding: 0;
}
html {
	min-width: 900px;
}
body {
	background: url(../imgs/bg/bg.gif);
	font-family: Optima, Arial, Helvetica, sans-serif;
}
.container {
	width:900px;
	margin:0 auto;
}
/*------------ hearder------------*/
.header {
	margin-top: 10px;
	padding: 10px;
	background: url(../imgs/bg/trans.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-box-shadow: 0px 0px 15px #999;
    -webkit-box-shadow: 0px 0px 15px #999;
    box-shadow: 0px 0px 15px #999;
}
#header-left {
	width: 650px;
	float:left;
}
#header-right {
	width: 220px;
	float:right ;
}

.about {
	margin-top: 10px;
}
.partner {
	margin-top: 10px;
	padding: 10px;
	background: url(../imgs/bg/trans.png);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
    -moz-box-shadow: 0px 0px 15px #999;
    -webkit-box-shadow: 0px 0px 15px #999;
    box-shadow: 0px 0px 15px #999;
}
.inner {
	margin-top: 10px;
	background:#546585;
	border: 1px solid #FFF;
	padding: 10px;
}
#col1 {
	float:left;
	width:32%;
}
#col2 {
	float:left;
	width:33%;
	margin-left: 12px;
}
#col3 {
	float: right;
	width:32%;
}
.office {
	background: #546585;
	padding: 10px;
	color: #FFF;
}
#user1 {
	width:18%;
	float:left;
}
#user2 {
	width:17%;
	float:left;
	padding-left: 10px;
}
#user3 {
	width:17%;
	float:left;
	padding-left: 12px;
}
#user4 {
	width:24%;
	float:left;
	padding-left: 12px;
}
#user5 {
	width:18%;
	float:right;
}
.mail {
	background: #546585;
	padding: 10px;
	color: #FFF;
}
#user6 {
	width:40%;
	float:left;
}
#user7 {
	float:left;
	width:40%;
}
#user8 {
	width:19%;
	float:right;
}
.copyright {
	background:#F2E4CD;
	padding:5px 5px 5px 20px;
	color:#000;
}
.copyright a {
	color:#000;
	text-decoration:none;}
/* ----------- temp -------------------*/
#flag {
	float:right;
	width:100%;
	text-align:right;
}
#access {
}

#access h2 {
	text-align:center;
	color:#364C88;
}
#access h4 {
	color: #354877;
	text-align: center;
}
#access p {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	padding-left:20px;
}

/* ----------- class ------------------*/
.clearfix {
	clear: both;
}
.whitebox {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border:1px solid #FFF;
}
/* --------------- headding ---------------*/
h1 {
	font-size: 24px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 10px;
}
.about p {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #633C21;
	padding:5px;
	text-align:justify;
}
.partner h3 {
	text-align: left;
	color: #633C21;
}
.inner h2 {
	color:#FFF;
	text-align:center;
}
.inner p {
	color: #FFF;
	font-size:14px;
}
#col1 p {
	padding-top:4px;
}
#col2 h4 {
	color:#FFF;
}
#col2 p {
	font-size:12px;
}
#col3 p {
	padding-left: 30px;
}
.office h2{
	text-align:center;
	padding: 5px 0 5px 0;
}
.office p {
	font-size:12px;
	padding-left:10px;
}
.mail h2{
	text-align:center;
}
.mail p {
	font-size:12px;
}
img {
	border: 0;
}
/*------------ Slide Show --------------*/

.slideshowContainer {
	width: 650px;
	height: 360px;
	margin-bottom:5px;
}

.loading {
	background: url(imgs/loading.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #FFFFFF;
	-moz-box-shadow: 0px 0px 10px #CCC;
    -webkit-box-shadow: 0px 0px 15px #CCC;
    box-shadow: 0px 0px 15px #CCC;
	padding: 3px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 3px;
}

.current img {
	border: 1px solid #7F4525;
}

.outline {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #7F4525;
	z-index: 0;
	position: absolute;
}

#thumbnails img {
	margin-left: 5px;
}
/* --------------------- bounce ---------------------*/
.bounce {
	-moz-animation: bounce .40s linear; 
	-webkit-animation: bounce .40s linear;
    -webkit-animation-name: bounce;
    -webkit-animation-duration: 2000ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: bounce;
    -moz-animation-duration: 2000ms;
    -moz-animation-iteration-count: infinite;
    animation-name: bounce;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    }
.bouncing {
	text-align:center;
}
.bouncing:hover {
	-moz-animation: bounce .40s linear; 
	-webkit-animation: bounce .40s linear;
}
@-moz-keyframes bounce {
        0%{ -moz-transform:scale(1); opacity:0;}
        50%{ -moz-transform:scale(1.1); opacity:0.4; }
        75%{ -moz-transform:scale(0.9); opacity:0.7;}
        100%{ -moz-transform:scale(1); opacity:1;}
}

@-webkit-keyframes bounce {
        0%{ -webkit-transform:scale(1); opacity:0;}
        50%{ -webkit-transform:scale(1.1); opacity:0.4;}
        75%{ -webkit-transform:scale(0.9); opacity:0.7;}
        100%{ -webkit-transform:scale(1); opacity:1;}
}
/*------------ radius box -------------*/
.radius-box {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 8%, #dfd2c0 63%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#ffffff), color-stop(63%,#dfd2c0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( 	startColorstr='#ffffff', endColorstr='#dfd2c0',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
	border: 1px solid #FFFFFF;
}
.radius-shadow-box {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 8%, #dfd2c0 63%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,#ffffff), color-stop(63%,#dfd2c0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 8%,#dfd2c0 63%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( 	startColorstr='#ffffff', endColorstr='#dfd2c0',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 10px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	border: 1px solid #FFFFFF;
	-moz-box-shadow: 0px 0px 15px #999;
    -webkit-box-shadow: 0px 0px 15px #999;
    box-shadow: 0px 0px 15px #999;
}