html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	/*	margin: 0;*/
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}
html {
	line-height: 1
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}
q, blockquote {
	quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none
}
a img {
	border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
#GOTOP, #GOTOP i, .ALL, .carousel-BOX .owl-theme .owl-nav .owl-prev, .carousel-BOX .owl-theme .owl-nav .owl-next, .carousel-BOX .owl-theme .owl-dots .owl-dot span, .carousel-BOX .owl-theme .owl-dots .owl-dot.active span, .FREE img, #FROM .INP_A, #FROM #READ label input[type="checkbox"]+span:before, #FROM #READ label input[type="checkbox"]+span:after, #FROM #BUT, .CONTENT3 .BOX img, .CONTENT3 .BOX h6 {
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out
}
/*
.FREE img:hover, .CONTENT3 .BOX img:hover {
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	transform: scale(1.03)
}
*/
.CONTENT1 .W_CENTER .text_BOX h1, .CONTENT1 .W_CENTER .text_BOX h2, .FREE img, .CONTENT3 .BOX img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
*, *:after, *:before {
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body, html {
	width: 100%;
	height: 100%
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
body {
	background-color: #5d379d;
	overflow-x: hidden;
	font-family: 'Microsoft JhengHei', 微軟正黑體, SegoeUI, 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal
}
::selection {
	background-color: black;
	color: #ffac92;
	text-shadow: none
}
::-moz-selection {
background-color:black;
color:#ffac92;
text-shadow:none
}
#GOTOP {
	display: none;
	width: 0px;
	height: 40px;
	cursor: pointer;
	right: 1px;
	bottom: 1px;
	background-color: #00a199;
	text-align: center;
	color: #fff;
	position: fixed;
	z-index: 9999
}
#GOTOP:hover {
	background-color: #00d4c9
}
#GOTOP:hover i {
	color: #1c406b
}
#GOTOP i {
	display: block;
	vertical-align: middle;
	font-size: 24px;
	text-align: center;
	margin-top: 6px;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: 0.1
}
#GOTOP.active {
	width: 40px
}
#GOTOP.active i {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}
.iframe {
	background-color: white
}
.ALL {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	background-color: white
}
.CONTENT1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	background-color: #fff
}
.CONTENT1 .W_CENTER {
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	margin-bottom: -3px;
	color: #f3f3f3
}
.CONTENT1 .W_CENTER .text_BOX {
	position: absolute;
	top: 26%;
	left: 50%;
	z-index: 300;
	width: auto;
	text-align: center;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media (max-width: 991px) {
.CONTENT1 .W_CENTER .text_BOX {
	top: 22vw;
	width: 100%
}
}

@media (max-width: 533px) {
.CONTENT1 .W_CENTER .text_BOX {
	top: 19.5vw
}
}
.CONTENT1 .W_CENTER .text_BOX h1 {
	font-size: 110px;
	letter-spacing: 5px;
	padding: 0 5px;
	white-space: nowrap;
	font-weight: 400;
	text-shadow: 0 4px 0 rgba(0,0,0,0.85), 0 8px 20px rgba(0,0,0,0.85)
}

@media (max-width: 1366px) {
.CONTENT1 .W_CENTER .text_BOX h1 {
	font-size: 8vw
}
}

@media (max-width: 991px) {
.CONTENT1 .W_CENTER .text_BOX h1 {
	white-space: normal;
	letter-spacing: 4px;
	font-size: 17vw;
	display: block;
	line-height: 1.1
}
}

@media (max-width: 768px) {
.CONTENT1 .W_CENTER .text_BOX h1 {
	letter-spacing: 1px;
	line-height: 1;
	font-size: 20vw
}
}

@media (max-width: 991px) {
.CONTENT1 .W_CENTER .text_BOX h1 span {
	display: block
}
}
.CONTENT1 .W_CENTER .text_BOX h2 {
	font-size: 40px;
	letter-spacing: 3px;
	border-top: 1px solid;
	border-bottom: 2px solid;
	padding: 9px 0;
	margin-top: 15px;
	letter-spacing: 2px;
	text-shadow: 0 2px 0 rgba(0,0,0,0.95), 0 5px 15px rgba(0,0,0,0.75)
}

@media (max-width: 1366px) {
.CONTENT1 .W_CENTER .text_BOX h2 {
	font-size: 3vw
}
}

@media (max-width: 991px) {
.CONTENT1 .W_CENTER .text_BOX h2 {
	width: 90vw;
	margin-right: auto;
	margin-left: auto;
	font-size: 5vw
}
}

@media (max-width: 768px) {
.CONTENT1 .W_CENTER .text_BOX h2 {
	margin-top: 8px;
	letter-spacing: 1px;
	font-size: 6vw
}
}
.item:before {
	content: "";
	display: block;
	background-color: rgba(0,0,0,0.55);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}
.item:after {
	content: "";
	background-image: url('../images/POINT.png?1500970008');
	width: 4px;
	height: 4px;
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0
}
.item p {
	position: absolute;
	top: 65%;
	left: 50%;
	z-index: 20;
	letter-spacing: 1px;
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 22px;
	display: inline-block;
	white-space: nowrap;
	padding: 10px 80px;
	font-weight: 100;
	text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMxYzQwNmIiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBhMTk5IiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -moz-linear-gradient(45deg, rgba(28,64,107,0.9) 45%, rgba(0,161,153,0.9));
	background: -webkit-linear-gradient(45deg, rgba(28,64,107,0.9) 45%, rgba(0,161,153,0.9));
	background: linear-gradient(45deg, rgba(28,64,107,0.9) 45%, rgba(0,161,153,0.9));
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow: 0 1px 0 rgba(243,243,243,0.7);
	-webkit-box-shadow: 0 1px 0 rgba(243,243,243,0.7);
	box-shadow: 0 1px 0 rgba(243,243,243,0.7)
}

@media (max-width: 1366px) {
.item p {
	font-size: 1.6vw;
	top: 70%
}
}

@media (max-width: 991px) {
.item p {
	font-size: 3.5vw;
	top: 82vw;
	white-space: normal;
	width: 85vw;
	padding: 10px 30px;
	line-height: 1.4;
	letter-spacing: 1px
}
}

@media (max-width: 533px) {
.item p {
	font-size: 5vw;
	top: 80vw;
	width: 90vw
}
}
.item p.P2 {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiMwMGExOTkiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmY4ZDY5IiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -moz-linear-gradient(45deg, rgba(0,161,153,0.9) 45%, rgba(255,141,105,0.9));
	background: -webkit-linear-gradient(45deg, rgba(0,161,153,0.9) 45%, rgba(255,141,105,0.9));
	background: linear-gradient(45deg, rgba(0,161,153,0.9) 45%, rgba(255,141,105,0.9))
}
.item p.P3 {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNmZjhkNjkiIHN0b3Atb3BhY2l0eT0iMC45Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDBhMTk5IiBzdG9wLW9wYWNpdHk9IjAuOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background: -moz-linear-gradient(45deg, rgba(255,141,105,0.9) 45%, rgba(0,161,153,0.9));
	background: -webkit-linear-gradient(45deg, rgba(255,141,105,0.9) 45%, rgba(0,161,153,0.9));
	background: linear-gradient(45deg, rgba(255,141,105,0.9) 45%, rgba(0,161,153,0.9))
}
.IMG_PC {
	display: block
}

@media (max-width: 991px) {
.IMG_PC {
	display: none
}
}
.IMG_M {
	display: none
}

@media (max-width: 991px) {
.IMG_M {
	display: block
}
}
.carousel-BOX {
	position: relative;
	background-image: url('../images/PC_01.jpg?1500628979');
	background-size: cover;
	overflow: hidden
}

@media (max-width: 991px) {
.carousel-BOX {
	background-image: url('../images/M_01.jpg?1500877443')
}
}
.carousel-BOX .owl-theme .owl-nav {
	position: absolute;
	top: 47%;
	display: block;
	width: 100%
}
.carousel-BOX .owl-theme .owl-nav [class*='owl-'] {
	zoom: 1;
	color: #f3f3f3;
	background: transparent;
	cursor: pointer;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	display: table;
	text-align: center;
	font-size: 46px !important;
	text-shadow: 0 0 2px rgba(0,0,0,0.4)
}
.carousel-BOX .owl-theme .owl-nav [class*='owl-']:hover {
	background-color: rgba(0,161,153,0.8)
}
.carousel-BOX .owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: -5px
}
.carousel-BOX .owl-theme .owl-nav .owl-prev:before {
	font-family: FontAwesome;
	content: "\f104";
	vertical-align: middle;
	display: table-cell
}

