/* Last Update : 2017-10-13 */
/* DO NOT EDIT THIS */

@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

.bannertitle{
    font-size: 25px;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5);
}

.bannertitle_en{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5);
}

.bannertitle_bm{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5);
}

.bannertitle_cn{
    font-size: 55px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5);
}

.bannertitle_small {
    font-size: 25px;
    font-style: italic;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5);
}

.btn-square2 {
padding: 10px 20px;
display: inline-block;
position: relative;
transition: all .2s ease-in-out;
margin-top: 30px;
background: rgba(35,102,141,0.75);
border-width: inherit;
border-style: inherit;
border-color: inherit;
color: #fff;
font-weight: bold;
border-width: 5px;
border-radius: 5px;
font-size: 20px;
text-transform: uppercase;
}

.btn-square2:hover {
text-decoration: none;
background-color: #23668d;
color: inherit;
}

.banner-item .banner-caption{
	position: absolute;	
}

/* all banner caption */
.banner-item .banner-caption{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	font-family: 'Montserrat','Microsoft YaHei', 'Microsoft JhengHei', sans-serif;
}

/* banner number start from 0 */
/* banner caption no 1 */
.banner-item .banner-caption.id-0{
}

/* banner caption no 2 */
.banner-item .banner-caption.id-1{
}

@media screen and (max-width: 1334px) {
	/* ONLY EDIT IF DIFFERENT WITH DESKTOP */

.bannertitle{
    font-size: 10.5px !important;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5) !important;
}

.bannertitle_en{
    font-size: 12.5px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5) !important;
    margin-top: -15px !important;
    margin-bottom: -15px !important;
    line-height: 1.25em !important;
}

.bannertitle_bm{
    font-size: 12.5px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5) !important;
    margin-top: -15px !important;
    margin-bottom: -15px !important;
    line-height: 1.25em !important;
}

.bannertitle_cn{
    font-size: 15.5px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5) !important;
    margin-top: -15px !important;
    margin-bottom: -15px !important;
}

.bannertitle_small {
    font-size: 10px !important;
    font-style: italic !important;
    text-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5) !important;
}
    
.btn-square2 {
padding: 5px 15px !important;
display: inline-block !important;
position: relative !important;
transition: all .2s ease-in-out !important;
margin-top: 0px !important;
background: rgba(35,102,141,0.75) !important;
border-width: inherit !important;
border-style: inherit !important;
border-color: inherit !important;
color: #fff !important;
font-weight: bold !important;
border-width: 5px !important;
border-radius: 5px !important;
font-size: 10px !important;
text-transform: uppercase !important;
}

.btn-square2:hover {
text-decoration: none !important;
background-color: #23668d !important;
color: inherit !important;
}

.btn-square.black {
border-color: #333333 !important;
color: #333333 !important;
font-weight: bold !important;
border-width: 5px !important;
border-radius: 5px !important;
}

.btn-square.black:hover {
background-color: #333333 !important;
color: #fff !important;
}

.round-img {
border-radius: inherit !important;
border: 5px solid #fff !important;
transition: .5s !important;
}

.round-img:hover {
border: 5px solid #23668d !important;
border-radius: 50% !important;
box-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5) !important;
transition: .5s !important;
}

#img_map {
background: url(map1.png) no-repeat center !important;
background-size: 90% auto !important;
}

span.photo_num {
background-color: #23668d !important;
}

.company_name {
right: 55px !important;
}

.cat_title {
background-color: #23668d !important;
}

.cat_title a {
color: #fff !important;
}

    .round-img {
        border: none !important;
    }
    
.round-img:hover {
    border: none !important;
    border-radius: 50% !important;
    box-shadow: 2.5px 2.5px 5px rgba(0,0,0,.5) !important;
    transition: .5s !important;
}

.hover-target .flipcontent {
transition: transform .8s ease-in-out !important;        
}    

	/* all banner caption */
	.banner-item .banner-caption{
	}

	/* banner number start from 0 */
	/* banner caption no 1 */
	.banner-item .banner-caption.id-0{
	}

	/* banner caption no 2 */
	.banner-item .banner-caption.id-1{
	}
}