@charset "utf-8";
/* CSS Document */
/*頂層項目*/
body {
	background-color: #FFF;
	color: #333;
}
.header, .main, .footer {
    width: 1270px;
}
.header_bg {
	background-color:transparent;
	background-image: url(../webc/images/all/bg_header.jpg);
	height: 390px;
	background-repeat: no-repeat;
}
.header {
	background-color:transparent;
    height: 390px;
}
.header .banner {
	top:0px;
	background-color: transparent;
	width:100%;
	text-align:center;	
}
.header .breadcrumb {
	display: none;
}
.header .title a {
	background-image: url(../webc/images/all/logo.png);
	background-repeat: no-repeat;
	height: 67px;
	width: 200px;
	display:block;
	text-indent: -9999px;
	position: absolute;
    left: 30px;
    top: 10px;
	z-index: 300;
}

.main_bg{
	background-color:transparent;
	background-repeat: repeat-x;
	min-height: 300px;
	background-image: url(../webc/images/all/bg_footer.jpg);
	background-position: bottom;
}

.main{
	background-color:transparent;
	margin-top: -105px;
	margin-bottom: 40px;
}

#floating {
    display: none;
}

.side2 {
    display: none;
    float: left;
}
.content {
    float: left;
    margin: 0 0 0 40px;
    min-height: 230px;
    width: 935px;
    z-index: 100;
}

.footer_bg{
	background-color:transparent;
    color: #767676;
    height: 85px;
}
.footer{
	background-color:transparent;
    height: 85px;
}
.footer ul {
	list-style-type: none;
}
.footer ul li {
	float:left;
}
.footer .sitemap {
	display: none;
}
.footer .copyright {
	font-size: 13px;
	position:absolute;
	top: 10px;
	left: 510px;
}
.footer .siteinfo {
	margin-left: 20px;
}
.footer .siteinfo ul li {
	width: 210px;
	padding-top: 10px;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
}
.footer .siteinfo ul li .dis {
	background-image: url(../webc/images/all/footer.png);
	background-repeat: no-repeat;
	height: 61px;
	width: 61px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-top: -27px;
	margin-right: 10px;
}

.footer .siteinfo ul li .dis.pa { background-position: 0px 0px; }
.footer .siteinfo ul li .dis.pb { background-position: -80px 0px; }

.footer .siteinfo ul li.mail {
	width: 61px;
}
.footer .siteinfo ul li.mail a { 
	background-image: url(../webc/images/all/footer.png);
	background-repeat: no-repeat;
	background-position: -160px 0px; 
	height: 61px;
	width: 61px;
	display:block;
	text-indent:-9999px;
	margin-top: -27px;
}
.footer .siteinfo ul li.mail a:hover { 
	background-position: -160px -70px; 
}

.footer .powered {
	display:none;
}
.footer #ez_share_area {
	position:absolute;
	top: 10px;
	right: 110px;
}
.footer .fb-like {
	position: absolute;
	top:10px;
	right: 20px;
}

/*-------menu 選單-------*/
ul.nav_h#nav1 {
	position: absolute;
    right: 140px;
    top: 20px;
	z-index: 200;
}
ul.nav_h#nav1 li {
}
ul.nav_h#nav1 li a {
	background-image: url(../webc/images/all/menu.png);
	background-repeat: no-repeat;
	height: 43px;
	width: 152px;
	display:block;
	text-indent:-9999px;
}

ul.nav_h#nav1 li a.b1-1 { background-position: 0px 0px; }
ul.nav_h#nav1 li a.b1-2 { background-position: -152px 0px; width: 137px; }
ul.nav_h#nav1 li a.b1-3 { background-position: -289px 0px; width: 137px; }
ul.nav_h#nav1 li a.b1-4 { background-position: -426px 0px; width: 136px; }
ul.nav_h#nav1 li a.b1-5 { background-position: -562px 0px; width: 119px; }

ul.nav_h#nav1 li a:hover.b1-1 { background-position: 0px -60px; }
ul.nav_h#nav1 li a:hover.b1-2 { background-position: -152px -60px; }
ul.nav_h#nav1 li a:hover.b1-3 { background-position: -289px -60px; }
ul.nav_h#nav1 li a:hover.b1-4 { background-position: -426px -60px; }
ul.nav_h#nav1 li a:hover.b1-5 { background-position: -562px -60px; }

