@import"reset.css";



/*-----------------------------------
//              Global             //
//---------------------------------*/


* {
	margin: 0;
}


html, body {
	width:100%;
	height: 100%;
}
body{
	color:#444;
	letter-spacing:0.1em;
	line-height:1.5em;
	font-size:1em;
	font-weight: normal;
	font-family:"HiraMinProN-W3","Times New Roman",Georgia,Serif;
}

.wrapper {
	position: relative;
	width:100%;
	min-width:960px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -146px;
	/*background:url('../images/glow.png') center top no-repeat;*/
	background: url(../images/wbg.png) repeat\9; 
	background:rgba(255,255,255,0.9);
}

#home  .wrapper{
    background: transparent;
}

.main{
	width:960px;
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
	margin-top: -70px;
}

.detail{
	padding:20px 0;
	width:700px;
	margin:0 auto;
	position:relative;
}

p{
	font-size:0.875em;
	/*margin-bottom:20px;*/
}

a{
	color:#5A3F98;
}

h1,h2{
	color:#5A3F98;
}

/*-----------------------------------
//                H1               //
//---------------------------------*/


.main h2.ptitle{
	text-indent:-9999px;
	overflow:hidden;
	/*width:135px;*/
	height:135px;
	margin-bottom:20px;
} 

#about .main h2.ptitle{
	background:url('../images/h1/about.png') center no-repeat
} 

#news .main h2.ptitle{
	background:url('../images/h1/news.png') center no-repeat
}

#implant .main h2.ptitle{
	background:url('../images/h1/implant.png') center no-repeat
}

#orthodontics .main h2.ptitle{
	background:url('../images/h1/orthodontics.png') center no-repeat
}

#doctor .main h2.ptitle{
	background:url('../images/h1/doctor.png') center no-repeat
}

#equipment .main h2.ptitle{
	background:url('../images/h1/equipment.png') center no-repeat
}

#contact .main h2.ptitle{
	background:url('../images/h1/contact.png') center no-repeat
}


/*-----------------------------------
//              Header             //
//---------------------------------*/

header{
	position: relative;
	z-index: 999;
	padding:45px 0 0 80px;
}

header h1 a{
	display:block;
	width:97px;
	height:109px;
	text-indent:-9999px;
	overflow:hidden;
	background:url('../images/youmay.png') center no-repeat;
	
}


/*-----------------------------------
//              Footer             //
//---------------------------------*/

.push {
	height: 100px;
}

.push {
	clear: both;
}

nav{
	min-width:960px;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 140px;
	border-bottom:6px solid #5A3F98;
	overflow:hidden;
	z-index: 1000;
}

footer{
	width: 100%;
	min-width:960px;
}

footer p{
	padding:5px 20px;
	position:absolute;
	bottom:0px;
	color:#58585B;
	font-size:10px;
}



#navigator {
	width:217px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	overflow:hidden;
	z-index:999;
}

#navigator li {
	width:30px;
	height: 140px;
	margin-right:1px;
	float:left;
	margin-top:102px;
}


#navigator li a {
	width:100%;
	height:100%;
	display:block;
	/*padding-top:43px;*/
	text-indent:-9999px;
	overflow:hidden;
	/*background:#DBD3F4;*/
	color:#fff;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	
}

/*#navigator li a:hover, #navigator li a.cur{
	background:#45166A;
}*/

/*-----------------------------------
//               Index             //
//---------------------------------*/

#slider{
	overflow:hidden;
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -315px;
	padding-top: 160px;
}

#nav-slider-container{
	width:265px;
	margin: 0 auto;	
}

#nav-slider li{
	float:left;
}

#nav-slider li a{
	text-indent:-9999px;
	overflow:hidden;
	width:165px;
	height:215px;
	display:block;
    padding: 0 50px;
	background-position:center;
}
#nav-slider li a:hover,#nav-slider li a.hover{
	background-position:center;
}

#nav-about{
	background:url('../images/menu/about.png') no-repeat;
}

#nav-about:hover,#nav-about.hover{
	background:url('../images/menu/about_h.png') no-repeat;
}

#nav-implant{
	background:url('../images/menu/implant.png') no-repeat;
}
#nav-implant:hover,#nav-implant.hover{
	background:url('../images/menu/implant_h.png') no-repeat;
}

#nav-orthodontics{
	background:url('../images/menu/orthodontics.png') no-repeat;
}
#nav-orthodontics:hover, #nav-orthodontics.hover{
	background:url('../images/menu/orthodontics_h.png') no-repeat;
}

#nav-news{
	background:url('../images/menu/news.png') no-repeat;
}
#nav-news:hover,#nav-news.hover{
	background:url('../images/menu/news_h.png') no-repeat;
}

#nav-doctor{
	background:url('../images/menu/doctor.png') no-repeat;
}
#nav-doctor:hover,#nav-doctor.hover{
	background:url('../images/menu/doctor_h.png') no-repeat;
}

