/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
/*  body:
    background:url(../image/body-bg.gif) #1b1b1b;
    #6781cd
 */	

body { 
	background:url(../image/body-bg.gif) #1b1b1b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.125em;
	color:#9f9f9f;
}
html { min-width:980px;}
html, body { height:100%;}


/* Global Structure ============================================================= */

.container {
	font-size:.75em;
}

	/* Header */
	/*
	   background:url(../image/header-pattern.gif) #1f1f1f;
	   background:#e2eff7;
	 */
	header{
		overflow:hidden;
		background:#6781cd; /* title背景 */
		}
	
	/* Content */
	#content {
		
		}
		#content .top {
			background:#fff;
			padding:29px 0 35px 0;
			}
		#content .middle {
			border-top:6px solid #f4f4f4;
			background:#f9f9f9;
			padding:30px 0 50px 0;
			}
		#content .bottom {
			border-top:6px solid #171717;
			background:url(../image/content-pattern.gif) #212121;
			padding:30px 0 40px 0;
			color:#5c5c5c;
			}




/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
	}


::-moz-selection {
	background:#f24c15;
	color:#fff;
	}

::selection {
	background:#f24c15;
	color:#fff;
	}


/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:22px;
}
	.img-box figure { 
		float:left; 
		margin:4px 25px 0 3px;
		border:5px solid #fff;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		box-shadow:0 0 5px rgba(0, 0, 0, .1);
		-moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);
		-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1);
		}

.img-wrap {
	padding-bottom:18px;
	}
	.img-wrap figure {  
		margin:4px -3px 0 3px;
		border:5px solid #fff;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		box-shadow:0 0 5px rgba(0, 0, 0, .1);
		-moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);
		-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1);
		}

.extra-wrap { 
	overflow:hidden;
}

p {margin-bottom:1.5em;}

