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

body {
	margin: 0;
	padding: 0;/*	background:url(../images/body-bg.jpg);	*//*	background:url(../images/menu01350978064.jpg)left top no-repeat fixed; */
/*	background-size:100% 100%;} */
}

.body-main, .footer, .story {
	width: 1100px;
	margin: 0 auto;
}
p {
	line-height: 20px;
}
.windows-width {
	display: block;
	width: 1100px;
	position: relative;
	top: -15px;
}
/* Header */
.header {
/*	background:rgba(0,0,0,0.3); */
/*	height:70px; */
}
.header .logo {
	padding-top: 10px;
	display: inline-block;
	z-index: 101;
}
.header .nav {
	display: block;
	position: relative;
	width: 100%;
	line-height: 25px;
	z-index: 100;
	top: -20px;
	list-style: none;
	text-align: left;
	border-bottom: 4px solid rgb(169,211,86);
	border-bottom-width:4px;
}
.header .nav ul a{
	font-size:12px;}
.nav ul.nav, .nav ul.sub-nav {
	display: inline-block;
	position: relative;
	top: 0px;
	right: 20px;
	line-height: 25px;
	border-bottom: none;
}
.nav ul.nav {
	width: 500px;
	left: 295px;
}
.nav ul.nav li {
	font-size: 0.7em;
}
.nav ul.sub-nav {
	float: right;
}
.nav ul.sub-nav li a {
	color: #A35A0A;
/*	font-size: 0.7em; */
}

.nav ul.sub-nav li:hover > a, .nav ul.sub-nav li:active > a {
	color: #fff;
}
.nav ul.sub-nav ul li a {
	color: rgb(213, 213, 213);
}
.nav ul.sub-nav ul li:hover a, .nav ul.sub-nav ul li:active a {
	color: #fff;
}
/*	
.header .nav ul.nav{
	display:inline-block;
	position:relative;
	left: 300px;
    top: 0px;  
    width: 465px;
	line-height:25px;
	border-bottom:none;
	}		
.header .nav ul.nav li{
	display:inline-block;
	padding:0px 10px;
	padding-bottom:0;}	
.header .nav ul.nav li:hover{
	background:rgba(128,205,59,1);}	
.header .nav ul.nav li:hover a{
	color:#FFF;
	}
*/	

