#banner {  border:0px dotted red; z-index:-10}


/* 內容區 */
#mainCont { display:inline-block; float:left; width:695px; overflow:hidden;}
			
		#infoFrom{ margin:-47px 0px 10px 0px; text-align:right }
			#infoFrom strong{ font:12px Nsimsun;color:#069DE6; letter-spacing:0px;}
			#infoFrom span{ font:12px Nsimsun; color:Gray; letter-spacing:1px;}
			
	#ContTitle{ position:relative; margin-bottom:20px; height:44px;}
    
	#ContTitle h3{
        position:absolute;
        padding:0;
        margin:0;
        font:bolder 20px/1em "微軟正黑體";
        top:10px;
        left:45px;
	}

	#htmlCont { margin-left:0px; width:695px; text-align:left; }
		#htmlCont #localNews{ margin-top:0px;}
		#htmlCont p {color:#454545; letter-spacing:1px;}
		#htmlCont div { color:#454545; letter-spacing:1px;}
        #htmlCont h2 {
            margin: 25px 0 10px 0;
            padding:8px 15px;
            letter-spacing: 1px;
            font: bolder 18px Arial,"微軟正黑體",Nsimsun;
            color: #232323;
            background-color:#FDF1E1;
            border-left:5px solid #F88D0D;
            border-radius:2px;
        }        

		#htmlCont h3 {margin:5px 0 15px 0;  text-decoration:underline; color:black; letter-spacing:1px;}
			#htmlCont h3 b { color:#D02D2C}
			
		#htmlCont ol { margin:15px 0 15px 15px;}
			#htmlCont ol li { list-style-type:decimal} 
		#htmlCont ul { margin:15px 0 15px 15px;}
			#htmlCont ul li { list-style-type:circle; margin-bottom:15px} 
		
		#htmlCont table { font-size:inherit;}
		#htmlCont tbody { font-size:inherit;}
		#htmlCont tr { font-size:inherit;}
		#htmlCont td { font-size:inherit;}
		#htmlCont td p{ font-size:inherit;}
