@charset "utf-8";
/* CSS Document */
body,ul,a,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,input,p,form{margin:0px;padding:0px;}
body{color:#212121;font-size:15px; font-family:"微軟正黑體";background:#f0f0f0;}
img{vertical-align:top; border:0px;}
ul{list-style:none;}
a{ text-decoration:none; color:#4a4a4a;}
a:hover{ color:#c4261d;}
#WebBg{ background:#FFF url(../images/bg.jpg) repeat-x; padding:0 0 26px 0;  margin:auto; width:1000px;}
/*Header*/
.Header{ overflow:hidden; height:94px; width:930px; margin:auto;}
.Logo{ float:left; padding:19px 0 0 0; width:320px;}
.HeaderRight{ float:left; width:610px;}
.HeaderTxt{ font-size:13px; font-family:"微軟正黑體"; color:#232323; width:610px; padding:15px 0 0 0; height:37px;}
.HeaderTxt ul{ float:right; line-height:30px;}
.HeaderTxt li{ float:left;}
.HeaderTxt span{ font-size:30px; font-family:"Arial"; color:#c82222; font-weight:bold; padding:0 5px ; }
.Search{ width:610px; overflow:hidden; line-height:27px;}
.Search ul{ float:right;}
.Search ul li{ float:left; padding:0 0 0 5px; color:#1a1b1b;}
.Search select{ width:105px; border:1px solid #d6d6d6; height:25px; line-height:25px; color:#1a1b1b; float:left;}
.SEIn{ background:url(../images/img1.jpg) left top no-repeat; border:1px solid #d4d4d4;color:#1a1b1b; border-right:none; height:25px; line-height:25px; padding:0 0 0 9px;}
.Search input{ float:left;}
.SEAn{ background:url(../images/img2.jpg) no-repeat; width:26px; height:27px; border:none; overflow:hidden; cursor:pointer; text-indent:-200px;}
/*Menu*/
.menu{ height:32px; overflow:hidden; width:914px; margin:auto; padding:6px 8px 14px 8px; background:url(../images/menu.png) no-repeat;}
.menu li{ float:left;}
.menu a{ height:26px; display:block; background:url(../images/menu.jpg) no-repeat;}
.m_home a{ background-position:0 0; width:78px;}
.m_home a:hover{ background-position:0 -26px;}
.m_home a.hover{background-position:0 -26px;}
.m_about a{ background-position:-78px 0px; width:82px;}
.m_about a:hover{ background-position:-78px -26px;}
.m_about a.hover{ background-position:-78px -26px;}
.m_services a{ background-position:-160px 0px; width:83px;}
.m_services a:hover{ background-position:-160px -26px;}
.m_services a.hover{ background-position:-160px -26px;}
.m_apply a{background-position:-243px 0px; width:83px;}
.m_apply a:hover{ background-position:-243px -26px;}
.m_apply a.hover{ background-position:-243px -26px;}
.m_pay a{background-position:-326px 0px; width:83px;}
.m_pay a:hover{ background-position:-326px -26px;}
.m_pay a.hover{ background-position:-326px -26px;}
.m_detection a{background-position:-409px 0px; width:83px;}
.m_detection a:hover{ background-position:-409px -26px;}
.m_detection a.hover{ background-position:-409px -26px;}
.m_error a{background-position:-492px 0px; width:83px;}
.m_error a:hover{ background-position:-492px -26px;}
.m_error a.hover{ background-position:-492px -26px;}
.m_news a{background-position:-575px 0px; width:83px;}
.m_news a:hover{ background-position:-575px -26px;}
.m_news a.hover{ background-position:-575px -26px;}
.m_download a{background-position:-658px 0px; width:83px;}
.m_download a:hover{ background-position:-658px -26px;}
.m_download a.hover{ background-position:-658px -26px;}
.m_FAQ a{background-position:-741px 0px; width:83px;}
.m_FAQ a:hover{ background-position:-741px -26px;}
.m_FAQ a.hover{ background-position:-741px -26px;}
.m_contact a{background-position:-824px 0px; width:89px;}
.m_contact a:hover{ background-position:-824px -26px;}
.m_contact a.hover{ background-position:-824px -26px;}
/*Link*/
.Link{ overflow:hidden; padding:0 0 10px 3px; width:947px; margin:auto;}
.Link li{ float:left; margin:0 6px 0 7px; display:inline;}
.Link li img{ border:1px solid #c1c1c1; padding:1px;}
/*Footer*/
.Footer{ background:#9b9b9b url(../images/FootBg.jpg) left bottom no-repeat; height:52px; width:882px; margin:auto; line-height:20px; padding:10px 24px 0 24px; color:#e8e8e8; font-size:11px; font-family:"新細明體";}
.Footer span{ font-family:"Arial";}
.FootRight{ float:right; font-family:"Arial";}
.FootRight a{ color:#e8e8e8;font-size:11px; font-family:"微軟正黑體";}
.FootRight a:hover{ color:#FFF;}
.FootRight span{font-size:11px; font-family:"微軟正黑體";}
/*index*/
.IndexBanner{ background:url(../images/Bannerbg.jpg) no-repeat; height:316px; width:930px; margin:auto; padding:9px 0; margin-bottom:18px;}

.BannerImg {width: 930px;height: 316px;}
.Headline {	display: block;position: absolute;left: 0;bottom:12px;height: 50px;}
#Ifocus {overflow: hidden;position: relative;width: 930px;height: 316px; padding:0 0 0 9px;/*display: none;*/}
#Ifocus_pic {display: inline;overflow: hidden;}
#Ifocus_piclist {position: absolute;left:0;top: 0;width: 911px;height: 316px;}
#Ifocus_piclist ul{ margin:0 0 0 9px;}
#Ifocus_piclist ul, #Ifocus_piclist li {display: block;width: 911px;height: 316px;}
#Ifocus_piclist li {position: relative;	overflow: hidden;float: left;}
#Ifocus_piclist img {display: block;float: left;position: absolute; width: 911px;height: 316px;border: 0;}
#Ifocus_btn {display:block;position:absolute;overflow:hidden;width:930px;height:50px;}
#Ifocus_btn li {float: left;overflow: hidden;width: 30px;height: 50px;background: #c82222;cursor: pointer;filter:alpha(opacity=90); 
		-moz-opacity: 0.9; -khtml-opacity: 0.9;	opacity: 0.9;		}
#Ifocus_btn li span{ background:#c82222;float: left;color: #FFF; width:30px; text-align:center; font: 20px/50px "Arial"; display:block;}
#Ifocus_btn .Enable {width:778px;background: #000; line-height:50px;}
#Ifocus_btn .Enable span { background:#c82222;float: left;color: #FFF; width:30px; text-align:center; font: 20px/50px "Arial";}
#Ifocus_btn .Enable h3 { font-family:"微軟正黑體"; font-size:16px; color:#FFF; float:left; padding:0 8px;}
#Ifocus_btn .Enable p { color:#e3e3e3; font-size:12px; font-family:"微軟正黑體"; }


.IndexBody{ overflow:hidden; width:930px; margin:auto; padding:0 0 19px 0;}
.IndexNews{ float:left; width:343px; padding:0 13px 0 0;}
.NewTitle{ background:url(../images/img13.jpg) repeat-x; height:33px; border-top:1px solid #e6e6e6; border-bottom:2px solid #FFF;}
.NewTitle span{ padding:10px 7px 0 0; float:right;}
.IndexList span{ font-size:11px; color:#018c9d; padding:0 3px 0 0 ;} 
.IndexList li{ height:35px; line-height:35px; border-bottom:1px dotted #b7b6b6; background:url(../images/NewsIco.jpg) 0 16px no-repeat; padding:0 0 0 13px;}
.IndexList li a{ font-size:13px; color:#1a1b1b;}
.IndexList li a:hover{ color:#d00000;}
.IndexError{ float:left;  width:458px;height:160px;/*border-right:1px solid #e6e6e6;*/ margin-right:13px;}
.IndexFAQ{ float:left;height:160px;width:458px;}
.Indexmovie{float:left; height:230px; width:355px; margin-right:13px; }
.RightLink{ float:left; width:204px;}
.RightLink li{ padding-bottom:6px;}
.IndexTitle{ border-bottom:2px solid #FFF; background:#e6e6e6; height:25px;}
.IndexTitle span{ float:right; padding:8px 6px 0 0;}
.indexImg li{ margin-top:10px;}
.indexImg p{ line-height:20px; padding:7px 0 0 8px;}
.indexImg a{ font-size:13px; color:#1a1b1b;}
.indexImg a:hover{ color:#4a4a4a;}
.home-case-img{float:left; padding-right:10px;}
.home-case-font{ float:left; width:270px; line-height:21px;}
/*內頁*/
.WebBody{ width:930px; overflow:hidden; padding:0 0 45px 0; margin:auto;}
.LeftBody{ float:left; width:699px; padding:0 27px 0 0;}
.WebBanner{ padding:9px 10px 9px 9px; background:url(../images/BannerBg2.jpg) no-repeat;}
.Location{ background:url(../images/ico1.jpg) 1px 19px no-repeat; color:#bababa; line-height:24px; font-family:"微軟正黑體"; font-size:11px; padding:10px 0 15px 8px;}
.Location a{ color:#7b7b7b; text-decoration:underline; padding:0 5px;} 
.Location a:hover{ color:#c82222;}
.Location span{ color:#c82222; padding:0 0 0 5px;}
.Title{ background:url(../images/TitleBg.jpg) bottom repeat-x; line-height:20px; padding:0 0 10px 0;}
.Title h3{ background:url(../images/TitleIco.jpg) 0 0 no-repeat; padding:0 150px 0 12px; font-size:15px; color:#212121; font-family:"微軟正黑體"; font-weight:normal;line-height:20px;}
.Title h3 span{ font-size:11px; color:#8a8a8a; font-family:"Arial"; padding-left:7px;}
.Title a{ float:right; font-size:11px; font-family:"微軟正黑體"; color:#b45c5c;}
.Title a:hover{ color:#c82222;}
.LeftInfo{ padding:0 0 0 8px; width:680px;}
.RightBody{ float:left; width:204px;}
.RightMenu{ height:auto; background:url(../images/MenuBottom.jpg) left bottom no-repeat; margin-bottom:15px; padding:0 0 8px 0;}
.RightMenu h3{ background:url(../images/TitleBg3.jpg) no-repeat; height:36px; padding:7px 0 0 21px;}
.RightMenu ul{ background:url(../images/MenuCenter.jpg) repeat-y; padding:0 7px; font-family:"微軟正黑體"; font-size:13px;}
.RightMenu a{ background:url(../images/menua.jpg) no-repeat; display:block; height:32px; line-height:32px; color:#3c3c3c; padding:0 0 0 20px;}
.RightMenu a:hover{ background:url(../images/MenuHover.jpg) no-repeat; color:#FFF;}
.RightMenu a.hover{ background:url(../images/MenuHover.jpg)  no-repeat #8c8c8c; color:#FFF;}
/*關於我們*/
.About{ line-height:30px;}
.about-2{ width:680px; overflow:hidden; line-height:30px; background:url(../images/img14.jpg) 0 0 no-repeat;}
.about-2 dl{ float:left; padding:0 0 0 11px;}
.about-2 dt{ color:#000; font-family:"微軟正黑體"; font-size:15px; padding:0 0 4px 0;}
.about-2 dd li{ background:url(../images/ico2.jpg) 0 12px no-repeat; padding:0 0 0 14px;}
.about-4{ padding:21px 0 30px 0;}
.AboutContact{ height:auto;}
.AboutContact h3{ font-size:15px; font-weight:normal;color:#000; font-family:"微軟正黑體";}
.AboutContact h4{ color:#4a4a4a;background:url(../images/ico2.jpg) 0 11px no-repeat; line-height:24px; font-size:13px; padding:2px 0 15px 14px; font-weight:normal;}
.Abouth{ background:url(../images/AboutBg.jpg) bottom left no-repeat; width:646px; overflow:hidden; margin-bottom:7px; padding:4px 0 9px 12px; line-height:24px;}
.Abouth dt{ float:left; width:460px; background:url(../images/ico3.jpg) 0 7px no-repeat; padding:0 0 0 17px;}
.Abouth dd{ float:right; padding:0 0 0 14px; width:140px;border-left:1px dotted #a3a3a3;}
.Aboutl{ background:url(../images/AboutBgs.jpg) bottom left no-repeat; width:646px; overflow:hidden; margin-bottom:7px; padding:4px 0 9px 12px; line-height:24px;}
.Aboutl dt{ float:left; width:460px; background:url(../images/ico3s.jpg) 0 7px no-repeat; padding:0 0 0 17px;}
.Aboutl dd{ float:right; padding:0 0 0 14px; width:140px;border-left:1px dotted #a3a3a3;}
/*服務項目*/
.services{ overflow:hidden; width:680px; padding:9px 0 0 0 ;}
.servicesList{ margin:0 0 23px 0;width:327px; background:url(../images/SBottom.jpg) bottom left no-repeat; padding-bottom:9px;}
.servicesTitle{ background:url(../images/STtitleBg.jpg) no-repeat; height:29px; line-height:29px; padding:5px 0 0 44px; color:#a72929; font-size:15px; font-family:"微軟正黑體";}
.servicesBody{ background:url(../images/SCenter.jpg) repeat-y; line-height:22px; font-family:"微軟正黑體"; font-size:13px; overflow:hidden; width:307px; padding:14px 0 0 20px;}
.servicesBody li{ width:307px; overflow:hidden;}
.servicesBody span{ width:16px; float:left;}
.servicesBody em{font-style:normal; float:left; width:275px;}
/*客戶諮詢*/
.ContactInfo{ border-bottom:1px dashed #dfdfdf; line-height:24px; padding:3px 0 13px 0;}
.ContactInfo a{ color:#d10f0f; text-decoration:underline;}
.ContactForm{ height:auto;}
.ContactForm td{ padding:11px 0 0 0; }
.ContactForm a{ color:#e13e04; font-size:12px; text-decoration:underline; padding:20px 0 0 10px;}
.CoIn{ width:182px; height:23px; line-height:23px; color:#4a4a4a; border:1px solid #b5b5b5;}
.CoAn{ background:url(../images/img35.jpg) no-repeat; width:97px; height:28px; border:none; font-size:13px; color:#454545;}
.ContactForm textarea{ width:571px; height:128px;width:182px; line-height:22px; color:#4a4a4a; border:1px solid #b5b5b5;}
.ContactForm select{ color:#4a4a4a; font-size:13px;border:1px solid #b5b5b5; height:23px; line-height:23px;}
/*費用分析*/
.Pay{ color:#000; line-height:20px;}
.payTitle{ background:#e9e9e9 url(../images/PayIco.jpg) left top no-repeat; height:24px; line-height:24px; color:#4a4a4a; font-weight:bold; padding:0 0 0 25px;}
.Pay td td{ padding-top:5px; padding-bottom:5px;}
.TxtTitle{ background:#b62525; color:#FFF;}
/*新聞中心*/
.NewsList{ height:auto; width:680px; overflow:hidden; line-height:24px; padding-top:10px;}
.NewsList li{ min-height: 70px;border-bottom:1px dashed #dfdfdf; padding:3px 0 11px 0; margin:0 0 13px 0;}
.NewsList li span{ font-size:12px; padding:0 8px 0 0; font-family:"Arial"; color:#d18501; float:left;}
.NewsList li span img{border-radius:5px;}
.NewsList li a{ font-weight:bold; color:#4a4a4a;}
.NewsList li a:hover{ color:#c82222;}
/*詳細頁*/
.InfoBody{ height:auto; line-height:24px; padding:5px 0 0 0;}
.InfoTitle{ font-size:11px; color:#8a8a8a; font-family:"微軟正黑體"; padding:0 0 6px 0;}
/*分頁*/
.Page{ font-size:14px; height:auto; padding:19px 0 0 0; text-align:center; font-family:"Arial";}
.Page a{ color:#afafaf; padding:0 9px;}
.Page a:hover{ color:#000;}
.Page a.hover{ color:#000;}
.Page a img{ padding:0 20px;}
/*檔案下載*/
.WebList{ width:680px; overflow:hidden;}
.WebList li{ overflow:hidden; width:680px; border-bottom:1px dashed #dfdfdf; padding:5px 0 11px 0; margin-bottom:13px;}
.WebList li span{ float:left; width:81px; font-size:12px; color:#d18501; font-family:"Arial"; padding:3px 0 0 0; }
.WebList li em{ font-style:normal; color:#ffffff; font-family:"微軟正黑體"; font-size:11px; width:76px; height:18px; line-height:18px; text-align:center; float:left; background:#da1e1e; margin:2px 0 0 0; }
.WebList li a{ width:510px; font-weight:bold; font-size:13px; line-height:24px; padding:0 0 0 8px; display:block; float:left;}
/*違規案例*/
.Error{ width:680px; overflow:hidden; padding:15px 0 0 0;}
.Error dl{ border-bottom:1px dashed #dfdfdf; padding:0 0 11px 0; margin-bottom:20px;}
.Error dt{ color:#8b8b8b; font-size:11px; font-family:"Arial"; color:#8b8b8b; padding:0 0 5px 0;}
.Errorpic{ float:left; padding-right:10px;}
.Errorpic img{border-radius:5px;}
.Error dt a{ font-size:13px; font-weight:bold; color:#4a4a4a; padding-right:8px;}
.Error dt a:hover{ color:#c4261d;}
.Error dd{ line-height:24px;}
.Error dd span{ display:block; font-size:11px; color:#8a8a8a; padding-bottom:6px; font-family:"微軟正黑體";}
/*線上檢測*/
.Detection{ height:auto;}
.DetectionTitle{ font-size:13px; border-bottom:1px dashed #dfdfdf; height:46px; line-height:46px; padding-left:12px;}
.DetectionTitle span{ color:#c82222; font-weight:bold; font-family:"微軟正黑體"; padding:0 5px;}
.DetectionForm{ border-bottom:1px dashed #dfdfdf; line-height:18px; padding:10px 0 15px 0;}
.DetectionForm td.DTitle{ height:24px; line-height:24px;background:#e9e9e9;font-weight:bold; color:#4a4a4a; padding:0 0 0 12px;}
.DetectionForm td{ padding:6px 6px 6px 0;}
.DetectionMessage{ background:#e9e9e9; padding:4px 0 16px 19px; margin-top:3px;}
.DetectionMessage h3{ color:#000; font-weight:bold; font-size:13px; }
.DetectionMessage td{ padding:12px 0 0 0;}
.DIn{ width:172px; height:23px; line-height:23px; border:1px solid #b6b6b6; color:#4a4a4a; background:#FFF;}
.DetectionMessage textarea{ width:561px;ine-height:23px; border:1px solid #b6b6b6; color:#4a4a4a; background:#FFF;}
.DAn{ background:url(../images/DAn.jpg) no-repeat; cursor:pointer; width:134px; height:27px; border:none; font-size:13px; color:#3c3c3c; font-weight:bold;}
.ico{color:#c82222; font-family:"微軟正黑體"; padding:0 5px;}
/*申請資格*/
.Appl{ line-height:24px;}
.appltable td{ padding:5px 10px; line-height:18px;}

.movie-table td{ padding-bottom:15px;}
.movie-list-title{ line-height:20px; padding:5px 0; text-align:center; display:block;}
.movie-show-font{ text-align:left; padding:20px 0; display:block;}
.movie-title{ font-size:17px; text-align:left; padding:10px 0;}

hr{
	margin-top: 0;
    margin-bottom: 0;
    border-width: 1px;
    margin-block-start: 0em;
    margin-block-end: 0em;
}
/*process*/
.process-box{
	position: relative;
	overflow: hidden;
	margin: 0 -15px;
}
.process-box ul{
	padding: 0;
	margin: 0;
	width: 35%;
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px 30px;
    margin: 0 15px;
}
.process-box ul span{
	background: #eaeaea;
    color: #c00;
    font-weight: bold;
    padding: 10px 10px;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 5px;
    border:1px solid #ddd;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.process-box ul li{
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	font-weight: bold;
	position: relative;
	margin-bottom: 32px;
	text-align: center;
	padding: 10px;
	list-style: none;
	color: #c00;
	background: -webkit-linear-gradient(90deg,#ffeb01,#ef9000);
	background: -o-linear-gradient(90deg,#ffeb01,#ef9000);
	background: -moz-linear-gradient(90deg,#ffeb01,#ef9000);
	background: linear-gradient(90deg,#ffeb01,#ef9000);
	border:2px solid #ef9000;
	border-radius:5px;
}
.process-box ul li:after{
	content: '';
	background: url(../images/arrow-bottom.jpg) no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
    bottom: -30px;
    width: 22px;
    height: 24px;
}
.process-box ul li:last-of-type{
	margin-bottom: 0;
}
.process-box ul li:last-of-type:after{
	background: url('');
}
.process-box ul li small{
	color: #000;
}
.process-box .renewal-box{
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
	padding: 10px;
	position: absolute;
	bottom: 260px;
	right: 0px;
	text-align: center;
	color: #c00;
	font-weight: bold;
	background: -webkit-linear-gradient(90deg,#ffeb01,#ef9000);
	background: -o-linear-gradient(90deg,#ffeb01,#ef9000);
	background: -moz-linear-gradient(90deg,#ffeb01,#ef9000);
	background: linear-gradient(90deg,#ffeb01,#ef9000);
	border:2px solid #ef9000;
	border-radius:5px;
}

.post-entry-process-box{

}

.post-entry-process-box li:nth-of-type(3):before{
	content: "";
    position: absolute;
    right: -23px;
    bottom: -70px;
    width: 22px;
    height: 24px;
    background: url(../images/arrow-bottom.jpg) no-repeat;
    margin: auto;
    transform:rotate(90deg);
    z-index: 1;

}
.post-entry-process-box li:nth-of-type(4):before{
	position: absolute; 
    content: '';
   	bottom: 19px;
    right: -59px;
    height: 3px;
    width: 59px;
    z-index: 0;
    background: #ef9000 !important;
}
.post-entry-process-box li:nth-of-type(8):before{
	position: absolute; 
    content: '';
   	bottom: 32px;
    right: -56px;
    height: 3px;
    width: 55px;
    z-index: 0;
    background: #ef9000 !important;
}
.process-box .renewal-box:before{
    position: absolute; 
    content: '';
    top:-108px;
    left: 16px;
    height: 108px;
    width: 100%;
    z-index: 0;
    width: 3px;
    background: #ef9000 !important;
}
.process-box .renewal-box:after{
	position: absolute;
    content: '';
    bottom: -109px;
    left: 16px;
    height: 109px;
    width: 100%;
    -moz-transform: skew(-45deg);
    z-index: 0;
    width: 3px;
    background: #ef9000 !important;
}
.process-9-box .renewal-box{
	bottom: 300px;
}
.process-9-box .renewal-box:before{
	height: 117px;
    height: 100%;
	top: -117px;
}
.process-9-box .renewal-box:after{
	height: 120px;
    /*height: 100%;*/
	bottom: -122px;
}