/*
.header .nav ul.sub-nav li a{
	color:rgba(204,0,0,1);
	}
.header .nav ul.sub-nav li{
	display:inline-block;
	margin:0 5px;	
	}				
.header .nav ul li a{
	font-size:0.8em;}
   .sub-nav {
	display:inline-block;
	float:right;
	position:relative;	
	z-index:101;
	}
.nav .sub-nav ul li{
	display:inline-block;
	margin-left:15px;	
	font-family:"微軟正黑體";
	font-size:0.8em;
	}
.nav .sub-nav ul li:hover{
	background:none;}	
.header .nav .sub-nav ul li a{
	color:rgba(204,0,0,1);}	
*/			
.search-bar {
	position: relative;
	float: right;
	font-size: 0.8em;
	right: 0px;
}
#search {
}
#search input[type="text"] {
	background: url(../img/search-white.png) no-repeat 6px 2px #fcfcfc;
	border: 1px solid #d1d1d1;
	outline: none;
	font: 1em Arial, Helvetica, Sans-serif;
	color: #bebebe;
	width: 64px;
	padding: 2px 0px 2px 25px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.7s 0s;
	-moz-transition: all 0.7s 0s;
	-o-transition: all 0.7s 0s;
	transition: all 0.7s 0s;/*	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset; */	
}
#search input[type="text"]:focus {
	width: 120px;
	color: #666;
}
.sub-link {
	display: block;
	float: right;
	position: relative;
	top: 5px;
	right: -5px;
	line-height: 25px;
	vertical-align: middle;
}
.sub-link a {
	font-size: 0.8em;
}
.sub-link ul li {
	display: inline-block;
	list-style: none;
	padding: 0 4px;
}
.sub-link ul li:first-child {
	border-right: 1px solid rgba(0,0,0,0.5);
	line-height: 0.9em;
	padding-right: 10px;
}
#abgneBlock {
	width: 940px;
	height: 279px;
	position: relative;
	overflow: hidden;
	border: 1px solid #ccc;
}
#abgneBlock ul.list {
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	width: 9999px;
	height: 100%;
}
#abgneBlock ul.list li {
	float: left;
	width: 940px;
	height: 100%;
}
#abgneBlock .list img {
	width: 100%;
	height: 100%;
	border: 0;
}
#abgneBlock ul.playerControl {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	bottom: 5px;
	right: 5px;
	height: 14px;
}
#abgneBlock ul.playerControl li {
	float: left;
	width: 23px;
	height: 14px;
	cursor: pointer;
	margin: 0px 2px;
	background: url(images/rect_ctrl.png) no-repeat 0 0;
}
#abgneBlock ul.playerControl li.current {
	background-position: -23px 0;
}
#abgneBlock ul.playerControl li {
	float: left;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 2px;
	background: url(images/cir_ctrl.png) no-repeat -10px 0;
}
#abgneBlock ul.playerControl li.current {
	background-position: 0 0;
}
/*story-area*/
.story {
	display: block;
	position: relative;
	top: 10px;
	margin-bottom: 20px;
}
.story-area {
	display: inline-block;
	margin: 0;
	width: 270px;
	vertical-align: text-top;
	position: relative;
}
.story-area .pic {
	width: 115px;
	float: left;
}
.story-area .sortyimg {
	float: left;
	width: 115px;
	height: 90px;
	padding: 3px;
	vertical-align: text-top;
	border: 1px solid #eee;
	background: #fff;
}
.story-area .shadow {
	position: relative;
	width: 120px;
	top: -8px;
	left:2px;
	z-index: -1;
}
.area-color {
	/*border: 1px solid rgba(0,0,0,0.1);*/
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	width: 176px;
	height: 120px;
	float: left;
	/*margin-right: 5px;*/
	margin-right: 7px;
}
.side-right .last-div {
	margin-right: 0;
	margin-left: 0px;
}
.side-right .pic { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ccc;}
.side-right .text {
	margin-top: 5px;
    position: relative;
    top: 445px;
}
.side-right .text_case {
	margin-top: 5px;
}
.side-right .text-2{ width:300px; padding-left:20px;}
.side-right .text-3{ width:300px; }
.side-right .text-2 p{ margin-top:15px; line-height:15px;}
.side-right .text-2 p.none-top{margin-top:0;}
.side-right .flow-2{ width:580px;}
.side-right .flow-2 ul li{ float:left; display:block;}
.side-right .flow-2 ul li.arrow{ width:45px;padding-top: 45px;}
.side-right .flow-2 div.arrow-d{ display:block; text-align:right; padding:10px 55px 10px 0;}
.side-right .flow-2 ul li img.p{ width:108px;}
.area-color .title {
	background: rgba(0,0,0,0.5);
}
/*
.area-color a {
	color: #fff;
	font-size: 0.8em;
	line-height: 23px;
	text-decoration: none;
} */
.area-color a 
{
    color:#FFF;
    font-size:0.8em;
    line-height:23px;
    text-decoration:none;
    display:block;
    width:100%;
    height:100%;}
