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

body{
	margin:0;
	color:#727172;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:medium;
}

img{
	behavior: url("js/iepngfix.htc");
}

a{
	color:#727172;
	text-decoration:none;
}

p{
	font-size:0.6875em;
	line-height:1.5em;
	margin:0;
	padding:0;
}

.infotext{
	font-size:0.75em;
	line-height:1.5em;
	margin:0 0 5px 0;
	display:block;
}

.teltext{
	font-size:0.75em;
	line-height:1.5em;
	margin:10px 0 5px 0;
	display:block;
}


p a:hover, .infotext a:hover{
	/*color:#515151;*/
	color:#469ea2;
}

.text{
	bottom:20px;
	right:0;
	z-index:2;
	position:absolute;
}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-weight:normal;
}

h1{
	font-size:2.5em;
	margin-bottom:25px;
}

h1 img{
	margin-bottom:5px;
}

h3{
	font-size:0.75em;
	margin:5px 0 0 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

h4{
	font-size:0.685em;
	margin:5px 0 0px 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold
}

h5{
	font-size:0.75em;
	margin:5px 0 0px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	display:inline;
}

h6{
	font-size:0.6875em;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight:bold;
}

b{
	font-size:0.75em;
	margin:5px 0 5px 3px;
	font-weight:normal;
	display:block;
}

.index{
	padding-top:10px;
	position:relative;
	height:500px;
	border-bottom: 1px solid #727172;
}

.coming_soon{
	text-align:center;
	padding:238px 0;
	vertical-align:middle;
}

#main{
	width:940px;
	margin:0 auto;
}

#header{
	height:100px;
	clear:both;
}

.row{
	clear:both;
}

#logo{
	float:left;
	width:340px;
	height:104px;
}

#menu{
	float:right;
	width:600px;
	/*background:url(../images/point.png) repeat-x bottom;*/
}

#menu ul{
	height:47px;
	padding:0;
	margin:0;
}

#menu ul li{
	list-style:none;
	float:left;
	padding:0;
}

#menu li a{
	font-size:1em;
	color:#727172;
}

#centent{
	height:31.875em; /*510px*/
	clear:both;
}

#template1{
	padding:40px 0 0 0;
	height:29.375em; /*470px*/
	position:relative;
}

#template1 .text{
	width:18.75em; /* 300px */
}

.leftcol{
	width:8.75em; /*140px*/
	float:left;
}

.rightcol{
	width:10em; /*160px*/
	float:right;
}

#template2{
	padding:40px 0 0 0;
	/*background:url(../images/point.png) repeat-x bottom ;*/
	border-bottom:1px solid #727172;
	height:29.375em; /*470px*/
	position:relative;
}

.arrowleft{
	width:60px;
	position:absolute;
	top:190px;
	left:0px;
}

.arrowright{
	width:60px;
	position:absolute;
	top:190px;
	right:-80px;
	text-align:right;
}

.inside{
	width:780px;
	float:left;
	padding:0 0 0 80px;
	position:relative;
}

#template2 .title{
	margin-top:0px;
	padding-bottom:40px;
}

#template2 .photo{
	width:540px;
	float:left;
	margin-right:20px;
	padding-top:20px;
	display:none;
	text-align:center;
}

#template2 .photo2{
	width:119px;
	float:left;
	margin:50px 13px 0 0;
	cursor:pointer;
	display:none;
}

#template2 .photo4{
	width:145px;
	float:left;
	margin-right: 13px;
	display:none;
}

#template2 .info{
/*	height:119px;*/
	margin:5px 1px 0 1px;
	display:block;
}

#template2 .photo6{
	width:190px;
	height:200px;
	margin:70px 15px 0 0;
	float:left;
	position:relative;
}

#template2 .photo6 .new{
	position:absolute;
	top:3px;
	right:-4px;
	width:57px;
	height:55px;
}

#template2 .photo6 a .kind{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	display:block;
	margin:5px 0 0 0;
	font-size:0.75em;
	color:#62CAD2;
}

#template2 .photo6 a .cateTitle{
	color:#727172;
	font-size:0.8125em;
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin:5px 0 0 0;
	line-height:1.4em;
	display:block;
}

.blue{
	color:#62CAD2;
	font-size:1em;
	display:block;
}

.blue a{
	color:#62CAD2;
}

.blue a:hover{
	color:#1EB1BE;
}

.gray{
	color:#727172;
	font-size:1em;
	display:block;
}

.imgtext{
	color:#727172;
	font-size:0.8125em;
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin:2px 0;
	display:block;
}

.imgtext2{
	color:#727172;
	font-size:0.625em;
 	font-family: Georgia, "Times New Roman", Times, serif;
}

.inside a img{
	border:1px solid #C9CACA;
	margin:2px;
}

.inside a:hover img{
	border:2px solid #62CAD2;
	margin:1px;
}

.arrowleft a img, .arrowright a img{
	border:none;
	margin:0;
}

.arrowleft a:hover img, .arrowright a:hover img{
	border:none;
	margin:0;
}
	
/*a:hover .info{
	background-color:#000000;
}*/

#template2 .photo3{
	width:113px;
	float:left;
	cursor:pointer;
	display:none;
	margin:50px 0 0 0;
}

#template2 .photo5{
	width:145px;
	float:left;
	display:none;
}

#template2 .textbox{
	width:220px;
	height:25.625em; /*410px*/
	float:left;
	position:relative;
}

#template2 .page{
	font-size:1.375em;
	bottom:10px;
	left:80px;
	position:absolute;
}

