@charset "UTF-8";



/* -------------------------------------------------------------------------- **
**  TAIRAN LAYOUT
** -------------------------------------------------------------------------- */
#body #content {
	text-align: left;
	}
#body .content-inner {
	width: 940px;
	margin: 0;
	padding-bottom: 75px;
	}
#main #maincol {
	width: 650px;
	}
	#main #maincol .h3_title {
		width: 100%;
		height: 0;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
		padding-top: 120px;
		background: transparent url(../images/tairan/h3_title.png) left top no-repeat;
		text-align: center;
		line-height: 150px;
		overflow: hidden;
		}
	#main #maincol .h3_title.title1 { background-position: 0px 0px; }
	#main #maincol .h3_title.title2 { background-position: 0px -150px; }
	#main #maincol .h3_title.title3 { padding-top: 60px; background-position: 0px -300px; }
	#main #maincol .h3_title.title4 { padding-top: 60px; background-position: 0px -450px; }

			#main #sidecol .pnav li a {
				background: transparent url(../images/tairan/pnav.png) left top no-repeat;
				}
			#main #sidecol .pnav li.pnav1 a { background-position: 0px 0px; }
			#main #sidecol .pnav li.pnav2 a { background-position: 0px -70px; }
			#main #sidecol .pnav li.pnav3 a { background-position: 0px -140px; }
			#main #sidecol .pnav li.pnav4 a { background-position: 0px -210px; }
			#main #sidecol .pnav li.pnav5 a { background-position: 0px -280px; }
			#main #sidecol .pnav li.pnav6 a { background-position: 0px -350px; }
			
			#main #sidecol .pnav li.pnav1 a:hover { background-position: -300px 0px; }
			#main #sidecol .pnav li.pnav2 a:hover { background-position: -300px -70px; }
			#main #sidecol .pnav li.pnav3 a:hover { background-position: -300px -140px; }
			#main #sidecol .pnav li.pnav4 a:hover { background-position: -300px -210px; }
			#main #sidecol .pnav li.pnav5 a:hover { background-position: -300px -280px; }
			#main #sidecol .pnav li.pnav6 a:hover { background-position: -300px -350px; }
			
			#main .content1 #sidecol .pnav li.pnav1 a { background-position: -300px 0px; cursor: default; }
			#main .content2 #sidecol .pnav li.pnav2 a { background-position: -300px -70px; cursor: default; }
			#main .content3 #sidecol .pnav li.pnav3 a { background-position: -300px -140px; cursor: default; }
			#main .content4 #sidecol .pnav li.pnav4 a { background-position: -300px -210px; cursor: default; }
			#main .content5 #sidecol .pnav li.pnav5 a { background-position: -300px -280px; cursor: default; }
			#main .content6 #sidecol .pnav li.pnav6 a { background-position: -300px -350px; cursor: default; }

#maincol .view {
	display: block;
	width: 650px;
	height: 0px;
	overflow: hidden;
	}
#maincol .field1 {
	padding-top: 683px;
	background: transparent url(../images/tairan/content1.png) center top no-repeat;
	}
#maincol .field2 {
	padding-top: 683px;
	background: transparent url(../images/tairan/content2.png) center top no-repeat;
	}
#maincol .field3 {
	padding-top: 737px;
	background: transparent url(../images/tairan/content3.png) center top no-repeat;
	}
#maincol .field4 {
	width: 680px;
	margin-top: -30px;
	margin-right: -30px;
	padding-top: 750px;
	background: transparent url(../images/tairan/content4.png) center top no-repeat;
	}

/* -------------------------------------------------------------------------- **
**  CONTENT RETINA
** -------------------------------------------------------------------------- */
@media only screen and (min-device-pixel-ratio:1.5),
	only screen and (-o-min-device-pixel-ratio:3/2),
	only screen and (-ms-min-device-pixel-ratio:1.5),
	only screen and (min--moz-device-pixel-ratio:1.5),
	only screen and (-webkit-min-device-pixel-ratio:1.5) {
		#main #sidecol .pnav li a { background-image: url(../images/tairan/pnav_2x.png); background-size: 600px auto; }
		#main #maincol .h3_title { background-image: url(../images/tairan/h3_title_2x.png); background-size: 650px auto; }
		#maincol .field1 { background-image: url(../images/tairan/content1_2x.png); background-size: 650px auto; }
		#maincol .field2 { background-image: url(../images/tairan/content2_2x.png); background-size: 650px auto; }
		#maincol .field3 { background-image: url(../images/tairan/content3_2x.png); background-size: 650px auto; }
		#maincol .field4 { background-image: url(../images/tairan/content4_2x.png); background-size: 680px auto; }
	}