@charset "utf-8";
/* CSS Document */

body{
	background:url(../images/bg.jpg) no-repeat center top ;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size:12px;
	color:#333;
	padding:0;
	margin:0;
}

p{
	line-height:2em;
	text-align:justify;
	letter-spacing:0.1em;
}
a{
	color:#a020b0;
	text-decoration:none;
}
a:hover{
	color:#ff1cb2;
	text-decoration:none;
}
img { 

	border:none;
}

.h1_div{
	float:right;
	width:300px;
	margin:53px 69px 0 0 !important;margin:53px 14px 0 0;
}
h1{
	text-align:right;
	color:#fff;
	font-size:12px;
	margin:0;
	font-weight:normal;
}
h2{
	background:url(../images/heading_bullet.jpg) no-repeat 10px center;
	padding-left:30px;
	line-height:2em;
	border-bottom:1px dashed #CCC;
	font-size:15px;
	background-color:#eeeeee;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	margin:0;
	font-weight:normal;
}
h3{
	background:url(../images/heading_bullet.jpg) no-repeat 0px center;
	padding-left:20px;
	line-height:1.5em;
	border-bottom:1px dashed #CCC;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#e200bf;
	margin:0;
	font-weight:normal;
}
.linkage{
	font-size:10px;
	color:#999;
	text-decoration:none;
	
}
.linkage:hover{
	color:#b94cc7;
	text-decoration:underline;
}
.site_wrapper{
	width:1000px;
	height:700px;
}
.menu_bg{
	width:828px;
	height:42px;
	text-align:right;
	padding-right:41px;
	
}
.client_line{
	border-bottom:1px solid #eee;
}
.index_bg{
	width:828px;
	height:512px;
	background:url(../images/index_bg.jpg) no-repeat;
}
.demo_bg{
	width:828px;
	height:512px;
	background:url(../images/demo_bg.jpg) no-repeat;
}
.services_bg{
	width:828px;
	height:512px;
	background:url(../images/services_bg.jpg) no-repeat;
}
.client_bg{
	width:828px;
	height:512px;
	background:url(../images/client_bg.jpg) no-repeat;
}
.about_bg{
	width:828px;
	height:512px;
	background:url(../images/about_bg.jpg) no-repeat;
}
.contact_bg{
	width:828px;
	height:512px;
	background:url(../images/contact_bg.jpg) no-repeat;
}
.partner_bg{
	width:828px;
	height:512px;
	background:url(../images/partner_bg.jpg) no-repeat;
}
.sitemap_bg{
	width:828px;
	height:512px;
	background:url(../images/sitemap_bg.jpg) no-repeat;
}
.reg_bg{
	width:828px;
	height:512px;
	background:url(../images/reg_bg.jpg) no-repeat;
}
.login_bg{
	width:828px;
	height:512px;
	background:url(../images/login_bg.jpg) no-repeat;
}
.content_area{
	width:760px;
	height:425px;
	overflow:auto;
	margin:80px 0px 0 40px;
	padding-right:10px;
}
.footer{
	height:30px;
	line-height:30px;
	color:#fff;
	width:816px;
	margin-left:8px;
}
.footer a:link, .footer a:visited{
	color:#fff;
	text-decoration:none;
	padding:5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.footer a:hover{
	background:#fff;
	color:#000;
}
.company_color{
	color:#a020b0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.company_color a:link, .company_color a:visited{
	color:#a020b0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}
.company_color a:hover{
	color:#ff1cb2;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	}
.news_table{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background:#FFF;
	border:1px solid #ccc;
}
.news_table_alpha{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background:#FFF;
	border:1px solid #ccc;
	-moz-opacity:0.9; 
	-webkit-opacity:0.9; 
	opacity: 0.9;
}
.news_table_alpha_80{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background:#FFF;
	border:1px solid #fff;
	-moz-opacity:0.8; 
	-webkit-opacity:0.8; 
	opacity: 0.8;
}
.news_table_alpha_80_border{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background:#FFF;
	border:1px solid #ccc;
	-moz-opacity:0.8; 
	-webkit-opacity:0.8; 
	opacity: 0.8;
}
.news_table_sep{
	border:1px solid #eee;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

.news_listing{
	list-style:none;
	line-height:2em;
	padding:0;
	margin:0;
	
}
.news_listing li{
	padding-left:10px;
	background:url(../images/dropdown_linkbg.gif) no-repeat left 8px;
	text-align:left;
}
.login_left_bg{
	background:url(../images/login_left.jpg) no-repeat;
	width:35px;
	height:30px;
}
.login_right_bg{
	background:url(../images/login_right.jpg) no-repeat;
	width:59px;
	height:30px;
}
.client_photo_frame{
	padding:5px;
	border:1px dashed #ccc;
	background:#FFF;
	
}
	
.from_field{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	width:150px;
	border:1px dashed #ccc;
	padding:5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.from_field_short{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	width:100px;
	border:1px dashed #ccc;
	padding:5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.from_textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	width:300px;
	height:110px;
	border:1px dashed #ccc;
	padding:5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.common_btn{
	padding:3px 10px;
	background:#333;
	color:#FFF;
	cursor:pointer;
	border:none;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.common_btn:hover{
	padding:3px 10px;
	background:#000;
	color:#ff98d5;
	border:none;
	cursor:pointer;
}
.common_pulldownmenu{
	border:1px dashed #ccc;
	padding:5px;
}
.common_terms{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	width:500px;
	height:120px;
	border:1px dashed #ccc;
	padding:5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.aboutus_form_bg{
	background:url(../images/aboutus_form_bg.jpg) no-repeat right bottom fixed;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.partner_bottom_bg{
	background:url(../images/partner.jpg) no-repeat right bottom;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.login_bottom_bg{
	background:url(../images/login_form_bg.jpg) no-repeat right bottom;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.refund_form_bg{
	background:url(../images/refund_form_bg.jpg) no-repeat right bottom;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

.sitemap_item{
	background:#fff;
	color:#333;
	width:200px;
	border:1px solid #CCC;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	float:left;
	margin:5px !important; margin:10px;
}
.sitemap_item a{
	color:#666;
	text-decoration:none;
	width:180px;
	display:block;
	
}
.sitemap_item a:hover{
	color:#ff1ed7;
	text-decoration:underline;
}
.sitemap_height{
	height:130px !important; height:120px;
	background:url(../images/sitemap_item_bg.jpg) repeat-x center bottom;
}
.sitemap_heading{
	font-size:15px;
	background:url(../images/sitemap_item_bg.jpg) repeat-x left top;;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
.sitemap_heading a{
	color:#a020b0;
	width:180px;
	display:block;
}
.sitemap_item ul{
	padding:0;
	margin:0;
	list-style:none;
	line-height:2em;
}
.sitemap_item li{
	background:url(../images/bullet.gif) left center no-repeat;
	padding-left:15px;
}

.services_border{
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border:1px solid #CCC;
	background:#fff;
	height:330px;
}
.contact_border{
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border:1px solid #CCC;
	background:#fff;
	height:200px;
}
.plan_basic{
	background:url(../images/plan_basic.jpg) no-repeat right top;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	height:57px;
	border:1px solid #ccc;
}
.plan_pre{
	background:url(../images/plan_pre.jpg) no-repeat right top;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	height:57px;
	border:1px solid #ccc;
}
.plan_border{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.plan_hightlight{
	background:#ffffdc;
}
.red_font{
	color:#F00;
}
.red_font_15px{
	color:#F00;
	font-size:18px;
	letter-spacing:0.2em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
.blue_font{
	color:#06C;
}
.thumb_name{
	background:#eee;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.thumb_table{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background:#FFF;
	border:1px solid #ccc;
	margin:10px 17px;
	float:left;
}
.thumb_table img{
	border:1px solid #eee;
}
.thumb_table img:hover{
	border:1px solid #ccc;
}
.whyus_photo_left{
	float:left;
	margin:0 15px;
}
.whyus_photo_right{
	float:right;
	margin:0 15px;
}
.whyus_list_border{
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	border:1px solid #e7e7da;
	background:#e7e7da;
	margin:5px 0;
	width:580px;
}
.chooseus_underline{
	border-bottom:1px dashed #ccc;
}
/* template thumb style 
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 5px 15px;
	padding: 0;
	float: left;
	position: relative;
	width: 200px;
	height: 175px;
}

.gallery a {
	text-decoration: none;
	color: #333;
}
.gallery a:hover {
	color: #e200bf;
}
.gallery img {
	border: none;
	padding: 14px 12px 12px 13px;
}
.gallery em {
	width: 193px;
	height: 25px;
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	background: url(../images/watercolor-mask.png) no-repeat;
	text-align: center;
	font: 100%/100% Georgia, "Times New Roman", Times, serif;
	padding-top: 140px;
}
*/
/* services icon */

.ser_icon_common{

	height:57px;
	width:200px;
	border:1px solid #ccc;
	margin:9px 14px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	float:left;
	text-align:left;
	background:url(../images/services_ico_bg.jpg) repeat-x left bottom;
}
.ser_icon_desc{
	padding-left:15px;
}


/* services tag style */
.tag_style{
	padding:0;
	margin:0;
	list-style:none;
}
.tag_style ul{
	font-size:12px;
	float:left;
	z-index:0;
	width:150px;
	list-style:none;
}
.tag_style li{
	float:left;
	display:block;
	text-decoration:none;
	color:#ffbcf8;
	background:url(../images/tag_active.jpg) no-repeat;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	font-size:12px;
	text-align:center;
	line-height:3em;
	margin:0 1px 0 0;
	width:150px;
	height:36px;
	letter-spacing:0.2em;
}
.tag_style a:link, .tag_style a:visited{
	display:block;
	text-decoration:none;
	color:#fff;
	background:url(../images/tag_inactive.jpg) no-repeat;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	font-size:12px;
	text-align:center;
	line-height:3em;
	width:150px;
	float:left;
	letter-spacing:0.2em;
}
.tag_style a:hover{
	color:#db8ce5;
	background:url(../images/tag_hover.jpg) no-repeat;
}
/* login popup */
#sub_div{
	position:relative;
	z-index:49999;
	visibility:hidden;
}

#top_sub_menu{
	padding:0px;
	background-color:#fff;
	position:absolute;
	z-index:50000;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-opacity:0.9; 
	-webkit-opacity:0.9; 
	opacity: 0.9;
}
	

.warn_msg{
	color:#a863b1;
}
.wording_div{
	clear:both;
	margin:15px;
}
.client_comment p{
	line-height:1.7em;
	margin:0;
}
.p_wording{
	margin:5px;
}

span.desc{
	background:#56155c;
	display:none;
	padding:10px;
	width:200px;
	position:absolute;
	z-index:1000;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	color:#fff;
	text-decoration:none;
	padding:15px;
	line-height:2em;
	-moz-opacity:0.9; 
	-webkit-opacity:0.9; 
	opacity: 0.9;
}

.news_date{
	background:url(../images/bullet.gif) no-repeat left 1.1em;
	padding-left:10px;
	border-bottom:1px dashed #ccc;
	color:#fd0196;
	line-height:1.7em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.news_desc{
	margin:0;
	line-height:1.7em;
	padding-left:10px;
	border-bottom:1px dashed #ccc;
}
.google_ads{
	float:right;
	margin:16px 70px 0 0;
}