/* 老花常見問答 */
.qaSet {
    margin: 20px auto 35px auto;
    width: 730px;
}
.question {
height: 34px;
font: bolder 16px/32px "微軟正黑體";
padding-left: 40px;
color: #EE5F1C;
background: url(../Images/qBarBg.gif) left top no-repeat;
}
.ans {
margin-top: 10px;
min-height: 34px;
padding: 2px 10px 0 40px;
background: url(../Images/aBarBg.gif) left top no-repeat;
}
/* 關於大學眼科 */
#aboutTB{}
	#aboutTB td{ vertical-align:top}
	#aboutTB .aboutTDL #localH2LeftNews { height:42px; font:bolder 16px/41px Arial,"微軟正黑體",Nsimsun; margin:0; padding-left:25px; color:#232323; letter-spacing:1px; background:url('/oldPC/Images2/localH2Left_title_01.jpg') left top no-repeat}

    #aboutTB .aboutTDL .localH2Left {
        height: 35px;
        font: bolder 16px/35px Arial,"微軟正黑體",Nsimsun;
        margin:0;
        padding-left: 12px;
        color: #232323;
        letter-spacing: 1px;
            background-color:#B5E1FF;
            border-left:5px solid #008AD6;
            border-radius:2px;
    }


		#aboutTB .aboutTDL p{margin:8px 0px 8px 0px;}
		#aboutTB .aboutTDL span{ margin:0px; padding:0px}
		#aboutTB .aboutTDL ul{ margin:5px 45px 10px 15px}
		#aboutTB .aboutTDL li{margin:0 0 6px 15px; list-style-type:circle; letter-spacing:1px; }
		#aboutTB .aboutTDL #newsHTML{ margin-left:0px; margin-bottom:30px;}
			#aboutTB .aboutTDL #newsHTML p{}
			#aboutTB .aboutTDL #newsHTML strong{}
		#aboutTB .aboutTDL #aboutUsHTML{ margin-left:0px;}
		#aboutTB .aboutTDL #shareText4HTML{ margin:0 10px;}
	
	/* 體驗談 */
	#aboutTB ul.homeExp
	{
		border:0px solid red;
        margin:0px 0px 10px 0px;
        list-style-type:none;
        clear:both;
        padding:0px;
		overflow:hidden;
	}
	
		#aboutTB ul.homeExp li
		{	display:block;
			float:left;
			margin:0 0 0px 0px; list-style-type:none; letter-spacing:1px; 
			width:95px; text-align:center;
            -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 35px rgba(0, 100 0, 0.15) inset;
               -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 35px rgba(0, 100, 0, 0.15) inset;
                    box-shadow:0 1px 1px rgba(0, 0, 0, 0.1), 0 0 45px rgba(0, 100, 0, 0.15) inset;
			}
		#aboutTB ul.homeExp li div.expHead
		{
			margin:10px 0 0 0;
		}
			#aboutTB ul.homeExp li .expHead img
			{
				border:1px Solid White;
			}
		
		#aboutTB ul.homeExp li div.expKind
		{
			margin:0;
			}
		#aboutTB ul.homeExp li div.expName
		{
			margin:0 0 5px 0;
			}
			
			#aboutTB ul.homeExp li div a
			{ display:block; width:100%;
				font:13px/1.2em  Arial,Nsimsun;
				text-decoration:none; color:#343434; letter-spacing:0px;
				}
			#aboutTB ul.homeExp li div.expKind a
			{
				color:Green;
			}
		#aboutTB  .expMore{ clear:both; margin:5px 12px 10px 0px; height:25px;  text-align:left  }
		#aboutTB  .expMore img{ vertical-align:middle;}
		#aboutTB  .expMore a{color:#008AD6; font:12px/25px Nsimsun; text-decoration:none}
			#aboutTB  .expMore a:hover{ text-decoration:underline}
		
	/* 活動花絮 */
		#aboutTB .aboutTDL #normalHTML		
		{
		 margin:0 9px;	
		}
			#normalHTML .normalImgDiv
			{
				margin:3px auto;padding:0;width:320px;  height:170px; overflow:hidden; position:relative;
			}
				#normalHTML .normalImgDiv img			
				{
					margin-top:-10px;
				}
				#normalHTML .normalImgDiv a			
				{
					display:block;
					width:100%;
					margin:0;padding:10px 6px;
					font:13px/1.4em  Arial,Nsimsun;
				 background-color:#B5E1FF;
				 color:black;
					position:absolute; left:0px; bottom:0px;
			     filter:alpha(opacity=70);  /*IE5、IE5.5、IE6、IE7*/
				opacity: .7;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
				cursor:pointer;
			 	text-decoration:none;
				}
			#normalHTML .normalImgDiv a:hover {
			     filter:alpha(opacity=90);  /*IE5、IE5.5、IE6、IE7*/
				opacity: .9;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
				color:#CC0000;
					/* Firefox */
					-moz-transition: all .3s ease-out ;
					/* WebKit */
					-webkit-transition: all .3s ease-out ;
					/* Opera */
					-o-transition: all .3s ease-out ;
					/* Standard */
					transition: all .3s ease-out ;
			}
				
			#normalHTML a.normalOther 
			{	display:block;
			 	text-decoration:none;
				margin:4px auto;
				width:308px;
				padding:7px 6px;
					font:13px/1.4em Arial, Nsimsun;
				 background-color:#F9F9dB;
				 color:#343434;
				cursor:pointer;
			}
			#normalHTML a.normalOther:hover {
			     filter:alpha(opacity=80);  /*IE5、IE5.5、IE6、IE7*/
				 background-color:#B5E1FF;
			     filter:alpha(opacity=80);  /*IE5、IE5.5、IE6、IE7*/
				opacity: .8;  /*Opera9.0+、Firefox1.5+、Safari、Chrome*/
				color:#CC0000;
					/* Firefox */
					-moz-transition: all .1s ease-out ;
					/* WebKit */
					-webkit-transition: all .1s ease-out ;
					/* Opera */
					-o-transition: all .1s ease-out ;
					/* Standard */
					transition: all .1s ease-out ;
			}
			
			
        /* Shared styles http://nicolasgallagher.com/css-drop-shadows-without-images/demo/ */

        .drop-shadow 
        {
        	border:4px solid white;
            position:relative;
            padding:1em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 35px rgba(0, 1000 0, 0.2) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 35px rgba(0, 0, 0, 0.2) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.1), 0 0 45px rgba(0, 0, 0, 0.2) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:16px;
            font-weight:bold;
        }
        /* Lifted corners */

        .lifted 
        {
            -moz-border-radius:3px;
                 border-radius:3px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 15px 13px rgba(0, 0, 0, 0.9);
               -moz-box-shadow:0 15px 13px rgba(0, 0, 0, 0.9);
                    box-shadow:0 15px 13px rgba(0, 0, 0, 0.9);
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
               -moz-transform:rotate(3deg);
                -ms-transform:rotate(3deg);
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }
        
    #htmlCont ul#activeList li a{ text-decoration:none}
		#htmlCont ul#activeList li a:hover{ text-decoration:underline}
        
	#aboutTB #localInfo{ margin:0 0 15px 0; width:100%; min-height:191px;  letter-spacing:1px;
	                     border:0px solid red}
		#aboutTB #localInfo #localClinicName{ font:bolder 18px "微軟正黑體"; color:#343434}
		
	#aboutTB #localInfo dl{ clear:both; margin:3px 0 8px 0px; width:100%; border:0px solid red; overflow:hidden;}
	#aboutTB #localInfo dt{ float:left; margin:0 7px 0 0; padding:2px 0; text-align:center;  color:Black; background-color:#B5E1FF;
                             font-family:"微軟正黑體"; font-size:15px;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px 
	                }
	#aboutTB #localInfo dd{ float:left; padding:2px 0;font-family:"微軟正黑體";}
		
		#aboutTB #localTel dt{ width:80px; }
		#aboutTB #localTel0800 dt{ width:80px; }
		
		#aboutTB #localAddress dt{ width:100%; }
		#aboutTB #localAddress dd{ margin:5px 0; font:14px "微軟正黑體"; padding:0 0px; letter-spacing:0px;}
			#aboutTB #localAddress dd div { margin:5px 0 0 0; padding:0;}
			#aboutTB #localAddress dd div a{ font:13px "微軟正黑體"; text-decoration:none; color:#4AA99C }
			#aboutTB #localAddress dd div a:hover{ text-decoration:underline;}
			#aboutTB #localAddress dd div img{ vertical-align:middle;}
		#aboutTB #localTime dt{ width:100%; border:0px solid red }
		#aboutTB #localTime dd{ width:100%;background-color: #EAF5FF; padding:5px 10px;}
			#aboutTB #localTime dd p{ margin:0}

