@charset "utf-8";

body{
font-size:13px;}
.fontSize{
text-align:right;
padding-right:10px;
clear:both;}
.fontSize b{
cursor:pointer;
padding:0 3px;
line-height:26px;}
.uLine{
text-decoration:underline;}

.noramlFont{}
.bigFont{
font-size:17px;}

.CLEAR{
line-height:0;
height:0;
font-size:1px;
clear:both;}

.theBox{
width:803px;
overflow:auto;
margin:0 auto;}

.mainBox{
float:left;
overflow:auto;
width:780px;}
.sideBox{
float:right;
width:20px;
height:950px;
background:url(../images/pat.jpg) left 79px repeat-x;}

/**************************************** headDiv ******************************************/
.headDiv{
width:803px;
clear:both;
height:66px;}
.headLogo {
float:left;}
.headLogo h1, .headLogo a{
display:block;
text-indent:-9999px;
width:289px;
height:65px;
background:url(../images/logo.jpg) left top no-repeat;}
.headSearch {
float:right;
word-spacing:5px;
line-height:20px;
width:500px;
text-align:right;}
.headSearch p{
height:20px;}
.headSearch a{
color:black;
text-decoration:none;}
.headSearch a:hover{
text-decoration:underline;}
.headSearch input, .headSearch textarea{
border-top:2px solid #73746e;
border-left:2px solid #73746e;
border-right:2px solid #f5f5f5;
border-bottom:2px solid #f5f5f5;
padding:0;
margin:0;
height:18px;}
.headSearch span input, .headSearch span textarea{
border:0;}
.headSearch span{
float:right;
display:block;
padding:0 5px;}
.headSearch div{
text-align:right;
height:20px;
padding:10px 0 0;}
.headSearch i{
font-style:normal;
color:#686667;}

/************************************ navi **********************************************/
.naviDiv {
width:780px;
padding:16px 0 0;
height:78px;
background:url(../images/navitop.jpg) 0 0 no-repeat;}
.naviBottom{
width:780px;
clear:both;
height:16px;
background:url(../images/navibottom.jpg) left top no-repeat;}
.naviDiv a{
float:left;
height:62px;
display:block;}
.t1,.t1on{
width:131px;
background:url(../images/navibtm.jpg) 0 bottom no-repeat;}
.t1:hover,.t1on{
background-position:0 top;}
.t2,.t2on{
width:100px;
background:url(../images/navibtm.jpg) -131px bottom no-repeat;}
.t2:hover , .t2on{
background-position:-131px top;}
.t3,.t3on{
width:111px;
background:url(../images/navibtm.jpg) -231px bottom no-repeat;}
.t3:hover,.t3on{
background-position:-231px top;}
.t4, .t4on{
width:106px;
background:url(../images/navibtm.jpg) -342px bottom no-repeat;}
.t4:hover , .t4on{
background-position:-342px top;}
.t5 , .t5on{
width:101px;
background:url(../images/navibtm.jpg) -448px bottom no-repeat;}
.t5:hover, .t5on{
background-position:-448px top;}
.t6  , .t6on{
width:116px;
background:url(../images/navibtm.jpg) -549px bottom no-repeat;}
.t6:hover , .t6on{
background-position:-549px top;}
.t7,.t7on{
width:115px;
background:url(../images/navibtm.jpg) -665px bottom no-repeat;}
.t7:hover , .t7on{
background-position:-665px top;}

/************************************** leftDiv ***********************************************/
.leftDiv {
float:left;
padding-bottom:200px;
background:url(../images/eyecomics.gif) left bottom no-repeat;
width:153px;}
.leftMenuDiv{
line-height:22px;
background:url(../images/leftbg.jpg) left top repeat-y;}
.leftTitle1{
width:153px;
height:33px;
background:url(../images/left1.jpg) left top no-repeat;}
.leftTitle2{
width:153px;
height:46px;
background:url(../images/left2.jpg) left top no-repeat;}
.leftMenuDiv a{
display:block;
height:26px;
background:url(../images/bullet.jpg) left bottom no-repeat;
color:#555454;
text-decoration:none;
padding-left:20px;}
.leftMenuDiv a:hover, .leftMenuDiv .on{
color:red;
font-weight:700;
font-size:15px;
background-position:left top;}
.leftDivEnd{
width:153px;
height:19px;
background:url(../images/leftend.jpg) left top no-repeat;}

/************************************** contentDiv ***********************************************/
.contentDiv{
float:right;
overflow:auto;
padding:0 0 20px;
width:627px;}
.bannerDiv{
clear:both;
width:627px;
height:192px;
text-align:center;}
.floatBox{
padding:5px 0 10px;
height:auto;
float:left;
}
.mainContent{
background:url(../images/cbtitle.jpg) left top no-repeat;
margin:0 10px 0 15px;
width:281px;}
.contentHead{
height:29px;
padding-top:1px;
padding-left:25px;}
.mainTextBox{
background:url(../images/cbbg.jpg) left top repeat-x;}
.moreInfo{
clear:both;
line-height:30px;
text-align:right;}
.moreInfo a{
color:#dd6b33;
padding-left:28px;
background:url(../images/pill.gif) left center no-repeat;
height:18px;}
.moreInfo a:hover{
color:red;}
.blogLeft .moreInfo{
bottom:130px;}

.newsList li{
margin-left:25px;
line-height:20px;
list-style:square outside;}
.newsList li a{
color:#7a7c7c;
text-decoration:none;}
.newsList li a:hover{
color:red;
text-decoration:underline;}
.newsList li b{
width:80px;
display:inline-block;}
.newsList li i{
font-style:normal;
display:block;}

.leftColumn{
float:left;
padding:3px 0 0 7px;
width:100px;
color:#5d5d5d;}
.teamLeft b{
font-weight:300;
display:block;
font-size:16px;
line-height:24px;
text-decoration:underline;}
.teamLeft i{
display:block;
font-style:normal;
text-decoration:underline;}
.blogLeft b{
font-size:16px;
font-weight:300;
line-height:24px;}
.expLeft b{
display:block;
font-weight:300;
font-size:16px;
line-height:24px;}
.expLeft i{
display:block;
font-style:normal;}

.rightColumn{
float:right;
padding:3px 0 0;
line-height:18px;

color:#474545;
width:174px;}
.teamRight b{
display:block;
color:#751616;
font-size:14px;
font-weight:300;}
.teamRight a{
color:#474545;}
.teamRight li{
margin-left:25px;
list-style:outside disc;}
.blogRight b{
display:block;
color:#751616;
font-weight:300;
font-size:14px;}
.blogRight p{
padding:5px 0 0;}
.moreBlock {
background:url(../images/blogblock.gif) left top no-repeat;
clear:both;
padding:10px 5px 0;
width:194px;
height:63px;}
.moreBlock a{
background:url(../images/more.jpg) right center no-repeat;
line-height:26px;
text-decoration:none;
width:100%;
color:#464545;
display:block;}
.moreBlock a:hover{
text-decoration:underline;}
.expRight li{
line-height:16px;}
.expRight b{
letter-spacing:1px;
color:#474545;
font-weight:300;}
.expRight i{
color:#751616;
font-style:normal;}

.breadCrumb {
height:20px;
line-height:20px;}
.breadCrumb a{
color:black;
text-decoration:none;}
.breadCrumb a:hover{
text-decoration:underline;}
.breadCrumb b{
font-weight:300;
color:red;}

.grayCross{
margin:5px 0;
height:18px;
padding:4px 0 0 23px;
padding-top:6px \9;
height:16px \9;
*padding-top:8px;
*height:14px;
background:url(../images/graycross.gif) 3px center #c2c2c2 no-repeat;}

.pageNum{
overflow:auto;
width:100%;
color:#818181;
clear:both;}
.pageNum a{
text-decoration:none;
color:#818181;}
.pageNum a:hover{
text-decoration:underline;}
.pageNum span{
float:right;
line-height:20px;
padding:3px 5px;
margin:15px 0;
background-color:#f2f2f2;}

.newsT{
margin:10px 0 10px 1px;
line-height:20px;
border:1px solid #7d7d7d;
color:#616161;}
.newsT a{
color:#ae2b21;}
.newsT a:hover{
text-decoration:underline;}
.newsT td, .newsT th{
border:1px solid #7d7d7d;}
.newsT th{
line-height:24px;}
.newsTdate {
width:110px;}
.newsT img{
vertical-align:bottom;}
.newsThigher{
height:80px;}
.newsTimg {
text-align:center;
vertical-align:middle;}
.newsTcontent{
vertical-align:top;}
.newsTcontent p{
color:#3c3c3c;
padding:5px 10px 0;}
.newsTcontentX{
vertical-align:top;}
.newsTcontentX p{
color:#3c3c3c;
padding:3px 10px;}
.newsTcontentX p b{
color:#c36600;
text-decoration:underline;
font-weight:300;}
.newsTcontentX p i{
color:#812828;
font-style:normal;}
.newsTrow, .newsTrowX {
line-height:24px;}
.newsTrow b, .newsTrowX b{
font-weight:300;
padding-left:10px;}
.newsTrowX a{
text-decoration:none;}

.doorLeft{
float:left;
width:167px;
padding:10px 0 0;
text-align:center;}
.doorLeft a{
text-align:left;
display:block;
color:#3c3c3c;
text-decoration:none;
line-height:30px;}
.doorLeft a:hover{
text-decoration:underline;}

.doorRight{
padding:10px 0 0;
float:right;
width:460px;}
.doorRight p{
color:#3c3c3c;
line-height:20px;
padding:10px 0;}

.fakeH {
display:block;
line-height:30px;
font-size:15px;}
.paraDate {
line-height:20px;}
.paraDate b{
color:#af2b21;
font-weight:300;}
.paraDate i{
color:#5e0801;
font-style:normal;}
.goPrev {
clear:both;
line-height:20px;
text-align:right;}
.goPrev a{
padding-left:27px;
background:url(../images/pill.gif) left center no-repeat;
color:#dd6b33;}
.goPrev2 {
clear:both;
line-height:20px;
height:30px;
text-align:right;}
.goPrev2 a{
font-size:21px;
padding-left:27px;
background:url(../images/pill.gif) left center no-repeat;
color:#39ce43;}
.twoRowBox {
width:616px;
overflow:auto;
border:1px solid #7d7d7d;
margin:10px auto;}
.twoRowTitle {
display:block;
clear:both;
color:#ae2b20;
padding-left:7px;
border-bottom: 1px solid #7d7d7d;
line-height:24px;}
.twoRowImg {
text-align:center;
float:left;
padding-top:6px;
width:126px;}
.twoRowImg b, .twoRowImg i, .twoRowImg a{
clear:both;
display:block;
padding-left:7px;
text-align:left;
line-height:26px;}
.twoRowImg b{
font-weight:300;}
.twoRowImg i{
font-style:normal;}
.twoRowImg a{
color:#3c3c3c;
text-decoration:none;}
.twoRowImg a:hover{
text-decoration:underline;}
.twoRowContent {
float:left;
line-height:20px;
padding:6px 0 0;
width:490px;}
.twoRowContent a{
color:#3c3c3c;
text-decoration:none;}
.twoRowContent a:hover{
color:black;
text-decoration:underline;}
#cL {
list-style:none;}
.twoRowContent li{
margin-left:25px;
list-style:outside square;}
.twoRowContent li ul{
display:inline-block;}
.twoRowContent li li{
list-style:none;
margin:0;
color:#810000;}
.twoRowContent li li a{
color:#dd6b33;
text-decoration:underline;}
.twoRowContent p{
line-height:20px;}
.twoRowContent div{
padding:10px 0 0;}
.twoRowContent div b{
font-weight:300;
display:block;}
.twoRowBody{
width:616px;
overflow:auto;
position:relative;
padding-bottom:26px;}
.knowExp .twoRowBody{
padding-bottom:10px;}
.twoRowMore{
clear:both;
text-align:right;
position:absolute;
right:10px;
bottom:5px;}
.twoRowMore a{
padding-left:27px;
background:url(../images/pill.gif) left center no-repeat;
color:#dd6b33;}
.textTab{
line-height:22px;
padding:5px 0;
text-align:center;
border-bottom:1px solid #d2c7c7;}
.textTab a{
color:#3c3c3c;
text-decoration:none;
padding:0 1px;}
.textTab a:hover{
text-decoration:underline;}
.textTab b{
color:#d11919;}

.brownH, .redH, .blackH, .grayH, .contactH, .maroonH, .teamBoxLeft b, .teamBoxLeft i, .blackHx{
clear:both;
display:block;}
.maroonH{
line-height:20px;
font-size:15px;
font-weight:300;
color:#751616;}
.brownH{
line-height:30px;
font-size:15px;
color:#330000;}
.blackHx{
font-weight:700;
color:black;
line-height:30px;
font-size:16px;}
.blackH{
color:black;
line-height:30px;}
.blackHx b{
font-weight:300;
color:#3c3c3c;
font-size:13px;}
.grayH{
color:#3c3c3c;
line-height:20px;}
.redH {
color:#d11919;
line-height:20px;
font-weight:300;}
.blackH{
color:black;
line-height:30px;}
.detailPara p{
line-height:20px;
padding-bottom:16px;}
.detailPara li{
line-height:20px;}
.detailPara ul{
padding-bottom:10px;}
.mulDotBox{
padding:5px 0 10px;
background:url(../images/muldotbox.gif) left bottom repeat-x;}

.faqSelect{
height:30px;
clear:both;}
.faqSelect span{
float:left;
padding:5px 10px 0 0;}
.faqSelect span select, .faqSelect span textarea{}
.serviceFAQ p{
line-height:20px;}
.serviceFAQ li{
color:#dd6b33;
line-height:26px;}
.serviceFAQ li a{
color:#dd6b33;}
.serviceFAQ li a:hover{
color:#d10114;}
.serviceFAQ .redH {
line-height:30px;
padding-bottom:20px;}
.numList li{
list-style:outside decimal;
margin-left:25px;
line-height:20px;}

.contactH {
width:313px;
font-size:15px;
color:#751616;
line-height:30px;
border-bottom:1px solid #c2c2c2;}
.contactUs li{
line-height:20px;}
.contactUs ul{
padding:5px 0 20px;}

.eqImg{
float:left;
text-align:center;
width:290px;}
.eqImg a{
text-align:left;
line-height:20px;
display:block;
color:#3c3c3c;
text-decoration:none;}
.eqImg a:hover{
text-decoration:underline;}
.eqContent{
float:right;
width:337px;}

.teamDetail ul{
padding-bottom:10px;}
.teamDetail li{
color:#3c3c3c;
line-height:20px;}

.latestPost {
width:151px;
margin:10px auto;
clear:both;
background:url(../images/latestpost-bg.jpg) center top repeat-y;}

.latestPost div{
width:100%;
background:url(../images/latestpost-bottom.jpg) center bottom no-repeat;}
.latestPost div div{
width:145px;
padding:24px 3px 0;
background:url(../images/latestpost-top.jpg) center top no-repeat;}
.latestPost li{
text-align:left;
color:#656565;
padding-bottom:10px;
list-style:outside square;
margin-left:25px;
line-height:20px;}
.latestPost li a{
text-decoration:underline;
line-height:20px;
color:#656565;}
.latestPost li p a{
display:inline;
padding-top:2px;
padding-left:27px;
background:url(../images/pill.gif) left 1px no-repeat;
text-align:right;
color:#dd6b33;}
.latestPost p{
text-align:right;}

.teamBox {
float:left;
width:313px;
padding:5px 0 10px;
text-align:center;}
.teamBoxDetail {
width:298px;
margin:0 auto;
background:url(../images/teambox-bg.jpg) center top repeat-y;}
.tbdTop{
padding-top:8px;
background:url(../images/teambox-top.jpg) center top no-repeat;}
.tbdBottom{
width:297px;
overflow:auto;
padding:0 1px 16px;
background:url(../images/teambox-bottom.jpg) center bottom no-repeat;}
.teamBoxLeft{
width:100px;
float:left;

}
.teamBoxLeft b, .teamBoxLeft i{
text-align:left;
color:#5d5d5d;
font-size:15px;
padding-left:7px;
line-height:20px;}
.teamBoxLeft b{
text-decoration:underline;
font-weight:300;}
.teamBoxLeft img{
padding-bottom:5px \9;
*padding-bottom:0;}
.teamBoxLeft i{
font-style:normal;}
.teamBoxRight{
width:197px;
text-align:left;
float:right;}
.teamBoxRight li{
line-height:20px;
margin-left:25px;
list-style:outside disc;
color:#474545;}
.teamBoxRight li a{
color:#474545;}

.calenderPage table{
margin-left:1px;}
.calenderPage table, .calenderPage td {
border:1px solid #d9d9d9;}
.calenderPage th{
background-color:#d9d9d9;
text-align:left;
font-weight:300;
color:#d11919;
line-height:20px;}
.calenderPage th b{
padding-left:10px;}
.calenderPage table b{
display:block;
line-height:20px;
font-weight:300;}
.calenderPage td {
color:#3c3c3c;
text-align:center;
vertical-align:middle;
width:88px;
line-height:20px;}
.calenderPage li{
margin-left:25px;
list-style:outside disc;
line-height:20px;}
.calenderPage ul{
padding:5px 0 20px;}
.calenderBox {
clear:both;
border:1px solid #c4c4c4;
width:620px;
margin:0 auto;}
.calenderBox b{
display:block;
line-height:20px;
border-bottom:1px solid #c4c4c4;
width:610px;
color:#d11919;
padding:0 0 0 10px;}
.calenderPage .calenderBox ul{
padding:5px 0;}
.calenderPage .calenderBox li{
list-style:none;
line-height:20px;
color:#3c3c3c;
padding-left:10px;
background:url(../images/dot-red.gif) 2px 9px no-repeat;}
.calenderPage .calenderBox li b{
padding:0;
width:auto;
border:0;
display:block;
color:#d11919;
font-weight:300;}

.instrumentBox{
width:627px;
overflow:auto;
clear:both;
padding:5px 0 10px}
.intImg {
float:left;
text-align:center;
width:177px;}
.intContent {
float:right;
width:450px;}

.onlineFAQ b{
font-weight:300;
padding-top:5px;
line-height:20px;
display:block;}
.onlineFAQ p{
padding-bottom:16px;}
.emailInput input, .emailInput textarea {
width:300px;}
.codeInput input, .codeInput textarea {
padding:5px 5px 0;
float:left;
height:22px;
width:150px;
border:black 1px solid;}
.codeInput img {
padding-left:10px;}
/************************************** footer ***********************************************/
.footerDiv{
text-align:center;
clear:both;
width:780px;}
.footerTop {
color:#757474;
font-size:11px;
background-color:#9c1111;
line-height:20px;
color:white;}
.footerTop a{
color:white;
text-decoration:none;
padding:2px;}
.footerTop a:hover{
text-decoration:underline;}
.footerDiv p{
font-size:11px;
color:#757474;
line-height:20px;
}



/*online appointment*/
#inq_remark{
border:#000 0px solid;
padding-top:20px;
line-height:2.5em;
width:95%;
}