﻿html {margin:0;padding:0;width:100%;height:100%;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,ul,li {
    -webkit-text-size-adjust:none;
}
body { background:#fff url(../images/sspage-bg02.jpg) repeat-x left bottom fixed;
      letter-spacing:1px; 
      font:normal 14px/150% "微軟正黑體","Times New Roman", Helvetica, sans-serif;
      margin:0;padding:0;
}
table{width:100%;}
p { text-indent:30px; text-align: justify;}
p.noindent { text-indent:0px;}
p.alignjustify { text-align: justify;}
p.alignleft {text-align:left}
p.alignright {text-align:right}
p.aligncenter {text-align:center}
sup {vertical-align: baseline; font-size: 70%;position: relative;	top: -0.4em;}
sub {vertical-align: baseline; font-size: 70%;position: relative;	bottom: -0.4em;}
a{ text-decoration:none; color:#253c6e;}
a:hover { color:#f00;}
a:visted,a:linked,a:active{color:#253c6e;}
a.button  {color:#000; text-shadow: 0px 1px 1px rgba(255,255,255,.5);}

#wrapper {background:Transparent url(../images/sspage-bg01.jpg) repeat-x left top fixed; margin:0;padding:0; border:0px solid #000; width:100%;height:100%;}
#page {background-color:Transparent;padding:0;padding-top:10px; margin:0 auto;width:1002px;border:0px solid #000; position:relative;}
#page #header {background-color:Transparent;margin:0;padding:0; border:0px solid #000; position:relative; }
#page #header img { margin:0;padding:0;}
#page #content {position:relative;padding:0; margin:0;border:0px solid #7b8caf; border-bottom:0px; border-top:0px;}
#page #footer {font-size:9pt; text-align:center;background-color:Transparent;width:100%; border-top:1px solid #7b8caf;}
#page #footer table {background-color:Transparent;}
#page #footer #gotop{border-top:0px solid #666; background:#fff;}

#menu {	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#menu li{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
#menu li a{display:inline-block; text-decoration:none; color:#242; line-height:120%;padding:1px 0px;}
#menu li.selected a{display:inline-block; text-decoration:none; color:#fff}

#leftnav { /*background:#E0ECD4 url(../images/adom.gif) no-repeat left bottom;*/ width:245px; }

.headertab { 
	margin:0;padding:3px 5px; 
	border:1px solid #aaa;border-bottom:0px solid #aaa;
	background-color:#aaa;
	color:#000; width:300px; 
	position:relative;top:1px;
	
	text-shadow: 0px 1px 1px rgba(255,255,255,.5);
	
	-webkit-box-shadow:0px -2px 6px -3px #111;
	-moz-box-shadow:0px -2px 6px -3px #111;
	box-shadow:0px -2px 6px -3px #111;	
	
	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;		
}
.headertab.green { 
	border:1px solid #e3f4c0;border-bottom:0px solid #a9c986;
	background-color:#a9c986;
}
.table-green {
	-webkit-box-shadow:2px -2px 10px -4px #111;
	-moz-box-shadow:1px -2px 6px -3px #111;
	box-shadow:1px -2px 6px -3px #111;
}
.table-green th {text-shadow: 0px 1px 1px rgba(255,255,255,.5);}
.txtboxfocus {border:1px solid #a1484a;
    -webkit-box-shadow:inset 0px 0px 3px  rgba(128,1,1,.5);
	-moz-box-shadow:inset 0px 0px 3px  rgba(128,1,1,.5);
	box-shadow:inset 0px 0px 3px  rgba(128,1,1,.5);
}

p.year-title { padding:2px 3px;margin:0;}         
em.post-displaydate { color:#aaa; font-style:normal; font-size:80%;}
.notice { color:#f00;}
.underline { text-decoration:underline;}
.italic { font-style:italic;}
.bold { font-weight:bold;}
.upcase { text-transform:uppercase;}
.lowcase { text-transform:lowercase;}
.capitalize { text-transform:capitalize}
.normal {text-transform:none; text-decoration:none; text-align:left; font-weight:normal;}
.loading {position:absolute;top:0px;left:0px; color:#000; font-weight:bold;z-index:9000; border:0;}
.loading .content {padding:10px;position:absolute;top:0px;left:0px;color:#fff; font-size:150%; font-weight:bold; font-family:Arial;}
.gotop-box { border:1px solid #7b8caf; border-top:0px;}
.title {padding:0;margin:0;}
.small { font-size:80%;}
.table-grey {border:2px solid #aaa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.border-all { border-color:#ccc;}
.nav-left { height:24px;}
.nav-left li {float:left;}
.history-intro p, .ss-intro p { text-indent:40px; margin:10px 5px; text-align:justify}
.highlight { background-color: yellow }
.bg-border-r {background:none;border-right:1px solid #aaa;}
.bg-border-l {background:none;border-right:2px solid #aaa;}
.selected { background-color:#ccc;}
.nav {margin:0; padding:5px 5px 10px 5px; }
.updated em {padding:1px 3px; background-color:#f00; color:#fff; font-size:80%; font-style:normal;	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } 
.alpha-shadow {background-color:#222;-moz-opacity:.70; filter:alpha(opacity=70); opacity:.70;width:200px;height:50px;position:absolute;top:0px;left:0px;}
.right-tip-box {
	position:absolute;right:0px;top:2px;
	padding:5px 0px 5px 10px;
	border-width:1px 0px 1px 1px;
	border-color:#7b8caf #666 #666 #7b8caf;
	background-color:#2c477e;
	color:#fff;
	
	-webkit-box-shadow:  1px 1px 3px  rgba(1,1,1,.5);
	-moz-box-shadow: 1px 1px 3px  rgba(1,1,1,.5);
	box-shadow: 1px 1px 3px  rgba(1,1,1,.5);		
}
.right-tip-box a {color:#fff;}
.right-tip-box a:hover {color:#f00;}
.pshadow-l {background:url(v1/images/pshadow-l.png) repeat-y right top; height:5px}
.pshadow-r {background:url(v1/images/pshadow-r.png) repeat-y left top; height:5px}
.pshadow-t {background:url(v1/images/pshadow-t.png) repeat-x left bottom; height:5px}
.pshadow-b {background:url(v1/images/pshadow-b.png) repeat-x left top; height:5px}

.btips .updated { position:absolute; top:-5px;right:0px;}
.btips-theme {
	position: relative; 
	background-color:#2c477e;
	color: #fff; 
	padding: 5px; 
	margin-bottom: 5px;
    box-shadow: 0px 1px 5px #999; 
    -moz-box-shadow: 0px 1px 5px #999; 
    -webkit-box-shadow: 0px 1px 5px #999; 
}
.btips-theme span.tri-bottom-left
{
    position: absolute; left: 6px; bottom:-12px; 
	width: 0; height: 0; font-size: 0; 
    border-width: 6px; 
    border-style:solid dashed  dashed  dashed ;
    border-color:#2c477e transparent  transparent  transparent ;
} 

p.q { font-weight:bold; text-indent:0; margin:3px auto; padding:3px auto;}
p.ans { font-weight:normal; text-indent:0;}

.slideupbox {
    position:fixed;left:0;bottom:0;z-index:3001;
    background:#f9fbfc;
    border:1px solid #2c477e;
    display:none;
    width:1000px;height:600px;
    
	-webkit-box-shadow:  0px 0px 7px  #000;
	-moz-box-shadow:  0px 0px 7px  #000;
	box-shadow:  0px 0px 7px  #000;
    
    -moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	
	_position:absolute;
}
.slideupbox .wrapper {
    position:relative; 
    border-style:solid; border-width:2px;border-color:#fff #d9eaf4 #d9eaf4 #d9eaf4;
    background:#fff;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;     
}
.slideupbox .header{position:relative;height:30px;padding:0px 5px 0px 5px;}
.slideupbox .header a.btn-close{position:absolute;right:20px;top:5px;font-family:arial;cursor:pointer}
.slideupbox .header a.btn-print-fulldetail{position:absolute;right:40px;top:5px;font-family:arial;cursor:pointer}
.slideupbox .header h1.title {
	margin:0;padding:0px 8px; 
	border-style:solid; border-width:2px; border-color:#f78a2f #cc6c1e #cc6c1e #f78a2f;
	background-color:#f78a2f;
	color:#593212;
    position:absolute;top:-8px;left:8px;
	
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	
	text-shadow: 0px 1px 1px rgba(255,255,255,.5);
	
	-webkit-box-shadow:0px 2px 4px rgba(1,1,1,.5);
	-moz-box-shadow:0px 2px 4px rgba(1,1,1,.5);
	box-shadow:0px 2px 4px rgba(1,1,1,.5);	
	
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 	
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
	
	/*IE 6*/
	_z-index:1; 
	_top:-10px;    
}
.slideupbox .content
{
    position:relative;
    overflow:scroll;overflow-x:hidden;
    height:455px;margin:10px 10px 2px 10px;
    border-style:solid; border-width:1px;border-color:#ddd #fff #fff #ddd;
    background-color:#fff;
}
.slideupbox  ol { margin:5px; margin-left:20px; padding:5px;}
.slideupbox ol li {  list-style:decimal outside; margin-left:20px;}
.slideupbox ol li li { list-style:lower-alpha ouside; margin-left:20px;}
.slideupbox ul { margin:5px; padding:5px;}
.slideupbox ul li { list-style-type:disc;margin-left:20px;}
.slideupbox ul li li { list-style-type:circle; margin-left:20px;}
.slideupbox ul li li li { list-style-type:square; margin-left:20px;}
.slideupbox .footer{position:relative;}

.container {position:relative;padding:0;margin:0;}

.sidemenu {position:absolute;border:0px solid #000; top:10px; left:0px; text-align:left; width:200px;padding:0;margin:0;/*IE 6*/_z-index:1; _left:-200px;}
.sidemenu .title {border-bottom:1px dashed #ccc;padding:5px 5px 0px 5px;margin:0;}
.sidemenu .box{margin:0px 5px 5px 0px;}
.sidemenu ul {position:relative;}
.sidemenu li {padding:0;margin:0;list-style:none outside;border:0px solid #aaa; display:block;border-bottom:1px dashed #ddd;}
.sidemenu li a{position:relative;padding:10px 3px 10px 5px;color:#253c6e; display:block; cursor:pointer;}
.sidemenu li:hover,.sidemenu li a:hover {background-color:#bdd8fc; color:#f00;}
.sidemenu li.selected a{color:#000;}
.sidemenu li.selected {
	border:0px solid #aaa; 
	position:static;
	color:#21262d;
	background-color:#a0b6d6;

	border-top:1px solid #6a7d96;
	border-bottom:1px solid #6a7d96;	
	text-shadow: 0px 1px 1px rgba(255,255,255,.5);
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px; 	
}


.sidebar {position:absolute;border:0px solid #000; top:0px; left:0px; text-align:left; width:200px;padding:0;margin:0;/*IE 6*/_z-index:1; _left:-200px;}
.sidebar .title {border-bottom:1px dashed #ccc;padding:5px 5px 0px 5px;margin:0;}
.sidebar .box{margin:0px 5px 5px 0px;}
.sidebar ul {position:relative;}
.sidebar li {padding:0;margin:0;list-style:none outside;border:0px solid #aaa; display:block;}
.sidebar li a{position:relative;padding:10px 3px 10px 5px;color:#253c6e; display:block; cursor:pointer;}
.sidebar li:hover,.sidebar li a:hover {background-color:#bdd8fc; color:#f00;}
.sidebar li.selected a{color:#000;}
.sidebar li.selected {
	border:0px solid #aaa; 
	position:static;
	color:#21262d;
	background-color:#a0b6d6;

	border-top:1px solid #6a7d96;
	border-bottom:1px solid #6a7d96;	
	text-shadow: 0px 1px 1px rgba(255,255,255,.5);
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px; 	
}

.rightsidebar {position:absolute;border:0px solid #000; top:0px; right:0px; width:200px;padding:0;margin:0; _z-index:1;/* _right:200px;*/}
.rightsidebar .title {border-bottom:1px dashed #ccc;padding:5px 5px 0px 5px;margin:0;}
.rightsidebar .box{margin:0px 0px 5px 5px;}
.rightsidebar ul {position:relative;}
.rightsidebar li {padding:0;margin:0;list-style:none outside;border:0px solid #aaa; display:block;}
.rightsidebar li a{position:relative;padding:10px 3px 10px 5px;color:#253c6e; display:block; cursor:pointer;}
.rightsidebar li:hover,.rightsidebar li a:hover {background-color:#bdd8fc; color:#f00;}
.rightsidebar li.selected a{color:#000;}
.rightsidebar li.selected {
	border:0px solid #aaa; 
	position:static;
	color:#21262d;
	background-color:#a0b6d6;

	border-top:1px solid #6a7d96;
	border-bottom:1px solid #6a7d96;	
	text-shadow: 0px 1px 1px rgba(255,255,255,.5);
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px; 	
}

.cont-detail
{
	position:relative;
	letter-spacing:1px;
	margin:0;margin-left:200px;
	padding:30px 10px 0px 10px;
	border:0px;
	border-left:1px solid #aaa;
	border-top:1px solid #aaa;
	border-left:1px solid #fcb279;
	border-top:1px solid #fcb279;
	border-left:1px solid #6a7d96;
	border-top:1px solid #6a7d96;		
	
	
	
	-webkit-box-shadow:  -1px -1px 7px -3px #000;
	-moz-box-shadow:  -1px -1px 7px -2px #000;
	box-shadow:  -1px -1px 7px -2px #000;
	
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-left-radius: 5px; 
	border-top-left-radius: 5px;	
	
	min-height:500px;
	
	/*IE6*/
	_height:500px;
	
}
.cont-detail ol { margin:5px; margin-left:20px; padding:5px;}
.cont-detail ol li {  list-style:decimal outside; margin-left:20px;}
.cont-detail ol li li { list-style:lower-alpha ouside; margin-left:20px;}
.cont-detail ul { margin:5px; padding:5px;}
.cont-detail ul li { list-style-type:disc;margin-left:20px;}
.cont-detail ul li li { list-style-type:circle; margin-left:20px;}
.cont-detail ul li li li { list-style-type:square; margin-left:20px;}
.cont-detail h1.title {
	margin:0;padding:3px 8px; 
	border:1px solid #f78a2f;
	border-left:2px solid #f49e58;
	border-top:2px solid #f49e58;
	border-bottom:2px solid #cc6c1e;
	border-right:2px solid #cc6c1e;
	background-color:#f78a2f;
	color:#000; 
	color:#593212;
	position:absolute;top:-10px;left:8px;
	
	font-size:140%;
	font-weight:bold;
	font-family:Georgia,"微軟正黑體";
	line-height:120%;
	text-shadow: 0px 1px 1px rgba(255,255,255,.5);
	
	-webkit-box-shadow:0px 2px 4px -2px rgba(1,1,1,.5);
	-moz-box-shadow:0px 2px 4px -2px rgba(1,1,1,.5);
	box-shadow:0px 2px 4px -2px rgba(1,1,1,.5);	
	
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 	
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
	
	/*IE 6*/
	_z-index:1; 
	_top:-10px;
}
.cont-detail .vtabs {margin:0;padding:0;}
.cont-detail .vtabs li  {
    width:190px;list-style:none outside;margin:0; padding:0;
	-moz-border-radius: 5px 0px 0px 5px; 
	-webkit-border-radius: 5px 0px 0px 5px; 
	-o-border-radius: 5px 0px 0px 5px; 
	-ms-border-radius: 5px 0px 0px 5px; 
	border-radius: 5px 0px 0px 5px; 
}
.cont-detail .vtabs li.selected {width:191px;border-right:0px;}
.cont-detail .questform {border:0px solid #000;margin:10px;}
/*.cont-detail .questform .step{ margin:10px;}*/
.cont-detail .questform li { list-style:decimal; margin:0;padding-left:5px;}
.cont-detail .questform li li { list-style:lower-alpha; margin-left:20px;}
.cont-detail .questform li li li{ list-style:disc ; margin-left:20px;}
.cont-detail .questform li li li li{ list-style:circle ; margin-left:20px;}
.cont-detail .questform li.quest-item { margin:0;padding:0;padding-top:0px; margin-left:20px;}
.cont-detail .questform li.quest-item .txt{ font-weight:bold;}
.cont-detail .questform li.ans-item .txt{ font-weight:normal;}
.cont-detail .questform .label {width:150px;}
.cont-detail .questform .questnotend { border:1px solid #f00;}
.cont-detail .questform .question {padding:0;margin:0;} 

.portal-news {margin:0;padding:0}
.portal-news li {padding:0px 0px 5px 0px;}
.portal-news .post-displaydate { display:block;margin:0;padding:0}


.vtabs {
	margin:0;padding:0;
	position:absolute; 
	top:5px; left:10px; 
	width:200px;padding:0;margin:0;
	/*IE 6*/
	_z-index:1;
}
.vtabs li {	list-style:none outside;margin:0;padding:0;_border-bottom:1px dashed #aaa;}
.vtabs li a{position:relative;padding:10px 0px 10px 5px; display:block; cursor:pointer;}
.vtabs li a:hover {color:#f00;	
                   -moz-border-radius:0px;
                   -webkit-border-radius:0px;
                   border-radius:0px;
                   }
.vtabs li.selected a{color:#000;}
.vtabs li.selected {
	border:1px solid #aaa; border-right:0px solid #fff;
	color:#000;
	background-color:#fff;
	background:#fff url(../images/bg-sidemenu-item-selected.jpg);
	width:100%;

	/*IE 6*/
	_border:0px;
	_boder-top:1px solid #aaa;	
	_boder-bottom:1px solid #aaa;
	_background:#ccc;
	
}
.vtabs .title {border-bottom:1px dashed #ccc;padding:5px 5px 0px 5px;margin:0;}
.vtabs.normal {position:static;width:200px;padding:0;margin:0; }
.vtabs-content{
	margin:0;padding:10px;
	margin-left:201px;
	border:0px;
	border-left:1px solid #aaa;
	min-height:500px;
	
	/*IE 6*/
	_margin:0; 
	_padding-left:200px;
	_border:0px;
	_height:600px;
}
.vtabs-content ul.item-infront-photo li{
	list-style:none outside;
}


.box {width:auto; background:#fff url(v1/images/pshadow-t.png) repeat-x left bottom;}
.box { border:1px solid #7b8caf; padding:2px; margin:0;}
.box h1{background-color:#fff; color:#666; padding:0px 3px; font-size:120%; line-height:120%;  text-shadow: 0px 1px 1px #fff;}
.box-inset {margin:15px 0px 18px 0px;padding:0px; font-size:110%;border:0px solid #212;color:#222;}
.box-inset h2.title {font-size:100%;background-color:#A8CA86;padding:6px 10px;margin:0px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 	-webkit-box-shadow: inset 1px 1px 1px #888; -moz-box-shadow: inset 1px 1px 1px #888; box-shadow: inset 1px 1px 1px #888; }
.box-inset span{background-color:#A8CA86;display:inline-block;padding:2px 10px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 	-webkit-box-shadow: inset 1px 1px 1px #888; -moz-box-shadow: inset 1px 1px 1px #888; box-shadow: inset 1px 1px 1px #888;  }
.box-inset span select{border:0px;background-color:#A8CA86;padding:2px;}
.box-inset span select option {background-color:#fff;}

#main-navtab .tabs-content {
    margin:0;padding:0;
	position:relative;
	width:998px;
	display:none;
	border-left:2px solid #7b8caf; 
	border-right:2px solid #7b8caf;
	/*border-bottom:1px solid #ccc;*/
	background-color:#fff;
	background:#fff url(v1/images/pshadow-t.png) repeat-x left bottom;
	padding:0;
	margin:0;
	
	min-height:500px;
	
	/*IE 6*/
	_height:500px;
	
} 
#main-navtab .tabs-content p.year-title {margin:0; padding:5px 2px;}
#main-navtab .tabs-content .desc { font-size:100%;}
#main-navtab .tabs-content .small{ font-size:80%; color:#888; font-style:normal; }
#main-navtab ul#tabs {width:100%;border:0px solid #000; margin:0;padding:0;}
#main-navtab ul#tabs li.first { margin-left:0px;}
#main-navtab ul#tabs li {
    width:auto; margin-left:1px;overflow:hidden; float:left;
    border:1px solid #93b4bf; border-bottom:0px;
    text-transform:uppercase;
}
#main-navtab ul#tabs li.shadow 
{
    margin:0;padding:0; border-top:1px solid #415F9D;
}
#main-navtab ul#tabs li.ellipsis a{
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	max-width: 100%;
	width:150px;
	text-align:left;
}
#main-navtab ul#tabs li a{
    position:relative;
    display:block;padding:auto 2px;
    font-family:"微軟正黑體","Times New Roman", Helvetica, sans-serif;
	color:#236ab8;
}
#main-navtab ul#tabs li a:hover {
	color:#fff;
}
#main-navtab ul#tabs.tab-theme li.selected a:link,#main-navtab ul#tabs.tab-theme li.submenu-selected a:link,
#main-navtab ul#tabs.tab-theme li.selected a:visited,#main-navtab ul#tabs.tab-theme li.submenu-selected a:visited{
    color:#236ab8;
    background: #fefefe; /* for non-css3 browsers */
	-webkit-transition: background-color 0.2s linear;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#fefefe'); /* for IE */
	background: -moz-linear-gradient(top center, #fefefe, #fefefe 80%) repeat scroll 0 0 #fefefe;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #fefefe),color-stop(.8, #fefefe));
	border-bottom:0px;
}
#main-navtab ul#tabs.tab-theme li.selected1 a
{
    background: #ddd;
}
#main-navtab .submenu{
	margin:0;padding:0;
	position:relative;
	display:none;
	min-width:250px;
	background-color:#fff; 
	z-index: 2001;
	border:0px solid #000;
	float:left;
}
#main-navtab .submenu .content{
    width:auto;
    display:block;
    width:100%;
    
	margin:0;padding:0px;
	position:absolute; top:0px; left:0px; 
	border:1px solid  #415F9D;border-top:0px;
	z-index:3;
	-webkit-box-shadow:  0 5px 6px -3px rgba(1,1,1,.5);
	-moz-box-shadow: 0 5px 6px -3px  rgba(1,1,1,.5);
	box-shadow: 0 5px 6px  -3px rgba(1,1,1,.5);	
}
#main-navtab .submenu li{position:relative; list-style-type:square; list-style-position:outside; margin-left:20px;padding:0; display:block;}
#main-navtab .submenu li a{position:relative; text-decoration:none; color:#222; display:block; padding:5px 2px;}
#main-navtab .submenu li a:hover{color:#f00;}
#main-navtab .submenu .submenu_menu {float:left;padding:5px 0px 5px 0px;margin:0;width:250px;}
#main-navtab .submenu .submenu_cont {float:left;padding:5px 5px 5px 0px;margin:0;width:350px;border-left:1px solid #aaa;display:none;}

#advvideolist {margin:0;padding:10px;}
#advvideolist .pager-container {margin:0;padding:10px;clear:both; text-align:center;border-top:1px solid #ddd;}
#advvideolist li { float:left; margin:5px 10px;padding:0px;border:1px solid #fff;width:47%;}
#advvideolist li:hover 
{
    border:1px solid #c5dbe5;
    border-color:#c5dbe5 #92a3aa #92a3aa #c5dbe5;
    background: #fefefe; /* for non-css3 browsers f2f9fc*/
	-webkit-transition: background-color 0.2s linear;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f2f9fc'); /* for IE */
	background: -moz-linear-gradient(top center, #f2f9fc, #fefefe 80%) repeat scroll 0 0 #fefefe;
	background: -webkit-gradient(linear,left bottom,left top,color-stop(.2, #f2f9fc),color-stop(.8, #fefefe));	    
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.healthedu img {float:left; padding:0px 20px 10px 0px;width:150px;}
.healthedu p{text-indent:0px;}
.healthedu li{list-style:disc outside; margin-left:20px:;padding:0;}
.healthedu td{ vertical-align:top;padding:3px 5px 3px 5px;}
.healthedu .no{ padding:4px 2px; background-color:#f00; color:#fff;	-moz-border-radius: 25px; -webkit-border-radius: 25px;border-radius: 25px; }
.healthedu .topic-item { padding:4px 2px; background-color:#f9f0b1; color:#660000;	-moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px; }

table.table-default {border-color:#ccc;width:100%;}
table.table-default tr.over,table.table-default tr:hover{background-color:#eee;}
table.table-default th,table.table-default td{border-color:#ddd;min-height:32px;}
table.table-default th{ background-color:#ddd; color:#222;border-color:#aaa}
table.table-default tr.selected {background-color:#f1c3d0;}


/*CMS*/
.cms-post-nav {padding:10px 5px 10px 5px;}

.cms-pager { padding:5px auto;}
.cms-pager a.button {padding:3px 5px; border:1px solid #aaa;}
.cms-pager a.button:hover { background-color:#ccc;}

.cms-item-list {margin:0;padding:0;}
.cms-item-list li { list-style:none outside;padding:0;margin:0; line-height:150%;}
.cms-item-list li:hover,.cms-item-list li.over  {background-color:#eee;}	
.cms-item-list a.root-item,.cms-item-list a.item { cursor:pointer;margin:0; padding:0; vertical-align:text-bottom;}
.cms-item-list a.root-item:hover,.cms-item-list a.item:hover { background-color:#ddd;}

.cms-item-grid a.root-item,.cms-item-grid a.item { cursor:pointer}
.cms-item-grid a.root-item:hover,.cms-item-grid a.item:hover { background-color:#888;}

.item-normal {padding:10px 5px 5px 5px;}
.item-normal .header { margin:0; padding:0; font-size:110%; line-height:120%; }
.item-normal .header a{margin:0; padding:0; text-decoration:none;font-weight:bold;}
.item-normal li { list-style:square outside; margin-left:20px; line-height:150%;}

.item-block {padding:0; margin:0; }
.item-block .header { margin:0; padding:2px auto; font-size:110%; line-height:120%; }
.item-block .header a{margin:0; padding:0; text-decoration:none;font-weight:bold;}
.item-block .header .small{font-size:80%; font-weight:normal;}
.item-block .content { margin:5px;padding:0; font-size:100%;}
.item-block .footer { margin:0;padding:0; font-size:100%;}
.item-block li {border-bottom:1px dashed #aaa; padding:6px 0px 10px 0px;}

.dept-theme li {position:relative;float:left;width:305px;min-height:150px;padding:5px 5px 20px 5px; margin:5px;border:1px solid #fff;}
.dept-theme li:hover,
.dept-theme li.over{border:1px solid #aaa; border-color:#d9eaf4 #aaa #aaa #d9eaf4;background-color:#f9fbfc;}
.dept-theme li .more-detail{position:absolute;right:3px;bottom:3px;}



/*Page Link Group*/
.page-link-group .cms-item-list ul {padding:0;margin:0;}
.page-link-group .cms-item-list li {float:left;width:182px;height:52px;border:1px solid #fff;padding:0;margin:0px 0px 0px 2px; text-align:center;}
.page-link-group .cms-item-list li img {width:180px; height:50px; border:0px;}
.page-link-group .cms-item-list li .btn-item-edit img {width:auto;height:auto;}
.page-link-group li:hover,
.page-link-group li.over{border:1px solid #ccc;}
.page-link-group ul.pager {position:absolute; right:5px; top:5px;}
.page-link-group ul.pager li{float:left;width:1px;height:1px;padding:3px;margin:5px 2px 2px 2px;border:1px solid #222; border-color:#222 #aaa #aaa #222;background:#888;color:#222;-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; }
.page-link-group ul.pager li:hover,
.page-link-group ul.pager li.over { background:#fff;color:#fff;cursor:pointer;}
.page-link-group ul.pager li.selected { background:#eee;color:#fff;}
.page-link-group .page-link-container {height:220px;width:100%;margin:0;padding:0;overflow:hidden;overflow-x:hidden;position:relative;}

#tabcont_links h1.title {padding:10px 10px 0px 10px;}
#tabcont_links .container {padding:20px;}



/*loading*/
.ui-loading {
    position:absolute; left:50%;top:50%; z-index:9999;
    margin-left:-25px; margin-top:-25px;
    width:150px;
    height:80px;
    padding:0;margin:0;
    text-align:left;
    font:18px/40px bold Arial;
    vertical-align:middle;
}
.ui-loading.hide {left:-150px;top:-150px;}
.ui-loading img {float:left; border:0px;}

/*
.cms-icon { display:inline-block;width:16px;height:16px; background-position:left top; background-repeat:no-repeat;margin:0px 1px;}
.cms-icon-pdf {background-image:url(../pdf/geticon.aspx);}
.cms-icon-ppt {background-image:url(../ppt/geticon.aspx);}
.cms-icon-printer {background-image:url(../printer/geticon.aspx);}
.cms-icon-bluehome24 {background-image:url(../blue_home24/geticon.aspx);width:24px;height:24px;}
*/