.story-area .text {
	float: left;
	text-align: left;
	margin-left: 13px;
}
.story-area .text h6, .story-area .text p {
	width: 130px;
}
.story-area .text h6 {
	font-size: 0.9em;
}
.story-area .text p {
	display: inline-block;
	vertical-align: text-top;
	/*	height: 85px; */
	text-justify: distribute-all-lines;
	/*text-align: justify;
	word-wrap: break-word;
	word-break: break-all;*/
	overflow: hidden;
	font-size: 0.8em;
}
.story-area .storytxt {
	position: relative;
	/*	top:-70px;
	left:90px;*/
	display: block;
	width: 160px;/*	height:200px; */
/*	overflow:hidden;*/}
.story-area .storytxt .title {
	font-size: 1em;
	text-align: left;
}
.story-area .storytxt p {
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
	word-break: break-all;
}
.side-right .small {
	height: 120px;
	border: 1px solid #D1D1D1
}
.side-right .small img {
	width: 130px;
	height: 130px;
	margin: 5px;
	border: 1px solid rgba(0,0,0,0.1);
}
.side-right .small .arrow-l .arrow, .side-right .small .arrow-r .arrow {
	width: 19px;
	height: 70px;
}
.side-right .small .arrow-l, .side-right .small .arrow-r {
	display: block;
	position: relative;
	top: 30px;
}
.side-right .small .arrow-l img, .side-right .small .arrow-r img {
	border: none;
}
/**************/	
.left-sub-menu {
	display: block;
	margin: 0px;
	width: 164px;
}
.left-sub-menu .icon {
	float: right;
}
.ceo-img {
	width: 340px;
	position: relative;
	
}
.ceo-img img.group {
	width: 410px;
}
.ceo-img .text{ font-size:0.8em;}
.ceo-img .text p { width:400px; text-align:left; padding-left:10px;}
.ceo-img span {
	display: block;
	position: relative;
	top: -28px;
	width: 100%;
	line-height: 25px;
	background: rgba(255,255,255,0.75);
}
.left-sub-menu ul li {
	width: 150px;
	height: 17px;
	margin: 1px 0;
	padding: 7px;
	text-align: left;
	font-size: 0.8em;
	border: 1px soild rgb(0,102,0);
	background: rgb(169,211,86);
	
}
.left-sub-menu ul li:hover, .left-sub-menu ul li.sub-on {
	background: #afd140; /* Old browsers */
	background: -moz-linear-gradient(top, #afd140 0%, #4FAF34 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #afd140), color-stop(100%, #4FAF34)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #afd140 0%, #4FAF34 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #afd140 0%, #4FAF34 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #afd140 0%, #4FAF34 100%); /* IE10+ */
	background: linear-gradient(to bottom, #afd140 0%, #4FAF34 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd140', endColorstr='#4FAF34', GradientType=0 ); /* IE6-9 */
}
.left-sub-menu ul li:hover a, .left-sub-menu ul li.sub-on a {
	color: #fff;
}

.left-sub-menu ul a li:hover , .left-sub-menu ul a li.sub-on {
	color: #fff;
}
.left-sub-menu ul li img {
	padding-right: 5px;
}
.online {
	
	width: 160px;
	margin: 30px 0px5px 0px;
	padding: 20px 0px 0;
}
.online .img {
	display: inline-block;
	position: relative;
	left: -43px;
}
.online a {
	display: inline-block;
	position: relative;

}
.corp-text {
	width: 100%; border-bottom:1px dotted #ccc; margin-bottom:30px;
	
}
.normal-line{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.corp-text-ph{ padding-bottom:20px;}
.copr-text-mp{ margin-bottom:20px;}	
.ctw{width:100%;}
.corp-text, .corp-text h5,.ceo-img .text{
	font-family: "微軟正黑體";
}
.corp-text h6,.ceo-img .text h6 ,.flow h5{
	color: rgb(98, 177, 27);
	text-align: left;
	margin:25px 0 15px 0;
}
.flow h5{
	font-size:1.3em;}
.corp-text h6.normal,.flow h5{
	margin-top:0;}
.corp-text h6 img,.ceo-img .text h6 {
	position: relative;
	top: 2px;
	margin: 3px;
}
.ceo-img .text h6{
	font-size:1.2em;
	padding-bottom:15px;}

.corp-text .ceo{ height:240px;}
.corp-text .ceo img.ceo-img{ display:block; width:335px;}
.corp-text .ceo img.img{display:block; width:160px;}
.corp-text .ceo1{ background:rgba(255,255,255,0.8); position:relative; top:-20px; font-size:0.8em; text-align:left; padding-left:10px; display:block; padding:3px 3px 3px 10px;}
.corp-text .ceo span.ceo{ background:rgba(255,255,255,0.8); position:relative; top:-20px; font-size:0.8em; text-align:left; padding-left:10px; display:block; padding:3px 3px 3px 10px;}
.corp-text p,.license p{
	position:relative;
	margin-left: 1.6em;}
.corp-text p, .corp-text ul li {
	font-size: 0.8em;
	text-align: left;
/*	text-justify: auto; */
	margin-top:10px;
	line-height:18px;
	text-align:justify; 
 
text-justify:inter-ideograph; 
}
.corp-text img.ceo{ width:260px; margin-top:20px;}

.corp-text img.img-2{ height:150px; margin:0;}
.corp-text img.img-3{ height:180px; margin:0;}
.corp-text img.img-4{ width:180px; height:120px; margin:0;}
.corp-text img.img-5{ width:220px; height:160px; margin:0;}
.corp-text .p-1{width:553px;}
.corp-text .p-2{width:333px;}
.corp-text .p-2-2{width:450px;}
.corp-text .p-2-3{width:460px;height:160px;}
.corp-text .p-2-pic{ width:577px; text-align:right; }
.corp-text .p-2-pic-2{ width:460px; text-align:right; }
.corp-text .p-2-pic-3{ width:460px; text-align:Center; }
.corp-text .p-2-pic-4{ width:445px; text-align:right; }
.corp-text .p-3-pic{ width:535px; text-align:left;}
.corp-text .p-3-pic img { width:265px;}
.corp-text .p-3{ width:358px;}

.corp-text1 {
	width: 100%; 
	
}
.corp-text1 h6,.ceo-img .text h6 ,.flow h5{
	color: rgb(98, 177, 27);
	text-align: left;
	margin:25px 0 15px 0;
}

.corp-text1 h6.normal,.flow h5{
	margin-top:0;}
.corp-text1 h6 img,.ceo-img .text h6 {
	position: relative;
	top: 2px;
	margin: 3px;
}
	.corp-text1 p,.license p{
	position:relative;
	margin-left: 1.6em;}
.corp-text1 p, .corp-text ul li {
	font-size: 0.8em;
	text-align: left;
/*	text-justify: auto; */
	margin-top:10px;
	line-height:18px;
	text-align:justify; 
 
text-justify:inter-ideograph; 
}

.machine-bord .logo-homag{ display:block; float:left; margin-bottom:10px;}
.machine-bord{ margin-bottom:15px; border-bottom:1px dotted #ccc;}
.machine-bord p.text{ width:280px;
                      text-align:justify; 
 
text-justify:inter-ideograph; 
}
.machine-text { width:390px; height:250px; }
.machine-text p.text{ width:370px;height: 96px;}
.machine-text img.pic{ display:block; position:relative; bottom:0;text-align:left; float:left; margin-left:18px; margin-top:15px; width:200px;}
.m-pic{ width:200px; height: 123px;}
.area {
	width: 910px;
}

.area .tab {
	border: 1px solid #333;
	background: #fff;
	margin: 20px 0;
}
.tab tr th.header{font-size:1.2em;padding:10px 0;}
.tab tr.title th {font-size:1.2em; color:#fff; background:rgba(0,0,0,0.8); border:1px solid #000;}
.area .flow>div {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.area .pic-s ul{
	margin:0;}
.area .pic-s ul li{
	display:inline-block;
	margin-top:40px;
	margin-bottom:0;}

.area .pic-s ul li img{
	width:300px;}
.flow .fl {
	display: block;
	width: 150px;
	padding: 5px;
	font-size: 0.7em;
	text-align: center;
	font-family: "微軟正黑體";
	border-radius: 3px;
	box-shadow: 0px 0px 3px rgba(51,51,51,0.4);
	background: #f9f9f9; /* Old browsers */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #e2e2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%, #e2e2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f9f9f9 0%, #e2e2e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e2e2e2', GradientType=0 ); /* IE6-9 */
}
.flow .fl-tab {
	width: 100%;
}
.flow .fl h6 {
	margin-bottom: 3px;
	color: rgb(98, 177, 27);
	text-align: left;
}
.flow .fl p {
	margin-bottom: 10px;
	text-align: left;
	height: 65px;
}
tr.color-td-heye {
	background: rgb(240,240,240);
}
.area .tab td {
	border: 1px solid #333;
	padding: 5px 3px 5px 6px;
	font-size: 0.8em;

}
.area .recom ul li{
	float:left;
	width:290px;
	margin:0;
	margin-left:20px;}
.area .recom ul li.normal{
	margin-left:0;}	
.area .recom ul li .pic img {
	width:290px;
	height: 186px;}
.area .recom ul li .text{
	text-align:left;
	margin-bottom:20px;}	
.area .recom ul li .text .title
{
    height: 23px;
	font-weight:bold;
	width:270px;
	font-size: 0.9em;
	overflow:hidden;
	}
.area .recom ul li .text .cont{
	font-size:0.8em;
	overflow:hidden;
	height:52px;
	}			 
.area .area-foot-img {
	float: right;
	position: relative;
	
}
.area .license {
/*	border:1px solid #ccc; */}
.area .license h6, .area .partner h6 {
	color: rgb(98, 177, 27);
	font-family: "微軟正黑體";
	text-align: left;
	margin: 5px;
}
.area .license h6 img, .area .partner h6 img{ margin:3px; position:relative; top:2px;}
.area .license p {
	text-align: left;
	font-size: 0.8em;
	text-align:justify; 
 
text-justify:inter-ideograph; 
}
.area .license table{
	position:relative;
	left:21px;}
.area .license tr {
	height: 90px;
}
.area .license th img, .area .partner th img {
	border-radius: 6px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.area .partner{
/*	border:1px solid #f00; */
margin-bottom:10px;
	}
.area .partner ul{
/*	border:1px solid #ccc; */}
.area .partner ul li{
	float:left;
/*	border:1px solid #ccc; */
	display:inline-block;
	text-align:center;
	font-size:0.8em;
	margin-left:150px;}
.area .partner ul li.normal{
	margin-left:15px;}	
	.area .partner ul li .pic{
		width:190px;margin-left: 8px;}
.area .partner ul li .pic img{
	border:1px solid #ccc;
	border-radius:5px;
	box-shadow:0 0 2px #ccc;}		
.license ul{
	width:100%;margin-left: 6px;}
.license ul li{
	float:left;
	margin: 5px 20px 5px 15px;
	display:block;
	list-style:none;
/*	border:1px solid #ccc; */
		}
.area .partner th {
	height: 55px;
	text-align: center;
}
.area .partner td {
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 20px;
}
.side-right {
	width: 910px;
}
.side-right .img-bg{
	background:url(../f_images/show-bg-3.jpg); width:910px; height:450px; margin-bottom:5px;}
.side-right .view_case {
	max-width: 910px;
    max-height: 450px;

}
.side-right .view_default {
	max-width: 910px;
/*	width:910px;	*/
	max-height: 450px;
/*	background:url(../images/bg-01.jpg);	 */
}
.side-right .view {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	position:absolute;
    z-index:10;

}
.side-right .view0 {
	max-width: 910px;
	width:910px;	
	max-height: 450px;
/*	background:url(../images/bg-01.jpg);	 */
}
.side-right .view1 {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	height: 430px;
	position:absolute;
	z-index:20;
/*	background:url(../images/bg-01.jpg);	 */
}
.side-right .view2 {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	height: 430px;
	position:absolute;
	z-index:30;
}
.side-right .view3 {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	height: 430px;
	position:absolute;
	z-index:40;
}
.side-right .view4 {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	height: 430px;
	position:absolute;
	z-index:50;
}
.side-right .view5 {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	height: 430px;
	position:absolute;
	z-index:60;
}
.side-right .view6 {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	height: 430px;
	position:absolute;
	z-index:70;
}
.side-right .view10 {
	max-width: 910px;
	width:910px;	
	max-height: 430px;
	height: 430px;
	position:absolute;
	z-index:100;
/*	background:url(../images/bg-01.jpg);	 */
}
.side-right .wod {
	position: relative;
    top: 440px;

}
.side-right .wod_txt {
	position: relative;
    top: 450px;

}
.wod_txt2 {
	position: relative;
    top: 480px;

}
.side-right .test {
	position: relative;
    top: 440px;

}
.side-right .flow {
	position: relative;
	top: 20px;
	margin-bottom: 30px;
}
.side-right p {
	text-align: left;
	font-size: 0.8em;
	text-align:justify; 
 
text-justify:inter-ideograph; 
}

.pag a{
	font-size:0.8em;}
	
.pag ul li{
	display:inline;}
.case-a .pic,.case-a .pic img {
	width:350px;}
.case-a .pic span{
	font-size:0.8em;
	display:block;
	text-align:left;}
.case-a .text{
	text-align:left;
	font-size:0.8em;
	width:550px;}
.case-a .text .title{
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:15px;}
.case-a .text p{
	margin:10px 0 10px 0;}					
img.service-pic{
	width:300px;}
.abgne_tab ul.tabs li { font-size:0.9em;}		
.tab_content{
	font-size:0.8em;
	text-align:left;}
.tab_content .text-form{ width:590px; background:rgba(204,204,204,0.1); padding:0 0 10px 0;}	
.tab_content .tab-from p.note{ text-align:center;
background:rgb(148,148,148);
color:#fff;
padding:3px 0;
margin:10px 0; }
table.service tr th{ width:95px;}
table.service tr td,table.reg-tab tr td{ margin:0px 0; padding: 2px 0; line-height:25px;}
table.service tr td input{ line-height:15px;}
table.service input[type="radio"]{ width:15px; margin:0; padding:0; position:relative; top:2px;}
table.service input.address{ width:500px;}
table.service .dot-a { margin:0 15px 0 5px;  display:inline-block;}
table.service tr td .note{ max-width:510px; min-width:510px; min-height:60px;}
/*table.service .th-now{ width:65px;} */
table.reg-tab tr th{ width:100px;}
table.reg-tab tr .ser-ta{ min-width:475px; max-width:475px; height:80px;}

table.reg-tab .dot-a{ display:inline-block; margin:0 10px;}
table.reg-tab .dot-a input{ width:10px;}



.tab-from .btn { display:block; float:right;}
.tab-from ul{ margin:0; padding:0; margin-bottom:5px;}
.tab-from ul li{ display:inline; background:#999; padding:3px 5px ; margin:0 5px;}	
.tab-from ul li:last-child{ margin-right:0;}
.tab-from ul li:hover{ background:#333; }
.tab-from ul li a{color:#fff;}
.tab-from ul li:hover a{color:#eee;}
.tab-from input, .tab-from textarea { background: rgba(204, 204, 204, 0.5);}
.tab-from textarea {border: 1px solid rgb(176, 176, 176);}

.map-info{ width:418px; }
.map-info .text-map {font-size:0.8em;}
.map-info .text-map .title{ padding:10px 0 0 0; font-weight:bold; font-size:1.25em;}
.map-info .text-map th{ width:60px; display:block; vertical-align:top; text-align:left; background:rgba(153,153,153,0.3);margin:5px 0; padding:2px 0 2px 2px; text-align:justify;}
.map-info .text-map td{ padding-left:3px;}
.map-info .text-map .height{ padding-top:10px;}
.map-info .text-map .welcom{padding-top:10px; font-size:1.1em;}
.map-info .text ul li.day2{ position:relative; left:65px;}

/*footer*/
.footer {
	display: block;
	position: relative;
	
	bottom: 0;
	background: rgba(255,255,255,1);
	/*	height:120px; */
/*	margin-top:10px; */
	vertical-align: middle;
	z-index: 50;
}
.foot-fix {
	position: relative;
	left: 140px;
}
.foot-fix-index {
	position: fixed;
	bottom: -37px;
}
.footer img {
	margin: 0 auto;/*	display:inline-block;
	vertical-align:middle;	 */
}

.footer .design{
	font-size:0.8em;
	color:#aaa;
	text-align: right;}
.foot-img {
	display: block;
	/*	height:100px; */
	border: 1px solid #ccc;
	vertical-align: middle;
}
.foot-pic {
	border-top: 1px solid #ccc;
	display: inline-block;
	text-align: center;
	width: 100%;
}
.foot-pic .parnert-logo-l{max-height:40px;margin:5px 5px 5px 5px;display:inline-block;}


.footer p {
	font-size: 0.8em;
	background:rgb(169,211,86);
	padding: 3px 0 0 0;
}
.act{ display:block; width:910px; font-size:0.8em; text-align:left;}
.act ul{ float:left; vertical-align:top; display:block;} 
.act li{ display:inline-block; width:280px; margin-left:30px; margin-bottom:15px;float: left;} 
.act li.normail{margin-left:0;}
.act .text .title,.act .text span{ line-height:25px;}
.act-main{ width:1180px; padding:10px;}
.act-main .pic ul { width:280px; font-size:0.8em;}
.act-main .cont{ width:890px; border-left:1px solid #eee;}
.act-main .cont{}
.sub-manu-nav{ border:0; font-size:0.8em;}
.sub-manu-nav h3{
	text-align:left;
	padding:0 0 0 0;
	border-radius:0;
	border:none;}
.sub-menu-nav>div { border-radius:0;
border:none;
margin:0;
padding:0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius:0; border:none; margin:0; padding:0;}
.design-tab {font-size:0.8em;}
.design-tab table  th,.design-tab table  td{  border:1px solid; margin:5px; padding:5px; }
.design-tab h5 img{ margin-right:3px;}
.design{ width:570px; margin-left:26px;}
.design .gift-pic{width:570px;}
.design p{ margin-bottom:15px;}
.design p.kk{ margin-left: 1em;
text-indent: -1em;}
.design-left{width:300px; margin-top:40px;}
.design-left1{width:300px;}
.design-left img{width:300px;}
.disign-tab th.th-now{ width:150px; background:#0C9;}
.disign-tab p{ margin-bottom:15px;}
.disign-tab p.otr { margin:0;}
.disign-tab .tab-from table { width:100%; margin:5px;}

input.other-text { border:none; width:90px; border-bottom:1px solid; background:none;}
.policies{ text-align:left; width:60%; margin:0 auto; font-size:0.8em; margin-top:30px;}
.policies h2{ text-align:center; padding:15px auto 20px auto; border-bottom:1px solid #ccc; }
.policies ul{ margin:0; padding:0; margin-bottom:20px;}
.policies ul li{ margin:0; padding:0; line-height:23px;}
.policies li.title{ font-size:1.1em; font-weight:bold;}
.policies li.lev-1{margin-left: 1em;text-indent: -1em;}
.policies li.lev-2{margin-left: 5.3em;
text-indent: -4.3em;}
.font-s1{ font-size:1.25em; font-weight:bold; color: #814208;}
.dot-b{ display:inline-block; background:rgb(129, 66, 8); width:5px; height:5px; border-radius:5px; margin:4px;}
.dot-b2{ display:inline-block; background:rgb(0, 0, 0); width:5px; height:5px; border-radius:5px; margin:4px;}

.str { display:block; margin-left:13px; }
.str .ar{ display:block; /* margin-left:0px;text-indent : -13px ; */}
.str p.kk{ margin-left: 1em; text-indent: -1em;}

.ar-line{ border-top:1px dotted #ccc; margin:20px 0;}

.fontstyle{ 
 background: rgba(0,0,0,.5);
 width:100%;
 color: #FFF;
 height:100%;
 top: 20px;
 position: relative;
 font-family: "微軟正黑體";}
.fontstyle:hover{
 color:#000;
 background:#rgba(255,255,255,.5);}
 
  table.uni-forage {width: inherit;}
 table.uni-forage tr td{margin:0 15px; width:70px;}
 
 
 /*****QA****/
#qaContent {
	width: 580px;
	text-align:left;
}
#qaContent h3 {
	width: 580px;	
	font-size:0.9em;
	text-align:center;		
}
#qaContent h3.qa_group_1,#qaContent h3.qa_group_2 {
	background:#eee;
	border-radius:3px;color:#111;
	padding:5px 0;	
}

#qaContent ul.accordionPart {
/*	margin: 10px 0; */
	padding:0;
	font-size:0.8em;
}
#qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	margin:0;
	padding-bottom: 12px;
	margin-top: 12px;
	margin-left:5px;
	padding:0;
	
}
#qaContent ul.accordionPart li:last-child{
	border-bottom:none;}
#qaContent ul.accordionPart li .qa_title {
	background: url(../f_img/icon_q_a.gif) no-repeat 0px 3px;
	padding-bottom:10px;
	padding-left: 28px;
	color: #1186ec;
	cursor: pointer;
}
#qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
#qaContent ul.accordionPart li .qa_content {
	margin: 6px 0 0;
	background: url(../f_img/icon_q_a.gif) no-repeat 0px -24px;
	padding-left: 28px;
	padding-bottom: 10px;
	color: #666;
}
div.pag.floatr span a{color:#707070;padding:1px 6px;border-radius:3px;border:solid 1px #DCDCDC;}

div.pag.floatr span span.current{background:#A2A2A2;color:#FFF;padding:1px 6px;border-radius:3px;}

div.pag.floatr span a:hover{color:#FFF;background:#A2A2A2;}

div.pag.floatr span a.aspNetDisabled:hover{color:#000;background:#FFF;}

div.pag.floatr span a.aspNetDisabled.hidden{display:none;}

.imgExplanation{position:relative;bottom:36px;background:rgba(255,255,255,.4);display:block;padding:6px 0;}

.imgExplanation .text_case{margin-right:10px;color:#000;font-size:14px;}

.fixForm{width:910px;height:438px;overflow:hidden;margin-bottom:5px;}

.windows-width .area .recom .pic.ex:before{content:'案例';position:absolute;margin-top:162px;padding:2px 5px;background-color:rgba(255, 0, 0, 0.6);color:#FFF;}
.windows-width .area .recom .pic.ex2:before{content:'簡介';position:absolute;margin-top:162px;padding:2px 5px;background-color:rgba(255, 0, 0, 0.6);color:#FFF;}

.turnBtn{position:relative;
 display:inline-block;
 line-height:20px;
 border-radius:3px;
 padding:3px 16px;
 background: rgb(175, 209, 64);
 background: -moz-linear-gradient(top, #afd140 0%, #4FAF34 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(175, 209, 64)), color-stop(100%, rgb(79, 175, 52)));
 background: -webkit-linear-gradient(top, rgb(175, 209, 64) 0%, rgb(79, 175, 52) 100%);
 background: -o-linear-gradient(top, #afd140 0%, #4FAF34 100%);
 background: -ms-linear-gradient(top, #afd140 0%, #4FAF34 100%);
 background: linear-gradient(to bottom, rgb(175, 209, 64) 0%, rgb(79, 175, 52) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd140', endColorstr='#4FAF34', GradientType=0 );}
 
.turnBtn a{color:#FFF;}

.turnBtn a:hover{color:#F8F8F8;}

.load-pos{position:absolute;top:30%;left:30%;}
div.loading {	
	overflow:hidden;
    background-color: #FFF;	
	min-width:1200px;
	height:100%;
	width:100%;
	min-height:985px;}
.load-op-black{background-color: #FFF;	
	min-width:1200px;
	height:100%;
	min-height:985px;}
	
.loading_bg_color{background:Maroon;}

div.loading2 {	
	overflow:hidden;
    background-color: #FFF;	
	min-width:1200px;
	height:100%;
	width:100%;
	min-height:985px;}
.reInputWid input{width:inherit;margin:10px;}

.search{color:#666;padding-bottom:10px;border-bottom:1px dotted #DDDDDD;width:910px;text-align:left;padding-top:5px;}

.search .num{font-weight:bold;color:#000;}

.result{text-align:left;line-height:25px;margin-top:5px;}

.result .title,.result .title a{font-weight:bold;color:rgb(98, 177, 27);}

.result .title img{margin:3px;position:relative;top:2px;}

.result .content
{
    color:#333;
    width:700px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}

.searchKey{background:rgb(98, 177, 27);color:#FFF;display:inline-block;}

.poPost{position:fixed;bottom:-1px;text-align:right;margin-right:30px;background:url(../image/foot_bg.png) repeat-x;height:40px;width:100%;}

.poPost .btn01{
 border:1px solid rgb(125, 175, 27);
 padding:0 12px;
 margin:9px 8px 0 0;
 vertical-align:middle;
 display:inline-block;
 border-radius:3px;
 background-color:rgb(169,211,86);}

.poPost .btn01 a{
 font-size:12px;
 display:block;
 border:1px dolid #fff;
 color:#333;
 text-align:center;
 line-height:25px;} 
 
.poPost .btn01:hover{
 opacity:.8;}