@charset "utf-8";
@import url("reset.css");

#WRAPPER{ width:950px; height:auto; margin:0 auto; border:dashed #666666 1px; position:relative;}

/*******************首頁                *******************/
/*頁首                */
#HEAD{ display:block; width:950px; height:86px; background:url(../images/bg-head3.jpg) no-repeat  ;}
.LOGO{ display:block; width:294px; height:86px; float:left;}
.SAYS{ display:block; width:470px; height:56px; font-family:Verdana,"微軟正黑體";  font-size:11px; color:#FFFFFF; line-height:16px; margin-left:310px; padding-top:25px;}
/*.SAYS h1{ font-weight:inherit; font-style:normal;}*/
.SAYS h3{ isplay:block; width:auto; height:20px; font-family:Verdana; font-size:12px; color:#FFF; line-height:20px; }
/*.TELA{display:block; width:auto; height:20px; font-family:Verdana; font-size:12px; color:#FFF; line-height:20px; text-indent:15px; }*/
.Watch{ font-weight:normal;}

/*選單                */
#ICON{ display:block; width:950px; height:32px; background-image:url(../images/bg-icon.jpg);}
#ICON ul{ float:right;}
#ICON li{ float:left;}
.ic0 a{ display:block; width:30px; height:32px; background-image:url(../images/fb.jpg); background-position:top; margin-right:210px;}
.ic00 a{ display:block; width:70px; height:32px; background-image:url(../images/ic00.jpg); background-position:top; margin-right:90px;}
.ic01 a{ display:block; width:70px; height:32px; background-image:url(../images/ic01.jpg); background-position:top; margin-right:20px;}
.ic02 a{ display:block; width:83px; height:32px; background-image:url(../images/ic02.jpg); background-position:top; margin-right:20px;}
.ic03 a{ display:block; width:70px; height:32px; background-image:url(../images/ic03.jpg); background-position:top; margin-right:20px;}
.ic04 a{ display:block; width:70px; height:32px; background-image:url(../images/ic04.jpg); background-position:top; margin-right:20px;}
.ic05 a{ display:block; width:70px; height:32px; background-image:url(../images/ic05.jpg); background-position:top; margin-right:20px;}
.ic06 a{ display:block; width:70px; height:32px; background-image:url(../images/ic06.jpg); background-position:top; margin-right:20px;}
.ic07 a{ display:block; width:40px; height:32px; background-image:url(../images/ic07.jpg); background-position:top; margin-right:20px;}
.ic08 a{ display:block; width:70px; height:32px; background-image:url(../images/ic08.jpg); background-position:top; margin-right:20px;}
.ic00 a:hover{ background-position:bottom;}
.ic01 a:hover{ background-position:bottom;}
.ic02 a:hover{ background-position:bottom;}
.ic03 a:hover{ background-position:bottom;}
.ic04 a:hover{ background-position:bottom;}
.ic05 a:hover{ background-position:bottom;}
.ic06 a:hover{ background-position:bottom;}
.ic07 a:hover{ background-position:bottom;}
.ic08 a:hover{ background-position:bottom;}

/*內容                */
#CON{ display:block; width:950px; height:auto; background:url(../images/bg-con.jpg) repeat-y; overflow:auto;}
.Lcon{ display:block; width:230px; height:auto; background:url(../images/bg-Lcon.jpg) top no-repeat; padding:10px 25px 0 25px; float:left;}
.Rcon{ display:block; width:670px; height:auto; float:right;}

.Box{ display:block; width:230px; padding-bottom:20px;}
.ItemA{ display:block; width:190px; height:19px; background:url(../images/bg-ItemA.jpg) no-repeat; font-family:Verdana; font-size:11pt; font-weight:bold; color:#343434; line-height:19px; text-indent:15px; padding-bottom:3px; float:left;}
.ItemB{ display:block; width:190px; height:19px; background:url(../images/bg-ItemB.jpg) no-repeat; font-family:Verdana; font-size:11pt; font-weight:bold; color:#343434; line-height:19px; text-indent:15px; padding-bottom:3px; float:left;}
.ItemC{ display:block; width:190px; height:19px; background:url(../images/bg-ItemC.jpg) no-repeat; font-family:Verdana; font-size:11pt; font-weight:bold; color:#343434; line-height:19px; text-indent:15px; padding-bottom:3px; float:left;}
.ItemD{ display:block; width:135px; height:35px; background:url(../images/bg-ItemD.jpg) no-repeat; font-family:Verdana; font-size:11pt; font-weight:bold; color:#343434; line-height:35px; padding-left:35px; padding-bottom:3px; float:left;}
.ItemE{ display:block; width:190px; height:19px; background:url(../images/bg-ItemE.jpg) no-repeat; font-family:Verdana; font-size:11pt; font-weight:bold; color:#343434; line-height:19px; text-indent:15px; padding-bottom:10px;}
.More a{ display:block; width:30px; height:19px; font-family:Verdana; font-size:8pt; font-weight:bold; color:#FE5003; line-height:19px; padding-bottom:3px; float:right;}
.Box li{ font-family:Verdana; font-size:12px; color:#6C6C6C; line-height:17px;}
.Box li.PTa{ font-family:Verdana; font-size:12px; color:#6C6C6C; line-height:18px; text-indent:15px; background:url(../images/pt-ItemA.jpg) no-repeat;}

.Box li.PTb a{ font-family:Verdana; font-size:12px; font-weight:bold; color:#9F8000; line-height:20px; padding-left:15px; background:url(../images/pt-ItemB.jpg) no-repeat;}
.Box li.PTb a:hover{ color:#FF6600;}
.Box li.PTc a{ font-family:Verdana; font-size:12px; font-weight:bold; color:#CC6699; line-height:20px; padding-left:15px; background:url(../images/pt-ItemC.jpg) no-repeat;}
.Box li.PTc a:hover{ color:#FF6699;}

.View{ display:block; width:500px; height:375px; background-image:url(../images/bg-photo.jpg); float:left; position:relative;}
.Photo{ display:block; width:500px; height:375px; position:absolute; top:0; left:0;}
.Square{ position:absolute; top:50px; left:500px;}
.Square li a{ display:block; width:20px; height:20px; background-color:#D8D8D8; font-family:Verdana; font-size:10px; font-weight:bold; color:#999999; line-height:20px; text-align:center; margin-bottom:3px;}
.Square li a:hover{ background-color:#FFF; color:#339900;}
.Square li.Mark a{ display:block; width:20px; height:20px; background-color:#FFF; color:#339900;}

.Idea{ display:block; width:170px; height:375px; background:url(../images/bg-idea.jpg) bottom no-repeat; float:right;}
.Name{ font-family:Verdana; font-size:11pt; font-weight:bold; color:#21440E; line-height:30px; padding:45px 5px 0 40px;}
.Word{ font-family:Verdana; font-size:12px; font-weight:normal; color:#21440E; line-height:18px; padding:0 15px 20px 40px;}

.Case{ display:block; width:630px; height:auto; background:url(../images/bg-case2.jpg) top no-repeat; padding:10px 20px; overflow:auto; clear:both;}
.Image{ display:block; width:110px; height:auto; margin:0 6px 0 5px; float:left;}
.Pic{ display:block; width:110px; height:72px; border:solid #484848 1px;}
.Com{ font-family:Verdana; font-size:11px; color:#606060; line-height:15px; text-indent:5px;}



/*******************內頁                *******************/
/*內容                */
#CONpg{ display:block; width:950px; height:auto; background:url(../images/bg-conPG.jpg) repeat-y; padding-bottom:10px; overflow:auto;}
.LconPG{ display:block; width:200px; height:auto; background:url(../images/bg-LconPG.jpg) top no-repeat; padding:10px 25px 0 25px; float:left;}
.RconPG{ display:block; width:700px; height:auto; float:right;}

.LconPG-tree{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-tree.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-sky{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-sky.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-olive{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-olive.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-violet{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-violet.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-gray{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-gray.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-grass{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-grass.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-brown{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-brown.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-lemon{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-lemon.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-babyblue{ display:block; width:200px; height:100%; background:url(../images/bg-LconPG-babyblue.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}
.LconPG-red{ display:block; width:200px; height:100%; min-height:512px;background:url(../images/bg-LconPG-red.jpg) top no-repeat; padding:20px 25px 0 25px; float:left;}

/*次選單                */
.SEicon{ display:block; width:150px; margin:0 auto;}
.SEicon li a{ display:block; width:150px; background-image:url(../images/bg-seiconA.jpg); font-family:Verdana; font-size:11px; font-weight:bold; color:#454545; line-height:25px; text-align:center; border:dotted #666666 1px; margin:5px 0;}
.SEicon li a:hover{ background-image:url(../images/bg-seiconAHover.jpg); color:#FFFFFF; border:solid #FFFFFF 1px;}

/*次選單廣告    height:刪除 -廣告欄位為1個的時候使用           */
.SEads{ display:block; width:180px;  padding:30px 0 100px 0; margin:0 auto;}
.SEads li{ display:block; width:180px; height:30px; font-family:Verdana; font-size:11px; color:#454545; line-height:30px; text-align:center; border:dotted #666666 2px; margin:5px 0;}

/*內頁標題                */
.ITEMpro{ display:block; width:580px;/* width:300px;*/ height:auto; line-height:30px; background:url(../images/bg-item1.jpg) left top no-repeat; font-family:Verdana; font-size:12pt; font-weight:bold; color:#282828; line-height:30px;padding-left:40px; margin:20px 0 0 30px; float:left;}
.ITEMcom{ display:block; width:580px;/* width:300px;*/ height:auto; line-height:30px; background:url(../images/bg-item2.jpg) left top no-repeat; font-family:Verdana; font-size:12pt; font-weight:bold; color:#282828; line-height:30px; padding-left:40px; margin:20px 0 0 30px; float:left;}


.seITEM{ font-family:Verdana; font-size:16px; color:#006600; line-height:25px; letter-spacing:1px; text-indent:20px; background:url(../images/bt_right.jpg) no-repeat left;}

/*頁面所在位置                */
.ITEMlocation{ display:block; width:550px; height:auto; line-height:20px; font-family:Verdana; font-size:0.75em; color:#666;  margin:10px 0 0 50px; float:left;padding-left:40px;background:url(../images/dot-location.gif) left top no-repeat;}


/*作品欄位                */
.proBox{ display:block; width:182px; height:auto; margin:10px 0 5px 35px; /*overflow:auto;*/ float:left;}
.proImage{ display:block; width:176px; height:115px; background-image:url(../images/bg-proimage.gif); padding:1px 5px 5px 1px; background-repeat:no-repeat;}
.proImageIN{ width:176px; height:115px;}
.proName{ font-family:Verdana; font-size:12px; font-weight:bold; color:#006699; line-height:25px; text-indent:20px; background:url(../images/bg-proname.jpg) left no-repeat;}
.proName a{ font-family:Verdana; font-size:12px; font-weight:bold; color:#006699; line-height:25px;}
.proStyle{ font-family:Verdana; font-size:11px; color:#454545; line-height:15px;}

/*內容頁                */
.TEXT{ display:block; width:600px; height:auto; margin:0 auto; background-color:#FCF9F0; font-family:Verdana; font-size:9pt; color:#333333; line-height:20px; padding:10px;}


/*學堂&行銷條列欄位                */
.textBox{ display:block; width:600px; height:auto; border-bottom:dotted #D9D7D7 1px; padding:15px 0; clear:both; overflow:auto;}
.textImage{ display:block; width:100px; height:75px; background-color:#FFFFFF; padding:3px; border:dotted #666 2px; float:left;}
.textTitle{ display:block; width:480px; text-indent:30px; background:url(../images/fold.jpg) left no-repeat; float:right;}
.textTitle a{ font-family:Verdana; font-size:10pt; font-weight:bold; color:#333333; line-height:25px;}
.textTitle a:hover{ color:#990000;}
.textText{ display:block; width:480px; font-family:Verdana; font-size:10pt; color:#4E4343; line-height:20px; float:right;}
.textMore a{ display:block; width:50px; font-family:Verdana; font-size:9pt; font-weight:bold; color:#FF3366; line-height:18px; float:right;}
.textMore a:hover{ color:#990000;}


/*NEWS*/
.NewsDate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#665846;
	display:block;
	width:100%;
	margin-bottom:10px;
	text-align:right;
	border-bottom:1px #333333 solid;
}
.NewsListAll{
	display:block;
	width:100%;
	margin-bottom:10px;
	border-bottom:1px solid #949292;
}
.NewsListAll a{
	display:block
}
.NewsListAll a:hover{
	color:#900;
}
.NewsList{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:26px;
}
.NewsList a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	line-height:26px;
	text-decoration:none;
}
.NewsListDate{
	color:#665846;
	margin:0 5px;
}


.NEWSDETAIL{ clear:both; display:block; width:580px; height:auto; line-height:20px; border-bottom:dotted #D9D7D7 1px; padding:10px 10px; /*overflow:auto;text-indent:30px; background:url(../../images/new-beauty.gif) left center no-repeat;*/ margin-top:10px;}

.NEWSDETAIL h2{ font-family:Verdana; font-size:16px; color:#006600; line-height:25px; letter-spacing:1px; text-indent:20px; background:url(../images/Pen1.gif) no-repeat left;}

/*頁尾                */
#FOOT{ display:block; width:950px; height:auto; background-image:url(../images/bg-foot.jpg);background-repeat:no-repeat; background-color:#aaa6a3; padding:35px 0 0 0; text-align:center; position:relative;}
#FOOT p{ font-family:Verdana; font-size:8pt; color:#010101; line-height:18px; margin:0 5px;}
#FOOT p a{ font-family:Verdana; font-size:8pt; color:#0066CC;}
span.FLINK{font-family:Verdana,"新細明體"; font-size:8pt; color:#FFF; line-height:18px; margin:0 2px;}
span.FLINK a{color:#FFF;}
span.FLINK a:hover{color:#bc0203;}

.OUT{ color:#999; font-size:6px; padding-top:15px;}
.OUT a{ color:#999; }
.Sitemap{ display:block; width:23px; height:70px; background-image:url(../images/bg-Flink1.gif); position:absolute; top:0; left:20px;}
.Sitemap a{ font-family:Verdana; font-size:10px; font-weight:bold; color:#FFFCF0; line-height:20px; text-align:center; writing-mode:tb-rl; /*word-wrap:break-word; word-break:break-all; direction:rtl; -moz-column-width:1em; -moz-column-gap:1em;*/}
.Sitemap a:hover{ color:#FFFF99;}
.Link{ display:block; width:23px; height:60px; background-image:url(../images/bg-Flink2.gif); position:absolute; top:10px; left:50px; padding:5px 0;}
.Link a{ font-family:Verdana; font-size:10px; font-weight:bold; color:#999999; text-align:center; line-height:12px;}
.Link a:hover{ color:#CCCCCC;}
.ALL{ display:block; width:785px; height:auto; padding-left:200px; margin-bottom:5px;}
.DES{ display:block; width:auto;!important; min-width:280px; width:280px; height:auto; margin-right:15px; font-family:"新細明體";font-size:0.75em; color:#333333; line-height:20px; float:left; text-align:left; }

/*頁數                */
.Pages{ margin-top:20px; margin-right:30px; float:right;}
.Pages li{ float:left;}
.Pages li a, .Pages li span{ display:block; width:auto; background-color:#666666; font-family:Verdana; font-size:10px; font-weight:bold; color:#FFFFFF; text-align:center; line-height:10px; border:solid #CCCCCC 2px; margin-right:4px; padding:2px;}
.Pages li span {font-size:12px;line-height:14px;margin-top:-4px;}
.Pages li a:hover{ background-color:#EBFF60; color:#006600;}

/*聯絡欄位                */
.CTB{ width:620px; font-family:Verdana; font-size:8pt; color:#444444; line-height:20px;}
.CTB_01{ width:100px; text-align:right; padding-right:9pt; vertical-align:top; border:solid #FFF 2px; background-color:#F1ECE4;}
.CTB_02{ text-align:center; padding-top:10px; color:#3D321F;}
.CTB_03{ padding-left:10px;}
/*必填符號的設定                */
.star{ font-family:Verdana; font-size:12pt; font-weight:bold; color:#FF3333; line-height:20px;}
/*填入框架的設定font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;                */
.BDstandard{ width:130px; background-color:#F7F7F7; border:solid #444444 1px; font-family:Verdana; font-size:8pt; color:#444444; padding:5px; margin:4px 0;}
.BDlonger{ width:420px; background-color:#F7F7F7; border:solid #444444 1px; font-family:Verdana; font-size:8pt; color:#444444; padding:5px; margin:4px 0;}
.BDshorter{ width:15px; background-color:#F7F7F7; border:solid #444444 1px; font-family:Verdana; font-size:8pt; color:#444444; padding:5px; margin:4px 0;}
.BDtextarea{ width:420px; height:100px; background-color:#F7F7F7; border:solid #444444 1px; font-family:Verdana; font-size:8pt; color:#444444; padding:5px; margin:4px 0;}
.BDonly{ border:solid #F8F5E3 1px; font-family:Verdana; font-size:9pt; color:#444444; padding:4px; margin:2px 0;}
/*按鈕的設定                */
.SEND{ width:65px; height:20px; background-image:url(../images/bg-button.gif); font-family:Verdana; font-size:8pt; font-weight:bold; color:#393939; text-align:center; border-style:none;}
.DELETE{ width:65px; height:20px; background-image:url(../images/bg-button.gif); font-family:Verdana; font-size:8pt; font-weight:bold; color:#393939; text-align:center; border-style:none;}

/*頁尾                */
#FOOTpg{ display:block; width:950px; height:auto; background-image:url(../images/bg-footPG.jpg); background-repeat:no-repeat; background-position:top; background-color:#aaa6a3;  padding:35px 0 0 0;text-align:center; position:relative; clear:both;}
#FOOTpg p{ font-family:Verdana; font-size:8pt; color:#010101; line-height:16px; margin:0 5px;}
#FOOTpg p a{ font-family:Verdana; font-size:8pt; color:#0066CC;}

/*******************共用                *******************/
.Line{ border:dotted #4F4F4F 1px; border-bottom:dotted #FFFFFF 1px; clear:both;}

a{ color:#6C6C6C; text-decoration:none;}
a:hover{ color:#339900;}

.SITE{display:block; width:600px;background:url(../images/site.gif) right bottom no-repeat; }
.SITE ul{/*float:left; width:580px; border-left:dotted 1px #666666;*/ margin-left:15px;background-image:url(../images/dot-g.gif); background-repeat:no-repeat; background-position:left top;padding-bottom:15px; }
.SITE li{width:auto; height:auto; line-height:20px; padding-left:10px;border-bottom:dotted 1px #666666;}
.SITE li.B{padding-left:32px;}
.SITE li.C{padding-left:43px;}	
	
.CFL{ float:left;display:block; width:605px; height:auto; margin:20px 0;}
.CFL ul{float:left; width:185px; /*border-left:dotted 1px #666666;*/ padding-left:15px;}
.CFL li{display:block; width:175px; line-height:20px; background-image:url(../images/i.gif); background-repeat:no-repeat; background-position:left top; padding-left:10px;border-bottom:dotted 1px #666666;}



.CLEAR{ clear:both; font-size:1px; height:0; line-height:0;}
.CF{margin:10px; }
.CFOK{
	background:url(../images/iware.gif) right bottom no-repeat; 
	background-color:#EEEEEE;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-bottom-color: #666666;
	padding-right: 5px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.fb-like{ width:600px; /*text-align:right;*/ line-height:30px;font-size:13px;}