body, h1, h2, h3, h4, h5, h6, input, select, textarea, button {
	font-family:Arial;/*font-family:'Open Sans', Arial, 'Arial Unicode MS', sans-serif; */font-weight:300; 
}
body { font-size:16px; line-height:1.3em; }
a { text-decoration:none!important; }
body.cn, 
body.cn h1, 
body.cn h2, 
body.cn h3, 
body.cn h4, 
body.cn h5, 
body.cn h6, 
body.cn input, 
body.cn select, 
body.cn textarea, 
body.cn button {
	font-family:'Open Sans', 'Microsoft JhengHei', 'MHei', '黑體', '微軟雅黑', Arial, 'Arial Unicode MS', sans-serif; font-weight:normal; 
}
body.cn h1, 
body.cn h2, 
body.cn h3, 
body.cn h4, 
body.cn h5, 
body.cn h6 {
	font-weight:bold;
}
body.cn .btn-default {
	text-shadow: none;
}
/*body.cn .comp_desktop .plain_bg2 .text6 {font-size: 19px!important;}*/
.social li{float:right;}
.social li img{width:70%;padding-top: 17px;}
body.cn .comp_desktop .plain_bg2 .text7 {font-size: 14px!important; padding-top: 5px; line-height: 16px;}
body.cn .comp_desktop div.fixed.pos1 .text3 p {font-size: 1.133em;}
.topbann { width:100%; margin:0px auto; min-height:120px; }
.fiximg { width:100%; }
.limith1px { height:1px; }
.fix45 { width:45%; }
.fix50 { width:50%; }
.black_overlay { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/bg.png); display:none; z-index:998; }
.mainContent { padding-top:30px; padding-bottom:80px; }
.contarea { width:83%; margin:0px auto; }
.b_welcome .container { padding-left:0px; padding-right:0px; }
.headerWrap .container { padding-left:15px; padding-right:15px; }
.pageTitle { color:#fff; }
.paraTitle { color:#004784; font-weight:bold; }
.deGreyBg { background-color:#d0d2d3; }
.deGreyBg.paraTitle { color:#58595B; text-align: center;}
.GreyBg { background-color:#e6e7e8; }
.GreyBg ul { margin:0px; padding:0px; }
.GreyBg ul li { margin:0px; padding:0px; margin:20px; margin-top:5px; margin-bottom:10px; }
.GreyBg a { color:#58595B; font-weight:300 }
.GreyBg a.scPage { color:#58595B; font-size:0.875em; font-weight:300 }
.GreyBg a.active,
.GreyBg a:hover { font-weight:700; }
.BlueBg { background-color:#004784; }
body.cn .GreyBg a {font-weight: normal;}
.hr-line{display: block; background: url(../images/line.png) no-repeat bottom; background-size: 100% 4px; width: 100%; padding: 0px; height: 3px; border: none; margin: 0px;}
.contarea h3 { font-size:1.333em; line-height:1.2em; margin-top:0px; margin-bottom:1em; padding-top:0px; color:#004784; font-weight:bold; }
.contarea .toggleContent h3.paraTitle{font-weight:normal; text-transform: none;}
.contarea ul { margin-top:1em; }
.contarea .GreyBg ul { margin-top:0.5em; }
.contarea td { padding:0.5em; padding-top:0px; }
.contarea table thead td { padding-top:0.5em; background-color:#E6E7E8; }
.contarea table tbody { /*border:1px solid #E6E7E8; */}
.contarea table tbody tr:first-child td { padding-top:1em; }
.contarea .newsbox ul { margin:0px; padding:0px; list-style:none; }
.contarea .newsbox ul li { margin:0px; padding:0px; list-style:none; margin-bottom:1.5em; }
.contarea .newsbox ul li .newstitle { font-size:1.500em; line-height:1.2em; padding-bottom:0.2em; color:#0090B8; }
.contarea .newsbox ul li .newstitle a { color:#0090B8; }
.contarea .newsbox ul li .newstitle a:hover { color:#004784; }
.contarea .newsbox ul li .newsdate { font-size:1.125em; line-height:1.2em; }
.contarea label,
.contarea button { font-size:0.938em; color:#58595B; border:0px; border-radius:0!important; }
.contarea textarea { background:transparent; background-color:#fff!important; border-radius:0!important; min-height:80px; }
.contarea button { background:transparent; float: right;height: 40px;background-color:#0090B8!important; color:#fff!important; }
.contarea button:hover { background-color:#0090B8; }
.contarea .portallogin { width:100%; max-width:300px; }
.contarea table tbody tr td:first-child { width:70%; }
.contarea table thead tr td:first-child input,
.contarea table tbody tr td:first-child input{ width:100%; }
.contarea input { font-size:0.938em; line-height:1.2em; color:#58595B; border-radius:0!important; }
.contarea .input-group-addon { border-radius:0!important; }
.contarea input.subbtn { background-color:#0090B8; border:1px solid #0090B8; color:#fff; padding:2px; }
.contarea .control-label { text-align:left; }
.contarea .dropdown button { width:100%; background-color:#fff!important; border:1px solid #ccc; color:#58595B!important; }
.contarea .dropdown button span { float:right; margin-top:10px; }
.contarea .dropdown .dropdown-menu { width:100%; margin-top:0.5px; border-radius:0!important; }
.contarea .remark { color:#0090B8; }
.toggleContentBox .readmore { color:#00C3EA; padding-right:30px; background:url(../images/arrow.png) center right no-repeat;}
.toggleContentBox .readmore:hover { color:#004784; background:url(../images/arrow_over.png) center right no-repeat;}
.toggleContentBox .hidemore { color:#00C3EA; padding-right:30px; background:url(../images/arrowup.png) center right no-repeat;}
.toggleContentBox .hidemore:hover { color:#004784; background:url(../images/arrowup_over.png) center right no-repeat;}
.toggleContentBox .toggleContent { display:none; }
.toggleContentBox.open .toggleContent { display:block; }
.toggleContentBox .readmore { display:table; }
.toggleContentBox.open .readmore { display:none; }
.toggleContentBox .hidemore { display:none; }
.toggleContentBox.open .hidemore { display:table; }
.borderR { border-right:1px solid #979899; }
.noborder { border-top:0px; border-left:0px; border-right:0px; border-bottom:0px; }
.teambox { background-color:#E6E7E8; margin-left:0px; margin-right:0px; position:relative; cursor:pointer; margin-bottom:0px; color:#58595B; }
.teambox:hover { background-color:#0090B8; color:#fff; }
.teambox.nobg { background-color:#fff; cursor:text; }
.teambox.nobg:hover { background-color:#fff; color:inherit; cursor:text; }
.teambox .tcol { padding-left:0px; padding-right:0px; }
.teambox .grouptxt { position:absolute; left:37.5%;bottom: 7%;
  padding-right: 15px; }
.teambox .grouptxt2 {  
		display: block;
	  position: absolute;
	  top: 8%;
	  left: 37.5%;
	  line-height: 135%;
  padding-right: 15px;
}
.awardsbox { color:#58595B; }
.awardsbox ul { margin:0px; padding:0px; }
.awardsbox ul li { margin:0px; padding:0px; margin-bottom:30px; list-style:none; display:block; clear:both; }
.awardsbox ul li .awardinfo { float:left; }
.awardsbox ul li .logo { float:left; margin-left:40px; padding-top:5px; }
.awardsbox ul li p { margin-top:0px; margin-bottom:5px; }
.awardsbox ul li p.organizer { color:#0090B8; font-weight:700; }
.text-bold { font-weight:700; }
.text-italic { font-style:italic; }
.clearboth { clear:both; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.paddingnot { padding-top:0px; }
.paddingnob { padding-bottom:0px; }
.paddingb5 { padding-bottom:5px; }
.paddingb10 { padding-bottom:10px; }
.paddingb20 { padding-bottom:20px; }
.paddingt10 { padding-top:10px; }
.paddingl20 { /*padding-left:17px;*/margin-top: 20px; }
.paddingt30 { padding-top:30px; }
.paddingt6 { padding-top:6%; }
.paddingt2 { padding-top:2%; }
.margin10 { margin:10px; }
.whitetxt { color:#fff; }
.text10 { font-size:0.625em; line-height:1.2em; }
.text13 { font-size:0.813em; line-height:1.2em; }
.text14 { font-size:0.875em; line-height:1.2em; }
.text18 { font-size:0.875em; line-height:1.2em; }
.text20 { font-size:1.333em; line-height:1.2em; }
.text24 { font-size:1.500em; line-height:1.2em; }
.text28 { font-size:1.750em; line-height:1.2em; }
.text30 { font-size:24px;; line-height:1.2em; }

.n-list li {
    line-height: 35px;
    border-bottom: 1px #CCC dashed;
    background-image: url(../images/ico.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    font-size: 15px;
    width: 100%;
    display: block;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}
.list-unstyled span {
    float: right;
}
.news-title{
	
	text-align:center;
}


#cer_img img{
	
	max-width: 54%;
	
}
.ny_tit3 {

    margin: 10px 0;
        margin-bottom: 10px;
    width: 100%;
    height: 40px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
    background-position: center bottom;
    background-color: #DDD;
    margin-bottom: 22px;

}
.breadcrumb {
    padding: 0px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color:#004784;
    border-radius: 0px;
	color:white;
	font-size: 14px;
}
.breadcrumb li a{
	color:white;
	font-size: 14px;
}

.more{	
	margin-top: 20px;
	/*margin-left: 102px;*/
	text-align: right;
}
.pagination-centered {
    text-align: center;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom: 1;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	list-style: none;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
        border-left-width: 1px;
    border-left-width: 0;
}

.pagination{
	display:block;
	
}

.thumbnail1, .img-thumbnail {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 0px 0px rgba(0, 0, 0, .075);
}
.thumbnail1 {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
   
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.thumbnail1 .img-pic img{
	 border: 1px solid #ddd;
	
	
}
.thumbnail1 .caption {
    text-align: center;
	height: 35px;
}

.headerWrap{ top:143px}



.breadcrumb > .active{
	color:white;
	
}

.breadcrumb li a:hover{
color:#02bde4;
}
.shodawbox {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.radius_rlb {
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
}
.radius_rb {
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.radius_lb {
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
.shodawbox2 {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
	body { font-size:14px; }
}
@media only screen and (max-width: 1024px) {
	body { font-size:13px; }
	.borderR { border-right:0px solid #979899; }
}
/* added by cherry 2015 04 27 */
table.table10{
	table-layout:fixed;
	  width: 100%;
}
table.table10 tbody tr td:first-child {
    width: auto;
}
table.table10 > tbody tr:first-child td {
  padding-top: 0;
  background: transparent;
  border-right: none;border-bottom:none;
  padding: 0;
}
table.table10 > tbody .tag tr td {
  padding-top: 0;
  background:#f1f1f2;
}
.table10 tbody {
  border: none!important;
}
table.table10 > tbody .tag tr td{padding: 0px 15px;}
.table10 tr td{background:#f1f1f2;border-right: 1px solid #fff;border-bottom: 1px solid #fff;
  padding: 0em;
  padding-top: 0px; vertical-align:top;padding: 10px 15px;  font-size: 0.85em;}
.table10 .tag tr td{background:#f1f1f2; color:#0090b8; font-weight:bold; border-right: none;border-bottom:none;   padding: 0 15px; vertical-align:middle}
.table10 .tag tr, .table10 tr.header{height: 50px;}
.table10 tr.header td, .table10 .tag tr td.active{background:#0090b8; color:#fff; text-align:center; border-right: none;border-bottom:none;  padding: 0 15px; vertical-align:middle}
.table10 .content{text-align:center; border-right: none;border-bottom:none}
.table10 .content td{ padding: 10px 15px;}
table.table10 > tbody .tag tr td {
cursor: pointer;
  color:#0090b8;
    background: #f1f1f2;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now for the proper property */
  transition:color .2s ease-out, background .2s ease-in;
}
table.table10 > tbody .tag tr td:hover { background: #0090b8;color: #fff; }
.table10.active{  display: inline;}
.table10wrap{position: relative}
.table10wrap table{position: absolute; top:0; display:none;}
table.table10 ul {
  /* margin-top: 1em; */
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.table10 ul li {
  padding-left: 10px;
}
table.table10 ul li:before {
  content: attr(data-content); /* FontAwesome char code inside the '' */
  display: inline-block;  
  width: 20px;
  margin-left: -20px;
}​

.dmy .dropdown .dropdown-menu>li>a {   padding: 3px 10px; }
.dmy .dropdown button{height: 34px;   padding: 1px 6px;}
.dmy .dropdown:nth-child(1){width:18%;  margin-right: 2%;}
.dmy .dropdown:nth-child(2){width:48%;  margin-right: 2%;}
.dmy .dropdown:nth-child(3){width:30%;}
.dmy .dropdown{float: left;}
/* .divide.by3 .dropdown:nth-child(1) button,
.divide.by3 .dropdown:nth-child(1) ul.dropdown-menu{width:100%;}
.divide.by3 .dropdown:nth-child(2) button,
.divide.by3 .dropdown:nth-child(2) ul.dropdown-menu{width:40%}
.divide.by3 .dropdown:nth-child(3) button,
.divide.by3 .dropdown:nth-child(3) ul.dropdown-menu{width:30%} */
.dmy .dropdown ul.dropdown-menu{min-width: 90px;  height: 250px;
  overflow: auto;}
			
			.contactBox1{display: inline-block;   background: url(../images/line.png) no-repeat bottom;   background-size: 100% 4px; width: 100%; padding-bottom: 30px; padding-top: 20px;}
			.contactBox1 div{float: left}
			.contactBox1 > div:nth-child(1){font-weight: bold; width: 30%;  line-height: 2.2em;}
			.contactBox1 > div:nth-child(1) div {float:left; width: 50%}
			.contactBox1 > div:nth-child(1) div:nth-child(2) {font-weight: normal;}
			.contactBox1 > div:nth-child(2){width: 70%;}
			.contactBox1 table{ width: 100%;}
			.contarea .contactBox1 table tbody tr td{
			width:50%;
			padding-top: 0em;padding: 0em;  line-height: 1.9em; vertical-align: top;}
			.contarea .contactBox1 table tbody tr:first-child td{font-weight: bold;
			padding-top: 0em;padding: 0em;line-height: 2.2em;}
			.contarea .contactBox1 table tbody {
			  border: none;
			}
a.findmore:hover{text-decoration: underline!important;}
a.findmore {
  background: url("../images/arrow_2.png") no-repeat;
  background-size: 5px;
  background-position: 100% 2px;
  padding-right: 25px;
  font-size: 15px;
}
@media only screen and (max-width: 1024px) {
	.contactBox1 div{float: none}
	.contactBox1 div:nth-child(1){ width: 100%;}
	.contactBox1 div:nth-child(2){ width: 100%;}
}
@media (min-width: 992px){
	.team_list .col-md-4 {
	  width: 32.5%;
	  margin-left: 0.8%;
	  margin-bottom: 0.8%;
	  padding: 0;
	}
	.team_list .col-md-4:nth-child(3n+1) {
	  margin-left: 0%;
	}
}
@media only screen and (max-width: 991px) {
	.teambox{margin-bottom: 0.8%;}
	.team_list .col-md-4{
		 padding: 0;
	}
}
.contarea h3.t1{font-weight:normal;}
h3.t2 {
  font-weight: normal;
  text-transform: none;
  font-size: 1.1em;
}
ul.pagenum
{
	list-style-type: none;
    display: inline-block;
}
ul.pagenum li
{
	  float: left;
	  color: #53DEF6;
	  font-weight:bold;
}
ul.pagenum li.actived
{
	  color: #5DA0D4;
}
ul.pagenum li:after
{
	  content: " | ";
	  
	  color: #53DEF6!important;
  padding-left: 10px;
  padding-right: 10px;
}
ul.pagenum li:last-child:after
{
	content: "  ";
	  
  padding-left: 5px;
  padding-right: 0px;
}
.pagenumwrap{
  float: right;
 }
.pagenumwrap a
{
	  color: #53DEF6;
}
.pagenumwrap a:hover
{
	  color: #5DA0D4;
}
.contarea h3.paraTitle
{
	margin-top:1px; text-align: center;
}
	.b_contactus .b_offices .contactBox1 a{text-transform: lowercase;}
	.dropdown-menu>li>a {
	  white-space: pre-wrap;
	}
	@media only screen and (max-width: 970px)
{
	
	.adjust-top{margin-top: 110px;}
	.social li { margin-top:-48px; margin-bottom:10px}
	.all-content img{ width:100%}
	}
	
	
@media only screen and (max-width: 855px)
{
	
	body {font-size: 12px}
}
@media only screen and (max-width: 735px)
{
	
	body {font-size: 11px}
}
@media only screen and (max-width: 625px)
{
	
	body {font-size: 10px}
}
@media only screen and (max-width: 520px)
{
	
	body {font-size: 11px}
	.footer{display:none;}
	.list-unstyled span {display:none}
    .n-list li { line-height: 20px; margin:10px 0;}

}
@media only screen and (max-width: 455px)
{
.card5-1{font-size: 0.6em}
}
.ui-datepicker-year, .ui-datepicker-append, .form-horizontal select{color: #58595B;}