#template2 .allpage{
	font-size:1.375em;
	bottom:10px;
	left:100px;
	position:absolute;
}

#template2 .page2{
	padding-top:30px;
	font-size:1.375em;
	clear:both;
}

#template2 .text{
	width:220px;
	bottom:0;
	display:none;
}

#template2 p{
	margin-left:3px;
}

#template3{
	padding:40px 0 0 0;
	height:29.375em; /*470px*/
	position:relative;
}

#template3 .text{
	top:160px;
	width:18.4375em;
}

#template3 h1{
	margin:0 0 15px 0;
}

.slider1{
	width: 14px;
	position:absolute;
	cursor:pointer;
}

.indicator{
	overflow:hidden;
	width:14px;
	height:60px;
	position:absolute;
	/*background:url(../images/scroll-bar.gif) no-repeat left top;*/
	z-index:3;
}

.scroll{
	width:200px;
	height:190px;
	position:relative;
	overflow:hidden;
	padding:0;
}

.scroll-content{
	position:absolute;
}

.contact-list{
	margin:0 0 10px 0;
}

.contact-list h3{
	font-size:0.9375em;
	margin:0 0 5px 0;
	font-weight:bold;
}

.blueline{
	border-top:1px solid #62CAD2;
	width:30px;
	line-height:70%;
}

.textbox b{
	font-weight:normal;
	font-size:0.75em;
	margin:0 0 2px 2px;
}

.topline{
	/*padding-top:1px;*/
	/*background:url(../images/point.png) repeat-x top;*/
	border-top:1px solid #727172;
}

.underline{
	/*padding-bottom:1px;*/
	/*background:url(../images/point.png) repeat-x bottom;*/
	border-bottom: 1px solid #727172;
}

.hidden{
	display:none;
}

.contact{
	margin-bottom:10px;
}

.contact br{
	line-height:50%;
}

.contactinfo{
	font-size:0.6875em;
	margin-bottom:10px;
}

.note{
	font-size:0.6875em;
	font-weight:bold;
	margin:5px 0 0 0;
}

.bubble{
	position:absolute;
	right:172px;
	bottom:-94px;
	width:121px;
	height:76px;
}

#footer{
	color:#727172;
	height:10px;
	padding-top:10px;
	font-size:0.5625em;
	clear:both;
}

#footer a{
	color:#727172;
}

#footer a:hover{
	color:#515151;
}

/*--------- slide ---------------------------------*/

.csw {width: 780px; height: 470px; overflow:hidden;}
.csw .loading {margin: 235px auto 0 auto; text-align: center}
.csw .loading2 {margin: 100px auto 0 auto; text-align: center}

.stripViewer { 
	position: relative;
	overflow:hidden; 
	width: 820px;
	clear: both;
}
		
.stripViewer .panelContainer {
	position: relative;
	left: 0; top: 0;
	width: 100%;
}
		
.panel {
	float:left;
	overflow:hidden;
	width: 820px;
	display:none
}

.panel1{
	float:left;
	overflow:hidden;
	width: 210px;
	display:none;
}

.stripNav{
	display:none;
}

.blue11px{
	font-size:0.6875em;
	color:#62CAD2;
	font-weight:bold;
}

.headTitle{
	width:170px;
	float:left;
}

.headMenu{
	width:600px;
	margin:0 0 20px 0;
}

.headMenu .current{
	color:#515151;
}

.headMenu a{
	color:#B1B2B4;
	font-weight:bold;
	margin:0 20px 0 0;
	font-size:0.75em;
}

.headMenu a:hover{
	/*color:#515151;*/
	color: #62CAD2;
}

.col{
	/*width:160px;*/
	width:190px;
	margin:0 20px 0 0;
}

.col strong{
	margin:0 0 15px 0;
	display:block
}

.col i{
	font-weight:bold;
	font-size:0.75em;
	display:block;
	margin: 0 0 5px 0;
}

.col p{
	/*line-height:1.7em;*/
}

.col h3{
	font-weight:bold;
	margin:10px 0 5px 0;
}

.col .web{
	font-size:0.625em;;
	margin:2px 0 0 0;
}

.web a{
	color:#B1B2B4;
	font-style:italic;
}

.web a:hover{
	color:#515151;
}

.login{
	width:100%;
	padding:120px 0 0 290px;
	font-size:0.8125em;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

form{
	padding:0;
	margin:20px 0 0 0;
}

.login form{
	border:1px solid #727172;
	text-align:left;
	width:200px;
	margin:0;
	padding:40px 20px 0px 20px;;
}

.login form h2{
	font-style:normal;
	font-size:200%;
}

.login .input{
	width:180px;
	color:#727172;
	padding:0 0 0 10px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}

.login div{
	margin:0 0 10px 0;
}

.input_text{
	padding:2px;
	width:160px;
	height:10px;
	margin-top:5px;
	color:#469ea2;
	font-size:11px;
	border:none;
}

.login #pwinput2{
	display:none;
}

.login a img, .login a:hover img{
	border:none;
	padding:0;
	margin:0;
}

.button{
	background:url(../images/send.gif) no-repeat;
	width:30px;
	height:17px;
	border:none;
	cursor:pointer;
}

.button2{
	background:#62CAD2;
	color:#FFFFFF;
	width:60px;
	height:25px;
	border:none;
	cursor:pointer;
	margin:0 0 10px 0;
	font-family:Verdana, Helvetica, Arial, sans-serif;
}