@charset "utf-8";
/* CSS Document */
body{
	
    font-family: "arial", "helvetica", "微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", "serif";
	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
	}

.landingTop{
	display:block;
	width:100%;
	height:640px;
	margin:0 auto;
	background-color:#fff;
	background-image:url(../../img/dps/tree2.jpg);
	background-position:bottom center;
	background-repeat:repeat-x;
	}
.ltbox1{
	display:block;
	margin:0 auto;
	width:940px;
	height:631px;
	background-image:url(../../img/dps/tree1.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	}
.ltboxtop3{
	display:block;
	width:52%;/*52*/
	padding-top:30px;
	float:left;	
	}
.ltboxtop3 ul li{
	display:block;
	width:150px;
	height:190px;
	float:left;
	margin-left:10px;	
	
	}
li.box1a{
	background-image:url(../../img/dps/dpsinfo-01.png);
	background-repeat:no-repeat;
	b	
	}
li.box2a{
	background-image:url(../../img/dps/dpsinfo-02.png);
	background-repeat:no-repeat;	
	}
li.box3a{
	background-image:url(../../img/dps/dpsinfo-03.png);
	background-repeat:no-repeat;	
	}
li.box1a, li.box2a, li.box3a{
	background-size:100%;
	
	}
	
.ltboxtop3 ul li h1{
    font-size: 24px;
    line-height: 30px;
    padding-top: 10px;
    text-align: right;
	padding-right:4px;
	}
.ltboxtop3 ul li p{
    font-size: 24px;
    line-height: 22px;
    font-weight: bold;
    text-align: right;
	padding-right:4px;
	color:#FFF;
	}
	
	
.ltboxtop3_en ul li h1{
    font-size: 24px;
    line-height: 30px;
    padding-top: 10px;
    text-align: right;
	padding-right:4px;
	}
.ltboxtop3_en ul li p{
    font-size: 24px;
    line-height: 22px;
    font-weight: bold;
    text-align: right;
	padding-right:4px;
	color:#FFF;
	}
	
	
	
.fontbl{
	color:#000;	
	}
	
.ltboxlogin{
	display:block;
	padding-top:30px;
	float:right;
	width:48%;
	}

.boxllogin{
background-image: url(../../img/dps/ttlogoO.jpg);
    background-repeat: no-repeat;
    background-position: 20px;
    height: 75px;
    padding-left: 115px;
    padding-top: 5px;
    line-height: 22px;

	}	
.boxllogin h1{
    font-size: 26px;
    line-height: 26px;
    font-weight: bold;
	color:#f79528;
	font-weight:800;
	letter-spacing:-1px;
	text-transform:uppercase;
	

	}
.boxllogin p{
    font-size: 15px;
    line-height: 22px;
	
	color:#f79528;
	letter-spacing:-1px;
	}
.box1language{
	text-align:right;
	
	
	
	}

.box1language h1{
    text-align: right;
    font-size: 16px;
	line-height:22px;
    font-weight: 600;

	}
#webSiteLang{
	text-align:right;
	float:right;
    font-size: 16px;
	margin-left:10px;

	

	
	}
.imgCharts{
	background-image:url(../../img/dps/Chart.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center center;
    height: 122px;
    width: 234px;
    margin-left: 172px;
	}
.indexAreaEnterBtn,
.indexAreademoBtn {
	text-align: right;
    height: 70px;
    line-height: 70px;

	}
	
.indexAreaEnterBtn a{
	clear:both;
	font-weight: 400;
    font-size: 32px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;
    background-color: #f89528;
    color: #fff;
    text-decoration: none;
    margin-top: 8px;
	
	transition: all 0.3s ease 0s;
	}
.indexAreaEnterBtn a:hover,
.indexAreademoBtn  a:hover{
	background-color:#F00;
	
	
	}

.indexAreademoBtn a{
clear:both;
font-weight: 400;
font-size: 32px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 10px;
color: #fff;
/*
background: rgb(31,130,197);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(31,130,197,1) 0%, rgba(47,94,171,1) 50%, rgba(37,58,123,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,130,197,1)), color-stop(50%,rgba(47,94,171,1)), color-stop(100%,rgba(37,58,123,1)));
background: -webkit-linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%);
background: -o-linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%);
background: -ms-linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%);
background: linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%);
background: -ms-linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); / IE10+ /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); / IE6-9 /
*/
background: rgb(31,130,197); / Old browsers /
background: -moz-linear-gradient(top, rgba(31,130,197,1) 0%, rgba(47,94,171,1) 50%, rgba(37,58,123,1) 100%); / FF3.6+ /
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,130,197,1)), color-stop(50%,rgba(47,94,171,1)), color-stop(100%,rgba(37,58,123,1)));/ Chrome,Safari4+ /
background: -webkit-linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); / Chrome10+,Safari5.1+ /
background: -o-linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); / Opera 11.10+ /
background: -ms-linear-gradient(top, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); / IE10+ /
background: linear-gradient(to bottom, rgba(31,130,197,1) 0%,rgba(47,94,171,1) 50%,rgba(37,58,123,1) 100%); / W3C /
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F82C5', endColorstr='#253A7B',GradientType=0 ); / IE6-9 /




color: #fff;
text-decoration: none;
margin-top: 8px;

transition: all 0.3s ease 0s;
}

.cc{
	clear:both;
}

.landingMidd{
 display:block;
 width:940px;
 height:970px;
 margin:0 auto;
    /*padding-top: 50px;
 background-image:url(../img/dps/bg2.jpg);
 background-repeat:no-repeat;
 background-position:bottom center;*/
 }
.landingMidd img{
 display:block;
 width:940px;
 height:576px;
 margin:0 auto;
 }
	
.landingMidd h1{
	font-size:36px;
	text-align:center;
	font-weight:700;
	line-height:120px;
	color:#81bc00;
	letter-spacing: 3px;

	}
.landingMidd h2{
	font-size:36px;
	text-align:center;
	font-weight:700;
	line-height:120px;
	color:#81bc00;
	letter-spacing: 3px;
	}
.landingMidd p{
	font-size: 24px;
    line-height: 30px;
	color:#141414;
	font-weight:0;

	}