@charset "UTF-8";
/* CSS Document */

/*mobie-first*/

/*=======================================================================
=============================--CSS FILE--================================
=======================================================================*/

/*======================================================================
============================GENERAL FORMAT==============================
======================================================================*/

/*====================Embed Font====================*/
@font-face {
	font-family:'BebasNeue-Thin';
	src: url('../../font/BebasNeue/BebasNeue-Thin.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Thin.woff')format('woff'),
			 url('../../font/BebasNeue/BebasNeue-Thin.ttf')format('truetype');  
}

@font-face {
	font-family:'BebasNeue-Light';
	src: url('../../font/BebasNeue/BebasNeue-Light.eot')format('eot'),
	     url('../../font/BebasNeue/BebasNeue-Light.woff')format('woff'),  
			 url('../../font/BebasNeue/BebasNeue-Light.ttf')format('truetype');
}

@font-face {
	font-family:'BebasNeue-Regular';
	src: url('../../font/BebasNeue/BebasNeue-Regular.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Regular.woff')format('woff'),
			 url('../../font/BebasNeue/BebasNeue-Regular.ttf')format('truetype');  
}

@font-face {
	font-family:'BebasNeue-Book';
	src: url('../../font/BebasNeue/BebasNeue-Book.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Book.woff')format('woff'), 
			 url('../../font/BebasNeue/BebasNeue-Book.ttf')format('truetype');
}

@font-face {
	font-family:'BebasNeue-Bold';
	src: url('../../font/BebasNeue/BebasNeue-Bold.eot')format('eot'),
			 url('../../font/BebasNeue/BebasNeue-Bold.woff')format('woff'),
	     url('../../font/BebasNeue/BebasNeue-Bold.ttf')format('truetype');
}

@font-face {
	font-family:'Gidole-Regular';
	src: url('../../font/Gidole/Gidole-Regular.eot')format('eot'), 
			 url('../../font/Gidole/Gidole-Regular.woff')format('woff'),
			 url('../../font/Gidole/Gidole-Regular.ttf')format('truetype'); 
}

@font-face {
	font-family:'UTMA&SHeartbeat';
	src:url('../../font/Heartbeat/UTMA&SHeartbeat.eot')format('eot'), 
	    url('../../font/Heartbeat/UTMA&SHeartbeat.woff')format('woff'),
			url('../../font/Heartbeat/UTMA&SHeartbeat.ttf')format('truetype'); 
}

/*====================Apply For All====================*/
* {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}

/*====================header====================*/
header {
	position:relative;
}