/*----- txt, links, lines, titles -----*/
a {
	color:#f24c15; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

@font-face {
	font-family: 'ColaborateThinRegular';
	src: url('../fonts/colabthi-webfont.eot');
	src: local('O'), url('../fonts/colabthi-webfont.woff') format('woff'), url('../fonts/colabthi-webfont.ttf') format('truetype'), url('../fonts/colabthi-webfont.svg#webfontBuy3ZjAx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateBoldRegular';
	src: url('../fonts/colabbol-webfont.eot');
	src: local('O'), url('../fonts/colabbol-webfont.woff') format('woff'), url('../fonts/colabbol-webfont.ttf') format('truetype'), url('../fonts/colabbol-webfont.svg#webfonti43fy0NT') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateRegular';
	src: url('../fonts/colabreg-webfont.eot');
	src: local('O'), url('../fonts/colabreg-webfont.woff') format('woff'), url('../fonts/colabreg-webfont.ttf') format('truetype'), url('../fonts/colabreg-webfont.svg#webfontdC3uTxCK') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CalibriBold';
	src: url('../fonts/calibrib-webfont.eot');
	src: local('O'), url('../fonts/calibrib-webfont.woff') format('woff'), url('../fonts/calibrib-webfont.ttf') format('truetype'), url('../fonts/calibrib-webfont.svg#webfontbOpCiIlZ') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1 {
	
}
h2 {
	font-size:36px;
	line-height:30px;
	color:#303030;
	font-weight:normal;
	font-family: 'ColaborateRegular';
	font-weight:normal;
	margin-bottom:.7em;
}
h2.narrow {
	letter-spacing:-1px;
	}
h3 {
	font-size:18px;
	line-height:1.2em;
	font-family: 'ColaborateRegular';
	font-weight:normal;
	margin-bottom:1em;	
}
h4 {
    font-size:18px;
    line-height:1.2em;
    color:#ff0000;
    font-family: 'ColaborateBoldRegular';
    font-weight:normal;
    margin-bottom:1em;  
}
h5 {
	
}
h6 {
	
}


.txt1 {
}
.txt2 {
}

.more {
	background:url(../image/arrow2.gif) no-repeat 100% 5px;
	padding-right:17px;
	font-weight:bold;
}
	

.button { 
	float:right;
}
	.button span { 
		display:block; 
		background:url(image/button-left.gif) no-repeat left top; 
		padding-left:3px;
	}
		.button span span { 
			background:url(image/button-right.gif) no-repeat right top;
			padding-right:4px;
			padding-left:0;
		}
			.button span span a { 
				display:block;
				background:#333743;
				padding:4px 5px 3px 5px;
				color:#fff;
				text-decoration:none;
				text-transform:uppercase;
			}
			.button span span a:hover { 
				text-decoration:underline;
			}

.line-hor { 
	background:#3a3c52;
	height:1px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:20px 0 20px 0;
}
.line-ver { 
	background-image:url(image/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}


/*==================boxes====================*/
.box {
	background:#fff;
	width:100%;
}
	.box .border-top {
		background:url(image/border-top.gif) repeat-x left top;
	}
	.box .border-bot {
		background:url(image/border-bot.gif) repeat-x left bottom;
	}
	.box .border-left {
		background:url(image/border-left.gif) repeat-y left top;
	}
	.box .border-right {
		background:url(image/border-right.gif) repeat-y right top;
	}
	.box .left-top-corner {
		background:url(image/left-top-corner.gif) no-repeat left top;
	}
	.box .right-top-corner {
		background:url(image/right-top-corner.gif) no-repeat right top;
	}
	.box .left-bot-corner {
		background:url(image/left-bot-corner.gif) no-repeat left bottom;
		}
	.box .right-bot-corner {
		background:url(image/right-bot-corner.gif) no-repeat right bottom;
		}
	.box .inner { 
		padding:0 0 0 0;
	}


.address { 
	float:left;
	}
	.address dt {
		margin-bottom:1.5em;
		}
	.address dd { 
		clear:both;
		text-align:right;
		}
		.address dd span { 
			float:left;
			padding-right:25px;
			}
		.address dd a {
			color:#06cbe2;
			}


.departments { 
	float:left;
	overflow:hidden;
	margin-top:-18px;
	}
	.departments dt {
		font-weight:bold;
		color:#f24c15;
		margin-top:18px;
		}
	.departments dd { 
		clear:both;
		text-align:right;
		}
		.departments dd span { 
			float:left;
			padding-right:25px;
			}



/*===== header =====*/
/*
 	background:url(../image/ryhhsisng-logo.gif) no-repeat 0 0;
 */
header h1 {
	padding:2px 0 0 38px;
	font-family: 'ColaborateThinRegular';
	font-size:26px;
	line-height:1.2em;
	color:#fff;
	font-weight:normal;
	float:left;
	}
		header h1 a {
			color:#fff;
			text-decoration:none;
			}
			header h1 strong {
				font-family: 'ColaborateBoldRegular';
				font-weight:normal;
				}


header nav {
	padding:7px 0 10px 0;
	}
	header nav ul {
		float:right;
		padding:2px 0 0 0;
		}
		header nav ul li {
			float:left;
			padding-left:4px;
			}
			header nav ul li a {
				position:relative;
				float:left;
				font-size:14px;
				color:#fff;
				text-decoration:none;
				font-family: 'ColaborateThinRegular';
				text-transform:uppercase;
				height:32px;
				line-height:32px;
				background-color:#4682b4;
				/*background-color:#181717;*/
				padding:0 36px 0 10px;
				border-radius:17px;
				-moz-border-radius:17px;
				-webkit-border-radius:17px;
				}
			header nav ul li a:hover,
			header nav ul li a.current {
				background-image: -moz-linear-gradient(top, #ee3c09, #b90a09); /* FF3.6 */
				background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ee3c09),color-stop(1, #b90a09)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6495ED', endColorstr='#4169E1'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6495ED', endColorstr='#4169E1')"; /* IE8 */
				}
			header nav ul li a:after {
				content:'';
				display:block;
				position:absolute;
				right:12px;
				top:13px;
				width:4px;
				height:7px;
				background:url(../image/arrow1.gif) no-repeat 0 0;
				}

/*===== content =====*/
#content {
	
}

	#gallery {
		float:center;
		width:582px;
		height:384px;
		}
		.pics {
		    left: 40px; 
			width:  582px; 
			height: 384px;
			padding: 0;  
			position:relative;
			margin:50px 0 0 36px;
			} 
			 
			.pics img {
				display:block !important;
				position:absolute;
				width:  495px; 
				height: 329px; 
				top:  0; 
				left: 0;
				border:5px solid #fff;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
				box-shadow:0 0 3px rgba(0, 0, 0, .2);
				-moz-box-shadow:0 0 3px rgba(0, 0, 0, .2);
				-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .2);
				} 
			
			.pics img:nth-child(2) {
				-moz-transform: rotate(2.5deg);  /* FF3.5+ */
        -o-transform: rotate(2.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(2.5deg);  /* Saf3.1+, Chrome */
				}
			.pics img:nth-child(3) {
				-moz-transform: rotate(-2.5deg);  /* FF3.5+ */
        -o-transform: rotate(-2.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(-2.5deg);  /* Saf3.1+, Chrome */
				}
			.pics img:nth-child(4) {
				-moz-transform: rotate(3.5deg);  /* FF3.5+ */
        -o-transform: rotate(3.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(3.5deg);  /* Saf3.1+, Chrome */
				}
			.pics img:nth-child(5) {
				-moz-transform: rotate(-3.5deg);  /* FF3.5+ */
        -o-transform: rotate(-3.5deg);  /* Opera 10.5 */
  			-webkit-transform: rotate(-3.5deg);  /* Saf3.1+, Chrome */
				}
			
			#prev {
				position:absolute;
				left:150px;
				top:174px;
				z-index:1;
				background:url(../image/prev.png) no-repeat 0 0;
				width:83px;
				height:45px;
				}
			#next {
				position:absolute;
				left:660px;
				top:174px;
				z-index:1;
				background:url(../image/next.png) no-repeat 0 0;
				width:83px;
				height:45px;
				}
	
	#intro {
		float:left;
		width:396px;
		}
		#intro .inner {
			padding:24px 0 0 14px;
			}
			#intro h2 {
				font-size:48px;
				color:#808080;
				line-height:40px;
				font-family: 'CalibriBold';
				font-weight:normal;
				margin-bottom:25px;
				}
				#intro h2 span {
					font-family: 'ColaborateThinRegular';
					color:#303030;
					display:block;
					}
			
			#intro .extra-button {
				display:inline-block;
				background:url(../image/extra-button.jpg) no-repeat 0 0;
				width:195px;
				height:73px;
				margin:15px 0 0 -10px;
				line-height:49px;
				font-size:18px;
				color:#fff;
				text-decoration:none;
				font-weight:bold;
				text-indent:30px;
				text-shadow:1px 1px 0 #a61607;
				}
			#intro .extra-button:hover {
				text-shadow:2px 2px 0 #a61607;
				}
	
	
	
	.categories {
		box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
		-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
		-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);
		border:1px solid #fff;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		background-image: -moz-linear-gradient(top, #fcfcfc, #f4f4f4); /* FF3.6 */
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f4f4f4),color-stop(1, #fcfcfc)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4')"; /* IE8 */
		margin-bottom:3px;
		}
		.categories li {
			border-bottom:1px solid #ebeae8;
			border-top:1px solid #fff;
			}
		.categories li:first-child {
			border-top:none;
			}
		.categories li:last-child {
			border-bottom:none;
			}
			.categories li a {
				position:relative;
				display:block;
				padding:12px 0 11px 20px;
				font-size:16px;
				color:#000;
				text-decoration:none;
				font-family: 'ColaborateThinRegular';
				font-size-adjust: 0.49;
				-moz-transition: all 0.2s ease-out;  /* FF3.7+ */
        -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
        -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
				}
			.categories li a:hover {
				background-image: -moz-linear-gradient(top, #ee3c09, #b90909); /* FF3.6 */
				background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ee3c09),color-stop(1, #b90909)); /* Saf4+, Chrome */
				filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909'); /* IE6,IE7 */
				-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909')"; /* IE8 */
				color:#fff;
				box-shadow:2px 2px 0 rgba(0, 0, 0, .1);
				-moz-box-shadow:2px 2px 0 rgba(0, 0, 0, .1);
				-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, .1);
				-webkit-border-top-right-radius: 20px;
				-moz-border-radius-topright: 20px;
				border-top-right-radius: 20px;
				-webkit-border-bottom-right-radius: 20px;
				-moz-border-radius-bottomright: 20px;
				border-bottom-right-radius: 20px;
				margin-right:-12px;
				}
	
	.image {
		
		}
		.image figure {
			border:5px solid #fff;
			border-radius:8px;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			float:left;
			box-shadow:0 0 5px rgba(0, 0, 0, .1);
			-moz-box-shadow:0 0 5px rgba(0, 0, 0, .1);
			-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .1);
			margin:5px 0 0 16px;
			}
		.image figure:first-child {
			margin-left:0;
			}
			.image figure img:hover {
				opacity:.7;
				-moz-transition: all 0.2s ease-out;  /* FF3.7+ */
        -o-transition: all 0.2s ease-out;  /* Opera 10.5 */
        -webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
				}
	
	
	
	#content .bottom h3 {
		color:#fff;
		}
	#content .bottom a.alt {
		color:#06cbe2;
		}
	
	.list1 li {
		padding-bottom:4px;
		}
		.list1 li a {
			color:#06cbe2;
			}
			.list1 li a:hover {
				color:#fff;
				text-decoration:underline;
				-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
        -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
        -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
				}
	
	.list2 li {
		padding-bottom:4px;
		}
		.list2 li a {
			color:#5c5c5c;
			text-decoration:none;
			}
			.list2 li a:hover {
				color:#fff;
				-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
				-o-transition: all 0.3s ease-out;  /* Opera 10.5 */
				-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
				}
	
	
	.list3 {
		padding-bottom:24px;
		}
	.list3 li {
		background:url(../image/arrow2.gif) no-repeat 0 7px;
		padding:0 0 6px 17px;
		}

