* { margin: 0; padding: 0; }
body
{
    background-position: 0 0;
    color: #000000;
    font: normal normal normal small normal Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    width: 960px; 
    margin: 0px auto;

}
h1,h2,h3,div#navigation,div#extra,.banner,.bottom_block,.Product_Title
{border: 3px solid #d9d9d9;}

h1:hover, h2:hover, h3:hover, div#navigation:hover, div#extra:hover, .banner:hover, .bottom_block:hover, .Product_Title:hover
{
    border: 3px solid #FFFF99;
}
h1, h2, h3, .marquee, .lng, .lnglink, .FontSTD, .logo_up, .logo_side
{
    font-family: 標楷體;
}    
h1
{
    padding: 5px 10px 5px 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 140%;
    text-indent: 20px;
    color: #FFFFFF;
    text-align: right;
    background-color: #14530C;
    vertical-align: top;
    background-image: url(images/bg_head.jpg);
    background-repeat: repeat;
}
h2
{
    padding: 5px;
    color: #FFFFFF;
    text-align: left;
    position: relative;
    margin-bottom: 5px;
    font-size: 16pt;
    background-color: #14530C;
    background-image: url(images/bg_product_title.jpg);
    background-repeat: repeat;
    vertical-align: middle;
    font-weight: bold;
}
h3
{
    padding: 5px;
    color: #FFFFFF;
    text-align: left;
    font-size: 15pt;
    background-color: #14530C;
    position: relative;
    margin-bottom: 5px;
    text-decoration: none;
    letter-spacing: 1px;
    background-image: url(images/bg_vr.jpg);
    background-repeat: repeat-x;
    vertical-align: middle;
}
h5
{
    color: #000000;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 10pt;
    font-weight: bold;
}
p
{
    margin: 5px 10px 5px 5px;
    font-family: Arial;
    font-size: 10pt;
    color: #000000;
    vertical-align: top;
    text-align: left;
    text-indent: 0pt;
    letter-spacing: 1pt;
    display: block;
    list-style-type: circle;
}
.FontSTD
{
    font-size: 130%;
    font-weight: bold;
    font-family: 標楷體;
}
.logo_up
{
    font-size: 15pt;
    font-weight: bold;
    display: inline-block;
}
.logo_side
{
    font-size: 16pt;
    font-weight: bold;
}
{
    font-size: 130%;
    width: 150px;
    font-weight: bold;
    display: inline-block;
}
hr
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.marquee
{
    display: block;
    float: left;
    margin-top: 1px;
    width: 520px;
    top: 38px;
    text-align: center;
    text-decoration: none;
    font-size: 14pt;
    list-style-type: none;
    height: 35px;
    left: 215px;
    position: absolute;
    z-index: 1;
    color: #FFFFFF;
    overflow: hidden;
}
.lng
{
    text-decoration: none;
    font-size: 9pt;
    color: #FFFFFF;
}
.lnglink
{
    font-size: 9pt;
    color: #00B1EC;
    margin-right: 20px;
}
#container1
{
    width: 960px; 
    margin: 0px auto;
    position: absolute;
}
div#wrapper{float:right;width:100%;margin-left:-230px}
div#content
{
    margin-left: 232px;
    margin-top: 3px;
    margin-bottom: 3px;
    vertical-align: top;
    text-align: left;
    color: #000000;
    z-index: 1;
}
div#navigation
{
    float: left;
    width: 215px;
    margin-top: 3px;
    margin-bottom: 3px;
    display: block;
    vertical-align: top;
    text-align: left;
    overflow: hidden;
}
div#extra
{
    float: left;
    width: 215px;
    display: block;
    clear: left;
    text-align: center;
    background-color: #68C13A;
    margin-top: 3px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-bottom: 5px;
    text-decoration: none;
    background-image: url(images/bg_vr.jpg);
    background-repeat: repeat;
}
.extra_label
{
    background-color: #14530C;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-style: inset;
    border-bottom-width: 1px;
    border-bottom-color: #d9d9d9;
    display: block;
    text-align: center;
    text-decoration: none;
    width: 215px;
    background-image: url(images/bg_extra_label.jpg);
    background-repeat: repeat;
    margin-bottom: 5px;
    vertical-align: middle;
    font-weight: bold;
}
img, div, a, input { behavior: url(App_Themes/iepngfix/iepngfix.htc) } 
ul
{
    padding: 5px;
    list-style-position: inside;
    list-style-type: disc;
}

.banner
{
    background-image: url(images/bg_banner.jpg);
    text-align: center;
    margin-top: 3px;
    margin-bottom: 3px;
    vertical-align: top;
    z-index: 999;
    background-color: #2D2358;
}
.bottom_block
{
    margin: 3px auto 2px auto;
    width: 955px;
    background-color: #14530C;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 5px;
    clear: both;
    background-image: url(images/bg_head.jpg);
    background-repeat: repeat;
}
.bottom_manu
{
    font: 11px Tahoma;
    margin: 10px 0 0 1px;
    color: #FFFFFF;
    text-decoration: none;
    padding-bottom: 5px;
}
.menu_vr_divider
{
    margin: 10px 5px 5px 5px;
    font: 11px Tahoma;
    display: inline;
}
.bottom_copyrights
{
    font: 11px Tahoma;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}
#Searchtable
{
    border: 1px solid #d9d9d9;
    margin-bottom: 5px;
}
#Searchtable td
{
    background-image: url(images/bg_table.gif);
    color: #FFFFFF;
}    
select
{
    padding: 0px;
    margin: 1px 0px 1px 0px;
}
a
{
    font-size: 9pt;
    line-height: 200%;
    color: #007799;
    text-decoration: none;
}
a:hover
{
    color: #FF9900;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;

}

a.linka:hover {background-color:#EFEFEF}
a.linkb:hover
{
    border-bottom: 1px dotted #000000;
    color: #FF9900;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
a.linkc:hover {color : #99cc00}
a.linkd:hover {font-size:10pt;color : #FF9900}

.menu1
{
    width: 190px;
    color: #FFFFFF;
    text-decoration: none;
    border: 3px solid #d9d9d9;

}
.menu1td.tda
{
    /*?詨蝚?撅??*/
    font-size: 12px;
    height: 20px;
    width: 189px;
    background-color: #333399;
    text-align: left;
    margin-top: -1px;
    border-bottom: 1px solid #1a1a1a;
    border-left: solid 1px #4c4c4c;
    border-bottom-color: #d9d9d9;
    border-left-color: #4c4c4c;
}
.menu1td.tda a
{
    /*?詨蝚?撅???*/
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 1px;
    padding-left: 5px;
}
.menu1td.tda a:hover
{
    background-color: #9900FF;
}
.menu1td.tda a:active
{
    background-color:#9900FF;
}
.menu1td.tdb
{
    /*?詨蝚?撅??*/
    font-size: 12px;
    height: 15px;
    width: 190px;
    text-decoration: none;
    background-color: #4698ca;
    border-bottom-style: groove;
    border-bottom-width: 1px;
    border-bottom-color: #1a1a1a;
    
}
.menu1td.tdb a
{
    /*?詨蝚?撅???*/
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 1px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
}
.menu1td.tdb a:hover
{
    background-color: #9900FF;
}
.menu1td.tdb a:active
{
    background-color:#9900FF;
}
.menu1td.tdc
{
    background-color: #00CC00;
    color: #000000;
}
 /* Content */
.Product_Title
{
    margin: 5px auto 5px auto;
    padding: 5px 10px 5px 20px;
    text-align: left;
    font-size: 140%;
    float: left;
    display: inline;
    color: #FFFFFF;
    clear: right;
    width: 582px;
    background-color: #14530C;
    background-image: url(images/bg_product_title.jpg);
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
}
.Product_Title:hover
{
    background-color: #00CC00;
    background-image: none;
}
.Product_Image
{
    margin: 5px 10px 0px 5px;
    float: left;
    text-align: center;
    width: 93px;
    display: block;
    overflow: hidden;
}
.Product_Content
{
float: left;
    clear: left;
    width: 100%;
    list-style-type: none;
    list-style-position: inside;
}
.Content_Title
{
    color: #FFFFFF;
    font-family: 標楷體;
    font-size: 14pt;
    font-weight: bold;
}
.Content_Title_en
{
    color: #FFFFFF;
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
}
.Content_Sec_Title
{
     font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}
/* bubble  */
a.bubble {
	cursor: help;
	text-decoration: none;
	color: #02c801;
	padding: 0 2px;
}
a.bubble:hover { 
	position: relative;
	z-index: 23;
} 
a.bubble span { 
	display: none;
} 
a.bubble:hover span {
	background: url(images/kut_buble.gif) no-repeat left bottom;
	width: 380px;
	font-size: 12px;
	padding: 0 0 27px 0; 
	display: block;
	position: absolute;	
	left: -305px;
	top: -170px;
	z-index: 700;
	color: #fff;
}
/* for opera */
@media all and (min-width:0px) {
head~body a.bubble:hover span { 
	left: auto;
	top: auto;
	margin: -165px 0 0 0;
	background: none;	
	}
}
/* /for opera */
/* for safari:kill opera's styles*/
body:last-child:not(:root:root) a.bubble:hover span { 
	margin: 0;
	left: -305px;
	top: -170px;
	background: url(images/kut_buble.gif) no-repeat left bottom;	
}
/* /for safari:kill opera's styles*/

a.bubble:hover img {
	float: left;
	border: none;
}
a.bubble:hover span i
{
    background-position: left bottom;
    background: #012801 url(images/bblbg_bot.gif) no-repeat left bottom;
    top: 0;
    left: 0;
    display: block;
    font-style: normal;
    overflow: auto;
    width: 379px;
    float: left;
    text-align: center;
}
a.bubble:hover span i q {
	background: url(images/bblbg_top.gif) no-repeat top left;
	padding: 20px 40px 10px 150;
	display: block;
	color: #fff;
	height: 140px;
	min-height: 120px;
}
/* /bubble */
/* SimpleEntertainmentMenu */
div#SimpleEntertainmentMenu
{
    display: inline;
   list-style-type: none;

}
.SimpleEntertainmentMenu ul
{
    display: inline;
    position: relative;
}
.SimpleEntertainmentMenu ul.AspNet-Menu
{
    width: 50em;
    display: inline;
    z-index: 9999;
    float: left;
    margin-top: 4px;
    margin-left: 3px;
    position: relative;
    list-style-type: none;
}

.SimpleEntertainmentMenu ul.AspNet-Menu ul
{
    width: 9em;
    top: 100%;
    left: 0;
    z-index: 9999;
    text-decoration: none;
    list-style-type: none;
    list-style-position: inside;
    
}

.SimpleEntertainmentMenu ul.AspNet-Menu ul ul
{
    top: -0.5em;
    left: 10em;
    z-index: 9999;
    list-style-type: none;
    color: #FFFFFF;
}

.SimpleEntertainmentMenu li
{
    width: 9em;
    background: #333;
    color: #FFFFFF;
    margin-top: -1px;
    border-top: 1px solid #1a1a1a;
    border-left: solid 1px #4c4c4c;
    border-style: solid;
    border-width: 1px;
    border-color: #1a1a1a #1a1a1a #1a1a1a #4c4c4c;
}

.SimpleEntertainmentMenu li:hover, /* list items being hovered over */
.SimpleEntertainmentMenu li.AspNet-Menu-Hover
{
    background: #4698ca;
}

.SimpleEntertainmentMenu a, .SimpleEntertainmentMenu span
{
    color: #FFFFFF;
    padding: 1px 0px 1px 0px;
    text-align: center;
    border-top: 1px solid #1a1a1a;
    border-left: solid 0px #4c4c4c;
    margin-top: -1px;
    border-top-color: #4c4c4c;
    border-left-color: #4c4c4c;
}

.SimpleEntertainmentMenu li.AspNet-Menu-Leaf a, /* leaves */
.SimpleEntertainmentMenu li.AspNet-Menu-Leaf span
{
    background-image: none !important;
    
}

.SimpleEntertainmentMenu li:hover a, /* hovered text */
.SimpleEntertainmentMenu li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu li:hover li:hover a,
.SimpleEntertainmentMenu li:hover li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.SimpleEntertainmentMenu li:hover li:hover li:hover a,
.SimpleEntertainmentMenu li:hover li:hover li:hover span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color: White;
}

.SimpleEntertainmentMenu li:hover li a, /* the tier above this one is hovered */
.SimpleEntertainmentMenu li:hover li span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li span,
.SimpleEntertainmentMenu li:hover li:hover li a,
.SimpleEntertainmentMenu li:hover li:hover li span,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.SimpleEntertainmentMenu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
    color: White;
}

.SimpleEntertainmentMenu .AspNet-Menu-Selected /* this tier is selected */
{
    background-color: #00CC00 !important;
}

.SimpleEntertainmentMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */
{
    background-color: #00CC00 !important;
}

.SimpleEntertainmentMenu .AspNet-Menu-ParentSelected
{
}
/* SimpleEntertainmentTreeView */
.SimpleEntertainmentTreeView 
{
    display: block;
    float: left;
    width: 100%;
}
.SimpleEntertainmentTreeView div.AspNet-TreeView ul li
{
    display: block;
    float: left;
    font-size: 9pt;
    background-color: #395573;
    width: 100%;
    background-image: url(bg_treeview.gif);
    color: #FFFFFF;
}

.SimpleEntertainmentTreeView div.AspNet-TreeView ul ul:hover
{
    background-color: #4698ca;
    background-image: none !important;
  
}

.SimpleEntertainmentTreeView div.AspNet-TreeView ul li img
{
    border: none;
}

.SimpleEntertainmentTreeView div.AspNet-TreeView li a
{
    text-decoration: none;
    color: #FFFFFF;
}
.SimpleEntertainmentTreeView div.AspNet-TreeView li:hover
{
    background-color: #4698ca;
    background-image: none !important;

}
.SimpleEntertainmentTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf
{
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    padding-left: 5px;
    overflow: visible;
    vertical-align: bottom;
    padding-right: 5px;
    height: 20px;
    padding-top: 2px;
}
.SimpleEntertainmentTreeView div.AspNet-TreeView li.AspNet-TreeView-Leaf:hover
{
        background-color: #4698ca;

}
.SimpleEntertainmentTreeView div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink
{
    cursor: pointer;
    vertical-align: bottom;

    }
.SimpleEntertainmentTreeView div.AspNet-TreeView .AspNet-TreeView-NonLink
{
    font-weight: bold;
    color: #FFFF00;
}
    
.SimpleEntertainmentTreeView div.AspNet-TreeView .AspNet-TreeView-Collapse
{
    background: url(collapse.gif) no-repeat; 
    width: 15px;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    vertical-align: text-bottom;
    height: 30px;
}
.SimpleEntertainmentTreeView div.AspNet-TreeView .AspNet-TreeView-Expand
{
    background: url(expand.gif) no-repeat; 
    width: 15px;
    float: left;
    cursor: pointer;
    margin-right: 5px;
    vertical-align: text-bottom;
    height: 30px;

}

.SimpleEntertainmentTreeView .AspNet-TreeView-Selected
{
    background-color: #00CC00 !important;
    background-image: none !important;
}

.SimpleEntertainmentTreeView .AspNet-TreeView-ChildSelected
{
    background-color: #F5FFFA ;

}

.SimpleEntertainmentTreeView .AspNet-TreeView-ParentSelected
{
    background-color: #4698ca;
    
}
.DL_Cell
{
    padding: 2px;
    border-width: 1px;
    border-color: #D9D9D9;
    border-style: Solid;
    vertical-align: top;
}
.DL_Cell:hover
{
    border-style: solid;
    border-color: #336699;
    text-decoration: blink;
}
.DL_label
{
    padding: 2px;
    line-height: 150%;
    font-size: 10pt;
}
.DL_label-1
{
    padding: 2px;
    line-height: 150%;
    font-size: 10pt;
    clear: left;
    display: block;
    font-weight: bold;
    word-spacing: 2px;
}
.div_dic
{
    margin-top: 15px;
    margin-bottom: 10px;
    clear: left;
    vertical-align: text-top;
}
.div_rh
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 3px;
    vertical-align: top;
}
.dr:hover
{
    background-color: #333399;
    color: #FFFFFF;
}