#nav-equipment{
	background:url('../images/menu/equipment.png') no-repeat;
}
#nav-equipment:hover,#nav-equipment.hover{
	background:url('../images/menu/equipment_h.png') no-repeat;
}

#nav-contact{
	background:url('../images/menu/contact.png') no-repeat;
}
#nav-contact:hover,#nav-contact.hover{
	background:url('../images/menu/contact_h.png') no-repeat;
}

.jcarousel-prev, .jcarousel-next{
	width:46px;
	height:130px;
	display:block;
	text-indent:-9999px;
	background:url('../images/controls.png') no-repeat;
	position: fixed;
	top:50%;
	margin-top: -140px;
	cursor: pointer;
}

.jcarousel-prev{
	left:10px;
	background-position:-46px -130px;
}

.jcarousel-prev:hover{
	background-position:0 -130px;
}

.jcarousel-next{
	right:10px;
	background-position:-46px 0;
}

.jcarousel-next:hover{
	background-position:0 0;
}

/*-----------------------------------
//               About             //
//---------------------------------*/

#slogan{
	/*width:378px;*/
	height:171px;
	text-indent:-9999px;
	overflow:hidden;
	background:url('../images/slogan.png') center no-repeat;
	margin-top:20px;
}

#branding{
	line-height:2.5em;
}


/*-----------------------------------
//                Tab              //
//---------------------------------*/

.catagory{
	width:260px;
	margin:0 auto;
	margin-bottom:30px;
}

.backtolist{
	width:130px;
	margin:0 auto;
	margin-bottom:30px;
}


.catagory li, .backtolist li{
	float:left;
	border-top:1px solid #5A3F98;
	border-bottom:1px solid #5A3F98;
}

.catagory li a, .backtolist li a{
	width:125px;
	display:block;
	height: 40px;
	line-height: 40px;
}

.catagory li a.cur, .catagory li a:hover, .backtolist li a{
	background:#fff;
}

.catagory li:first-child{
	margin-right:10px;
}

article h1,article h2,article .date{
	margin-bottom:15px;
}


/*-----------------------------------
//              Doctor             //
//---------------------------------*/

.avatar{
	width:200px;
	margin:0 auto;
	margin-bottom:30px;
	position: relative;
	padding-top: 30px;
}

.avatar .dType{
	display:block;
	width:60px;
	height:60px;
	background:#71CBD2;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color:#fff;
	line-height:60px;
	position: absolute;
	top:0px;
	right:0;
}


.photo{
	width:200px;
	height:200px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	/*background:#FFF;
	position:relative;*/
	overflow:hidden;
}

/*.photo img{
	width:200px;
	height:200px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}*/

.photo h1{
	background: rgba(113,203,210,.8);
	color:#fff;
	/*position:absolute;
	bottom:0px;*/
	margin-top: 140px;
	width:100%;
	font-size:14px;
	line-height:16px;
	padding:5px 0;
	font-weight:normal;
}

.doctorProfile p{
	padding: 0 50px;
	text-align: center;
}

.en{
	display:block;
}

.qualify{
	margin: 20px 0;
}

.doctorProfile p.comment{
	padding-top: 30px;
	text-align: center;
}

.timetable{
	width: 360px;
	margin: 0 auto;
}

.doctorProfile .timetable p{
	padding: 0;
	text-align: center;
}

.timetable table{
	border-top: 2px solid #a7a9ab;
	margin-top: 15px;
}
.timetable table th, .timetable table td{
	padding: 3px;
	vertical-align: middle;
	font-size: 12px;
	border-left: 1px solid #a7a9ab;
}

.timetable table tr{
	border-bottom: 2px solid #a7a9ab;
}

.timetable table td{
}

.timetable table tr th:first-of-type{
	border-left: none;
}

.timetable table .reservation{
	width: 19px;
	height: 19px;
	display: inline-block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/dot.png) -2px 1px no-repeat;
}


/*-----------------------------------
//             Equipment           //
//---------------------------------*/
#equipment .wrapper{
	background: url('../images/square_25.png') 50% -42px repeat, rgba(255,255,255,0.9);
}


