/* CSS Document */
@charset "utf-8";
/*全域屬性設定
------------------------*/
* { padding:0; margin:0;}
*, *:before, *:after { box-sizing: border-box;}
html, body { padding:0; margin:0;
/*解決手機溢位隱藏的問題*/position:relative;}
html { 
/*針對 Safiri Mobile 旋轉時自動放大做的調整*/
-webkit-text-size-adjust: 100%;}
body{
	background-color:#FFF;
	margin:0;
	/*font-family:Verdana, 微軟正黑體;*/
	font-family:微軟正黑體;
	-webkit-text-size-adjust:none;	/*解決Chrome 字型無法設定小於12px*/
	font-size:12px;
	line-height: 150%;
	color:#000000;
}
#wrapper { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:1740px; }

td { font-size:12px; color: #000000; text-decoration: none; line-height: 150%; /*word-break:break-all;*/ }
/*去除超連結的虛線*/
a { color:#434343; text-decoration: none; outline: none; /* for Firefox Google Chrome  */ behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:hover { color:#ff6600; text-decoration:underline; }
a img { border: none; }
form .length-xxs { width:25px }
form .length-xs { width:80px }
form .length-s { width:150px }
form .length-m { width:200px }
form .length-l { width:250px }
form .length-xl { width:300px }
form .length-xxl { width:500px }
form .length-max { width:99% }
form .textarealength-xl { width:300px; height:9em; }
form .textarealength-xxl { width:500px; height:9em; }
form .textarealength-max { width:99%; height:9em; _width:auto; _height:auto; }
input, button { padding:2px; margin:0; font:13px Geneva, Arial, Helvetica, sans-serif }
textarea { padding:2px; margin:0; font:13px Geneva, Arial, Helvetica, sans-serif; resize:none; }
select { padding:0px; margin:0; font:13px Geneva, Arial, Helvetica, sans-serif }
input[type="button"], input[type="reset"], input[type="submit"], input[type="image"] { letter-spacing:0.15mm; cursor:pointer }
input[type="text"], input[type="password"], textarea, select { border:1px solid #cccccc; background-color:#fff }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border:1px solid #cccccc; background-color:#ffffcc; }
input[type=checkbox] { vertical-align: middle; padding:0; }
input[type=radio] { border:none; }
.mark-required, .mark-optional { padding:0 3px; color:#f00; font-weight:bold }
.requireddescr { text-align:center; color:#333; padding:10px 0 0 0; }
.formbtn { text-align:center; padding:20px 0 0 0; }
.css_NoData { text-align:center; color:#ff0000; padding:40px 0 40px 0; }
br { letter-spacing: 0px; }

/*超出範圍顯示"..."*/
white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;


/* 字級大小設定 */
.fontsize1, .fontsize1 td { font-size:8pt; }
.fontsize2, .fontsize2 td { font-size:10pt; }
.fontsize3, .fontsize3 td { font-size:12pt; }
.fontsize4, .fontsize4 td { font-size:14pt; }
.clear { clear:both; _height:0px; _overflow:hidden; }
.clearfix:after { display:block; visibility:hidden; clear:both; height:0; font-size:0; content:"." }



/*時間*/
#RWDdate-wrapper { width:100%; height:auto; background-color:#205aa7; margin:0 auto; text-align:right; }
#RWDdate-wrappertime { width:100%; padding:0 10px; height:50px; background-color:#205aa7; color:#7ecef4; font-size:16px; margin:0 auto; text-align:right; line-height:50px; overflow:hidden;}

/* floatlayer */
.floatlayer { width:50px; width:75px; height:250px; height:auto; position:fixed; z-index:100; zoom:1; top:50%; margin-top:-175px; right:0; float:right; }
*html .floatlayer { position:absolute }
.floatlayer h3 { display:none }
.floatlayer ul { width:50px; height:250px; width:auto; height:auto; display:inline-block; overflow:hidden; float:left; }
.floatlayer li { width:50px; height:50px; overflow:hidden; float:left; display:inline-block; margin-left:12.5px; }
.floatlayer li a { display:block; width:100%; height:auto; overflow:hidden; float:left;}
.floatlayer li img { display:block; max-width:100%; height:auto; float:left;}
.floatlayer li.logo { width:75px; height:auto; margin-left:0; margin-bottom:5px;}


.content-wrapper { width:960px; height:auto; margin:10px auto 0 auto; padding:0 0 30px 0; }
.content-sidebar { float:left; width:221px; text-align:left; }
.sidebar .title { padding:0 0 18px 0; }
.sidebar ul { list-style-type:none; margin:0; padding:0; line-height:130%; }
.sidebar ul li { clear:both; float:left; width:221px; padding:0; }
.sidebar ul li.line { background-image:url(../Images/Line01.gif); background-repeat:repeat-x; background-position:0 0; height:3px; _overflow:hidden; margin:0; padding:0; }
.sidebar ul li a { width:206px; display:block; margin:0; padding:5px 5px 4px 10px; color:#000000; text-decoration:none; background-image:none; }
.sidebar ul li a:hover { width:196px; margin:0; padding:5px 15px 4px 10px; color:#ffffff; text-decoration:none; background-image:url(../Images/subMenu_Bg.gif); background-repeat:no-repeat; background-position:100% 0; background-color:#0067e3; }
.sidebar ul li.show a { width:170px; line-height:130%; }
.sidebar ul li.show a:hover { width:160px; line-height:130%; }
.sidebar ul li.on a { color:#005cd0; }
.sidebar ul li.on a:hover { color:#ffffff; }
.sidebar ul li ul li a { width:194px; display:block; margin:0; padding:5px 5px 4px 22px; color:#000000; text-decoration:none; background-image:url(../Images/Show/Icon_ShowType.gif); background-position:13px 8px; background-repeat:no-repeat; }
.sidebar ul li ul li a:hover { width:184px; margin:0; padding:5px 15px 4px 22px; color:#ffffff; text-decoration:none; background-image:url(../Images/subMenu_Bg.gif); background-repeat:no-repeat; background-position:100% 0; background-color:#0067e3; }
.sidebar ul li.show ul li a, .sidebar ul li.on ul li a { width:194px; color:#000000; }
.sidebar ul li.show ul li a:hover, .sidebar ul li.on ul li a:hover { width:184px; color:#ffffff; }
.sidebar ul li ul li.on a, .sidebar ul li.show ul li.on a, .sidebar ul li.on ul li.on a { color:#005cd0; }
.sidebar ul li ul li.on a:hover, .sidebar ul li.show ul li.on a:hover, .sidebar ul li.on ul li.on a:hover { color:#ffffff; }
.sidebar ul li ul li ul li a { width:180px; display:block; margin:0; padding:5px 5px 4px 34px; color:#000000; text-decoration:none; background-image:url(../Images/Show/Icon_ShowCat.gif); background-position:25px 8px; background-repeat:no-repeat; }
.sidebar ul li ul li ul li a:hover { width:170px; margin:0; padding:5px 15px 4px 34px; color:#ffffff; text-decoration:none; background-image:url(../Images/subMenu_Bg.gif); background-repeat:no-repeat; background-position:100% 0; background-color:#0067e3; }
.sidebar ul li.show ul li ul li a, .sidebar ul li.on ul li ul li a, .sidebar ul li.show ul li.on ul li a, .sidebar ul li.on ul li.on ul li a { width:180px; color:#000000; }
.sidebar ul li.show ul li ul li a:hover, .sidebar ul li.on ul li ul li a:hover, .sidebar ul li.show ul li.on ul li a:hover, .sidebar ul li.on ul li.on ul li a:hover { width:170px; color:#ffffff; }
.sidebar ul li ul li ul li.on a, .sidebar ul li.show ul li ul li.on a, .sidebar ul li.on ul li ul li.on a, .sidebar ul li ul li.on ul li.on a, .sidebar ul li.show ul li.on ul li.on a, .sidebar ul li.on ul li.on ul li.on a { color:#005cd0; }
.sidebar ul li ul li ul li.on a:hover, .sidebar ul li.show ul li ul li.on a:hover, .sidebar ul li.on ul li ul li.on a:hover, .sidebar ul li ul li.on ul li.on a:hover, .sidebar ul li.show ul li.on ul li.on a:hover, .sidebar ul li.on ul li.on ul li.on a:hover { color:#ffffff; }
.content-main { float:right; width:715px; text-align:left; }
.content-mainprd { float:right; width:960px; text-align:left; }
.content-main #crumb, .content-mainprd #crumb { margin:0; background-color:#f8f8f8; border-bottom: 1px dashed #ccc; }
.content-main #crumb h3, .content-mainprd #crumb h3 { display:none }
.content-main #crumb ul, .content-mainprd #crumb ul { color:#333; text-align:left; list-style-type:none; background-color:#f8f8f8; border-bottom:1px solid #ffffff; margin:0 5px 0 5px; padding:7px 0 5px 0;/* overflow:hidden;*/ line-height:130%; }
.content-main #crumb ul li, .content-mainprd #crumb ul li { display:inline; margin-right:2px; *margin-right:5px;
padding-right:13px; *padding-right:10px;
background:url(../Images/Icon_Arrow3.gif) no-repeat right 4px; }
.content-main #crumb ul li.last, .content-mainprd #crumb ul li.last { background:none; color:#a30000; }
.content-main #crumb ul li a, .content-mainprd #crumb ul li a { color:#000000; text-decoration:none; }
.content-main #crumb ul li a:hover, .content-mainprd #crumb ul li a:hover { color:#a30000; text-decoration:none; }
.content-main .pagetitle, .content-mainprd .pagetitle { padding:24px 0 8px 8px; background-image:url(../Images/Title_Line.gif); background-repeat:repeat-x; background-position:0 100%; font-size:18px; font-weight:bold; color:#424242; }
.content-main .fontsize { text-align:right; padding:5px 0 10px 0; }
.content-main .fontsize span { padding:0 0 0 5px; vertical-align:top; }
.content-main .content, .content-mainprd .content, .content-mainbox .content { padding:10px 10px 0px 10px; }
.content-main h1 { font-size:16px; line-height:130%; color:#005cd0; font-weight:normal; margin-bottom:10px; }
.content-mainbox { width:100%; height:auto; margin:0 auto 0 auto; }
.content-mainbox .pagetitle { padding:0 0 8px 0; background-image:url(../Images/Title_Line.gif); background-repeat:repeat-x; background-position:0 100%; }
.socialnetwork { float:right; }
.socialnetwork ul li { float:left; padding:0 5px 0 0; }
.socialnetwork ul li.sendfirend { background-image:url(../Images/Share/Icon_Email.gif); background-repeat:no-repeat; background-position:0 3px; padding:1px 0 0 21px; }
.topbanner { width:961px; height:auto; margin:9px auto 0 auto; padding:0 0 0 0; }
.leftbanner { margin:30px auto 0 auto; padding:0 0 0 0; }
.back-wrapper { padding:20px 0 0 0; text-align:center; }
.category-content { margin-bottom:10px; }
.category-image { float:right; margin:0 0 10px 10px; }

/* 聯絡我們表單 */
.contactform { }
.contactform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:80px; }
.contactform ul li { padding:8px 0 0 0; margin:0; line-height:100%; }

/* 進階搜尋表單 */
.searchform { }
.searchform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:80px; }
.searchform ul li { padding:8px 0 0 0; margin:0; line-height:100%; }
.searchform ul.application { float:left; width:600px; margin-bottom:10px; }
.searchform ul.application li { float:left; width:150px; }

/* Help表單 */
.helpform { }
.helpform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:90px; }
.helpform ul li { padding:8px 0 0 0; margin:0; line-height:100%; }

/* 產品註冊表單 */
.registerform { }
.registerform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:80px; }
.registerform ul li { padding:8px 0 0 20px; margin:0; line-height:100%; }
.registerform ul li.custinfo { display:block; overflow:hidden; height:17px; background:url(../Images/subTitle_CustomerInfo.gif) no-repeat 0 0; text-indent: -100000px; margin:0px 0 5px 0; padding:0; }
.registerform ul li.prdinfo { display:block; overflow:hidden; height:17px; background:url(../Images/subTitle_PurchaseInfo.gif) no-repeat 0 0; text-indent: -100000px; margin:15px 0 5px 0; padding:0; }

/* 產品註冊會員登入 */
.loginwrapper { margin:0 0 20px 0; }
.loginwrapper .title { text-align:center; color:#005cd0; }
.loginwrapper .content { width:500px; margin:10px auto 0 auto; }

/* 會員表單 */
.memberform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:80px; }
.memberform ul li { clear:both; padding:8px 0 0 0; margin:0; line-height:100%; }
.memberform ul li h3.data { width:auto; padding:5px 0 0 0; margin:0; color:#005cd0; }

/* 會員登入表單 */
.memberlogintitle { text-align:center; padding:10px 0px 10px 0px; color:#ff6600; }
.memberlogin { width:450px; height:auto; margin:0 auto 0 auto; }
.memberlogin ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:50px; }
.memberlogin ul li { padding:8px 0 0 0; margin:0; line-height:100%; }

/* 忘記密碼表單 */
.memberpswformtitle { text-align:center; padding:10px 0px 10px 0px; color:#ff6600; }
.memberpswform { width:280px; height:auto; margin:0 auto 0 auto; }
.memberpswform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:50px; }
.memberpswform ul li { padding:8px 0 0 0; margin:0; line-height:100%; }

/* 推薦給好友表單 */
.showroomsendform { }
.showroomsendform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:140px; }
.showroomsendform ul li { clear:both; padding:8px 0 0 0; margin:0; line-height:100%; }
.showroomsendform ul li h3.data { width:auto; padding:5px 0 0 0; margin:0; color:#005cd0; }

/* 首頁 */
.defnewswrapper { width:100%; height:auto; overflow:hidden; padding:0 10px;}
.facebookfans { font-size:11px; background-image:url(../Images/Share/Icon_Facebook.gif); background-repeat:no-repeat; background-position:left 1px; *background-position:left 2px;
text-align:left; padding:0px 0px 3px 20px; }
.facebookfans A:active, .facebookfans A:link, .facebookfans A:visited { color: #2d4da7; text-decoration: none; }
.facebookfans A:hover { color: #ff0000; text-decoration: underline; }

/* 購物車 */
.shoppingcart-wrapper { border-top:1px solid #666666; border-right:1px solid #666666; }
.shoppingcart-wrapper td.title { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#666666; color:#ffffff; text-align:left; font-size:16px; font-weight:bold; padding:10px 0 10px 10px; }
.shoppingcart-wrapper td.title2 { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#dddddd; text-align:center; padding:10px 0 10px 0; }
.shoppingcart-wrapper td.title3 { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#dddddd; text-align:left; padding:5px 0 5px 0; }
.shoppingcart-wrapper td { border-bottom:1px solid #666666; border-left:1px solid #666666; padding:5px; vertical-align:middle; }
.shoppingcart-wrapper td.price { border-left:none; }
.shoppingcart-wrapper td.notice { background-color:#FFE8E8; }

/* 訂單查詢表單 */
.ordsrhformtitle { text-align:center; padding:10px 0px 10px 0px; color:#ff6600; }
.ordsrhform { width:285px; height:auto; margin:0 auto 0 auto; }
.ordsrhform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:60px; }
.ordsrhform ul li { padding:8px 0 0 0; margin:0; line-height:100%; }

/* 報價單 */
.quotecart-wrapper { border-top:1px solid #666666; border-right:1px solid #666666; }
.quotecart-wrapper td.title { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#666666; color:#ffffff; text-align:left; font-size:16px; font-weight:bold; padding:10px 0 10px 10px; }
.quotecart-wrapper td.title2 { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#dddddd; text-align:center; padding:10px 0 10px 0; }
.quotecart-wrapper td.title3 { border-bottom:1px solid #666666; border-left:1px solid #666666; background-color:#dddddd; text-align:left; padding:5px 0 5px 0; }
.quotecart-wrapper td { border-bottom:1px solid #666666; border-left:1px solid #666666; padding:5px; vertical-align:middle; }
.quotecart-wrapper td.price { border-left:none; }
.quotecart-wrapper td.notice { background-color:#FFE8E8; }

/* 分頁設定 */
.css_PageList { padding:10px 3px 3px 3px; margin:3px; text-align:right; line-height:100%; }
.css_PageList a { border:#eee 1px solid; padding:2px 5px 5px 5px; margin:2px; font-family:Tahoma, Geneva, sans-serif; color: #036cb4; text-decoration: none; }
.css_PageList a:hover { border:#999 1px solid; color: #ffffff; background:#036cb4; text-decoration:none; }
.css_PageList .current { padding:2px 5px 2px 5px; margin:2px; color: #000000; font-weight: bold; line-height:1.2em; vertical-align:middle; }
.css_PageList .disabled { border-right: #eee 1px solid; border-left: #eee 1px solid; border-top: #eee 1px solid; border-bottom: #eee 1px solid; padding-right: 5px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; margin: 2px; font-family:Tahoma, Geneva, sans-serif; text-decoration:none; color: #ddd; }
.css_PageList .total { font-family:Tahoma, Geneva, sans-serif; color:036cb4; }
.css_PageList_EN { line-height:1.2em; vertical-align:middle; font-size:12px; }
.css_PageList_TW { line-height:0px; vertical-align:middle; font-size:11px; }

/* ==================== other ==================== */
.radio { border:#ffffff 0px solid; background-color:transparent; }
.notice { color:#FF0000; }
.Line { border-bottom:#BFBFBF 1px dotted; }
.CatArrow { padding:0px 5px 0px 5px; }
.TitleFont { color:#075F8D; Font-size:12pt; font-weight: bold; }
.showRoomFont { font-size: 24px; color: #005cd0; font-family: "Trebuchet MS", Verdana; }
.SmallFont { font-size:8pt; }

/*圖片外框*/
.ImgBorder { border:#cccccc 1px solid; background-color:#ffffff; text-align: center;  		/* 相片水平居中 */ vertical-align: middle;  	/* 相片垂直居中 */ padding: 1px; }
.ImgBorder02 { border:#cccccc 1px solid; }
.ImgBorder03 { border:#cccccc 1px solid; background-color:#ffffff; text-align: center;  		/* 相片水平居中 */ vertical-align: middle;  	/* 相片垂直居中 */ padding: 4px; }
.ShowImgBorder { border:#cccccc 1px solid; }
.ShowImgBorderOn { border:#900 1px solid; }

/*Include 分類 -- 2010.09.17 Add*/
.css_IncCatalog a { color: #555555; text-decoration: none; }
.css_IncCatalog a:hover { color: #075F8D; text-decoration: underline; }
.css_IncCatalog ul { margin:0px 3px 0px 0px; padding:0px 3px 0px 0px; list-style-type:none; }
.css_IncCatalog ul li { background-image:url(../Images/Share/Icon_Catalog.gif); background-repeat:no-repeat; background-position:left 7px; *background-position:left 8px;
display:block; text-align:left; margin:0px 0px 0px 1px; padding:3px 0px 3px 14px; border-bottom:#BFBFBF 1px dotted; }
.css_IncCatalog ul li.SubItem { background-image:url(../Images/Share/Icon_Catalog.gif); background-repeat:no-repeat; background-position:left 7px; *background-position:left 8px;
display:block; text-align:left; margin:0px 0px 0px 1px; padding:3px 0px 3px 14px; border-bottom:#BFBFBF 0px dotted; }

/*ugC_incShow.asp 產品分類 -- 2010.09.17 Add*/
.css_IncShow ul { margin:0px 3px 0px 0px; padding:0px 3px 0px 0px; list-style-type:none; }
.css_IncShow ul li { padding:3px 0px 3px 14px; }
.css_IncShowKind { background-image:url(../Images/Show/Icon_ShowKind.gif); background-repeat:no-repeat; background-position:left 7px; *background-position:left 8px;
display:block; text-align:left; margin:0px 0px 0px 1px; padding:0px 0px 3px 11px; border-bottom:#BFBFBF 1px dotted; }
.css_IncShowType { background-image:url(../Images/Show/Icon_ShowType.gif); background-repeat:no-repeat; background-position:left 7px; *background-position:left 8px;
display:block; text-align:left; margin:0px 0px 0px 1px; padding:0px 0px 3px 11px; }
.css_IncShowCat { background-image:url(../Images/Show/Icon_ShowCat.gif); background-repeat:no-repeat; background-position:left 7px; *background-position:left 8px;
display:block; text-align:left; margin:0px 0px 0px 1px; padding:0px 0px 3px 11px; }

/*分類標題,例:產品大分類 > 中分類 >小分類*/
.TBTitleFont { font-size:12pt; }
.TBTitleFont A:active, .TBTitleFont A:link, .TBTitleFont A:visited { color: #555555; text-decoration: none; }
.TBTitleFont A:hover { color: #FF6600; text-decoration: underline; }
.TBTitleContent { padding:3px 5px 3px 5px; }
.ForumTitle_over td { background:#EFEFEF; color:#FF3300; }
.JobTitle_over td { background:#EFEFEF; color:#FF3300; }
.FaqTitle_over td { background:#EFEFEF; color:#FF3300; }
.PicTitle_over td { background:#F6F5F4; color:#FF3300; }
.VoteItemTitle_over td { background:#EFEFEF; color:#FF3300; }
.CourseTitle_over td { background:#EFEFEF; color:#FF3300; }

/*======== 表格(粉藍) Start ========*/
.css_TableLightBlue { width:100% -4px; border:4px solid #f6f6f6; }
.css_TableLightBlue table { width:100%; border-top:1px solid #bdbdbd; border-right:1px solid #bdbdbd; border-collapse:collapse; }
.css_TableLightBlue td.Title { height:24px; background-image:url(../Images/Share/TableLightBlue_Bg.gif); /*background-repeat:repeat-x;*/ background-position:bottom left; color:#333; font-weight:bold; font-size:13px; padding:5px; /*vertical-align:text-top;*/ text-align:center; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
.css_TableLightBlue td { background-color:#ffffff; color:#555555; padding:6px 3px 6px 3px; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
tr.odd_TableLightBlue td { background-color:#ffffff; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
tr.even_TableLightBlue td { background-color:#f9f9f9; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
tr.over_TableLightBlue td { background-color:#ffffcc; color:#ff0000; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
tr.clicked_TableLightBlue td { color:#ff0000; background-color:#D5ECFF; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; }
/*======== 表格(粉藍) End ========*/

/*======== 表格2(粉藍) Start ========*/
.css_TableLightBlue02 { width:100%; }
.css_TableLightBlue02 table { width:100%; border-top:1px solid #bdbdbd; border-collapse:collapse; }
.css_TableLightBlue02 td.Title { height:24px; font-weight:bold; font-size:13px; padding:5px; /*vertical-align:text-top;*/ text-align:center; border-bottom:1px solid #bdbdbd; background-color:#404040; color:#ffffff; }
.css_TableLightBlue02 td { background-color:#ffffff; color:#555555; padding:6px 3px 6px 3px;/*border-bottom:1px solid #bdbdbd;*/ }
tr.odd_TableLightBlue02 td { background-color:#ffffff;/*border-bottom:1px solid #bdbdbd;*/ }
tr.even_TableLightBlue02 td { background-color:#f3f0f0;/*border-bottom:1px solid #bdbdbd;*/ }
tr.over_TableLightBlue02 td { background-color:#ffffcc; color:#ff0000;/*border-bottom:1px solid #bdbdbd;*/ }
tr.clicked_TableLightBlue02 td { color:#ff0000; background-color:#D5ECFF; border-bottom:1px solid #bdbdbd; }
/*======== 表格2(粉藍) End ========*/

/*======== 表單表格 Start ========*/
.css_ContactusFormTitle { font-size:16px; font-weight:bold; color:#075F8D; }
.css_ContactusForm { }
.css_ContactusForm table { border-top:2px solid #115bae; border-bottom:2px solid #115bae; }
.css_ContactusForm .tdLTitle { text-align:left; vertical-align:middle; background-color:#F4F4F4; font-weight:bold; }
.css_ContactusForm .tdLTitleNotice { text-align:center; vertical-align:middle; background-color:#F4F4F4; color:#0000ff; font-size:11pt; }
.css_ContactusForm td { text-align:left; vertical-align:top; border-bottom:1px solid #dddddd; padding:7px; }
.css_ContactusFormNotice { color:#ff0000; }
#cke_txtDescr { max-width:530px; }
/*======== 表單表格  End ========*/

/*======== 表單表格(ugC_MemberPsw.asp & ugC_incMember.asp) Start ========*/
.css_FormStyle01Title { text-align:center; padding:10px 0px 10px 0px; color:#ff6600; }
.css_FormStyle01 { }
.css_FormStyle01 table { border-top:2px solid #89b5dc; border-bottom:2px solid #F3F3F3; border-right:1px solid #DDDDDD; }
.css_FormStyle01 td { text-align:left; vertical-align:top; border-bottom:1px solid #DDDDDD; border-left:1px solid #DDDDDD; padding:6px; }
.css_FormStyle01 .tdTitle { text-align:center; vertical-align:middle; background-color:#F1F7FC; }
.css_FormStyle01 .tdLTitle { text-align:center; vertical-align:middle; background-color:#F1F7FC; }
.css_FormStyle01Notice { color:#ff0000; }
/*======== 表單表格  End ========*/

/* ======== 交流園地表格 Start ======== */
.css_TableForum th.Title { background-color:#FF6600; color:#ffffff; border-left:2px solid #ffffff; text-align:center; padding:3px 3px 3px 3px; }
.css_TableForum th.TitleFirst { background-color:#FF6600; color:#ffffff; border-left:none; text-align:center; padding:3px 3px 3px 3px; }
.css_TableForum td { background-color:#ffffff; color:#000000; padding:6px 3px 6px 3px; }
tr.odd_TableForum td { background-color:#ffffff; }
tr.even_TableForum td { background-color:#ffffcc; }
tr.over_TableForum td { background-color:#EFEFEF; color:#FF3300; cursor:pointer; }
.css_TableForum_notice { color:#ff0000; font-weight:bold; }
/* ======== 交流園地表格 End ======== */

/* ======== Album Start ======== */
.albumlist ul { list-style-type:none; padidng:0; margin:0; }
.albumlist ul li { float:left; width:200px; height:190px; overflow:hidden; margin:0 10px 10px 10px; padding:0; }
.albumlist .album_image_wrapper { display:block; width:200px; height:150px; background-image:url(../Images/Album/Bg_Album.jpg); background-repeat:no-repeat; background-position:0 0; }
.albumlist .album_image { padding:5px 0 0 0; width:182px; height:137px; overflow:hidden; text-align:center; margin:0 5px 0 13px; }
.albumlist .album_title { padding-top:5px; text-align:center; }
/* ======== Album End ======== */


/* 左側廣告 */
#leftbannerjcarousel { clear:both; width:217px; height:340px; text-align:center; padding:0 0 0 0; }
#leftbannerjcarousel .slider { margin:0; position:relative; }
#leftbannerjcarousel .slider ul { list-style-type:none; margin:0; padding:0; }
#leftbannerjcarousel .slider ul li { float:left; padding:0 0 5px 0; }
.elearn-videos { text-align: center; width: 160px; height: 280px; float: left; margin: 15px 13px 15px 0; overflow:hidden; position: relative; }
.video-title { color: #fff; padding: 5px 5px 0 5px; background: #333; margin: 0 !important; display: block; height:36px; overflow:hidden; line-height:140%; border-bottom: 1px solid #fff; }
.elearn-videos p { margin: 0 !important; padding: 4px !important; text-align:left; font-size:13px; line-height:16px; height:105px; }
.elearn-videos-play-btn { position: absolute; top: 85px; left:56px; }
.quotedetail, .quotedetail td { font-size:14px; }
/*2014.5.20 新增 解決 Facabook 無法顯示的問題*/
.defvotewrapper { width:331px; height:234px; overflow:hidden; float:left; }
/* ======== Product Start ======== */
.productlist li { text-align:center; display:block; float:left; width:160px; min-height:200px; margin:20px 5px 30px; position:relative; height:220px; *height:210px;
}
.productlist .img { width:160px; height:120px; text-align:center; /* Firefox, Chrome */ line-height:120px; white-space:nowrap; 	/* IE */ *font-size:108px;	/* 120px * 0.9 = 108px */
*font-family : Arial;
border:1px solid #cccccc; overflow:hidden; }
.productlist .img:after { content:"."; font-size:1px; margin-left:-1px; opacity:0; }
.productlist .img img { vertical-align : middle; }
.productlist .productname { padding:5px 0 0 0; height:30px; overflow:hidden; line-height:120%; }
.productlist .pricecontent { padding:5px 0 0 0; }
.productlist .producttitle { font-size:20px; color:#313131; margin:5px 0; }
.productprice { color:#a0a0a0; font-size:20px; margin-top:10px; margin:0; }
.productsaleprice { color:#df0024; font-weight:bold; font-size:20px; margin-top:10px; }
.productmemberprice { color:#ff0000; font-weight:bold; font-size:20px; margin-top:10px; }
.productmemberpricenotlogin { color:#ff0000; font-weight:bold; font-size:20px; margin-top:10px; }
.product-detail { padding:15px 5px 0 12px; }
.product-detail .productsmallimage { margin:0; padding-right:15px; }
.product-detail .productsmallimage ul li { padding:0 0 8px 0; }
.product-detail .productsmallimage ul li img { width:60px; height:45px; border:#cccccc 1px solid; padding:4px; }
.product-detail .productimage { padding-right:24px; }
.product-detail .productimage td { border:#cccccc 1px solid; padding:4px; }
.productname-wrapper { padding:20px 5px 0 12px; }
.productname-wrapper h1 { width:540px; float:left; font-size:24px; line-height:100%; *line-height:110%;
color:#005cd0; font-weight:normal; font-family: "Trebuchet MS", Verdana; }
.productname-wrapper .share { width:370px; float:right; }
.productnameline { border-bottom: 1px dotted #929292; height:1px; overflow:hidden; padding:8px 0 0 0; *padding:3px 0 0 0;
}
.productdata td { padding:10px 0 0 0; }
.productdata ul.Payment li { float:left; margin:0 10px 5px 0; }
.productdata ul.Payment li.ATM { background-image:url(../Images/ico_atm.gif); background-position:0 0; background-repeat:no-repeat; padding-left:32px; }
.productdata ul.Payment li.CARD { background-image:url(../Images/ico_credi.gif); background-position:0 0; background-repeat:no-repeat; padding-left:94px; }
.productdata a.skype { background-image:url(../Images/Icon_Tel.gif); background-position:0 0; background-repeat:no-repeat; padding-left:16px; color:#478d01; font-weight:bold; }
.product-detail-button ul { margin-top:20px; }
.product-detail-button ul li { float:left; }
.productadd-wrapper { border:1px solid #c9c9c9; padding:1px; }
.productadd-wrapper td.title { border-top:none; border-right:1px solid #c9c9c9; border-bottom:1px solid #ffffff; border-left:none; background-color:#ececec; text-align:center; padding:10px 0 10px 0; }
.productadd-wrapper td.titlelast { border-top:none; border-right:none; border-bottom:1px solid #ffffff; border-left:none; background-color:#ececec; text-align:center; padding:10px 0 10px 0; }
.productadd-wrapper td { border-top:1px solid #c9c9c9; border-right: 1px solid #c9c9c9; padding:5px; vertical-align:middle; }
.productadd-wrapper td.last { border-top:1px solid #c9c9c9; border-right:none; padding:5px; }
.productrelated { padding-top:10px; }
.productrelated li { text-align:center; display:block; float:left; width:138px; min-height:220px; padding:10px; position:relative; height:240px; *height:230px;
background-repeat:repeat-y; background-position:100% 0; }
.productrelated li.last { background-image:none; }
.productrelated .img { width:170px; height:170px; text-align:center; margin:0 auto; /* Firefox, Chrome */ line-height:101px; white-space:nowrap; 	/* IE */  *font-size:91px;	/* 101px * 0.9 = 91px */
 *font-family : Arial;
overflow:hidden; }
.productrelated .img:after { content:"."; font-size:1px; margin-left:-1px; opacity:0; }
.productrelated .img img { vertical-align : middle; }
.productrelated .productname { padding:5px 0 0 0; height:60px; overflow:hidden; line-height:120%; font-size:18px; color:#205aa7; }
.productrelated .pricecontent { padding:5px 0 0 0; }
/*  產品尺寸 */
.productdefault { background-color:#e5e5e5; margin-bottom:50px; }
.productdefault li { text-align:center; display:block; float:left; width:15%; padding:20px; position:relative; height:350px; overflow:hidden; background-position:100% 0; background-color:#FFF; margin:20px 0.8%; font-size:20px; }
.productdefault li.last { background-image:none; }
.productdefault .img { width:100%; max-width:170px; height:170px; text-align:center; margin:0 auto; margin-bottom:10px; /* Firefox, Chrome */ line-height:101px; white-space:nowrap; 	/* IE */  *font-size:91px;	/* 101px * 0.9 = 91px */
 *font-family : Arial;
overflow:hidden; }
.productdefault .img a { display:block; width:100%; height:auto; overflow:hidden;}
.productdefault .img a img { display:block; max-width:100%; height:auto; margin:0 auto;}
.productdefault .img:after { content:"."; font-size:1px; margin-left:-1px; opacity:0; }
.productdefault .img img { vertical-align : middle; }
.productdefault .productname { width:100%; padding:0; height:75px; overflow:hidden; line-height:120%; color:#205aa7; margin-bottom:10px;}
.productdefault .pricecontent { padding:0; }
.productdefault .productprice,
.productprice_sale{ margin-bottom:5px;}
/* ======== Product End ======== */

/* ======== AD Start ======== */
.ad { width:100%; max-width:1740px; height:auto; margin:0 auto; margin-bottom:20px; overflow:hidden; padding:0 10px; position:relative; padding-left:700px;}
.ad .ad_left { width:700px; height:auto; overflow:hidden; float:left; margin:20px 0; position:absolute; top:0; left:10px;}
.ad .ad_right { width:100%; height:auto; overflow:hidden; float:right; padding-left:20px; margin:20px 0; }
.ad .ad_right .banner { width:100%; height:auto; margin-bottom:20px; overflow:hidden; }
.ad .ad_right .banner img { display:block; max-width:100%; height:auto;}
.ad .ad_right .banner01 { width:49%; height:auto; float:left; overflow:hidden; }
.ad .ad_right .banner02 { width:49%; height:auto; float:right; overflow:hidden; }
.ad .ad_right .youtube { width:100%; height:auto; overflow:hidden; background:#333; }
.ad .ad_right .youtube iframe { display:block; width:100%; height:580px;}

.ad .ad_right .voteFB { width:100%; height:150px; margin:20px 0; }
.ad .ad_right .vote { width:62%; height:auto; overflow:hidden; float:left; padding-right:10px;}
.ad .ad_right .vote a { display:block; overflow:hidden;}
.ad .ad_right .vote a img { display:block; max-width:100%; height:auto; margin:0 auto;}
.ad .ad_right .FB { width:38%; float:right; }
.ad .ad_right .FB > div > span { min-width:100%; margin:0 auto;}
.ad .ad_right .FB iframe { max-width:100%; min-height:100%; margin:0 auto;}
/* ======== AD End ======== */

/*Slideshow*/
#slides { position:absolute; top:0px; left:0px; z-index:100; }
.slides_container { width:1000px; height:550px; overflow:hidden; position:relative; display:none; }
.slides_container a { width:1000px; height:550px; display:block; }

/*Next/prev buttons*/
#slides .next, #slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left:585px; }

/*Pagination*/
.pagination { margin:0 0 18px 10px; padding:0; position:absolute; right:5px; bottom:0px; z-index:200; }
.pagination li { float:left; margin:0 7px 0 0; list-style:none; }
.pagination li a { display:block; width:7px; height:0; padding-top:7px; background-image:url(../pagination2.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -6px; }


/* footer */
#footer { clear:both; margin:0; width:100%; height:auto; }
#footer h3 { display:none; }
#footer a { color:#434343; text-decoration: none; }
#footer a:hover { color: #313131; text-decoration: none; }
#footer .content { width:100%; text-align:left; margin:0 auto; }
#footer .link { width:100%; max-width:1740px; height:auto; overflow:hidden; line-height:60px; margin:0 auto; font-size:16px; padding:0 10px; position:relative; padding-right:340px; margin-bottom:10px; min-height:50px;}
#footer .link img { line-height:60px; }
#footer .link ul { margin:0; padding:0; }
#footer .link ul li { display:inline; margin:0; line-height:30px; margin-right:10px; }
#footer .link ul li.first { padding:0; background:none; }
#footer .link ul.FooterMenu { margin-bottom:10px;}
#footer .link ul.FooterMenu li { display:block; overflow:hidden; float:left;}
#footer .creditcard { float:right; width:715px; }
#footer .connect { float:right; width:100%; max-width:335px; position:absolute; top:0; right:0;}
#footer .connect ul { margin:0; padding:0; }
#footer .connect ul li { display:inline; margin:0; float:left;}
#footer .connect ul li.first { margin:0; padding:0; background:none; }
#footer .copyright { width:100%; height:50px; height:auto; background-color:#205aa7; color:#FFF; line-height:50px; font-size:14px; text-align:center; overflow:hidden; }
#footer .copyright span { display:block; text-align:center; width:260px; margin:0 auto;}
#footer .copyright a { color:#FFF; width:auto; line-height:50px; font-size:14px; margin:0 auto; }
#footer .ugearinfo { clear:both; width:950px; text-align:right; margin:0 auto; padding:10px 0 0 0; }

/* header */
.header { width:100%; height:100px; overflow:hidden; position:relative; padding-left:240px;}
.header .cis { float:left; width:220px; height:45px; overflow:hidden; margin:27.5px 10px; position:absolute; top:0; left:0;}
.header .cis a { display:block; width:220px; height:45px; background:url(../Images/LOGO.gif) 0 0 no-repeat; text-indent: -99999px }
#loginbox {text-align:right; width:100%; max-width:300px; height:auto; overflow:hidden; border:1px solid #b1b1b1; padding:15px; position:absolute; top:150px; right:50px; display:none; z-index:151; background:#fff;}
#loginbox ul { padding:0; margin:0; list-style:none;}
#loginbox ul li { padding:0; margin:0; list-style:none; font-size:16px; color:#434343; width:100%; height:auto; overflow:hidden; float:left; clear:none; text-align:left; padding:5px 0; line-height:20px; list-sytle:none; display:block;}
#loginbox ul li > span { overflow:hidden; padding:0; margin:0;}
#loginbox ul li a{ text-decoration:none; padding:0 2.5px;}
#loginbox ul li a.Red {color:#e60012;}
#loginbox ul li.first { width:300px; height:auto; float:left; display:inline; margin:5px; padding:5px; line-height:120%; color:#434343; font-size:16px; text-align:center;}

#shoppingcartbox { width:100%; max-width:190px; height:auto; overflow:hidden; border:1px solid #b1b1b1; padding:15px; display:block; position:absolute; top:150px; right:50px; background:#fff; z-index:151; display:none;}
#shoppingcartbox ul { padding:0; margin:0; list-style:none;}
#shoppingcartbox ul li { padding:0; margin:0; list-style:none; font-size:16px; color:#434343; width:100%; height:auto; float:left; clear:none; margin:0; line-height:20px; padding:5px; list-sytle:none; display:block;}
#shoppingcartbox ul li a{ text-decoration:none;}
#shoppingcartbox ul li a.Red {color:#e60012;}
#shoppingcartbox ul li div.cart {width:auto; height:auto; background-image:url(../Images/RWD/img_car.png); background-position:0 0; background-repeat:no-repeat; padding:0 0 0 20px;}
#shoppingcartbox p.fb { float:left; margin:0; padding:0 0 0 20px;}
#shoppingcartbox p.twitter { float:left; margin:0; padding:0 0 0 10px;}

.header .link .search { float:right; }
.header .link .search .form { float:left; *height:22px; *overflow:hidden;}
.header .link .search input.inputbox { border:#cccccc 1px solid; font-family:Verdana, 微軟正黑體; font-size:12px; color:#000000; padding:2px 2px 0 2px; ; margin:0; height:17px; width:130px; }
.header .link .search .searchbtn { float:left; padding:0 0 0 5px; }

.header .nav { width:100%; height:auto; overflow:hidden; margin:30px 0;}
.header .nav ul { width:100%; max-width:720px;  height:auto; overflow:hidden; list-style-type:none; float:left; }
.header .nav ul li { width:16.66%; float:left; padding:0 10px; overflow:hidden; height:40px; line-height:40px; text-align:center; }
.header .nav ul li.prd a { display:block; overflow:hidden; width:80px; height:40px; text-decoration:none; color:#898989; font-size:20px; margin:0 10px; text-decoration:none; }
.header .nav ul li.prd a.active, .header .nav ul li.prd a:hover { color:#313131; }
.header .nav ul li.vendor a { display:block; overflow:hidden; width:80px; height:40px; text-decoration:none; color:#898989; font-size:20px; margin:0 10px; text-decoration:none; }
.header .nav ul li.vendor a.active, .header .nav ul li.vendor a:hover { color:#313131; }
.header .nav ul li.shopping a { display:block; overflow:hidden; width:80px; height:40px; text-decoration:none; color:#898989; font-size:20px; margin:0 10px; text-decoration:none; }
.header .nav ul li.shopping a.active, .header .nav ul li.shopping a:hover { color:#313131; }
.header .nav ul li.prdnews a { display:block; overflow:hidden; width:80px; height:40px; text-decoration:none; color:#898989; font-size:20px; margin:0 10px; text-decoration:none; }
.header .nav ul li.prdnews a.active, .header .nav ul li.prdnews a:hover { color:#313131; }
.header .nav ul li.elearn a { display:block; overflow:hidden; width:80px; height:40px; text-decoration:none; color:#898989; font-size:20px; margin:0 10px; text-decoration:none; }
.header .nav ul li.elearn a.active, .header .nav ul li.elearn a:hover { color:#313131; }
.header .nav ul li.faq a { display:block; overflow:hidden; width:80px; height:40px; text-decoration:none; color:#898989; font-size:20px; margin:0 10px; text-decoration:none; }
.header .nav ul li.faq a.active, .header .nav ul li.faq a:hover { color:#313131; }
.header .nav .shop { width:100%; max-width:260px; overflow:hidden; float:right;}
.header .nav .shop * { padding:0; margin:0; list-style:none;}
.header .nav .shop ul li { width:10px; text-align:center; margin:0 10px;}
.header .nav .shop ul li a { display:block; width:100%; height:30px; overflow:hidden; line-height:30px; color:#898989; text-decoration:none; float:left; font-size:20px; margin:5px 0; padding-left:30px;}
.header .nav .shop ul li a:active,
.header .nav .shop ul li a:hover  { color:#313131;}
.header .nav .shop ul li.login { width:150px; margin:0; padding-right:30px; position:relative;}
.header .nav .shop ul li.login:after { content:'｜'; width:30px; text-align:center; position:absolute; top:0; right:0;}
.header .nav .shop ul li.login a { background:url(../Images/RWD/Deficon_04.PNG) no-repeat;}
.header .nav .shop ul li.login a:active,
.header .nav .shop ul li.login a:hover  { background:url(../Images/RWD/Deficon_04_o.PNG) no-repeat;}
.header .nav .shop ul li.loginboxclose a,
.header .nav .shop ul li.loginboxclose a:active,
.header .nav .shop ul li.loginboxclose a:hover  { color:#205aa7; background:url(../Images/RWD/Deficon_04_o.PNG) no-repeat;}
.header .nav .shop ul li.shoppingcart { width:110px; margin:0;}
.header .nav .shop ul li.shoppingcart a { background:url(../Images/RWD/Deficon_05.PNG) no-repeat;}
.header .nav .shop ul li.shoppingcart a.active,
.header .nav .shop ul li.shoppingcart a:hover  { background:url(../Images/RWD/Deficon_05_o.PNG) no-repeat;}
.header .nav .shop ul li.shoppingcartclose a,
.header .nav .shop ul li.shoppingcartclose a:active,
.header .nav .shop ul li.shoppingcartclose a:hover  { background:url(../Images/RWD/Deficon_05_o.PNG) no-repeat;}

.header .nav #loginbox { float:right; text-align:right;width:300px; height:100px; border-color:#b1b1b1; border-style:solid; padding:15px;}
.header .nav #loginbox ul { float:left; margin:0 auto; }
.header .nav #loginbox ul li { width:300px; height:auto;float:left; clear:none; text-align:center; padding:5px; line-height:20px; background-position:13px 2px; _background-position:13px 1px;list-sytle:none;  display:block;}
.header .nav #loginbox ul li a{ font-size:16px; color:#434343; list-sytle:none; }
.header .nav #loginbox ul li.first { width:300px; height:auto;float:left; display:inline; padding:5px; line-height:120%; background-image:none; color:#434343; font-size:16px; text-align:center; }

.header .nav #shoppingcartbox { float:right;width:150px; height:100px; border-color:#b1b1b1;border-style:solid; padding:15px ; display:block;}
.header .nav #shoppingcartbox ul { float:left; margin:0 auto; }
.header .nav #shoppingcartbox ul li { width:140px; height:auto;float:left; clear:none;  margin:0; padding:5px; line-height:20px; background-position:13px 2px; _background-position:13px 1px;list-sytle:none;  display:block;}
.header .nav #shoppingcartbox ul li a{ font-size:16px; color:#434343; list-sytle:none; }
.header .nav #shoppingcartbox ul li div.cart {width:120px; height:auto; background-image:url(../Images/RWD/img_car.png); background-position:0 0; background-repeat:no-repeat; padding:0 0 0 20px;  }
.header .nav #shoppingcartbox p.fb { float:left; margin:0; padding:0 0 0 20px; }
.header .nav #shoppingcartbox p.twitter { float:left; margin:0; padding:0 0 0 10px; }


/*會員登入*/
.loginbox { float:right; text-align:right;width:300px; height:100px; border-color:#b1b1b1; border-style:solid; padding:15px;}
.loginbox ul { float:left; margin:0 auto; }
.loginbox ul li { width:300px; height:auto;float:left; clear:none; text-align:center;margin:0; padding:5px; line-height:20px; background-position:13px 2px; _background-position:13px 1px;list-sytle:none;  display:block;}
.loginbox ul li a{ font-size:16px; color:#434343; list-sytle:none; }
.loginbox ul li.first { width:300px; height:auto;float:left; display:inline; margin:0; padding:5px; line-height:120%; background-image:none; color:#434343; font-size:16px; text-align:center; }

/*購物車*/
.shoppingcartbox { float:right;width:150px; height:100px; border-color:#b1b1b1;border-style:solid; padding:15px ; display:block;}
.shoppingcartbox ul { float:left; margin:0 auto; }
.shoppingcartbox ul li { width:140px; height:auto;float:left; clear:none;  margin:0; padding:5px; line-height:20px; background-position:13px 2px; _background-position:13px 1px;list-sytle:none;  display:block;}
.shoppingcartbox ul li a{ font-size:16px; color:#434343; list-sytle:none; }
.shoppingcartbox ul li div.cart {width:120px; height:auto; background-image:url(../Images/RWD/img_car.png); background-position:0 0; background-repeat:no-repeat; padding:0 0 0 20px;  }
.shoppingcartbox p.fb { float:left; margin:0; padding:0 0 0 20px; }
.shoppingcartbox p.twitter { float:left; margin:0; padding:0 0 0 10px; }




/*News -- 2017.08.29 Add*/
/* News 跑馬燈 */
.incnews { margin:0 0 0 12px; width:100%; }
#incnews-wrapper { position: relative; width:100%; height: 30px; overflow: hidden; margin:10px auto; float: right;}
#incnews-wrapper * { width:100%; height:auto;  overflow:hidden;}
#incnews-wrapper a{ display:block; width:100%; height:auto; white-space: nowrap;text-overflow: ellipsis;    -o-text-overflow: ellipsis; overflow:hidden;}
.css_News { width:100%; height:50px; margin:0 auto; background-color:#e5e5e5; position:relative; overflow:hidden;clear:both;}
.css_News .title { width:280px; height:50px; color:#ccffff; font-size:26px; background-color:#205aa7;text-align:center; line-height:50px; position:absolute; float:left;  }
.css_News .title_EN { color:#fff; font-size:18px; line-height:50px; padding-left:10px; }
.css_News .title a { width:auto; color:#ccffff; font-size:26px; line-height:50px; background-color:#205aa7; padding:0 20px; float:left; padding-left:280px; overflow:hidden; text-decoration:none; }
.css_News .list { font-size:18px; width:100%; height:50px; line-height:50px; padding-left:280px; overflow:hidden; position:relative; padding-right:70px;}

.css_News .more { width:50px; height:20px; background-color:#205aa7; text-align:center; position:absolute; float:right; display:block; right:10px; top:50%; margin-top:-10px;}
.css_News .more a { width:50px; height:20px; color:#FFF; text-decoration:none; line-height:20px; font-size:16px;display:block;}
.css_News .more a:hover { text-decoration:none; color:#205aa7; background-color:#c4ebff; }
.css_News ul { clear:both; color:#666666; list-style-type:none;list-style-type:none; width:auto; }
.css_News ul li { color:#666666;padding:3px 0px 3px 14px; width:80%; }
.css_NewsItem ul { clear:both; color:#666666; list-style-type:none; }
.css_NewsItem ul li { padding:3px 0px 3px 14px; }


/*News -- 2010.11.08 Add*/
.IconNewsTop{
	background-image:url(../Images/Share/Icon_NewsTop.gif);
	background-repeat:no-repeat;
	background-position:left 7px; *background-position:left 8px;
	display:block;
	margin:0px 0px 0px 1px;
	padding:0px 0px 3px 11px;
	text-align:left;
}

.IconNews{
	background-image:url(../Images/Share/Icon_News.gif);
	background-repeat:no-repeat;
	background-position:left 7px; *background-position:left 8px;
	display:block;
	margin:0px 0px 0px 1px;
	padding:0px 0px 3px 11px;
	text-align:left;
}
/*---------News  End-----------*/


/*---------News  End-----------*/

/* 列表資料 */
.css_list ul { margin:0; padding:0px; list-style-type:none; }
.css_list ul li { background-repeat:repeat-x; background-position:0px 100%; padding:6px 0px 6px 0; }
.css_list ul li div.content { width:1440px; height:50px; overflow:hidden; font-size:18px; }
.css_list ul li div.contenttop { line-height:30px; }
.css_list .notice { color:#ff0000; font-weight:bold; }
.css_list .newsdate { float:right; padding-left:10px; color:#bf486a; }
.vendorline { clear:both; padding:20px 0 0 0; }
.vendordescr { clear:both; padding:5px 0 0 0; }

/* 進階搜尋表單 */
.searchform { margin:10px 0; }
.searchform .title { width:220px; color:#ccffff; font-size:26px; line-height:50px; background-color:#205aa7; padding:0 30px; float:left; }
.searchform .title_EN { color:#fff; font-size:18px; line-height:50px; padding:0 20px; }
.searchform ul li h3 { display:block; float:left; font-weight:bold; padding:5px 15px 0 0; vertical-align:top; width:80px; }
.searchform ul li { padding:8px 0 0 0; margin:0; line-height:100%; }
.searchform ul.application { float:left; width:600px; margin-bottom:10px; }
.searchform ul.application li { float:left; width:150px; }
.defvotewrapper { width:331px; float:left; padding:0 10px 0 0; }
.defvotewrapper .votename { background-image:url(../Images/Icon_Arrow.gif); background-repeat:no-repeat; background-position:0 5px; padding-left:10px; }
.defvotewrapper ul { margin:0 0 0 10px; }
.defvotewrapper ul li { clear:both; padding:6px 0px 6px 0; }
.defvotewrapper ul li span.option { width:20px; float:left; }
.defvotewrapper ul li span.subject { width:180px; float:left; }
.defvotewrapper ul li.line { clear:both; padding:2px 0px 2px 0; background-image:url(../Images/Line01.gif); background-repeat:repeat-x; background-position:0px 50%; height:3px; }
.defvotewrapper div.btnvote { clear:both; padding:15px 0 0 0; text-align:center; }
.defbannerwrapper { width:320px; float:left; padding-right:10px; position:relative; margin:10px 0; }
.defsearchwrapper { width:100%; float:left; margin-top:20px; position:relative; }


.defsearchwrapper .advancedsearch { width:50%; height:auto; overflow:hidden; padding-right:10px; float:left;}
.defsearchwrapper .productsearch { width:50%; height:auto; overflow:hidden; padding-left:10px;  float:right;}
.defsearchwrapper .search { width:100%; height:50px; margin:0 auto; line-height:50px; clear:both; position:relative; padding-left:280px; padding-right:80px;}
.defsearchwrapper .form { float:left; width:100%; height:auto; overflow:hidden; height:50px;}
.defsearchwrapper .search input.inputbox { width:100%; height:50px; border:#cccccc 1px solid; font-family:Verdana, 微軟正黑體; font-size:16px; color:#000000; padding:0; margin:0; padding:5px; }
.defsearchwrapper .search .searchbtn { width:80px; height:50px; font-size:26px; background-color:#205aa7; float:left; text-align:center; position:absolute; top:0; right:0;}
.defsearchwrapper .search .searchbtn a { width:80px; height:50px; line-height:50px; text-decoration:none; color:#FFF; background-color:#205aa7; display:block;}
.defsearchwrapper .search .searchbtn a:hover { width:80px; height:50px; line-height:50px; text-decoration:none; color:#205aa7; background-color:#c4ebff;}
.defsearchwrapper .search .title { width:280px; height:50px; font-size:26px; background-color:#205aa7; text-align:center; float:left; color:#ccffff; position:absolute; top:0; left:0;}
.defsearchwrapper .search .title a { width:100%; height:50px; color:#ccffff; font-size:26px; text-decoration:none; line-height:50px; display: block;}
.defsearchwrapper .search .title a:hover { color:#205aa7; font-size:26px; text-decoration:none; background-color:#c4ebff; line-height:50px;}
.defsearchwrapper .search .title_EN { color:#fff; font-size:18px; line-height:50px; padding-left:10px;}
.defsearchwrapper .defapplication { clear:both; padding:0 0 20px 0; margin: 0 0 10px 0; float:right;}


/*Slideshow*/
#slides { position:absolute; top:0px; left:0px; z-index:100; }
.slides_container { width:1000px; height:550px; overflow:hidden; position:relative; display:none; }
.slides_container a { width:1000px; height:550px; display:block; }

/*Next/prev buttons*/
#slides .next, #slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left:585px; }

/*Pagination*/
.pagination { margin:0 0 18px 10px; padding:0; position:absolute; right:5px; bottom:0px; z-index:200; }
.pagination li { float:left; margin:0 7px 0 0; list-style:none; }
.pagination li a { display:block; width:7px; height:0; padding-top:7px; background-image:url(pagination2.png); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -6px; }


/*產品頁籤*/
.Product{ width:100%; max-width:1740px; height:auto; padding:0 10px; overflow:hidden;}
.Product .ProductMenu{ width:100%; height:auto; overflow:hidden; }
.Product .ProductMenu .ProductMenu_box{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.Product .ProductMenu .ProductMenu_box .ProductMenu_content { width:20%; height:auto; overflow:hidden; float:left; padding-right:40px;}
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img { float:left; display:block; max-width:100%; height:auto;}
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab01.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab02.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab03.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab04.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab05.png"] { border-top:5px solid #e5e5e5;}
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab01_o.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab02_o.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab03_o.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab04_o.png"],
.Product .ProductMenu .ProductMenu_box .ProductMenu_content img[src="Images/RWD/Bu_Tab05_o.png"] { border-top:5px solid #205aa7;}
.Product .ProductContent .ProductContent_box{ width:100%; background-color:#e5e5e5; margin-bottom:20px; overflow:hidden;}

@media only screen and (min-width:0px) and (max-width:1220px) {
	.header #scrollToMenu { display:none;}
	.header .nav .shop { margin-right:70px;}
	.Product .ProductMenu .ProductMenu_box .ProductMenu_content { padding-right:10px;}
	.productdefault li { padding:10px;}
	.productdefault li * { font-size:16px;}
	.productdefault li .pricecontent_box * { font-size:13px;}
	
	.css_News .title_EN,
	.defsearchwrapper .search .title_EN { display:none;}
	
	.css_News .title,
	.defsearchwrapper .search .title{ width:150px;}
	.css_News .list { padding-left:150px;}
	.defsearchwrapper .search { padding-left:150px;}
	.ad .ad_left { width:50%; padding-right:10px;}
	.ad .ad_left div { overflow:hidden;}
	.ad .ad_left  img { max-width:100%; height:auto; display:block; margin:0 auto;}
	.ad .ad_right { width:50%; padding-left:10px;}
	.ad { padding:0 10px;}
	
	}

@media only screen and (min-width:0px) and (max-width:1024px) {
	
	.ad .ad_left { width:100%; padding-right:0px; position:static;}
	.ad .ad_right { width:100%; padding-left:0px;}
	.ad { padding:0 10px;}
	
	.ad .ad_right .voteFB { height:auto;}
		.ad .ad_right .vote { width:100%; margin-bottom:10px; padding:0;}
	.ad .ad_right .FB { float:none; width:100%; max-width:380px; overflow:hidden; margin:0 auto;}
	
	
	}

@media only screen and (min-width:0px) and (max-width:768px) {
	
	#RWDdate-wrappertime { font-size:14px; height:40px; line-height:40px;}
	.floatlayer { top:140px;}
	.header .nav .shop { width:80px;}
	.header .nav .shop * { text-indent:-9999px;}
	.header .nav .shop ul li.login,
	.header .nav .shop ul li.shoppingcart { width:30px; margin:0 5px;}
	#shoppingcartbox,
	#loginbox { top:140px;}
	
	.ad .ad_right .youtube iframe { height:500px;}

	
	.productdefault { width:100%; height:auto; overflow:hidden; padding:10px 0; margin:0;}
	.productdefault li { width:30%; margin:10px 1.6%;}
	.productdefault li .pricecontent_box * { font-size:16px;}
	
	.defsearchwrapper .advancedsearch { width:100%; padding-right:0; margin-bottom:10px;}
	.defsearchwrapper .productsearch { width:100%; padding-left:0; margin-bottom:10px;}
	
	.floatlayer { top:auto; bottom:0; margin:0;}
	
	#footer .link { padding:0 10px;}
	#footer .link ul.FooterMenu { max-width:495px; overflow:hidden; margin:0 auto; margin-bottom:10px;}
	#footer .connect { position:static; top:auto; right:auto; float:none; margin:10px auto;}
	#footer .link img { display:block; clear:both; margin:0 auto;}
	
	}
	
@media only screen and (min-width:0px) and (max-width:512px) {
	.header { height:80px; padding-left:160px;}
	.header .nav { margin:20px 0;}
	.header .cis { width:150px; height:31px; margin:22.5px 10px; }
	.header .cis a { width:150px; height:31px;
	-moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;}
#RWDdate-wrappertime > span:last-child { display:none;}

	.ad .ad_right .youtube iframe { height:400px;}


	.productdefault li { width:45%; margin:10px 2.5%;}
	
	#shoppingcartbox,
	#loginbox { top:120px;}
	
	.css_News .list,
	.defsearchwrapper .search{ padding-left:100px;}
	.css_News .title,
	.defsearchwrapper .search .title,
	.defsearchwrapper .search .title a{ width:100px; font-size:20px;}
	.defsearchwrapper .search .searchbtn { font-size:20px;}
	
	#footer .link ul.FooterMenu { max-width:330px;}

	}

@media only screen and (min-width:0px) and (max-width:420px) {
	.ad .ad_right .youtube iframe { height:300px;}
	#footer .link ul.FooterMenu { max-width:248px;}
	}