/*===== footer =====*/
footer .container{
	color:#fff;
	font-size:16px;
	line-height:1.2em;
	padding:16px 0 16px 0;
	font-family: 'ColaborateThinRegular';
	}
	footer .copy {
		float:left;	
		}
		footer .copy a {
			color:#fff;
			text-decoration:none;
			}
		footer .copy a:hover {
			-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
			-o-transition: all 0.3s ease-out;  /* Opera 10.5 */
			-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
			color:#e83709;
			}
	
	footer .phone {
		float:right;
		font-style:normal;
		}
		footer .phone strong {
			font-family: 'ColaborateBoldRegular';
			font-weight:normal;
			color:#e83709;
			}
	


/*----- forms -----*/
#search-form {
	float:right;
	position:relative;
	}
	#search-form fieldset {
		border:none;
		}
		#search-form input[type=text] {
			background:#fff;
			width:195px;
			border:none;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			padding:4px 25px 5px 8px;
			box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;
			-moz-box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;
			-webkit-box-shadow:rgba(0, 0, 0, .2) 2px 2px 2px inset;
			background:url(../image/search-bg.gif) no-repeat 100% 7px #fff;
			}
		#search-form input[type=submit] {
			width:20px;
			height:20px;
			position:absolute;
			right:5px;
			top:0;
			border:none;
			background:none;
			cursor:pointer;
			}
			