ul.nav_h#nav2 {
	position: absolute;
    right: 0;
    top: -5px;
	z-index: 200;
}
ul.nav_h#nav2 li {
}
ul.nav_h#nav2 li a {
	background-image: url(../webc/images/all/menu.png);
	background-repeat: no-repeat;
	background-position: 0px -120px;
	height: 62px;
	width: 123px;
	display:block;
	text-indent:-9999px;
}
ul.nav_h#nav2 li a:hover {
	background-position: -140px -120px;
}

/*-------breadcrumb 麵包屑-------*/
.breadcrumb {
	font-size: 13px;
	color: #999;
	position:absolute;
	top: -20px;
	right: 0px;
	letter-spacing: normal;
	line-height: 0px;
}
.breadcrumb a {
	color: #999;
	text-decoration: none;
}
.breadcrumb a:hover {
	color: #F00;
}

/*-------side1-------*/
.side1 {
	float: left;
	margin-left: 20px;
	width: 250px;
	background-color: transparent;
	background-image: url(../webc/images/all/side1.png);
	background-repeat: no-repeat;
	min-height: 400px;	
	background-position: -500px 0px;
}
.side1 ul {
}
.side1 ul li {
}
.side1 ul li a {
	background-image: url(../webc/images/all/side1.png);
	background-repeat: no-repeat;
	height: 124px;
	width: 206px;
	display:block;
	text-indent:-9999px;
	margin-left: 25px;
}
.side1 ul li a.b_01 { background-position: 0px 0px; }
.side1 ul li a.b_02 { background-position: 0px -124px; }
.side1 ul li a.b_03 { background-position: 0px -248px; }

.side1 ul li a:hover.b_01 { background-position: -250px 0px; }
.side1 ul li a:hover.b_02 { background-position: -250px -124px; }
.side1 ul li a:hover.b_03 { background-position: -250px -248px; }

.side1 .mouse {
	background-image: url(../webc/images/all/mouse.png);
	background-repeat: no-repeat;
	height: 51px;
	width: 144px;
	display:block;
	position: absolute;
	top: -25px;
	left: 150px;
}