@media (max-width: 991px) {
.carousel-BOX .owl-theme .owl-nav .owl-prev {
	display: none
}
}
.carousel-BOX .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: -5px
}
.carousel-BOX .owl-theme .owl-nav .owl-next:before {
	font-family: FontAwesome;
	content: "\f105";
	vertical-align: middle;
	color: #f3f3f3;
	display: table-cell
}

@media (max-width: 991px) {
.carousel-BOX .owl-theme .owl-nav .owl-next {
	display: none
}
}
.carousel-BOX .owl-theme .owl-dots {
	margin-top: 0;
	position: absolute;
	display: block;
	width: 100%;
	bottom: 3%
}
.carousel-BOX .owl-theme .owl-dots .owl-dot span {
	margin: 0px 7px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	box-shadow: 0 2px 1px rgba(0,0,0,0.3);
	background-color: #f3f3f3
}
.carousel-BOX .owl-theme .owl-dots .owl-dot span:hover {
	background-color: #1c406b
}
.carousel-BOX .owl-theme .owl-dots .owl-dot.active span {
	background-color: #00a199
}
section {
	padding: 80px 0;
	text-align: center
}
section2 {
	padding: 80px 0 0 0;
	text-align: center
}

@media (max-width: 540px) {
section {
	padding: 45px 0 80px 0;
}
}
.CONTENT2 {
	background-color: #eee;
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative
}
.CONTENT2 h5 {
	font-size: 22px;
	color: #084f4b;
	letter-spacing: 1px
}