#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
	display:block;
	line-height:16px;
}
	#contacts-form label {
		display:block;
		height:44px;
		overflow:hidden;
		text-indent:4px;
	}
		#contacts-form input {
			color:#fff;
			border:1px solid #444343;
			background:rgba(204, 204, 204, .05);
			padding:2px 0 2px 5px;
			width:210px;
			margin-left:3px;
		}
		#contacts-form input:focus {
			border-color:#fff;
		}
		#contacts-form textarea {
			color:#fff;
			border:1px solid #444343;
			background:rgba(204, 204, 204, .05);
			padding:2px 0 2px 5px;
			width:210px;
			overflow:auto;
			height:102px;
			margin-bottom:12px;
		}
		#contacts-form textarea:focus {
			border-color:#fff;
		}
		#contacts-form .link1 {
			float:right;
			margin-left:11px;
		}
			
			
			

/*==========================================*/
/*
    background:transparent url(../image/pattern.png) repeat-x bottom left;
    background:transparent url(../image/banner-bg.gif) repeat-x bottom left;
    
 */
.st_overlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    left:0px;
    background:transparent url(../image/pattern.png) repeat-x bottom left;
    opacity:0.3;
}
.st_main img.st_preview{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
}
ul.st_navigation{
    position:absolute;
    width:100%;
    top:180px;
    left:-300px;
    list-style:none;
}
ul.st_navigation li {
    float:left;
    clear:both;
    margin-bottom:8px;
    position:relative;
    width:100%;
}
ul.st_navigation li span.st_link{
    background-color:#000000;    
    float:left;
    position:relative;
    line-height:50px;
    padding:0px 20px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
ul.st_navigation li span.st_arrow_down{
    position:absolute;
    margin-left:15px;
    width:140px;
    height:50px;
    cursor:pointer;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
ul.st_navigation li span.st_arrow_up{
    position:absolute;
    margin-left:15px;
    width:140px;
    height:50px;
    cursor:pointer;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
}
ul.st_navigation li span.st_arrow_down{
    background:#000000 url(../icons/down.png) no-repeat center center;
}
ul.st_navigation li span.st_arrow_up{
    background:#000000 url(../icons/up.png) no-repeat center center;
}
.st_wrapper{
    display:none;
    position: absolute;
    width:100%;
    height:226px;
    overflow-y:hidden;
    top:50px;
    left:220px;
}
.st_thumbs{
    height:226px;
    margin: 0;
}
.st_thumbs img{
    float:left;
    margin:3px 3px 0px 0px;
    cursor:pointer;
    -moz-box-shadow:1px 1px 5px #000;
    -webkit-box-shadow:1px 1px 5px #000;
    box-shadow:1px 1px 5px #000;
    opacity:0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.st_loading{
    position:fixed;
    top:10px;
    right:0px;
    background:#000 url(../icons/loader.gif) no-repeat 10px 50%;
    padding:15px 40px 15px 60px;
    -moz-box-shadow:0px 0px 2px #000;
    -webkit-box-shadow:0px 0px 2px #000;
    box-shadow:0px 0px 2px #000;
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.st_about{
    display:none;
    position:absolute;
    top:50px;
    left:0px;
    opacity:0.6;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.st_subcontent{
    background:#ff0000;
    padding:30px;
    -moz-box-shadow:0px 0px 10px #000;
    -webkit-box-shadow:0px 0px 10px #000;
    box-shadow:0px 0px 10px #000;
}

/*
 * 
 */

.link1 {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 1.2em;
    text-decoration: none;
    background: url(../image/link1-right.png) no-repeat right top;
    padding-right: 7px;
    letter-spacing: -1px;
    text-transform: uppercase
}
.link1:hover {
    color: #82b704
}
.link1 span {
    display: block;
    background: url(../image/link1-left.png) no-repeat left top;
    padding-left: 7px
}
.link1 span span {
    background: url(../image/link1-bgd.png) left top repeat-x;
    padding: 12px 14px
}
.link2 {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 1.2em;
    text-decoration: none;
    background: url(../image/link2-bgd.gif) left top repeat-x;
    letter-spacing: -1px;
    text-transform: uppercase
}
.link2:hover {
    color: #000
}
.link2 span {
    display: block;
    background: url(../image/link2-left.gif) no-repeat left top
}
.link2 span span {
    background: url(../image/link2-right.gif) no-repeat right top;
    padding: 10px 22px
}
.link3 {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 1.2em;
    text-decoration: none;
    background: url(../image/link3-bgd.gif) left top repeat-x;
    letter-spacing: -1px;
    text-transform: uppercase
}
.link3:hover {
    color: #82b704
}
.link3 span {
    display: block;
    background: url(../image/link3-left.gif) no-repeat left top
}
.link3 span span {
    background: url(../image/link3-right.gif) no-repeat right top;
    padding: 8px 19px
}
.link4 {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    line-height: 1.2em;
    text-decoration: none;
    background: url(../image/link4-bgd.gif) left top repeat-x;
    letter-spacing: -1px;
    text-transform: uppercase
}
.link4:hover {
    color: #82b704
}
.link4 span {
    display: block;
    background: url(../image/link4-left.gif) no-repeat left top
}
.link4 span span {
    background: url(../image/link4-right.gif) no-repeat right top;
    padding: 10px 22px
}
.line-ver1 {
    background-image: url(../image/line-ver1.gif);
    background-repeat: repeat-y;
    background-position: 336px 0;
    width: 100%
}
.line-ver2 {
    background-image: url(../image/line-ver1.gif);
    background-repeat: repeat-y;
    background-position: 457px 0;
    width: 100%
}
.line-ver3 {
    background-image: url(../image/line-ver1.gif);
    background-repeat: repeat-y;
    background-position: 617px 0;
    width: 100%
}
.line-ver4 {
    background-image: url(../image/line-ver1.gif);
    background-repeat: repeat-y;
    background-position: 777px 0;
    width: 100%
}

/*
 * �?product_zh-tw.html??
 */
/* tabs */
ul.tabs {position:absolute;right:60px;top:89px}
ul.tabs li {float:left;line-height:1.2em;padding-left:10px}
ul.tabs li a {color:#fff;display:block;float:left;text-decoration:none;background:url(../images/button-left.png) no-repeat left top;cursor:pointer}
ul.tabs li a:hover, ul.tabs li.active a {color:#ffc632}
ul.tabs li a span {display:block;float:left;padding:0 9px;background:url(../images/button-right.png) no-repeat right top}
ul.tabs li a span span {padding:9px 18px 8px 18px;background:url(../images/button-tail.png) repeat-x left top}
.tab_container {position:relative;top:126px;width:100%}
/* faded gallery */
.faded {width:888px;height:341px;margin:0 auto;position:relative}
.faded ul.big-image {list-style:none;padding:0;margin:0;width:653px;height:341px;float:right;background:url(../images/img-wrapper-big.png) no-repeat left top}
.faded ul.big-image li {padding:9px 0 0 9px;width:635px;height:323px}
ul.pagination {list-style:none;padding:0;margin:0;background:none;width:auto;height:auto;position:absolute;left:0;top:0}
ul.pagination li {width:183px;height:99px;margin-bottom:22px;background:url(../images/img-wrapper-small.png) no-repeat left top}
ul.pagination li a {padding:9px 0 0 9px;display:block}
ul.pagination li.current a {}a {outline:0;border:0}

/*
 * ?��?
 */
#faded {width:990px;height:350px;margin:7px 0;background:url(../images/slider-bg.jpg) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination2 {list-style:none;padding:0;margin:0;width:246px;height:350px;background:url(../images/pagination-bg.jpg) no-repeat left top}
#faded ul.pagination2 li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination2 li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(../images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination2 li.current a {background-position:left top;color:#fff}
#faded ul.pagination2 li a span {font-size:30px;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination2 li a small {display:inline-block;color:#428301;background-repeat:no-repeat;background-position:right -80px;background-image:url(../images/arrows.gif);padding:0 17px 0 0}
#faded ul.pagination2 li a span,
#faded ul.pagination2 li a small {padding-left:40px}
#faded ul.pagination2 li.current a small {color:#82b704;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:absolute;top:71px;right:35px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:43px;top:217px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(../images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#8ab805}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(../images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(../images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}