@charset "utf-8";

.cleancss {
    clear:both;
}
#co {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 240px;
}

body {
	margin: 0px;
	font-family: "微軟正黑體", Arial;
	margin: 0;
	padding: 0;
	background-color: #000;
	
	
}
	
	
		

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
#modal {
	display: none;
	width: 220px;
}
#mwt_mwt_slider_scroll {
	background-image: url(../images/left_bg1p.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	width: 220px;
	position: absolute;
	z-index: 9000;
}
.logo {
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 44px;
	padding-left: 35px;
}
.logo_mask {
	margin-left: auto;
	width: 164px;
	margin-right: auto;
}
.left_box {
	margin-top: 30px;
	margin-left: 36px;
}
.left_box img {

}
.tb {
	font-size: 17px;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/tb_bg.png);
	background-repeat: no-repeat;
	width: 183px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.index_top {
	width: 1000px;
	text-align: right;
	
}





.index_pro_box {
	margin-top: 30px;
}



@font-face {
    font-family: tbe;
    src: url(../font/helveticaneueltstd-ultltexo.otf);
}
.tb_english {
	font-family: tbe;
	font-size: 50px;
	color: #FFF;
	text-align: left;
	margin-left: 153px;
	font-weight: normal;
	/*width: 872px;*/
}

.contact_menu   {
	margin-top: 40px;
}
.contact_menu   a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #505050;
	width: 180px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	display: block;
	text-align: center;
	float: left;
	margin-right: 10px;
}


.contact_menu    a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D93A2A;
}
.contact_menu   .active{
	background-color: #D93A2A;
}



.work_menu {
	margin-top: 40px;
}
.work_menu   a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #505050;
	width: 160px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	display: block;
	text-align: center;
	float: left;
	margin-right: 10px;
	margin-bottom: 8px;
}


.work_menu    a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D93A2A;
}
.work_menu .active{
	background-color: #D93A2A;
}
.work_photo {
	width: 940px;

}

.work_photo ul {
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.work_photo ul li {
	width: 220px;
	list-style-type: none;
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;

}
.work_photo ul li img {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 220px;
	height: 220px;
}
.work_detail {
	margin-top: 50px;
}
.work_icon {
	text-align: right;
	margin-bottom: 25px;
}
.work_icon img {
	margin-left: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.work_left {
	background-color: #101010;
	width: 300px;
	font-size: 15px;
	color: #FFF;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 25px;
}



.work_left a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
}


.work_left a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: underline;
}




.date {
	width: 200px;
	list-style-type: none;
	background-color: #2F2E2E;
	font-size: 13px;
	color: #979696;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
}

.title {
	background-color: #3C3B3B;
	display: block;
	width: 200px;
	font-size: 15px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.title_pro {
	background-color: #3C3B3B;
	display: block;
	width: 200px;
	font-size: 15px;
	color: #FFF;
	text-align: left;
	padding: 10px;
	height: 30px;
}

.about_main {
	font-size: 15px;
	line-height: 30px;
	color: #FFF;
	margin-top: 60px;
}

.about_main img {
	float: right;
	margin-left: 30px;
}

.slogan {
	text-align: right;
	margin-top: 30px;
	padding-bottom: 60px;
}
.slogan h1 {
	font-size: 25px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.slogan_tb {
	font-size: 37px;
}
.back {
	margin-top: 30px;
}

.back a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 104px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.back a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/back_over.png);
	background-repeat: no-repeat;
}
.pro_detail {
	padding: 10px;
	background-image: url(../images/detail_bg.png);
	margin-top: 30px;
	
	width: 1000px;

}
.pro_detail_box {
	margin-top: 30px;
	padding: 0px;

}