/* 醫學美容中心 */
#cosmeticTB{margin-top:10px;}
	#cosmeticTB td{ vertical-align:top}
	#cosmeticTB .cosmeticTDL .cosmeticH2Left { height:42px; font:bolder 16px/41px Arial,"微軟正黑體",Nsimsun; margin:0; padding-left:25px; color:#232323; letter-spacing:1px;
	                                           background:url('/oldPC/Images2/localH2Left_title_02.jpg') left top no-repeat}
	#cosmeticTB .cosmeticTDL .cosmeticHTML{ margin:0 10px;}
		#cosmeticTB .cosmeticTDL .cosmeticHTML p{ font:14px/1.7em Nsimsun}
	
	#cosmeticTB #localInfo #localClinicName{ font:bolder 18px "微軟正黑體"; color:#343434}
	#cosmeticTB #localInfo dl{ clear:both; margin:3px 0 8px 10px; width:240px; border:0px solid red; overflow:hidden;}
	#cosmeticTB #localInfo dt{ float:left; margin:0 7px 0 0; padding:2px 0; text-align:center;  color:Black; background-color:#A5D1F7;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px; 
	                }
	#cosmeticTB #localInfo dd{ float:left; padding:2px 0;}
		
		#cosmeticTB #localTel dt{ width:45px; }
		#cosmeticTB #localTel0800 dt{ width:80px; }
		
		#cosmeticTB #localTime dt{ width:45px; }
		#cosmeticTB #localTime dd{ width:180px;}
			#cosmeticTB #localTime dd p{ margin:0}
#htmlCont .conceptHTML{ margin:10px 30px 10px 20px;}
	#htmlCont .conceptHTML h1{ font:bolder 15px Arial,"微軟正黑體"; color:green}

		#htmlCont h2.cosmeticH2Left {background:url('/oldPC/Images2/localH2Left_title_02.jpg') left top no-repeat}
/* htmlCont */
#htmlCont div#htmlRemark{ border:1px dotted red; margin:30px 0; padding:10px; width:620px; background-color:#FFF8DD}

