.visible-vxs{display: none !important;}

.container{width:1210px;}

.row-0{margin: 0;}
.row-0 > div{padding: 0;}
.row-10{margin: 0 -5px;}
.row-10 > div{padding: 0 5px;}
.row-20{margin: 0 -10px;}
.row-20 > div{padding: 0 10px;}
.row-40{margin: 0 -20px;}
.row-40 > div{padding: 0 20px;}
.row-R > div{float: right;}

.row-table{display: table; width: 100%;}
.row-table > div{display: table-cell; vertical-align: middle; position: relative;}
.row-table .col{width: auto;}
.row-table .col-auto{width: 1%;}
.row-table.vlign-top > div{vertical-align: top;}

.row-centered {text-align:center;}
.col-centered {display:inline-block; float:none; text-align:left; margin-right:-3px; margin-left: -3px;}

.section-middle{display: table; width: 100%; height: 100vh;}
.section-middle > div{display: table-cell; vertical-align: middle;}

body{
	font-family: 'Conv_UniversLTStd';
	background-color: #fff;
	font-size:16px;
	color: #333;
	line-height: 1em;
	/*-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
	overflow: hidden;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Conv_UniversLTStd'; line-height: 1; font-weight: normal; margin-bottom: 0;}

.cover,
figure.cover{margin: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
figure.contain{margin: 0; background-size: contain; background-position: center; background-repeat: no-repeat;}
figure.cover img,
.cover img{width: 100%;}
img{max-width: 100%;}

.icon{position: relative;}
.icon img{display: block;}

a:focus{outline: none;}
.btn,
.link{
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.link:focus,
.link:hover{text-decoration: none;}

input,
select,
textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.item-list{margin: 0; padding: 0;}
.item-list > li{list-style: none; float: left;}
.item-list:before,
.item-list:after{content: ' '; display: table;}
.item-list:after{clear: both;}
.item-list.fluid > li{width: 100%;}

.nav-list{margin: 0; padding: 0;}
.nav-list > li{list-style: none; float: left;}
.nav-list:before,
.nav-list:after{content: ' '; display: table;}
.nav-list:after{clear: both;}
.nav-list.fluid > li{width: 100%;}

.text-primary{}
.text-secondary{}
.text-light{color: #fff;}





.header{}
.header:after{content: ' '; display: table; clear: both;}
.header .logo{position: fixed; z-index: 10; top: 20px; left: 20px; width: 575px;}
.header .logo .thumb{width: 95px;
	-webkit-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
}
.header .logo .text{padding-left: 20px; font-family: 'Conv_RSU'; font-size: 25px; font-weight: bold; color: #fff;}
.header .menu-bar{position: fixed; z-index: 10; top: 20px; right: 20px;}
.header .menu-bar > div{float: right;}
.header .menu-bar:after{content: ' '; display: table; clear: both;}
.header .menu-bar .menu-mobile-btn{width: 80px; height: 80px; background-color: #c91771; transition: all 200ms ease-out;
	-webkit-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
}
.header .menu-bar .menu-mobile-btn:hover{background-color: #b31464;}
.header .menu-bar .menu-mobile-btn.active{right: 300px;}
.header .menu-bar .menu-home-btn{width: 80px; height: 80px; text-align: center; line-height: 80px; background-color: #c91771; transition: all 200ms ease-out; display: table;
	-webkit-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
			box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.15);
}
.header .menu-bar .menu-home-btn:hover{background-color: #b31464;}
.header .menu-bar .menu-home-btn .btn{line-height: 40px; display: table-cell;}
.header .menu-bar .language{padding: 33px 7px;}
.header .menu-bar .language li + li{border-left: 1px solid #fff;}
.header .menu-bar .language .link{font-size: 16px; color: #fff; line-height: 14px; padding: 0 20px; display: block; position: relative;}
.header .menu-bar .language .link:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 40px; height: 40px; margin: auto; border: 1px solid #fff;
	transition: all 200ms ease-out; opacity: 0;
}
.header .menu-bar .language .link:hover:before{opacity: 1;}
.header .menu-bar .language .active .link:before{opacity: 1;}
.header .menu-bar .nav-menu{position: fixed; z-index: 99; top: 0; overflow: auto; right: -340px; width: 320px; height: 100vh;
	background-color: rgba(255, 255, 255, 0.95); transition: all 200ms ease-out;
}
.header .menu-bar .nav-menu .nav-list li{width: 100%;}
.header .menu-bar .nav-menu .nav-list li + li{border-top: 1px solid #ebebeb;}
.header .menu-bar .nav-menu .nav-list .link{font-size: 18px; color: #6e63ac; background-color: #fff; padding: 25px 20px; display: block; font-family: 'Conv_RSU';}
.header .menu-bar .nav-menu .nav-list .link:hover{color: #fff; background-color: #6e63ac;}
.header .menu-bar .nav-menu .share{}
.header .menu-bar .nav-menu .share li{width: 33.33%;}
.header .menu-bar .nav-menu .share li .link{color: #fff; text-align: center; font-size: 12px; line-height: 40px; display: block;}
.header .menu-bar .nav-menu .share li .facebook{background-color: #4267b2;}
.header .menu-bar .nav-menu .share li .facebook:hover{background-color: #2f5198;}
.header .menu-bar .nav-menu .share li .twitter{background-color: #1da1f2;}
.header .menu-bar .nav-menu .share li .twitter:hover{background-color: #148ed8;}
.header .menu-bar .nav-menu .share li .line{background-color: #00c402;}
.header .menu-bar .nav-menu .share li .line:hover{background-color: #04ab06;}
.header .menu-bar .nav-menu .share li .icon{width: 15px; top: -2px; position: relative; margin-right: 3px;}
.header .menu-bar .nav-menu .copyright{padding: 10px; text-align: center; font-size: 12px; color: #fff; background-color: #6e63ac;
	position: absolute; left: 0; right: 0; bottom: 0; width: 100%; font-family: 'Arial';
}
.header .menu-bar .nav-menu.open{right: 0;}



.messenger-box{position: fixed; z-index: 8; right: 20px; bottom: 135px;}
.messenger{width: 80px; height: 82px; border-radius: 50%; display: block;
	background-color: #fff; background-image: url(../image/asset/face-chat.png); background-position: center 14px; background-repeat: no-repeat;
	-webkit-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 20px 20px 65px 0px rgba(0, 0, 0, 0.3);
}

.footer{background-color: rgba(0,0,0,0.10); padding: 20px; position: fixed; z-index: 9; left: 0; bottom: 0; width: 100%;}
.footer .logo{width: 295px;}
.footer .logo .thumb{width: 73px;}
.footer .logo .text{padding-left: 20px; color: #ffffff;}
.footer .logo .text h6{font-size: 20px; font-family: 'Arial'; letter-spacing: 1; font-weight: bold;}
.footer .logo .text h6 .sub-title{font-family: 'Conv_UniversLTStd';}
.footer .logo .text p{font-family: 'Conv_RSU'; font-size: 24px;  margin-bottom: 0; line-height: 1;}
.footer .nav-footer{text-align: center;}
.footer .nav-footer .nav-list{display: inline-block;}
.footer .nav-footer li + li{border-left: 1px solid #fff;}
.footer .nav-footer .link{font-size: 21px; color: #fff; line-height: 20px; padding: 0 20px; display: block; font-family: 'Conv_RSU';}
.footer .nav-footer:hover .link{opacity: 0.4;}
.footer .nav-footer:hover .link:hover{opacity:1;}
.footer .appcode{width: 431px; transition: all 200ms ease-out;}
.footer .appcode .link{display: inline-block; vertical-align: middle;}
.footer .appcode .link + .link{margin-left: 10px;}
.footer .appcode .qrcode{width: 80px;}





.yt-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.playYoutube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.playYoutube .cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-color: #fff;
	cursor: pointer;
}
.urgent{
	display: none;
}