.prob {
	float: left;
	width: 400px;
}
.pro_detail_main {
	float: right;
	width: 580px;
	font-size: 15px;
	color: #FFF;
	line-height: 25px;
}
.pro_detail_main h1 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #848383;
	border-right-color: #848383;
	border-bottom-color: #848383;
	border-left-color: #848383;
	font-size: 21px;
	color: #FFF;
	padding-bottom: 8px;
}
.pro_detail_main h2 {
	font-size: 15px;
	color: #FFF;
	background-color: #D93A2A;
	width: 80px;
	text-align: center;
}
.pro_td1 {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.pro_detail2 {
	margin-top: 1px;
	padding: 10px;
	background-image: url(../images/detail_bg.png);
	line-height: 25px;
	width: 1000px;
}
.pro_detail3 {
	margin-top: 1px;
	padding: 10px;
	background-image: url(../images/detail_bg.png);
	line-height: 25px;
	width: 1000px;
}

.pro_detail2 h2 {
	font-size: 15px;
	color: #FFF;
	background-color: #D93A2A;
	width: 80px;
	text-align: center;
}

.pro_td1 img {
	margin-right: 10px;
}




.news {
	background-color: rgba(255,255,255,0.2);
	background-image: url(../images/line1.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	
}
.news  a {
	color: #000;
	text-decoration: none;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	display: block;
	padding-left: 30px;
}


.news a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: underline;
}




.news2 {
	background-image: url(../images/line1.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	
}
.news2  a {
	color: #000;
	text-decoration: none;
	color: #FFF;
	text-decoration: none;
	font-size: 15px;
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	display: block;
	padding-left: 30px;
}


.news2 a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: underline;
}
.news_main h1 {
	font-size: 19px;
	background-image: url(../images/line1.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
}
.news_date {
	background-image: url(../images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 0px 15px;
	padding-left: 30px;
	display: block;
	margin-bottom: 8px;
}
.news_main img {
	margin-top: 20px;
	margin-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contact_info {
	margin-top: 10px;
	background-image: url(../images/detail_bg.png);
}
.contact_info h1 {
	background-color: #1b2c54;
	width: 330px;
	font-size: 50px;
	color: #FFF;
	font-family: tbe;
	font-weight: normal;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
}
.contact_info_txt {
	float: right;
	width: 640px;
	color: #cccccc;
	margin-top: 30px;
	margin-right: 30px;
	line-height: 25px;
}
.info_line {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #4C4C4C;
	border-right-color: #4C4C4C;
	border-bottom-color: #4C4C4C;
	border-left-color: #4C4C4C;
}
.consulting {
	background-color: #FFF;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 70px;
}
.consulting_txt1 {
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	color: #C6C6C6;
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	width: 415px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.consulting_txt5 {
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	color: #C6C6C6;
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	width: 426px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
	height: 134px;
}


.consulting_txt2 {
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	color: #C6C6C6;
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	width: 323px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.consulting_txt3 {
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	color: #C6C6C6;
	background-color: #F5F5F5;
	border: 1px solid #E1E1E1;
	width: 78px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
}

.consulting_txt4 {
	font-family: "微軟正黑體", Arial;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #192D54;
	width: 438px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}




/*140509 add*/

@media all and (min-width: 1024px) {

	
	
.main {
	margin-top: 70px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 240px;
	margin-bottom: 66px;
}
.main_a {
	margin-top: 70px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 240px;
}

.news_main {
	font-size: 15px;
	line-height: 30px;
	color: #FFF;
	margin-top: 60px;
	margin-bottom: 30px;
	width: 1000px;
}.news_main1 {
	font-size: 15px;
	line-height: 30px;
	width: 1000px;
	color: #FFF;
	margin-top: 20px;
	margin-bottom: 30px;
}

.pro_back {
	z-index: 10;	width: 1000px;

}

.pro_back  a {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	background-image: url(../images/back.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 104px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


.pro_back a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/back_over.png);
	background-repeat: no-repeat;
}
.work_right2 {
	width: 680px;
	float: right;
}
.work_right2 img {
	float: right;
	border: 1px solid #A09FA6;
	margin-left: 2px;
	margin-bottom: 2px;
	width: 668px;
}


.work_right {
	width: 680px;
	float: right;
}
.work_right img {
	float: right;
	border: 1px solid #A09FA6;
	margin-left: 2px;
	margin-bottom: 2px;
	width: 220px;
}




.page {
	width: 1000px;
	text-align: center;
	margin-bottom: 30px;
	padding-right: 10px;
}


.page  a {
	color: #000;
	text-decoration: none;
	color: #EEEEEE;
	text-decoration: none;
	margin-right: 10px;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border: 1px solid #eeeeee;
}


.page a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3C3B3B;
	border: 1px solid #3C3B3B;
}

.page span a.act{
	color: #D93A2A;
	text-decoration: none;
	color: #eeeeee;
	text-decoration: none;
	margin-right: 10px;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	background-color: #D93A2A;
	border: 1px solid #eeeeee;
}



.page_n {
	width: 1000px;
	text-align: center;
	margin-bottom: 30px;
	padding-right: 10px;
}


.page_n a {
	color: #000;
	text-decoration: none;
	color: #eeeeee;
	text-decoration: none;
	margin-right: 10px;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border: 1px solid #eeeeee;
}


.page_n a:hover {
	color: #000;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3C3B3B;
	border: 1px solid #3C3B3B;
}

.page_n span a.act{
	color: #D93A2A;
	text-decoration: none;
	color: #eeeeee;
	text-decoration: none;
	margin-right: 10px;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	background-color: #D93A2A;
	border: 1px solid #eeeeee;
}






.index_pro {	
	margin-right: auto;
	margin-left: auto;
}

}