@charset "utf-8";

body		{font-size: 80%;}
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, iframe, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , ul, li
{
	margin: 0px;
	padding: 0px;
	border:none;
	outline: 0px;
	font-weight:normal;
	font-style:normal;
	line-height: normal;
	color:#333333;
	font-family:"Century Gothic", " 微軟正黑體", "新細明體",  sans-serif;
}
input {font-family:"Century Gothic", " ", "新細明體",  sans-serif;}
table {border-collapse: collapse; border-spacing: 0;}
ul 			{list-style:none;}
a img,
:link img,
:visited img {border:none;}

/*去除連結虛線框*/
a		{blr:expression(this.onFocus=this.blur());}
a:focus {-moz-outline-style: none; } 

/*clearfix*/
.clearfix:after				{content: ".";  display: block;  height: 0; clear: both; visibility: hidden;}
.clearfix				{display: inline-block;} 
html[xmlns] .clearfix	{display: block;}
* html .clearfix			{height: 1%;}

/*chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){ #	{} }

/*A*/
a:link			{color:#0066CC;outline:none}
a:hover		{text-decoration:none;outline:none}
a:visited	{color:#0066CC;outline:none}

.textInput			{background:#F3F3F5; padding:7px 10px; border:0; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-top:1px solid #bbb; border-left:1px solid #bbb; position:relative; -webkit-box-shadow:inset #ccc 1px 1px 3px; -moz-box-shadow:inset #ccc 1px 1px 3px; box-shadow:inset #ccc 1px 1px 3px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc); color:#333}
.textInput:focus	{background:#FFC;  border:1px solid #CC9; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
textarea			{background:#F3F3F5; padding:7px 10px; border:0; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-top:1px solid #bbb; border-left:1px solid #bbb; position:relative; -webkit-box-shadow:inset #ccc 1px 1px 3px; -moz-box-shadow:inset #ccc 1px 1px 3px; box-shadow:inset #ccc 1px 1px 3px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc); color:#333}
texarea:focus		{background:#FFC;  border:1px solid #CC9; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
label					{cursor:pointer;}
input[type="text"]	{}

H1					{text-align:center; margin:30px;}
P						{font-size:12px; line-height:180%; color:#333; margin:10px 0;}

.btnstyle,
.btnstyle:link,
.btnstyle:visited	{border:1px solid #D4D4D4; padding:6px 15px; cursor:pointer; position:relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc);text-shadow: 0 0 0, 1px 1px 1px #fff; color:#666; font-family:"微軟正黑體"; font-size:13px; text-decoration:none;
background: #F6F6F8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F6F6F8), to(#ECECEE));
background: -webkit-linear-gradient(#F6F6F8, #ECECEE);
background: -moz-linear-gradient(#F6F6F8, #ECECEE);
background: -ms-linear-gradient(#F6F6F8, #ECECEE);
background: -o-linear-gradient(#F6F6F8, #ECECEE);
background: linear-gradient(#F6F6F8, #ECECEE);
-pie-background: linear-gradient(#F6F6F8, #ECECEE);}
.btnstyle:hover		{color:#000;}
.btnstyle:active 	{position:relative; top:1px;}

.btnSumbit,
.btnSumbit:link,
.btnSumbit:visited 	{border:1px solid #263039; padding:6px 15px; cursor:pointer; position:relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; behavior: url(css/PIE.htc);text-shadow: 0 0 0, 1px 1px 1px #000; color:#fff; font-family:"微軟正黑體";font-size:13px; font-weight:bold; text-decoration:none;
background: #404E57;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#404E57), to(#2F3C45));
background: -webkit-linear-gradient(#404E57, #2F3C45);
background: -moz-linear-gradient(#404E57, #2F3C45);
background: -ms-linear-gradient(#404E57, #2F3C45);
background: -o-linear-gradient(#404E57, #2F3C45);
background: linear-gradient(#404E57, #2F3C45);
-pie-background: linear-gradient(#404E57, #2F3C45);}
.btnSumbit:hover	{color:#ccc;}
.btnSumbit:active 	{position:relative; top:1px;}

/*WELCOME*/
#welcome										{}
#welcome .pane							{background:url("../images/welcomeBar.png") repeat-x left top; width:100%; position:absolute; top:30%; text-align:center;  height:364px;}
#welcome .pane	 .inner					{margin:20px; height:275px;}
#welcome .pane	 p						{color:#fff; font-size:12px;}
#welcome .pane .inner img				{margin:20px;}
#welcome .pane ul						{}
#welcome .pane ul li					{}
#welcome .pane a:link,
#welcome .pane a:visited				{text-decoration:none; color:#666; padding:7px; display:block;}
#welcome .pane a:hover					{color:#000;}
#welcome .pane a:active					{}



#topnavi								{border-bottom: 2px solid #691829;background:#b30026; width:100%; text-align:center; position:fixed; top:0px; z-index:999; height: 47px; z-index:9999;}			
#topnavi	 ul							{}
#topnavi	 li							{display:inline-block; *display:inline;zoom:1;font-family: 微軟正黑體;font-size: 13px;}
#topnavi     a:link,
#topnavi     a:visited				{color:#fff; text-decoration:none; display:inline-block;  padding:15px 20px;*display:inline;zoom:1;height: 17px;}
#topnavi     a:hover				{background:#671d2c; }
#topnavi     li.divide			    {color:#d8cdae; position:relative; *top:-15px}
#topnavi     li.user					{}
#topnavi ul>li.user a:link,
#topnavi ul>li.user a:visited		{color:#d8cdae;}
#topnavi ul>li.user a:hover         {background:#b30026; color:#fff; }
#topnavi ul>li.current a				{background:#671d2c;}
#topnavi ul>li.onhover a				{background:#671d2c;}
#topnavi ul>li.onhover	.subnavi	    { }

.subnavi									{position:absolute; background:#671d2c; width:100%; left:0; top:46px; z-index:999; display:none;height: 235px;}
.subnavi .inner							{width:860px; margin:35px auto 20px auto;}
.subnavi .left								{float:left; width:150px; text-align:left;text-align: left;padding-left: 80px;}

/*
.subnavi .inner a:link,
.subnavi .inner li.current a:link,
.subnavi .inner li.current a:visited,	    
.subnavi .inner li.current a:active         {color:#fff; color:#b59a8f!important; }
*/
.subnavi h2										{color:#b59a8f; font-size:13px; margin-bottom:10px;}
.subnavi ul											{}
.subnavi li											{display:block!important; width:100%; width:800px;  }
.subnavi li a:link,
.subnavi li a:visited								{padding:3px 0px!important; font-size:12px; color:#b59a8f!important; }
.subnavi .inner li.current a:hover,
.subnavi .inner li a:hover,
.subnavi .inner li.current a:link,
.subnavi .inner li.current a                	{color:#b59a8f!important; }
.subnavi .inner li.current a:visited		{color:#fff!important; }
.subnavi .inner li.current a:hover,
.subnavi .inner li a:hover						{color:#fff!important; }


.subintro									{float:right;  width:680px; display:none; position:absolute; top:35px; margin-left:120px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.subintro .middle							{float:left; padding-left:30px;  border-left:1px solid #b59a8f;}
.subintro .right							{float:left; width:150px;  text-align:left; background:#671d2c;height:170px;padding-left:20px; }
.subintro .right p							{color:#FFF; line-height:160%; font-size:12px;font-family: 微軟正黑體;}
.subintro .middle .imgHolder		     	{overflow:hidden; width:473px; height:156px;}
.subintro .middle .imgHolder img	        {min-width:473px; min-height:156px;}
.subonhover .subintro						{display:block; z-index:99}
.subnavi .current .subintro			     	{display:block!important; z-index:9}
.subnavi .current1 .subintro			    {display:block!important; z-index:9}
#mainHeader									{width:100%; text-align:center; background:url(../images/mainBg.png) no-repeat center bottom; height:280px;}
#mainHeader img								{margin-top:80px;}

/*index*/
.mainContainer											{width:1000px; margin:auto; display:block; margin-bottom:20px; text-align:center;}
#index .mainContainer								{margin-bottom:150px; }
#index .mainContainer	.block					{float:left; position:relative; overflow:hidden; text-align:center; background:#f3f3f3;}
#index .mainContainer	.block a:link,
#index .mainContainer	.block a:visited		{display:block; float:left; overflow:hidden;}
#index .mainContainer	.block a:hover		{}
#index .mainContainer	.block a:hover .infor	{bottom:0px;}
#index .mainContainer	.block .infor			{position:absolute; z-index:999; left:0; bottom:0px; width:100%; text-align:center; background:url(../images/blackBg.png) repeat; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; bottom:-150px;}
#index .mainContainer	.block img				{margin:auto; text-align:center;}
#index .mainContainer	.block a:hover img	{}

#index .block .infor .inner							{
	background:#fff;
	margin-bottom:55px;
	height:75px;
	padding:10px;
}
#index .block .infor .inner h3						{
	font-size:12px;
	/* [disabled]color:#9C0; */
	margin-top:3px;
}
#index .block .infor .inner p						{font-size:15px; margin:8px;line-height: 130%; }

#index .block#t1				{width:664px; height:400px; margin-right:8px; }
#index .block#t2				{width:328px; height:400px;}
#index .block#b1				{width:328px; height:250px; margin-top:8px; margin-right:8px;}
#index .block#b2				{width:328px; height:250px; margin-top:8px; margin-right:8px;}
#index .block#b3				{width:328px; height:250px; margin-top:8px;}

#index .block#t1 img			{min-width:664px; min-height:400px;}
#index .block#t2 img			{min-width:328px; min-height:400px;}
#index .block#b1 img		{min-width:328px; min-height:250px;}
#index .block#b2 img		{min-width:328px; min-height:250px;}
#index .block#b3 img		{}



footer								{background:#3a3a3a url(../images/footerBg.jpg) repeat-x top; width:100%; padding-top:100px; text-align:center; width:100%;}
footer .top							{width:1000px;margin-bottom: 50px;}
footer .bot							{width:100%; color:#737373;margin-bottom:50px;padding-top: 40px;margin-bottom: 50px;border-top: 1px solid #505050;}
footer .bot h6					{font-size:13px; color:#737373;}
footer .bot p						{margin:5px; font-size:12px; color:#737373;line-height: 130%;}
footer hr							{background:#737373; margin:15px 0; border:0px; }
footer li								{display:inline-block;*display:inline;zoom:1;}
footer li a:link,
footer li a:visited				{color:#fff; text-decoration:none; font-size:12px;}
footer li a:hover					{color:#ccc;}

footer li.social							{margin:0 5px; position:relative; top:3px;}
footer li.social#link_youtube		{}
footer li.social#link_fb					{}
footer li.social#link_blog				{}
footer li.social#link_weibo			{}
footer li.newpaper						{margin-right:10px;margin-left:10px;}
footer li.link								{border-right:1px solid #fff; padding:0 10px 0 5px; margin-right:5px;}
footer li.language						{}
footer li.language a:link,
footer li.language a:visited			{color:#F00; border-right:1px solid #f00;padding:0px 14px 0px 0; margin:0 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
footer li.language a:hover			{}
footer li.language.current			{}
footer li.language.current a:link,
footer li.language.current a:visited			{color:#000; background:#f00; padding:2px 4px; margin-left:6px;font-family: 微軟正黑體;font-weight: bolder; }
footer li.language.current a:hover			{}

footer form											{background:#fff; padding:2px 2px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
footer input.textInput								{ border:0px; padding:3px 10px; width:250px; background:#fff; border:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
footer input.textInput:focus						{background:#FFF;  border:0px solid #CC9; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
footer input.submitBtn							{background:#b9b9b4!important; color:#fff; font-size:12px; border:0px; padding:3px 15px; margin-right:4px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
footer input.submitBtn:hover					{background:#666; color:#fff; cursor:pointer;}
footer input.submitBtn:active					{position:relative; top:1px;}
footer input.submitBtn2							{background:#b9b9b4!important; color:#fff; font-size:12px; border:0px; padding:3px 15px; margin-right:4px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;}
footer input.submitBtn2:hover					{background:#666; color:#fff; cursor:pointer;}
footer input.submitBtn2:active					{position:relative; top:1px;}
footer input::-webkit-input-placeholder,
footer input:-moz-placeholder 				{color: #999; }


.banner								{}
.banner imgHolder				{overflow:hidden; width:1000px; height:300px;}
.banner imgHolder	 img		{min-width:1000px; min-height:300px;}
#about_us	.banner imgHolder				{width:1000px; height:100px;}
#about_us	.banner imgHolder	 img		{min-width:1000px; min-height:100px;}
             

.botside								{width:100%; border-top:1px solid #ccc; position:relative; margin-top:100px; float:left;}
.breadcrumbs					{float:left;}
.breadcrumbs p					{background:url(../images/icon_point.png) no-repeat left center; text-align:left; text-indent:10px; color:#999;}
.breadcrumbs p a:link,
.breadcrumbs p a:visited	{color:#999; margin:0 5px;}
.breadcrumbs p a:hover		{}
.breadcrumbs p span			{color:#999!important; margin:0 5px;}

.pagenavi							{float:right; margin:10px 0; color:#999;}
.pagenavi a:link,
.pagenavi a:visited				{display:inline-block; *display:inline;zoom:1; margin:0 6px; text-decoration:none; color:#999; padding:0 3px; font-size:12px;}
.pagenavi a:hover				{color:#000;}
.pagenavi span					{}
.pagenavi a.current			{border-bottom:3px solid #b30026;}

.socialbox							{float:right; margin:10px 0;}

/*about_us*/

#about_us						{}
#about_us artical			{width:500px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#about_us artical h1		{}
#about_us artical p			{text-align:left;}
#about_us .wid500           {width:500px; display:inline-block; margin:auto;*display:inline;zoom:1;}
/*about news*/
#about_news										{}
#about_news artical							{width:1000px; clear:both; float:left; }
#about_news .newsblock					{width:300px; height:300px; float:left; margin-right:50px;}
#about_news .newsblock a:link,
#about_news .newsblock a:visited		{display:block; width:300px; height:200px; overflow:hidden; float:left; margin-bottom:20px; border-right:1px solid #c0bebe; padding-right:25px; filter:alpha(opacity=100);opacity:1.0;zoom:1;}
#about_news .newsblock a:hover			{filter:alpha(opacity=80);opacity:0.8;zoom:1;}
#about_news .newsblock a img			{min-width:300px; min-height:200px;}
#about_news .newsblock h6				{color:#b30026; font-size:12px; line-height:200%;}
#about_news .newsblock p				{margin:0 auto; line-height:160%; font-size:13px; width:80%;}
#about_news .newsblock.last				{margin:0}
#about_news .newsblock.last a			{padding:0; border:0px;}


/*about_activity*/
#about_activity										{}
#about_activity artical							{width:1000px; clear:both; float:left; }
#about_activity .newsblock					{width:300px; height:300px; float:left; margin-right:50px;}
#about_activity .newsblock a:link,
#about_activity .newsblock a:visited		{display:block; width:300px; height:200px; overflow:hidden; float:left; margin-bottom:20px; border-right:1px solid #c0bebe; padding-right:25px; filter:alpha(opacity=100);opacity:1.0;zoom:1;}
#about_activity .newsblock a:hover			{filter:alpha(opacity=80);opacity:0.8;zoom:1;}
#about_activity .newsblock a img			{min-width:300px; min-height:200px;}
#about_activity .newsblock h6				{color:#b30026; font-size:12px; line-height:200%;}
#about_activity .newsblock p					{margin:0 auto; line-height:160%; font-size:13px; width:80%;}
#about_activity .newsblock.last				{margin:0}
#about_activity .newsblock.last a			{padding:0; border:0px;}


/*about_news_content*/
#about_news_content							{}
#about_news_content	.wid640				{width:640px; display:block; margin:auto;text-align: left;}
#about_news_content artical				{width:640px; display:block; margin:auto;}
#about_news_content iframe				{margin:20px 0}
#about_news_content footer .clearfix    {display:inline-block!important;}

/*about history*//*scrollable*/
#about_history								{}
#about_history .inner						{}
#about_history .inner .block			{float:left; margin-right:5px; width:328px; height:450px; overflow:hidden}
#about_history .inner .block.last		{margin:0;}
#about_history .inner .block img		{min-width:328px; min-height:450px;}

.about_history_series							{}
.about_history_series	 .vertical 			{position:relative; overflow:hidden; height: 710px; width:1000px; float:left; }
.about_history_series	 .items 				{position:absolute; height:20000em; margin: 0px; width:100%; float:left; left:0;}
.about_history_series	 .item 				{margin:10px 0; padding:15px; font-size:12px; height:200px; width:100%; position:relative; }
.about_history_series	 .item .imgHolder	{float:left; margin-right:20px; height:200px; width:300px; padding-right:20px; border-right:1px solid #ccc; overflow:hidden;}
.about_history_series	 .item a:link,
.about_history_series	 .item a:visited		{display:block; float:left;}
.about_history_series	 .item a:hover		{filter:alpha(opacity=70);opacity:0.7;zoom:1;}
.about_history_series	 .item img 			{min-height:200px; min-width:300px; }
.about_history_series	 .item h3 			{margin:0 0 5px 0; font-size:12px; color:#fff; font-weight:normal; display:block; float:left; padding:10px; position:absolute; left:335px; top:100px; background:#c0bebe; }
.about_history_series	 .item P				{text-align:left; width:900px; position:relative; top:70px; left:50px; display:block; float:left; width:600px; }


/* the action buttons above the scrollable */
#actions 				{width:180px; margin:10px 0 0px 0; position: relative; z-index: 99; float:left;}
#actions a			 	{font-size:11px; cursor:pointer; color:#666; display:block; width:20px; height:20px; float:right;  filter:alpha(opacity=40);opacity:0.4;zoom:1;}
#actions a:hover 	{text-decoration:underline;color:#000; filter:alpha(opacity=100);opacity:1.0;zoom:1;}
#actions a.prev		{background:url(../images/scroll_arrow.png) no-repeat left -20px; }
#actions a.next		{background:url(../images/scroll_arrow.png) no-repeat left 0px; }
.disabled 				{visibility:hidden;}
.next 					{float:right;}


/*tittot*/
#tittot					{}
#tittot h1				{display:none;}
#tittot .inner			{}
#tittot .block			{float:left; position:relative}
#tittot #t1				{width:650px; height:400px; overflow:hidden; margin-right:8px;}
#tittot #t2				{width: 342px; height:400px; overflow:hidden; }
#tittot #m1 a			{width: 244px; height:100px; overflow:hidden; margin-right:8px; margin-top:8px; display:block; }
#tittot #m2 a			{width: 244px; height:100px; overflow:hidden; margin-right:8px; margin-top:8px; display:block; }
#tittot #m3 a			{width: 244px; height:100px; overflow:hidden; margin-right:8px; margin-top:8px; display:block;}
#tittot #m4 a			{width: 244px; height:100px; overflow:hidden;margin-top:8px;  display:block;}
#tittot #b1	 a			{width: 1000px; height:100px; overflow:hidden; margin-top:8px; display:block;}

#tittot #t1 a:hover,
#tittot #t2 a:hover			{}

#tittot #m1 a img.before,
#tittot #m2 a img.before,
#tittot #m3 a img.before,	
#tittot #m4 a img.before,	
#tittot #b1	 a img.before		{position:absolute; left:0; z-index:1;  -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}

#tittot #m1 a img.hover,
#tittot #m2 a img.hover,
#tittot #m3 a img.hover,	
#tittot #m4 a img.hover,	
#tittot #b1	 a img.hover		{position:absolute; left:0; z-index:0;}


#tittot #m1 a:hover img.before,
#tittot #m2 a:hover img.before,
#tittot #m3 a:hover img.before,	
#tittot #m4 a:hover img.before,	
#tittot #b1	 a:hover img.before	{opacity:0;}

/*gallery*/
.galleryMenu					{width:1000px; height:300px; }
.galleryMenu	nav			{background:url(../images/galleryMenu.png) no-repeat left top; width:100%; display:block; position:relative; float:left; }
.galleryMenu	nav ul.navul	{margin-left:50px;}
.galleryMenu	nav li			{ display:inline-block; margin:0; padding:15px 25px; *display:inline;zoom:1;  display:block; float:left;}
.galleryMenu	nav a:link,
.galleryMenu	nav a:visited		{display:block; cursor:pointer; text-decoration:none; color:#000;}
.galleryMenu	nav a:hover		{color:#fff; cursor:pointer; text-shadow: 0 0 0, 0px 0px 6px #666; }
.galleryMenu	nav li#menu-search a:link,
.galleryMenu	nav li#menu-search a:visited 		{color:#C30!important;}
.galleryMenu	nav li#menu-search a:hover		{color:#FFF!important;}
.galleryMenu	nav li.onhover a:link,
.galleryMenu	nav li.onhover a:visited	{color:#FFF; text-shadow: 0 0 0, 0px 0px 6px #666; }

#menu-lastest,
#menu-zodiac,
#menu-local,
#menu-classic,
#menu-topic,
#menu-utility,
#menu-search									{}


.galleryMenu	nav .sub						{position:absolute; width:100%; left:0; top:45px; float:left; z-index:999;height:246px; /*display:none;*/  -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
.galleryMenu	nav .sub .inner				{background:url(../images/blackBg.png) repeat; width:100%; height:246px; }
.galleryMenu	nav .sub .column			{}
.galleryMenu	nav .sub ul						{}
.galleryMenu	nav .sub ul li					{padding:0px; margin:0; display:block;}
.galleryMenu	nav .sub ul li.selected a	{color:#626262;   text-shadow:none; }
.galleryMenu	nav .sub a:link,
.galleryMenu	nav .sub a:visited			{padding:5px 10px; display:block; color:#FFF;-webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.galleryMenu	nav .sub a:hover			{color:#999; cursor:pointer;}
.galleryMenu	nav .sub a b					{color:#F00; position:relative; padding-right:10px; margin-left:-24px;}
.galleryMenu	nav .sub li.indent a			{margin-left:24px;}
.galleryMenu	nav .galleryBg				{
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
	min-height:246px;
	min-width:1000px;
}
.galleryMenu li a {font-family: "微軟正黑體", Arial;font-size:13px;}


.galleryMenu  nav li#menu-lastest .galleryBg	{position:absolute; top:45px;}
#gallery footer,
#gallery_detail footer,
#gallery_list footer											{background:#3a3a3a url(../images/footerBg2.jpg) repeat-x top;}
/*作品搜尋修正這行*/
#gallery_detail .clearfixaa										{display: inline-block;}

html>/**/body  .galleryMenu  .subcolumn		{/*top:5%!important;*/ top:5%!important;}
html>/**/body  #gm-classic .column				{/*top:10%!important;*/ top:auto;  top:10%!important;}

html:root .galleryMenu  .subcolumn					{/*top:5%!important;*/ top:50%!important;  }
html:root #gm-classic .column							{/*top:10%!important;*/top:50%!important;   }

#gm-zodiac.sub										{width:100%; float:left; display:none;}
#gm-zodiac.sub .inner								{background:transparent;}
#gm-zodiac.sub .inner .column					{float:left; width:100%; width:240px; text-align:left; padding:30px; margin:30px 0 0 100px; position:relative; border-right:1px solid #eee; }
#gm-zodiac.sub .column li							{display:inline-block; *display:inline; zoom:1; }
#gm-zodiac.sub .column li a:link,
#gm-zodiac.sub .column li a:visited				{}
#gm-zodiac.sub .column li a:hover				{color:#626262; text-shadow:none; }
#gm-zodiac.sub .column li#zodiac-twelve,
#gm-zodiac.sub .column li#zodiac-01		{width:100%;}
#gm-zodiac.sub .subcolumn						{position:absolute!important; left:300px; width:500px; /*top:20px; height:150px;*/ display: none; padding:0;  padding-left:30px; } 
#gm-zodiac.sub .subcolumn ul					{display:block;  width:150px; float:left;}
#gm-zodiac.sub .subcolumn	 li					{width:100%; display:inline-block; *display:inline; zoom:1; }
#gm-zodiac.sub .subcolumn	 li a:link,
#gm-zodiac.sub .subcolumn	 li a:visited		{color:#FFF;}
#gm-zodiac.sub .subcolumn	 li a:hover		{color:#626262;  text-shadow:none; }
#gm-zodiac.sub #zodiac-twelve-pane		{display:block;}

#gm-local.sub									{width:100%; float:left;  display:none; }
#gm-local.sub .inner							{background:transparent; width:100%; margin-top:100px; height:50px; text-align:center; padding-left:100px; }
#gm-local.sub .inner ul						{/*margin-left:280px;*/}
#gm-local.sub .inner li						{display:inline-block; *display:inline; zoom:1; margin:0 30px;}
#gm-local.sub .inner li a:link,
#gm-local.sub .inner li a:visited			{}
#gm-local.sub .inner li a:hover			{color:#626262; text-shadow:none; }
#gm-local.sub .inner li a:active			{}

#gm-classic								{width:100%; float:left; display:none; }
#gm-classic .column					{width:1000px; float:left; text-align:left; padding-left:100px; padding-left:50px; position:absolute;}
#gm-classic .column ul				{}
#gm-classic .column li				{display:inline-block; *display:inline; zoom:1; width:190px; height:30px; }
#gm-classic .column li a:link,
#gm-classic .column li a:visited		{}
#gm-classic .column li a:hover		{color:#626262; text-shadow:none;}
#gm-classic .column li a:active		{}

#gm-topic.sub											{width:100%; float:left; display:none;}
#gm-topic.sub .inner									{background:transparent;}
#gm-topic.sub .inner .column						{float:left; width:100%; width:240px; text-align:left; padding:5px 30px 5px 30px; margin:50px 0 0 100px; position:relative; border-right:1px solid #eee; }
#gm-topic.sub .column li							{display:inline-block; *display:inline; zoom:1; width:50%; }
#gm-topic.sub .column li a:link,
#gm-topic.sub .column li a:visited				{}
#gm-topic.sub .column li a:hover				{color:#626262; text-shadow:none; }
#gm-topic.sub .subcolumn							{position:absolute; left:200px; width:500px; top:30px; /*height:200px;*/ display: none; padding:0;  padding-left:30px; } 
#gm-topic.sub .subcolumn ul						{display:block;  width:500px; float:left; }	
#gm-topic.sub .subcolumn	 li						{width:50%; display:inline-block; *display:inline; zoom:1; }
#gm-topic.sub .subcolumn	 li a:link,
#gm-topic.sub .subcolumn	 li a:visited			{color:#FFF;}
#gm-topic.sub .subcolumn	 li a:hover			{color:#626262;  text-shadow:none; }
#gm-topic.sub #topic-buddhist-pane			{display:block;}

#gm-utility.sub											{width:100%; float:left; display:none;}
#gm-utility.sub .inner									{background:transparent;}
#gm-utility.sub .inner .column						{float:left; width:100%; width:120px; text-align:left; padding:5px 30px 5px 30px; margin:50px 0 0 150px; position:relative; border-right:1px solid #eee; }
#gm-utility.sub .column li							{display:inline-block; *display:inline; zoom:1; width:100%; }
#gm-utility.sub .column li a:link,
#gm-utility.sub .column li a:visited				{}
#gm-utility.sub .column li a:hover				{color:#626262; text-shadow:none; }
#gm-utility.sub .column li.first						{width:100%;}
#gm-utility.sub .subcolumn							{position:absolute; left:180px; width:500px;/*height:100px;*/display: none; padding:0;  padding-left:30px; } 
#gm-utility.sub .subcolumn ul						{display:block;  width:500px; float:left;}	
#gm-utility.sub .subcolumn	 li						{width:100%; display:inline-block; *display:inline; zoom:1; }
#gm-utility.sub .subcolumn	 li a:link,
#gm-utility.sub .subcolumn	 li a:visited			{color:#FFF;}
#gm-utility.sub .subcolumn	 li a:hover			{color:#626262;  text-shadow:none; }
#gm-utility.sub #utility-brick-pane				{display:block;}


#gallery_list .galleryMenu,
#gallery_detail .galleryMenu				{height:auto; }
#gallery_list										{}
#gallery_list .listContainer					{width:1000%; float:left; margin-top:8px; }
#gallery_list .leftColumn						{width:248px; float:left; margin-right:8px;}
#gallery_list .rightColumn					{width:744px; float:left;}
#gallery_list .leftColumn .imgHolder			{width:248px; height:368px; overflow:hidden;}
#gallery_list .leftColumn .imgHolder	 img	{min-width:248px; min-height:368px;}
#gallery_list .block								{float:left; width:180px; margin-right:8px; height: 195px; }
#gallery_list .block a:link,
#gallery_list .block a:visited					{text-decoration:none;}
#gallery_list .block a:hover					{}
#gallery_list .block a:active					{}
#gallery_list .block a:link img,
#gallery_list .block a:visited img			{text-decoration:none; filter:alpha(opacity=100);opacity:1.0;zoom:1;}
#gallery_list .block a:hover img			{filter:alpha(opacity=70);opacity:0.7;zoom:1;}
#gallery_list .block a:active					{}
#gallery_list .block .imgHolder				{width:180px; height:150px; overflow:hidden}
#gallery_list .block .imgHolder img		{min-width:180px; min-height:150px;}
#gallery_list .block h2							{font-size:13px; margin:10px 0;}
#gallery_list .block.last						{margin-right:0;}

.selectsize{width:105px;display: inline-block;overflow: hidden;color:#ccc;height: 17px;}

.productContainer								{float:left; width:100%; margin-top:30px;}
.productContainer .leftColumn				{float:left; width:714px; margin-right:16px;}
.productContainer .rightColumn			{float:left; width:250px; text-align:left;height: 450px; border-bottom:1px solid #999; }
.productContainer .productViewer		{float:left; width:100%; text-align:right;}
.productContainer .relateContent			{float:right; width:550px; margin-top:30px;}
.productContainer .relateContent .moreBtn:link,	
.productContainer .relateContent .moreBtn:visited			{width:18px; display:block; background:#b30026; color:#fff; text-decoration:none; height:90px; padding:5px 10px; float:left; font-size:12px; margin-right:8px; line-height:120%;}
.productContainer .relateContent .moreBtn:hover			{background:#900;}
.productContainer .relateContent .moreBtn:active			{}
.productContainer .relateContent .relatePd:link,
.productContainer .relateContent .relatePd:visited			{float:left; margin-right:8px; display:block; width:120px; height:100px; overflow:hidden; filter:alpha(opacity=100);opacity:1.0;zoom:1;}
.productContainer .relateContent .relatePd:hover			{filter:alpha(opacity=70);opacity:0.7;zoom:1;}
.productContainer .relateContent .relatePd img				{width:120px; height:100px;}
.productContainer .relateContent .relatePd.last				{margin:0;}
.productContainer .infor 											{height:288px;}
.productContainer .infor h1											{text-align:left; margin:0; color:#b30026; margin-bottom:20px; font-size:16px;}
.productContainer .infor p											{color:#666;}
.productContainer .tool												{width:100%;}
.productContainer .tool li												{display:inline-block;*display:inline;zoom:1;}
.productContainer .tool li a:link,
.productContainer .tool li a:visited								{text-decoration:none; color:#333; font-size:12px; margin-right:15px;}
.productContainer .tool li a:hover									{filter:alpha(opacity=70);opacity:0.7;zoom:1;}
.productContainer .tool li a:active									{}
.productContainer .tool li a img									{position:relative; top:-2px; margin-right:5px;}
.productContainer .detail											{border-top:1px solid #999;width:100%; padding:10px 0; margin-top:15px;}
.productContainer .detail li											{margin:5px 0; font-size:11px;}

/*Slideshow*/
.productViewer	.productBody						{width:100%; float:left; position:relative;}
.productViewer	.wrapper							{width:100%; height:450px; position:relative;}
.productViewer	#bigPic								{width:550px; height:450px; overflow:hidden; float:right;}
.productViewer	#bigPic .zoom					{float:right; display:none; width:550px; height:450px; }
.productViewer	#bigPic img						{position:absolute; position:relative;  min-width:550px; min-height:450px; display:block!important;}
.productViewer	ul#thumbs li.active				{border:1px solid #ccc;	 background:#fff; padding:2px; filter:alpha(opacity=100);opacity:1.0;zoom:1;}
.productViewer	ul#thumbs, ul#thumbs li		{margin:0; padding:0; list-style:none;}
.productViewer	ul#thumbs li						{float:right; margin-right:8px; margin-bottom:5px; border:1px solid #fff;	 padding:2px; cursor:pointer; filter:alpha(opacity=50);opacity:0.5;zoom:1;}
.productViewer	ul#thumbs img					{float:left; width:70px; height:57px; line-height:70px; overflow:hidden; position:relative; z-index:1;	}

.listBtn:link,
.listBtn:visited							{float:right; filter:alpha(opacity=50);opacity:0.5;zoom:1; position:absolute; top:423px; left:83px;}
.listBtn:hover							{filter:alpha(opacity=100);opacity:1.0;zoom:1;}
.listBtn:active							{}

/* miniZoomPan styles */
.gzoomwrap 									{float:right; position:relative;}
.minizoompan 								{position: relative; /* always set to relative or offset() won't work */ }
.minizoompan span.loader 				{position:absolute;left:0;top:0;z-index: 1;display: none!important;color: #fff;background: #333; font: normal 9px Arial, Verdana;padding: 5px;}
.minizoompan .zoomIcon				{position:absolute;cursor:pointer;left:0;top:0; z-index: 9;display: none;}
.gzoombutton								{float:left;cursor:pointer; position:absolute!important; top:10px; right:10px; z-index:900; width: 16px; height: 16px;}
.gzoomSlider 									{position:absolute!important; top:10px; right:10px;z-index:900; display:block; top:5px}
#gzoomoverlay 								{position: absolute; top: 0;left: 0;z-index: 90; width: 100%;height: 500px;}
#gzoomlbox 									{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#gzoomlbox a img 						{border: none; }
#imagebox 									{position: relative;background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}

.zoom.current .gzoomSlider 			{display:none!important;} 

.ui-icon-circle-plus									 {background:url(../images/icon_plus.png);filter:alpha(opacity=70);opacity:0.7;zoom:1;}
.ui-icon-circle-minus 									{ background:url(../images/icon_minus.png);filter:alpha(opacity=70);opacity:0.7;zoom:1;position:absolute; left:280px}
.ui-icon-circle-plus:hover,
.ui-icon-circle-minus:hover 						{ filter:alpha(opacity=100);opacity:1.0;zoom:1;}

.ui-slider													{ position: relative; text-align: left; }
.ui-slider .ui-slider-handle 						{ position: absolute; z-index: 2; width: 10px; height: 10px; cursor: default; }
.ui-slider-horizontal 									{ height: 1px; background:#ccc;  width:200px!important; margin-top:7px; position:absolute; right:40px; height:10px;}
.ui-slider-horizontal .ui-slider-handle 		{ top: -.3em; margin-left: -.6em;  background:#333; top:0; }


/*searchContainer*/
#searchContainer								{background:#f8f5f1; width:100%; padding:20px 0 20px 0; }
#searchContainer h1							{}
#searchContainer form						{width:900px; display:block; margin:auto;}
#searchContainer form div					{float: left; width: 100%;}
#searchContainer form h6					{display:block; float:left; padding:12px; line-height:100%; color:#b6b3b0; font-size:13px; *padding-top:21px; }
#searchContainer form li						{display:inline-block; margin:10px 5px;*float:left; *display:inline; zoom:1;}
#searchContainer form label				{line-height:100%; margin-right:5px;}
#searchContainer form select				{width:145px;}
#searchContainer form .submitBtn		{background:#ccc; border:0px; padding:8px 20px; color:#FFF; margin-left: 30px;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
#searchContainer form .submitBtn:hover	{background:#999; cursor:pointer;}
#searchContainer form .submitBtn:active	{position:relative; top:1px;}
#searchContainer form li.last				{float:right; width:100px;margin-right: 33px;}
#searchContainer form .textInput			{border:1px solid #ccc; width:122px; background:#fff; position:relative; *top:8px; }
#searchContainer form .bottom h6		{padding-top:18px; *padding-top:32px; }

@media screen and (-webkit-min-device-pixel-ratio:0){ #searchContainer form h6	{padding-top:15px;} }
@media screen and (-webkit-min-device-pixel-ratio:0){ #searchContainer form .bottom h6 {padding-top:22px;} }
@media screen and (-webkit-min-device-pixel-ratio:0){ #searchContainer form .submitBtn {margin-right:0px;} }


/*branch*/
#branch												{}
#branch form									{}
#branch form li								{display:inline-block; margin:10px;  *display:inline; zoom:1;}
#branch form li label						{margin-right:5px;  *display:inline; zoom:1;}
#branch form li select						{width:140px; *display:inline; zoom:1;}
#branch form .submitBtn				{background:#b30026; border:0px; padding:8px 20px; line-height:100%; *padding:4px 10px;  font-size:12px; color:#FFF; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#branch form .submitBtn:hover		{cursor:pointer; background:#671d2c;}
#branch form .submitBtn:active		{position:relative; top:1px;}

#branch_list							{}
#branch_list table					{width:100%;}
#branch_list table thead	td		{background:#c0bebe; color:#FFF; padding:5px; border-bottom:1px solid #ccc;}
#branch_list table tbody td		{padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:left;}
#branch_list table tbody td.last{border-right:0px!important; text-align:center!important; width:80px;}
#branch_list table a:link,
#branch_list table a:visited		{display:block; width:30px; text-decoration:none; margin:auto; color:#333; filter:alpha(opacity=100);opacity:1.0;zoom:1; padding:5px;}
#branch_list table a:hover		{filter:alpha(opacity=70);opacity:0.7;zoom:1;}
#branch_list table a:active		{}
#branch_list table a img			{margin-bottom:3px;}
#branch_list table tfoot td					{text-align:right!important; padding:10px;}
#branch_list table tfoot a:link,
#branch_list table tfoot a:visited			{width:auto; float:right; margin-right:10px;}
#branch_list table tfoot a img				{margin-right:5px; position:relative; top:-1px;}
 
/*favorite*/
#favorite											{}
#favorite h2										{font-size:13px; text-align:left;}
#favorite .leftColumn							{width:248px; float:left; margin-right:8px;}
#favorite .rightColumn						{width:744px; float:left;}
#favorite .leftColumn .imgHolder			{width:248px; height:368px; overflow:hidden;}
#favorite .leftColumn .imgHolder img	{min-width:248px; min-height:368px;}
#favorite table.list									{width:100%; margin-top:50px;}
#favorite table.list thead	th,
#favorite table.list thead td						{background:#c0bebe; color:#FFF; padding:5px; border-bottom:1px solid #ccc;}
#favorite table.list tbody th						{text-align:center; width:50px;}
#favorite table.list tbody th,
#favorite table.list tbody td						{padding:5px 10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height:160%; text-align:left;}
#favorite table.list tfoot th,
#favorite table.list tfoot td						{ vertical-align:top;}
#favorite table.list tfoot th						{padding-top:10px;}

#favorite table.list td.pic							{text-align:center; width:70px;}
#favorite table.list td.amount					{text-align:center;}
#favorite table.list td.infor						{font-size:12px;}
#favorite table.list td.price						{text-align:right; font-size:14px;}
#favorite table.list td.total						{text-align:right; border-right:0px!important; font-size:14px;}
#favorite table.list tbody  b						{}
#favorite table.list td .textInput					{width:30px;text-align: center;}

#favorite .totalprice							{}
#favorite .totalprice div						{background:#c0bebe; color:#FFF; padding:10px; margin-top:2px; }
#favorite .totalprice span					{display:block; padding:10px 0; border-top:1px solid #c0bebe; margin-top:2px; color:#b30026; font-size:18px;}
#favorite .totalprice span b					{}

#favorite .bottom								{width:100%; float:left; margin-top:20px;}
#favorite .bottom .first						{float:left; text-align:left;}
#favorite .bottom .last						{float:right;}
#favorite .bottom .first p						{color:#c0bebe;margin: 0px;}
#favorite .bottom .first ol 					{padding-left:20px;}
#favorite .bottom .first ol li,
#favorite .bottom .first ol li a				{font-size:12px; color:#c0bebe;}



#favorite a.deleteBtn:link,
#favorite a.deleteBtn:visited				{filter:alpha(opacity=70);opacity:0.7;zoom:1;  margin-left:15px;}
#favorite a.deleteBtn:hover					{filter:alpha(opacity=100);opacity:1.0;zoom:1;}
#favorite a.deleteBtn:active					{position:relative; top:1px;}
#favorite a.printBtn:link,
#favorite a.printBtn:visited					{text-decoration:none; color:#333; font-size:12px; margin-right:15px;}
#favorite a.printBtn:hover					{filter:alpha(opacity=70);opacity:0.7;zoom:1;}
#favorite a.printBtn:active					{}
#favorite a.printBtn img						{position:relative; top:-2px; margin-right:5px;}
#favorite a.reflashBtn:link,
#favorite a.reflashBtn:visited				{text-decoration:none; color:#333; font-size:12px; margin-right:15px;}
#favorite a.reflashBtn:hover					{filter:alpha(opacity=70);opacity:0.7;zoom:1;}
#favorite a.reflashBtn:active				{}
#favorite a.reflashBtn img					{position:relative; top:-2px; margin-right:5px;}


#favorite .submitBtn:link,
#favorite .submitBtn:visited				{background:#c0bebe; border:0px; padding:12px 20px; color:#FFF; text-decoration:none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display:block; width:116px; line-height:200%;}
#favorite .submitBtn:hover					{cursor:pointer; background:#999;}
#favorite .submitBtn:active					{position:relative; top:1px;}
#favorite .submitBtn b						{font-size:20px; display:block; clear:both;}


/*sendlistPane*/
#sendlistPane								{width:780px;height:420px;overflow:auto; background:#e8e5e0;}
#sendlistPane .leftColumn					{width:349px; float:left; border-right:1px solid #ccc; padding:20px;}
#sendlistPane .rightColumn					{width:350px; float:left; pading:20px;}
#sendlistPane h1								{margin:0; text-align:left;}
#sendlistPane p									{margin:0; font-size:12px; color:#333;}
#sendlistPane ul									{width:100%;}
#sendlistPane li									{display:inline-block; padding:5px; font-size:12px; color:#999; width:50px; *display:inline;zoom:1;}
#sendlistPane li.number						{}
#sendlistPane li.name							{width:150px;}
#sendlistPane li.price							{}
#sendlistPane li.amount						{width:30px;}
#sendlistPane .container						{width:100%; height:230px; background:#fff; overflow:auto;}
#sendlistPane table							{width:98%; margin:5px;}
#sendlistPane table thead					{}
#sendlistPane table th						{}
#sendlistPane table th,
#sendlistPane table td						{padding:5px; font-size:12px; border-bottom:2px solid #FFF!important;}
#sendlistPane table td.name				{border-right:1px solid #ccc!important;}
#sendlistPane table td.price				{border-right:1px solid #ccc!important; width:80px;}
#sendlistPane table td.amount			{border-right:0px solid #ccc!important; text-align:right;}
#sendlistPane table th.number			{border:1px solid #ccc!important; width:6px!important;}

#sendlistPane .bottom						{margin:10px 0; width:100%;}
#sendlistPane .bottom p						{float:left; font-size:13px; display:block;} 
#sendlistPane .bottom b						{display:block; float:right; width:200px; color:#b30026; font-size:20px; text-align:right; font-weight:normal;}

#sendlistPane .rightColumn						{}
#sendlistPane .rightColumn ul					{margin-top:20px;}
#sendlistPane .rightColumn li					{margin:0; padding:5px; width:100%;}
#sendlistPane .rightColumn label				{display:inline-block; width:60px; vertical-align:top;*display:inline;zoom:1;}
#sendlistPane .rightColumn .textInput		{background:#fff; width:265px; margin:0;}
#sendlistPane .rightColumn label span		{font-size:11px; display:block;}
#sendlistPane .rightColumn label.option	{}
#sendlistPane .rightColumn textarea		{width:265px; height:100px;background:#fff;}
#sendlistPane .rightColumn li b				{color:#b30026; margin-left:60px; display:block; float:left;}
#sendlistPane .rightColumn li p				{float:right; display:block;}
#sendlistPane .rightColumn li.last				{}
#sendlistPane .sendBtn:link,
#sendlistPane .sendBtn:visited					{display:block; float:right; background:#c0bebe; color:#FFF; font-size:20px; padding:12px 30px; text-decoration:none; float:right; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin:0 5px;}
#sendlistPane .sendBtn:hover					{background:#666; }
#sendlistPane .sendBtn:active					{position:relative; top:1px;}
#sendlistPane .cancelBtn:link,
#sendlistPane .cancelBtn:visited				{display:block; float:right; color:#c0bebe; font-size:20px; padding:10px 10px; text-decoration:none; float:right; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:2px solid #c0bebe;}
#sendlistPane .cancelBtn:hover				{border:2px solid #666; color:#666; }
#sendlistPane .cancelBtn:active				{position:relative; top:1px;}


#addfavorite                                {width:500px;height:100px;overflow:auto; background:#e8e5e0; text-align:center;}
#addfavorite h1								{margin:0; color:#F63;}
#addfavorite p								{margin:0; font-size:12px; color:#333;}


/*about_skill*/
#about_skill .wid500			{
	width:500px;
	display:inline-block;
	margin:auto;
*display:inline;	zoom:1;
}
#about_skill .wid500 h1		{}
#about_skill .wid500 p			{text-align:left;}

#about_skill .inner			{}
#about_skill .block			{float:left; position:relative}
#about_skill .block			{float:left; }
#about_skill .a1			{width:160px; height:100px; overflow:hidden; margin-right:8px;  filter:alpha(opacity=100);opacity:1.0;zoom:1;}

#about_skill #t2				{width: 342px; height:400px; overflow:hidden;  filter:alpha(opacity=100);opacity:1.0;zoom:1; }
#about_skill #a1 a			{width: 160px; height:100px; overflow:hidden; margin-right:8px; margin-top:8px; display:block; }
#about_skill #a2 a			{width: 160px; height:100px; overflow:hidden; margin-right:0px; margin-top:8px; display:block; }
#about_skill #b1 a			{width: 328px; height:208px; overflow:hidden; margin-right:8px; margin-top:8px; display:block; }

#about_skill #a1 a img.before,
#about_skill #a2 a img.before,
#about_skill #b1 a img.before		{position:absolute; left:0; z-index:1;  -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}

#about_skill #a1 a img.hover,
#about_skill #a2 a img.hover,
#about_skill #b1 a img.hover		{position:absolute; left:0; z-index:0;}

#about_skill .hoverwordl .num,
#about_skill .hoverword .num		{text-align:left; padding:20px 20px 0px 30px; height:50px;float:left;font-weight:bold;font-size:18px; }
#about_skill .hoverwordl .word h1,
#about_skill .hoverword .word h1    {font-weight:bold; text-align:left; margin:0 0 3px 0;}
#about_skill .hoverwordl .word,
#about_skill .hoverword .word		{width:200px; float:left; text-align:left; padding-top:20px;}

#about_skill #a1 a .hoverwordl,
#about_skill #a2 a .hoverwordl,
#about_skill #b1 a .hoverwordl		{z-index:9999; visibility:hidden; margin-left:160px; width:300px; height:160px; background-color:#f9f5f2; position:absolute; left:0; }
#about_skill #a1 a .hoverword,
#about_skill #a2 a .hoverword,
#about_skill #b1 a .hoverword		{z-index:9999; visibility:hidden; margin-left:-300px; width:300px; height:160px; background-color:#f9f5f2; position:absolute; left:0; }

#about_skill .hoverword h1,
#about_skill .hoverword p,
#about_skill .hoverwordl h1,
#about_skill .hoverwordl p  		{font-family:"微軟正黑體", Arial; }

#about_skill #a1 a:hover .hoverwordl,
#about_skill #a2 a:hover .hoverwordl,
#about_skill #b1 a:hover .hoverwordl	{visibility:visible; position:absolute; left:0; z-index:9999; }
#about_skill #a1 a:hover .hoverword,
#about_skill #a2 a:hover .hoverword,
#about_skill #b1 a:hover .hoverword		{visibility:visible; position:absolute; left:0; z-index:9999;}

#about_skill #a1 a:hover img.before,
#about_skill #a2 a:hover img.before,
#about_skill #b1 a:hover img.before{opacity:0;  display:none;}

#about_skill .left   {width: 504px; height:208px; float:left;}
#about_skill .center {width: 336px; height:216px; float:left;}
#about_skill .iright  {width: 160px; height:118px; float:left;}

/*right*/

#right					{}
#right .wid700			{text-align:left; width:700px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#right artical			{text-align:left; width:700px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#right artical h1		{font-weight: bolder;}
#right artical h3		{font-weight: bolder;margin-top:30px;}
#right artical p		{padding-left:30px;text-align:left; font-size:12px; line-height:180%;}
#right artical ol li    {text-align:left;font-size:12px; line-height:180%;}
#right .point	{background:url(../images/icon_point.png) no-repeat left center; text-align:left; text-indent:10px;}


/*copyright*/

#copyright						{}
#copyright .wid700			{text-align:left; width:700px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#copyright artical			{text-align:left; width:700px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#copyright artical h1		{font-weight: bolder;}
#copyright artical h3		{font-weight: bolder;margin-top:42px;}
#copyright artical p		{text-align:left; font-size:12px; line-height:180%;}
#copyright artical ol li    {text-align:left;font-size:12px; line-height:180%;}
#copyright .point	{background:url(../images/icon_point.png) no-repeat left center; text-align:left; text-indent:10px;}
#copyright artical ol {padding: 0 0 0 20px;}

/*stockholder*/
#stockholder .wid700		{text-align:center; width:410px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#stockholder #fileTable{border:1px solid #eeeeee; margin:0 auto;}
#stockholder #fileTable thead tr{ background:#eeeeee;}
#stockholder #fileTable thead td{padding: 5px; color: #8B8B8B; }
#stockholder #fileTable tbody td{padding: 5px 30px 5px 30px; color: #686868; }
#stockholder #fileTable a:hover img	{filter:alpha(opacity=60);opacity:0.6;zoom:1;}
a.fly{ padding-left:23px!important;}

/*contact*/
#contact .wid550        {text-align:left; width:550px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#contact artical	    {text-align:left; width:550px; display:inline-block; margin:auto;*display:inline;zoom:1;}
#contact artical h1		{font-weight: bolder;}
#contact h2				{font-weight: bolder;font-family: 微軟正黑體;color:#999;padding:5px;border:#ccc solid 1px;text-align:center;}
#contact textarea	    {border:1px solid #ccc;padding:3px 10px; width:350px; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#contact artical form											        {width:450px;background:#fff; padding:2px 2px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#contact artical input::-webkit-input-placeholder,
#contact artical input:-moz-placeholder 				                {color: #999; }
#contact artical label                                                  {display:block;font-weight:bold;text-align:right;float:left;width:60px;padding-right:10px;cursor:auto;	vertical-align: middle;line-height:20px;}
#contact artical input.textInput				                        {border:1px solid #ccc;padding:3px 10px; width:200px; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#contact artical input.textInput:focus,#contact artical textarea:focus	{background:#fff; border:1px solid #ccc; outline:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
#contact artical .margin20                                              {float:right;position: relative;right: 4px;}

/*service_qa*/
#service_qa h1{color:#b30026; margin-bottom:5px;padding-top:50px;}
#service_qa .padno h1 {padding-top:0;margin:30px;}
#service_qa p{text-align:center;}
#service_qa .right p{text-align:left;}
#service_qa span{color:#900;}
#service_qa .accordion .leftal p{text-align:center;}
#service_qa artical nav ul li,#service_qa .wordst li a{color:#b30026;text-decoration: none; font-size:15px;}
#service_qa artical nav a:hover,#service_qa .wordst li a:hover{color:#333;}
#service_qa artical nav ul,#service_qa ul.wordst{margin:0 auto;width:480px; height:40px;}
#service_qa artical nav ul li,#service_qa .wordst li {float:left;padding:0px 20px; border-right: #ccc solid 1px;}

.accordion {width: 700px;margin: 0 auto;}
.accordion h2 {line-height: 14px;margin:0;padding:5px 15px;font-size:14px;font-weight:normal;cursor:pointer;}
.accordion h2:hover{background:#fff;}
.accordion h2.current {background:#fff;cursor:default;}
.accordion .pane {padding:15px;font-size:12px;}
.accordion .pane h3 {font-weight:normal;margin:0;font-size:16px;color:#999;}