/* --------------------------------------------------------------
Designed by Allproduct.com
Author:Rita Hsieh
-------------------------------------------------------------- */
body {
	overflow-x: hidden;
	/* background-image: url(../images/body_bg.jpg); */
	
}

.linear{
	/* background: linear-gradient(to bottom, #A3CBE5 ,#fff 12%, transparent); */
	background-image: url("../images/linear_bg.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
}

a img {
	border: none
}


input[type="submit"] {
	cursor: pointer;

}

hr {
	border-top: 1px solid #CCC;
}

.left {
	float: left;
}

.right {
	float: right
}

.clear {
	clear: both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.radius {
	border-radius: 5px;
}

.fit_content {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: -o-fit-content;
	width: -ms-fit-content;
}

/*HTML 5*/
.content {
	width: 82%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.content .index {
	margin-top: 30px;
}

.environment .content{
	width: 90%;
}

.media .content{
	margin-bottom: 30px;
}

.video_content {
	width: 100%;
	background-image: url(../images/linear_bg.png),
		url(../images/share_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}



footer {
	background: url(../images/footer_bg.png);
	background-size: cover;
	background-position: center;
	font-size: 13px;
	padding: 30px 0;
}

footer a {
	color: #ffffff;

}


small {
	font-size: 90%;
}


/*layout*/

.top {
	background-image: url("../images/nav_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.side_service {
	display: block;
	position: fixed;
	top: 30%;
	right: 0;
	background-image: url("../images/sidebutton.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 40px;
	height: 80px;
	z-index: 999;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.side_op {
	display: block;
	position: fixed;
	top: 200px;
	background-image: url("../images/sidebutton.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 40px;
	height: 80px;
	z-index: 998;
	cursor: pointer;
}
.side_service .arrow {
	content: "";
	position: absolute;
	top: 40%;
	right: 30px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	border-radius: 3px;
	width: 13px;
	height: 13px;
	right: 17px;
	transform: rotate(-135deg);
}

.close_arrow {
	content: "";
	position: absolute;
	top: 40%;
	right: 30px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	border-radius: 3px;
	width: 13px;
	height: 13px;
	right: 17px;
	transform: rotate(-135deg);
}

.op_arrow {
	content: "";
	position: absolute;
	top: 40%;
	right: 30px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	border-radius: 3px;
	width: 13px;
	height: 13px;
	right: 22px;
	transform: rotate(45deg);
}


.btn_close_animate {
	right: 0;
}

.btn_op_animate {
	/* right: 165px; */
	right: 150px;
}


.item_close_animate {
	/* right: -165px; */
	right: -150px;
}

.item_op_animate {
	right: 0;
}

.side_op .arrow {
	content: "";
	position: absolute;
	top: 40%;
	right: 30px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	border-radius: 3px;
	width: 13px;
	height: 13px;
	right: 22px;
	transform: rotate(45deg);
}

.side_op .title .text,
.side_service .title .text {
	color: #fff;
	font-weight: normal;
	padding-left: 23px;
	padding-top: 8px;
	/* padding-top: 15px; */
	line-height: 16px;
}

.side_service_item {
	display: block;
	/* width: 165px; */
	width: 150px;
	position: fixed;
	/* padding: 3px 0; */
	padding: 5px 0;
	top: 100px;
	border: 1px solid #DFDFDF;
	background-color: #fff;
	z-index: 998;

}

.side_service_item .item {
	/* width: 145px; */
	width: 140px;
	margin: 0 auto;
	/* padding: 5px 0; */
}

.side_service_item .link {
	text-decoration: none;
	display: block;
}

/* .side_service_item .link,
.side_service_item .item .link .text_box .name:hover {
	color: #759eb8;
} */

.side_service_item .item:hover a .text_box .name{
	color: #759eb8;
}

.side_service_item .item .image_box {
	/* width: 145px; */
	width: 130px;
	margin: 0 auto;
}

.side_service_item .item .image_box .image {
	width: 100%;
}

.side_service_item .item .text_box {
	padding-top: 3px;
	overflow: hidden;
}

.side_service_item .item .text_box .icon {
	float: left;
	margin-right: 5px;
	width: 15px;
}

.side_service_item .item .text_box .icon .image {
	width: 100%;
	padding-bottom: 3px;
}

.side_service_item .item .text_box .rank {
	float: left;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 0;

	font-size: 12px;
}

.red {
	color: #DB3B3B;
}

.orange {
	color: #FF7225;
}

.yellow {
	color: #FFAD11;
}

.side_service_item .item .text_box .name {
	/* float: left; */
    color: #2D3D58;
    margin-bottom: 0;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    text-overflow: ellipsis;
}

.main {
	width: 100%;
}

.main>p {
	padding: 0 10px;
	margin-bottom: 20px;
	line-height: 180%;
}

.content-wrapper {
	position: relative;
	clear: both;
}

.aside {
	width: 20%;
	float: left;
	margin-bottom: 50px;
}

.right_side{
	width: 76%;
	float: right;
	padding-bottom: 30px;
}

.right_side .right_inner .concept{
	line-height: 180%;
}

.language-link {
	margin-right: 12px;
	position: absolute;
	right: 0;

}

.language-link ul {
	border-radius: 25px;
	display: inline-block;

}

.language-link li {
	font-size: 12px;
	padding: 2px 0;
	margin-left: 8px;

}

.language-link a {
	color: #fff;
	padding: 3px;
	text-decoration: none;
}

.language-link li:hover,
.language-link .current {
	background: #72A4C9;
}

em {
	color: #999;
}

.fast-link {
	margin-top: 35px;
	padding-right: 17px;
	float: right;
}

.fast-link li {
	/* background-image: url(../images/placeholder.png);
	background-repeat: no-repeat; */
	width: 19px;
	height: 19px;
	margin-left: 18px;
	display: block;
	float: left;
}

.fast-link li :hover {
	/* background-color: #2D3D58; */
	filter: sepia(50%);
}


footer p {
	margin: 0;
	color: #fff;
}

.copyright p {
	color: #a492ad;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
}

.page-holder {
	margin: 10px 0;
	overflow: hidden;
}

h1.page-title {
	background-image: url(../images/page-title.png);
	height: 60px;
	width: 180px;
	text-indent: -99999px;
	overflow: hidden;
}

.about h1.page-title {
	background-image: url(../images/about_title_bg.png?V=20200330);
	height: 60px;
	width: 182px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

/* .about .row{
	margin-bottom: 50px;
} */

/* .about .info{
	padding-bottom: 30px;
} */

.about .info ul li{
	margin-bottom: 10px;
	color: #666666;
}

.about .info ul li .title{
	color: #759EB8;
}

.service{
	margin-bottom: 30px;
}

.service h1.page-title {
	/* background-position: -180px 0; */
	background-image: url(../images/service_title_bg.png);
	height: 60px;
	width: 180px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.equipment h1.page-title {
	/* background-position: -180px 0; */
	background-image: url(../images/about_title_bg.png);
	height: 60px;
	width: 183px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.tuition h1.page-title {
	background-image: url(../images/research_title_bg.png);
	height: 60px;
	width: 103px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.media h1.page-title,
.news h1.page-title {
	background-image: url(../images/news_title_bg2.png);
	height: 60px;
	width: 155px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	overflow: hidden;
}


.video h1.page-title{
	background-image: url(../images/media_title_bg.png);
	height: 60px;
	width: 136px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.contact h1.page-title {
	background-image: url(../images/contact_title_bg.png);
	height: 60px;
	width: 108px;
	text-indent: -99999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

h2.this-title {
	/* width: 80%;
	height:60px; */
	line-height: 40px;
	font-weight: normal;
	font-size: 18px;
	color: #202020;
	margin-left: 60px;
	/* padding: 8px 0 5px; */
	/* background: url(../images/sub_bg.png)  no-repeat;
	background-size: cover; */
	letter-spacing: 1px;
}

h2.this-title:first-letter {
	font-size: 24px;
	padding-bottom: 2px
}

.navbar-collapse {
	background-color: #759EB8;
}

.navbar-collapse .container {
	width: 82%;
	padding: 0;
	max-width: 1920px;
}

.navbar-brand img {
	/* other */
	max-width: 390px;
	/* EN */
	/* max-width: 550px;  */
}

.serv_container {
	margin-left: 100px;
}

.main .branch {
	width: 60%;
	height: 40px;
	margin-bottom: 50px;
	background: url(../images/sub_bg.png) no-repeat;
	background-position: right center;
	background-size: cover;
}

.main .branch .icon {
	position: absolute;
	left: 35px;
	/* top: 5px; */
	top: 3px;
}

.main .branch .icon .image {
	/* width: 100%; */
	width: 80%;
}

.right_side .branch{
	position: relative;
	width: 100%;
	height: 40px;
	margin-bottom: 30px;
	background: url(../images/sub_bg.png) no-repeat;
	/* background-position: right center; */
	background-size: cover;
}

.right_side .branch .icon {
	position: absolute;
	left: 15px;
	/* top: 5px; */
	top: 3px;
}

.right_side .branch .icon .image {
	/* width: 100%; */
	width: 80%;
}

.right_side h2.this-title{
	margin-left: 35px;
}


.video_content .row {
	width: 80%;
	margin: 0 auto;
}

.video_content .video {
	width: 60%;
	float: left;
	overflow: hidden;
	padding-left: 50px;
}

.video_content .video_title {
	margin: 50px 0 50px 0;
	overflow: hidden;
}

.video_content .video_title .title_text {
	float: left;
	font-size: 20px;
	padding-top: 5px;
	padding-left: 15px;
	color: #fff;
	font-weight: normal;
}

.video_content .video_title .icon-video {
	float: left;
	width: 35px;
}

.video_content .play-list {
	padding-left: 30px;
}

.video_content .play-list li {

	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.6);

}

.video_content .play-list li a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

.video_content .play-list li a:hover {
	color: #daa86c;
}

.video_content .service_title {
	margin: 50px 0 20px;
	overflow: hidden;
}

.video_content .service_title .title_text {
	float: left;
	font-size: 20px;
	padding-top: 10px;
	padding-left: 15px;
	color: #fff;
	font-weight: normal;
}

.video_content .icon-crown {
	float: left;
	width: 40px;
}

.video_content .hot-service {
	padding-left: 100px;
	width: 40%;
	float: left;
	overflow: hidden;
}

.video_content .hot-service .rank_icon img{
	width: 40px;
}

.video_content .hot-service ol::before {
	content: "";
	position: absolute;
	top: 65px;
	left: 60px;
	width: 1px;
	height: 340px;
	background-color: #fff;
	opacity: 0.6;
}

.video_content .hot-service ol {
	margin-bottom: 50px;
}

.video_content .hot-service ol li {
	position: relative;
	padding-left: 10px;
	padding-bottom: 10px;
}

.video_content .hot-service li a {
	font-size: 16px;
	color: #fff;
	padding-left: 15px;
	text-decoration: none;
}

.video_content .hot-service li a:hover {
	color: #daa86c;
}

/* .classic{
	margin-top: 100px;
} */

.classic .title_text {
	font-size: 20px;
	padding-bottom: 50px;
	/* margin-left: 30px; */
	margin-left: 50px;
	color: #759EB8;
	font-weight: normal;
}

/* .classic .item img{
	padding-bottom: 20px;
} */

.grid:after {
	content: '';
	display: block;
	clear: both;
  }

.grid-item {
	display: none;
	position: relative;
	/* width: 258px; */
	width: 20%;
	height: 168px;
	margin-bottom: 30px;  
	/* margin: 0 15px 30px; */
	padding: 0 15px;
	float: left;    
	/* border-radius: 5px;    */
	overflow:hidden 
}

.grid-item:nth-child(2n+0){
	height: 320px;
}

.grid-item:nth-child(2n+1){
	height: 218px;
}

.grid-item:nth-child(3n+4){
	height: 168px;
}

.grid .grid-item .link{
	text-decoration: none;
}

.grid .grid-item .link .title{
	font-size: 16px;
	position: absolute;
	margin: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.2s;
	color: #fff;
	opacity: 0;
	z-index: 1;

}
.grid .grid-item .link:hover .title{
	opacity: 1;
	bottom: 50%;
	transform: translateX(-50%),translateY(50%);
}

.grid-item .image_box{
	width: 100%;
	height: 100%;
	position: relative;
}

.grid-item .image_box .image{ 
	width: 100%; 
	height: 100%; 
	border-radius: 5px;
	object-fit: cover;
	position: relative;
}

.grid-item .image_box::after{
	content:"";
	position: absolute;
    height:80%;
	width:100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    bottom:0;
	left:0;
	transition: all 0.4s;
	background: linear-gradient(to top, rgba(0,0,0,0.8) ,rgba(0,0,0,0) );
	opacity: 0;
}

.grid .grid-item:hover .image_box::after{
	opacity: 1;
}


.masonry{
	column-count: 6;
	column-gap: 30px;
	margin-bottom: 50px;
}

.masonry .brick{
	display: none;
	position: relative;
	margin-bottom: 30px;
}


/* .masonry{
	display: flex;
  flex-flow: column wrap;
}
.masonry .brick{
	width: 200px;
	padding: 15px;
	position: relative;
}
.masonry .brick:nth-child(3n+1){
	order: 1;
}
.masonry .brick:nth-child(3n+2){
	order: 2;
}
.masonry .brick:nth-child(3n){
	order: 3;
}
.masonry::before,
.masonry::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
} */

.masonry .brick .link{
	text-decoration: none;
}

.masonry .brick .link .title{
	font-size: 16px;
	position: absolute;
	margin: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.2s;
	color: #fff;
	opacity: 0;
	z-index: 1;

}
.masonry .brick .link:hover .title{
	opacity: 1;
	bottom: 50%;
	transform: translateX(-50%),translateY(50%);
}

.masonry .brick .link:hover::after{
	position: absolute;
    content:"";
    height:80%;
	width:100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    bottom:0;
	left:0;
	transition: all 0.4s;
    background: linear-gradient(to top, rgba(0,0,0,0.8) ,rgba(0,0,0,0) );
}

.masonry .brick:nth-child(2n+0){
	height: 320px;
}

.masonry .brick:nth-child(2n+1){
	height: 218px;
}

.masonry .brick:nth-child(3n+4){
	height: 168px;
}

.masonry .brick .image{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.environment .btn_more{
	text-align: center;
}

.environment .btn_more .link{
	text-decoration: none;
}

.environment .btn_more .arrow{
	display: inline-block;
}

.environment .btn_more .title{
	display: inline-block;
	font-size: 14px;
	color: #2D3D58;
}

address .title_text {
	margin-bottom: 20px;
	font-size: 16px;
	color: #E3E3E3;
}

footer .content .info_content {
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 10px;
}

footer .content .info_content .info {
	width: 100%;
	float: left;
	margin-left: 15%;
}

footer .social_media {
	margin-left: 15%;
	padding-top: 30px;
	float: left;
}

footer .social_media ul li {
	display: inline-block;
	margin-right: 10px;
	width: 20px;
}

footer .social_media ul li :hover {
	filter: sepia(30%);
}

footer .copyright {
	font-size: 13px;
	float: right;
	padding-top: 40px;
	margin-right: 15%;
}

footer .copyright p {
	color: #E3E3E3;
}

/*------------------------------------
			common style
------------------------------------*/
h2.title {
	padding-right: 20px;

}


.margin-block {
	margin-top: 50px;
	margin-bottom: 50px;
	position: relative;
}

.margin-block .owl-carousel .item h3 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	color: #282C37;

}

.margin-block .owl-carousel .item image {
	margin: 15px auto 0;
}

.margin-block .owl-carousel .item p {
	font-size: 156x;
	width: 100%;
	min-height: 78px;
	margin: 10px auto 10px;
}

.tab-bar {
	background: #f2f2f2;
}

.tab-bar a {
	font-weight: bold;
	font-size: 16px;
}

.html-editor {
	padding: 10px 15px;
}

.btn-link {
	color: #2D3D58;
}

.photo {
	padding: 5px;
	background: #ffffff;
	border: 1px solid #ddd;
	border-radius: 5px;
}

address .phone span {
	display: inline-block;
	margin-right: 20px;
}

address .phone span :hover{
	text-decoration: none;
	color: #daa86c;
}

address p {
	font-size: 13px;
	padding-right: 25px;
	padding-bottom: 10px;
	color: #E3E3E3;
}

.dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e3935e;
	display: inline-block;
	margin-right: 5px;
}

h3.title {
	color: #ff9527;
	background: url(../images/sprites.png) no-repeat -75px -133px;
	margin: 20px 0;
	padding-left: 26px;
	clear: both;
	font-size: 15px;
}

h3.title.feature {
	background: url(../images/serv-icon.png) no-repeat 0px -185px;
}

h3.title.manner {
	background: url(../images/serv-icon.png) no-repeat 0px -201px;
}

h3.title.faq {
	background: url(../images/serv-icon.png) no-repeat 0px -219px;
}

h3.title.tip {
	background: url(../images/serv-icon.png) no-repeat 0px -236px;
}

h3.title.example {
	background: url(../images/serv-icon.png) no-repeat 0px -255px;
}

.aside .menu li {
	border-radius: 5px;
	text-align: center;
	padding: 8px 0;
	margin: 5px 1px;
	z-index: 2;
	background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eaeaea));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #eaeaea 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6eaeaea', endColorstr='#00ffffff', GradientType=0);
	/* IE6-9 */
	border-bottom: 1px solid #ccc;
}

.service .aside .menu li {
	background: url(../images/nav-bg.jpg) repeat-x;
	border-bottom: none;
	border-top: 1px solid #ccc;
}


.aside .menu li a {
	color: #2D3D58;
	display: block;
	text-decoration: none;
}

.aside .menu li .sub-menu li:hover a{
	color: #759EB8;
}

.aside .hot-service a{
	text-decoration: none;
}

.aside .hot-service h6 {
	height: 24px;
	font-weight: normal;
	overflow: hidden;
	color: #2D3D58;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.aside .hot-service ol li:hover a h6{
	color: #759EB8;
}

.aside .hot-service .rank {
	background: url(../images/star.gif) no-repeat 0;
	margin-right: 5px;
	padding-left: 18px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
}

.rank.r-1st {
	color: #db3b3b;
}

.rank.r-2nd {
	color: #ff7225;
}

.rank.r-3rd {
	color: #ffad11;
}

.rank.r-th {
	color: #666;
}

.index-hot-service .rank {
	font-family: "Noto Sans TC";
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 24px;
	top: 1px;
	color: #fff;
}

.aside .hot-service h2 {
	/* background: url(../images/hot-title.jpg) no-repeat; */
	background: url(../images/hot-title2.jpg) no-repeat;
	text-align: center;
	line-height: 30px;
	margin-top: 40px;
	font-family: "微軟正黑體";
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	color: #fff;
}

/*page*/
.pagenav {
	padding: 20px 0 30px 15px;
}

.pagenav ul li {
	float: left;
	margin-right: 5px;
}

.pagenav ul li a,
.pagenav ul li span {
	border: 1px solid #ddd;
	background: #eee;
	color: #999;
	width: 28px;
	height: 28px;
	line-height: 28px;
	display: block;
	text-align: center;
}

.pagenav ul li a:hover,
.pagenav ul li span {
	color: #666;
	text-decoration: none;
	background: #FFEAC9;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}


/*------------------------------------
				index
------------------------------------*/

.index h2.title {
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
	height: 28px;
	line-height: 28px;
	padding-left: 40px;
	color: #664c6f;
	margin-bottom: 20px;
	font-size: 15px;
}

.index h2.icon-video {
	background-position: -70px -55px;
}

.index h2.icon-crown {
	background-position: -70px -28px;
}

.index h2.icon-case {
	background-position: -70px 0;
}

.index .content {
	margin: 20px 0;
}

.index-about {
	margin: 40px 0;
	border-left: 5px #69c5fc solid;
	padding: 5px 20px;
}

.index a {
	text-decoration: none;
}

.index h4:hover {
	color: #759EB8;
}

.index h4 {
	font-weight: normal;
	font-size: 14px;
	color: #282c37;
}

/* .index .video {
	border-right:1px solid #E7E7E7;
} */
.index-case h4 {
	background: #eeeeee;
	padding: 5px;
	text-align: center;
	font-size: 14px;
}

.index-case h4 a {
	color: #282C37;
	font-weight: normal;
	text-decoration: none;
}

.index-case h4 a:hover {
	color: #759EB8;
}

.index-case p {
	overflow: hidden;
	max-height: 65px;
}


.player iframe {
	border: 7px solid #daa86c;
	padding: 0;
	border-radius: 5px;
	width: 100%;
	min-height: 230px;

}

.index .hot-service {
	padding-left: 50px;

}

.index .hot-service li,
.index .play-list li {
	margin: 2px 0;
	border-bottom: 1px dotted #cccccc;
	padding: 3px;

}

.index .play-list li {
	padding: 10px;
}

.index .ordinal,
.serv-intro .ordinal {
	padding: 2px 5px 2px 5px;
	background: #493852;
	border-radius: 50%;
	color: #fff;
	margin-right: 10px;
	border: 1px solid #E6B874;
}

.index .hot-service .rank {
	background-image: url(../images/rank.gif);
	background-repeat: no-repeat;
	width: 63px;
	height: 27px;
	display: inline-block;
	padding: 5px 0 0 18px;
	color: #fff;
	margin-right: 10px;
}

.index .hot-service .rank.r-1st {
	background-position: 0 0;
}

.index .hot-service .rank.r-2nd {
	background-position: 0 -30px;
}

.index .hot-service .rank.r-3rd {
	background-position: 0 -60px;
	color: #a9620f;
}


.service-catogory {
	/* max-width: 930px; */
	width: 95%;
	margin: 0 auto 40px auto;
	overflow: hidden;
}

.service-catogory li {
	width: 20%;
	/* margin: 0 2.5%; */
	padding: 0 5px;
	text-align: center;
	position: relative;

}

.service-catogory li a {
	/* font-size: 18px; */
	font-size: 16px;
	color: #759EB8;
	/* border-bottom-width:5px;
	border-bottom-style:  solid;	
	border-bottom-color: #759EB8; */
	border-bottom: 4px solid rgba(117, 158, 184, 0.4);
}

.service-catogory>li>a:hover,
.service-catogory li.active a {

	border-bottom-color: #759EB8;
	/* background: url(../images/arrow.png) no-repeat center bottom; */
}

.service-catogory li.active a::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 10px;
	height: 7px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #759EB8;
}



/*------------------------------------
				about
------------------------------------*/
.blockquotes {
	background: url(../images/blockquotes.jpg);
	border-radius: 10px;
	color: #333;
	font-family: "微軟正黑體";
	padding: 20px 5% 10px 5%;
	font-style: italic;
	line-height: 1.45;
	position: relative;
	font-size: 16px;
	margin: 0 0 20px;

}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 40px;
	position: absolute;
	left: 20px;
	top: 0px;
	color: #ccc;
	font-family: "arial";
}

blockquote:after {
	content: "\201D";
	position: absolute;
	right: 20px;
	bottom: -20px;
	font-size: 40px;
	color: #ccc;
	font-family: "arial";
}

blockquote cite {
	color: #333;
	font-size: 14px;
	display: block;
	margin-right: 20px;
}


.quality {
	border-radius: 5px;
	box-shadow: 0 2px 3px 2px #ccc;
	margin: 0;
	background: url(../images/check.jpg) no-repeat center 10px;
	padding: 40px 0px 0px 0px;
	min-height: 320px;
	/* text-align: center; */
}

.quality .title {
	text-align: center;
	color: #7998aa;
	margin-bottom: 10px;
	font-size: 12px
}

.quality p {
	padding: 15px 13px;
}

/*team*/

.banner {
	width: 100%;
	max-height: 680px;
	overflow: hidden;
	position: relative;
}

.banner .banner_image {
	width: 100%;
}

.banner .banner_image .image {
	width: 100%;
}

.banner .title_box {
	position: absolute;
	bottom: 10%;
	width: 570px;
	height: 160px;
	background-color: rgba(0, 0, 0, .5);
	color: #fff;
}

.banner .title_box .en_name {
	width: 250px;
	margin-left: 40%;
	padding-top: 30px;
}

.banner .title_box .en_name .image {
	width: 100%;
}

.banner .title_box .text {
	font-size: 43px;
	letter-spacing: 2px;
	margin-left: 40%;
}

.doc_section {
	overflow: hidden;
}

.doc_section .image_box {
	float: left;
	width: 60%;
	background: linear-gradient(to bottom, #AEB3B9, #DBDBDB, #9E9EA6);
}

.doc_section .float_right {
	float: right;
}

.doc_section .image_box .image {
	/* width: 100%; */
	max-height: 600px;
	margin: 0 auto;
	display: block;
}

.doc_section .text_box {
	float: left;
	width: 40%;
	/* padding-top: 7%; */
	position: relative;
	display: flex;
	align-items: center;
	min-height: 600px;
}

.doc_section .text_box .text_box_inner {
	margin: 0 auto;
	padding: 0 20px;
	/* position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); */
}

.doc_section .text_box .text_box_inner .title .text {
	font-size: 20px;
	margin-right: 20px;
	color: #282c37;
	display: inline-block;
}

.doc_section .text_box .text_box_inner .subtitle {
	font-size: 20px;
	padding-bottom: 40px;
	color: #282c37;
}

.doc_section .text_box .text_box_inner .info_title {
	font-size: 16px;
	margin-bottom: 20px;
}

.doc_section .text_box .text_box_inner .info_text {
	font-size: 14px;
	margin-bottom: 20px;
}

.doc_section .text_box .text_box_inner .link {
	text-decoration: none;
}

.doc_section .text_box .text_box_inner .doc_btn {
	width: 150px;
	height: 50px;
	background-color: #444;
	border-radius: 3px;
}

.doc_section .text_box .text_box_inner .doc_btn .text {
	text-align: center;
	padding-top: 15px;
	color: #fff;
}

.doc_section .text_box .text_box_inner .doc_btn:hover {
	background-color: #ccc;
	transition: 0.2s;
}

.dr-block {
	position: relative;
	margin-top: 30px;
	padding-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #ddd;
}

.dr-block:nth-child(1) {
	border-bottom: none;
}

.dr-info {
	overflow: hidden;
	height: 18.5em;
}

.dr-photo {
	position: relative;
	background: url(../images/blue-bg.jpg);
}

.dr-photo .pin {
	position: absolute;
	z-index: 2;
	left: -15px;
	top: -15px;
}

.dr-photo .photo {
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
	box-shadow: 1px 2px 3px 1px #999;
	margin-top: -5px;
}

.dr-photo .dr-name {
	text-align: right;
	padding: 10px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 0 5px #3D7886;

}

.dr-info .title {
	color: #e3935e;
	margin: 10px 0;
}

.dr-info>div {
	margin-bottom: 30px;
}

.album li {
	width: 23%;
	float: left;
	margin-bottom: 20px;
	margin-right: 2%;
}

.album li a{
	text-decoration: none;
}

.album li a:hover{
	opacity: 0.8;
}

.album li:hover h6{
	color: #759eb8;
}

.album li img {
	width: 100%;
}

.album h6 {
	font-size: 14px;
	/* font-weight: normal; */
	margin: 10px auto;
	text-align: center;
	color: #666
}

.doctor {
	margin-bottom: 10px;
	overflow: hidden;
}

.doctor li {

	margin-right: 1%;
	float: left;
	margin-bottom: 10px;
}

.doctor li a {
	border: 1px dotted #ccc;
	border-radius: 5px;
	background: url(../images/w-arrow.gif) #E4D7EB no-repeat 5px center;
	padding: 5px 10px 5px 20px;
	display: block;
}

.expend {
	background: #eee 5px center no-repeat;
	width: 55px;
	line-height: 20px;
	position: absolute;
	padding-left: 5px;
	border-radius: 5px 5px 0 0;
	z-index: 998;
	right: 5px;
	border: 1px solid #ccc;
	cursor: pointer;
	bottom: -1px;
}

.rotation {
	transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* team2 */

.team_inner{
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
}
.team_inner .info{
	overflow: hidden;
}
.team_inner .info .left_section{
	width: 35%;
	float: left;
	overflow: hidden;
	margin-left: 9%;
	padding: 0 12px;
}
.team_inner .info .left_section .branch{
	width: 100%;
	height: 32px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 30px;
	background: url(../images/lilsub_bg.png) no-repeat;
	background-position: right center;
	background-size: cover;
}
.team_inner .info .left_section .branch .this-title{
	font-size: 14px;
	margin-left: 25px;
	line-height: 35px;
}
.team_inner .info .left_section .branch .this-title:first-letter{
	font-size: 18px;
}
.team_inner .info .left_section .branch .icon{
	position: absolute;
	left: 10px;
	top: 3px;
}
.team_inner .info .left_section .branch .icon .image{
	width: 60%;
}
.team_inner .info .left_section .title{
	margin-bottom: 35px;
}
.team_inner .info .left_section .title .text{
	display: inline-block;
	color: #282c37;
	font-size: 36px;
	margin-right: 30px;
}
.team_inner .info .left_section .experience{
	/* margin-bottom: 80px; */
	color: #fff;
	max-height: 550px;
	padding-right: 5px;
	overflow-y: scroll; 
}
.team_inner .info .left_section .scroller{
	scrollbar-color: #7f7f7f white;
  	scrollbar-width: thin;
}
.scroller::-webkit-scrollbar {
	width: 4px;
  }
  
.scroller::-webkit-scrollbar-track {
	background: white; 
}
  
.scroller::-webkit-scrollbar-thumb {
	background: #f5f5f5;
}
/* .team_inner .info .left_section .experience .items .list{
	font-size: 14px;
	padding-bottom: 15px;
	color: #282c37;
} */
.team_inner .info .right_section{
	width: 56%;
	float: right;
	background: linear-gradient(to bottom, #AEB3B9, #DBDBDB, #9E9EA6);
}
.team_inner .info .right_section .swiper-slide{
	text-align: center;
}
/* .team_inner .info .right_section .flexslider{
	max-height: none;
}
.team_inner .info .right_section .flexslider .slides li{
	max-height: 780px;
}
.team_inner .info .right_section .flexslider .flex-control-nav{
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}
.team_inner .info .right_section .flexslider .flex-control-nav li{
	display: inline-block;
	margin-right: 20px;
}
.team_inner .info .right_section .flexslider .flex-control-nav li a{
	display: block;
	border-radius: 20px;
	text-indent: -9999px;
	width: 11px;
	height: 11px;
	background: rgba(255, 255, 255, 0.6);
}
.team_inner .info .right_section .flexslider .flex-control-nav li a.flex-active{
	cursor: default;
	background: rgba(255, 255, 255, 1);
} */
.team_inner .license{
	background: url(../images/license_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	min-height: 600px;
}
.team_inner .license .text_box{
	margin-left: 9%;
	padding: 0 30px 80px;
	width: 35%;
	background: rgba(0,0,0,0.8);
	min-height: 600px;
}
.team_inner .license .text_box .title .text{
	color: #fff;
	font-size: 36px;
	padding-top: 50px;
	padding-bottom: 25px;

}
.team_inner .license .text_box .items .list{
	font-size: 14px;
	color: #fff;
	padding-bottom: 15px;
}
.team_inner .license .text_box p{
	color: #fff;
}

/* @media (min-width:1920px){
	.team_inner .info .left_section{
		margin-left: 0%;
	}
} */

@media (max-width: 1440px) {
	.doc_section .text_box {
		padding-top: 4%;
	}
}

@media (max-width: 1280px) {
	.banner .title_box {
		bottom: 8%;
		width: 500px;
		height: 130px;
	}

	.banner .title_box .en_name {
		padding-top: 15px;
	}

	.banner .title_box .en_name {
		width: 220px;
	}

	.banner .title_box .text {
		font-size: 40px;
	}
}

@media screen and (max-width: 1240px) {
	.serv-goto {
		display: none
	}

	.light img {
		width: 80%;
		max-width: 200px;
		float: right
	}

	.light {
		right: 0;
	}

	.video_content .content {
		width: 90%;
	}
	.grid-item{
		width: 25%;
	}
}

@media (max-width: 1152px){
	.team_inner .info .left_section{
		width: 82%;
		/* float: none; */
		margin: 0 9%;
		padding: 0;
	}
	.team_inner .info .left_section .title{
		/* text-align: center; */
	}
	.team_inner .info .left_section .experience{
		/* text-align: center; */
	}
	.team_inner .info .right_section{
		width: 100%;
		/* float: none; */
	}
	.team_inner .info .right_section .flexslider .slides li{
		max-height: 600px;
		/* min-height: 400px; */
	}
	.team_inner .license .text_box{
		margin-left: 9%;
		padding: 0 30px 80px;
		width: 70%;
	}
}

@media (max-width: 1130px) {
	.doc_section .text_box .text_box_inner .title .text {
		font-size: 20px;
	}

	.doc_section .text_box .text_box_inner .subtitle {
		font-size: 20px;
		padding-bottom: 30px;
	}

	.doc_section .text_box .text_box_inner .info_title {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.doc_section .text_box .text_box_inner .info_text {
		font-size: 13px;
		margin-bottom: 15px;
	}
}

@media (max-width:1020px) {
	.banner .title_box {
		bottom: 8%;
		width: 350px;
		height: 110px;
	}

	.banner .title_box .en_name {
		padding-top: 15px;
		width: 220px;
		margin-left: 25%;
	}

	.banner .title_box .text {
		font-size: 36px;
		margin-left: 25%;
	}


}



@media (max-width:900px) {
	.language-link {
		display: none;
	}

	.fast-link {
		display: none;
	}

	.doc_section .text_box,
	.doc_section .image_box {
		float: none;
		width: 100%;
	}

	.doc_section .text_box {
		text-align: center;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.doc_section .text_box .text_box_inner .title .text {
		margin-left: 10px;
		margin-right: 10px;
	}

	.doc_section .text_box .text_box_inner .doc_btn {
		margin: 0 auto;
	}

}

@media screen and (max-width: 768px) {
	.navbar-toggle {
		display: block;
		right: 20px;
		bottom: 40px;
	}

	.banner .title_box {
		bottom: 8%;
		width: 250px;
		height: 80px;
	}

	.banner .title_box .en_name {
		padding-top: 5px;
		width: 150px;
	}

	.banner .title_box .text {
		font-size: 28px;
	}

	.breadcrumb {
		white-space: nowrap;
		text-overflow: ellipsis;
		/* margin-bottom: 10px; */
		display: block;
		float: left;
		/* margin: 10px;  */
		margin: 10px 10px 10px 40px;
		/* width:98%; */
	}

	.side_op {
		display: none;
	}

	.right_side{
		width: 100%;
	}

	.grid-item{
		width: 33.3333%;
	}
}

@media (max-width: 560px) {
	.banner .title_box {
		bottom: 8%;
		width: 150px;
		height: 50px;
	}

	.banner .title_box .en_name {
		width: 100px;
	}

	.banner .title_box .text {
		font-size: 16px;
	}

	.main .branch .icon {
		left: 20px;
		top: 5px;
	}

	.main .branch .icon .image{
		width: 60%;
	}

	h2.this-title {
		margin-left: 40px;
	}

	.grid-item{
		width: 50%;
	}
}

@media (max-width: 380px) {
	.banner .title_box {
		bottom: 8%;
		width: 120px;
		height: 40px;
	}

	.banner .title_box .en_name {
		width: 80px;
		padding-top: 0px;
		margin-left: 21%;
	}

	.banner .title_box .text {
		font-size: 14px;
		margin-left: 20%;
	}

	.grid-item{
		width: 100%;
	}
}

/*------------------------------------
				service
------------------------------------*/
.aside .menu .sub-menu li {
	border: none;
	text-align: left;
	z-index: 1;
	background: transparent;
	margin: 0 0 8px 0;
	padding: 5px 0 0 0;
	;

}

.aside .menu .sub-menu {
	background: url(../images/nav-line.png) left center repeat-x;
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);

	/* Opera */
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(1, #EFEFEF));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EFEFEF 100%);

	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to top, #FFFFFF 0%, #EFEFEF 100%);

	padding: 10px 15px 0 15px;
	margin-top: 6px;
}

.html-block {
	overflow: hidden;
	margin-bottom: 40px;
}

.aside-nav .dot {
	width: 4px;
	height: 4px;
	background: #ff9527;
}

.service .content{
	margin-bottom: 30px;
}

.service-item {
	overflow: hidden;
	margin-bottom: 20px;
}

.service-item li {
	float: left;
	/* margin:0 10px;	
	padding-left:13px;
	margin-left:-13px; */
	margin-bottom: 20px;
	margin-right: 50px;
	border-bottom: 2px solid rgba(117,158,184,0.4);
}

.service-item li a {
	color: #202020;
	/* border-bottom:2px solid #ccc; */
	padding: 2px 0;
	display: block;
	float: left;
	font-size: 14px;
}

/* .service-item li:hover a {
	border-bottom:2px solid #a883b4;
} */
.service-item li a:hover,
.serv-goto li a:hover {
	text-decoration: none;
}

.service-item li:hover,
.service-item li.current {
	/* background: url(../images/purplear.png) no-repeat ;	 */
	border-bottom: 2px solid #759eb8;
	/* margin-bottom: 18px; */

}

.service-item li.current>a {
	color: #759eb8;
}

/* .service-item li span {
	background:url(../images/purplearR.png) no-repeat top right;
	width:13px;
	display:block;
	float:left;
	height:21px;
	opacity: 0;

}
.service-item li:hover span, 
 .service-item li.current span {
	opacity: 1;
} */
.serv-goto {
	position: absolute;

	/* right:-110px; */
	right: -160px;
	top: 160;
}

.serv-goto li {
	background-color: #fff;
	background-image: url(../images/serv-icon.png);
	background-repeat: no-repeat;
	border-left: 3px solid #f09143;
	border-radius: 0 15px 15px 0;
	box-shadow: 0 0 3px 1px #ccc;
	margin-bottom: 10px;
	padding: 5px 40px 5px 10px;

}

.serv-goto li a {
	color: #666;
}

.serv-goto .feature {
	background-position: right 0;
}

.serv-goto .manner {
	background-position: right -37px;
}

.serv-goto .faq {
	background-position: right -73px;
}

.serv-goto .tip {
	background-position: right -109px;
}

.serv-goto .example {
	background-position: right -144px;
}

/*------------------------------------
				research
------------------------------------*/
.load-img img {
	width: 50%;
	float: left;
	border: 1px solid #ccc;
	padding: 5px;
	border-collapse: collapse;
}

.load-img .big img {
	width: 100%;
}

/*------------------------------------
				news
------------------------------------*/
.news-box,
.video-box {
	background-repeat: no-repeat;
	background-position: bottom right;
	font-family: "微軟正黑體";
	position: relative;
	float: left;
	background-color: #f2f2f2;
	margin: 0 2% 30px 2%;
	border: 1px solid #eee;
	width: 46%;

}

.news-box {
	background-size: auto 100%;
}

.blue-ribbon {
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-shadow: 0 0 5px #2C6180;
	color: #fff;

}

.date-block {
	position: relative;
	height: 50px;
	padding: 12px 10px;
	top: 10px;
	background-position: 0 -187px;
	left: -24px;
}

.blue-btn {
	position: absolute;
	background-position: 0 -240px;
	height: 30px;
	width: 50px;
	text-align: center;
	padding-top: 5px;
	bottom: 5px;
	right: -11px;
	/* left: 13px; */
}

.blue-btn:hover {
	color: #fff;
}

.news-box .text,
.video-box .text {
	background: #f2f2f2;
	width: 45%;
	float: left;
	padding: 0 15px;
}

.news-box .text {
	/* width: 50%; */
	min-width: 130px;
    margin-right: 190px;
}

.date-block .date {
	font-size: 30px;
	float: left;
	margin-right: 5px;
	margin-top: -5px;
}

.date-block .month,
.date-block .year {
	font-size: 12px;
	display: block;
}

.news-box h3 {
	height: 2.3em;
	overflow: hidden;
	margin: 20px 0 10px 0;
}

.news-box .img {
	position: relative;
	right: -15px;


}

.text p {
	line-height: 150%;
	font-family: "新細明體";
	height: 54px;
	overflow: hidden;
}

article {
	font-family: "微軟正黑體";
	position: relative;
	background-color: #f2f2f2;
	margin: 0 2%;
	border: 1px solid #eee;
	width: 95%;
	padding: 15px;
}

article header {
	margin-bottom: 20px;
}

article .inner_content {
	line-height: 150%;
	font-family: "新細明體";
	padding: 30px;
}

article .inner_content .img {
	width: 50%;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}

article h3 {
	margin-left: 100px;
	margin-top: -20px;
	font-size: 18px
}

article .sourse {
	margin: 40px 0;
}

article .blue-btn {
	bottom: 20px;
}

.video-box h3 {
	margin: 30px 0;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-review {
	position: relative;
}

.play-btn {
	margin-top: -35px;
	margin-left: -35px;
	left: 50%;
	top: 50%;
	position: absolute;
	opacity: .8;
}

.video-review:hover .play-btn {
	opacity: 1;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}

*:hover {
	transition: color .3s;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;

}

.video-review {
	overflow: hidden;
	position: relative;
	text-align: center;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
	float: right;
	width: 55%;
	min-height: 160px;
}

.video-review .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0
}

.video-review img {
	display: block;
	position: relative;

}

.review-img {
	min-height: 160px;
}

/*------------------------------------
				contact
------------------------------------*/
.contact .content{
	margin-bottom: 30px;
}

.contact .content b{
	font-size: 16px;
}

.contact .content p{
	font-size: 14px;
	margin-top: 10px;
}

.contact-info {
	padding: 10px 10px 20px 10px;
	border: 1px solid #eee;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.contact-info .exlarge {}

.contact-info .shadow {}

.contact-info .title {
	color: #7998aa;
	font-weight: bold;
	width: 90px;
	display: inline-block;
}

.contact-info ul {
	margin: 10px 0px 10px 40px;
	padding: 0;
}

.contact-info li {
	list-style: disc;
	margin: 5px 0;
	padding: 0
}

.form-contact {
	padding: 3%;
	border: 1px solid #E0E0E0;
	overflow: hidden;
	box-shadow: 0 2px 5px 1px #eee;
}

.btn-bar {
	padding: 20px 0;
}

.required {
	color: #CC0029;
	margin-right: 5px;
}

.form-contact .btn-bar {
	margin: 0;
	text-align: right;
}

.line-box {
	border: 1px solid #eee;
	box-shadow: 0 0 2px #ccc;
	height: 160px;
	overflow: hidden;
	margin-right: 2%;
	width: 49%;
	float: left;
	padding: 15px;
	margin-bottom: 50px;
}

.exlarge {
	position: absolute;
	top: -8px;
	right: 20px;
}

/*------------------------------------
				banner
------------------------------------*/
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
	outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	padding: 0;
	margin: 0;
}

.flexslider .slides>li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
	display: block;
}


/* FlexSlider Default Theme
*********************************/
.flexslider {
	position: relative;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	zoom: 1;
	max-height: 680px;
	overflow: hidden;
}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

.loading .flex-viewport {
	max-height: 300px;
}

.flexslider .slides {
	zoom: 1;
}

.carousel li {
	margin-right: 5px
}


/* Direction Nav */
.flex-direction-nav {
	*height: 0;
}

.flex-direction-nav a {
	/* width: 30px; 
	height: 30px;  */
	display: block;
	/* background: url(../images/bg_direction_nav.png) no-repeat 0 0;  */
	position: absolute;
	top: 85%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
	background-position: 100% 0;
	width: 30px;
	height: 30px;
	background-color: #fff;
	opacity: 0.5;

	border-radius: 6px;
	right: 30px;
}

.flex-direction-nav .flex-next::before {
	content: "";
	position: absolute;
	top: 30%;
	border-top: 3px solid #e5e5e5;
	border-right: 3px solid #e5e5e5;
	right: 10px;
	width: 15px;
	height: 15px;
	transform: rotate(45deg);
}

.flex-direction-nav .flex-prev {
	right: 80px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	opacity: 0.5;
	/* background-repeat: no-repeat;
	background-position: center;
	background-image: url("../../../../../web/res/zh_TW/images/left_arrow"); */
	border-radius: 6px;
}

.flex-direction-nav .flex-prev::before {
	content: "";
	position: absolute;
	top: 30%;
	border-top: 3px solid #e5e5e5;
	border-right: 3px solid #e5e5e5;
	width: 15px;
	height: 15px;
	right: 5px;
	transform: rotate(-135deg);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}

.flex-direction-nav .flex-disabled {
	opacity: .3 !important;
	filter: alpha(opacity=30);
	cursor: default;
}

.light {
	top: -10px;
	position: absolute;
	right: -80px;
}


img.left {
	margin-right: 20px;
}

.page-heading {
	background: url(../images/city.jpg) right bottom no-repeat;
	padding: 30px 0 40px 0;
}

.page-header {
	background: #f3f3f3;
}

.page-title {
	margin: 20px 0;
	font-size: 21px;
	float: left;
}

.sub-title {
	color: #69c5fc;
	font-weight: normal;
}

/* --------------------------------------------------------------
	Breadcrumb
-------------------------------------------------------------- */
.breadcrumb {
	float: right;
	margin-right: 10%;
	margin-bottom: 20px;
	/* border-top-left-radius: 20px; */
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	color: #282c37;
	background: #DEE8EE;
	margin-top: 30px;
	padding-right: 16px;
}

.breadcrumb .home {
	background: url(../images/home.png) no-repeat;
	/* background-size: 30px; */
	background-size: contain;
	padding-left: 25px;
	/* padding-top: 5px; */
}

.breadcrumb li {
	float: left;
	list-style: none;
	margin-left: -10px;
	padding: 2px 10px 2px 5px;

}

.breadcrumb li.home:before {
	content: " ";
}

.breadcrumb ul li a {
	margin-right: 15px;
	color: inherit;
}

.breadcrumb ul li a:after {
	content: "\f105";
	font-family: "FontAwesome";
	margin-left: 15px;
}

.breadcrumb ul li a:hover {
	color: #b4b4b4;
}

.breadcrumb ul li a:after:hover {
	color: #c4c4c4;
}



@media (max-width: 1020px) {

	.navbar-default .navbar-toggle {
		background: #759EB8;
		/* border-color: #2D3D58; */
		border: none;
	}

	.content,
	.navbar-collapse .container {
		width: 90%;
	}

	.video_content .video {
		width: 100%;
		float: none;
		padding-left: 15px;
	}

	.video_content .hot-service {
		width: 100%;
		float: none;
		padding-left: 15px;
	}

	.video_content .hot-service ol::before {
		display: none;
	}

	/* .breadcrumb {
		margin-right: 5%;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.breadcrumb .home {
		background-size: 30px;
	}

	.breadcrumb .home a {
		display: block;
		padding-top: 2px;
	}

	.breadcrumb li {
		padding: 3px 10px 3px 5px;
	}

	.breadcrumb li a {
		font-size: 14px;
	} */

	.main .branch {
		width: 100%;
		margin-bottom: 30px;
		background-position: 0 center;
	}

	/* .main .branch .icon {
		top: 5px;
		width: 12px;
	} */

	/* h2.this-title {
		font-size: 20px;
		padding: 0;
	}

	h2.this-title::first-letter {
		font-size: 30px;
	} */

	.classic .title_text{
		margin-left: 15px;
	}

	.team_inner .info .left_section{
		width: 90%;
		margin: 0 5%;
	}
	.team_inner .license .text_box{
		margin-left: 5%;
		padding: 0 30px 80px;
		width: 70%;
		background: rgba(0,0,0,0.8);
	}
	
}

@media (max-width: 900px) {

	.news-box,
	.video-box {
		width: 95%;
	}

	/* .news-box .text {
		width: 70%;
	} */
}

@media (min-width: 992px) {
	.navbar-nav>li>a {
		padding: 15px 30px 30px 30px;
	}

	.pagination {
		float: right;
	}
}

@media (max-width: 800px) {
	.navbar-brand {
		padding: 15px;
	}

	/* #main-menu{
		display: none;
	} */
	.navbar-toggle {
		right: 50px;
		bottom: 15px;
	}

	.navbar-brand img {
		width: 350px;
	}
}

@media (min-width:768px) {
	.hot-p img {
		max-height: 215px;
	}
}

@media (max-width: 768px) {
	.nav li small {
		display: none !important;
	}

	.navbar-nav .open .dropdown-menu>li>a {
		background: #f3f3f3;
		border-bottom: 1px dashed #999;
		text-align: center;
		padding: 15px 0;
	}

	.column {
		margin-bottom: 40px;
	}



	.service-catogory li a {
		border-width: 3px;
	}

	.video_content .video_title {
		margin: 50px 0 50px 0;
	}

	.video_content .play-list {
		margin-top: 20px;
	}
	

}

@media (max-width: 560px) {
	.breadcrumb {
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 95%;
		float: left;
	}

	.breadcrumb .home {
		/* background-size: 23px; */
		/* background-size: 26px; */
		/* padding-left: 25px; */
	}

	.breadcrumb .home a{
		padding-top: 0;
	}

	.breadcrumb li {
		padding: 1px 10px 1px 5px;
	}

	.breadcrumb li a {
		font-size: 12px;
	}

	.main .branch {
		background-image: url("../images/sub_bg2.png");
	}

	h2.this-title {
		font-size: 14px;
	}

	h2.this-title::first-letter {
		font-size: 18px;
	}

	.service-item li {
		margin-right: 20px;
	}
}

@media (max-width: 480px) {

	.left,
	.right {
		float: none !important;
	}

	.fri-link li {
		width: 100% !important;
	}

	.pagination,
	.btn-default {
		display: none;
	}

	.navbar-brand img {
		width: 250px;
	}

	.navbar-toggle {
		bottom: 8px;
	}

	.service-item li {
		margin-right: 15px;
	}


}

.equipment{
	margin-bottom: 30px;
}

.small_breadcrumb{
	margin-right: 0;
	background-color: #DEE8EE;
}
.small_breadcrumb li{
	padding: 1px 10px 1px 5px;
}
.small_breadcrumb .home {
	/* background-size: 25px; */
	padding-left: 25px;
}


/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,
.sm ul,
.sm li {
	display: block;
	list-style: none;
	padding: 0;
	line-height: normal;
	margin: 0;
	direction: ltr;
}

ul.sm li {
	position: relative;
}

ul.sm a {
	position: relative;
	display: block;
}

ul.sm a.disabled {
	cursor: default;
}

ul.sm ul {
	position: absolute;
	top: -999999px;
	left: -800px;
	width: 100px;
}

ul.sm li {
	float: left;
}

ul.sm-rtl {
	direction: rtl;
}

ul.sm-rtl li {
	float: right;
}

ul.sm ul li,
ul.sm-vertical li {
	float: none;
}

ul.sm a {
	white-space: nowrap;
}

ul.sm ul a,
ul.sm-vertical a {
	white-space: normal;
}

* html ul.sm-vertical li {
	float: left;
	width: 100%;
}

* html ul.sm-vertical ul li {
	float: none;
	width: auto;
}

*:first-child+html ul.sm-vertical>li {
	float: left;
	width: 100%;
}

ul.sm ul.sm-nowrap>li>a {
	white-space: nowrap;
	padding: 10px 20px;
}

ul.sm:after {
	content: "\00a0";
	display: block;
	height: 0;
	font: 0/0 serif;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

* html ul.sm {
	height: 1px;
}

*:first-child+html ul.sm {
	min-height: 1px;
}

ul.sm li *,
ul.sm li *:before,
ul.sm li *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

ul.sm {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#main-menu {
	position: relative;
	/* margin: 7px 0; */
	width: auto;
}

#main-menu ul {
	width: 12em;
}

/* Menu box
===================*/

.sm-simple,
.sm-simple ul {}

/* .sm-simple>li {
	padding: 0 15px 0 0;
} */

.sm-simple>li:before {
	content: "/";
	display: inline-block;
	position: absolute;
	top: 5px;
	color: #ffffff;
	/* opacity: .3; */
	font-size: 14px;
	margin-left: 6px;
	/* left: 80px; */
	left: 95%;
}

.sm-simple>li:first-child {
	content: none;
}

.sm-simple>li>ul {
	border-radius: 5px;
	/* background:#2a1d31; */
	background-color: #2D3D58;
}

.sm-simple>li>ul>li a {
	/* color: #a492ad; */
	color: #fff;
}

.sm-simple>li>ul>li a:hover {
	/* background: #51355e; */
	background-color: #43597E;
	color: #ffffff;
	/* border-radius: 0 0 5px 5px; */
}

.sm-simple .nav_contact::before {
	display: none;
}

/* Menu items
===================*/

.sm-simple a {
	font-size: 13px;
	text-decoration: none;
	/* color:#2d0134; */
	color: #759EB8;
	padding: 7px 18px;
	line-height: 14px;

}

.sm-simple>li>a {
	font-size: 13px;
	background: url(../images/arrow.png) 50% 130% no-repeat;
	transition: all .5s;
	color: #fff;
}

.sm-simple .current:hover,
.sm-simple .current:focus,
.sm-simple .current:active {

	border-bottom: none;
}

.sm-simple a.has-submenu {}

.sm-simple ul a.has-submenu,
.sm-simple-vertical a.has-submenu {
	padding-right: 23px;
}


/* Sub menu indicators
===================*/

.sm-simple a span.sub-arrow {
	display: none;
}

.sm-simple ul a span.sub-arrow,
.sm-simple-vertical a span.sub-arrow {
	right: auto;
	margin-left: -14px;
}


/* Items separators
===================*/

.sm-simple li {}

.sm-simple li:first-child {
	background: none;
}

.sm-simple ul li,
.sm-simple-vertical li {
	border-left: 0;
	border-top: 1px dotted #f3f3f3;
}

.sm-simple ul li:first-child,
.sm-simple-vertical li:first-child {
	border-top: 0;
}

===================*/ .sm-simple span.scroll-up,
.sm-simple span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	overflow: hidden;
	border: solid #bbb;
	border-width: 1px 0;
	background: #fff;
	height: 20px;
	/* width and position will be automatically set by the script */
}

.sm-simple span.scroll-up-arrow,
.sm-simple span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;

	width: 0;
	height: 0;
	overflow: hidden;
	border-width: 8px;
	/* tweak size of the arrow */
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #555 transparent;
}

.sm-simple span.scroll-down-arrow {
	top: 6px;
	border-style: solid dashed dashed dashed;
	border-color: #555 transparent transparent transparent;
}


/*
---------------------------------------------------------------
  Responsiveness
  
---------------------------------------------------------------*/


@media screen and (max-width: 768px) {
	

	#main-menu {
		margin: 7px 0;
	}

	ul.sm-simple {
		width: 100% !important;
		background: rgba(255, 255, 255, .2);
		border-radius: 5px;
	}

	ul.sm-simple ul {
		display: none;
		position: static !important;
		top: auto !important;
		left: auto !important;
		margin-left: 0 !important;
		margin-top: 0 !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		/* background:#DFD2E4; */
		background: #43597E;
	}

	ul.sm-simple>li {
		float: none;
	}

	ul.sm-simple>li>a,
	ul.sm-simple ul.sm-nowrap>li>a {
		white-space: normal;
	}

	ul.sm-simple iframe {
		display: none;
	}


	/*.sm-simple ul, .sm-simple span.sub-arrow, .sm-simple iframe {
		display:none !important;
	}*/
	.sm-simple a span.sub-arrow {
		position: absolute;
		right: 12px;
		top: 11px;
		width: 16px;
		height: 16px;
		line-height: 16px;
		overflow: hidden;
		display: block;
	}

	.sm-simple ul {
		border: 0;
		/* darken the background of the sub menus */
		background: rgba(100, 100, 100, 0.1);
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}


	.sm-simple li a {
		padding-top: 13px;
		padding-bottom: 13px;
		background: transparent !important;
		/* color:#51355e !important; */
		color: #fff;
	}

	.sm-simple>li.current a,
	.sm-simple>li>a:hover {
		border-bottom: none;
	}

	.sm-simple a.has-submenu {
		padding-right: 23px;
	}

	/* add some text indentation for the 2+ level sub menu items */
	.sm-simple ul a {
		border-left: 8px solid transparent;
	}

	.sm-simple ul ul a {
		border-left: 16px solid transparent;
	}

	.sm-simple ul ul ul a {
		border-left: 24px solid transparent;
	}

	.sm-simple ul ul ul ul a {
		border-left: 32px solid transparent;
	}

	.sm-simple ul ul ul ul ul a {
		border-left: 40px solid transparent;
	}

	.sm-simple a span.sub-arrow {
		right: auto;
		margin-left: -12px;
	}

	.sm-simple a.highlighted span.sub-arrow {
		display: none !important;
	}

	.sm-simple li {
		border-left: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
	}

	.sm-simple li:first-child {
		border-top: 0 !important;
	}

	.fast-link {
		margin-top: 0;
		float: none;
	}
}

/*
 * SmartTab plugin v2.0
 * jQuery Tab Control Plugin
 * 
 * by Dipu Raj
 * http://techlaboratory.net/smarttab
 * 
 * License 
 * http://creativecommons.org/licenses/by-sa/3.0/  
 */
#tabs {}

.stMain {
	display: block;
	margin: 0;
	padding: 0;
	color: #666666;
	border: 0px solid #CCC;
	font-family: "Segoe UI", Tahoma, arial, sans-serif;
	font-size: 100%;
	width: 900px;
}

.stContainer {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
	height: 450px;
	overflow: hidden;
	position: relative;
	min-height: 300px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.stMain div.tabContent {
	display: block;
	position: absolute;
	margin: 0;
	padding: 10px;
	border: 0px solid #D4D4D4;
	background-color: #FFF;
	text-align: left;
}

.stMain ul.tabAnchor {
	display: inline-block;
	list-style-type: none;
	position: relative;
	padding: 0;
	margin: 0;
	clear: both;
	margin-right: -1px;
	margin-top: 30px;
	z-index: 100;
	float: left;
}

.stMain ul.tabAnchor li {
	position: relative;
	margin: 0;
	padding: 0;
}

.stMain ul.tabAnchor li a {
	display: block;
	margin: 0;
	margin-bottom: 2px;
	padding: 5px;
	height: 50px;
	width: 160px;
	font-size: 18px;
	color: #666;
	text-decoration: none;
	outline-style: none;
	border: 1px solid #D4D4D4;
	background: #f6f6f6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
	/* IE6-9 */
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}

.stMain ul.tabAnchor li a small {
	font-size: 15px;
}

.stMain ul.tabAnchor li a:hover {
	color: #FFF;
	background: #00A7DB;
}

.stMain ul.tabAnchor li a.sel {
	color: #00A7DB;
	border-right-color: #FFF;
	cursor: text;
	background: rgb(249, 249, 249);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 249, 249, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(249, 249, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(249, 249, 249, 1) 0%, rgba(255, 255, 255, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}

.loader {
	position: absolute;
	left: 48%;
	top: 40%;
	display: block;
	margin: 0;
	padding: 5px;
	padding-top: 35px;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	outline-style: none;
	border: 1px solid #D4D4D4;
	background: #f6f6f6 url(../images/loader.gif) no-repeat 10px 10px;
}

a.stLinks {
	margin: 0;
	padding: 5px;
	color: #666;
	text-decoration: none;
	outline-style: none;
	border: 1px solid #D4D4D4;
	background-color: #f6f6f6;
}

a.stLinks:hover {
	color: #FFF;
	background-color: #00A7DB;
}

.scrollToTop {
	text-align: center;
	background: #759eb8;
	font-weight: bold;
	color: #fff;
	width: 50px;
	height: 50px;
	text-decoration: none;
	position: fixed;
	display: none;
	opacity: .3;
	/* padding: 10px 15px 10px 15px; */
	bottom: 30px;
	right: 20px;
	/* opacity: 0 */
}

.scrollToTop::after{
	content: "";
    position: absolute;
    left: 50%;
    top: 60%;
    border-top: 3px solid #f0f0f0;
    border-right: 3px solid #f0f0f0;
    width: 16px;
    height: 16px;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

a.scrollToTop:hover {
	color: #fff;
	/* opacity: 0; */
}

.scrollToTop:hover {
	text-decoration: none;
	opacity: 1;
	/* opacity: 0 */
}

.two-tab {
	width: 54.444%
}

.three-tab {
	width: 33.333%
}

.four-tab {
	width: 24.666%
}

/* Flexible Slide-to-top Accordion Style*/

.st-accordion {
	width: 100%;
	min-width: 270px;
	margin: 0 auto 50px auto;
}

.transportation,
.st-accordion {}

.transportation li,
.st-accordion>ul>li {
	border-bottom: 1px dashed #cccccc;
	overflow: hidden;
	padding: 10px 0;
	color: #333;
	padding-left: 60px;
	padding-top: 18px;
	background-image: url(../images/rank.png);
	background-repeat: no-repeat;
	height: 60px;
	/* font-size: 14px; */
	vertical-align: middle;
}

.transportation>li.mrt {
	background-position: 0 -90px
}

.transportation>li.bus {
	background-position: 0 -150px
}

.transportation>li.rail {
	background-position: 0 -210px
}

.st-accordion>ul>li.airport {
	background-position: 0 -275px
}

.transportation ul li:first-child {
	border-top: none;
}

.st-accordion ul li>a {
	display: block;
	position: relative;
	outline: none;
	height: 60px;
	color: #333;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	padding-right: 40px;
}

.st-accordion ul li>a span {
	background: transparent url(../images/arrowline.png) no-repeat top center;
	text-indent: -9000px;
	width: 26px;
	position: absolute;
	top: 20%;
	right: 10px;
	opacity: .5;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	height: 14px;
	margin-top: -7px;
}

.st-accordion ul li>a:hover {
	color: #a492ad;
	text-decoration: none;
}

.st-accordion ul li>a:hover span {
	opacity: 1;
}

.st-accordion ul li.st-open>a {
	color: #666;
	padding-right: 30px;
}

.st-accordion ul li.st-open>a span {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	right: 10px;
	opacity: 1;
}

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox {
	cursor: pointer;
	z-index: 10000;

	-ms-touch-action: none;
	touch-action: none;
	position: fixed;
	/* 50 */
}


/* WITH ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#imagelightbox-loading {
	width: 2.5em;
	/* 40 */
	height: 2.5em;
	/* 40 */
	background-color: #444;
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	padding: 0.625em;
	/* 10 */
	margin: -1.25em 0 0 -1.25em;
	/* 20 */

	-webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, .75);
	/* 40 */
	-moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, .75);
	/* 40 */
	box-shadow: 0 0 2.5em rgba(0, 0, 0, .75);
	/* 40 */
}

#imagelightbox-loading div {
	width: 1.25em;
	/* 20 */
	height: 1.25em;
	/* 20 */
	background-color: #fff;

	-webkit-animation: imagelightbox-loading .5s ease infinite;
	-moz-animation: imagelightbox-loading .5s ease infinite;
	-o-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading {
	from {
		opacity: .5;
		-webkit-transform: scale(.75);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1);
	}

	to {
		opacity: .5;
		-webkit-transform: scale(.75);
	}
}

@-moz-keyframes imagelightbox-loading {
	from {
		opacity: .5;
		-moz-transform: scale(.75);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1);
	}

	to {
		opacity: .5;
		-moz-transform: scale(.75);
	}
}

@-o-keyframes imagelightbox-loading {
	from {
		opacity: .5;
		-o-transform: scale(.75);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1);
	}

	to {
		opacity: .5;
		-o-transform: scale(.75);
	}
}

@keyframes imagelightbox-loading {
	from {
		opacity: .5;
		transform: scale(.75);
	}

	50% {
		opacity: 1;
		transform: scale(1);
	}

	to {
		opacity: .5;
		transform: scale(.75);
	}
}



/* WITH OVERLAY */

#imagelightbox-overlay {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}


/* WITH "CLOSE" BUTTON */

#imagelightbox-close {
	/* 40 */
	height: 40px;
	/* 40 */
	z-index: 10002;
	/* 40 */
	right: 2.5em;
	/* 40 */
	width: 40px;
	transition: color .3s ease;
	text-indent: -9999px;
	background-color: #666;
	position: fixed;
	text-align: left;
	top: 15%;
	background: url(../images/sprites.png) left -110px;
	cursor: pointer;
	opacity: .7;
}

#imagelightbox-close:hover {
	opacity: 1;
}

#imagelightbox-nav {
	background: url(../images/sprites.png) left -110px;
	z-index: 1200;
}

/*			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-moz-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				-o-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-moz-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				-o-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}*/


/* WITH CAPTION */

#imagelightbox-caption {
	text-align: center;
	color: #525252;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10001;
	padding: 0.625em;
	/* 10 */
}


/* WITH NAVIGATION */

#imagelightbox-nav {
	background-color: #444;
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em;
	/* 60 */
	padding: 0.313em;
	/* 5 */

	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#imagelightbox-nav a {
	width: 1em;
	/* 20 */
	height: 1em;
	/* 20 */
	border: 1px solid #fff;
	display: inline-block;
	margin: 0 0.313em;
	/* 5 */

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#imagelightbox-nav a.active {
	background-color: #fff;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav {
	-webkit-animation: fade-in .25s linear;
	-moz-animation: fade-in .25s linear;
	-o-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}

@-webkit-keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@media only screen and (max-width: 41.250em)

/* 660 */
	{
	#container {
		width: 100%;
	}

	#imagelightbox-close {
		top: 1.25em;
		/* 20 */
		right: 1.25em;
		/* 20 */
	}

	#imagelightbox-nav {
		bottom: 1.25em;
		/* 20 */
	}
}

.ordinal .number {
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	font-family: "TIMES NEW ROMAN";
	position: absolute;
	top: -10px;
	left: 5px;
}

.st-content {
	padding: 5px 0px 30px 0px;
}

.ordinal h4 {
	color: #7998aa;
	background: #eee;
	position: relative;
	padding: 5px 5px 2px 30px;
	display: inline-block;
	border-radius: 5px
}

.ordinal p {
	line-height: 180%;
	padding: 5px 4px 10px 30px;
}

.ordinal li>ul {
	margin-left: 50px
}

.ordinal h5 {
	background: url(../images/blue-arrow.gif) no-repeat;
	height: 20px;
	line-height: 20px;
	padding-left: 22px;
	margin-left: -22px;
	color: #7998aa;
	font-weight: normal;
}

.ordinal li>ul>li>p {
	padding: 0
}

.st-content img {
	width: 125px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

@media screen and (max-width: 768px) {
	.flex-direction-nav .flex-prev {
		width: 30px;
		height: 30px;
		left: 0;
	}

	.flex-direction-nav .flex-prev::before {
		width: 10px;
		height: 10px;
		right: 10px;
		top: 35%;
	}

	.flex-direction-nav .flex-next {
		width: 30px;
		height: 30px;
		right: 0;
	}

	.flex-direction-nav .flex-next::before {
		width: 10px;
		height: 10px;
		right: 12px;
		top: 35%;
	}

	.flex-direction-nav a {
		top: 50%;
	}

	.main {
		width: 100%;
		/* margin-bottom: 80px; */
	}

	.st-accordion ul li,
	.transportation li{
		padding-top: 8px;
		font-size: 13px;
	}


	/* .index { margin:0 0 80px 0;}	 */
	footer {
		display: block;
	}

	footer .content {
		width: 90%;
	}

	footer .content .info_content .info {
		margin-left: 0;
	}

	footer .social_media {
		float: none;
		text-align: left;
		margin-left: 0;
	}

	footer .social_media ul li {
		margin: 0 7.5px;
	}

	footer .copyright {
		float: none;
		text-align: left;
		margin-right: 0;
		padding-top: 30px;
	}

	footer address .title_text {
		margin-bottom: 30px;
	}

	footer address p {
		padding-bottom: 10px;
	}

	.aside {
		width: 100%;
		position: relative;
		margin-bottom: 0;
	}

	.aside-nav .img,
	.aside .hot-service {
		display: none
	}

	footer p {
		display: block;
	}

	footer .copyright p {
		display: inline-block;
		text-align: left
	}

	.index .video {
		margin-right: 0
	}

	.index .hot-service {
		padding-left: 15px;
		border-left: none;
		margin-top: 20px;
	}

	.light {
		display: none
	}

	.quality img {
		display: none;
	}

	.aside .menu {
		overflow: hidden;
	}

	.aside .menu li {
		float: left;
		margin-right: 1%;
		width: 23.666%;
		margin-bottom: 20px;
	}

	.dr-photo {
		width: 50%;
	}

	.load-img img,
	.load-img .big img {
		width: 20%
	}

	.form-contact .btn-bar {
		text-align: left;
		clear: both;
	}

	.service .aside .menu .sub-menu li {
		float: none;
		width: 100%;
	}

	.nav>li>a {
		font-size: 16px;
		padding: 10px 0;
	}

	.service-catogory li {
		/* width: 24%;
		margin: 0 0.5%; */
	}

	.fast-link {
		background: url(../images/footer_bg.jpg);
		z-index: 9999;
		width: 100%;
		height: 55px;
		position: fixed;
		bottom: 0;
		left: 0;
		margin-top: 20px;
	}

	.fast-link ul {
		margin: 0 auto;
		text-align: center;
		width: 300px;
	}

	.fast-link li {
		width: 30px;
		height: 30px;
		margin: 5px 15px;
		;
	}

	.navbar-header {
		position: relative;
		min-height: 50px;
	}

	.navbar-brand {
		padding: 0;
	}

	.navbar-brand img {}

	.navbar-toggle {
		/* bottom: 15px;  */
		right: 0;
	}

	footer>* {
		display: block
	}

	.fast-link li {
		text-indent: 0;
		position: relative;
	}

	.fast-link span {
		position: absolute;
		color: #fff !important;
		width: 5.4em;
		bottom: -15px;
		left: -18px;
	}

	.sm-simple>li:before {
		content: none
	}

	.page-title {
		margin: 0
	}

	.contact ul.menu {
		display: none;
	}

	.margin-block {
		margin: 50px auto;
	}

	article .content .img {
		float: none;
		width: 100%;
	}

	.navbar-brand {
		padding: 15px 0;
	}

	.album li {
		/* width: 30%; */
		width: 31%;
		margin: 1%;
	}

	.line-box {
		width: 100%;
	}

	article .content {
		padding: 10px 0 40px 0
	}

	address span {
		display: block;
	}

	.language-link {
		display: none;
	}

	.service-item {
		margin-bottom: 10px;
	}

	.html-block {
		margin-bottom: 10px;
	}

	.player iframe {
		height: 420px;
	}
}

@media screen and (max-width: 600px) {
	.player iframe {
		height: 320px;
	}

	/* .news-box .text {
		width: 50%;
	} */

}

@media screen and (max-width: 450px) {
	.album li {
		width: 48%;
		margin: 1%;
	}

	.navbar-toggle {
		bottom: 5px;
	}

	.player iframe {
		height: 320px;
	}

	.content {
		width: 95%;
	}

	.nav li a {
		font-size: 13px;
	}

	.main .branch .icon {
		left: 10px;
	}

	h2.this-title {
		margin-left: 30px;
	}

	.content .index {
		margin-top: 30px;
	}

	.margin-block {
		margin: 30px auto;
	}

	.video_content .video_title {
		margin: 30px auto;
	}

	.video_content .service_title {
		margin: 30px auto 20px;
	}

	.video_content .hot-service ol {
		margin-bottom: 30px;
	}

	.team_inner .info .left_section{
		width: 95%;
		margin: 0 2.5%;
	}
	/* .team_inner .license .text_box{
		margin-left: 2.5%;
		padding: 0 30px 80px;
		width: 70%;
		background: rgba(0,0,0,0.8);
	} */

	/* footer {
		margin-top: 50px;
	} */
}

@media screen and (max-width: 350px) {
	.aside .menu li {
		width: 99.666%;
		margin-bottom: 5px;
	}

}



.servtabs {
	position: absolute !important;
	z-index: 9999;
	display: none;
	margin-top: -1px;
	/* left:-100px; */

	border-radius: 5px;
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
	border-bottom: 0;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
	display: none;
}

.tab-content>.active,
.pill-content>.active {
	display: block;
}


.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
	float: none;
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
	min-width: 74px;
	margin-right: 0;
	margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
	float: left;
	margin-right: 19px;
	border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
	margin-right: -1px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover,
.tabs-left>.nav-tabs>li>a:focus {
	border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus {
	border-color: #ddd transparent #ddd #ddd;
	*border-right-color: #ffffff;
}



/*for service-menu*/
.menu_container {
	display: none;
	margin: 0 0 20px 0;
	border: 1px solid #eee;
	height: 36px;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075);
}

.menu_container a {
	text-decoration: none;
	color: #333;
	font-weight: 800;
	font-size: 12px;
	display: block;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
}

.menu_container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu_container ul li.current-menu-item {
	background-color: #ddd;
}

.menu_container>ul>li {
	display: block;
	float: left;
	position: relative;
}

.menu_container ul li:hover {
	background: #f6f6f6;
}

.menu_container>ul>li>ul {
	background-color: #fff;
	position: absolute;
	display: none;
	border: 1px solid #eee;
	top: 100%;
	width: 140px;
}

.menu_container>ul>li:hover>ul {
	display: block;
}

.menu_container>ul>li>ul>li {
	position: relative;
}

.menu_container>ul>li>ul>li>ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	border: 1px solid #eee;
	width: 140px;
}

.menu_container>ul>li>ul>li:hover>ul {
	display: block;
	background-color: #fff;
}

.menu_container>ul>li>ul>li>ul>li {}

.content {
	clear: both;
}

.title {
	font-weight: 800;
	font-size: 14px;
	/* text-transform: uppercase; */
}

pre {
	background-color: #fafafa;
	padding: 20px;
	overflow: auto;
	border: 1px solid #f1f1f1;
	color: #000;
}

.responsive_menu select {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 1.42857;
	color: rgb(85, 85, 85);
	vertical-align: middle;
	background-color: rgb(255, 255, 255);
	background-image: none;
	border: none;
	height: 36px;
	padding: 6px 12px;
}

.nofull select {
	width: auto;
}

label {
	float: left;
	line-height: 36px;
	font-weight: 800;
	/* font-size: 14px; */
}

.note {
	color: #999;
	font-size: 14px;
}

.download_button {
	padding: 15px 0;
	background: #F2F2F2;
	display: block;
	margin: 30px auto;
	width: 100%;
	max-width: 200px;
	text-align: center;
	color: #4988C6;
	text-decoration: none;
	font-weight: 800;
	font-size: 12px;
	border-bottom: 3px solid #ddd;
}

.download_button:active {
	position: relative;
	top: 3px;
	border-bottom: 0;
}

.download_button:hover {
	background-color: #eaeaea;
}




.ui-tabs-vertical {
	width: 52em;
}

.ui-tabs-vertical .ui-tabs-nav {
	/* padding: .2em .1em .2em .2em;  */
	float: left;
	border-radius: 5px 0 0 5px;
	width: 12em;
}

.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	/* margin: 0 -1px .2em 0;  */
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	border-right-width: 1px;
	border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel {
	padding: 1em;
	float: right;
	width: 35em;
}

.sub-serv-link,
.serv-intro {
	float: left;
}

.serv-intro {
	width: 200px;
}

.sub-serv-link {
	margin-left: 40px;
}

.sub-serv-link li {
	margin-bottom: 10px;
}

.ui-widget-content p {
	/* color:#e7dfdf; */
	color: #fff;
	margin: 15px 0;
}

.ui-corner-left a {
	padding-left: 5px
}


.sm-simple>li>a:hover,
.sm-simple>li>a:focus,
.sm-simple>li>a:active,
.sm-simple>li>a.highlighted,
.sm-simple .current {
	color: #ffffff;
	background: url(../images/arrow.png) 50% bottom no-repeat;
}