.side1 ul li a.b_04 {
	background-image: url(../webc/images/service/goto.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 198px;
	margin: 25px 0px 20px 28px;
	display: none;
}
.side1 ul li a:hover.b_04 {
	background-position: -220px 0px;
}
.service.p3 .side1 ul li a.b_04 {
	display: block;
}


/*-------h1 title-------*/
.content h1 {
	background-image: url(../webc/images/all/h1_title.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 350px;
	display:block;
	text-indent: -9999px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.about .content h1 { background-position: 0px 0px; }
.program .content h1 { background-position: 0px -60px; }
.case .content h1 { background-position: 0px -120px; }
.apply .content h1 { background-position: 0px -180px; }
.service .content h1 { background-position: 0px -240px; }
.sitemap .content h1 { background-position: 0px -300px; }
.news .content h1 { background-position: 0px -360px; }


/*-------home 首頁-------*/
.home {
	background-image: url(../webc/images/index/bg.jpg);
	background-repeat: no-repeat;
}
.home .header_bg {
	background-image: none;
	height: 500px;
}
.home .main {
	margin-top: -75px;
}
.home .main .side1,
.home .content h1 {
	display: none;
}
.home .content {
	margin-left: 20px;
	width: 1250px;
} 
.home .content .mouse {
	background-image: url(../webc/images/index/mouse.png);
	background-repeat: no-repeat;
	height: 52px;
	width: 153px;
	position: absolute;
    right: 231px;
    top: 34px;
}
.home .content .three_part {
	background-image: url(../webc/images/index/three_color_bg.png);
	background-repeat: no-repeat;
	height: 250px;
}
.home .content .three_part div {
	width: 285px;
	float:left;
	margin-right: 30px;
	margin-top: 37px;
	position:relative;
	height: 222px;
}
.home .content .three_part div.news {
}
.home .content .three_part div.about {
	width: 602px;
}
.home .content .three_part div.about p.word {
	font-size: 13px;
	line-height: 25px;
	color: #333;
	letter-spacing: 0.05em;
	padding: 0px 20px;
}
.home .content .three_part div.about p.word .green1 {
	font-weight: bold;
	color: #90a311;	
}
.home .content .three_part div.about p.word .green2 {
	font-weight: bold;
	color: #f2ffc7;	
}
.home .content .three_part div.about p.word a {
    color:#961212;
	padding-right:10px;
}
.home .content .three_part div.about p.word a:hover {
    color:#fff;
}

.home .content .three_part div.qa {
	margin-right: 0px
}
.home .content .three_part div .title {
	font-size: 16px;
	font-family: "微軟正黑體";
	color: #FFF;
	text-align: center;
	margin-bottom: 20px;
}
.home .content .three_part div ul {
	list-style-type: none;
	padding: 0px 15px;
}
.home .content .three_part div ul li {
	
}
.home .content .three_part div ul li a {
	padding: 4px 0px;
	display: block;
	color: #000;
	text-decoration: none;
	font-size: 13px;
}
.home .content .three_part div ul li a:hover {
	color: #fff;
	font-weight: bold;
}
.home .content .three_part div a.more {
	background-image: url(../webc/images/index/btn.png);
	background-repeat: no-repeat;
	height: 24px;
	width: 82px;
	display: block;
	color: #FFF;
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	padding-top: 2px;
	position:absolute;
	bottom: 25px;
	right: 20px;
}
.home .content .three_part div a:hover.more {
	background-image: url(../webc/images/index/btn_2.png);
}

.home .content div .big_title {
	background-image: url(../webc/images/index/index_big_title.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 370px;
	display: block;
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 12px;
}
.home .content div.store .big_title { background-position: 0px 0px; }
.home .content div.service .big_title { background-position: 0px -40px; }
.home .content div.contact .big_title { background-position: 0px -80px; }

.home .content div.store {
	position:relative;
}
.home .content div.store a.more {
	font-size: 13px;
	color: #999;
	text-decoration: none;
	position:absolute;
	top: 1px;
	left: 270px;
}
.home .content div.store a:hover.more {
	color: #C03;
}

.home .content div.service {
	width: 595px;
	float:left;
	margin-right: 30px;
}
.home .content div.service p {
	font-size: 13px;
	line-height: 25px;
	color: #000;
	letter-spacing: 0.03em;	
}
.home .content div.service a.go {
	font-size: 13px;
	color: #F00;
}
.home .content div.service a:hover.go {
	font-weight: bold;
}
.home .content div.service p.s_link {
	position:absolute;
	z-index:999;
	bottom:-20px;
	left:0px;
	color: #999;
	margin-top: 5px;
}
.home .content div.service .s_link a {
	color: #999;
	text-decoration: none;
}
.home .content div.service .s_link a:hover {
	color: #000;
}






.home .content div.contact {
	float:left;
}
.home .content div.contact a {
	background-image: url(../webc/images/index/index_contact.png);
	background-repeat: no-repeat;
	height: 85px;
	width: 230px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-right: 13px;
	margin-top: 10px;
}

.home .content div.contact a.a_01 { background-position: 0px 0px; }
.home .content div.contact a.a_02 { background-position: -240px 0px; width: 165px }
.home .content div.contact a.a_03 { background-position: -440px 0px; width: 180px; }

.home .content div.contact a:hover.a_01 { background-position: 0px -100px; }
.home .content div.contact a:hover.a_02 { background-position: -240px -100px; }
.home .content div.contact a:hover.a_03 { background-position: -440px -100px; }



/*-------about 關於我們-------*/
.about .content {
	font-size: 13px;
	line-height: 28px;
	color: #333;
	letter-spacing: 0.1em;
}
.about .content .black {
	font-family: "微軟正黑體";
	font-size: 18px;
	font-weight: bold;
	color: #666;
}
.about .content a.ez {
	color: #06C;
} 
.content a.try {
	background-image: url(../webc/images/about/btn.png);
	background-repeat: no-repeat;
	height: 39px;
	width: 139px;
	display:block;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	position:absolute;
	right: 10px;
}
.content a:hover.try {
	background-position: -160px 0px;
}
.content ul.row {
	list-style-type: none;
}
.content ul.row li {
	margin-bottom: 10px;
}
.content ul.row li a {
	background-image: url(../webc/images/about/list_bg.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 873px;
	display: block;
	padding-left: 35px;
	padding-top: 4px;
}
.content ul.row li a:hover {
	background-position: 0px -50px;
	color: #FFF;
}

.content ul.dealer{
	list-style-type: none;
	padding:0 20px;
}
.content ul.dealer li{
	width:162px;
	float:left;
	margin-left:20px;
	margin-right:5px;
	margin-bottom:20px;
	padding:10px;
	background-color:#f9f8f8;
	border:1px solid #ddd;
}
.content ul.dealer li img{
	border:2px solid #fff;
}
.content ul.dealer li a{
	display:block;
	border:3px solid #ddd;
	margin-bottom:5px;
}
.content ul.dealer li a:hover{
	border:3px solid #bbb;
}
.content ul.dealer li p{
	padding:0 5px;
	line-height:1.8em;
}
.content ul.dealer li p span{
	display:block;
	font-weight:bold;
	color:#cb0a0a;
}

.content ul.row li.sec {
	margin-left: 10px;
	width: 890px;
	color:#666;
}

/*-------apply 立即申請-------*/
.apply .content {
}
.apply .content p.note {
	display: none;
}

.information .fill {
	margin-left: 7px;
}
.information .fill table {
	width: 865px;
}
.information .fill table tr {
	background-image: url(../webc/images/all/point.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.information .fill table tr.last {
	background-image: none;
}
.information .fill table tr th {
	background-color: #6d6d6d;
	font-size: 13px;
	font-weight: normal;
	color: #FFF;
	text-align:center;
	padding: 5px;
}
.information .fill table tr td {
	padding: 15px;
	font-size: 13px;
	color: #333;
}
.information .fill input {
	border: 1px solid #CCC;
	margin-left: 10px;
    padding: 5px;
}
.information .fill input.l_02 { width: 200px; }
.information .fill input.l_03 { width: 500px; }
.information .fill input.l_04 { width: 550px; }

.information .fill select {
	border: 1px solid #CCC;
	margin-left: 10px;
	width: 80px;
}
.fill_note {
	color: #F90;
	padding: 10px 0px;
	display: block;
}
.red_star {
	color: #F00;
	padding-right: 5px;
}

.apply.p3 .content {
}
.apply.p3 .content .step {
	background-image: url(../webc/images/apply/apply_step.png);
	background-repeat: no-repeat;
	height: 119px;
	width: 903px;
	position:relative;
	display: block;
	margin-bottom: 20px;
	font-size: 13px;
	letter-spacing: 0.05em;
}
.apply.p3 .content .step.s_01 { background-position: 0px 0px; margin-top: 30px; }
.apply.p3 .content .step.s_02 { background-position: 0px -150px; }
.apply.p3 .content .step.s_03 { background-position: 0px -300px; }

.apply.p3 .content .step .title {
	display: none;
}
.apply.p3 .content .step ul.info {
	position:absolute;
	top: 70px;
	left: 135px;
	list-style-type: none;
}
.apply.p3 .content .step ul.info li {
	float:left;
}
.apply.p3 .content .step ul.info li.arrow {
	background-image: url(../webc/images/apply/arrow.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 13px;
	display:block;
	margin: 0px 23px;
	margin-top: -5px;
}


/*-------sitemap 網站導覽-------*/
.sitemap .content {
}
.sitemap .content .list {
}
.sitemap .content .list .onebyone {
	float:left;
	margin: 0px 15px;
	background-image: url(../webc/images/sitemap/bg.png);
	background-repeat: no-repeat;
	background-position: 0 128px;
	min-height: 260px;
}
.sitemap .content .list .onebyone ul {
	list-style-type: none;
}
.sitemap .content .list .onebyone ul li {
	margin-bottom: 10px;
}
.sitemap .content .list .onebyone ul li a {
	background-image: url(../webc/images/sitemap/point_o.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: bold;
	color: #7a7a7a;
	text-decoration: none;
	padding-left: 18px;
}
.sitemap .content .list .onebyone ul li a:hover {
	background-image: url(../webc/images/sitemap/point_l.png);
	color: #96a709;
}
.sitemap .content .list .onebyone ul li a.title {
	background-image: url(../webc/images/sitemap/sitemap_icon.png);
	background-repeat: no-repeat;
	height: 130px;
	width: 130px;
	display:block;
	text-indent:-9999px;
	padding:0px;
	margin-bottom: 20px;
	margin-left: -7px;	
}

.sitemap .content .list .onebyone ul li a.title.p_01 { background-position: 0px 0px; }
.sitemap .content .list .onebyone ul li a.title.p_02 { background-position: -140px 0px; }
.sitemap .content .list .onebyone ul li a.title.p_03 { background-position: -280px 0px; }
.sitemap .content .list .onebyone ul li a.title.p_04 { background-position: -420px 0px; }
.sitemap .content .list .onebyone ul li a.title.p_05 { background-position: -560px 0px; }
.sitemap .content .list .onebyone ul li a.title.p_06 { background-position: -700px 0px; }

.sitemap .content .list .onebyone ul li a:hover.title.p_01 { background-position: 0px -221px; }
.sitemap .content .list .onebyone ul li a:hover.title.p_02 { background-position: -140px -221px; }
.sitemap .content .list .onebyone ul li a:hover.title.p_03 { background-position: -280px -221px; }
.sitemap .content .list .onebyone ul li a:hover.title.p_04 { background-position: -420px -221px; }
.sitemap .content .list .onebyone ul li a:hover.title.p_05 { background-position: -560px -221px; }
.sitemap .content .list .onebyone ul li a:hover.title.p_06 { background-position: -700px -221px; }

/*-------case 成功案例-------*/
.case .content {
}
.case .content .search {
	background-image: url(../webc/images/case/search.png);
	background-repeat: no-repeat;
	height: 41px;
	width: 908px;
	position: relative;
}
.case .content .search input {
	font-size: 13px;
	float:left;
	margin-left: 80px;
    margin-top: 10px;
    padding: 3px;
    width: 200px;
	background-color:transparent;
}
.case .content .search a {
	background-image: url(../webc/images/case/search.png);
	background-repeat: no-repeat;
	background-position: 0px -80px;
	height: 36px;
	width: 40px;
	display:block;
	text-indent:-9999px;
	margin-left: 25px;
	position:absolute;
	top: 3px;
	left: 262px;
}
.case .content .search a:hover {
	background-position: -60px -80px;
}
.case .content .choice {
	font-family: "微軟正黑體";
	float:right;
	font-size: 15px;
	margin-right: 10px;
    margin-top: 8px;
}
.case .content .choice select {
	border: 1px solid #CCC;
	margin: 2px;
	width: 70px;
}
.case .content .choice select.l_02 {
	width: 40px;
}

.case .content .list {
}
.case .content .list ul {
	list-style-type: none;
	margin-top: 40px;
	width: 940px;
}
.case .content .list ul li {
	float:left;
	margin-right: 35px;
	width: 200px;
	height: 300px;
}
.case.p4 .content .list ul li,
.case.p5 .content .list ul li {
	height: 250px;
}
.case .content .list ul li a {
}
.case .content .list ul li a img {
	border: 1px solid #CCC ;
	width: 200px;
	display: block;
	
}
.case .content .list ul li a:hover img {
	opacity: 0.8;
}
.case .content .list ul li p.title {
	border: 1px solid #CCC;
	border-top: none;
	width: 200px;
	font-family: "微軟正黑體";
	font-size: 15px;
	padding: 10px 0px;
	font-weight: bold;
	text-align:center;
}
.case .content .list ul li p.info {
	margin-top: 10px;
	font-size: 13px;
	color: #999;
	line-height: 22px;
}

.content .information {
	margin-top: 10px;
}
.content .information .pa {
	background-image: url(../webc/images/case/o_bg_01.jpg);
	background-repeat: no-repeat;
	height: 8px;
	width: 908px;
	display: block;
}
.content .information .pb {
	background-image: url(../webc/images/case/o_bg_02.png);
	background-repeat: repeat-y;
	min-height: 100px;
	width: 878px;
	display: block;
	padding: 10px 15px; 
}
.content .information .pc {
	background-image: url(../webc/images/case/o_bg_03.jpg);
	background-repeat: no-repeat;
	height: 8px;
	width: 908px;
	display: block;
}

.case.p3 .content .condition {
	background-image: url(../webc/images/case/serach_title.png);
	background-repeat: no-repeat;
	min-height: 39px;
	width: 690px;
	display: block;
	margin-left: 15px;
	margin-top: 20px;
	padding-top: 18px;
	padding-left: 160px;
	font-size: 13px;
}
.case.p3 .content .condition.c_01,
.case.p3 .content .condition.c_02,
.case.p3 .content .condition.c_04 {
	width: 230px;
	padding-top: 13px;
	height: 44px;
}
.case.p3 .content .condition.c_01 { background-position: 0px 0px; }
.case.p3 .content .condition.c_02 { background-position: 0px -100px; }
.case.p3 .content .condition.c_03 { background-position: 0px -200px; width: 230px; }
.case.p3 .content .condition.c_04 { background-position: 0px -300px; }
.case.p3 .content .condition.c_05 { background-position: 0px -700px; }
.case.p3 .content .condition.c_06 { background-position: 0px -400px; }
.case.p3 .content .condition.c_07 { background-position: 0px -500px; }
.case.p3 .content .condition.c_08 { background-position: 0px -600px; }

.case.p3 .content .condition.c_02 {
	position:absolute;
	top: 260px;
	right: 55px;
}
.case.p3 .content .condition.c_04 {
	position:absolute;
	top: 340px;
	right: 55px;
}
.case.p3 .content .condition .title {
	display: none;
}
.case.p3 .content .condition input {
	border: 1px solid #CCC;
	padding: 5px;
	margin-bottom: 20px;
}
.case.p3 .content .condition input.l_02 { width: 200px; }
.case.p3 .content .point {
	background-image: url(../webc/images/all/point.png);
	background-repeat: repeat-x;
	height: 2px;
	margin-left: 80px;
    width: 780px;
}


/*-------news 最新消息-------*/
.news .content .row {
    color: #333333;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 28px;
}
.content ul.row li a p {
}
.content ul.row li a p.title,
.content ul.row li p.title {
	float:left;
	width: 760px;
	color:#000;
}
.content ul.row li a p.date,
.content ul.row li p.date {
	float:right;
	width: 100px;
	text-align:center;
	color:#999;
}
.content ul.row li a:hover p.title,
.content ul.row li a:hover p.date {
	color:#fff;
}
.news.show .content ul.row li {
	background-image: url(../webc/images/about/list_bg.png);
	background-repeat: no-repeat;
	height: 37px;
	width: 873px;
	display: block;
	padding-left: 35px;
	padding-top: 4px;
}
.news .content .page {
	margin-top: 20px;
}
.news.show .content .information {
	font-size: 13px;
	line-height: 25px;
	color: #666;
	letter-spacing: 0.05em;
}
.news.show .page ul {
    width: 83px;
}
.news.show .page ul li a {
	background-image: url(../webc/images/news/page_2.png);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	text-indent: inherit;
	width:81px;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	padding-top: 3px;
	text-align:center;
}
.news.show .page ul li a:hover {
	background-position: -100px 0px;
}

/*-------service 客服中心-------*/
.service .content {
    color: #333333;
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 28px;
}

.service.p1 .content .note,
.service.p1 .content .note a {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	font-family: "微軟正黑體";
}
.service.p1 .content .note.link {
	margin-top: 10px;
	margin-bottom: 15px;
	height:40px;
	padding-top:30px;
	padding-bottom:30px;
}
.service.p1 .content .note a {
	background-image: url(../webc/images/service/skype_icon.png);
	background-repeat: no-repeat;
	padding: 10px;
	padding-left: 55px;
	padding-right: 70px;
	text-decoration: none;
}
.service.p1 .content .note a:hover,
.service.p1 .content .note a .title {
	color: #00b2ee;	
}
.service.p1 .content .note a.line {
	background-image: url(../webc/images/service/line_icon.png) !important;
	background-repeat: no-repeat;
	padding: 10px;
	padding-left: 55px;
	padding-right: 40px;
	text-decoration: none;
}
.note a.line:hover,.note a.line .title {
	color: #38b102 !important;	
}

.service.p1 .information .fill select {
	width: 300px;
}
.service.p1 .information .fill textarea {
    border: 1px solid #ccc;
    margin-left: 10px;
    padding: 5px;
	width: 700px;
	height: 120px;
}

.service .content .choice {
	color: #999;
    margin-top: -20px;
}
.service .content .choice select {
	border: 1px solid #CCC;
	height: 23px;
    width: 250px;
}
.service .accordionContent {
	color: #cc3333;
	margin-left: 25px;
	width: 870px;
}
.service.p3 .content a.try {
	right: 70px;
    top: 70px;
}

.service .content a.try.b_1 {
	/*bottom: 240px;*/
	top:537px;
	right: 220px;	
}
.service .content a.try.b_2 {
	/*bottom: 185pxpx;*/
	top:587px;
	right: 100px;	
}


/*-------program 方案介紹-------*/
.program .content {
}
.program .content .church{
	background-image: url(../webc/images/program/p_001.png);
	background-position:98% 15px;
	background-repeat:no-repeat;
	width:920px;
}
.program .content .web{
	border:3px solid #ddd;
}
.program .content .church .note{
	letter-spacing:2px;
	color:#666 !important;
	border:none;
}
.program .content .church .note span.list{
	display:block;
	background-image: url(../webc/images/program/icon01.png);
	background-position:0 50%;
	background-repeat:no-repeat;
	padding-left:20px;
	color:#000;
}


/*--頁籤--*/
.content #tabs {
}
.content #tabs ul.btn {
	list-style-type: none;
	margin-left: 20px;
}
.content #tabs ul.btn li {
	float:left;
}
.content #tabs ul.btn li a {
	color: #666666;
	font-size: 13px;
	margin-right: 5px;
	text-align: center;
	text-decoration: none;
	background-image: url(../webc/images/program/btn.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 220px;
	padding-top: 8px;
	display: block;
}
.content #tabs ul.btn li a:hover,
.content #tabs ul.btn li.ui-tabs-active.ui-state-active a {
	background-position: -240px 0px;
	color: #fff;
	font-weight: bold;
}
.content #tabs .info,
.program.p1 .content .info {
	border-top: 1px solid #CCCCCC;
	font-size: 13px;
	line-height: 25px;
	color: #666;
	letter-spacing: 0.05em;
	padding: 10px;	
}

.content table.compare {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 98%;
	margin-top: 15px;
	margin-left: 10px;
}
.content table.compare tr {
}
.content table.compare tr th,
.content table.compare tr td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 10px 10px;
}
.content table.compare tr th {
	vertical-align: middle;
	color:#000;
	background-color: #f1f1f1;
}
.content table.compare tr td {
	width: 230px;
	text-align: center;
	vertical-align: middle;
}
.content table.compare.six tr td {
	width: 130px;
	vertical-align: top;
	text-align:left;
	padding: 20px;
}
.content table.compare tr td.left {
	text-align: left;
}

.content table.compare tr td.title {
	text-align: center;
	font-weight: bold;	
	padding: 6px 0xp;
	color:#057dc9;
	background-color: #c6e0f0;
	font-size: 15px;
	vertical-align: middle;
}
.content table.compare tr td.price {
	color:#f58110; 
	font-weight: bold; 
	font-size: 15px;
}
.content table.compare tr td img.ok {
	width: 25px;
	height: 25px;
}
.content table.compare tr td img.not {
	width: 20px;
	height: 20px;
}
.content table.compare tr td a {
	color: #FFF;
	text-decoration: none;
	background-color:#F00;
	padding: 5px 10px;
}
.content table.compare tr td a:hover {
	font-weight: bold;
}

.program.p3 .content .info,
.program.p4 .content .info {
	font-size: 13px;
	line-height: 25px;
	color: #666;
	letter-spacing: 0.05em;
	padding: 10px;	
}

.program.p1 .content .info {
	margin-top: 20px;
	border: none;
}
.program.p2 .content #tabs,
.program.p3 .content #tabs {
	margin-top: 60px;
}

.program.p3 .content table.compare tr th.title2,
.program.p3 .content table.compare tr td.title2,
.program.p4 .content table.compare tr th.title2,
.program.p4 .content table.compare tr td.title2 {
	background-color: #000;
	color: #FFF;
	font-weight: bold;	
}
.program.p3 .content table.compare tr th.sec_title,
.program.p4 .content table.compare tr th.sec_title {
	color: #F60;
	background-color: #FFE3D0;
}
.program.p3 .content table.compare tr th { width: 80px; }
.program.p3 .content table.compare tr td { width: 0px; }
.program.p3 .content table.compare tr td.w_01 { width:420px; }
.program.p3 .content table.compare tr td.w_02 { width:70px; }
.program.p4 .content table.compare tr td {
	width: 110px;
}
.program.p3 .content table.compare tr th.title {
    background-color: #c6e0f0;
    color: #057dc9;
}
.program.p3 .content table.shop {
	margin-top: 50px;
}

.content table.web {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 98%;
	margin-top: 15px;
	margin-left: 10px;
}
.content table.web tr {
}
.content table.web tr th,
.content table.web tr td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 10px 10px;
	vertical-align: top;
}
.content table.web tr th {
	width: 80px;
	/*background-color: #353535;*/
}
.content table.web tr td {
}

.program.p3 .content .note {
	font-size: 18px;
	line-height: 30px;
	color: #666;
	font-family: "微軟正黑體";
}
.program.p1 .content .note,
.program.p2 .content .note {
	font-size: 13px;
	line-height: 25px;
	color: #999
	;
}
.program .content .note.dis {
	display: none;
}
.program.p1 .content .note,
.program.p2 .content .note {
	margin-top: 20px;
	margin-bottom: 40px;
}

.program .send ul {
    width: 420px;
}

/*-------send btn-------*/
.send {
	margin-top: 20px;
}
.send ul {
	list-style-type: none;
	margin: 0 auto;
	width: 280px;
}
.send ul li {
	float:left;
}
.send ul li a {
	background-image: url(../webc/images/about/btn.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 139px;
	display:block;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	padding-top: 6px;
}
.send ul li a:hover {
	background-position: -160px 0px;
}

/*-------page-------*/
.page {
}
.page ul {
	list-style-type: none;
	margin: 0 auto;
	width: 230px;
}
.page ul li {
	float:left;
	margin: 0px 3px;
}
.page ul li a {
	background-image: url(../webc/images/case/page.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 46px;
	display: block;
	text-indent: -9999px;
}
.page ul li a.b_01 { background-position: 0px 0px; }
.page ul li a.b_02 { background-position: -60px 0px; }
.page ul li a.b_03 { background-position: -120px 0px; }
.page ul li a.b_04 { background-position: -180px 0px; }

.page ul li a:hover.b_01 { background-position: 0px -40px; }
.page ul li a:hover.b_02 { background-position: -60px -40px; }
.page ul li a:hover.b_03 { background-position: -120px -40px; }
.page ul li a:hover.b_04 { background-position: -180px -40px; }

.page p.change {
	font-size: 13px;
	font-family: "微軟正黑體";
	width: 250px;
	float:right;
	margin-top: -20px;
	text-align:right;
	margin-right: 25px;
}
.page p.change select {
	border: 1px solid #CCC ;
	margin-right: 10px;
	width: 40px;
}

/*-------cover word-------*/
.orange {
	color: #fe7200;
}

/*-------首頁BANNER新增按鈕-------*/
body.home .banner .signUp{
	position:absolute;
	z-index:999;
	left:21px;
	top:395px;
	width:285px;
	padding:4px 0;
	background-color:#000;
	border-bottom:1px dashed #fff;
	border-top:1px dashed #fff;
	color:#fff;
	font-family:"微軟正黑體";
	font-size:14px;
	letter-spacing:1px;
	text-decoration:none;
	display:none;
}
body.home .banner .signUp:hover{
	background-color:#961212;
	letter-spacing:2px;
}
body.apply a.order{
	background-image:url(../webc/images/apply/load.png);
	text-indent:-9999px;
	display:block;
	width:200px;
	height:70px;
	margin:15px 0 0 5px;
}
body.apply a.order:hover{
	background-position:0 -70px;
}

body.home .store .famous{
	position:absolute;
	z-index:999;
	top:-12px;
	left:365px;
}
body.home .store .famous a{
	float:left;
	display:block;
	border:1px solid #ddd;s
	margin:0 15px 0 0;
}
body.home .store .famous a img{
	width:120px;
	margin:1px;
}
body.home .store .famous a:hover{
	border:1px solid #aaa;
}

body.home #freeOO{
	color:#333;
	text-decoration:none;
	padding:0;
}
body.home #freeOO2{
	color:#fff;
	text-decoration:none;
	padding:0;
}

/*-------編輯器隔線設定-------
.pb table th,
.pb table td{
	border:1px solid #ddd !important;
	padding:3px 10px;
}
*/