@media (max-width: 500px) {
.CONTENT2 h5 {
	letter-spacing: 0px;
	font-size: 18px
}
}

@media (max-width: 359px) {
.CONTENT2 h5 {
	font-size: 16px
}
}
.CONTENT2 .W_CENTER, .CONTENT3 .W_CENTER, .CONTENT4 .W_CENTER {
	width: 98%;
	max-width: 1130px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px
}
.LIVE {
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: 0;
	background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 5px, #fff 5px, #fff 8px);
	background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, #fff 5px, #fff 8px);
	background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #fff 5px, #fff 8px)
}
.LIVE.TOP {
	bottom: auto;
	top: 0
}
.FREE {
	text-align: center
}
.FREE img {
	width: 100%;
	max-width: 557px;
	margin-top: 6.5%
}

@media (max-width: 1025px) {
.FREE img {
	margin-top: 8%
}
}

@media (max-width: 991px) {
.FREE img {
	margin-top: 0;
	margin-bottom: 15px
}
}
#FROM {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 557px
}
#FROM ul {
	display: block
}
#FROM li {
	color: #333;
	width: 100%;
	float: left;
	padding: 4px 2px
}

@media (max-width: 768px) {
#FROM li {
	padding: 3px 2px
}
}
#FROM li.WLI {
	width: 50%;
	float: left
}
#FROM .INP_A {
	color: #1c406b;
	width: 100%;
	height: 38px;
	line-height: 38px;
	max-height: 38px;
	font-size: 16px;
	text-align: left;
	padding-left: 14px;
	background-color: transparent;
	border: none;
	-moz-box-shadow: inset 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 0px 0px #fff;
	box-shadow: inset 0px 0px 0px #fff;
	border-bottom: 1px solid
}

