body{ overflow-x: hidden; background: url(../images/bg.jpg) repeat-x left top;}
@media only screen and (max-width: 1180px) {	
body{ overflow-x: auto;}
}
.i-title{ margin:37px 0 26px 0; width:100%; text-align:center; }
.index-main{ margin-left:10px; clear:both; margin-top:55px;}

.box{ float:left; width:290px; height:288px;}

.login-box{
	padding: 23px 0 0 19px;
	background-image: url(../images/login-box.jpg);
	background-position: left top;
}

.login-box img{ vertical-align:middle;}

.login-box section{ margin-bottom:18px;}
.login-box section img{ margin-top:-6px;}
.w-box{
	height: 33px;
	border: none;
	border-left: 1px solid #bfbfbf;
	background-color: transparent;
	width: 214px;
	color: #fff;
	font-size: 18px;
	height:21px;
	font-family: "微軟正黑體", "新細明體-ExtB";
	margin-top: 6px;
	padding-left:6px;
	
}


.w-box::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff; font-size:18px;
	font-family: Arial, Helvetica, sans-serif,"微軟正黑體";
}
.w-box::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff; font-size:18px;
	font-family: Arial, Helvetica, sans-serif,"微軟正黑體";
}
.w-box::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff; font-size:18px;
	font-family: Arial, Helvetica, sans-serif,"微軟正黑體";
}
.w-box::-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff; font-size:18px;
	font-family: Arial, Helvetica, sans-serif,"微軟正黑體";
} 
.w-box:focus{
	
    border-color:#66afe9;outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
   
}
.w-box:focus::-webkit-input-placeholder { /* WebKit browsers */
color:#cac1b1;
}
.w-box:focus::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#cac1b1;
}
.w-box:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#cac1b1;
}
.w-box:focus::-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#cac1b1;
} 

.btn-login{ border:3px solid #fff; font-family: Arial, Helvetica, sans-serif; font-size:16px; height:38px; line-height:36px;
display:block; width:255px; text-align:center; color:#fff;
-moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.btn-login:hover{ background-color:rgba(0,0,0,1);border:3px solid #000; }

.photo-before img{ opacity:0.4; filter: alpha( opacity=40); }


/*--------登入後的格子動畫輪播區--------------------------*/

.service{float:left;}
.service .slick-prev, .service .slick-next{
	display:none !important;
}
.service .s_b {
    margin: 55px 0 0 10px;
    float: left;
    display: block;
    width: 100%;
   /* background-color: #3C3938;*/
}
.service .s_b .ss{
    float: left;
    display: block;
    width: 580px; background-color: #3C3938;
}



.service .slick-dots li button{
	display: none;
}
.serviceL, .serviceR, .service-N {
	display:inline-block;
	width:290px;
	height:288px;
	overflow:hidden;
	text-align:center;
	font-size:15px;
	vertical-align:top;
	outline:none;
	float:left;
}
.serviceR {

}
.serviceR img{
	outline:none;
	width:100%;
	height:288px;
	margin:0;
	padding:0;
	border:none !important;

}
.serviceL, .service-N {
	width: 290px;
}
.txt{
	width:100%;
	height:288px;
	display:table; 
	font-size:24px;
}


.txt .user-who{ font-weight:normal; font-size:18px;}
.serviceL .txt a{
	color:#FFF;
	/*display:table-cell;*/
	display:inline-block !important;
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif ,"微軟正黑體";
	line-height:1.5em;
	
}
.serviceL .txt a:hover{
text-shadow:0px 1px 4px #f2dcba;
}


.s1 .txt a, .s3 .txt a{padding-top:161px; }
.s2 .txt a{padding-top:122px; }
/*.s4 .txt a{ padding-right:7px;padding-left:7px;}*/

.btn-gofasterform a{ display:block; width:70%; padding-top:8px !important; margin-top:8px; border-top: 1px solid #fff;}


.s1, .s2, .s3, .s4 {
	/* older safari/Chrome browsers */  
    -webkit-opacity: 0;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0;  
    /* IE9 + etc...modern browsers */  
    opacity: 0;  
    /* IE 4-9 */  
    filter:alpha(opacity=0); 
}

.s1{
	background-image: url(../images/box08_after.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.s2{
	background-image: url(../images/box03_after.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.s3{
	background-image: url(../images/box08_after.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.s4{
	background-image: url(../images/box08_after.png);
	background-repeat: no-repeat;
	background-position: right top;
}


/*---跑馬燈--------*/
.scroll-text {
  clear:both;
  margin-top:10px;
 
  width: 255px;
  height: 66px;/*---顯示3行 一行如果22PX 就高\66PX-------*/
  overflow: hidden;
}
.scroll-text ul {
  width: 100%;
  height: 100px;
  overflow: hidden;
  margin: 0;
  padding:0;
}
.scroll-text ul li {
	height: 20px;
	line-height: 20px;
	margin: 0 0 2px 0;
	font-size: 16px;
	padding: 0 0 0 20px;
	text-align: left;
	color: #fff;
	background-image: url(../images/dot-index-news.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;	
   
}
.scroll-text ul li a{ color:#fff; 
	text-decoration:none; text-align:left; 	
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width:100%;
	display:block;
}
.scroll-text ul li a:hover{ color:#a40000; }
/*.scroll-text ul li a:visited{color:#ccc;}

.scroll-text ul li a:active{ color:#fff; }*/

.service-N{ padding:30px 15px 0 19px;}
.service-N h6{ font-size:24px; font-weight:normal;}

.i-news01, .i-news02{ text-align:left;}
.i-news02{ margin-top:15px;}
.i-news01 b, .i-news02 b{
	color:#000;
	font-weight:normal;
	font-size:24px;
	
	
}
.number{
	color:#fff; background-color:#000; padding:0 13px;
	font-size:20px; height:26px; line-height:20px; display:inline-block; margin-left:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-radius:75px;
	-o-border-radius:75px;
	-moz-border-radius:75px;
	-webkit-border-radius:75px;
	vertical-align:top;
}
.i-news-more{
	color:#d8c4a7; font-size:13px; float:right; padding:0px 7px;
	border-radius:10px;
	-o-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid transparent;
	height:19px; line-height:16px;
	margin-top:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
	-moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.i-news-more:hover{color:#ebdbc2; border:1px solid #d8c4a7;}