@charset "big5";
/* CSS Document */


.form-control {
	margin-bottom: 10px;
}
.bg-cont01 {
	background: rgb(233,246,253); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(233,246,253,1) 0%, rgba(211,238,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9f6fd', endColorstr='#d3eefb', GradientType=0 ); /* IE6-9 */
}

.noul-cjk {
	list-style-type: cjk-ideographic;
}
.noul {
	list-style-type: none;
}

.panel {
margin: 0 2px 0 2px;
-webkit-box-shadow: 0 2px 10px rgba(60,141,188,0.37);
-moz-box-shadow: 0 2px 10px rgba(60,141,188,0.37);
box-shadow: 0 2px 10px rgba(60,141,188,0.37);
}

.intro {
	width: 100%;
	position: relative;
}
.intro-content {
	background: url(../../img/IT-banner.jpg) no-repeat top center;
	padding: 20px 0 30px;
}
.intro-content.intro-nobg {
	background: #fff;
	position: relative;
	margin: 0;
	padding: 140px 0 60px;
}
.slogan {
	margin-bottom: 20px;
}

.intro-content h1 {
	margin-bottom: 10px;
}
.page-header{ border-bottom-color:#3c8dbc;}
.property {
	display: block;
	border-top: 1px solid #ebebeb;
	padding: 10px 10px;
	font-size: 0;
*padding: 10px 0;
}
.property > * {
	font-size: 16px;
}
.property[disabled] {
	cursor: not-allowed;
	background-color: #eeeeee;
	opacity: 1;
}
.component-title, .property-title, .property-content, .property-tip {
	position: relative;
	vertical-align: middle;
}
.component-title {
	padding: 7px 10px;
	background-color: #ebebeb;
	color: white;
	letter-spacing: 0.2em;
}
.component-title + .property {
	border-top: 0;
}
.property-title {
	display: inline-block;
*display: inline;
*zoom: 1;
	color: #ebebeb;
	font-weight: bold;
}
.property-tip {
	display: inline-block;
*display: inline;
*zoom: 1;
	font-size: 13px;
}
* + html .property-content .form-control {
	padding: 0;
	width: 98%;
}
.form-cont {
	width: 30%;
}

@media (max-width: 991px) {
.property-title + .property-tip {
	margin-left: 5%;
}
* + html .property > * {
	margin-left: 1%;
}
}
.component-inline .property-content {
	display: inline-block;
*display: inline;
*zoom: 1;
	width: 100%;
	margin-left: 0%;
*width: 99%;
*margin-left: 1%;
}
.component-inline .property-tip {
	width: 40.66667%;
	margin-left: 59.33333%;
*width: 39.66667%;
*margin-left: 60.33333%;
}
.component-inline .property-tip + .property-content {
	width: 58.33333%;
	margin-left: -100%;
*width: 57.33333%;
*margin-left: -99%;
}
.component-inline .property-title {
	width: 16.66667%;
	margin-left: 0%;
*width: 15.66667%;
*margin-left: 1%;
}
.component-inline .property-title + .property-content {
	width: 83.33333%;
	margin-left: 0%;
*width: 82.33333%;
*margin-left: 1%;
}
.component-inline .property-title + .property-tip {
	width: 40.66667%;
	margin-left: 42.66667%;
*width: 39.66667%;
*margin-left: 43.66667%;
}
.component-inline .property-title + .property-tip + .property-content {
	width: 41.66667%;
	margin-left: -83.33333%;
*width: 40.66667%;
*margin-left: -82.33333%;
}

@media (min-width: 992px) {
.property-content {
	display: inline-block;
*display: inline;
*zoom: 1;
	width: 100%;
	margin-left: 0%;
*width: 99%;
*margin-left: 1%;
}
.property-tip {
	width: 40.66667%;
	margin-left: 59.33333%;
*width: 39.66667%;
*margin-left: 60.33333%;
}
.property-tip + .property-content {
	width: 58.33333%;
	margin-left: -100%;
*width: 57.33333%;
*margin-left: -99%;
}
.property-title {
	width: 16.66667%;
	margin-left: 0%;
*width: 15.66667%;
*margin-left: 1%;
}
.property-title + .property-content {
	width: 83.33333%;
	margin-left: 0%;
*width: 82.33333%;
*margin-left: 1%;
}
.property-title + .property-tip {
	width: 40.66667%;
	margin-left: 42.66667%;
*width: 39.66667%;
*margin-left: 43.66667%;
}
.property-title + .property-tip + .property-content {
	width: 41.66667%;
	margin-left: -83.33333%;
*width: 40.66667%;
*margin-left: -82.33333%;
}
}
.property-content > .component.attention {
	width: 100%;
	margin-left: 0%;
}
.component.attention .attention-toggle {
	float: right;
	line-height: inherit;
	cursor: pointer;
	width: 25px;
	color: inherit;
	text-decoration: none;
}
.component.attention > .property {
	padding: 0;
	border: 1px solid #ebebeb;
}
.component.attention > .property > .property-content {
	min-height: 40px;
	max-height: 130px;
	color: #666;
	overflow-y: auto;
	letter-spacing: .1em;
	font-size: 15px;
}
.sel_wrap {
	width: 26%;
}


@media (max-width: 540px) {
.sel_wrap {
	width: 25%;
}
.pqmtext { font-size:8px;
	}
}

@media (max-width: 1199px) {
#Context {
	display: none;
}
}


footer {
    background-color: #f2f2f2;
}
footer ul li{
	font-size:11px;
	line-height:22px;
}
footer ul li.lifont{
	font-size:13px;
	line-height:22px;
}
footer p.footfont {
	font-size:13px;
}

footer .widget {
	margin-bottom: 30px;
}

footer .widget h5 {
	font-size: 20px;
	margin-bottom: 10px;
	text-transform: uppercase;
	color:#333333;
	font-weight:900;
}

.style_featured{
    padding: 10px 0;
    text-align: center;
}
.style_featured > div > div{
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: 0.5s;
}
.style_featured > div:hover > div{
    margin-top: +19px;
    border: 1px solid rgb(153, 200, 250);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 9px 9px 9px;
    background: rgba(153, 200, 250, 0.1);
    transition: 0.99s;
}



@media (max-width: 991px) {
.style_featured{
    padding: 10px 0;
}
}

.allTitle {
    font-size: 30px;
    font-weight: bold;
    color: white;
    padding: 8px 10px;
    background: #6EA2D1;
}

.perTit 
{
    font-size: 15px;
    font-weight: bold;
    color: #005aaa;
    padding: 20px 0 10px 0;
}