@media (max-width: 991px) {
#FROM .INP_A {
	border: 1px solid
}
}
#FROM .INP_A:hover {
	border-color: #00a199;
	padding-left: 8px
}
#FROM .INP_A:focus {
	outline: none
}
#FROM #READ {
	text-align: left;
	margin: 8px 0 10px;
	font-size: 15px;
	letter-spacing: 1px;
	color: #1c406b
}
#FROM #READ input[type="checkbox"] {
	display: none
}
#FROM #READ span {
	position: relative;
	padding-left: 2px
}
#FROM #READ span a {
	color: #1c406b;
	text-decoration: underline
}
#FROM #READ span a:hover {
	color: #00a199
}
#FROM #READ label input[type="checkbox"]+span:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid;
	position: relative;
	top: 0;
	left: 0px;
	margin-right: 5px;
	background-color: transparent
}
#FROM #READ label input[type="checkbox"]+span:after {
	content: '\f00c';
	font-family: 'FontAwesome';
	position: absolute;
	left: 4px;
	top: 2px;
	font-size: 19px;
	color: #fff;
	-moz-transition-delay: 0.18s;
	-o-transition-delay: 0.18s;
	-webkit-transition-delay: 0.18s;
	transition-delay: 0.18s;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0
}
#FROM #READ label input[type="checkbox"]:checked+span:before {
	background-color: #00a199;
	border-color: #00a199
}
#FROM #READ label input[type="checkbox"]:checked+span:after {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1
}
#FROM #BUT {
	width: 100%;
	font-size: 25px;
	color: #f3f3f3;
	cursor: pointer;
	text-align: center;
	background-color: #00a199;
	padding: 8px 2px;
	margin: 0 auto;
	margin-top: 2px;
	letter-spacing: 1px;
	clear: both
}
#FROM #BUT:hover {
	background-color: #00bbb1;
	color: #1c406b
}
#FROM p {
	display: block
}
#FROM option {
	background-color: #00a199;
	color: #fff
}
input::-webkit-input-placeholder {
color:#00a199
}
input:-moz-placeholder {
color:#00a199
}
input::-moz-placeholder {
color:#00a199
}
input:-ms-input-placeholder {
color:#00a199
}
.H3_B {
	text-align: center;
	padding: 7px 0;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	color: #084f4b
}
.H3_C {
	text-align: center;
	padding: 7px 0;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	color: #084f4b
}
.H3_B h3 {
	font-size: 42px;
	line-height: 1.1;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
	padding: 0 10px
}
.H3_C h3 {
	font-size: 42px;
	line-height: 1.1;
	letter-spacing: 1px;
	position: relative;
	display: inline-block;
	padding: 0 10px
}

/*
.H3_B h3:before {
	content: "";
	display: inline-block;
	width: 1px;
	height: 80px;
	background-color: #00a199;
	position: absolute;
	left: 0;
	top: 0;
	-moz-transform: translate(-12px, -30px) rotate(35deg);
	-ms-transform: translate(-12px, -30px) rotate(35deg);
	-webkit-transform: translate(-12px, -30px) rotate(35deg);
	transform: translate(-12px, -30px) rotate(35deg)
}
*/

@media (max-width: 580px) {
.H3_B h3:before {
	-moz-transform: translate(0px, -30px) rotate(35deg);
	-ms-transform: translate(0px, -30px) rotate(35deg);
	-webkit-transform: translate(0px, -30px) rotate(35deg);
	transform: translate(0px, -30px) rotate(35deg)
}
}

@media (max-width: 550px) {
.H3_B h3:before {
	height: 70px;
	-moz-transform: translate(0px, 10px) rotate(35deg);
	-ms-transform: translate(0px, 10px) rotate(35deg);
	-webkit-transform: translate(0px, 10px) rotate(35deg);
	transform: translate(0px, 10px) rotate(35deg)
}
}

@media (max-width: 1280px) {
.H3_B h3 {
	font-size: 40px
}
}

@media (max-width: 960px) {
.H3_B h3 {
	font-size: 38px
}
}

@media (max-width: 768px) {
.H3_B h3 {
	font-size: 34px
}
.H3_C h3 {
	font-size: 34px
}
}

@media (max-width: 450px) {
.H3_B h3 {
	font-size: 32px
}
.H3_C h3 {
	font-size: 32px;
	line-height: 40px;
}
.H3_C h3 span {
	display: block;
}
}

@media (max-width: 320px) {
.H3_B h3 {
	font-size: 26px
}
.H3_C h3 {
	font-size: 26px;
	line-height: 30px;
}
}

@media (max-width: 768px) {
.H3_B h3 span {
	display: block;
}

}
.CONTENT3 {
	background:url(../images/bg_02.jpg);
}
.CONTENT4 {
	background:url(../images/bg_03.jpg);
}
.CONTENT3 .H3_B {
	color: #f3f3f3;
}

