body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/*img, div {
	behavior:url("images/iepngfix.htc");
}*/
.dotimg{background: url(../images/_.....gif);}
/*.layer{
	background-color:#000000;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	filter:alpha(opacity=70);
	position:absolute;
}*/
h3,h4{line-height:0px; display:inline; font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif; }
.css1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}
.css1 A:link {color:#000000;font-size:14px;text-decoration:none;text-decoration:none}
.css1 A:visited {color:#ff0000;font-size:14px;text-decoration:none;text-decoration:none}
.css1 A:hover {color:#ff0000;font-size:14px;text-decoration:none;text-decoration:none}

.css3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
.css3 A:link {color:#666666;font-size:13px;text-decoration:none;text-decoration:none}
.css3 A:visited {color:#666666;font-size:13px;text-decoration:none;text-decoration:none}
.css3 A:hover {color:#666666;font-size:13px;text-decoration:none;text-decoration:underline}

.css5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}

.css6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff0000;
}

.css7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.css7 A:link {color:#333333;font-size:13px;text-decoration:none;text-decoration:none}
.css7 A:visited {color:#333333;font-size:13px;text-decoration:none;text-decoration:none}
.css7 A:hover {color:#333333;font-size:13px;text-decoration:none;text-decoration:underline}

.css8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ff0000;
}
.css8 A:link {color:#ff0000;font-size:14px;text-decoration:none;text-decoration:none}
.css8 A:visited {color:#ff0000;font-size:14px;text-decoration:none;text-decoration:none}
.css8 A:hover {color:#ff0000;font-size:14px;text-decoration:none;text-decoration:underline}

.css9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.css9 A:link {color:#333333;font-size:14px;text-decoration:none;text-decoration:none}
.css9 A:visited {color:#333333;font-size:14px;text-decoration:none;text-decoration:none}
.css9 A:hover {color:#6699FF;font-size:14px;text-decoration:none;text-decoration:none}

.css9_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.css9_red A:link {color:#333;font-size:14px;text-decoration:none;text-decoration:none}
.css9_red A:visited {color:#333;font-size:14px;text-decoration:none;text-decoration:none}
.css9_red A:hover {color:#f66;font-size:14px;text-decoration:none;text-decoration:none}

.css10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

.css11_red {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}
.css11_red A:link {color:#666666;font-size:14px;text-decoration:none;text-decoration:none}
.css11_red A:visited {color:#ff6666;font-size:14px;text-decoration:none;text-decoration:none}
.css11_red A:hover {color:#ff6666;font-size:14px;text-decoration:none;text-decoration:none}

.language { width: 23px; height: 23px; background-image: url(images/language.png)}
.icon-en{ background-position: 0 0; cursor:pointer }
.icon-en:hover,.icon-en-here{ background-position: -24px 0; }
.icon-cht{ background-position:  -48px 0; cursor:pointer }
.icon-cht:hover,.icon-cht-here{ background-position: -72px 0; }
.icon-chs{ background-position:  -96px 0; cursor:pointer }
.icon-chs:hover,.icon-chs-here{ background-position: -120px 0; }

.social { width: 21px; height: 20px; background-image: url(images/social.png); cursor:pointer}
.icon-fb-ha{ background-position: -44px 0; }
.icon-fb-vs{ background-position: -22px 0; }
.icon-fb-vs:hover,.icon-fb-ha:hover{ background-position: 0 0; }
.icon-tt-ha{ background-position: -110px 0;}
.icon-tt-vs{ background-position: -88px 0;}
.icon-tt-vs:hover,.icon-tt-ha:hover{ background-position: -66px 0; }
.icon-rs-ha{ background-position: -176px 0;}
.icon-rs-vs{ background-position: -154px 0;}
.icon-rs-vs:hover,.icon-rs-ha:hover{ background-position: -132px 0; }

.video { width: 47px; height: 21px; background-image: url(images/video.png); cursor:pointer}
.icon-tube-ha{ background-position: -96px 0; }
.icon-tube-vs{ background-position: -48px 0; }
.icon-tube-vs:hover,.icon-tube-ha:hover{ background-position: 0 0; }

/*首頁選單*/
#hmenu{ margin:0; padding:0; list-style:none }
#hmenu li{ float:left; margin:0; list-style:none; font-size:15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#hmenu li a{ color:#FFF; padding:5px 30px 14px 30px; display:block; text-decoration:none }
#hmenu li a:visited {}
#hmenu li a:hover{ color:#F00; background-color:#FFF; text-decoration:none }
#hmenu li div#current{background-color:#FFF; color:#F00; padding:5px 30px 14px 30px; }

/*產品及新聞選單*/
#pro_menu{ margin:0; padding:0; list-style:none }
#pro_menu li{ list-style:none; padding:5px 10px; font-size:16px }
#pro_menu li a{ color:#333; display:block; text-decoration:none }
#pro_menu li a:visited {}
#pro_menu li a:hover{ color:#F66; text-decoration:none }
#pro_menu li#current{ background-color:#F66; color:#FFF }
#pro_menu li#current a{ color:#FFF }
#pro_menu li#current a:hover{ color:#333 }

/*分頁*/
#numpage ul{ margin:0; padding:0;}
#numpage ul #current{ background-color:#F66; color:#FFF; border:1px solid #F66; font-weight:bold; padding:2px 5px 1px 5px; }
#numpage ul .disable{ display:block; padding:2px 5px 1px 5px; color:#CCC; border:1px solid #CCC; }
#numpage ul li{ font-size:12px; list-style-type:none; float:left; text-align:center; margin:4px; }
#numpage ul li a{ font-weight:bold; color:#666; display:block; padding:2px 5px 1px 5px; border:1px solid #666; text-decoration:none; }/*display:block;必須要加的，這樣才能塊狀顯示！*/
#numpage ul li a:visited {}
#numpage ul li a:hover{ background-color:#F66; color:#FFF; border:1px solid #F66; text-decoration:none; }

/*下拉選單*/
* ul{ margin: 0; padding: 0; }
ul#navmenu-h { margin: 0; padding: 0; list-style: none; position: relative; }
ul#navmenu-h ul {
	width: 400px; /*Sub Menu Width - 160px*/
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	float:left
	/*border: 1px solid #CCC*/
}
ul#navmenu-h ul ul,ul#navmenu-h ul ul ul { top: 0; left: 100%; }
ul#navmenu-h li { float: left; display: inline; position: relative; }
ul#navmenu-h ul li { /*width: 100%;*/ display: block; padding: 8px 0;}
/* Root Menu */
ul#navmenu-h a {
 /*padding: 6px;*/
 float: left;
 display: block;
 text-decoration: none;
}
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,ul#navmenu-h li:hover a,ul#navmenu-h li.iehover a {
 background: #FFF;
 color: #000;
}
/* 2nd Menu */
ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 background: #FFF;
 color: #666;
 /*width: 188px;*/
}
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
 /*background: #F65C5B;*/
 color: #F65C5B;
}
/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

/**************second menu****************/
ul#navmenu-s { margin: 0; padding: 0; list-style: none; position: relative; }
ul#navmenu-s ul {
	width: 400px; /*Sub Menu Width - 160px*/
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	float:left
	/*border: 1px solid #CCC*/
}
ul#navmenu-s ul ul,ul#navmenu-s ul ul ul { top: 0; left: 100%; }
ul#navmenu-s li { float: left; display: inline; position: relative; }
ul#navmenu-s ul li { /*width: 100%;*/ display: block; padding: 8px 0;}
/* Root Menu */
ul#navmenu-s a {
 /*padding: 6px;*/
 float: left;
 display: block;
 text-decoration: none;
}
/* Root Menu Hover Persistence */
ul#navmenu-s a:hover,ul#navmenu-s li:hover a,ul#navmenu-s li.iehover a {
 background: #FFF;
 color: #000;
}
/* 2nd Menu */
ul#navmenu-s li:hover li a,ul#navmenu-s li.iehover li a {
 background: #FFF;
 color: #666;
 /*width: 188px;*/
}
/* 2nd Menu Hover Persistence */
ul#navmenu-s li:hover li a:hover,ul#navmenu-s li:hover li:hover a,ul#navmenu-s li.iehover li a:hover,ul#navmenu-s li.iehover li.iehover a {
 /*background: #F65C5B;*/
 color: #F65C5B;
}
/* Hover Function - Do Not Move */
ul#navmenu-s li:hover ul ul,ul#navmenu-s li:hover ul ul ul,ul#navmenu-s li.iehover ul ul,ul#navmenu-s li.iehover ul ul ul { display: none; }
ul#navmenu-s li:hover ul,ul#navmenu-s ul li:hover ul,ul#navmenu-s ul ul li:hover ul,ul#navmenu-s li.iehover ul,ul#navmenu-s ul li.iehover ul,ul#navmenu-s ul ul li.iehover ul { display: block; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:26px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}