/*====================Change Picture====================*/
.contentTips .contentTipsDetail .contentTipsDetail1 {background-image:url(../../img/tips/tip_1_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail2 {background-image:url(../../img/tips/tip_2_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail3 {background-image:url(../../img/tips/tip_3_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail4 {background-image:url(../../img/tips/tip_4_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail5 {background-image:url(../../img/tips/tip_5_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail6 {background-image:url(../../img/tips/tip_6_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail7 {background-image:url(../../img/tips/tip_7_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail8 {background-image:url(../../img/tips/tip_8_pic.jpg);}
.contentTips .contentTipsDetail .contentTipsDetail9 {background-image:url(../../img/tips/tip_9_pic.jpg);}

/*======================================================================
============================MOBILE VERSION==============================
======================================================================*/
@media only screen and (max-width: 40em) {
/*====================header-SMALL====================*/
header {
	height:360px;
	background-image:url(../../img/main_back.jpg);
	background-size:cover;
}

/*====================mainMenu-SMALL====================*/
.menu3Vach {
	background-color:#E333A5;
	margin-left:90%;
}

.hamburgerMenu {
	position:absolute;
	top:3%;
	height:2.5rem;
	width:2.5rem;
	background:rgba(0,0,0,0.5);
	border:0.05rem solid #fff;	
}

.hamburgerMenu i {
	text-align:center;
	line-height:2.5rem;
	margin:0 0 0 0.6rem;
}

.hamburgerMenu a {
	color:#fff;
	font-size:2rem;
	text-decoration:none;
}

.hamburgerMenu a:hover {
	color:#EEEEEE;
}

.mainMenuHolder {
	/*background:#A0494B;*/
	position:relative;
	overflow:hidden;
	min-height:100%;
}

.smallMainMenu {
	background:rgba(0,0,0,0.7);
	position:absolute;
	top:3%;
	width:50%;
	margin-left:3.9rem;
	/*right:-50%;*/
	z-index:999;
}

.smallMainMenu ul {
	list-style-type:none;
	padding:0.5rem;
}

.smallMainMenu ul li {
	/*background:#FD1C1F;*/
	margin:0.5rem 0 0 0.3rem;
}

.smallMainMenu ul li a {
	text-decoration:none;
	color:#fff;
	font-family:'BebasNeue-Regular';
	font-size:1.250rem;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.smallMainMenu ul li a:hover {
	color:#eee;
	border-bottom:0.1rem #fff solid;
}

/*====================logoArea-SMALL====================*/
.logoArea {
	position:relative;
	height:480px;
}

.logoArea > img {
	position:absolute;
	/*background:#EBADEA;*/
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:50%;
	top:9%;
}

.logoArea .slogan {
	/*background:#15507B;*/
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:56%;
	top:43%;
	width:21rem;
}

.logoArea .slogan li {
	/*background:#45C1EA;*/
	padding:0;
	margin:0 1rem 0 1rem;
}

/*====================contentTipsDetail-Small====================*/
.contentTips {
	height:100rem;
	position:relative;
}

.tipsHeadLine {
	/*background:#E2E664;*/
	height:2rem;
	position:absolute;
	top:1%;
	border-bottom:0.1rem solid #000;
	width:17rem;
	margin:1rem 1rem 0 0;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:50%;
}

.tipsHeadLine h1 {
	/*background:#D78182;*/
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
	text-align:center;
	height:2.1rem;
	width:7rem;
	border-bottom:0.4rem solid #000000;
	margin-left:5rem;
}

.contentTipsDetail1, .contentTipsDetail2, .contentTipsDetail3, .contentTipsDetail4 {
	width:446px;
	height:335px;
	background: #369;
	position: relative;
	overflow: hidden;
	background-repeat:no-repeat;
	border:0.05rem solid #ccc;
	background-size:cover;
	background-position:center center;
}

.mayAnhCaption {
	position: absolute;
	background: rgba(0,0,0,0.7);
	padding: 0.5rem;
	font-size: .9rem;
	color: #fff;
	text-decoration: none;
	width: 100%;
	-webkit-transition: bottom .25s ease-in-out;
	   -moz-transition: bottom .25s ease-in-out;
	    -ms-transition: bottom .25s ease-in-out;
       -o-transition: bottom .25s ease-in-out;
		      transition: bottom .25s ease-in-out;
	}

.contentTipsDetail1 .mayAnhCaption {bottom: -33%;}
.contentTipsDetail2 .mayAnhCaption {bottom: -40%;}
.contentTipsDetail3 .mayAnhCaption {bottom: -31%;}
.contentTipsDetail4 .mayAnhCaption {bottom: -25%;}

.mayAnhCaption:hover {
	bottom: 0;
	color:#fff;
}
					 
.mayAnhCaption p {
	margin:0;
	padding:0;
	margin-top:0.25rem;
	font-size:1rem;
	font-family:'Gidole-Regular';
}

.mayAnhCaption .mayAnhName {
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
}

/*====================footer-SMALL====================*/
footer {
	height:272px;
	position:relative;
}

.footerPart1 {
	position:absolute;
	top:0;
	left:0;
	float:none;
	background:#000000;
	width:100%;
	overflow:hidden;
}

.footerPart1 h3 {
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	color:#eee;
	padding:0;
	margin:1rem 0 0.3rem 0;
}

.footerPart1 a {
	font-family:'Gidole-Regular';
	font-size:1rem;
	color:#eee;
}

.footerPart1 a:hover {
	color:#fff;
}

.footerConnect ul, .footerContact ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.footerConnect img, .footerContact img {
	padding-bottom:0.2rem;
}

.footerPart1 .footerConnect {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:45%;
	margin:1rem 0.5rem;
	/*background:#22571F;*/
	padding-left:0.5rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerContact {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:45%;
	margin:1rem 0.5rem;
	/*background:#1B7868;*/
	padding-left:0.5rem;
}

.footerPart2 {
	background:#1a1a1a;
	width:100%;
	height:2.5rem;
	position:absolute;
	left:0;
	bottom:0;
}

.footerPart2 p {
	line-height:2.5rem;
}

.footerPart2 a {
	color:#808080;
	font-family:'Gidole-Regular';
	font-size:0.875rem;
}

.footerPart2 a:hover {
	color:#eee;
}

.footerPart2 .dongCopyright {
	/*background:#F8292D;*/
	width:24rem;
	padding-left:1rem;
	float:left;
}

}

/*======================================================================
============================TABLET VERSION==============================
======================================================================*/
@media only screen and (min-width: 40.063em) {
	
/*====================header-MEDIUM====================*/
header {
	height:580px;
	background-image:url(../../img/main_back.jpg);
	background-size:cover;
}

/*====================mainMenu-MEDIUM====================*/
.mainMenu {
	position:absolute;
	bottom:0;
	right:0 !important;
	height:45px;
	width:100%;
	background-color:rgba(0,0,0,0.4);
}

.mainMenuDetail {
	position:relative;
	/*background:#164073;*/
	height:45px;
}

.mainMenuDetail ul {
	/*background:#137A7E;*/
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	top:45%;
	left:50%;
	list-style-type:none;
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	width:650px;
	margin:0;
	padding:0;
	text-align:center;
}

.mainMenuDetail ul li {
	display: block;
	text-align: center;
	margin:0 1.55rem 0 1.55rem;
	float: left;
}

.mainMenuDetail ul li a {
	text-decoration:none;
	color: #fff;
}

.mainMenuDetail ul li a:hover {
	color:#eee;
}

.mainMenuDetail ul li a hr {
	margin-top:-5px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	width:0%;
	opacity:0;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.mainMenuDetail ul li a:hover hr {
	margin-top:-5px;
	width:100%;
	opacity:1;
}

/*====================logoArea-MEDIUM====================*/
.logoArea {
	position:relative;
	height:695px;
}

.logoArea > img {
	position:absolute;
	/*background:#EBADEA;*/
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:10%;
}

.logoArea .headerQuote {
	/*background:#280607;*/
	width:35rem;
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:37%;
}

.logoArea .headerQuote p {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:1.063rem;
	text-align:center;
	padding:0;
	margin:0 0 0.5rem 0;
}

.logoArea .headerQuote p span {
	font-size:3rem;
	position:absolute;
}

.logoArea .headerQuote p .openQuote {
	left:5.2rem;
	top:-10%;
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	-webkit-transform:rotate(-180deg);
	   -moz-transform:rotate(-180deg);
	        transform:rotate(-180deg);
}

.logoArea .headerQuote p .closeQuote {
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	left:72%;
	top:55%;
}

.logoArea .headerQuote h4 {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:0.938rem;
	text-align:center;
	padding:0;
	margin:0;
}

.logoArea .slogan {
	/*background:#15507B;*/
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:51%;
	bottom:30%;
}

.logoArea .slogan li {
	/*background:#45C1EA;*/
	padding:0;
	margin:0 1.5rem 0 1.5rem;
}

/*====================contentTipsDetail-Medium====================*/
.contentTips {
	height:100;
	position:relative;
}

.tipsHeadLine {
	/*background:#E2E664;*/
	height:2rem;
	position:absolute;
	top:1%;
	border-bottom:0.1rem solid #000;
	width:17rem;
	margin:1rem 1rem 0 15rem;
}

.tipsHeadLine h1 {
	/*background:#D78182;*/
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
	text-align:center;
	height:2.1rem;
	width:7rem;
	border-bottom:0.4rem solid #000000;
	margin-left:5rem;
}

.contentTipsDetail {
	position:absolute;
	top:2%;
	height:40rem;
}

.contentTipsDetail1, .contentTipsDetail2, .contentTipsDetail3, .contentTipsDetail4, .contentTipsDetail5, .contentTipsDetail6, .contentTipsDetail7, .contentTipsDetail8, .contentTipsDetail9 {
	width:240px;
	height:180px;
	background: #369;
	position: relative;
	overflow: hidden;
	background-repeat:no-repeat;
	border:0.05rem solid #ccc;
	background-size:cover;
	background-position:center center;
}

.mayAnhCaption {
	position: absolute;
	background: rgba(0,0,0,0.7);
	padding: 0.5rem;
	font-size: .9rem;
	color: #fff;
	text-decoration: none;
	width: 100%;
	-webkit-transition: bottom .25s ease-in-out;
	   -moz-transition: bottom .25s ease-in-out;
	     -ms-transition: bottom .25s ease-in-out;
	        -o-transition: bottom .25s ease-in-out;
	             transition: bottom .25s ease-in-out;
	}

.contentTipsDetail1 .mayAnhCaption {bottom: -74%;}
.contentTipsDetail2 .mayAnhCaption {bottom: -84%;}
.contentTipsDetail3 .mayAnhCaption {bottom: -73%;}
.contentTipsDetail4 .mayAnhCaption {bottom: -77%;}
.contentTipsDetail5 .mayAnhCaption {bottom: -85%;}
.contentTipsDetail6 .mayAnhCaption {bottom: -108%;}
.contentTipsDetail7 .mayAnhCaption {bottom: -63%;}
.contentTipsDetail8 .mayAnhCaption {bottom: -75%;}
.contentTipsDetail9 .mayAnhCaption {bottom: -41%;}

.mayAnhCaption:hover {
	bottom: 0;
	color:#fff;
}

.mayAnhCaption p {
	margin:0;
	padding:0;
	margin-top:0.2rem;
	font-size:0.813rem;
	font-family:'Gidole-Regular';
}

.mayAnhCaption .mayAnhName {
	font-family:'BebasNeue-Bold';
	font-size:1.125rem;
}

/*====================footer-MEDIUM====================*/
footer {
	height:272px;
	position:relative;
}

.footerPart1 {
	position:absolute;
	top:0;
	left:0;
	float:none;
	background:#000000;
	width:100%;
	overflow:hidden;
}

.footerPart1 h3 {
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	color:#eee;
	padding:0;
	margin:1rem 0 0.3rem 0;
}

.footerPart1 a {
	font-family:'Gidole-Regular';
	font-size:1.063rem;
	color:#eee;
}

.footerPart1 a:hover {
	color:#fff;
}

.footerAbout ul, .footerConnect ul, .footerContact ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.footerAbout img, .footerConnect img, .footerContact img {
	padding-bottom:0.2rem;
}

.footerPart1 .footerAbout {
	float:left;
	height:12.5rem;
	/*width:19rem;*/
	width:27%;
	margin:1rem 0.5rem;
	/*background:#4DEFEA;*/
	padding-left:1rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerAbout h3 {
	margin:1rem 0 0.5rem 0 !important;
}

.footerPart1 .footerAbout a {
	line-height:2.1rem !important;
}

.footerPart1 .footerConnect {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:30%;
	margin:1rem 0.5rem;
	/*background:#22571F;*/
	padding-left:1rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerContact {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:35%;
	margin:1rem 0.5rem;
	/*background:#1B7868;*/
	padding-left:1rem;
}

.footerPart2 {
	background:#1a1a1a;
	width:100%;
	height:2.5rem;
	position:absolute;
	left:0;
	bottom:0;
}

.footerPart2 p {
	line-height:2.5rem;
}

.footerPart2 a {
	color:#808080;
	font-family:'Gidole-Regular';
	font-size:1rem;
}

.footerPart2 a:hover {
	color:#eee;
}

.footerPart2 .dongCopyright {
	/*background:#F8292D;*/
	width:24rem;
	padding-left:1rem;
	float:left;
}

.footerPart2 .dongPolicy {
	width:13rem;
	padding-left:6rem;
	float:left;
	/*background:#C45CE8;*/
}

.footerPart2 .dongTerms {
	/*background:#45DAE3;*/
	width:10rem;
	padding-left:1rem;
	float:left;
}

}

/*======================================================================
==============================PC VERSION================================
======================================================================*/
@media only screen and (min-width: 64.063em) {
	
/*====================header-LARGE====================*/
header {
	height:768px;
	background-image:url(../../img/main_back.jpg);
	background-size:cover;
}

/*====================mainMenu-LARGE====================*/
.mainMenu {
	position:absolute;
	bottom:0;
	right:0 !important;
	height:45px;
	width:100%;
	background-color:rgba(0,0,0,0.4);
}

.mainMenuDetail {
	position:relative;
	/*background:#164073;*/
	height:45px;
}

.mainMenuDetail ul {
	/*background:#137A7E;*/
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	top:45%;
	left:50%;
	list-style-type:none;
	font-family:'BebasNeue-Regular';
	font-size:1.45rem;
	width:900px;
	margin:0;
	padding:0;
	text-align:center;
}

.mainMenuDetail ul li {
	display: block;
	text-align: center;
	margin:0 2.5rem 0 2.5rem;
	float: left;
}

.mainMenuDetail ul li a {
	text-decoration:none;
	color: #fff;
}

.mainMenuDetail ul li a:hover {
	color:#eee;
}

.mainMenuDetail ul li a hr {
	margin-top:-5px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	width:0%;
	opacity:0;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.mainMenuDetail ul li a:hover hr {
	margin-top:-5px;
	width:100%;
	opacity:1;
}

/*====================showMenu-LARGE====================*/
.showMenu {
	position:absolute;
	top:0;
	right:0 !important;
	height:45px;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	position:fixed;
	z-index:99;
}

.showMenuDetail {
	position:relative;
	/*background:#164073;*/
	height:45px;
}

.showMenuDetail ul {
	/*background:#137A7E;*/
	position:absolute;
	-webkit-transform:translate(-50%,-50%);
	   -moz-transform:translate(-50%,-50%);
	        transform:translate(-50%,-50%);
	top:45%;
	left:50%;
	list-style-type:none;
	font-family:'BebasNeue-Regular';
	font-size:1.45rem;
	width:900px;
	margin:0;
	padding:0;
	text-align:center;
}

.showMenuDetail ul li {
	display: block;
	text-align: center;
	margin:0 2.5rem 0 2.5rem;
	float: left;
}

.showMenuDetail ul li a {
	text-decoration:none;
	color: #fff;
}

.showMenuDetail ul li a:hover {
	color:#eee;
}

.showMenuDetail ul li a hr {
	margin-top:-5px;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;
	width:0%;
	opacity:0;
	-webkit-transition:all .5s ease;
	   -moz-transition:all .5s ease;
	    -ms-transition:all .5s ease;
	        transition:all .5s ease;
}

.showMenuDetail ul li a:hover hr {
	margin-top:-5px;
	width:100%;
	opacity:1;
}

/*====================logoArea-LARGE====================*/
.logoArea {
	position:relative;
	height:768px;
}

.logoArea > img {
	position:absolute;
	/*background:#EBADEA;*/
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:18%;
}

.logoArea .headerQuote {
	/*background:#280607;*/
	width:35rem;
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:49%;
	top:53%;
}

.logoArea .headerQuote p {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:1.313rem;
	text-align:center;
}

.logoArea .headerQuote p span {
	font-size:4rem;
	position:absolute;
}

.logoArea .headerQuote p .openQuote {
	left:2.3rem;
	top:-10%;
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	-webkit-transform:rotate(-180deg);
	   -moz-transform:rotate(-180deg);
	        transform:rotate(-180deg);
}

.logoArea .headerQuote p .closeQuote {
	/*background:#F31519;*/
	height:2rem;
	line-height:3rem;
	left:77%;
	top:60%;
}

.logoArea .headerQuote h4 {
	color:#fff;
	font-family:'Gidole-Regular';
	font-size:1rem;
	text-align:center;
	padding:0;
	margin:0;
}

.logoArea .slogan {
	/*background:#15507B;*/
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	left:51%;
	/*top:75%;*/
	bottom:13%;
}

.logoArea .slogan li {
	/*background:#45C1EA;*/
	padding:0;
	margin:0 2rem 0 2rem;
}

/*====================contentTipsDetail-Large====================*/
.contentTips {
	position:static;
	height:53rem;
}

.tipsHeadLine {
	/*background:#E2E664;*/
	position:static;
	height:2rem;
	top:3.3%;
	border-bottom:0.1rem solid #000;
	width:17rem;
	margin:2rem 1rem 2rem 22.5rem;
}

.tipsHeadLine h1 {
	/*background:#D78182;*/
	font-family:'BebasNeue-Bold';
	font-size:1.5rem;
	text-align:center;
	height:2.1rem;
	width:7rem;
	border-bottom:0.4rem solid #000000;
	margin-left:5rem;
}

.contentTipsDetail {
	/*background:#C62224;*/
	position:inherit !important;
}

.contentTipsDetail1, .contentTipsDetail2, .contentTipsDetail3, .contentTipsDetail4, .contentTipsDetail5, .contentTipsDetail6, .contentTipsDetail7, .contentTipsDetail8, .contentTipsDetail9 {
	width:300px;
	height:225px;
	background: #369;
	position: relative;
	overflow: hidden;
	background-repeat:no-repeat;
	border:0.05rem solid #ccc;
	background-size:cover;
	background-position:center center;
}

.mayAnhCaption {
	position: absolute;
	background: rgba(0,0,0,0.7);
	padding: 0.5rem;
	font-size: .9rem;
	color: #fff;
	text-decoration: none;
	width: 100%;
	-webkit-transition: bottom .25s ease-in-out;
	   -moz-transition: bottom .25s ease-in-out;
	     -ms-transition: bottom .25s ease-in-out;
	        -o-transition: bottom .25s ease-in-out;
	             transition: bottom .25s ease-in-out;
	}

.contentTipsDetail1 .mayAnhCaption {bottom: -70%;}
.contentTipsDetail2 .mayAnhCaption {bottom: -81%;}
.contentTipsDetail3 .mayAnhCaption {bottom: -71%;}
.contentTipsDetail4 .mayAnhCaption {bottom: -59%;}
.contentTipsDetail5 .mayAnhCaption {bottom: -82%;}
.contentTipsDetail6 .mayAnhCaption {bottom: -103%;}
.contentTipsDetail7 .mayAnhCaption {bottom: -50%;}
.contentTipsDetail8 .mayAnhCaption {bottom: -71%;}
.contentTipsDetail9 .mayAnhCaption {bottom: -36%;}

.mayAnhCaption:hover {
	bottom: 0;
	color:#fff;
}
					 
.mayAnhCaption p {
	margin:0;
	padding:0;
	margin-top:0.25rem;
	font-size:0.973rem;
	font-family:'Gidole-Regular';
}

.mayAnhCaption .mayAnhName {
	font-family:'BebasNeue-Bold';
	font-size:1.250rem;
}

/*====================footer-LARGE====================*/
footer {
	height:272px;
	position:static;
}

.footerPart1 {
	position:inherit;
	float:none;
	background:#000000;
	width:100%;
	overflow:hidden;
}

.footerPart1 .footerLogo {
	float:left;
	height:12.5rem;
	/*width:21.5rem;*/
	/*width:25rem;*/
	width:28%;
	margin:1rem 0.5rem;
	/*background:#8F589D;*/
	position:relative;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerLogo img {
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	top:7%;
	left:50%;
}

.footerPart1 .footerLogo h2 {
	font-family:'BebasNeue-Regular';
	font-size:1.460rem;
	color:#eee;
	position:absolute;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	        transform:translateX(-50%);
	top:79%;
	left:52%;
	width:258px;
	padding:0;
	margin:0;
}

.footerPart1 h3 {
	font-family:'BebasNeue-Regular';
	font-size:1.313rem;
	color:#eee;
	padding:0;
	margin:1rem 0 0.3rem 0;
}

.footerPart1 a {
	font-family:'Gidole-Regular';
	font-size:1.063rem;
	color:#eee;
}

.footerPart1 a:hover {
	color:#fff;
}

.footerAbout ul, .footerConnect ul, .footerContact ul {
	list-style-type:none;
	padding:0;
	margin:0;
}

.footerAbout img, .footerConnect img, .footerContact img {
	padding-bottom:0.2rem;
}

.footerPart1 .footerAbout {
	float:left;
	height:12.5rem;
	/*width:19rem;*/
	width:20%;
	margin:1rem 0.5rem;
	/*background:#4DEFEA;*/
	padding-left:2rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerAbout h3 {
	margin:1rem 0 0.5rem 0 !important;
}

.footerPart1 .footerAbout a {
	line-height:2.1rem !important;
}

.footerPart1 .footerConnect {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:22%;
	margin:1rem 0.5rem;
	/*background:#22571F;*/
	padding-left:2rem;
	border-right:0.05rem solid #eee;
}

.footerPart1 .footerContact {
	float:left;
	height:12.5rem;
	/*width:20.5rem;*/
	width:22%;
	margin:1rem 0.5rem;
	/*background:#1B7868;*/
	padding-left:2rem;
}

.footerPart2 {
	background:#1a1a1a;
	width:100%;
	height:2.5rem;
	position:relative;
}

.footerPart2 p {
	padding:0;
	margin:0;
	position:absolute;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	        transform:translateY(-50%);
	top:50%;
}

.footerPart2 a {
	color:#808080;
	font-family:'Gidole-Regular';
	font-size:1rem;
}

.footerPart2 a:hover {
	color:#eee;
}

.dongCopyright {
	left:3%;
}

.dongPolicy {
	left:77%;
	padding-left:0 !important;
}

.dongTerms {
	left:86%;
}

}





