body,div,ul,ol,li,h1,h2,h3,p,tr,td,img{margin: 0;padding: 0;}

body{ background-color:#bbd9ec;}
#wrapper{ width:950px; margin:0 auto;background-image:url(images/bg_main.jpg); background-position:left top; background-repeat:repeat-y;}
img { vertical-align:top;}
#portfolio{ margin:0 auto; padding:0;width:950px; list-style-type:none;}
#portfolio ul li.head { list-style-type:none; padding:0;margin:0; background-image:url(images/title01.jpg);}



#main{ background-image:url(images/bg_main.jpg); background-position:left top; background-repeat:repeat-y;}
 
.left{ float:left; width:423px;}
.lpro{ margin-left:32px; padding-top:10px;}
.wor01{ font-size:12px; letter-spacing:1px; line-height:15px; color:#77797b; text-align:justify; padding:5px 25px 5px 0;}
.word2{ display:block; font-size:12px; padding-right:20px; padding-left:20px; color:#fff; text-align:justify; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.word3{
	font-size:13px;
	font-weight:bolder;
	letter-spacing:1px;
	line-height:18px;
	color:#663366;
	border-left: 5px solid #663366;
	padding-left:5px;
}
.word4{ display:block; font-size:15px; font-weight:bolder; padding-top:10px; padding-bottom:10px; color:#0099FF; font-family:Verdana, Geneva, sans-serif; padding-left:10px;}

.abgne_tab { width: 362px; margin: 10px 0;}
.abgne_tab ul.tabs { width: 100%;height: 32px;}

.abgne_tab ul.tabs li { float: left; line-height: 18px; overflow: hidden; position: relative; margin-left:1px;}
.abgne_tab ul.tabs li a {display: block; color: #fff;border: 1px solid #fff;text-decoration: none; background: #a9667c; font-size:12px; letter-spacing:1px; color:#FFFFFF; border:1px solid #2488b7; display:block; padding:3px 3px; background-color:#2488b7; text-decoration:none;}
.abgne_tab ul.tabs li a:hover {background: #fff7d2;color:#2488b7;}
.abgne_tab ul.tabs li.active  {background: #fff7d2;color:#2488b7;}
.abgne_tab ul.tabs li.active a:hover {background: #fff7d2;color:#2488b7;}


div.tab_container {clear: left; width: 99.5%;}
div.tab_container .tab_content {}
div.tab_container .tab_content h2 {}
.box{ display:block; padding-bottom:10px;}
.box img{ float:left; padding-bottom:2px;}
.box h2{ font-size:13px; line-height:18px; color:#6d8492; line-height:18px; font-weight:bold; letter-spacing:1px;}
.box p{ font-size:11px; line-height:15px; color:#7c8f9a; display:block; text-align:justify; padding-top:2px; display:block;border:1px solid #acb1b5; padding:5px 5px; letter-spacing:1px;}




.right{ float:right; width:527px;}
.rpro{ margin-left:18px; padding-top:10px;}

.proB ul{ display:block; list-style:none; width:93.6%; padding-left:10px;}
.proB ul li{ border-bottom:1px #CCCCCC dotted; font-size:15px; padding-bottom:3px; padding-top:3px;}
.proB ul li a{ color:#595959; text-decoration:none; float:left;}
.proB ul li a:hover{ color:#2f87fe;}
.price{ display:block; font-size:12px; font-weight:bolder; color:#ff0000; font-family:Verdana, Geneva, sans-serif; float:right;}
.rpro h2{ display:block; font-size:15px; padding:5px 5px; color:#658903;}
#footer{ clear:both;} 










/* c23模組專用 */
q:before, q:after{content:"";} 
*+html .carrier li{min-height:1%;}
.carrier li:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* 自動錨點 */
.intro-anchors{display:block; font-size:15px; margin:15px 0 15px -15px; padding: 5px 0 0 0;}
.intro-anchors a{display:block; font-size:14px; color:#0099FF; /*padding:10px 0 18px 0;*/ float:left; margin:-12px 0 15px 20px; padding: 2px; }
.intro-anchors a:hover{color:#427FED;}

.carrier{font-family:Verdana, Geneva, sans-serif,"新細明體"; margin-bottom:-12px;}
.carrier h4{background-position:0 0 \9; padding-left:10px; padding-top:5px; color:#658903; font-size:15px; margin:25px 0px 2px 0px;;}
.carrier ul{padding:0; margin:0 20px 10px 5px;}
.carrier li{list-style-type:none; border-bottom:1px dotted #aaa; margin:2px 0 0 4px; padding:3px 2px; width:97.8%; line-height:1.3em; }
.carrier li:hover{background:none;}
/*.carrier li:last-child{border:none;}*/
.carrier li a:link, .carrier li a:visited{text-decoration:none; font-size:13px; color:#985964; display:block;}
.carrier li a strong{font-weight:normal; display:block; font-size:15px; color:#4c1a0f; margin:0 0 1px; *margin:0;}
.carrier li a:hover strong{color:#0066CC; text-decoration:none;}
.carrier .box-head{ display:none;/*border-bottom:2px solid #800033; margin-top:-4px;*/}
.carrier .box-head:hover{background:#fff;}
.carrier .box-head a:link, .carrier .box-head a:visited{margin:-15px 0; cursor:default;}
.carrier .box-head a strong, .carrier .box-head a img, .carrier .box-head p span{display:none;}
.carrier .box-head q{display:block; font-weight:bold; padding-left:13px; color:#e5735c;}

.carrier li em.price{font-style:normal; font-size:13px; color:#FF0000; font-family:Verdana, Geneva, sans-serif; float:right; *margin-top:-1.2em;}
.carrier li em.price span, .carrier li em.price var{font-size:13px; font-style:normal;}
.no-topic{display:block; margin-top:-5px;}
.no-topic .carrier h4{display:none;}