/* 醫師列表頁 */
ul#myDrListsDiv div{ margin:0px; padding:0px;}
ul#myDrListsDiv p{ margin:0px; padding:0px;}
ul#myDrListsDiv{ margin:20px 0; padding:0px; border:0px solid red}
	ul#myDrListsDiv li{ margin:0px 0px 45px 0px; padding:0px;  width:230px; list-style-type:none; float:left; text-align:center;}
		ul#myDrListsDiv li h4{ color:#FFFFFF; font:bolder 16px/35px Arial; margin:0 auto; height:35px; width:214px; background-color:#787878}
		ul#myDrListsDiv li h4 a{ display:block;color:#FFFFFF; font:bolder 16px/35px Arial; margin:0 auto; height:35px; text-decoration:none}
		ul#myDrListsDiv li h4 a:hover{ text-decoration:underline; color:#FFFF99}
		ul#myDrListsDiv li h4 span{ font:16px Arial; padding-left:5px}	
		
		ul#myDrListsDiv li .drOutline{ position:relative; margin:0px auto 0px auto; width:214px; height:294px; background:url(/oldPC/Images2/Local/headBg.jpg) center center no-repeat;}
		ul#myDrListsDiv li .drHead{ position:absolute; margin:0px; padding:0px; top:2px; left:2px; width:206px; height:276px; overflow:hidden; border:2px solid white}
				ul#myDrListsDiv li .drHead:hover{ border:2px solid #195086}
			ul#myDrListsDiv li .drHead a{ display:block; width:100%; height:100%}
		ul#myDrListsDiv li .drDetail{ position:absolute; width:210px; top:268px; border:0px solid green; text-align:right; }
			ul#myDrListsDiv li .drDetail a{font:bolder 12px Arial; color:#195086; text-decoration:none}
/* 醫師個人頁 */
#htmlCont #drInfoHead{ margin:30px 25px;}
	#htmlCont #drInfoHead img{ border:2px solid Silver }

/* 門診表 */
#timeTable{ margin:15px 0;}
	#timeTable img{ margin:15px 0; max-width:100%;}

#timeTableV2{}
	#timeTableV2 table{ margin-left:5px;}
	#timeTableV2 table tr th h5{ margin:2px;padding:0px;  width:75px; height:45px; line-height:45px; background-color:#0698D4; color:white; text-align:center; font-size:12px;
				-moz-border-radius: 3px; 
				-webkit-border-radius: 3px;
				border-radius: 3px;
	                          }
	#timeTableV2 table tr th.th00{ background-color:transparent;}
	
	#timeTableV2 table tr td { vertical-align:top;}
	#timeTableV2 table tr td div{ margin:2px;padding:0px; width:75px; background-color:#EEEEEE; color:black; text-align:center; 
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
	                          }
		#timeTableV2 table tr td div a{ display:block; font-size:12px; text-decoration:none; color:black;}
	#timeTableV2 table tr td.c1{}
	#timeTableV2 table tr td.c1 div{ background-color:#FF7A61; color:white; font-size:14px;}
	#timeTableV2 table tr td.c2 div{ background-color:#7696D6; color:white; font-size:14px;}
	#timeTableV2 table tr td.c3 div{ background-color:#72A552; color:white; font-size:14px;}
	
	
#imgMap{ float:right; margin:25px 0 25px 25px;}	

#addHead{ width:100px ;padding:4px 0; text-align:center; color:Black; background-color:#A5D1F7;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; 
                }

#trafficHead{ width:100px ;padding:4px 0; text-align:center; color:Black; background-color:#A5D1F7;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px; 
                }

	
#mainCont #endLine {clear:both; margin:30px 0 20px 0; padding-top:25px; background:url(/oldPC/Images2/All/htmlContBotBg.png) center 0px no-repeat; text-align:center;}


/*-----------------------------------------------------------
    Media Device Size
-----------------------------------------------------------*/
/* i6 Plus - landscape */
@media screen and (max-device-width:736px){
    #mainCont{
        float:none;
        width:100%; max-width:100%;
    }
    #htmlCont{
        width:100%; max-width:100%;
    }
        #htmlCont table#aboutTB tr td{
            display:block;
            width:100% !important;
        }

    #aboutTB ul.homeExp li{
        width:102px;
    }

    #htmlCont #aboutTB #expCtrl{
        margin-top:20px;
    }

    .qaSet{
        width:100%; max-width:100%;
    }
/* i6 - landscape */
@media screen and (max-device-width:667px){
    #aboutTB ul.homeExp li{
        width:105px;
    }
}
/* i5 - landscape */
@media screen and (max-device-width:568px){
    #aboutTB ul.homeExp li{
        width:108px;
    }
}
/* i6 Plus */
@media screen and (max-device-width:414px){
    #aboutTB ul.homeExp li{
        width:25%;
    }

    #imgAboutInfo{
        width:100%;
    }

    #infoFrom span,
    #infoFrom strong{
        display:none;
    }
    #infoFrom span:first-child,
    #infoFrom strong#alterDateHTML{
        display:inline-block;
    }
}
/* i6 */
@media screen and (max-device-width:375px){
    #aboutTB ul.homeExp li{
        width:33%;
    }

    #infoFrom span:first-child,
    #infoFrom strong#alterDateHTML{
        visibility:hidden;
    }
}
/* i5 */
@media screen and (max-device-width:320px){
}