@media (max-width: 550px) {
.CONTENT3 .H3_B h3:before {
	-moz-transform: translate(-20px, -12px) rotate(35deg);
	-ms-transform: translate(-20px, -12px) rotate(35deg);
	-webkit-transform: translate(-20px, -12px) rotate(35deg);
	transform: translate(-20px, -12px) rotate(35deg)
}
}
.CONTENT3 .LIVE {
	background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 5px, #8c5fd2 5px, #8c5fd2 8px);
	background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, #8c5fd2 5px, #8c5fd2 8px);
	background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #8c5fd2 5px, #8c5fd2 8px)
}
.CONTENT3 .BOX {
	text-align: left;
	color: #f3f3f3;
	letter-spacing: 1px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	/*	padding-top: 4%;*/
/*	padding-bottom: 9%*/
}

@media (max-width: 1024px) {
.CONTENT3 .BOX {
	letter-spacing: 0px
}
}

@media (max-width: 991px) {
.CONTENT3 .BOX {
	width: 86%
}
}

@media (max-width: 580px) {
.CONTENT3 .BOX {
	width: 98%;
	padding-bottom: 15%
}
}
.CONTENT3 .BOX+.BOX {
	padding-top: 9%
}

@media (max-width: 580px) {
.CONTENT3 .BOX+.BOX {
	padding-top: 15%
}
}
/*
.CONTENT3 .BOX+.BOX:after {
	content: "";
	width: 100%;
	height: 8px;
	position: absolute;
	left: 0;
	top: 0;
	background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 5px, #1a3b63 5px, #1a3b63 8px);
	background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, #1a3b63 5px, #1a3b63 8px);
	background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #1a3b63 5px, #1a3b63 8px)
}
*/
.CONTENT3 .BOX h4 {
	font-size: 34px;
	/*	margin-bottom: 8px;*/
	position: relative
}

@media (max-width: 580px) {
.CONTENT3 .BOX h4 {
	font-size: 30px
}
}
/*
.CONTENT3 .BOX h4:before {
	content: "";
	width: 2px;
	height: 210%;
	background-color: #ffac92;
	position: absolute;
	top: -15%;
	left: -12px
}
*/
.CONTENT3 .BOX h4 span {
	font-size: 18px;
	color: #00a199
}

@media (max-width: 640px) {
.CONTENT3 .BOX h4 span {
	font-size: 15px
}
}
.CONTENT3 .BOX h5 {
	font-size: 24px;
	margin-bottom: 25px
}

@media (max-width: 640px) {
.CONTENT3 .BOX h5 {
	font-size: 20px
}
}
.CONTENT3 .BOX p {
	line-height: 1.6;
	text-align: justify;
	text-shadow: 0 1px 1px #1c406b
}

/*
.CONTENT3 .BOX img {
	width: 100%;
	max-width: 220px;
	vertical-align: middle
}
*/

@media (max-width: 991px) {
.CONTENT3 .BOX img {
/*
	margin-left: auto;
	margin-right: auto;
*/
/*	margin-bottom: 5%*/
}
}

@media (max-width: 580px) {
/*
.CONTENT3 .BOX img {
	width: 36vw;
	min-width: 160px
}
*/
}
.CONTENT3 .BOX h6 {
	background-color: #00a199;
	display: inline-block;
	margin-top: 20px;
	padding: 7px 40px;
	font-size: 20px;
	letter-spacing: 2px;
	position: relative;
	cursor: pointer;
	text-shadow: 0 1px 1px #003b38
}
.CONTENT3 .BOX h6:hover {
	background-color: #00bbb1;
	text-shadow: 0 1px 1px #a1fffa;
	color: #1c406b
}
/*
.CONTENT3 .BOX h6:after {
	content: "";
	width: 58%;
	height: 8px;
	position: absolute;
	display: block;
	bottom: 0;
	right: -45%;
	background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 5px, #ffac92 5px, #ffac92 8px);
	background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, #ffac92 5px, #ffac92 8px);
	background: repeating-linear-gradient(-45deg, transparent, transparent 5px, #ffac92 5px, #ffac92 8px)
}
*/
/*# sourceMappingURL=layout.css.map */