@charset "utf-8";

@import url("ugC_Reset.css");

body{
	SCROLLBAR-FACE-color: #D2D4D5;
	SCROLLBAR-HIGHLIGHT-color: #D2D4D5;
	SCROLLBAR-SHADOW-color: #ffffff;
	SCROLLBAR-3DLIGHT-color: #ffffff;
	SCROLLBAR-ARROW-color: #ffffff;
	SCROLLBAR-TRACK-color: #F0F0F0;
	SCROLLBAR-DARKSHADOW-color: #D2D4D5;
	background-color:#fff;
	font-family: Arial,微軟正黑體;
	/* font-family: '微軟正黑體'; */
	font-size:13px;
	line-height: 150%;
	color:#474747;
	letter-spacing:0px;
	overflow-x: hidden;
}

p { margin:0 0 15px 0;}

/* 去除超連結的虛線 */
a{color: #555555;text-decoration: none;outline: none; /* for Firefox Google Chrome  */ behavior:expression(this.onFocus=this.blur()); /* for IE */}
a:hover{color:#ff7e00;text-decoration:none;}
a img{border: none;}

/* 解除浮動 */
.both { clear:both; overflow:hidden; height:auto;}
/* CSS Template */

.wrapper { width:100%; margin:0 auto; overflow:hidden;}
.wrapper .header { width:100%; height:140px;}
.wrapper .header .topline { width:100%; height:3px; background:#bc9d5b;}
.wrapper .header .topBar { width:990px; height:81px; margin:0 auto;}
.wrapper .header .topBar .logo { float:left; width:590px; height:78px;}
.wrapper .header .topBar .logo img { display:none;}
.wrapper .header .topBar .logo a img { display:block;}
.wrapper .header .topBar .topmenu { float:right; width:350px;}
.wrapper .header .topBar .topmenu .trmenu ul { padding:5px 0 0 6px; font-size:12px;}
.wrapper .header .topBar .topmenu .trmenu ul li{ float:left; background:url(../Images/icno_triangle.png) left 8px no-repeat; color:#FFF; padding-left:8px; padding-right:15px; }
.wrapper .header .topBar .topmenu .trmenu ul li a{ color:#FFF; text-decoration:none;}
.wrapper .header .topBar .topmenu .trmenu ul li a:hover { color:#5e450e;}
.wrapper .header .topBar .topmenu .trmenu02 { float:right; margin-top:12px; margin-right:20px; color:#715414; font-size:12px;}
.wrapper .header .topBar .topmenu .trmenu02 a { color:#715414; text-decoration:none;}
.wrapper .header .topBar .topmenu .trmenu02 a:hover { color:#ff7e00;}

.wrapper .header .nav { width:100%; height:56px; background:url(../Images/Bg_Menu.png) repeat-x;}
.wrapper .header .nav ul { width:990px; height:56px; margin:0 auto;}
.wrapper .header .nav ul li { float:left; height:56px;}
.wrapper .header .nav ul li a { display:block; text-indent:-9999px;}
.wrapper .header .nav ul li.nav01 a { width:160px; height:56px; background:url(../Images/nav01.png) no-repeat;}
.wrapper .header .nav ul li.nav02 a { width:160px; height:56px; background:url(../Images/nav02.png) no-repeat;}
.wrapper .header .nav ul li.nav03 a { width:160px; height:56px; background:url(../Images/nav03.png) no-repeat;}
.wrapper .header .nav ul li.nav04 a { width:160px; height:56px; background:url(../Images/nav04.png) no-repeat;}
.wrapper .header .nav ul li.nav05 a { width:160px; height:56px; background:url(../Images/nav05.png) no-repeat;}
.wrapper .header .nav ul li.nav06 a { width:160px; height:56px; background:url(../Images/nav06.png) no-repeat;}
.wrapper .header .nav ul li a:hover { background-position:left -56px;}
.wrapper .header .nav ul li.linemenu01 { width:2px; height:56px; background:url(../Images/Line_Menu01.gif) left top no-repeat;}
.wrapper .header .nav ul li.linemenu02 { width:2px; height:56px; background:url(../Images/Line_Menu02.gif) left top no-repeat;}
.wrapper .header .nav ul li.linemenu03 { width:2px; height:56px; background:url(../Images/Line_Menu03.gif) left top no-repeat;}
.wrapper .header .nav ul li.linemenu04 { width:2px; height:56px; background:url(../Images/Line_Menu04.gif) left top no-repeat;}
.wrapper .header .nav ul li.linemenu05 { width:2px; height:56px; background:url(../Images/Line_Menu05.gif) left top no-repeat;}
.wrapper .header .nav ul li.linemenu06 { width:2px; height:56px; background:url(../Images/Line_Menu06.gif) left top no-repeat;}
.wrapper .header .nav ul li.linemenu07 { width:2px; height:56px; background:url(../Images/Line_Menu07.gif) left top no-repeat;}

/* 首頁形象圖 */
.wrapper .DefContent { width:100%; margin:0 auto; background:url(../Images/Bg_DefContent.jpg) no-repeat;}
/*.wrapper .DefContent .DefImg{ width:100%; margin:0 auto; height:720px; overflow:hidden; position:relative;}*/
.wrapper .DefContent .DefImg{ width:100%; left:0px; position:relative;}
.wrapper .DefContent .DefImg .container {width:1920px; min-height:720px; overflow:hidden; position:relative;}
.wrapper .DefContent .Img_do { width:100%; height:30px; position:absolute; top:515px; right:10px;}
.wrapper .DefContent .Img_do .do { width:990px;margin:0 auto; }
.wrapper .DefContent .Img_do ul li { float:right; padding-right:8px;}
.wrapper .DefContent .Img_do ul li a { display:block; width:11px; height:11px; background:url(../Images/Def_Img_do.png) no-repeat; text-indent:-9999px;}
.wrapper .DefContent .Img_do ul li a:hover { background:url(../Images/Def_Img_do2.png) no-repeat; }
.wrapper .DefContent .setWidth {width:100%; left:0;top:552px; position:absolute; z-index:100;}
.wrapper .DefContent .setWidth .projectList {margin:0 auto; width:990px;}


/* 首頁內容區 */
.wrapper .DefContent .setWidth .projectList .box_products { width:738px; border:1px solid #ededed; background:#FFF; padding: 12px ;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; float:left;}

.wrapper .DefContent .setWidth .projectList .box_products .products { margin-bottom:10px;}
.wrapper .DefContent .setWidth .projectList .box_products .products h2{ display:block; width:100%; height:25px; background:url(../Images/Def_Title01.gif) no-repeat; text-indent:-9999px; padding-bottom:2px; border-bottom:1px dotted #b3b3b3;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul { margin:10px;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul li{ float:left;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul li a { display:block; width:167px; height:112px; text-indent:-9999px; margin-right:16px;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul li.pr01 a{ background:url(../Images/Img_incMenu01.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul li.pr02 a{ background:url(../Images/Img_incMenu02.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul li.pr03 a{ background:url(../Images/Img_incMenu03.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul li.pr04 a{ background:url(../Images/Img_incMenu04.jpg) no-repeat; margin-right:0;}
.wrapper .DefContent .setWidth .projectList .box_products .products ul li a:hover { background-position:left -112px;}

.wrapper .DefContent .setWidth .projectList .box_products .news { position:relative;}
.wrapper .DefContent .setWidth .projectList .box_products .news .more a{position:absolute; display:block; width:40px; height:16px; top:5px; right:0; background:url(../Images/bu_more.png) no-repeat; text-indent:-9999px;}
.wrapper .DefContent .setWidth .projectList .box_products .news .more a:hover { background-position:left -16px;}
.wrapper .DefContent .setWidth .projectList .box_products .news ul{ margin:2px 0;}
.wrapper .DefContent .setWidth .projectList .box_products .news ul li { background:url(../Images/icon_news.png) 10px 10px no-repeat; line-height:2em; border-bottom:1px dotted #b3b3b3;}
.wrapper .DefContent .setWidth .projectList .box_products .news ul li .date { padding-left:45px; color:#9e835a;}
.wrapper .DefContent .setWidth .projectList .box_products .news ul li a { padding-left:25px; color:#474747; text-decoration:none;}
.wrapper .DefContent .setWidth .projectList .box_products .news ul li a:hover { color:#ff7e00;}
.wrapper .DefContent .setWidth .projectList .box_products .news h2{ display:block; width:100%; height:25px; background:url(../Images/Def_Title02.gif) no-repeat; text-indent:-9999px; padding-bottom:2px; border-bottom:1px dotted #b3b3b3; margin-bottom:10px;}

.wrapper .DefContent .setWidth .projectList .box_link { width:206px; border:1px solid #ededed; background:#FFF; padding: 1px ;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; float:right; behavior:url(PIE.htc);}
.wrapper .DefContent .setWidth .projectList .box_link h2{ width:100%; height:42px; background:url(../Images/Def_Title03.png) no-repeat; text-indent:-9999px; border-bottom:1px dotted #b3b3b3;}
.wrapper .DefContent .setWidth .projectList .box_link ul { width:172px; margin:0 auto; margin-bottom:15px;}
.wrapper .DefContent .setWidth .projectList .box_link ul li a { display:block; width:172px; height:45px; text-indent:-9999px; margin-top:10px;}
.wrapper .DefContent .setWidth .projectList .box_link ul li.link01 a { background:url(../Images/Def_Link01.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_link ul li.link02 a { background:url(../Images/Def_Link02.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_link ul li.link03 a { background:url(../Images/Def_Link03.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_link ul li.link04 a { background:url(../Images/Def_Link04.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_link ul li a:hover { background-position:left -45px;}
.wrapper .DefContent .setWidth .projectList .box_link ul li.link05 a { background:url(../Images/Def_Link05.jpg) no-repeat;}
.wrapper .DefContent .setWidth .projectList .box_link ul li a:hover { background-position:left -45px;}

/* 內頁形象圖 */
.wrapper .DefContent .Img{ width:1920px; margin:0 auto; height:220px; overflow:hidden;}

/* 內頁內容區*/
.wrapper .Content { width:990px; margin:0 auto; padding-top:12px;}
.wrapper .Content Left .space { display:block; width:100%; height:16px; line-height:16px;}
.wrapper .Content .Left { width:208px; float:left; padding-right:16px;}
.wrapper .Content .Right { width:766px; float:left;}

/* 內頁左*/

/* 內頁左上 */
.wrapper .Content .Left .box_About { width:206px; border:1px solid #ededed; background:#FFF; padding: 1px ;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; float:right; behavior:url(PIE.htc);}
.wrapper .Content .Left .box_About h2{ display:block; width:206px; height:42px; border-bottom:1px dotted #b3b3b3;}
.wrapper .Content .Left .box_About ul.sub1 { margin:5px 0 25px 14px;}
.wrapper .Content .Left .box_About ul.sub1>li a { display:block; width:160px; background:url(../Images/icon_news.png) 0 14px no-repeat; color:#b1a36d; font-size:15px; line-height:1.2em; padding:7px 0; font-weight:bold; padding-left:20px; border-bottom:1px solid #e1dcc6; text-decoration:none;}
.wrapper .Content .Left .box_About ul.sub1>li a:hover { color:#585858;}
.wrapper .Content .Left .box_About ul.sub1>li>ul.sub2 { width:156px; margin:0 0 10px 20px;}
.wrapper .Content .Left .box_About ul.sub1>li>ul.sub2>li a{ background:none; padding-left:0; display:block; width:156px; color:#585858; font-size:13px; line-height:1.2em; padding:7px 0; font-weight:bold; border-bottom:1px dotted #b3b3b3; text-decoration:none;}
.wrapper .Content .Left .box_About ul.sub1>li>ul.sub2>li a:hover { color:#b1a36d; }


/* 內頁左快速連結*/
.wrapper .Content .Left .box_link { width:206px; border:1px solid #ededed; background:#FFF; padding: 1px ;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; float:right; behavior:url(PIE.htc);}
.wrapper .Content .Left .box_link h2{ width:100%; height:42px; background:url(../Images/Def_Title03.png) no-repeat; text-indent:-9999px; border-bottom:1px dotted #b3b3b3;}
.wrapper .Content .Left .box_link ul { width:172px; margin:0 auto; margin-bottom:25px;}
.wrapper .Content .Left .box_link ul li a { display:block; width:172px; height:45px; text-indent:-9999px; margin-top:10px;}
.wrapper .Content .Left .box_link ul li.link01 a { background:url(../Images/Def_Link01.jpg) no-repeat;}
.wrapper .Content .Left .box_link ul li.link02 a { background:url(../Images/Def_Link02.jpg) no-repeat;}
.wrapper .Content .Left .box_link ul li.link03 a { background:url(../Images/Def_Link03.jpg) no-repeat;}
.wrapper .Content .Left .box_link ul li.link04 a { background:url(../Images/Def_Link04.jpg) no-repeat;}
.wrapper .Content .Left .box_link ul li.link05 a { background:url(../Images/Def_Link05.jpg) no-repeat;}
.wrapper .Content .Left .box_link ul li a:hover { background-position:left -45px;}

/* 內頁內容區 */
.wrapper .Content .Right .box_bodyall { width:740px; border:1px solid #ededed; background:#FFF; padding:12px 12px 20px 12px ;-webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; float:left;}
.wrapper .Content .Right .box_bodyall .bodytitle { width:100%; height:25px; padding-bottom:5px; border-bottom:1px dotted #b3b3b3; margin-bottom:15px;}
.wrapper .Content .Right .box_bodyall .bodytitle h3 { display:block; width:300px; height:25px; float:left;}
.wrapper .Content .Right .box_bodyall .bodytitle .path { float:right; height:25px; line-height:25px; font-size:12px;}
.wrapper .Content .Right .box_bodyall .bodycontent { width:100%; margin:0 auto;}

/* 內容區 */
.tastyle01 td { padding:5px;}
.tastyle02 td { padding:2px;}

.more a{ display:block; width:40px; height:16px; top:5px; right:0; background:url(../Images/bu_more.png) no-repeat; text-indent:-9999px;}
.more a:hover { background-position:left -16px;}

/* copyright */
.wrapper .footer { width:990px; margin:0 auto; padding-top:20px;}
.wrapper .footer .f1 {width:990px; margin:0 auto; height:48px; border-top:#cead68 solid 1px; border-bottom:#cead68 solid 1px; }
.wrapper .footer .f1 .logo_copyright { width:150px; float:left; padding-top:10px;}
.wrapper .footer .f1 .affiliates { float:left;}
.wrapper .footer .f1 .affiliates ul { width:810px; float:right;}
.wrapper .footer .f1 .affiliates ul li { float:left;line-height:24px;}
.wrapper .footer .f1 .affiliates ul li a { display:block; font-size:12px; font-weight:bold; text-decoration:none; width:115px; padding-left:21px; width:92px;}
.wrapper .footer .f1 .affiliates ul li.aff06 a,.wrapper .footer .f1 .affiliates ul li.aff12 a { width:80px; width:92px;}
.wrapper .footer .copyright { width:990px; height:46px; line-height:46px; text-align:center;}


.wrapper .footer .copyright { width:990px; height:46px; line-height:46px; text-align:center;}

/* sitemap */
.sitemap01 { padding:3px 0; border-bottom: 1px dotted #ccc;}
.sitemap01 a{ display:block; width:100%; color:#a37f2b; font-size:13px; font-weight:bold;}
.sitemap01 a:hover{ background:#ededed; color:#666666;}
.sitemap02 td { padding:3px 0;}

/*無資料時顯示*/
.css_NoData {height:100px;text-align:center;color:#ff0000;}



/*News -- 2010.11.08 Add*/
.css_News ul{clear:both;color:#666666;margin:10px 3px 0px 0px;padding:0px 3px 0px 0px;list-style-type:none;}
.css_News ul li{ background:url(../Images/icon_news.png) 10px 10px no-repeat; line-height:2em;border-bottom:1px dotted #BFBFBF;}
.css_News ul li a { padding-left:25px; color:#474747; text-decoration:none;}
.css_News ul li a:hover { color:#ff7e00;}

.css_NewsItem ul{clear:both;color:#666666;margin:0px 3px 0px 0px;padding:0px 3px 0px 0px;list-style-type:none;}
.css_NewsItem ul li{padding:3px 0px 3px 14px;}
.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;
}

.TitleFont { color: #a37f2b; Font-size: 15px; font-weight: bold;}

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

/*分頁設定*/
.css_PageList {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 10px;
	padding-bottom: 3px;
	margin: 3px;
	text-align: right;
}
.css_PageList A,.css_PageList a:link,.css_PageList a:visited ,.css_PageList a:active {
	border-right: #e1dcc6 1px solid;
	border-left: #e1dcc6 1px solid;
	border-top: #e1dcc6 1px solid;
	border-bottom: #e1dcc6 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #a37f2b;
	text-decoration: none;
	
}
.css_PageList A:hover{
	border-right: #e1dcc6 1px solid;
	border-left: #e1dcc6 1px solid;
	border-top: #e1dcc6 1px solid;
	border-bottom: #e1dcc6 1px solid;
	font-family:Tahoma, Geneva, sans-serif;
	color: #ffffff; 
	text-decoration:none;
	background:#a37f2b;
}
.css_PageList .current {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 2px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #000000;
	font-weight: bold;
}

/*===每月營收公告表格===*/
.css_TableMonthlysales{
	width:100%;
	border-top:1px solid #3c6a8c;
}
.css_TableMonthlysales table{
}
.css_TableMonthlysales title{
	width:100%;
	border-top:1px solid #3c6a8c;
	border-bottom:1px solid #3c6a8c;
	border-collapse:collapse;
}
.css_TableMonthlysales td.Title{
	height:30px;
	background-color:#DCECFC;
	background-repeat:repeat-x;
	background-position:bottom left;
	color:#0085dd;
	font-weight:bold;
	font-size:13px;
	padding:5px;
	/*vertical-align:text-top;*/	
	border-bottom:1px solid #3c6a8c;
	border-top:1px solid #fff;
}
.css_TableMonthlysales td{
	background-color:#ffffff;
	color:#555555;
	padding:6px 3px 6px 3px;
	border-top:1px solid #FFF;
}


/*======== 表格(粉藍) Start ========*/
.css_TableLightBlue{
	width:100% -4px;
	border:4px solid #e6f0fb;
}

.css_TableLightBlue table{
	width:100%;
	border-top:1px solid #a4ccea;
	border-right:1px solid #a4ccea;
	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:#0085dd;
	font-weight:bold;
	font-size:13px;
	padding:5px;
	/*vertical-align:text-top;*/	
	text-align:center;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}
.css_TableLightBlue td{
	background-color:#ffffff;
	color:#555555;
	padding:6px 3px 6px 3px;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}
tr.odd_TableLightBlue td{
	background-color:#ffffff;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}	
tr.even_TableLightBlue td{
	background-color:#f9f9f9;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}	
tr.over_TableLightBlue td{
	background-color:#ffffcc;
	color:#ff0000;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}	
tr.clicked_TableLightBlue td{
	color:#ff0000;
	background-color:#D5ECFF;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}

.css_TableLightBlue td.nodata{
	padding:40px 0 40px 0;
	text-align:center;
	color:#ff0000;
	border-bottom:1px solid #a4ccea;
	border-left:1px solid #a4ccea;
}
/*======== 表格(粉藍) End ========*/

/*======== 表格(藍-投資人活動) Start ========*/
.css_TableBlueInv{
	width:100% -4px;
	border-top:1px solid #3c6a8c;
}

.css_TableBlueInv table{
	width:100%;
	border-top:1px solid #3c6a8c;
	border-bottom:1px solid #3c6a8c;
	border-collapse:collapse;
}
.css_TableBlueInv td.Title{
	height:30px;
	background-color:#F0F4F9;
	background-repeat:repeat-x;
	background-position:bottom left;
	color:#0085dd;
	font-weight:bold;
	font-size:13px;
	padding:5px;
	/*vertical-align:text-top;*/	
	text-align:center;
	border-bottom:1px solid #3c6a8c;
	border-top:1px solid #fff;
}
.css_TableBlueInv td{
	background-color:#ffffff;
	color:#555555;
	padding:6px 3px 6px 3px;
	border-bottom:1px solid #cfdce6;
	border-top:1px solid #FFF;
}
tr.odd_TableBlueInv td{
	background-color:#ffffff;
	border-bottom:1px solid #cfdce6;
	border-left:1px solid #cfdce6;
}	
tr.even_TableBlueInv td{
	background-color:#f9f9f9;
	border-bottom:1px solid #cfdce6;
	border-left:1px solid #cfdce6;
}	
tr.over_TableBlueInv td{
	background-color:#ffffcc;
	color:#ff0000;
	border-bottom:1px solid #cfdce6;
	border-left:1px solid #cfdce6;
}	
tr.clicked_TableBlueInv td{
	color:#ff0000;
	background-color:#D5ECFF;
	border-bottom:1px solid #cfdce6;
	border-left:1px solid #cfdce6;
}

.css_TableBlueInv td.nodata{
	padding:40px 0 40px 0;
	text-align:center;
	color:#ff0000;
	border-bottom:1px solid #cfdce6;
	border-top:1px solid #fff;
}
/*======== 表格(粉藍) End ========*/

/* 聯絡我們表單 */
.formdescription { padding-bottom:10px;}
.contactform{}
.contactform ul li h3{display:block;float:left;font-weight:bold; padding:5px 15px 0 0; vertical-align:top;width:180px;}
.contactform ul li{clear:both;padding:8px 0 8px 0;margin:0;line-height:100%;text-align:left; border-bottom:1px dotted #b3b3b3;}
.formbtn{text-align:center;padding:20px 0 0 0;}


.clear{clear:both;_height:0px;_overflow:hidden;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;content:"."}
.requireddescr{text-align:center;color:#333;padding:10px 0 0 0;}


/*2014.7.24 Jay新增*/
#fL {float:left; border-right:#000 1px solid; text-align:left;}
#fL div {border-bottom:#000 1px solid; padding-left:30px; padding-right:30px;}
#fL div.last{ border-bottom:0;}
#fR{text-align:left; text-indent:10px;}
#fR div{border-bottom:#000 1px solid;}
#fR div.last{ border-bottom:0;}



/*2015.5.14 Jay 新增*/
.CR-Wrapper { width:100%; height:auto; overflow:hidden; position:relative;}
/*.CR-Wrapper p:hover { color:#c8a35a; color:#8a6413;}
.CR-Wrapper td:hover { color:#c8a35a;}*/
.CR-Wrapper *, .CR-Wrapper *:before, .CR-Wrapper *:after{box-sizing: border-box; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.2px;}

.BannerIcon { width:60px; height:auto; overflow:hidden; position:absolute; top:40px; right:50%; margin-right:-580px;z-index:1;}
.BannerIcon:hover {width:300px; }
.BannerIcon:hover li { margin-left:240px;}
.BannerIcon * { padding:0; margin:0; list-style:none;}
.BannerIcon ul { width:100%; height:auto; overflow:hidden;}
.BannerIcon li { width:50px; height:50px; width:60px; height:60px; overflow:hidden; float:left; margin-bottom:5px; opacity:1;}
.BannerIcon li:hover { opacity:1;}
.BannerIcon li a { display:block; width:60px; height:60px; text-indent:-9999px; width:60px; height:60px; }
.BannerIcon li.BI01 { background:url(../Images/CR/BannerIcon_01.jpg) top right no-repeat;
background:url(../Images/CR/Icon_Mail.png) top right no-repeat;}
.BannerIcon li.BI01:hover { background:url(../Images/CR/Icon_Mail_o.png) top right no-repeat;}
.BannerIcon li.BI02 { background:url(../Images/CR/BannerIcon_02.jpg) top right no-repeat;
 background:url(../Images/CR/Icon_Facebook.png) top right no-repeat;}
.BannerIcon li.BI03 { background:url(../Images/CR/BannerIcon_03.jpg) top right no-repeat;
 background:url(../Images/CR/Icon_Line.png) top right no-repeat;}
.BannerIcon li.BI04 { background:url(../Images/CR/BannerIcon_04.jpg) top right no-repeat;
 background:url(../Images/CR/Icon_Plurk.png) top right no-repeat;
 }
.BannerIcon li.BI05 { background:url(../Images/CR/Icon_More.png) top right no-repeat;
}
.BannerIcon li.BI05:hover { background:url(../Images/CR/Icon_More_o.png) top right no-repeat;
}
.BannerIcon li.BI06 { background:url(../Images/CR/Icon_Message_o.png) top right no-repeat;
}
.BannerIcon li.BI06:hover { background:url(../Images/CR/Icon_Message.png) top right no-repeat;
}
.BannerIcon li.BI06 { height:auto; min-height:60px;}
.BannerIcon li.BI06 .SendMailSuggest { display:none;}
.BannerIcon li.BI06:hover { width:300px; margin-left:0; cursor:pointer;}
.BannerIcon li.BI06:hover .SendMailSuggest { display:block; float:left; margin-top:65px; cursor:default;}

.DefMenu { width:1120px; height:auto; overflow:hidden; padding:30px 5px; margin:0 auto; width:1000px; padding:10px 5px; padding:0;}
.DefMenu * { display:block; padding:0; margin:0; list-style:none;}
.DefMenu ul { width:100%; height:auto; overflow:hidden;}
.DefMenu ul li { width:25%; height:auto; overflow:hidden; float:left; text-align:center;}
.DefMenu ul li a { width:280px; height:270px; font-size:20px; line-height:420px; line-height:380px; height:240px; width:100%; font-size:19px;}
.DefMenu ul li a:link { color:#333;}
.DefMenu ul li a:visited { color:#333;}
.DefMenu ul li a:hover { color:#c8a35a;}
.DefMenu ul li a:active { color:#c8a35a;}
.DefMenu ul li.DefMenu01 a { background:url(../Images/CR/DefMenu_01.jpg) 0 0 no-repeat;
}
.DefMenu ul li.DefMenu01 a:hover { background:url(../Images/CR/DefMenu_01_o.jpg) 0 0 no-repeat;
 color:#74561e;}
.DefMenu ul li.DefMenu01 a:active { color:#74561e;}
.DefMenu ul li.DefMenu02 a { background:url(../Images/CR/DefMenu_02.jpg) 0 0 no-repeat;
}
.DefMenu ul li.DefMenu02 a:hover { background:url(../Images/CR/DefMenu_02_o.jpg) 0 0 no-repeat;
 color:#36525c;}
.DefMenu ul li.DefMenu02 a:active { color:#36525c;}
.DefMenu ul li.DefMenu03 a { background:url(../Images/CR/DefMenu_03.jpg) 0 0 no-repeat;
}
.DefMenu ul li.DefMenu03 a:hover { background:url(../Images/CR/DefMenu_03_o.jpg) 0 0 no-repeat;
 color:#5d782d;}
.DefMenu ul li.DefMenu03 a:active { color:#5d782d;}
.DefMenu ul li.DefMenu04 a { background:url(../Images/CR/DefMenu_04.jpg) 0 0 no-repeat;
}
.DefMenu ul li.DefMenu04 a:hover { background:url(../Images/CR/DefMenu_04_o.jpg) 0 0 no-repeat;
 color:#b94060;}
.DefMenu ul li.DefMenu04 a:active { color:#b94060;}

.ugC_CR-01 .DefMenu ul li.DefMenu01 a { background:url(../Images/CR/DefMenu_01_o.jpg) 0 0 no-repeat;
 color:#74561e;}
.ugC_CR-02 .DefMenu ul li.DefMenu02 a { background:url(../Images/CR/DefMenu_02_o.jpg) 0 0 no-repeat;
 color:#36525c;}
.ugC_CR-03 .DefMenu ul li.DefMenu03 a { background:url(../Images/CR/DefMenu_03_o.jpg) 0 0 no-repeat;
 color:#5d782d;}
.ugC_CR-04 .DefMenu ul li.DefMenu04 a { background:url(../Images/CR/DefMenu_04_o.jpg) 0 0 no-repeat;
 color:#b94060;}


.DefArticleWrap { width:100%; min-width:1120px; min-width:1000px; height:auto; overflow:hidden; margin:0 auto;}
.DefArticle { width:100%; height:345px; overflow:hidden; position:relative; height:305px;}
.DefArticle .Article * { padding:0; margin:0; display:block;}
.DefArticle .Article h1 { width:100%; height:36px; line-height:36px; font-size:36px; font-weight:normal; color:#8a6413; overflow:hidden; margin-bottom:15px; color:#c8a35a;}
.DefArticle .Article p { font-size:15px; color:#333; line-height:26px; margin-bottom:15px; color:#777;}
.DefArticle .Article a { width:100px; height:35px; border:1px solid #bc9d5b; text-align:center; line-height:35px; color:#bc9d5b;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
}
.DefArticle .Article a:link { background:none;}
.DefArticle .Article a:visited { background:none;}
.DefArticle .Article a:hover { background:#fff; background:rgba(255,255,255,0.6) ; background:#bc9d5b; color:#fff;}
.DefArticle .Article a:active { background:#fff; background:rgba(255,255,255,0.6) ; background:#bc9d5b; color:#fff;}
.DefArticle .AL { width:645px; height:206px; overflow:hidden; position:absolute; top:50%; margin-top:-103px; left:50%; margin-left:-545px; margin-left:-490px;}
.DefArticle .AR { width:580px; height:186px; overflow:hidden; position:absolute; top:50%; margin-top:-94px; right:50%; margin-right:-545px; margin-right:-490px;}
.DA01 { background:url(../Images/CR/DefContent_01.jpg) top center no-repeat;}
.DA02 { background:url(../Images/CR/DefContent_02.jpg) top center no-repeat;}
.DA03 { background:url(../Images/CR/DefContent_03.jpg) top center no-repeat;}
.DA04 { background:url(../Images/CR/DefContent_04.jpg) top center no-repeat;}

.TitleH1 { width:1120px; height:50px; line-height:50px; text-align:left; font-size:26px; color:#c8a35a; font-weight:normal; margin:0 auto;}
/*=============== CR-ArticleList ===============*/
#CR-ArticleList { min-width: 1120px; margin:0 auto; width:100%; height:auto; overflow:hidden; margin:0 auto; min-width:0; width:1000px;border-bottom:2px solid #c8a35a; border:0;}
#CR-ArticleList ul, #CR-ArticleList li { list-style: none; margin: 0; padding: 0; display:block; overflow:hidden;}
#CR-ArticleList ul { width:1120px; height:235px; overflow:hidden; margin:0 auto; width:1000px;}
#CR-ArticleList .tabs li { width:240px; height:235px; overflow:hidden; float:left; margin:0 20px; width:210px;}
#CR-ArticleList .tabs li span { display:block; width:240px; height:235px; line-height:420px; overflow:hidden; float:left; text-align:center; font-size:20px; color:#999; cursor:pointer;}
#CR-ArticleList .tabs li span.tab01 { background:url(../Images/CR/ListMenu_01.jpg) -20px 0 no-repeat;}
#CR-ArticleList .tabs li span.tab02 { background:url(../Images/CR/ListMenu_02.jpg) -20px 0 no-repeat;}
#CR-ArticleList .tabs li span.tab03 { background:url(../Images/CR/ListMenu_03.jpg) -20px 0 no-repeat;}
#CR-ArticleList .tabs li span.tab04 { background:url(../Images/CR/ListMenu_04.jpg) -20px 0 no-repeat;}
#CR-ArticleList .tabs li.hover span.tab01, #CR-ArticleList .tabs li:hover span.tab01 { background:url(../Images/CR/ListMenu_01-Hover.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tabs li.hover span.tab02, #CR-ArticleList .tabs li:hover span.tab02 { background:url(../Images/CR/ListMenu_02-Hover.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tabs li.hover span.tab03, #CR-ArticleList .tabs li:hover span.tab03 { background:url(../Images/CR/ListMenu_03-Hover.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tabs li.hover span.tab04, #CR-ArticleList .tabs li:hover span.tab04 { background:url(../Images/CR/ListMenu_04-Hover.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tabs li.active span.tab01 { background:url(../Images/CR/ListMenu_01-Active.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tabs li.active span.tab02 { background:url(../Images/CR/ListMenu_02-Active.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tabs li.active span.tab03 { background:url(../Images/CR/ListMenu_03-Active.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tabs li.active span.tab04 { background:url(../Images/CR/ListMenu_04-Active.jpg) -20px 0 no-repeat; color:#c59f56;}
#CR-ArticleList .tab_container { width:100%; height:auto; overflow:hidden; margin:0 auto; background:#eee; padding:25px 0; border-top:6px solid #c49e55; margin-bottom:20px; padding:0; background:none; border:0;
/*陰影*/
/*-moz-box-shadow:0px 5px 10px rgba(0%,0%,0%,0.2);-webkit-box-shadow:0px 5px 10px rgba(0%,0%,0%,0.2);box-shadow:0px 5px 10px rgba(0%,0%,0%,0.2);*/}
#CR-ArticleList .tab_container .tab_content {	position: relative;	height: 600px; overflow: hidden; height:560px; height:auto;}
#CR-ArticleList .tab_container .tab_content li {position: absolute;	width: 1120px; height: 100%; overflow:hidden; width:1000px; position:relative;}
#CR-ArticleList .tab_container .tab_content li a { width:350px; height:250px; display:block; border:1px solid #ccc; float:left; padding:25px; padding:20px; background:#fff; margin:25px 0; margin:10px 0; margin-right:30px;
width:320px; margin-right:15px; width:49%; float:left; height:auto; padding:10px; margin-right:0;border:1px solid #eee;opacity: 1;
/*陰影*/
/*-moz-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);-webkit-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);*/
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#CR-ArticleList .tab_container .tab_content li a:nth-of-type(odd){ float:right;}
#CR-ArticleList .tab_container .tab_content li a.Last { margin-right:10px;}
#CR-ArticleList .tab_container .tab_content li a:hover { padding:24px; padding:19px; padding:10px;
/*動畫*/
  animation: TabContentLiA forwards;
  animation-duration: 0.5s;
  -webkit-animation: TabContentLiA 0.5s forwards;}
#CR-ArticleList .tab_container .tab_content1 li a:hover { border:1px solid #f6ac19;
/*變色*/
  background-color: #fabf13;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;}
#CR-ArticleList .tab_container .tab_content2 li a:hover { border:1px solid #5a7f92;
/*變色*/
  background-color: #6a92a6;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;}
#CR-ArticleList .tab_container .tab_content3 li a:hover { border:1px solid #6a8d3d;
/*變色*/
  background-color: #7fa44f;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;}
#CR-ArticleList .tab_container .tab_content4 li a:hover { border:1px solid #df5d83;
/*變色*/
  background-color: #ef7599;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;}
#CR-ArticleList .tab_container .tab_content5 li a:hover { border:1px solid #924998;
/*變色*/
  background-color: #924998;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;}

/*動畫*/
@keyframes TabContentLiA {  
    0% {opacity: 1;}
    100% {opacity: 1;}
}  
@-webkit-keyframes TabContentLiA {
    0% {opacity: 1;}
    100% {opacity: 1;}
}  
#CR-ArticleList .tab_container .tab_content li a .TabPhoto { width:300px; height:140px; overflow:hidden; margin:0 auto; width:240px; float:left; position:relative;}
#CR-ArticleList .tab_container .tab_content li a .TabPhoto img { position:absolute; top:0; left:50%; margin-left:-150px;}
#CR-ArticleList .tab_container .tab_content li a h1 { width:100%; height:80px; line-height:80px; overflow:hidden; color:#000; font-size:20px; text-align:center; float:left; width:220px; height:140px; line-height:140px; padding-left:10px; text-align:left;}
#CR-ArticleList .tab_container .tab_content li a:hover h1 { color:#c49e55;
/*變色*/
color: #fff;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    transition: color 0.3s ease;}
#CR-ArticleList .tab_container .tab_content li a:hover .TabPhoto img {
/*透明*/
opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}

.CR-ArticleWrapper { width:1120px; height:auto; overflow:hidden; margin:0 auto; width:1000px;}
.CR-ArticleHeader { width:100%; width:1120px; width:1000px; height:auto; overflow:hidden; margin:0 auto; margin-bottom:30px; margin-top:10px; margin-bottom:10px; margin-top:30px; margin-bottom:0; width:490px; float:left; width:390px;}
.CR-ArticleHeaderDef { width:1100px; width:1000px; width:485px; float:left; margin-top:0; display:none;}
.CR-ArticleHeader h1 { width:50%; height:50px; line-height:50px; text-align:left; font-size:34px; color:#c8a35a; font-weight:normal; float:left; width:100%;}
.CR-ArticleHeader a.Back { width:50px; height:50px; line-height:50px; font-size:14px; font-weight:bold; overflow:hidden; background:#c8a35a; float:right; text-align:center; color:#fff; position:relative; text-indent:9999px; display:none;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.CR-ArticleHeader a.Back:after { content:''; width:50px; height:50px; overflow:hidden; background:url(../Images/CR/CR-ArticleHeader-Back.png) 0 0 no-repeat; position:absolute; left:0; top:0;animation: fade-in2; animation-duration: 0.5s; -webkit-animation:fade-in2 0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
@-webkit-keyframes fade-in {
    0% {opacity: 1; text-indent:10px; }  
    100% {opacity: 1;text-indent:0; }  
}
@keyframes fade-in {
    0% {opacity: 1; text-indent:10px; }  
    100% {opacity: 1;text-indent:0; }  
}
@-webkit-keyframes fade-in2 {
    0% {opacity: 0; margin-left:-10px;}  
    100% {opacity: 1;margin-left:0px;}  
}
@keyframes fade-in2 {
    0% {opacity: 0; margin-left:-10px;}  
    100% {opacity: 1;margin-left:0px;}  
}
@-webkit-keyframes fade-out {
    0% {opacity: 1; margin-left:0px;}  
    100% {opacity: 0; margin-left:-10px;}  
}
@keyframes fade-out {
    0% {opacity: 1; margin-left:0px;}  
    100% {opacity: 0; margin-left:-10px;}  
} 
.CR-ArticleHeader a.Back:hover:after { animation: fade-out; animation-duration: 0.5s; -webkit-animation:fade-out 0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.CR-ArticleHeader a.Back:hover { animation: fade-in; animation-duration: 0.5s; -webkit-animation:fade-in 0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.CR-Article { width:100%; height:auto; overflow:hidden;}

.CR-Wrapper .BreadCrumbs { width:1120px; height:20px; line-height:20px; font-size:12px; margin:20px auto; width:500px; float:right; text-align:right; margin-top:45px; width:510px;}
.CR-Btn-Wrapper { width:90px; height:40px; float:right; margin-top:33px; overflow:hidden; position:relative; margin-left:10px;}
.CR-Btn-Wrapper-Single {width:40px; height:40px; float:right; margin-left:10px; margin-top:33px; overflow:hidden; position:relative;}
.CR-Wrapper .CR-Next-Btn { width:40px; height:40px; background:url(../Images/CR/Icon_Next.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; z-index:99999999999999999999999999; top:0; right:0;}
.CR-Wrapper .CR-Next-Btn:hover, .CR-Wrapper .CR-Next-Btn:active {background:url(../Images/CR/Icon_Next_o.png) 0 0 no-repeat;}
.CR-Wrapper .CR-Prev-Btn { width:40px; height:40px; background:url(../Images/CR/Icon_Prev.png) 0 0 no-repeat; text-indent:-9999px; position:absolute; z-index:99999999999999999999999999; top:0; left:0px;}
.CR-Wrapper .CR-Prev-Btn:hover, .CR-Wrapper .CR-Prev-Btn:active {background:url(../Images/CR/Icon_Prev_o.png) 0 0 no-repeat;}
.CR-Wrapper .BreadCrumbsDef { width:1090px; width:1000px; width:485px; float:right; height:50px; line-height:50px; text-align:right; margin:0; display:none;}
.CR-Wrapper .BreadCrumbs p { margin:0; padding:0; color:#555; margin:0;}
.CR-Wrapper .BreadCrumbs p span.Here { color:#8a6413;}
.CR-Wrapper .BreadCrumbs p a:link {color:#555;}
.CR-Wrapper .BreadCrumbs p a:visited {color:#555;}
.CR-Wrapper .BreadCrumbs p a:hover {color:#8a6413;}
.CR-Wrapper .BreadCrumbs p a:avtice {color:#8a6413;}
.CR-Wrapper .MoreInfo { display:block; width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; color:#fff; font-size:16px; font-size:14px; height:45px; line-height:45px; width:980px; margin:30px auto; display:none;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.CR-Wrapper .MoreInfo:link { background:#b4914f; color:#fff; background:#ccc; color:#999;
/*漸層*/
background: rgb(245, 245, 245);
background: -moz-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: -webkit-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: -o-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: -ms-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: linear-gradient(180deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);}
.CR-Wrapper .MoreInfo:visited { background:#b4914f; color:#fff; background:#ccc; color:#999;
/*漸層*/
background: rgb(245, 245, 245);
background: -moz-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: -webkit-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: -o-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: -ms-linear-gradient(90deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);
background: linear-gradient(180deg, rgb(245, 245, 245) 0%, rgb(214, 214, 214) 90%);}
.CR-Wrapper .MoreInfo:hover { background:#a27f3e; color:#fff;
/*漸層*/
background: rgb(240, 213, 162);
background: -moz-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: -webkit-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: -o-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: -ms-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: linear-gradient(180deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);}
.CR-Wrapper .MoreInfo:active { background:#b4914f; color:#fff;
/*漸層*/
background: rgb(240, 213, 162);
background: -moz-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: -webkit-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: -o-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: -ms-linear-gradient(90deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);
background: linear-gradient(180deg, rgb(240, 213, 162) 0%, rgb(180, 145, 79) 90%);}

.CR-Header {width:990px; height:auto; overflow:hidden; margin:10px auto;}

/*=============== CR-ArticleListText ===============*/
.ArticleListText{ width:99%; height:auto; display:block; border:1px solid #ccc; float:left; padding:10px 20px; background:#fff; margin:25px 0;
/*陰影*/
-moz-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);-webkit-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.ArticleListText p { margin:1.6em 0; font-size:13px;}
.ArticleListText strong { color:#c8a35a; font-weight:bold;}
.ArticleListText .Number-Dark { width:14px; height:14px; line-height:14px; text-align:center; margin-left:10px;}

/*=============== CR-ArticleBox ===============*/
#CR-ArticleBox { min-width: 1120px; margin:0 auto; width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:30px; min-width:1000px;}
#CR-ArticleBox ul, #CR-ArticleBox li { list-style: none; margin: 0; padding: 0; display:block; overflow:hidden;}
#CR-ArticleBox ul.tabs { width:1120px; width:1000px; height:45px; overflow:visible; margin:0 auto; border-bottom:2px solid #c8a35a; border-bottom:1px solid #ccc;}
#CR-ArticleBox .tabs li { width:200px; height:45px; line-height:45px; overflow:hidden; float:left; margin:0 20px; border:1px solid #eee; color:#777; background:#eee; color:#ccc; border-bottom:1px solid #ccc;
-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px; border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;border-top-right-radius: 5px;
}
#CR-ArticleBox .CR-02-01 li { width:190px; margin:0 10px; width:170px; width:190px;}
#CR-ArticleBox .CR-04-02 li { width:132px; margin:0 5px;}

#CR-ArticleBox .tabs li.active { background:#c8a35a; color:#fff;border:1px solid #c8a35a; border:1px solid #ccc; color:#777; background:none;border-bottom:1px solid #fff;}
#CR-ArticleBox .tabs li a { display:block; width:100%; height:45px; line-height:45px; overflow:hidden; float:left; text-align:center; font-size:14px; cursor:pointer;}
#CR-ArticleBox .CR-04-02 li a { line-height:1.3em; padding-top:3px;}
#CR-ArticleBox .CR-04-02 li a[href="#tab1"] { line-height:45px; padding-top:0;}
#CR-ArticleBox .tabs li a:link { color:#555; color:#999;}
#CR-ArticleBox .tabs li a:visited { color:#555; color:#999;}
#CR-ArticleBox .tabs li a:hover { color:#c8a35a; color:#777;}
#CR-ArticleBox .tabs li a:active { color:#c8a35a; color:#777;}
#CR-ArticleBox .tabs li.active a { color:#fff; color:#555;}
#CR-ArticleBox .tab_container { width:100%; height:auto; overflow:hidden; margin:0 auto;}
#CR-ArticleBox .tab_container .tab_content { /*position: relative; height: 600px;*/ overflow: hidden; height:auto;}
#CR-ArticleBox .tab_container .tab_content li { /*position: absolute;*/	width: 1120px; height: 100%; overflow:hidden; padding:20px; width:1000px; padding:10px;}

/*=============== CR-Article ===============*/
.CR-Article p { font-size:16px; line-height:1.6em; margin:1.6em 0; margin:1em 0;}
.CR-Article img { max-width:100%; height:auto; margin:1.6em 0;opacity:1;}
.CR-Article img:hover {opacity:1;}
.CR-Article h2 { font-size:20px;color:#c8a35a; width:100%; height:auto; margin:1.6em 0; float:left; margin:0.5em 0;}
.CR-Article table th h2 { font-size:16px;}
.CR-Article table { border-top:1px solid #c8a35a; border-left:1px solid #c8a35a; margin:1.6em 0; /*float:left;*/ letter-spacing:0.2px; margin:0.5em auto; font-size:16px; border-top:2px solid #fff; border-left:2px solid #fff; text-align:center; max-width:975px;}
.CR-Article table:hover { /*margin-bottom:10px;*/
	/*變色*/
  /*border-top:0px solid #fff9b1;
    -webkit-transition: border-top 0.5s ease;
    -moz-transition: border-top 0.5s ease;
    -o-transition: border-top 0.5s ease;
    -ms-transition: border-top 0.5s ease;
    transition: border-top 0.5s ease;
	border-left:0px solid #fff9b1;
    -webkit-transition: border-left 0.5s ease;
    -moz-transition: border-left 0.5s ease;
    -o-transition: border-left 0.5s ease;
    -ms-transition: border-left 0.5s ease;
    transition: border-top 0.5s ease;*/
-moz-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
-webkit-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
-ms-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
/*變色*/
  box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
    -webkit-transition: box-shadow 0.5s ease;
    -moz-transition: box-shadow 0.5s ease;
    -o-transition: box-shadow 0.5s ease;
    -ms-transition: box-shadow 0.5s ease;
    transition: box-shadow 0.5s ease;
	border-top:2px solid #fffcdb; border-left:2px solid #fffcdb;
}
.CR-Article table:hover th, .CR-Article table:hover td {border-right:2px solid #fff; border-bottom:2px solid #fff;}
.CR-Article table p { font-size:14px;}
.CR-Article table .Number-Dark { width:15px; height:15px; line-height:15px; text-align:center;}
.CR-Article table tr:nth-of-type(odd) { background:#f9f8f8;}
.CR-Article table tr.BlueGreen{ color:#16a085;}
.CR-Article table tr.Green{ color:#27ae60; color:#555;}
.CR-Article table tr.Blue{ color:#2980b9; color:#555; background:#f3f0eb;}
.CR-Article table tr.Blue td { line-height:2em;}
.CR-Article table tr.Purple{ color:#8e44ad;}
.CR-Article table tr.DarkBlue{ color:#2c3e50;}
.CR-Article table tr.Yellow{ color:#f39c12; color:#555; background:#f8fbf3;}
.CR-Article table tr.Orange{ color:#d35400; color:#555; background:#ebf5f7;}
.CR-Article table tr.Red{ color:#c0392b; color:#555; background:#fef6ed;}
.CR-Article td, .CR-Article th { border-right:1px solid #c8a35a; border-bottom:1px solid #c8a35a; padding:20px; padding:8px 6px; line-height:1.6em; border-right:2px solid #fff; border-bottom:2px solid #fff;}
.CR-Article tr:hover td { background:#fff9b1; background:#fff;}
.CR-Article tr:hover th {opacity:0.8;}
.CR-Article td.Center { text-align:center;}
.CR-Article td.BGFFF { background:#FFF; padding:0 8px; height:100px; text-align:left;}
.CR-Article td h2 { width:100%; color:#c8a35a; height:30px; line-height:30px; float:none; font-size:16px; color:#555;}
.CR-Article th { text-align:center; background:#d4b572; color:#fff; background:#5486ac;}

/*=============== CR-Article-Paragraph===============*/
.CR-Article .CR-Article-Paragraph { width:100%; height:auto; overflow:hidden; border:1px solid #eee; padding:20px; margin:20px auto; padding:10px; margin:10px auto; border:0;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.CR-Article .CR-Article-Paragraph img { float:right; margin:10px 50px; margin:5px 10px;  max-width:100px;}
.CR-Article .CR-Article-Paragraph:nth-of-type(even) { background:#f9f8f8; background:none;}
.CR-Article .CR-Article-Paragraph:nth-of-type(even) img { float:left;}
.CR-Article .CR-Article-Paragraph .CR-Article-Paragraph-List { width:70%; margin:10px 0; width:85%; width:100%;}

/*=============== CR-Article-Paragraph-List===============*/
.CR-Article .CR-Article-Paragraph-List { width:100%; height:auto; overflow:hidden; position:relative; /*padding-left:35px;*/}
.CR-Article .CR-Article-Paragraph-List p { margin-top:1px;}
.CR-Article .CR-Article-Paragraph-List strong { color:#c8a35a; font-weight:bold; padding-left:35px; padding:0;}
.CR-Article .CR-Article-Paragraph-List .Number-Dark { width:16px; height:16px; line-height:16px; text-align:center; position:absolute; left:0; top:0;}
.CR-Article .CR-Article-Paragraph-List .Number-Light { width:14px; height:14px; line-height:14px; text-align:center; position:absolute; left:0; top:0; font-size:12px;}

/*=============== CR-Article-Paragraph-100 ===============*/
.CR-Article .CR-Article-Paragraph-100 { width:98.5%; height:auto; overflow:hidden; border:1px solid #eee; padding:20px; margin:20px 1.4%; float:left; text-align:center; border:0; text-align:left; width:100%; margin:5px auto; padding:10px;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
/*陰影*/
/*-moz-box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);-webkit-box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);*/}
.CR-Article .CR-Article-Paragraph-100 img { margin:20px auto;}

/*=============== CR-Article-Paragraph-33 ===============*/
.CR-Article .CR-Article-Paragraph-33 { width:31%; height:auto; overflow:hidden; border:1px solid #eee; padding:20px; margin:20px 1.4%; float:left; text-align:center; text-align:left;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:0;
/*陰影*/
/*-moz-box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);-webkit-box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);*/}
.CR-Article .CR-Article-Paragraph-33 img { margin:20px auto;  max-width:100px;}
.CR-Article .CR-Article-Paragraph-33 h2 { color:#c8a35a; height:20px; line-height:20px; margin:0; float:none;}
.CR-Article .CR-Article-Paragraph-33 h2 .Number-Light { width:20px; height:20px; line-height:20px; text-align:center;}

/*=============== CR-Article-Paragraph-25 ===============*/
.CR-Article .CR-Article-Paragraph-25 { width:22%; height:auto; overflow:hidden; border:1px solid #eee; padding:20px; margin:20px 1.5%; float:left; text-align:leftr; border:0;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
/*陰影*/
/*-moz-box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);-webkit-box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);box-shadow:5px 5px 5px rgba(0%,0%,0%,0.2);*/}
.CR-Article .CR-Article-Paragraph-25 img { margin:20px auto;}
.CR-Article .CR-Article-Paragraph-25 a { display:block;}
.CR-Article .CR-Article-Paragraph-25 h2 { color:#c8a35a; height:20px; line-height:20px; margin:0;}
.CR-Article .Center { text-align:center;}

/*=============== High(420,300) ===============*/
.CR-Article .High460 { height:480px; height:360px;}
.CR-Article .High420 { height:420px; height:320px; height:auto;}
.CR-Article .High280 { height:280px;}
.CR-Article .High250 { height:250px;}

/*=============== Number(Light,Dark) ===============*/
.Number-Light { padding:5px; border:1px solid #c8a35a; display:inline-block; box-sizing:content-box; margin-right:5px; color:#c8a35a;
/*圓角*/
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.Number-Dark { padding:5px; border:1px solid #c8a35a; background:#c8a35a; display:inline-block; box-sizing:content-box; margin-right:5px; color:#fff;
/*圓角*/
-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

/*=============== Number (color) ===============*/
.CR-Article .BlueGreen .Number-Dark{ background:#1abc9c); border:0;}
.CR-Article .Green .Number-Dark{ background:#2ecc71; border:0; background:#8fc31f;}
.CR-Article .Blue .Number-Dark{ background:#3498db; border:0; background:#85c6cc;}
.CR-Article .Purple .Number-Dark{ background:#9b59b6; border:0;}
.CR-Article .DarkBlue .Number-Dark{ background:#34495e; border:0;}
.CR-Article .Yellow .Number-Dark{ background:#f1c40f; border:0; background:#bbaf9a;}
.CR-Article .Orange .Number-Dark{ background:#e67e22; border:0; background:#ecc18f;}
.CR-Article .Red .Number-Dark{ background:#e74c3c; border:0; background:#ef93bb;}


/*==========2015.6.5 Jay Fixed==========*/
.CR-Wrapper #Banner_Def { display:none;}
.CR-Wrapper .BannerIcon { display:none; display:block; position:fixed; top:173px;}

/*===================2015.6.12 Jay New===============*/
.SendMailSuggest { width:980px; height:100px; padding:9px; overflow:hidden; border:1px solid #eee; margin:0 auto;margin-bottom:10px; border:none;background:url(../Images/CR/SendMailSuggest.jpg) 0 0 repeat;
width:300px; height:300px;
/*圓角*/
/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;*/
/*漸層*/
/*background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 90%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 90%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 90%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 90%);
background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 245, 245) 90%);
background:url(../Images/CR/SendMailSuggest.jpg) 0 0 repeat; border:1px solid #d6b664;
-moz-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
-webkit-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);*/
}
/*.SendMailSuggest:hover { border:1px solid #d6b664; border-top:0; border-left:0;
-moz-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
-webkit-box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);
box-shadow:5px 5px 10px rgba(0%,0%,0%,0.2);


}*/
/*.SendMailSuggest:hover label { color:#fff;}*/
.SendMailSuggest:hover textarea {
	/*border:1px solid #e8cd88;*/
	background:#fffcdb;
	background:#fff;
	/*內陰影*/
/*box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.3);*/}
.SendMailSuggest label { float:left; height:30px; line-height:30px; background:url(../Images/CR/SendMailSuggestLabel.png) 0 3px no-repeat; color:#fff; width:50px; height:24px; display:block; text-indent:5px; display:none;}
.SendMailSuggest textarea { float:left; height:60px; padding:6px; line-height:16px; overflow:auto; width:860px; resize:none; width:900px; height:55px; margin-top:25px;
width:280px; height:180px; float:none;
/*圓角*/
/*-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;*/ border:1px solid #eee; outline:0;
/*內陰影*/
/*box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.1);*/
border:1px solid #e8cd88;
	background:#fffcdb;
	border:1px solid #eae9e9;
	background:#f6f5f5;
	/*內陰影*/
/*box-shadow: inset 1px 1px 1px rgba(50, 50, 50, 0.3);*/}
.SendMailSuggest .CodeWapper { width:100%; height:auto; overflow:hidden; margin:5px auto;}
.SendMailSuggest img#imgCaptcha { float:left;}
.SendMailSuggest a { width:55px; height:55px; line-height:55px; float:right; display:block; text-align:center; text-decoration:none;background:#d4b362; float:none; margin:0 auto; margin-top:25px;  
/*圓角*/
/*-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;*/
/*陰影*/
/*-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.3);
box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.3);*/}
.BannerIcon li .SendMailSuggest a.code { float:left; margin:0; padding:0; height:25px; line-height:25px; width:80px; color:#333; background:none;
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.BannerIcon li .SendMailSuggest input#txtCaptchacode { height:25px; line-height:25px; width:122px; float:left; outline:none; border:1px solid #ccc; padding:0 5px;}
.BannerIcon li .SendMailSuggest a {text-indent:0; width:60px; height:30px; line-height:30px; margin:0 auto;margin-top:5px;/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.SendMailSuggest:hover a {
	/*陰影*/
/*-webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    1px 1px 1px 0px rgba(50, 50, 50, 0.5);
box-shadow:         1px 1px 1px 0px rgba(50, 50, 50, 0.5);*/}
.SendMailSuggest a:link{
	color:#333; color:#fff;
/*漸層*/
/*background: rgb(238, 238, 238);
background: -moz-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: -webkit-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: -o-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: -ms-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: linear-gradient(180deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);*/

}
.SendMailSuggest a:visited{
	color:#333; color:#fff;
/*漸層*/
/*background: rgb(238, 238, 238);
background: -moz-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: -webkit-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: -o-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: -ms-linear-gradient(90deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);
background: linear-gradient(180deg, rgb(238, 238, 238) 30%, rgb(204, 204, 204) 100%);*/

}
.SendMailSuggest a:hover{
	color:#333; background:#c3a252; color:#fff;
/*漸層*/
/*background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);*/

}
.SendMailSuggest a:active{
	color:#333; background:#c3a252; color:#fff;
/*漸層*/
/*background: rgb(255, 255, 255);
background: -moz-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: -webkit-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: -o-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: -ms-linear-gradient(90deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(238, 238, 238) 100%);
padding:1px 0 0 1px;*/
	/*陰影*/
/*-webkit-box-shadow: 0.2px 0.2px 0.2px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0.2px 0.2px 0.2px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0.2px 0.2px 0.2px 0px rgba(50, 50, 50, 0.5);*/
}

.MoreInfomation:link { width:980px; height:auto; overflow:hidden; display:block; padding:0 9px; margin:10px auto; text-align:center; width:200px; height:40px; line-height:40px; background:#c9a35a; color:#fff;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.MoreInfomation:visited { background:#c9a35a; color:#fff;}
.MoreInfomation:hover { background:#b89249; color:#fff;}
.MoreInfomation:active { background:#b89249; color:#fff;}

/*===================2016.1.13 Jay New===============*/
.ugC_Survey { margin-top:20px;}
.CR-Article .ugC_Survey td, .CR-Article .ugC_Survey th { padding:10px; border:0; vertical-align:middle;}
.CR-Article .ugC_Survey tr:hover td { background:none;}
.CR-Article .ugC_Survey tr:hover th {opacity:1;}
.CR-Article .ugC_Survey table:hover {
-moz-box-shadow:0px 0px 0px rgba(0%,0%,0%,0);
-webkit-box-shadow:0px 0px 0px rgba(0%,0%,0%,0);
-ms-box-shadow:0px 0px 0px rgba(0%,0%,0%,0);
box-shadow:0px 0px 0px rgba(0%,0%,0%,0);
/*變色*/
-webkit-transition: box-shadow 0s ease;
-moz-transition: box-shadow 0s ease;
-o-transition: box-shadow 0s ease;
-ms-transition: box-shadow 0s ease;
transition: box-shadow 0s ease;
border-top:2px solid #fff; border-left:2px solid #fff;}
.CR-Article .ugC_Survey table:hover th, .CR-Article .ugC_Survey table:hover td {border:0;}
.CR-Article .ugC_Survey .Bu_style { width:100%; height:auto; overflow:hidden; text-align:center; margin:20px 0; }
.CR-Article .ugC_Survey .Bu_style a { display:inline-block; width:110px; height:40px; line-height:40px; text-align:center; background:#5486ac; color:#FFF; text-decoration:none; margin-right:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.CR-Article .ugC_Survey .Bu_style a:hover {  background:#5486ac; color:#FFF; text-decoration:none;}
.CR-Article .ugC_Survey p.NoData { width:100%; height:auto; overflow:hidden; padding:20px 0; text-align:center; color:#F00; border:0px solid #ccc;/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail { width:100%; height:auto; overflow:hidden; margin:20px auto; margin-top:0px;}

.CR-Article .ugC_Survey .ugC_Survey_Detail span{ font-size:14px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail span.notice { color:#F00; font-size:22px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .SurveySelIDBox { display:block; width:auto; height:auto; overflow:hidden; float:left;}
/*.CR-Article .ugC_Survey .ugC_Survey_Detail h1 span{ font-size:16px;}*/


.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap { width:100%; height:auto; overflow:hidden; margin:20px auto; border:1px solid #ccc; background:#eee; padding:10px; margin-top:0;
/*圓角*/
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box { width:100%; height:auto; overflow:hidden; background:#fff; padding:10px; font-size:16px; line-height:1.5em;

/*圓角*/
-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.ugC_Survey_Detail_SubMenu { width:100%; height:auto; overflow:hidden; margin:20px auto;}
.ugC_Survey_Detail_SubMenu a { display:inline-block; width:auto; height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px;
/*圓角*/
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.ugC_Survey_Detail_SubMenu a.active { background:#c8a35a; color:#fff; border:1px solid #c8a35a; }
/*.CR-Article .ugC_Survey .ugC_Survey_Detail span.Survey_Detail_text{ font-size:16px;}*/
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box h1 { width:100%; height:auto; overflow:hidden; padding:10px; border-bottom:1px dashed #ccc; background:#eee; font-weight:normal; position:relative; padding-left:60px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box h1 .notice { width:15px; height:24px; line-height:24px; overflow:hidden; position:absolute; top:14px; left:10px; display:none;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box h1 .Number { width:35px; height:auto; overflow:hidden; position:absolute; top:10px; left:25px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box h1.ugC_Survey_Detail_Header_Title { text-align:center; background:#fff; color:#333; border-bottom:1px solid #ccc;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box .ugC_Survey_Detail_Header_Time { width:100%; height:auto; overflow:hidden; padding:10px; text-align:center;}
.ugC_Survey_Detail_Header_Time span { margin-right:10px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box .ugC_Survey_Detail_Header_Des { width:100%; height:auto; overflow:hidden; padding:10px; text-align:center;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box .ugC_Survey_Detail_Q_select { width:100%; height:auto; overflow:hidden; padding:0px 10px; padding-left:50px; /*margin-bottom:20px;*/}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box .ugC_Survey_Detail_Q_select div { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:5px 10px; float:left;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box .ugC_Survey_Detail_Q_select div div { padding:0;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box .ugC_Survey_Detail_Q_select div:nth-of-type(even) { background:rgba(238,238,238,0.5);}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box .ugC_Survey_Detail_Q_select div[style="padding-left:20px;"] { margin:0;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table:hover td[bgcolor="#eee"] { background:#eee;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table td[bgcolor="#FFFFFF"] { text-align:left;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table:hover td[bgcolor="#FFFFFF"] { background:#fff;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table { border:1px dotted #ccc;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table td { border-bottom:1px dotted #ccc;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box textarea { width:100%; height:100px;}

.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table.ugC_Survey_ViewTable td[bgcolor="#EBEBEB"], .CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table.ugC_Survey_ViewTable:hover td[bgcolor="#EBEBEB"] { background:rgba(238,238,238,0.5);}

.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table.ugC_Survey_ViewTable tr[style="background:#5486ac;"] td[bgcolor="#EBEBEB"], .CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table.ugC_Survey_ViewTable:hover tr[style="background:#5486ac;"] td[bgcolor="#EBEBEB"] { background:#5486ac; color:#fff;}

.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table.ugC_Survey_ViewTable tr:nth-of-type(even) td[bgcolor="#EBEBEB"]{ background:#fff;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table.ugC_Survey_ViewTable img { display:inline; margin:0;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box table.ugC_Survey_ViewTable img[height="12"] { display:inline-block; height:12px;}
.CR-Article .ugC_Survey .ugC_Survey_Detail .ugC_Survey_Detail_BoxWrap .ugC_Survey_Detail_Box h1 .ugC_Survey_Detail_Header_Des { padding:0;}

/*2016.05.23 選單修正成兩層式*/
/* 加載csshover3.htc，解決IE6沒有li:hover擬類的問題 */

/* ---------- 大小與定位 ---------- */
#menu { width:100%; height:56px; background:url(../Images/Bg_Menu.png) repeat-x;}
#menu ul { width:990px; height:56px; margin:0 auto; overflow:auto;}
#menu ul li { float:left; height:56px;}
/* 解決IE6條列式餘白問題*/
* html #menu ul li { display:inline; }
#menu ul li a { display:block; text-indent:-9999px;}
#menu ul li ul { /* 讓第二層ul跳脫文件流以利定位 */

			position:absolute; /* 固定寬度 */
			width:154px; /* 避免出現捲軸 */
			overflow:visible; /* 讓ul與母階層li相同位置 */
			clear:left; margin-right: 0; margin-bottom: 0; margin-left: 0; z-index:9999;
			}
#menu ul li.nav03 > ul ul {width:240px;}

#menu ul li.nav04 > ul {width:181px;}
/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul { margin-top:0; }

/* 修正IE6絕對定位差異 */
* html #menu ul li ul { margin-top:0; }
#menu ul li ul li { /* 覆寫繼承自第一層的浮動設定 */
float:none; text-align: left; background:none; height:auto;}
#menu ul li ul li a { /* 覆寫繼承自第一層的浮動設定 */
float:none; width: 100%; background:none; text-indent:5px;/* 註：display、height、padding繼承第一層的設定 */ background:#bb9737; height:30px; line-height:30px; font-size:13px; color:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8; 
	opacity:0.8;}
#menu ul li.nav01 > ul li a { width:170px;}
#menu ul li.nav03 > ul li a { width:300px;}
#menu ul li ul li a:hover { background:#FCD65E; color:#000000;}
#menu ul li ul li ul { margin-top: -30px; margin-right: 0; margin-bottom: 0; margin-left: 154px; width: 100%; }
#menu ul li.nav03 > ul > li > ul {margin-left: 300px;}
#menu ul li.nav04 > ul > li > ul {margin-left: 181px;}


/* 修正IE7絕對定位差異 */
*:first-child+html #menu ul li ul li ul { margin-top:-30px; }
#menu ul li ul li ul li { /* width、float繼承第二層，免設定 */
		}
#menu ul li ul li ul li a { /* width、float繼承第二層，免設定 */
		}
/* ---------- 隱藏與顯示階層 ---------- */
		#menu ul li ul { /* 預先隱藏第二層 */
		display:none;}

#menu ul li:hover ul { /* 觸動第一層時，顯示第二層 */ /*display:block;*/}

#menu ul li:hover ul li ul { /* 顯示第二層時，隱藏第三層，避免同時彈出 */
			display:none; }

#menu ul li ul li:hover ul { /* 觸動第二層時，顯示第三層 */
			/*display:block;*/ }

#menu ul li ul li:hover ul li ul { /* 顯示第三層時，隱藏第四層，避免同時彈出 */
			display:none; }

#menu ul li ul li ul li:hover ul { /* 觸動第三層時，顯示第四層 */
			/*display:block;*/ }
/*回上一頁*/
.GoBack { width:100%; max-width:120px; height:50px; line-height:50px; text-align:center;  font-size:14px; text-decoration:none; display:block; margin:20px auto;
-webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s;
/*圓角*/
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.GoBack:link { color:#fff; background:#cead68;}
.GoBack:visited { color:#fff; background:#cead68;}
.GoBack:hover { color:#fff; background:#b4914f;}
.GoBack:active { color:#fff; background:#b4914f;}



.AboutUs02-05 { width:400px; width:100%; float:right; height:auto; overflow:hidden; margin:0 auto; margin-bottom:20px;}
.AboutUs02-05 h1 {color:#BE1638; font-weight: bold; background:url(../Images/dot_darkblue.gif) 0 5px no-repeat; text-indent:18px;}
.AboutUs02-05 ul { padding-left:35px;}
.AboutUs02-05 ul li { padding-left:0; list-style:decimal; margin:2.5px 0;}
.AboutUs02-05-Img { width:300px; height:auto; overflow:hidden; float:left; display:none;}

/*2016.9.23 公司榮耀 Jay*/
.AboutUs03 { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.AboutUs03 * { font-family:Arial, Helvetica, sans-serif;}
.AboutUs03 .Honor { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.AboutUs03 .Honor h2 { width:100%; height:auto; overflow:hidden; font-size:16px; color:#a37f2b; text-align:left; padding:10px 0; padding-left:5px;}
.AboutUs03 .Honor table { table-layout:fixed;}
.AboutUs03 .Honor table tr:nth-of-type(odd) {
background: rgb(248, 248, 248);
background: -moz-linear-gradient(90deg, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
background: -webkit-linear-gradient(90deg, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
background: -o-linear-gradient(90deg, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
background: -ms-linear-gradient(90deg, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);
background: linear-gradient(180deg, rgb(248, 248, 248) 0%, rgb(238, 238, 238) 100%);}
.AboutUs03 .Honor table tr td { padding:10px 5px; vertical-align:middle; padding-left:10px;}
.AboutUs03 .Honor table tr td.Company { width:195px;}
.AboutUs03 .Honor table tr td.Photo { width:104px; text-align:right;}
.AboutUs03 .Honor:first-of-type table tr td.Photo { width:290px;}
.AboutUs03 .Honor table tr td.Photo img { border:1px solid #ccc; border:0;}



.Register { width:100%; height:auto; overflow:hidden; margin:0 auto; max-width:800px;}
.Register table { table-layout:fixed; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.Register th, .Register td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px;}
.Register th { width:180px; background:#008cd6; color:#fff; font-size:16px; font-weight:normal; text-align:right;}
.Register tr:nth-of-type(2n+2) { background:#f5f4f4;}
.Register input, .Register select { font-family:"微軟正黑體"; width:50%; height:auto; padding:5px; font-size:16px; line-height:18px; border:1px solid #ccc; outline:none;}
.Register input { height:34px;}
.Register input[type="text"].W100 { width:100%;}
.Register textarea { width:100%; height:100px; border:1px solid #ccc; width:50%;}
.Register .ContactBtnWrap { width:100%; height:auto; overflow:hidden; max-width:360px; margin:40px auto;}
.Register .ContactBtnWrap * { border:0; outline:none; cursor:pointer;}
.Register .ContactBtnWrap input { float:left;}
.Register .ContactBtnWrap input:nth-of-type(2) { float:right;}
/*Btn_More*/
.Register .RegisterBtnWrap { width:100%; height:auto; overflow:hidden; max-width:350px; margin:40px auto; margin-bottom:0;}
.Register .RegisterBtnWrap * { border:0; outline:none; cursor:pointer;}
.Register .RegisterBtnWrap input { float:left;}
.Register .RegisterBtnWrap input:nth-of-type(2) { float:right;}
.Register .RegisterBtnWrap input:disabled  { background:#666666; cursor:not-allowed }
.Register .RegisterBtnWrap .Btn_More { display:block; width:150px; height:50px; padding:0; line-height:50px; border:0; text-align:center; background:#e6ad35; color:#fff; margin:0 auto; font-size:18px; text-decoration:none;-webkit-appearance: none;}
.Register .RegisterBtnWrap a { width:100%; height:30px; line-height:30px; display:block; margin-right:5px; text-decoration:none; color:#0080c6;}

.Register_Message .Register,.Register_MessageFinish .Register { max-width:500px;}
.Register_Message .Register input{ width:100%;}
.notice{ text-align:center; color:#F00; font-size:16px;}
.Register_MessageFinish .finishBox{ background:#f8f8f8; border:1px solid #ccc; padding:40px 20px; text-align:center;}
.Register_MessageFinish .RegisterBtnWrap { max-width:150px;}
.noticeMark:before{ content:'*'; margin-right:5px; color:#F00;}
.Register .RegisterBtnWrap { width:100%; height:auto; overflow:hidden; max-width:350px; margin:40px auto; margin-bottom:0;}
.Register .RegisterBtnWrap * { border:0; outline:none; cursor:pointer;}
.Register .RegisterBtnWrap input { float:left;}
.Register .RegisterBtnWrap input:nth-of-type(2) { float:right;}
.Register .RegisterBtnWrap input:disabled  { background:#666666; cursor:not-allowed }
.RegisterBtnWrap .Btn_More { display:inline-block; width:150px; height:50px; padding:0; line-height:50px; border:0; text-align:center; background:#e6ad35; color:#fff; margin:0 auto; font-size:18px; text-decoration:none;-webkit-appearance: none;}
.Register .Upload span{ display:block; margin:5px 0;}