.mask {
	margin: 50px auto;
	padding: 0;
	width: 925px;	
	min-height:470px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.mask h2{
}

.mask h2 .en{
	color:#808284;
	font-weight:normal;
}

.mask ul {
	margin: 46px 0 0 -110px;
	margin: 0 0 0 -155px\9\0;
	margin: 46px 0 0 -110px\0;
	list-style: none;
	width: 1500px;
	position: absolute;
	z-index: 1;
}
.mask li {
	margin: 0 90px 90px 0;
	/*border-right: 1px solid #BCDCDD;
    border-top: 1px solid #BCDCDD;*/
	width: 218px;
	height: 218px;
	overflow: hidden;
	position: absolute;
	
	-moz-transform: rotate(-45deg);  
	-o-transform: rotate(-45deg);  
	-webkit-transform: rotate(-45deg);  
	-ms-transform: rotate(0deg);  
	transform: rotate(-45deg);  
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand');	
}

/* columns */

.c1 { left: 153px; }
.c2 { left: 463px; }
.c3 { left: 774px; }
.c4 { left: 1079px; }

/* rows */

.r1 { top: 0; }
.r2 { top: 154.5px; }

.r2{
	margin-left: -154.5px !important;
}

/*.c1.r2{
	border-bottom: 1px solid #BCDCDD;
}

.c4.r2{
	border-left: 1px solid #BCDCDD;
}

.c2.r2, .c3.r2{
	border-left: 1px solid #BCDCDD;
    border-bottom: 1px solid #BCDCDD;
}*/

.mask .wrap {
	width: 309px;
    height: 309px;
    left: -45px;
    position: absolute;
    top: -45px;
    cursor: pointer;
	-moz-transform: rotate(45deg);  
	-o-transform: rotate(45deg);  
	-webkit-transform: rotate(45deg);  
	-ms-transform: rotate(45deg);  
	transform: rotate(45deg);	
	
}
.mask .top {
	-webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
	text-align: center;
	width: 309px;
    height: 179px;
    position: absolute;
    top: 0px;
	padding-top:130px
}

.top .en{
	text-transform:uppercase;
}

.mask .btm {
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
	-o-transition: all 300ms ease-in-out 0s;
    background: #FFF;
    text-align: center;
    width: 309px;
	height: 309px;
	position: absolute;
	bottom: -309px;
}

/*-----------------------------------
//          Content List           //
//---------------------------------*/
.contentList{
	padding:0 30px;
}

.contentList li{
	background:#fff;
	float:left;
	width:170px;
	height:170px;
	padding:15px;
	margin-right:15px;
	text-align:left;
	margin-bottom:15px;
	position:relative;
}

.contentList li .thumbnail{
	width:200px;
	height:200px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.contentList li .thumbnail img{
	width:100%;
	height:100%;
}

.contentList li:nth-child(3n) { 
	margin-right:0;
}

.contentList li h2{
	/*font-size:0.875em;*/
}

span.date{
	display:block;
	font-size:0.75em;
	color:#58585B;
}

.control{
	width:46px;
	height:130px;
	display:block;
	text-indent:-9999px;
	background:url('../images/controls.png') no-repeat;
	position:absolute;
	top:40%;
	cursor: pointer;
}

#prevBtn{
	left:-56px;
	background-position:-46px -130px;
}

#prevBtn:hover{
	background-position:0 -130px;
}

#nextBtn{
	right:-56px;
	background-position:-46px 0;
}

#nextBtn:hover{
	background-position:0 0;
}

/*.ltcol{
	width:200px;
	float:left;
	margin-right:30px;
}

.rtcol{
	width:470px;
	float:left;
	text-align:left;
}*/

.content{
	width: 600px;
	margin: 0 auto;
}

.content img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.content p{
	text-align: left;
	width: 460px;
	padding: 0 70px;
}

/*-----------------------------------
//              Contact            //
//---------------------------------*/

#banqiao{
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url('../images/banqiao.png') 50% 0 no-repeat;
	margin-bottom:30px;
}
.info{
	color:#5A3F98;
	font-size:1.3125em;
	font-style:italic;
	padding: 0 10px;
}

.italic{
	font-style:italic;
	font-size:1.3125em;
}

.line{
	border-bottom:1px dashed #dbdbdb;
	padding-bottom:10px;
	margin-bottom:10px;
}

#map{
	margin: 0 auto;
	padding-top:10px;
	width:661px;
	height:662px;
	background:url('../images/map.png') center no-repeat;
}

#gmap{
	width:99px;
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:100px;
	margin-bottom:-25px;
	right:-30px;
	background:url('../images/gmap.png') no-repeat;
}

#fb{
	display: block;
	text-align: center;
	margin-top: 20px;
	opacity: 0.9;
}


/*-----------------------------------
//            Slideshow            //
//---------------------------------*/

.cmask{
	width: 100%;
	overflow: hidden;
	position:absolute;
	left:0;
	top:0;
    z-index: 0;
}

canvas { 
	min-width:100%;
	min-height:100%;
	opacity:0.3;
}  

#slideshow img {display:none;} /* just 'cause */

/*#slideshowify-bg img{
    min-width: 100%;
    min-height: 100%;
}*/

#slideshow,
#slideshow:after {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

/*#slideshow img{
    min-width: 100%;
    min-height: 100%;
	display:none;
}*/

#slideshow:after {
    content: '';
    background: rgba(255, 255, 255, 0.75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#99B4B490′,endColorstr=’#99B4B490′); /* IE6,IE7 */
	-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=’#99B4B490′,endColorstr=’#99B4B490′)”; /* IE8 */
}

/*p {
	white-space: pre-wrap;
	word-wrap: break-word;
	text-align:center;
}*/

/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0; }
body { background:#fff; height:100%; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }