@font-face{
    font-family: 'Staatliches';
	src:url(../fonts/Staatliches-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Tahoma';
	src:url(../fonts/Tahoma.ttf) format('truetype');
}
@font-face{
    font-family: 'Tahoma Bold';
	src:url(../fonts/Tahoma-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'Tahoma Thick';
	src:url(../fonts/Tahoma-Thick.ttf) format('truetype');
}
@font-face{
    font-family: 'Myriad';
	src:url(../fonts/MyriadPro-Regular.otf) format('opentype');
}
@font-face{
    font-family: 'Poppins-Bold';
	src:url(../fonts/Poppins-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'Questrial-Regular';
	src:url(../fonts/Questrial-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'OpenSans-ExtraBold';
	src:url(../fonts/OpenSans-ExtraBold.ttf) format('truetype');
}
@font-face{
    font-family: 'Montserrat-Regular';
	src:url(../fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Roboto-Regular';
	src:url(../fonts/Roboto-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'Roboto-Bold';
	src:url(../fonts/Roboto-Bold.ttf) format('truetype');
}
@font-face{
    font-family: 'Archivo';
	src:url(../fonts/ArchivoBlack-Regular.ttf) format('truetype');
}
@font-face{
    font-family: 'RampartOne';
	src:url(../fonts/RampartOne-Regular.ttf) format('truetype');
}

.fontFamily1 {
	font-family:'Tahoma';
}
.fontFamily2 {
	font-family:'Tahoma Bold';
}
.fontFamily3 {
	font-family:'Tahoma Thick';
}
.fontFamily4 {
	font-family:'Myriad';
}
.fontFamily5 {
	font-family:'Poppins-Bold';
}
.fontFamily6 {
	font-family:'Questrial-Regular';
}
.fontFamily7 {
	font-family:'OpenSans-ExtraBold';
}
.fontFamily8 {
	font-family:'Montserrat-Regular';
}
.fontFamily9 {
	font-family:'Roboto-Regular';
}
.fontFamily10 {
	font-family:'Roboto-Bold';
}
.fontFamily11 {
	font-family:'Archivo';
}
.fontFamily12 {
	font-family:'RampartOne';
}
.frameTravel {
	width:85%;
    min-height:400px;
    margin:0 auto;
	padding-top:30px;
    padding-bottom:30px;
	padding-left:20px;
	padding-right:20px;
	margin-bottom:20px;
	background-color:#fff;
	border:1px solid #EBEBEB;
	border-radius:5px;
	/*-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;*/
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
}

.frameLogin {
	width:45%;
	margin:0 auto;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:20px;
	border-radius:7px;
}
.titleLogin {
	text-align:center;
	font-size:2em;
	text-transform:uppercase;
	font-family:'Staatliches';
	letter-spacing:3px;
	margin-bottom:0.5em;
}
.titleField {
	font-size:0.9em;
}
.frameWrong {
	margin-bottom:20px;
}
.notif {
	font-size:1em;
	color:#000;
}
.notifWrong {
	font-size:1em;
	color:#FF0000;
}
.frameButton {
	width:100%;
	margin:auto;
}
.frameButton2 {
	float:left;
	width:45%;
	text-align:center;
	margin-top:20px;
	margin-left:10px;
}
.backgroundWhite {
	background:#FFF;
}
.backgroundGray {
	background:#FAFAFA;
}
.backgroundGray2 {
	background:#F5F5F5;
}
.backgroundDarkGray {
	background:#A9A9A9;
}
.backgroundDimGray {
	background:#696969;
}
.backgroundOrange {
	background:#FF9600;
}
.backgroundBlue {
	background:#000080;
}
.backgroundBlue2 {
	background:#4A708B;
}
.backgroundBlue3 {
	background:#ADD8E6;
}
.backgroundGreen {
	background:#008000;
}
.backgroundLightGreen {
	background:#20B2AA;
}
.backgroundMediumGreen {
	background:#00FA9A;
}
.backgroundRed {
	background:#FF0000;
}
.backgroundYellow {
	background:#FFFF00;
}
.backgroundGold {
	background:#FFD700;
}
.backgroundPurple {
	background:#DDA0DD;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.textinputBasic {
  border: 1px solid #e0e0e0;
  padding:5px 18px;
  color: #616161;
  background: #fff;
  width: 100%;
  height: 40px;
  border-radius: 0;
}
.textinputBasic:focus {
  border: 1px solid #e0e0e0;
}
.buttonBasic {
    border: 2px solid;
    background:#436EEE;
    border-color:#436EEE;
    padding: 5px 20px;
    color:#fff;
	width:100%;
	cursor:pointer;
}
.buttonBasic:hover {
    border: 2px solid;
    background:none;
    border-color:#436EEE;
    color:#436EEE;
}
.buttonBasic2 {
    border: 2px solid;
    background:#436EEE;
    border-color:#436EEE;
    padding: 5px 20px;
	border-radius:5px;
    color:#fff;
	width:100%;
	cursor:pointer;
}
.buttonBasic2:hover {
    border: 2px solid;
    background:none;
    border-color:#436EEE;
    color:#436EEE;
}
.buttonBasicRed {
    border: 2px solid;
    background:#FF0000;
    border-color:#FF0000;
    padding: 5px 20px;
	border-radius:5px;
    color:#fff;
	width:100%;
	cursor:pointer;
}
.buttonBasicRed:hover {
    border: 2px solid;
    background:none;
    border-color:#FF0000;
    color:#FF0000;
}
.textareaBasic {
  border: 1px solid #e0e0e0;
  padding:5px;
  color: #616161;
  background: #fff;
  box-shadow: none !important;
  width: 100%;
  height: 80px;
  border-radius: 0;
  -webkit-appearance: none;
  outline:none;
}
.textareaBasic:focus {
  border: 1px solid #03a9f4;
  background: #fff;
  box-shadow: none;
}
.cursorPointer {
	cursor:pointer;
}
.cursorPointer:hover {
	opacity:0.5;
}
.col2 {
    width:2%;
}
.col3 {
    width:3%;
}
.col5 {
    width:5%;
}
.col10 {
    width:10%;
}
.col15 {
    width:15%;
}
.col16 {
    width:16%;
}
.col17 {
    width:17%;
}
.col18 {
    width:18%;
}
.col19 {
    width:19%;
}
.col20 {
    width:20%;
}
.col25 {
    width:25%;
}
.col30 {
    width:30%;
}
.col35 {
    width:35%;
}
.col36 {
    width:36%;
}
.col37 {
    width:37%;
}
.col38 {
    width:38%;
}
.col39 {
    width:39%;
}
.col40 {
    width:40%;
}
.col45 {
    width:45%;
}
.col50 {
    width:50%;
}
.col51 {
    width:51%;
}
.col52 {
    width:52%;
}
.col53 {
    width:53%;
}
.co54 {
    width:54%;
}
.col55 {
    width:55%;
}
.col60 {
    width:60%;
}
.col65 {
    width:65%;
}
.col70 {
    width:70%;
}
.col75 {
    width:75%;
}
.col80 {
    width:80%;
}
.col85 {
    width:85%;
}
.col90 {
    width:90%;
}
.col95 {
    width:95%;
}
.col100 {
    width:100%;
}
.textCenter {
    text-align:center;
}
.textRight {
    text-align:right;
}
.textBold {
    font-weight:600;
}
.textNormal {
    font-weight:normal;
}
.textItalic {
	font-style:italic;
}
.textUnderline {
    text-decoration:underline;
}
.textUpper {
    text-transform:uppercase;
}
.margine {
	clear:both;
}
.margine2 {
	clear:both;
	padding-top:6em;
}
.margin0 {
    margin:0;
}
.marginLeft5 {
    margin-left:5px;
}
.marginLeft10 {
    margin-left:10px;
}
.marginLeft1 {
    margin-left:1em;
}
.marginLeft2 {
    margin-left:2em;
}
.marginRight1 {
    margin-right:1em;
}
.marginRight2 {
    margin-right:2em;
}
.marginRight1px {
    margin-right:1px;
}
.marginRight2px {
    margin-right:2px;
}
.marginRight5 {
    margin-right:5px;
}
.marginRight10 {
    margin-right:10px;
}
.marginTop5 {
    margin-top:5px;
}
.marginTop10 {
    margin-top:10px;
}
.marginTop20 {
    margin-top:20px;
}
.marginTop1 {
    margin-top:1em;
}
.marginTop2 {
    margin-top:2em;
}
.marginTop25 {
    margin-top:2.5em;
}
.marginTop3 {
    margin-top:3em;
}
.marginTop5 {
    margin-top:5em;
}
.marginBottom5 {
    margin-bottom:5px;
}
.marginBottom10 {
    margin-bottom:10px;
}
.marginBottom20 {
    margin-bottom:20px;
}
.marginBottom20px {
    margin-bottom:20px;
}
.marginBottom1 {
    margin-bottom:1em;
}
.marginBottom2 {
    margin-bottom:2em;
}
.marginBottom25 {
    margin-bottom:2.5em;
}
.marginBottom3 {
    margin-bottom:3em;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){
	.margine2 {
		clear:both;
		padding-top:4em;
	}
}

@media(max-width:900px){

}

@media(max-width:800px){

}

@media(max-width:767px){
	.margine2 {
		clear:both;
		padding-top:3em;
	}
}

@media(max-width:667px){

}

@media(max-width:640px){

}

@media(max-width:600px){
	.margine2 {
		clear:both;
		padding-top:2em;
	}
}

@media(max-width:480px){
	.margine2 {
		clear:both;
		padding-top:4em;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){

}

@media(max-width:375px){

}

@media(max-width:320px){

}

.colorWhite {
	color:#FFF;
}
.colorRed {
	color:#FF0000;
}
.colorGreen {
	color:#3CB371;
}
.colorDarkBlue {
	color:#2B3D4F;
}
.colorLightBlue {
	color:#3696D1;
}
.colorLightBlue2 {
	color:#00BCD4;
}
.colorBlue {
    color:#3696D1;
}
.colorBlue2 {
    color:#0000FF;
}
.colorGray {
	color:#788091;
}
.colorBlack {
	color:#000;
}
.linkClick11 {
	cursor:pointer;
}
.linkClick11:hover {
	opacity:0.5;
}
.linkClick12 {
	cursor:pointer;
}
.linkClick12:hover {
	color:#0000FF;
}
.border1 {
    border:1px solid;
}
.borderGray {
    border:1px solid #788091;
}
.borderGray2 {
    border:1px solid #C2C2C2;
}
.borderBlue1 {
    border:1px solid #2B3D4F;
}
.borderBlue2 {
    border:1px solid #3696D1;
}
.borderBottomGray {
    border-bottom:1px solid #788091;
}
.borderBottomGray2 {
    border-bottom:1px solid #777;
}
.borderBottomBlue1 {
    border-bottom:1px solid #2B3D4F;
}
.borderBottomBlue2 {
    border-bottom:1px solid #3696D1;
}
.borderCollapse {
	border-collapse:collapse;
}

.textLink {
	text-decoration:none;
	cursor:pointer;
}
.textLink:hover {
	text-decoration:underline;
}
.frameLinkLogin {
	float:left;
	width:45%;
	text-align:center;
	margin-top:20px;
}
.padding5 {
    padding:5px;
}
.padding10 {
    padding:10px;
}
.padding20 {
    padding:20px;
}
.padding1 {
    padding:1em;
}
.padding2 {
    padding:2em;
}
.paddingLeft {
    padding-left: 1em;
}
.paddingLeft5 {
    padding-left: 5px;
}
.paddingLeft10 {
    padding-left: 10px;
}
.paddingLeft20 {
    padding-left: 20px;
}
.paddingLeft1 {
    padding-left: 1em;
}
.paddingLeft2 {
    padding-left: 2em;
}
.paddingLeft3 {
    padding-left: 3em;
}
.paddingLeft4 {
    padding-left: 4em;
}
.paddingRight {
    padding-right: 1em;
}
.paddingRight5 {
    padding-right: 5px;
}
.paddingRight10 {
    padding-right: 10px;
}
.paddingRight20 {
    padding-right: 20px;
}
.paddingRight1 {
    padding-right: 1em;
}
.paddingRight2 {
    padding-right: 2em;
}
.paddingRight3 {
    padding-right: 3em;
}
.paddingTop {
    padding-top: 1em;
}
.paddingTop5 {
    padding-top: 5px;
}
.paddingTop7 {
    padding-top: 7px;
}
.paddingTop10 {
    padding-top: 10px;
}
.paddingTop20 {
    padding-top: 20px;
}
.paddingTop1 {
    padding-top: 1em;
}
.paddingTop2 {
    padding-top: 2em;
}
.paddingTop3 {
    padding-top: 3em;
}
.paddingTop3 {
    padding-top: 3em;
}
.paddingTop4 {
    padding-top: 4em;
}

.paddingTop8 {
    padding-top: 8em;
}
.paddingBottom {
    padding-bottom: 1em;
}
.paddingBottom1 {
    padding-bottom: 1em;
}
.paddingBottom5 {
    padding-bottom: 5px;
}
.paddingBottom7 {
    padding-bottom: 7px;
}
.paddingBottom10 {
    padding-bottom: 10px;
}
.paddingBottom20 {
    padding-bottom: 20px;
}
.paddingBottom1 {
    padding-bottom: 1em;
}
.paddingBottom2 {
    padding-bottom: 2em;
}
.paddingBottom25 {
    padding-bottom: 2.5em;
}
.paddingBottom3 {
    padding-bottom: 3em;
}

.imgDisplay {
	width:100%;
}

.w3l-main-slider .banner-slider {
  position: relative;
  z-index: 1; 
}

.marginAtas {
	padding-top:10em;
}

.marginAtas2 {
	padding-top:14em;
}

.frameHome {
	width:100%;
	margin:auto;
	padding-top:7em;
	padding-bottom:1em;
	height:775px;
}

.frameHome .landing {
	height:600px;
	background: url(../images/banner5.png);
	background-size: cover;
	background-position: center;
}

.frameHome .landing2 {
	height:600px;
	background: url(../images/banner2.png);
	background-size: cover;
	background-position: center;
}

.frameHome .landing3 {
	height:600px;
	background: url(../images/banner3.png);
	background-size: cover;
	background-position: center;
}

.frameHome .landing4 {
	height:600px;
	background: url(../images/banner4.png);
	background-size: cover;
	background-position: center;
}

.frameHome .landing5 {
	height:600px;
	background: url(../images/banner5.png);
	background-size: cover;
	background-position: center;
}

.frameHome .landing6 {
	height:600px;
	background: url(../images/banner6.png);
	background-size: cover;
	background-position: center;
}

.frameHome .caption {
	position: absolute;
	bottom: 10px;
	left: 60px;
	right: 60px;
	padding: 20px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameHome .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameHome .caption p {
	margin: 0;
	padding: 0;
	color:#FFFFFF;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.frameHome .caption .frameButton .buttonLightBlue {
	background-color:#3696D1;
	border-radius:30px;
	border:4px solid #3696D1;
	color:white;
	font-size:1.5em;
	padding-left:2.5em;
	padding-right:2.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	float:left;
	margin-right:1em;
}

.frameHome .caption .frameButton .buttonLightBlue:hover {
	background-color:white;
	color:#104E8B;
}

.frameHome .caption .frameButton .buttonDarkBlue {
	background-color:#2B3D4F;
	border-radius:30px;
	border:4px solid #2B3D4F;
	color:white;
	font-size:1.5em;
	padding-left:2.5em;
	padding-right:2.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	float:left;
	margin-right:1em;
}

.frameHome .caption .frameButton .buttonDarkBlue:hover {
	background-color:white;
	color:#2B3D4F;
}

@media(max-width:1440px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:8em;
		padding-bottom:1em;
		height:750px;
	}
}

@media(max-width:1366px){
	
}

@media(max-width:1280px){
	
}

@media(max-width:1080px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:1em;
		height:625px;
	}

	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
}

@media(max-width:1024px){
	
}

@media(max-width:991px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:8em;
		padding-bottom:1em;
		height:650px;
	}
}

@media(max-width:900px){
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.3em;
		transition: 0.5s;
	}
}

@media(max-width:800px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:1em;
		height:625px;
	}
	
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 30px;
		right: 30px;
		padding: 20px;
	}
}

@media(max-width:767px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:8em;
		padding-bottom:1em;
		height:650px;
	}
	
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 30px;
		right: 30px;
		padding: 20px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.0em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:2em;
		transition: 0.5s;
		font-weight:bold;
		padding-bottom:5px;
	}
}

@media(max-width:667px){
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 30px;
		right: 30px;
		padding: 20px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.8em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.8em;
		transition: 0.5s;
		font-weight:bold;
		padding-bottom:5px;
	}
	
	.frameHome .caption .frameButton .buttonLightBlue {
		font-size:1.5em;
		padding-left:2.5em;
		padding-right:2.5em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
	
	.frameHome .caption .frameButton .buttonDarkBlue {
		font-size:1.5em;
		padding-left:2.5em;
		padding-right:2.5em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
}

@media(max-width:640px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:1em;
		height:625px;
	}
	
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 30px;
		right: 30px;
		padding: 20px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.6em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.6em;
		transition: 0.5s;
		padding-bottom:5px;
	}
}

@media(max-width:600px){
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 25px;
		right: 25px;
		padding: 20px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.6em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.6em;
		transition: 0.5s;
		padding-bottom:5px;
	}
	
	.frameHome .caption .frameButton .buttonLightBlue {
		font-size:1.3em;
		padding-left:2.2em;
		padding-right:2.2em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
	
	.frameHome .caption .frameButton .buttonDarkBlue {
		font-size:1.3em;
		padding-left:2.2em;
		padding-right:2.2em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
}

@media(max-width:480px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:7.5em;
		padding-bottom:1em;
		height:625px;
	}
	
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.4em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.4em;
		transition: 0.5s;
		padding-bottom:5px;
	}
	
	.frameHome .caption .frameButton .buttonLightBlue {
		font-size:1.2em;
		padding-left:2.1em;
		padding-right:2.1em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
	
	.frameHome .caption .frameButton .buttonDarkBlue {
		font-size:1.2em;
		padding-left:2.1em;
		padding-right:2.1em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
}

@media(max-width:440px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:1em;
		height:625px;
	}
	
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
		padding: 20px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.2em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.2em;
		transition: 0.5s;
		padding-bottom:5px;
	}
	
	.frameHome .caption .frameButton .buttonLightBlue {
		font-size:1.1em;
		padding-left:1.7em;
		padding-right:1.7em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
	
	.frameHome .caption .frameButton .buttonDarkBlue {
		font-size:1.1em;
		padding-left:1.7em;
		padding-right:1.7em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
}

@media(max-width:414px){
	.frameHome {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:1em;
		height:625px;
	}
	
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
		padding: 20px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.2em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.2em;
		transition: 0.5s;
		padding-bottom:5px;
	}
	
	.frameHome .caption .frameButton .buttonLightBlue {
		font-size:1.0em;
		padding-left:1.6em;
		padding-right:1.6em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
	
	.frameHome .caption .frameButton .buttonDarkBlue {
		font-size:1.0em;
		padding-left:1.6em;
		padding-right:1.6em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
}

@media(max-width:375px){
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
		padding: 15px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.0em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.0em;
		transition: 0.5s;
		padding-bottom:5px;
	}
	
	.frameHome .caption .frameButton .buttonLightBlue {
		font-size:1.0em;
		padding-left:1.4em;
		padding-right:1.4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
	
	.frameHome .caption .frameButton .buttonDarkBlue {
		font-size:1.0em;
		padding-left:1.4em;
		padding-right:1.4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:1em;
		margin-top:10px;
	}
}

@media(max-width:320px){
	.frameHome {
		height:600px;
	}
	
	.frameHome .landing, .frameHome .landing2, .frameHome .landing3, .frameHome .landing4, .frameHome .landing5, .frameHome .landing6 {
		height:500px;
	}
	
	.frameHome .caption {
		position: absolute;
		bottom: 10px;
		left: 10px;
		right: 10px;
		padding: 15px;
	}
	
	.frameHome .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:1.8em;
		transition: 0.5s;
	}
	
	.frameHome .caption p {
		margin: 0;
		padding: 0;
		font-size:1.0em;
		transition: 0.5s;
		padding-bottom:5px;
	}
	
	.frameHome .caption .frameButton .buttonLightBlue {
		font-size:0.9em;
		padding-left:1.0em;
		padding-right:1.0em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:0.5em;
		margin-top:10px;
	}
	
	.frameHome .caption .frameButton .buttonDarkBlue {
		font-size:0.9em;
		padding-left:1.0em;
		padding-right:1.0em;
		padding-top:0.5em;
		padding-bottom:0.5em;
		float:left;
		margin-right:0.5em;
		margin-top:10px;
	}
}

/*------Logo Microsoft dan OJK-----*/

.ojk {
    width:100%;
    min-height:20px;
    margin:0 auto;
	padding-top:15px;
    padding-bottom:15px;
	background-color:#EBEBEB;
}

.ojk .spaceLogo {
    width:65%;
    min-height:20px;
    margin:0 auto;
    border:0px solid;
    padding-left:20px;
	border:px solid;
}

.ojk .spaceLogo img {
    float:left;
    margin-right:15px;
    margin-left:15px;
    width:18%;
    height:auto;
	border:0px solid;
}

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.ojk {
	    width:100%;
	    min-height:20px;
		padding-top:5px;
	    padding-bottom:5px;
	}

	.ojk .spaceLogo {
	    width:70%;
	    min-height:20px;
	    border:0px solid;
	    padding-left:0px;
	}

	.ojk .spaceLogo img {
	    float:left;
	    margin-right:15px;
	    margin-left:15px;
		border:0px solid;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){

}

@media(max-width:800px){
	.ojk {
		width:100%;
		min-height:20px;
		margin:0 auto;
		padding-top:15px;
		padding-bottom:15px;
	}

	.ojk .spaceLogo {
		width:80%;
		margin:0 auto;
		border:0px solid;
		padding-left:20px;
		border:px solid;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.ojk {
		width:100%;
		min-height:20px;
		margin:0 auto;
		padding-top:15px;
		padding-bottom:15px;
	}

	.ojk .spaceLogo {
		width:90%;
		margin:0 auto;
		border:0px solid;
		padding-left:20px;
		border:px solid;
	}
}

@media(max-width:640px){
	.ojk {
		width:100%;
		min-height:20px;
		margin:0 auto;
		padding-top:15px;
		padding-bottom:15px;
	}

	.ojk .spaceLogo {
		width:95%;
		margin:0 auto;
		border:0px solid;
		padding-left:20px;
		border:px solid;
	}
}

@media(max-width:600px){

}

@media(max-width:480px){
	.ojk {
	    width:100%;
	    min-height:20px;
		padding-top:5px;
	    padding-bottom:5px;
	}

	.ojk .spaceLogo {
	    width:90%;
	    min-height:20px;
	    border:0px solid;
	    padding-left:10px;
	}

	.ojk .spaceLogo img {
	    float:left;
	    padding-right:15px;
	    padding-left:15px;
	    padding-bottom:15px;
	    padding-top:15px;
	    width:40%;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){

}

@media(max-width:375px){
	.ojk {
	    width:100%;
	    min-height:20px;
		padding-top:5px;
	    padding-bottom:5px;
	}

	.ojk .spaceLogo {
	    width:95%;
	    min-height:20px;
	    border:0px solid;
	    padding-left:10px;
	}

	.ojk .spaceLogo img {
	    float:left;
	    padding-right:15px;
	    padding-left:15px;
	    padding-bottom:10px;
	    padding-top:10px;
	    width:40%;
	}
}

@media(max-width:320px){
	.ojk {
	    width:100%;
	    min-height:20px;
		padding-top:5px;
	    padding-bottom:5px;
	}

	.ojk .spaceLogo {
	    width:100%;
	    min-height:20px;
	    border:0px solid;
	    padding-left:10px;
	}

	.ojk .spaceLogo img {
	    float:left;
	    padding-right:15px;
	    padding-left:15px;
	    padding-bottom:10px;
	    padding-top:10px;
	    width:40%;
	}
}

/*------End of Logo Microsoft dan OJK-----*/

.slider {
	position: absolute;
	top: 1;
	left: 0;
	width: 700%;
	height: 100%;
	animation: animate 40s linear infinite;
}

.slider .slide {
	position: relative;
	width: 14.29%;
	height: 100%;
	float: left;
}

.slider .slide .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.slider .slide .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.slider .slide .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.slider .slide .caption .frameButton .buttonLightBlue {
	background-color:#3696D1;
	border-radius:30px;
	border:4px solid #3696D1;
	color:white;
	font-size:1.5em;
	padding-left:2.5em;
	padding-right:2.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	float:left;
	margin-right:1em;
}

.slider .slide .caption .frameButton .buttonLightBlue:hover {
	background-color:white;
	color:#3696D1;
}

.slider .slide .caption .frameButton .buttonDarkBlue {
	background-color:#2B3D4F;
	border-radius:30px;
	border:4px solid #2B3D4F;
	color:white;
	font-size:1.5em;
	padding-left:2.5em;
	padding-right:2.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	float:left;
	margin-right:1em;
}

.slider .slide .caption .frameButton .buttonDarkBlue:hover {
	background-color:white;
	color:#2B3D4F;
}

@media (max-width: 768px) {
	.slider .slide .caption {
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
		padding: 20px;
  }
  .slider .slide .caption h2 {
		margin: 0 0 10;
		font-size: 30px;
  }
  .slider .slide .caption p {
		font-size: 16px;
  }
}

@keyframes animate {
	0% {
      left: 0;
	}
	20% {
      left: 0;
	}
	30% {
      left: -100%;
	}
	35% {
      left: -100%;
	}
	40% {
      left: -200%;
	}
	45% {
      left: -200%;
	}
	50% {
      left: -300%;
	}
	60% {
      left: -300%;
	}
	70% {
      left: -400%;
	}
	80% {
      left: -400%;
	}
	90% {
      left: -500%;
	}
	100% {
      left: -500%;
	}
}

.slider .slide.slide1 {
	background: url(../images/banner_mv.png);
	background-size: cover;
	background-position: center;
}

.slider .slide.slide2 {
	background: url(../images/banner_property.png);
	background-size: cover;
	background-position: center;
}

.slider .slide.slide3 {
	background: url(../images/banner_travel.png);
	background-size: cover;
	background-position: center;
}

.slider .slide.slide4 {
	background: url(../images/banner_liability.png);
	background-size: cover;
	background-position: center;
}

.slider .slide.slide5 {
	background: url(../images/banner_health.png);
	background-size: cover;
	background-position: center;
}

.slider .slide.slide6 {
	background: url(../images/banner_kredit.png);
	background-size: cover;
	background-position: center;
}


.containerMenu {
	padding-left:0.5em;
}

.frameMenu {
	width:90%;
	float:left;
}

.navbarLeft {
	float:left;
	width:20%;
    margin-right: 0;
    margin-left: 0em;
}

.navbarLeft .imgDisplay {
	width:85%;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
}

.navbarRight {
	float:left;
	width:80%;
	text-align:center;
	padding-left:70px;
}

.frameConsult {
	width:20%;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	text-align:center;
}

.frameConsult .buttonOrange {
	width:60%;
	margin:auto;
	background-color:#FF9600;
	border-radius:30px;
	border:3px solid #FF9600;
	color:white;
	font-size:1.0em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin-bottom:10px;
}
.frameConsult .buttonOrange:hover {
	background-color:#fff;
	border:3px solid #FF9600;
	color:#FF9600;
}

.frameConsult .buttonBlue {
	width:60%;
	margin:auto;
	background-color:#00BCD4;
	border-radius:30px;
	border:3px solid #00BCD4;
	color:white;
	font-size:1.0em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin-bottom:10px;
}
.frameConsult .buttonBlue:hover {
	background-color:#fff;
	border:3px solid #00BCD4;
	color:#00BCD4;
}

.frameConsult .buttonRed {
	width:60%;
	margin:auto;
	background-color:#FF0000;
	border-radius:30px;
	border:3px solid #FF0000;
	color:white;
	font-size:1.0em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	margin-bottom:10px;
}
.frameConsult .buttonRed:hover {
	background-color:#fff;
	border:3px solid #FF0000;
	color:#FF0000;
}

.frameConsult .greeting {
	width:80%;
	margin:auto;
	color:black;
	font-size:0.85em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.frameConsult .selectBahasa {
	width:80%;
	margin:auto;
	border: 0px solid #e0e0e0;
	color: #616161;
	background: #FCFCFC;
	border-radius: 0;
	padding:5px;
	cursor:pointer;
}

.frameConsult .selectBahasa:focus {
  border: 1px solid #E8E8E8;
  background: #FCFCFC;
  box-shadow: none;
}

.frameConsult .imgDisplay {
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
}

.frameJuno {
	width:7%;
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
}

.frameJuno .imgDisplay {
	width:100%;
	height:auto;
}

@media(max-width:1440px){
	
}

@media(max-width:1366px){
	
}

@media(max-width:1280px){
	
}

@media(max-width:1080px){
	.frameMenu {
		width:100%;
		float:none;
	}
	.navbarLeft {
		float:left;
		width:20%;
		margin-right: 0;
		margin-left: 0em;
	}
	
	.navbarRight {
		float:left;
		width:80%;
		text-align:center;
		padding-left:30px;
	}
	
	.frameConsult {
		width:60%;
		float:none;
		padding-left:20px;
		padding-right:10px;
		padding-top:30px;
		text-align:left;
	}
	
	.frameConsult .buttonOrange {
		float:left;
		width:30%;
		margin-right:10px;
	}
	
	.frameConsult .greeting {
		float:left;
		width:30%;
		margin-right:10px;
		padding-top:10px;
	}
	
	.frameConsult .buttonBlue {
		float:left;
		width:30%;
		margin-right:10px;
	}
	
	.frameConsult .buttonRed {
		float:left;
		width:30%;
		margin-right:10px;
	}
	
	.frameConsult .selectBahasa {
		float:left;
		width:45%;
		margin-top:7px;
		margin-left:20px;
	}
	
	.frameJuno {
		width:10%;
		float:left;
		padding-left:0px;
		padding-right:30px;
		padding-bottom:5px;
		padding-top:5px;
		text-align:center;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){
	.frameConsult {
		width:60%;
		float:none;
		padding-left:20px;
		padding-right:10px;
		padding-top:20px;
		text-align:left;
	}
}

@media(max-width:900px){
	.frameConsult {
		width:60%;
		float:none;
		padding-left:10px;
		padding-right:10px;
		padding-top:15px;
		text-align:left;
	}
	
	.frameConsult .buttonOrange {
		float:left;
		width:30%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.frameConsult .greeting {
		float:left;
		width:40%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:12px;
		padding-bottom:5px;
	}
	
	.frameConsult .buttonBlue, .frameConsult .buttonRed {
		float:left;
		width:30%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.navbarLeft .imgDisplay {
		width:75%;
		margin-top:10px;
		margin-bottom:20px;
		margin-left:10px;
	}
}

@media(max-width:800px){
	.frameConsult .greeting {
		float:left;
		width:40%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:10px;
		padding-bottom:5px;
	}
}

@media(max-width:767px){
	.navbarLeft {
		float:none;
		width:100%;
		margin-right: 0;
		margin-left: 0em;
	}
	
	.navbarLeft .imgDisplay {
		width:20%;
		margin-left:20px;
	}
	
	.navbarRight {
		float:none;
		width:100%;
		text-align:left;
		padding-left:0px;
	}
	
	.frameConsult {
		width:60%;
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:20px;
		text-align:left;
	}
	
	.frameConsult .buttonOrange {
		float:left;
		width:35%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.frameConsult .greeting {
		float:left;
		width:40%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:12px;
		padding-bottom:5px;
	}
	
	.frameConsult .buttonBlue, .frameConsult .buttonRed {
		float:left;
		width:35%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
	}
}

@media(max-width:667px){
	.navbarLeft {
		float:none;
		width:100%;
		margin-right: 0;
		margin-left: 0em;
	}
	
	.navbarLeft .imgDisplay {
		width:20%;
		margin-left:20px;
	}
	
	.navbarRight {
		float:none;
		width:100%;
		text-align:left;
		padding-left:0px;
	}
	
	.frameConsult {
		width:80%;
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:25px;
		text-align:left;
	}
	
	.frameConsult .greeting {
		float:left;
		width:40%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:10px;
		padding-bottom:5px;
	}
	
	.frameJuno {
		width:18%;
		float:left;
		padding-left:15px;
		padding-right:30px;
		padding-bottom:5px;
		padding-top:10px;
		text-align:center;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.navbarLeft {
		float:none;
		width:100%;
		margin-right: 0;
		margin-left: 0em;
	}
	
	.navbarLeft .imgDisplay {
		width:30%;
	}
	
	.frameConsult {
		width:80%;
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:15px;
		text-align:left;
	}
	
	.frameConsult .buttonOrange {
		float:left;
		width:40%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.frameConsult .greeting {
		float:left;
		width:45%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:12px;
		padding-bottom:5px;
	}
	
	.frameConsult .buttonBlue, .frameConsult .buttonRed {
		float:left;
		width:40%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.frameJuno {
		width:20%;
		float:left;
		padding-left:15px;
		padding-right:30px;
		padding-bottom:5px;
		padding-top:10px;
		text-align:center;
	}
}

@media(max-width:440px){
	.navbarLeft {
		float:none;
		width:100%;
		margin-right: 0;
		margin-left: 0em;
	}
	
	.navbarLeft .imgDisplay {
		width:30%;
	}
	
	.frameConsult {
		width:100%;
		float:left;
		padding-left:10px;
		padding-right:10px;
		padding-top:15px;
		text-align:left;
	}
	
	.frameConsult .buttonOrange {
		float:left;
		width:30%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .greeting {
		float:left;
		width:50%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:12px;
		padding-bottom:5px;
	}
	
	.frameConsult .buttonBlue, .frameConsult .buttonRed {
		float:left;
		width:30%;
		font-size:1.0em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameJuno {
		width:20%;
		float:left;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:5px;
		padding-top:10px;
		text-align:center;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.navbarLeft {
		float:none;
		width:100%;
		margin-right: 0;
		margin-left: 0em;
	}
	
	.navbarLeft .imgDisplay {
		width:35%;
	}
	
	.frameConsult {
		width:70%;
		float:none;
		padding-left:10px;
		padding-right:10px;
		padding-top:15px;
		text-align:left;
	}
	
	.frameConsult .buttonOrange {
		float:none;
		width:70%;
		margin:auto;
		margin-bottom:10px;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .greeting {
		float:none;
		width:80%;
		margin:auto;
		margin-bottom:10px;
		padding-left:0em;
		padding-right:0.5em;
		padding-top:10px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .buttonBlue {
		float:none;
		width:70%;
		margin:auto;
		margin-bottom:5px;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .buttonRed {
		float:none;
		width:70%;
		margin:auto;
		margin-bottom:5px;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .selectBahasa {
		float:left;
		width:40%;
		margin-top:7px;
		margin-left:20px;
	}
}

@media(max-width:320px){
	.navbarLeft {
		float:none;
		width:100%;
		margin-right: 0;
		margin-left: 0em;
	}
	
	.navbarLeft .imgDisplay {
		width:35%;
	}
	
	.frameConsult {
		width:70%;
		float:none;
		padding-left:10px;
		padding-right:10px;
		padding-top:15px;
		text-align:left;
	}
	
	.frameConsult .buttonOrange {
		float:none;
		width:80%;
		margin:auto;
		margin-bottom:10px;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .greeting {
		float:none;
		width:95%;
		margin-bottom:10px;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:10px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .buttonBlue, .frameConsult .buttonRed {
		float:none;
		width:80%;
		margin:auto;
		margin-bottom:5px;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:0.9em;
	}
	
	.frameConsult .selectBahasa {
		float:left;
		width:40%;
		margin-top:7px;
		margin-left:20px;
	}
	
	.frameJuno {
		width:30%;
		float:left;
		padding-left:15px;
		padding-right:15px;
		padding-bottom:5px;
		padding-top:10px;
		text-align:center;
	}
	
	.frameConsult .selectBahasa {
		float:none;
		width:50%;
		margin-top:7px;
		margin-left:70px;
		margin-bottom:20px;
	}
}

.frameRank {
	width:100%;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	background:#fff;
}

.frameRank .frameImg {
	width:10%;
	float:left;
	text-align:center;
}

.frameRank .frameImg img {
	width:90%;
	height:auto;
	margin:auto;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	
}

@media(max-width:1024px){

}

@media(max-width:991px){
	
}

@media(max-width:900px){
	.frameRank .frameImg {
		width:12%;
		float:left;
		text-align:center;
	}
}	

@media(max-width:800px){

}

@media(max-width:767px){
	.frameRank .frameImg {
		width:15%;
		float:left;
		text-align:center;
	}
}

@media(max-width:667px){

}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameRank .frameImg {
		width:15%;
		float:left;
		text-align:center;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){

}

@media(max-width:375px){
	.frameRank .frameImg {
		width:16%;
		float:left;
		text-align:center;
	}
}

@media(max-width:320px){

}

.frameHome .frameProductHome {
	width:50%;
	float:left;
	padding:20px;
}

.frameHome .frameProductHome .frameImg {
	width:100%;
}

.frameHome .frameProductHome .frameButton {
	width:50%;
	float:left;
	text-align:center;
	padding:1em;
}

.frameHome .frameProductHome .frameButton .buttonLightBlue {
	background-color:#3696D1;
	border-radius:25px;
	border:3px solid #3696D1;
	color:white;
	font-size:1.2em;
	padding-left:4em;
	padding-right:4em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.frameHome .frameProductHome .frameButton .buttonLightBlue:hover {
	background-color:white;
	color:#3696D1;
}

.frameHome .frameProductHome .frameButton .buttonDarkBlue {
	background-color:#2B3D4F;
	border-radius:25px;
	border:3px solid #2B3D4F;
	color:white;
	font-size:1.2em;
	padding-left:1.5em;
	padding-right:1.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.frameHome .frameProductHome .frameButton .buttonDarkBlue:hover {
	background-color:white;
	color:#2B3D4F;
}

.frameHome2 {
	width:85%;
	margin:auto;
	padding:1em;
	padding-top:1em;
}

.frameHome2 .frameImg {
	width:50%;
	float:left;
	padding:1em;
}

.frameHome2 .frameImg img {
	width:100%;
	margin-bottom:10px;
}

.frameHome2 .frameImg2 {
	width:50%;
	margin:auto;
	padding:1em;
}

.frameHome2 .frameImg2 img {
	width:100%;
	margin-bottom:10px;
}

.frameHome2 .frameWording {
	width:50%;
	float:left;
	padding:1em;
	padding-left:2.5em;
}

.frameHome2 .frameWording100 {
	width:100%;
	float:left;
	padding:1em;
	padding-left:2.5em;
}

.frameHome2 .title1 {
	color:#104E8B;
	font-size:2.4em;
	padding-bottom:0.2em;
	font-weight:bold;
}

.frameHome2 .title2 {
	color:#104E8B;
	font-size:2.4em;
	padding-bottom:0.2em;
	margin-bottom:1em;
	border-bottom:2px solid #104E8B;
}

.frameHome2 .wording {
	font-weight:400;
	font-size:1.2em;
	padding-bottom:10px;
	color:black;
	line-height:30px;
}

.frameHome2 .frameButton {
	width:100%;
	text-align:center;
	padding:1em;
}

.frameHome2 .frameButton .buttonLightBlue {
	background-color:#FF8C69;
	border-radius:30px;
	border:3px solid #FF8C69;
	color:white;
	font-size:1.5em;
	padding-left:4em;
	padding-right:4em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.frameHome2 .frameWording .frameButton .buttonLightBlue:hover {
	background-color:white;
	color:#3696D1;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	
	.frameHome2 .frameImg img {
		width:100%;
		margin-bottom:10px;
	}
	
	.frameHome2 .title1 {
		font-size:2.2em;
		padding-bottom:0.2em;
	}

	.frameHome2 .title2 {
		font-size:2.2em;
		padding-bottom:0.2em;
		margin-bottom:10px;
	}
	
	.frameHome2 .wording {
		font-weight:normal;
		font-size:1.1em;
		padding-bottom:10px;
		line-height:22px;
	}
}

@media(max-width:1024px){
	.frameHome2 {
		width:95%;
		padding:1em;
	}
	
	.frameHome2 .title1 {
		font-size:2.2em;
		padding-bottom:0.2em;
	}

	.frameHome2 .title2 {
		font-size:2.2em;
		padding-bottom:0.2em;
		margin-bottom:10px;
	}
	
	.frameHome2 .wording {
		font-weight:normal;
		font-size:1.1em;
		padding-bottom:20px;
		line-height:22px;
	}
	
	.frameHome2 .frameButton {
		width:100%;
		text-align:center;
		padding:0.5em;
	}
	
	.frameHome2 .frameButton .buttonLightBlue {
		border-radius:30px;
		font-size:1.3em;
		padding-left:3em;
		padding-right:3em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameHome2 {
		width:98%;
		padding:1em;
	}
	
	.frameHome2 .title1 {
		font-size:2.0em;
		padding-bottom:0.2em;
	}

	.frameHome2 .title2 {
		font-size:2.0em;
		padding-bottom:0.2em;
		margin-bottom:10px;
	}
	
	.frameHome2 .wording {
		font-weight:normal;
		font-size:1.1em;
		padding-bottom:20px;
		line-height:22px;
	}
	
	.frameHome2 .frameButton {
		width:100%;
		text-align:center;
		padding:0.5em;
	}
	
	.frameHome2 .frameButton .buttonLightBlue {
		border-radius:30px;
		font-size:1.1em;
		padding-left:4em;
		padding-right:4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}

@media(max-width:800px){
	.frameHome2 {
		width:100%;
		padding:1em;
	}
	
	.frameHome2 .title1 {
		font-size:1.8em;
		padding-bottom:0.2em;
	}

	.frameHome2 .title2 {
		font-size:1.8em;
		padding-bottom:0.2em;
		margin-bottom:10px;
	}
	
	.frameHome2 .wording {
		font-weight:normal;
		font-size:1.0em;
		padding-bottom:20px;
		line-height:20px;
	}
	
	.frameHome2 .frameButton {
		width:100%;
		padding:0.5em;
	}
	
	.frameHome2 .frameButton .buttonLightBlue {
		border-radius:30px;
		font-size:1.1em;
		padding-left:4em;
		padding-right:4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}

@media(max-width:767px){
	.frameHome2 .frameImg {
		width:45%;
		float:left;
		padding:1em;
	}

	.frameHome2 .frameWording {
		width:55%;
		float:left;
		padding:1em;
		padding-left:2.5em;
	}

	.frameHome2 .title1 {
		font-size:1.8em;
		padding-bottom:0.2em;
	}

	.frameHome2 .title2 {
		font-size:1.8em;
		padding-bottom:0.2em;
		margin-bottom:10px;
	}
	
	.frameHome2 .wording {
		font-weight:normal;
		font-size:1.0em;
		padding-bottom:20px;
		line-height:20px;
	}
	
	.frameHome2 .frameButton {
		width:100%;
		padding:0.5em;
	}
	
	.frameHome2 .frameButton .buttonLightBlue {
		border-radius:30px;
		font-size:1.1em;
		padding-left:4em;
		padding-right:4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}

@media(max-width:667px){
	.frameHome2 {
		padding:20px;
	}
	
	.frameHome2 .frameImg {
		width:90%;
		margin:auto;
		float:none;
		padding:2em;
	}
	
	.frameHome2 .frameImg img {
		width:100%;
		margin-bottom:20px;
	}

	.frameHome2 .frameWording {
		width:90%;
		margin:auto;
		float:none;
		padding:1em;
		padding-left:2.5em;
	}
	
	.frameHome2 .title1 {
		font-size:2.5em;
		padding-bottom:0.1em;
		text-align:center;
	}
	
	.frameHome2 .title2 {
		font-size:2.5em;
		padding-bottom:0.1em;
		margin-bottom:0.5em;
		text-align:center;
	}
	
	.frameHome2 .wording {
		font-size:1.5em;
		padding-bottom:1em;
		line-height:30px;
	}
	
	.frameHome2 .frameButton .buttonLightBlue {
		border-radius:30px;
		font-size:1.5em;
		padding-left:4em;
		padding-right:4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameHome2 {
		padding:10px;
	}
	
	.frameHome2 .frameImg {
		width:95%;
		margin:auto;
		float:none;
		padding:1em;
	}
	
	.frameHome2 .frameImg img {
		width:100%;
		margin-bottom:20px;
	}

	.frameHome2 .frameWording {
		width:100%;
		margin:auto;
		float:none;
		padding:1em;
		padding-left:2.5em;
	}
	
	.frameHome2 .wording {
		font-size:1.3em;
		padding-bottom:1em;
		line-height:30px;
	}
}

@media(max-width:440px){
	.frameHome2 .frameButton .buttonLightBlue {
		border-radius:25px;
		font-size:1.3em;
		padding-left:4em;
		padding-right:4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}

@media(max-width:414px){
	.frameHome2 .title2 {
		font-size:2.0em;
		padding-bottom:0.1em;
		margin-bottom:0.5em;
		text-align:center;
	}
}

@media(max-width:375px){
	.frameHome2 .frameImg {
		width:100%;
		margin:auto;
		float:none;
		padding:1em;
	}
	
	.frameHome2 .frameImg img {
		width:100%;
		margin-bottom:20px;
	}
	
	.frameHome2 .title1 {
		font-size:2.2em;
		padding-bottom:0.1em;
		text-align:center;
	}
	
	.frameHome2 .title2 {
		font-size:2.0em;
		padding-bottom:0.1em;
		margin-bottom:0.5em;
		text-align:center;
	}
	
	.frameHome2 .wording {
		font-size:1.2em;
		padding-bottom:1em;
		line-height:25px;
	}
}

@media(max-width:320px){
	.frameHome2 .title1 {
		font-size:1.8em;
		padding-bottom:0.1em;
		text-align:center;
	}
	
	.frameHome2 .title2 {
		font-size:1.6em;
		padding-bottom:0.1em;
		margin-bottom:0.5em;
		text-align:center;
	}
	
	.frameHome2 .wording {
		font-size:1.1em;
		padding-bottom:1em;
		line-height:25px;
	}
	
	.frameHome2 .frameButton .buttonLightBlue {
		border-radius:20px;
		font-size:1.2em;
		padding-left:4em;
		padding-right:4em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}

.frameHome3 {
	width:100%;
	margin:auto;
	padding:1em;
	margin-bottom:0em;
	background-color:#3696D1;
	color:white;
}

.frameHome3 .frameWording {
	width:100%;
	text-align:center;
	padding:1em;
}

.frameHome3 .frameWording .title {
	font-size:3em;
	padding-bottom:10px;
}

.frameHome3 .frameWording .frameAch {
	width:16%;
	float:left;
	padding:30px;
}

.frameHome3 .frameWording .frameAch .frameImg {
	width:60%;
	margin:auto;
}

.frameHome3 .frameWording .frameAch .subject1 {
	font-size:3em;
	text-align:center;
}

.frameHome3 .frameWording .frameAch .subject2a {
	font-size:2.5em;
	text-align:center;
}

.frameHome3 .frameWording .frameAch .subject2b {
	font-size:1.5em;
	padding-bottom:10px;
	text-align:center;
}

.frameHome3 .frameWording .frameAch .subject3a {
	font-size:1.8em;
	text-align:center;
	padding-top:30px;
}

.frameHome3 .frameWording .frameAch .subject3b {
	font-size:2em;
	text-align:center;
	padding-top:0px;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.6em;
		padding-top:30px;
	}
}

@media(max-width:1024px){
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:1.7em;
	}
	
	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.2em;
		padding-bottom:10px;
	}
	
	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.4em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:1.4em;
		padding-top:0px;
	}
}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameHome3 .frameWording .title {
		font-size:2.8em;
		padding-bottom:20px;
	}
	.frameHome3 .frameWording .frameAch {
		width:16%;
		float:left;
		padding:20px;
	}
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:2.0em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:1.7em;
	}
	
	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.2em;
		padding-bottom:10px;
	}
	
	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.2em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:1.2em;
		padding-top:0px;
	}
}

@media(max-width:800px){
	.frameHome3 .frameWording .title {
		font-size:2.6em;
		padding-bottom:20px;
	}
	.frameHome3 .frameWording .frameAch {
		width:16%;
		float:left;
		padding:15px;
	}
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:2.0em;
	}
	
	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.1em;
		padding-bottom:10px;
	}
	
	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.2em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:1.1em;
		padding-top:0px;
	}
}

@media(max-width:767px){
	.frameHome3 .frameWording .frameAch {
		width:33%;
		float:left;
		padding:30px;
	}
	
	.frameHome3 .frameWording .frameAch .frameImg {
		width:50%;
		margin:auto;
	}
	
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:3em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.5em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.6em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:2em;
		padding-top:0px;
	}
}

@media(max-width:667px){
	.frameHome3 .frameWording .frameAch .frameImg {
		width:50%;
		margin:auto;
	}
	
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.5em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.7em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:1.7em;
		padding-top:0px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameHome3 .frameWording .frameAch .frameImg {
		width:65%;
		margin:auto;
	}
	
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:2.3em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.5em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.5em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:1.5em;
		padding-top:0px;
	}
}

@media(max-width:480px){
	.frameHome3 .frameWording .frameAch {
		width:50%;
		float:left;
		padding:35px;
	}
	
	.frameHome3 .frameWording .frameAch .frameImg {
		width:45%;
		margin:auto;
	}
	
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:3em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.5em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.8em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:2.3em;
		padding-top:0px;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameHome3 .frameWording .frameAch {
		width:50%;
		float:left;
		padding:35px;
	}
	
	.frameHome3 .frameWording .frameAch .frameImg {
		width:55%;
		margin:auto;
	}
	
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:3em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.5em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.6em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:2.3em;
		padding-top:0px;
	}
}

@media(max-width:375px){
	.frameHome3 .frameWording .title {
		font-size:2.2em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .frameImg {
		width:55%;
		margin:auto;
	}
	
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:3em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.5em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.5em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:2em;
		padding-top:0px;
	}
}

@media(max-width:320px){
	.frameHome3 .frameWording .title {
		font-size:2.1em;
		padding-bottom:10px;
	}
	
	.frameHome3 .frameWording .frameAch {
		width:60%;
		float:none;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameHome3 .frameWording .frameAch .frameImg {
		width:60%;
		margin:auto;
	}
	
	.frameHome3 .frameWording .frameAch .subject1 {
		font-size:3em;
	}

	.frameHome3 .frameWording .frameAch .subject2a {
		font-size:2.5em;
	}

	.frameHome3 .frameWording .frameAch .subject2b {
		font-size:1.5em;
		padding-bottom:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3a {
		font-size:1.3em;
		padding-top:10px;
	}

	.frameHome3 .frameWording .frameAch .subject3b {
		font-size:2em;
		padding-top:0px;
	}
}

.frameHome4 {
	width:100%;
	margin:auto;
	padding:1em;
	/*background-color:#C8C8C8;*/
	background-color:#FFF;
	color:black;
}

.frameHome4 .frameWording {
	width:100%;
	text-align:center;
	padding:1em;
}

.frameHome4 .frameWording .frameTitle {
	width:50%;
	margin:auto;
	margin-bottom:1em;
	border-bottom:1px solid #EA0303;
	color:#EA0303;
	padding-bottom:5px;
	font-size:3.2em;
}

.frameHome4 .frameWording .frameProduct {
	width:50%;
	float:left;
	padding:20px;
	cursor:pointer;
}

.frameHome4 .frameWording .frameProduct .frameBanner {
	width:70%;
	margin:auto;
	text-align:center;
}

.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
	width:100%;
	margin:auto;
	border-radius:20px;
}

.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner:hover {
	opacity:0.5;
}

/*.frameHome4 .frameWording .frameProduct:hover {
	opacity:0.7;
}*/

.frameHome4 .frameWording .frameProduct .product {
	width:65%;
	margin:auto;
	background:#EA0303;
	border-radius:30px;
	padding:5px;
	color:black;
}

.frameHome4 .frameWording .frameProduct .product .frameImg {
	width:20%;
	float:left;
	padding:5px;
	padding-left:1em;
}

.frameHome4 .frameWording .frameProduct .product .frameWording {
	width:100%;
	padding:10px;
	color:#FFF;
	font-size:1.6em;
	padding-left:0.5em;
	text-align:center;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameHome4 .frameWording .frameProduct {
		width:50%;
		float:left;
		padding:20px;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner {
		width:80%;
		margin:auto;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
		width:100%;
		margin:auto;
	}
}

@media(max-width:1024px){
	.frameHome4 .frameWording .frameProduct .product {
		width:70%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}

	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:80%;
		float:left;
		padding:5px;
		font-size:1.5em;
		padding-top:0.3em;
		padding-left:0.5em;
	}
	
	.frameHome4 .frameWording .frameTitle {
		width:50%;
		margin:auto;
		margin-bottom:2em;
		padding-bottom:5px;
		font-size:3.0em;
	}
}

@media(max-width:991px){
	.frameHome4 .frameWording .frameTitle {
		width:55%;
		margin:auto;
		margin-bottom:2em;
	}

	.frameHome4 .frameWording .frameProduct .product {
		width:75%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}

	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.5em;
		padding-top:0.3em;
		padding-left:0.5em;
	}
}

@media(max-width:900px){
	.frameHome4 .frameWording .frameTitle {
		width:60%;
		margin:auto;
		margin-bottom:1em;
	}
	.frameHome4 .frameWording .frameProduct .product {
		width:80%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}

	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.5em;
		padding-top:0.3em;
		padding-left:0.5em;
	}
	
	.frameHome4 .frameWording .frameProduct {
		width:50%;
		float:left;
		padding:20px;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner {
		width:90%;
		margin:auto;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
		width:100%;
		margin:auto;
	}
}

@media(max-width:800px){
	.frameHome4 .frameWording .frameTitle {
		width:65%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.8em;
	}
	.frameHome4 .frameWording .frameProduct .product {
		width:85%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}

	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.2em;
		padding-top:0.3em;
		padding-left:0.5em;
	}
}

@media(max-width:767px){
	.frameHome4 .frameWording .frameTitle {
		width:60%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.6em;
	}
	.frameHome4 .frameWording .title1 {
		float:left;
		width:40%;
		text-align:right;
		font-size:2.8em;
		padding-right:10px;
		padding-bottom:5px;
	}

	.frameHome4 .frameWording .title2 {
		float:left;
		width:60%;
		text-align:left;
		font-size:2.8em;
		padding-bottom:5px;
	}
	
	.frameHome4 .frameWording .frameProduct {
		width:80%;
		float:none;
		margin:auto;
		padding:20px;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner {
		width:90%;
		margin:auto;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
		width:100%;
		margin:auto;
	}
}

@media(max-width:667px){
	.frameHome4 .frameWording .frameTitle {
		width:70%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.6em;
	}
	.frameHome4 .frameWording .title1 {
		float:left;
		width:40%;
		text-align:right;
		font-size:2.6em;
		padding-right:10px;
		padding-bottom:5px;
	}

	.frameHome4 .frameWording .title2 {
		float:left;
		width:60%;
		text-align:left;
		font-size:2.6em;
		padding-bottom:5px;
	}
	.frameHome4 .frameWording .frameProduct .product {
		width:95%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}

	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.2em;
		padding-top:0.3em;
		padding-left:0.5em;
	}
}

@media(max-width:640px){
	.frameHome4 {
		width:100%;
		margin:auto;
		padding:1em;
	}

	.frameHome4 .frameWording {
		width:100%;
		text-align:center;
		padding:1em;
	}

	.frameHome4 .frameWording .frameTitle {
		width:80%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.6em;
	}

	.frameHome4 .frameWording .frameProduct {
		width:100%;
		margin:auto;
		float:left;
		padding:10px;
	}

	.frameHome4 .frameWording .frameProduct .product {
		width:80%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}
	
	.frameHome4 .frameWording .frameProduct .product .frameImg {
		width:20%;
		float:left;
		padding:5px;
		padding-left:1em;
	}

	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.8em;
		padding-top:0.5em;
		padding-left:0.5em;
	}
	
	.frameHome4 .frameWording .frameProduct {
		width:80%;
		float:none;
		margin:auto;
		padding:20px;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner {
		width:80%;
		margin:auto;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
		width:100%;
		margin:auto;
	}
}

@media(max-width:600px){
	.frameHome4 .frameWording .frameTitle {
		width:85%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.6em;
	}
	
	.frameHome4 .frameWording .frameProduct {
		width:90%;
		float:none;
		margin:auto;
		padding:20px;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner {
		width:90%;
		margin:auto;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
		width:100%;
		margin:auto;
	}
}

@media(max-width:480px){
	.frameHome4 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	
	.frameHome4 .frameWording .frameProduct .product {
		width:90%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}
	
	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.6em;
		padding-top:0.5em;
		padding-left:0.5em;
	}
	
	.frameHome4 .frameWording .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.4em;
	}
	
	.frameHome4 .frameWording .frameProduct {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner {
		width:90%;
		margin:auto;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
		width:100%;
		margin:auto;
	}
}

@media(max-width:440px){
	.frameHome4 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	
	.frameHome4 .frameWording .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.2em;
	}
	
	.frameHome4 .frameWording .frameProduct .product {
		width:95%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}
	
	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.5em;
		padding-top:0.5em;
		padding-left:0.5em;
	}
}

@media(max-width:414px){
	.frameHome4 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	
	.frameHome4 .frameWording .frameTitle {
		width:95%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:2.0em;
	}
	
	.frameHome4 .frameWording .frameProduct .product {
		width:100%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}
	
	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.3em;
		padding-top:0.5em;
		padding-left:0.5em;
	}
	
	.frameHome4 .frameWording .frameProduct {
		width:100%;
		float:none;
		margin:auto;
		padding:10px;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner {
		width:100%;
		margin:auto;
	}

	.frameHome4 .frameWording .frameProduct .frameBanner .imgBanner {
		width:100%;
		margin:auto;
	}
}

@media(max-width:375px){
	.frameHome4 .frameWording .frameTitle {
		width:95%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:1.8em;
	}
	
	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.4em;
		padding-top:0.5em;
		padding-left:0.3em;
	}
}

@media(max-width:320px){
	.frameHome4 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	
	.frameHome4 .frameWording .frameTitle {
		width:95%;
		margin:auto;
		margin-bottom:1em;
		padding-bottom:5px;
		font-size:1.6em;
	}
	
	.frameHome4 .frameWording .frameProduct .product {
		width:100%;
		margin:auto;
		border-radius:10px;
		padding:5px;
	}
	
	.frameHome4 .frameWording .frameProduct .product .frameImg {
		width:20%;
		float:left;
		padding:5px;
		padding-left:0.5em;
	}
	
	.frameHome4 .frameWording .frameProduct .product .frameWording {
		width:100%;
		padding:5px;
		font-size:1.2em;
		padding-top:0.5em;
		padding-left:0.3em;
	}
}

.buttonDarkBlue {
	background-color:#2B3D4F;
	border-radius:30px;
	border:3px solid #2B3D4F;
	color:white;
	font-size:1.5em;
	padding-left:4em;
	padding-right:4em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.buttonDarkBlue:hover {
	background-color:white;
	color:#2B3D4F;
}

.buttonLightBlue {
	background-color:#3696D1;
	border-radius:30px;
	border:3px solid #3696D1;
	color:white;
	font-size:1.5em;
	padding-left:4em;
	padding-right:4em;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.buttonLightBlue:hover {
	background-color:white;
	color:#3696D1;
}

.frameVideo {
	width:100%;
	height:500px;
	padding:3px;
	margin-bottom:2em;
	border:3px solid #3696D1;
}

.frameVideoProfile {
	width:95%;
	margin:auto;
	height:500px;
	padding:3px;
	margin-bottom:2em;
	border:3px solid #3696D1;
}

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){
	
}

@media(max-width:991px){
	
}

@media(max-width:900px){
	
}

@media(max-width:800px){

}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameVideoProfile {
		width:90%;
		margin:auto;
		height:500px;
		padding:3px;
		margin-bottom:2em;
	}
}

@media(max-width:640px){
	.frameVideo {
		width:95%;
		margin:auto;
		height:500px;
		padding:3px;
		margin-bottom:2em;
	}
}

@media(max-width:600px){
	.frameVideoProfile {
		width:95%;
		margin:auto;
		height:500px;
		padding:3px;
		margin-bottom:2em;
	}
}

@media(max-width:480px){
	.frameVideo {
		width:95%;
		margin:auto;
		height:450px;
		padding:3px;
		margin-bottom:2em;
	}
	
	.frameVideoProfile {
		width:95%;
		margin:auto;
		height:450px;
		padding:3px;
		margin-bottom:2em;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){

}

@media(max-width:375px){
	.frameVideo {
		width:100%;
		margin:auto;
		height:400px;
		padding:3px;
		margin-bottom:2em;
	}
	
	.frameVideoProfile {
		width:95%;
		margin:auto;
		height:400px;
		padding:3px;
		margin-bottom:2em;
	}
}

@media(max-width:320px){

}

.frameMainBOD {
	width:100%;
	margin:auto;
	padding-top:1em;
	padding-bottom:1em;
}

.frameBOD {
	width:70%;
	margin:auto;
	margin-bottom:2em;
}

.frameBOD .title {
	color:#2B3D4F;
	font-size:2.7em;
	padding-bottom:1em;
	text-align:center;
}

.frameBOD .circle {
	float:left;
	width:7%;
}

.frameBOD .circle .frameImg {
	width:50%;
	margin:auto;
}

.frameBOD .frameObject {
	width:100%;
	padding:1em;
	border-left:6px solid #C80101;
	margin-bottom:4em;
}

.frameBOD .frameObject .frameObject2 {
	width:100%;
	padding:1em;
	border-left:4px solid #C80101;
}

.frameBOD .frameObjectBOC {
	width:100%;
	padding:1em;
	border-right:6px solid #2B3D4F;
	margin-bottom:4em;
}

.frameBOD .frameObjectBOC .frameObject2BOC {
	width:100%;
	padding:1em;
	border-right:4px solid #2B3D4F;
}

.frameBOD .frameFoto {
	width:35%;
	float:left;
	padding-top:0.5em;
	padding-bottom:5em;
	padding-left:2em;
	padding-right:2em;
}

.frameBOD .frameFoto .frameImg {
	width:95%;
	margin:auto;
}

.frameBOD .frameFoto .frameImg img {
	/*border-radius:100%;*/
}

.frameBOD .frameWording {
	width:65%;
	float:left;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:2em;
	padding-right:2em;
}

.frameBOD .frameWording .frameTitle {
	width:100%;
	margin:auto;
	text-align:center;
}

.frameBOD .frameWording .frameTitle .title1 {
	color:#2B3D4F;
	font-size:2.5em;
	font-weight:bold;
	padding-bottom:0.3em;
}

.frameBOD .frameWording .frameTitle .title2 {
	color:#2B3D4F;
	font-size:1.2em;
	padding-bottom:0.3em;
}

.frameBOD .frameWording .frameTitle .title3 {
	color:#3696D1;
	font-size:1.7em;
	font-weight:bold;
	padding-bottom:1em;
	cursor:pointer;
}

.frameBOD .frameWording .frameTitle .title3:hover {
	color:#2B3D4F;
}

.frameBOD .frameWording .frameDesc {
	width:100%;
	margin:auto;
	color:#2B3D4F;
	text-align:justify;
	color:#2B3D4F;
	font-family:'Tahoma';
	font-size:1.0em;
	line-height:25px;
	padding:1em;
	border:3px solid #3696D1;
	border-radius:20px;
}

.frameBOD .frameChart {
	width:85%;
	margin:auto;
}

.frameBOD .frameChart img {
	width:100%;
	height:auto;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){
	.frameBOD {
		width:90%;
		margin-bottom:2em;
	}
	.frameBOD .frameWording .frameDesc {
		width:100%;
		margin:auto;
		font-size:1.1em;
		line-height:25px;
		padding:1em;
	}
	
	.frameBOD .frameChart {
		width:80%;
		margin:auto;
	}
}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameBOD {
		width:90%;
		margin-bottom:2em;
	}
	
	.frameBOD .frameWording .frameDesc {
		width:100%;
		margin:auto;
		font-size:1.1em;
		line-height:25px;
		padding:1em;
	}
}

@media(max-width:800px){
	.frameBOD {
		width:90%;
		margin-bottom:2em;
	}
	
	.frameBOD .frameFoto {
		width:30%;
		float:left;
		padding-top:0.5em;
		padding-bottom:5em;
		padding-left:2em;
		padding-right:1em;
	}

	.frameBOD .frameFoto .frameImg {
		width:100%;
		margin:auto;
	}

	.frameBOD .frameWording {
		width:70%;
		float:left;
		padding-top:0.5em;
		padding-bottom:0.5em;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameBOD .frameWording .frameTitle .title1 {
		color:#2B3D4F;
		font-size:2.3em;
		font-weight:bold;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title2 {
		color:#2B3D4F;
		font-size:1.2em;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title3 {
		color:#3696D1;
		font-size:1.5em;
		padding-bottom:1em;
	}
	.frameBOD .frameWording .frameDesc {
		width:100%;
		margin:auto;
		font-size:1em;
		line-height:25px;
		padding:1em;
	}
	
	.frameBOD .frameChart {
		width:85%;
		margin:auto;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameBOD {
		width:90%;
		margin-bottom:2em;
	}
	
	.frameBOD .frameFoto {
		width:100%;
		float:none;
		padding-top:0.5em;
		padding-bottom:2em;
		padding-left:2em;
		padding-right:2em;
	}
	.frameBOD .frameFoto .frameImg {
		width:50%;
		margin:auto;
	}
	.frameBOD .frameWording {
		width:100%;
		float:none;
		padding-top:0.5em;
		padding-bottom:0.5em;
		padding-left:2em;
		padding-right:2em;
	}
	
	.frameBOD .frameWording .frameTitle .title1 {
		color:#2B3D4F;
		font-size:2.3em;
		font-weight:bold;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title2 {
		color:#2B3D4F;
		font-size:1.2em;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title3 {
		color:#3696D1;
		font-size:1.5em;
		padding-bottom:1em;
	}
	.frameBOD .frameWording .frameDesc {
		width:100%;
		margin:auto;
		font-size:1em;
		line-height:25px;
		padding:1em;
	}
	
	.frameBOD .frameChart {
		width:90%;
		margin:auto;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameBOD {
		width:90%;
		margin-bottom:2em;
	}
	
	.frameBOD .frameFoto {
		width:100%;
		float:none;
		padding-top:0.5em;
		padding-bottom:2em;
		padding-left:2em;
		padding-right:2em;
	}
	
	.frameBOD .frameFoto .frameImg {
		width:40%;
		margin:auto;
	}
	.frameBOD .frameWording {
		width:100%;
		float:none;
		padding-top:0.5em;
		padding-bottom:0.5em;
		padding-left:2em;
		padding-right:2em;
	}
	
	.frameBOD .frameWording .frameTitle .title1 {
		color:#2B3D4F;
		font-size:2.3em;
		font-weight:bold;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title2 {
		color:#2B3D4F;
		font-size:1.2em;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title3 {
		color:#3696D1;
		font-size:1.5em;
		padding-bottom:1em;
	}
	.frameBOD .frameWording .frameDesc {
		width:100%;
		margin:auto;
		font-size:1.1em;
		line-height:25px;
		padding:1em;
	}
	
	.frameBOD .frameChart {
		width:95%;
		margin:auto;
	}
}

@media(max-width:480px){
	.frameBOD {
		width:90%;
		margin-bottom:2em;
	}
	
	.frameBOD .frameFoto {
		width:100%;
		float:none;
		padding-top:0.5em;
		padding-bottom:2em;
		padding-left:2em;
		padding-right:2em;
	}
	
	.frameBOD .frameFoto .frameImg {
		width:60%;
		margin:auto;
	}
	.frameBOD .frameWording {
		width:100%;
		float:none;
		padding-top:0.5em;
		padding-bottom:0.5em;
		padding-left:1em;
		padding-right:1em;
	}
	.frameBOD .frameWording .frameTitle .title1 {
		color:#2B3D4F;
		font-size:2em;
		font-weight:bold;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title2 {
		color:#2B3D4F;
		font-size:1.2em;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title3 {
		color:#3696D1;
		font-size:1.3em;
		padding-bottom:1em;
	}
	.frameBOD .frameWording .frameDesc {
		width:100%;
		margin:auto;
		font-size:1em;
		line-height:20px;
		padding:1em;
	}
}

@media(max-width:440px){
	.frameBOD .frameChart {
		width:98%;
		margin:auto;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.frameBOD {
		width:95%;
		margin-bottom:2em;
	}
	
	.frameBOD .frameFoto {
		width:100%;
		float:none;
		padding-top:0.5em;
		padding-bottom:2em;
		padding-left:2em;
		padding-right:2em;
	}
	
	.frameBOD .frameFoto .frameImg {
		width:60%;
		margin:auto;
	}
	
	.frameBOD .title {
		font-size:2em;
		padding-bottom:1em;
		text-align:center;
	}
	.frameBOD .frameWording {
		padding-top:0.5em;
		padding-bottom:0.5em;
		padding-left:0.5em;
		padding-right:0.5em;
	}
	.frameBOD .frameWording .frameTitle .title1 {
		color:#2B3D4F;
		font-size:1.5em;
		font-weight:bold;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title2 {
		color:#2B3D4F;
		font-size:1.2em;
		padding-bottom:0.3em;
	}

	.frameBOD .frameWording .frameTitle .title3 {
		color:#3696D1;
		font-size:1.3em;
		padding-bottom:1em;
	}
	.frameBOD .frameWording .frameDesc {
		width:100%;
		margin:auto;
		font-size:0.9em;
		line-height:20px;
		padding:1em;
	}
}

@media(max-width:320px){

}

.frameHomeProduk {
	width:100%;
	margin:auto;
	
}

.frameProduk {
	width:100%;
	background: url(../images/about1.jpg);
	padding: 2px;
	background-size: cover;
	background-position: center;
	
}

.frameProduk .frameContentProduk {
	width:90%;

	margin:auto;
	margin-bottom:2em;
	padding-bottom:1em;
	padding-top:1em;
}

.frameHomeHubungi {
	width:100%;
	margin:auto;
	padding-top:10em;
	padding-bottom:1em;
}

.frameHubungi {
	width:100%;
	background-color:#EFEEEE;
	padding-top:2em;
	padding-bottom:2em;
}

.frameHubungi .frameContent {
	width:90%;
	margin:auto;
	margin-bottom:2em;
	padding-bottom:1em;
	padding-top:1em;
}

.frameHubungi .frameContent .wording1 {
	float:left;
	width:50%;
	color:#2B3D4F;
	text-align:right;
	padding:5px;
	font-weight:bold;
	font-size:6.5em;
}

.frameHubungi .frameContent .wording2 {
	float:left;
	width:50%;
	color:#3696D1;
	text-align:left;
	padding:5px;
	font-weight:bold;
	font-size:6.5em;
}

.frameHubungi .frameContent .wording3 {
	width:100%;
	color:#2B3D4F;
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-size:2em;
	padding-right:2em;
}

.frameHubungi .frameContent .wording4 {
	width:100%;
	color:#788091;
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-size:1.2em;
	padding-right:2em;
}

.frameHubungi .frameContent .frameSelect {
	width:50%;
	margin:auto;
	color:#000;
	text-align:center;
	padding:1em;
}

.frameHubungi .frameContent .frameSelect .wordingSelect {
	float:left;
	padding-right:1em;
	padding-left:2em;
	padding-top:5px;
	font-weight:bold;
	font-size:1.7em;
}

.frameHubungi .frameContent .frameSelect .optionSelect {
	float:left;
	font-size:1.4em;
}

.frameHubungi .frameContent .frameSelect .optionSelect .select_location {
	padding:10px;
}

.frameHubungi .frameContent2M {
	background-color:#fff;
	padding-top:1em;
	padding-bottom:4em;
	padding-top:4em;
}

.frameHubungi .frameContent3M {
	background-color:#E5E5E5;
	padding-top:1em;
	padding-bottom:4em;
	padding-top:4em;
}

.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
	width:90%;
	margin:auto;
	padding:1em;
}

.frameHubungi .frameContentHub {
	float:left;
	width:50%;
	padding:2em;
	padding-top:4em;
}

.frameHubungi .frameContentHub .frameIsiHub1 {
	color:#2B3D4F;
	font-size:2.2em;
	font-weight:bold;
	padding-bottom:0.5em;
}

.frameHubungi .frameContentHub .frameIsiHub2 {
	color:#788091;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:1em;
}

.frameHubungi .frameContentHub .frameIsiHub3 {
	color:#3696D1;
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:0.2em;
}

.frameHubungi .frameContentHub .frameIsiHub4 {
	color:#2B3D4F;
	font-size:1.6em;
	font-weight:bold;
	padding-bottom:0.2em;
	letter-spacing:2px;
}

.frameHubungi .frameContentHub .frameIsiHub5 {
	color:#2B3D4F;
	font-size:2.5em;
	padding-bottom:0.3em;
}

.frameHubungi .frameContentHub .frameIsiHub6 {
	color:#002A54;
	font-size:1.7em;
	font-weight:bold;
	padding-bottom:0em;
}

.frameHubungi .frameContentHub .frameIsiHub6 a {
	color:#002A54;
}

.frameHubungi .frameContentHub .frameIsiHub6 a:hover {
	text-decoration:underline;
}

.frameHubungi .frameContentHub .frameIsiHub7 {
	color:#FF0000;
	font-size:1.5em;
	font-weight:bold;
	padding-bottom:0em;
}

.frameHubungi .frameContentHub .frameImg {
	float:left;
	width:10%;
	padding-right:10px;
}

.frameHubungi .frameContentHub .frameImg .imgDisplay {
	width:100%;
}

.frameHubungi .frameContentHub .frameWATitle {
	float:left;
	width:90%;
	padding-top:5px;
}

.frameHubungi .frameContentHub .frameIsiHub8 {
	color:#3696D1;
	font-size:1.7em;
	font-weight:bold;
	padding-bottom:0em;
}

.frameListProduct {
	width:100%;
}

.frameListProduct .title {
	text-align:center;
	color:#3696D1;
	font-size:23px;
	padding-bottom:30px;
}

.frameListProduct .frameProductName {
	width:80%;
	margin:auto;
	padding:20px;
	margin-bottom:20px;
}

.frameListProduct .frameProductName .product {
	width:20%;
	float:left;
	padding:20px;
	cursor:pointer;
}

.frameListProduct .frameProductName .product:hover {
	opacity:0.5;
}

.frameListProduct .frameProductName .product img {
	width:auto;
	height:auto;
}

@media(max-width:1440px){

}

@media(max-width:1366px){
	
}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){
	
}

@media(max-width:900px){
	.frameListProduct .frameProductName {
		width:90%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:20%;
		float:left;
		padding:25px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:800px){
	.frameListProduct .frameProductName {
		width:90%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:20%;
		float:left;
		padding:20px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameListProduct .frameProductName {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:20%;
		float:left;
		padding:20px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:640px){
	.frameListProduct .frameProductName {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:20%;
		float:left;
		padding:15px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:600px){
	.frameListProduct .title {
		font-size:20px;
		padding-bottom:22px;
	}
	
	.frameListProduct .frameProductName {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:20%;
		float:left;
		padding:15px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:480px){
	.frameListProduct .title {
		font-size:23px;
		padding-bottom:20px;
	}
	
	.frameListProduct .frameProductName {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:33.33%;
		float:left;
		padding:25px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:440px){
	.frameListProduct .title {
		font-size:23px;
		padding-bottom:20px;
	}
	
	.frameListProduct .frameProductName {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:33.33%;
		float:left;
		padding:20px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.frameListProduct .title {
		font-size:21px;
		padding-bottom:10px;
	}
	
	.frameListProduct .frameProductName {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:50%;
		float:left;
		padding:30px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

@media(max-width:320px){
	.frameListProduct .title {
		font-size:21px;
		padding-bottom:10px;
	}
	
	.frameListProduct .frameProductName {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
	
	.frameListProduct .frameProductName .product {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameListProduct .frameProductName .product img {
		width:100%;
		height:auto;
	}
}

.frameHomeProduct {
	width:100%;
	margin:auto;
	padding-top:10em;
}

.frameHomeProduct .frameProduct {
	width:100%;
	background-color:#EFEEEE;
}

.frameProduct .frameImg {
	width:100%;
}

.frameProduct .frameImg .imgDisplay {
	width:100%;
}

.frameHomeProduct .frameProdTag {
	width:100%;
	background-color:#2B3D4F;
	padding-bottom:2em;
	padding-top:2em;
}

.frameHomeProduct .frameProdTag .frameContent {
	width:85%;
	margin:auto;
}

.frameHomeProduct .frameProdTag .frameContent .frameContentFull {
	width:100%;
	margin-bottom:2em;
}

.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
	width:50%;
	float:left;
	padding:1em;
}
.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
	width:100%;
	font-weight:bold;
	font-size:3.0em;
	color:#FFF;
	text-align:center;
	padding-bottom:1em;
	padding-top:2em;
}
.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
	width:100%;
	font-weight:bold;
	font-size:3.0em;
	color:#00EE76;
	text-align:center;
	padding-bottom:1em;
	padding-top:1em;
}

.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .frameImg {
	width:80%;
	margin:auto;
}

.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .frameImg .imgDisplay {
	width:100%;
}

.frameHomeProduct .frameProdDesc {
	width:100%;
	background-color:#FFF;
	padding-bottom:2em;
	padding-top:2em;
}

.frameHomeProduct .frameProdDesc .frameContent {
	width:80%;
	margin:auto;
}

.frameHomeProduct .frameProdDesc .frameContent .title {
	width:100%;
	font-weight:bold;
	font-size:3.5em;
	text-align:center;
	color:#000;
	padding-bottom:1em;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFull {
	width:100%;
	margin-bottom:2em;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat {
	width:50%;
	float:left;
	padding:1em;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
	float:left;
	width:80%;
	font-weight:bold;
	font-size:2.0em;
	color:#000;
	padding-bottom:0.5em;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
	float:left;
	width:80%;
	font-weight:bold;
	font-size:2.0em;
	color:#000;
	padding-bottom:0.5em;
	padding-top:1em;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .frameImgTitle {
	float:left;
	width:20%;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .frameImgTitle .frameImg {
	width:100%;
	margin:auto;
	padding-right:10px;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .frameImgTitle .frameImg .imgDisplay {
	width:100%;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
	width:100%;
	color:#000;
	font-size:2.0em;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .frameImg {
	width:80%;
	margin:auto;
}

.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .frameImg .imgDisplay {
	width:100%;
}

.frameHomeProduct .frameBenefit {
	width:100%;
	background-color:#EFEEEE;
	padding-bottom:0em;
}

.frameHomeProduct .frameBenefit .frameContent {
	width:70%;
	margin:auto;
	padding-top:0em;
}

.frameHomeProduct .frameBenefit .frameContent .wording1 {
	float:left;
	font-size:15em;
	color:#2B3D4F;
	font-weight:bold;
	padding:0em;
}

.frameHomeProduct .frameBenefit .frameContent .wording2 {
	float:left;
	font-size:4em;
	color:#2B3D4F;
	font-weight:bold;
	padding-top:2.8em;
	padding-left:10px;
}

.frameHomeProduct .frameBenefit .frameContent .wording3 {
	float:left;
	font-size:15em;
	color:#3696D1;
	font-weight:bold;
	padding:0em;
}

.frameHomeProduct .frameBenefit .frameContent .wording4 {
	float:left;
	font-size:4em;
	color:#3696D1;
	font-weight:bold;
	padding-top:2.8em;
	padding-left:10px;
	cursor:pointer;
}

.frameHomeProduct .frameBenefit .frameContent .wording4:hover {
	color:#2B3D4F;
}

.frameHomeProduct .frameBenefit .frameContent .titleClick {
	width:30%;
	font-size:2.5em;
	color:#2B3D4F;
	font-weight:bold;
	padding-bottom:1em;
	cursor:pointer;
}

.frameHomeProduct .frameBenefit .frameContent .titleClick:hover {
	color:#3696D1;
}

.frameHomeProduct .frameBenefit .frameContent .frameDesc {
	width:100%;
	margin:auto;
	color:#2B3D4F;
	text-align:justify;
	color:#2B3D4F;
	font-family:'Tahoma';
	font-size:1.5em;
	padding:10px;
	margin-bottom:2em;
}

.frameHomeProduct .frameBenefit .frameContent .frameDesc .desc {
	padding-left:20px;
	padding-bottom:20px;
}

.frameHomeProduct .frameBenefit .frameContent .frameDesc .title {
	font-weight:bold;
	padding-bottom:10px;
}

.frameHomeProduct .frameBenefit .frameContent .framePerluasan {
	width:100%;
	margin:auto;
	color:#2B3D4F;
	font-family:'Tahoma';
	font-size:1.5em;
	padding:10px;
}

.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg {
	float:left;
	width:20%;
	margin-bottom:2em;
	text-align:center;
	color:#2B3D4F;
}

.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay {
	width:50%;
	padding-bottom:1em;
}

.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay2 {
	width:50%;
	padding-top:1em;
	padding-bottom:1em;
	padding-left:1em;
	padding-right:1em;
}

.frameProd {
	width:100%;
	margin:auto;
	padding-top:2em;
	padding-bottom:10em;
	height:730px;
}

.frameProd1 {
	position: absolute;
	top: 1;
	left: 0;
	width: 700%;
	height: 100%;
}
.frameProd1 .prod {
	position: relative;
	width: 14.29%;
	height: 100%;
	float: left;
}
.frameProd1 .prod .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameProd1 .prod .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameProd1 .prod .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.frameProd1 .prod.prod1 {
	background: url(../images/cartt.jpg);
	background-size: cover;
	background-position: center;
}


.frameLoc {
	width:100%;
	margin:auto;
	padding-top:5em;
	padding-bottom:2em;
	height:700px;
}

.frameLoc1 {
	position: absolute;
	top: 1;
	left: 0;
	width: 700%;
	height: 100%;
}
.frameLoc1 .loc {
	position: relative;
	width: 14.29%;
	height: 100%;
	float: left;
}
.frameLoc1 .loc .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameLoc1 .loc .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameLoc1 .loc .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.frameLoc1 .loc.loc1 {
	background: url(../images/location.jpg);
	background-size: cover;
	background-position: center;
}

.pageCabang {
    width:80%;
    min-height:100px;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:50px;
    background-color:#fff;
	padding-top:2em;
}

.pageCabang .title {
    font-size:1.4em;
    width:100%;
    margin:0 auto;
    border:0px solid;
    text-transform:uppercase;
    text-align:center;
    padding-bottom:1em;
    padding-top:10px;
    color:#3696d1;
    letter-spacing:5px;
    font-weight:1000;
}

.pageCabang .wording {
    color:#2b3d41;
    text-align:center;
    line-height:30px;
    font-weight:800;
	font-size:1.2em;
	padding-bottom:3em;
}

.pageCabang .peta {
	margin:0 auto;
    width:100%;
    height:500px;
	margin-bottom:3em;
}

.pageCabang .frameListCabang {
    width:100%;
	margin:0 auto;
	padding:2em;
}

.pageCabang .frameListCabang .dataCabang {
	float: left;
    width: 25%;
    color: #2b3d41;
    padding: 20px;
}

.pageCabang .frameListCabang .fotoCabang {
    cursor:pointer;
    width:100%;
	border-radius:10px;
}

.pageCabang .frameListCabang .imgClient {
    width:100%;
	border-radius:10px;
	border: 2px solid #C0C0C0;
}

@media(max-width:1440px){
	
}

@media(max-width:1366px){

}

@media(max-width:1280px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
}

@media(max-width:1080px){
	.pageCabang {
		width:90%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:left;
		width:25%;
		padding:10px;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){
	
}

@media(max-width:900px){
	
}

@media(max-width:800px){
	
}

@media(max-width:767px){
	.pageCabang {
		width:90%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:left;
		width:25%;
		padding:10px;
	}
}

@media(max-width:667px){
	.pageCabang {
		width:90%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:left;
		width:50%;
		padding:20px;
	}
}

@media(max-width:640px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
	
	.frameLoc1 .loc .caption {
		position: absolute;
		bottom: 60px;
		left: 40px;
		right: 40px;
		padding: 30px;
	}
}

@media(max-width:600px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
	
	.frameLoc1 .loc .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 30px;
	}
	
	.pageCabang .wording {
		line-height:30px;
		font-size:1.1em;
		padding-bottom:3em;
	}
	
	.pageCabang {
		width:90%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:left;
		width:50%;
		padding:20px;
	}
}

@media(max-width:480px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
	
	.frameLoc1 .loc .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameLoc1 .loc .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.0em;
	}
	
	.pageCabang .wording {
		line-height:30px;
		font-size:1.0em;
		padding-bottom:3em;
	}
	
	.pageCabang {
		width:95%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:1em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:left;
		width:50%;
		padding:10px;
	}
}

@media(max-width:440px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
	
	.frameLoc1 .loc .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameLoc1 .loc .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.6em;
	}
}

@media(max-width:414px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
	
	.frameLoc1 .loc .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameLoc1 .loc .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.4em;
	}
	
	.pageCabang .wording {
		line-height:30px;
		font-size:1.0em;
		padding-bottom:3em;
	}
	
	.pageCabang {
		width:95%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:1em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:none;
		width:80%;
		margin:auto;
		padding:10px;
	}
}

@media(max-width:375px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
	
	.frameLoc1 .loc .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameLoc1 .loc .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.2em;
	}
	
	.pageCabang .wording {
		line-height:30px;
		font-size:1.0em;
		padding-bottom:3em;
	}
	
	.pageCabang {
		width:95%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:1em;
	}
	
	.pageCabang .frameListCabang {
		width:100%;
		margin:0 auto;
		padding:1em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:none;
		width:80%;
		margin:auto;
		padding:10px;
	}
}

@media(max-width:320px){
	.frameLoc {
		width:100%;
		margin:auto;
		padding-top:7em;
		padding-bottom:2em;
		height:660px;
	}
	
	.frameLoc1 .loc .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameLoc1 .loc .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.4em;
	}
	
	.pageCabang .wording {
		line-height:30px;
		font-size:1.0em;
		padding-bottom:3em;
	}
	
	.pageCabang {
		width:95%;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:1em;
	}
	
	.pageCabang .frameListCabang {
		width:100%;
		margin:0 auto;
		padding:1em;
	}
	
	.pageCabang .frameListCabang .dataCabang {
		float:none;
		width:90%;
		margin:auto;
		padding:10px;
	}
}

.pageFinance {
    width:50%;
    min-height:200px;
    margin:0 auto;
    margin-top:5px;
    margin-bottom:50px;
    background-color:#fff;
	padding-top:2em;
}

.pageFinance .frameImg {
	width:50%;
	float:left;
	text-align:center;
	padding:3em;
}

.pageFinance .frameImg img {
	width:100%;
	height:auto;
	border-radius:10px;
	cursor:pointer;
}

.pageFinance .frameImg img:hover {
	opacity:0.5;
}

@media(max-width:1440px){

}

@media(max-width:1366px){
	
}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.pageFinance {
		width:60%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.pageFinance {
		width:70%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
}

@media(max-width:800px){

}

@media(max-width:767px){
	.pageFinance {
		width:80%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
}

@media(max-width:667px){
	.pageFinance {
		width:90%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.pageFinance {
		width:90%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageFinance .frameImg {
		width:50%;
		float:left;
		text-align:center;
		padding:2em;
	}
}

@media(max-width:480px){
	.pageFinance {
		width:95%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageFinance .frameImg {
		width:50%;
		float:left;
		text-align:center;
		padding:1em;
	}
}

@media(max-width:440px){
	.pageFinance {
		width:95%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageFinance .frameImg {
		width:75%;
		float:none;
		margin:auto;
		text-align:center;
		padding:2em;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.pageFinance {
		width:95%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageFinance .frameImg {
		width:80%;
		float:none;
		margin:auto;
		text-align:center;
		padding:2em;
	}
}

@media(max-width:320px){
	.pageFinance {
		width:95%;
		min-height:200px;
		margin:0 auto;
		margin-top:5px;
		margin-bottom:50px;
		padding-top:2em;
	}
	
	.pageFinance .frameImg {
		width:85%;
		float:none;
		margin:auto;
		text-align:center;
		padding:2em;
	}
}

.footerMain {
	width:100%;
	background-color:#FF8C69;
	color:#fff;
	padding:2em;
}

.footerMain .frameKiri {
	width:55%;
	float:left;
	padding-left:5em;
	padding-right:5em;
}

.footerMain .frameKiri .frameMenuList {
	width:33.33%;
	float:left;
	padding:2px;
}

.footerMain .frameKiri .frameMenuList .listMenu {
	width:80%;
	margin:auto;
	text-align:center;
	padding:10px;
	cursor:pointer;
	border-top:3px solid #FF8C69;
	border-bottom:3px solid #FF8C69;
	font-size:16px;
}

.footerMain .frameKiri .frameMenuList .listMenu:hover {
	border-top:3px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;
}

.footerMain .frameKanan {
	width:45%;
	float:left;
	padding:5px;
	text-align:center;
}

.footerMain .frameKanan .socmed {
	width:100%;
	margin:auto;
	padding:10px;
	margin-bottom:10px;
}
.footerMain .frameKanan .socmed .title {
	width:100%;
	text-align:center;
	font-weight:600;
	font-size:1.2em;
	padding-bottom:10px;
}

.footerMain .frameKanan .socmed .frameSocmed {
	width:50%;
	float:left;
	padding:5px;
}

.footerMain .frameKanan .socmed .frameSocmed .frameImg {
	width:100%;
	float:none;
	padding:5px;
	text-align:center;
}

.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
	width:90%;
	height:auto;
	margin:auto;
	cursor:pointer;
}

.footerMain .frameKanan .socmed .frameSocmed .frameImg img:hover {
	color:#3696D1;
	opacity:0.5;
}

.footerMain .frameKanan .allright {
	width:100%;
	text-align:center;
	font-weight:600;
	padding-bottom:10px;
	padding-top:3em;
	color:#fff;
	font-size:18px;
}

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){
	.footerMain .frameKiri {
		width:55%;
		float:left;
		padding-left:3em;
		padding-right:3em;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:90%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:1.2em;
	}
}

@media(max-width:1080px){
	.footerMain .frameKiri {
		width:55%;
		float:left;
		padding-left:3em;
		padding-right:3em;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:16px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:95%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
}

@media(max-width:1024px){
	.footerMain .frameKiri {
		width:55%;
		float:left;
		padding-left:2em;
		padding-right:2em;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:15px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:95%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
}

@media(max-width:991px){

}

@media(max-width:900px){
	.footerMain .frameKiri {
		width:55%;
		float:left;
		padding-left:10px;
		padding-right:10px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:15px;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:left;
		font-size:1.0em;
		padding-bottom:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:60%;
		float:none;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	.footerMain .frameKanan .allright {
		width:100%;
		padding-bottom:10px;
		padding-top:3em;
		font-size:16px;
	}
}

@media(max-width:800px){
	.footerMain .frameKiri {
		width:55%;
		float:left;
		padding-left:10px;
		padding-right:10px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:15px;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:left;
		font-size:1.0em;
		padding-bottom:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:60%;
		float:none;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:4em;
		font-size:15px;
	}
}

@media(max-width:767px){
	.footerMain .frameKiri {
		width:55%;
		float:left;
		padding-left:10px;
		padding-right:10px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:14px;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:left;
		font-size:1.0em;
		padding-bottom:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:75%;
		float:none;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:4em;
		font-size:15px;
	}
}

@media(max-width:667px){
	.footerMain {
		width:100%;
		color:#fff;
		padding:2em;
	}
	.footerMain .frameKiri {
		width:85%;
		float:none;
		margin:auto;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:16px;
	}
	
	.footerMain .frameKanan {
		width:85%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.2em;
		padding-bottom:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:50%;
		float:left;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:10px;
		font-size:18px;
	}
}

@media(max-width:640px){
	.footerMain {
		width:100%;
		color:#fff;
		padding:2em;
	}
	.footerMain .frameKiri {
		width:90%;
		float:none;
		margin:auto;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:16px;
	}
	
	.footerMain .frameKanan {
		width:85%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.2em;
		padding-bottom:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:50%;
		float:left;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:10px;
		font-size:18px;
	}
}

@media(max-width:600px){
	.footerMain {
		width:100%;
		padding:2em;
	}
	.footerMain .frameKiri {
		width:95%;
		float:none;
		margin:auto;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:10px;
		cursor:pointer;
		font-size:16px;
	}
	
	.footerMain .frameKanan {
		width:85%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.2em;
		padding-bottom:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:50%;
		float:left;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:10px;
		font-size:18px;
	}
}

@media(max-width:480px){
	.footerMain {
		width:100%;
		padding:2em;
	}
	.footerMain .frameKiri {
		width:100%;
		float:none;
		margin:auto;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList {
		width:33.33%;
		float:left;
		padding:2px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:7px;
		cursor:pointer;
		font-size:15px;
	}
	
	.footerMain .frameKanan {
		width:100%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.3em;
		padding-bottom:10px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:70%;
		float:none;
		margin:auto;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:10px;
		font-size:16px;
	}
}

@media(max-width:440px){
	.footerMain {
		width:100%;
		padding:2em;
	}
	.footerMain .frameKiri {
		width:100%;
		float:none;
		margin:auto;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList {
		width:33.33%;
		float:left;
		padding:2px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:7px;
		cursor:pointer;
		font-size:15px;
	}
	
	.footerMain .frameKanan {
		width:100%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.3em;
		padding-bottom:10px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:70%;
		float:none;
		margin:auto;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:10px;
		font-size:16px;
	}
}

@media(max-width:414px){
	.footerMain {
		width:100%;
		padding:2em;
	}
	.footerMain .frameKiri {
		width:100%;
		float:none;
		margin:auto;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList {
		width:33.33%;
		float:left;
		padding:2px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:center;
		padding:7px;
		cursor:pointer;
		font-size:14px;
	}
	
	.footerMain .frameKanan {
		width:100%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.3em;
		padding-bottom:10px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:80%;
		float:none;
		margin:auto;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:10px;
		font-size:15px;
	}
}

@media(max-width:375px){
	.footerMain {
		width:100%;
		padding:2em;
	}
	.footerMain .frameKiri {
		width:100%;
		float:none;
		margin:auto;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList {
		width:50%;
		float:left;
		padding:2px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:left;
		padding:7px;
		cursor:pointer;
		font-size:14px;
	}
	
	.footerMain .frameKanan {
		width:100%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.3em;
		padding-bottom:10px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:95%;
		float:none;
		margin:auto;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:5px;
		font-size:15px;
	}
}

@media(max-width:320px){
	.footerMain {
		width:100%;
		padding:1em;
	}
	.footerMain .frameKiri {
		width:100%;
		float:none;
		margin:auto;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:20px;
	}
	
	.footerMain .frameKiri .frameMenuList {
		width:50%;
		float:left;
		padding:2px;
	}
	
	.footerMain .frameKiri .frameMenuList .listMenu {
		width:100%;
		margin:auto;
		text-align:left;
		padding:7px;
		cursor:pointer;
		font-size:14px;
	}
	
	.footerMain .frameKanan {
		width:100%;
		float:none;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.footerMain .frameKanan .socmed .title {
		width:100%;
		text-align:center;
		font-size:1.3em;
		padding-bottom:10px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed {
		width:95%;
		float:none;
		margin:auto;
		padding:5px;
	}
	
	.footerMain .frameKanan .socmed .frameSocmed .frameImg img {
		width:100%;
		height:auto;
		margin:auto;
		cursor:pointer;
	}
	
	.footerMain .frameKanan .allright {
		width:100%;
		text-align:center;
		font-weight:600;
		padding-bottom:10px;
		padding-top:5px;
		font-size:14px;
	}
}

.frameCl {
	width:100%;
	margin:auto;
	padding-top:2em;
	padding-bottom:2em;
	height:680px;
}

.frameCl1 {
	position: absolute;
	top: 1;
	left: 0;
	width: 700%;
	height: 100%;
}
.frameCl1 .cl {
	position: relative;
	width: 14.29%;
	height: 100%;
	float: left;
}
.frameCl1 .cl .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameCl1 .cl .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameCl1 .cl .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.frameCl1 .cl.cl1 {
	background: url(../images/cl.jpg);
	background-size: cover;
	background-position: center;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){
	.frameCl {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:0em;
		height:580px;
	}
}

@media(max-width:1080px){
	
}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){

}

@media(max-width:800px){

}

@media(max-width:767px){
	
}

@media(max-width:667px){

}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameCl {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:0em;
		height:580px;
	}
	
	.frameCl1 .cl .caption {
		position: absolute;
		bottom: 60px;
		left: 30px;
		right: 30px;
		padding: 30px;
	}
}

@media(max-width:480px){
	.frameCl {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:0em;
		height:580px;
	}
	
	.frameCl1 .cl .caption {
		position: absolute;
		bottom: 60px;
		left: 30px;
		right: 30px;
		padding: 30px;
	}
	
	.frameCl1 .cl .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.0em;
	}
}

@media(max-width:440px){
	.frameCl {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:0em;
		height:580px;
	}
	
	.frameCl1 .cl .caption {
		position: absolute;
		bottom: 60px;
		left:10px;
		right:10px;
		padding: 30px;
	}
	
	.frameCl1 .cl .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.8em;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.frameCl {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:0em;
		height:580px;
	}
	
	.frameCl1 .cl .caption {
		position: absolute;
		bottom: 60px;
		left:10px;
		right:10px;
		padding: 20px;
	}
	
	.frameCl1 .cl .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.0em;
	}
}

@media(max-width:320px){

}



.frameAb {
	width:100%;
	margin:auto;
	padding-top:2em;
	padding-bottom:2em;
	height:650px;
}

.frameAb1 {
	position: absolute;
	top: 1;
	left: 0;
	width: 700%;
	height: 100%;
}
.frameAb1 .ab {
	position: relative;
	width: 14.29%;
	height: 100%;
	float: left;
}
.frameAb1 .ab .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameAb1 .ab .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameAb1 .ab .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.frameAb1 .ab.ab1 {
	background: url(../images/service2.jpg);
	background-size: cover;
	background-position: center;
}

.frameTitlePage {
	width:100%;
	margin:auto;
	padding-top:10em;
	padding-bottom:1em;
	height:775px;
}

.frameTitlePage .landing {
	height:600px;
	background: url(../images/title/title1.jpg);
	background-size: cover;
	background-position: center;
}

.frameTitlePage .landing2 {
	height:600px;
	background: url(../images/title/title2.png);
	background-size: cover;
	background-position: center;
}

.frameTitlePage .landing3 {
	height:600px;
	background: url(../images/title/product.png);
	background-size: cover;
	background-position: center;
}

.frameTitlePage .landing4 {
	height:600px;
	background: url(../images/title/branch.png);
	background-size: cover;
	background-position: center;
}

.frameTitlePage .landing5 {
	height:600px;
	background: url(../images/title/client.png);
	background-size: cover;
	background-position: center;
}

.frameTitlePage .landing6 {
	height:600px;
	background: url(../images/title/financial.png);
	background-size: cover;
	background-position: center;
}

.frameTitlePage .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameTitlePage .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameTitlePage .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.2em;
	}
}

@media(max-width:800px){
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.0em;
	}
}

@media(max-width:767px){
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.8em;
	}
}

@media(max-width:667px){
	.frameTitlePage .caption {
		position: absolute;
		bottom: 40px;
		left: 40px;
		right: 40px;
		padding: 30px;
	}

	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.2em;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameTitlePage .caption {
		position: absolute;
		bottom: 20px;
		left: 30px;
		right: 30px;
		padding: 25px;
	}
	
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.8em;
	}
}

@media(max-width:440px){
	.frameTitlePage .caption {
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.6em;
	}
}

@media(max-width:414px){
	.frameTitlePage .caption {
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
		padding: 20px;
	}
	
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.4em;
	}
}

@media(max-width:375px){
	.frameTitlePage .caption {
		position: absolute;
		bottom: 20px;
		left: 20px;
		right: 20px;
		padding: 15px;
	}
	
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.2em;
	}
}

@media(max-width:320px){
	.frameTitlePage .caption {
		position: absolute;
		bottom: 15px;
		left: 10px;
		right: 10px;
		padding: 15px;
	}
	
	.frameTitlePage .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.0em;
	}
}


/*.frameBengkelan {
	width:100%;
	margin:auto;
	padding-top:10em;
	padding-bottom:2em;
	height:650px;
}

.frameBengkelan1 {
	position: absolute;
	top: 1;
	left: 0;
	width: 700%;
	height: 100%;
}
.frameBengkelan1 .bengkelan {
	position: relative;
	width: 14.29%;
	height: 100%;
	float: left;
}
.frameBengkelan1 .bengkelan .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameBengkelan1 .bengkelan .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameBengkelan1 .bengkelan .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.frameBengkelan1 .bengkelan.bengkel1 {
	background: url(../images/bengs.jpg);
	background-size: cover;
	background-position: center;
}*/

.frameTournament {
	width:90%;
	margin:auto;
	margin-top:2em;
	margin-bottom:4em;
	color:#000;
}

.frameTournament .frameTitle {
	width:100%;
	margin-bottom:5px;
}

.frameTournament .frameTitle .title {
	width:100%;
	padding:15px;
	margin-bottom:5px;
	font-size:1.1em;
	color:#FFF;
}

.frameTournament .segment {
	width:33%;
	float:left;
	margin-bottom:10px;
	padding:20px;
}

.frameTournament .segment .baris {
	width:100%;
	padding:15px;
	margin-bottom:3px;
	font-size:1em;
}

.frameTournament .segment .colHeader {
	width:100%;
	padding:10px;
	padding-bottom:10px;
	margin-bottom:0px;
	font-size:1.1em;
	border-bottom:1px solid #F0F3F4;
}

.frameTournament .segment .colHeader .colHeader1 {
	float:left;
	width:100%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#C80101;
	font-size:0.85em;
}

.frameTournament .segment .colHeader .colHeader2 {
	float:left;
	width:100%;
	padding-right:10px;
	padding-left:10px;
	color:#000;
	font-size:0.9em;
}

.frameTournament .segment .colHeader .colHeader3 {
	float:left;
	width:30%;
	padding-right:10px;
	padding-left:10px;
	color:#C80101;
}

.frameTournament .segment .colHeader .frameButton50 {
	width:50%;
	float:left;
	padding:5px;
}

.frameTournament .segment .colHeader .frameButton100 {
	width:50%;
	margin:auto;
	padding:5px;
}

.frameTournament .segment .colHeader .buttonBook {
	width:100%;
	background-color:#FF9600;
	border-radius:10px;
	border:2px solid #FF9600;
	color:white;
	font-size:0.9em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
	text-align:center;
	margin-bottom:10px;
	margin-top:15px;
}
.frameTournament .segment .colHeader .buttonBook:hover {
	background-color:#fff;
	border:2px solid #FF9600;
	color:#FF9600;
}

.frameTournament .segment .colHeader .buttonNonBook {
	width:100%;
	background-color:#00BCD4;
	border-radius:10px;
	border:2px solid #00BCD4;
	color:white;
	font-size:0.9em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:3px;
	padding-bottom:3px;
	cursor:pointer;
	text-align:center;
	margin-bottom:10px;
	margin-top:15px;
}
.frameTournament .segment .colHeader .buttonNonBook:hover {
	background-color:#fff;
	border:2px solid #00BCD4;
	color:#00BCD4;
}

.frameTournament .segment .colHeader .buttonBooked {
	width:100%;
	background-color:#FF0000;
	border-radius:10px;
	border:2px solid #FF0000;
	color:white;
	font-size:0.9em;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	margin-bottom:10px;
	margin-top:15px;
}

.frameTournament .segment .colContent {
	width:100%;
	padding:10px;
	margin-bottom:10px;
	font-size:1.0em;
	border-bottom:1px solid #F0F3F4;
}

.frameTournament .segment .colContent .col1 {
	float:left;
	width:40%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameTournament .segment .colContent .col2 {
	float:left;
	width:30%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameTournament .segment .colContent .col3 {
	float:left;
	width:30%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameTournament .frameTourValue {
	width:100%;
	padding:20px;
	margin-bottom:10px;
	font-size:1.1em;
	border:1px solid #F0F3F4;
}

.frameTournament .frameTourValue .contentValueTitle {
	width:15%;
	float:left;
	padding-bottom:10px;
}

.frameTournament .frameTourValue .contentValueIsi {
	width:80%;
	float:left;
	padding-bottom:10px;
}

.frameTournament .frameListSegment {
	width:85%;
	margin:auto;
	margin-top:20px;
}

.frameTournament .frameListSegment .boxSegment {
	width:25%;
	float:left;
	padding:20px;
}

.frameTournament .frameListSegment .boxSegment .viewSegment {
	width:100%;
	border-radius:8px;
	background:#EBEBEB;
	padding:20px;
	text-align:center;
	cursor:pointer;
}

.frameTournament .frameListSegment .boxSegment .viewSegment:hover {
	background:#00BCD4;
	color:#FFF;
}

.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
	font-size:1.2em;
	padding-bottom:10px;
}

.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
	font-size:1.0em;
}

.frameTournament .segment100 {
	width:100%;
	margin-bottom:20px;
	padding:20px;
}

.frameTournament .segment100 .baris {
	width:100%;
	padding:15px;
	margin-bottom:3px;
	font-size:1.1em;
	color:#fff;
}

.frameTournament .segment100 .colHeader {
	width:100%;
	padding:10px;
	padding-bottom:5px;
	margin-bottom:20px;
	font-size:1.1em;
	border-bottom:1px solid #F0F3F4;
}

.frameTournament .segment100 .colHeader .colHeader1 {
	float:left;
	width:40%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#C80101;
	font-size:0.9em;
}

.frameTournament .segment100 .colHeader .colHeader2 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	color:#000;
	color:#C80101;
	font-size:0.9em;
}

.frameTournament .segment100 .colHeader .colHeader3 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	color:#C80101;
	font-size:0.9em;
}

.frameTournament .segment100 .colContent {
	width:100%;
	padding:10px;
	margin-bottom:10px;
	font-size:1.0em;
	border-bottom:1px solid #F0F3F4;
}

.frameTournament .segment100 .colContent .col1 {
	float:left;
	width:40%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameTournament .segment100 .colContent .col2 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameTournament .segment100 .colContent .col3 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameTournament .segment100 .barisScore {
	width:94%;
	padding:10px;
	margin-bottom:3px;
	font-size:1.1em;
	color:#fff;
}

.frameTournament .segment100 .colHole {
	width:100%;
	padding-bottom:0px;
	margin-bottom:0px;
	font-size:1.0em;
	font-weight:normal;
}

.frameTournament .segment100 .colHole .colHole1 {
	float:left;
	width:10%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	color:#FFF;
	border-bottom:1px solid #F0F3F4;
	border-right:1px solid #F0F3F4;
	border-left:1px solid #F0F3F4;
	border-top:1px solid #F0F3F4;
	background:#00BCD4;
}

.frameTournament .segment100 .colHole .colHole2 {
	float:left;
	width:4%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	color:#FFF;
	border-bottom:1px solid #F0F3F4;
	border-right:1px solid #F0F3F4;
	border-left:1px solid #F0F3F4;
	border-top:1px solid #F0F3F4;
	background:#00BCD4;
	text-align:center;
}

.frameTournament .segment100 .colHit {
	width:100%;
	font-size:1.0em;
	font-weight:normal;
}

.frameTournament .segment100 .colHit .colHit1 {
	float:left;
	width:10%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-right:1px solid #F0F3F4;
	border-left:1px solid #F0F3F4;
	border-bottom:1px solid #F0F3F4;
	border-top:1px solid #F0F3F4;
}

.frameTournament .segment100 .colHit .colHit2 {
	float:left;
	width:4%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-top:1px solid #F0F3F4;
	border-right:1px solid #F0F3F4;
	border-left:1px solid #F0F3F4;
	border-bottom:1px solid #F0F3F4;
	text-align:center;
}

.frameTournament .frameLinkMain {
	width:95%;
	margin:auto;
	margin-bottom:10px;
}

.frameTournament .frameLink {
	width:10%;
	float:left;
	padding:10px;
}

.frameTournament .frameLinkBack {
	width:15%;
	float:left;
	padding:10px;
}

.frameTournament .frameLink .buttonLink {
	width:100%;
	background:#FF9600;
	color:#FFF;
	border-radius:3px;
	border:2px solid #FF9600;
	font-size:0.85em;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
	padding:5px;
}

.frameTournament .frameLink .buttonLink:hover {
	background:#FFF;
	color:#FF9600;
}

.frameTournament .frameLinkBack .buttonLinkBack {
	width:100%;
	background:#696969;
	color:#FFF;
	border-radius:3px;
	border:2px solid #696969;
	font-size:0.85em;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
	padding:5px;
}

.frameTournament .frameLinkBack .buttonLinkBack:hover {
	background:#FFF;
	color:#696969;
}

@media(max-width:1440px){
	
}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameTournament .segment {
		width:50%;
		float:left;
		margin-bottom:20px;
		padding:20px;
	}
	
	.frameTournament .frameListSegment {
		width:90%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .segment .colHeader .frameButton50 {
		width:50%;
		float:left;
		padding:5px;
		text-align:center;
	}

	.frameTournament .segment .colHeader .frameButton100 {
		width:50%;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.frameTournament .segment .colHeader .buttonBook, .frameTournament .segment .colHeader .buttonNonBook, .frameTournament .segment .colHeader .buttonBooked {
		width:80%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:3px;
		padding-bottom:3px;
		margin-bottom:10px;
		margin-top:15px;
	}
}

@media(max-width:1024px){
	.frameTournament {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
}

@media(max-width:991px){
	
}

@media(max-width:900px){
	.frameTournament {
		width:98%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameTournament .frameTitle {
		width:95%;
		margin:auto;
		margin-bottom:5px;
	}
	
	.frameTournament .segment {
		width:50%;
		float:left;
		margin-bottom:2em;
		padding:10px;
	}
	
	.frameTournament .segment .colHeader .colHeader1 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.8em;
	}

	.frameTournament .segment .colHeader .colHeader2 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		font-size:0.85em;
	}
	
	.frameTournament .frameTourValue {
		width:95%;
		margin:auto;
		padding:10px;
		margin-bottom:10px;
		font-size:1.0em;
	}
	
	.frameTournament .frameTourValue .contentValueTitle {
		width:20%;
		float:left;
		padding-bottom:10px;
		padding-left:10px;
	}

	.frameTournament .frameTourValue .contentValueIsi {
		width:80%;
		float:left;
		padding-bottom:10px;
	}
	
	.frameTournament .frameListSegment {
		width:90%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .barisScore {
		width:94%;
		padding:10px;
		margin-bottom:3px;
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .colHole {
		width:100%;
		padding-bottom:0px;
		margin-bottom:0px;
		font-size:0.85em;
	}
	
	.frameTournament .segment100 .colHole .colHole1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHole .colHole2 {
		float:left;
		width:4%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment100 .colHit {
		width:100%;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colHit .colHit1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHit .colHit2 {
		float:left;
		width:4%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .frameLink .buttonLink, .frameTournament .frameLinkBack .buttonLinkBack {
		width:100%;
		font-size:0.8em;
		padding:5px;
	}
}

@media(max-width:800px){
	.frameTournament {
		width:98%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameTournament .segment {
		width:50%;
		float:left;
		margin-bottom:20px;
		padding:20px;
	}
	
	.frameTournament .segment .colHeader {
		width:100%;
		padding:10px;
		padding-bottom:20px;
		margin-bottom:0px;
		font-size:1.1em;
		border-bottom:1px solid #F0F3F4;
	}
	
	.frameTournament .segment .colHeader .colHeader1 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.8em;
	}

	.frameTournament .segment .colHeader .colHeader2 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		font-size:0.85em;
	}
	
	.frameTournament .frameListSegment {
		width:95%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:0.9em;
	}
	
	.frameTournament .segment100 .colHeader .colHeader1 {
		float:left;
		width:40%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colHeader .colHeader2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		color:#C80101;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#C80101;
		font-size:0.85em;
	}
	
	.frameTournament .segment100 .colContent .col1 {
		float:left;
		width:40%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colContent .col2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colContent .col3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.85em;
	}
	
	.frameTournament .segment .colHeader .frameButton50 {
		width:50%;
		float:left;
		padding:5px;
		text-align:center;
	}

	.frameTournament .segment .colHeader .frameButton100 {
		width:50%;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.frameTournament .segment .colHeader .buttonBook, .frameTournament .segment .colHeader .buttonNonBook, .frameTournament .segment .colHeader .buttonBooked {
		width:100%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:3px;
		padding-bottom:3px;
		margin-bottom:10px;
		margin-top:15px;
	}
	
	.frameTournament .frameLink {
		width:15%;
		float:left;
		padding:10px;
	}
	
	.frameTournament .frameLinkBack {
		width:20%;
		float:left;
		padding:10px;
	}
	
	.frameTournament .frameLink .buttonLink, .frameTournament .frameLinkBack .buttonLinkBack {
		width:100%;
		font-size:0.85em;
		padding:5px;
	}
}

@media(max-width:767px){
	.frameTournament {
		width:98%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameTournament .segment {
		width:50%;
		float:left;
		margin-bottom:20px;
		padding:20px;
	}
	
	.frameTournament .segment .colHeader {
		width:100%;
		padding:10px;
		padding-bottom:20px;
		margin-bottom:0px;
		font-size:1.1em;
		border-bottom:1px solid #F0F3F4;
	}
	
	.frameTournament .segment .colHeader .colHeader1 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.8em;
	}

	.frameTournament .segment .colHeader .colHeader2 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		font-size:0.85em;
	}
	
	.frameTournament .frameListSegment {
		width:95%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.3em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.1em;
	}
	
	.frameTournament .segment100 .barisScore {
		width:100%;
		padding:10px;
		margin-bottom:3px;
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .colHole {
		width:100%;
		padding-bottom:0px;
		margin-bottom:0px;
		font-size:0.8em;
	}
	
	.frameTournament .segment100 .colHole .colHole1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHole .colHole2 {
		float:left;
		width:5%;
		padding-right:8px;
		padding-left:8px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment100 .colHit {
		width:100%;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colHit .colHit1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHit .colHit2 {
		float:left;
		width:5%;
		padding-right:7px;
		padding-left:7px;
		padding-bottom:5px;
		padding-top:5px;
	}
}

@media(max-width:667px){
	.frameTournament {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameTournament .frameTitle {
		width:100%;
		margin:auto;
		margin-bottom:5px;
	}
	
	.frameTournament .segment {
		width:90%;
		margin:auto;
		float:none;
		margin-bottom:20px;
		padding:20px;
	}
	
	.frameTournament .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:3px;
		font-size:1.1em;
	}
	
	.frameTournament .segment .colHeader {
		width:100%;
		padding:10px;
		padding-bottom:20px;
		margin-bottom:0px;
		font-size:1.0em;
		border-bottom:1px solid #F0F3F4;
	}
	
	.frameTournament .segment .colHeader .colHeader1 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:1.0em;
	}

	.frameTournament .segment .colHeader .colHeader2 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		font-size:1.0em;
	}
	
	.frameTournament .frameTourValue {
		width:95%;
		margin:auto;
		padding:10px;
		margin-bottom:10px;
		font-size:0.9em;
	}
	
	.frameTournament .frameTourValue .contentValueTitle {
		width:25%;
		float:left;
		padding-bottom:10px;
		padding-left:10px;
	}

	.frameTournament .frameTourValue .contentValueIsi {
		width:75%;
		float:left;
		padding-bottom:10px;
	}
	
	.frameTournament .frameListSegment {
		width:95%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.2em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.1em;
	}
	
	.frameTournament .segment100 .colHeader .colHeader1 {
		float:left;
		width:60%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.9em;
	}

	.frameTournament .segment100 .colHeader .colHeader2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		color:#C80101;
		font-size:0.9em;
	}

	.frameTournament .segment100 .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#C80101;
		font-size:0.9em;
		display:none;
	}
	
	.frameTournament .segment100 .colContent .col1 {
		float:left;
		width:60%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.9em;
	}

	.frameTournament .segment100 .colContent .col2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.9em;
	}

	.frameTournament .segment100 .colContent .col3 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}
	
	.frameTournament .segment100 .barisScore {
		width:100%;
		padding:10px;
		margin-bottom:3px;
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .colHole {
		width:100%;
		padding-bottom:0px;
		margin-bottom:0px;
		font-size:0.8em;
	}
	
	.frameTournament .segment100 .colHole .colHole1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHole .colHole2 {
		float:left;
		width:7%;
		padding-right:8px;
		padding-left:8px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment100 .colHit {
		width:100%;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colHit .colHit1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHit .colHit2 {
		float:left;
		width:5%;
		padding-right:7px;
		padding-left:7px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment .colHeader .frameButton50 {
		width:50%;
		float:left;
		padding:5px;
		text-align:center;
	}

	.frameTournament .segment .colHeader .frameButton100 {
		width:50%;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.frameTournament .segment .colHeader .buttonBook, .frameTournament .segment .colHeader .buttonNonBook, .frameTournament .segment .colHeader .buttonBooked {
		width:80%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:3px;
		padding-bottom:3px;
		margin-bottom:10px;
		margin-top:15px;
		font-size:1.0em;
	}
	
	.frameTournament .frameLinkMain {
		width:100%;
		margin:auto;
		margin-bottom:10px;
	}
	
	.frameTournament .frameLink {
		width:15%;
		float:left;
		padding:10px;
	}
	
	.frameTournament .frameLinkBack {
		width:20%;
		float:left;
		padding:10px;
	}
	
	.frameTournament .frameLink .buttonLink, .frameTournament .frameLink .buttonLinkBack {
		width:100%;
		font-size:0.85em;
		padding:5px;
	}
}

@media(max-width:640px){
	
}

@media(max-width:600px){
	.frameTournament .segment100 .colHeader .colHeader1 {
		float:left;
		width:60%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colHeader .colHeader2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		color:#C80101;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#C80101;
		font-size:0.85em;
		display:none;
	}
	
	.frameTournament .segment100 .colContent .col1 {
		float:left;
		width:60%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colContent .col2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.85em;
	}

	.frameTournament .segment100 .colContent .col3 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.85em;
	}
	
	.frameTournament .frameLinkMain {
		width:100%;
		margin:auto;
		margin-bottom:10px;
	}
	
	.frameTournament .frameLink {
		width:20%;
		float:left;
		padding:5px;
	}
	
	.frameTournament .frameLinkBack {
		width:25%;
		float:left;
		padding:5px;
	}
	
	.frameTournament .frameLink .buttonLink, .frameTournament .frameLink .buttonLinkBack {
		width:100%;
		font-size:0.85em;
		padding:5px;
	}
}

@media(max-width:480px){
	.frameTournament {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameTournament .segment {
		width:100%;
		margin:auto;
		float:none;
		margin-bottom:10px;
		padding:20px;
	}
	
	.frameTournament .segment .colHeader {
		width:100%;
		padding:10px;
		padding-bottom:20px;
		margin-bottom:0px;
		font-size:1.1em;
		border-bottom:1px solid #F0F3F4;
	}
	
	.frameTournament .segment .colHeader .colHeader1 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.9em;
	}

	.frameTournament .segment .colHeader .colHeader2 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		font-size:0.9em;
	}
	
	.frameTournament .frameTourValue {
		width:95%;
		margin:auto;
		padding:10px;
		margin-bottom:10px;
		font-size:0.9em;
	}
	
	.frameTournament .frameTourValue .contentValueTitle {
		width:100%;
		float:none;
		padding-bottom:10px;
		padding-left:5px;
	}

	.frameTournament .frameTourValue .contentValueIsi {
		width:100%;
		float:none;
		padding-bottom:20px;
		padding-left:20px;
	}
	
	.frameTournament .frameListSegment {
		width:95%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.1em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .barisScore {
		width:100%;
		padding:10px;
		margin-bottom:3px;
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .colHole {
		width:100%;
		padding-bottom:0px;
		margin-bottom:0px;
		font-size:0.8em;
	}
	
	.frameTournament .segment100 .colHole .colHole1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHole .colHole2 {
		float:left;
		width:10%;
		padding-right:8px;
		padding-left:8px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment100 .colHit {
		width:100%;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colHit .colHit1 {
		float:left;
		width:10%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHit .colHit2 {
		float:left;
		width:10%;
		padding-right:7px;
		padding-left:7px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment .colHeader .frameButton50 {
		width:50%;
		float:left;
		padding:5px;
		text-align:center;
	}

	.frameTournament .segment .colHeader .frameButton100 {
		width:50%;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.frameTournament .segment .colHeader .buttonBook, .frameTournament .segment .colHeader .buttonNonBook, .frameTournament .segment .colHeader .buttonBooked {
		width:100%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:3px;
		padding-bottom:3px;
		margin-bottom:10px;
		margin-top:15px;
		font-size:1.0em;
	}
}

@media(max-width:440px){
	.frameTournament {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameTournament .segment {
		width:100%;
		margin:auto;
		float:none;
		margin-bottom:10px;
		padding:20px;
	}
	
	.frameTournament .segment .colHeader {
		width:100%;
		padding:10px;
		padding-bottom:20px;
		margin-bottom:0px;
		font-size:1.1em;
		border-bottom:1px solid #F0F3F4;
	}
	
	.frameTournament .segment .colHeader .colHeader1 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.9em;
	}

	.frameTournament .segment .colHeader .colHeader2 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		font-size:0.9em;
	}
	
	.frameTournament .frameListSegment {
		width:95%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:10px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:0.9em;
	}
	
	.frameTournament .segment100 .colHeader .colHeader1 {
		float:left;
		width:60%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colHeader .colHeader2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		color:#C80101;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		color:#C80101;
		font-size:0.8em;
		display:none;
	}
	
	.frameTournament .segment100 .colContent .col1 {
		float:left;
		width:60%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colContent .col2 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colContent .col3 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.8em;
	}
	
	.frameTournament .segment100 .barisScore {
		width:100%;
		padding:10px;
		margin-bottom:3px;
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .colHole {
		width:100%;
		padding-bottom:0px;
		margin-bottom:0px;
		font-size:0.8em;
	}
	
	.frameTournament .segment100 .colHole .colHole1 {
		float:left;
		width:15%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHole .colHole2 {
		float:left;
		width:10%;
		padding-right:8px;
		padding-left:8px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment100 .colHit {
		width:100%;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colHit .colHit1 {
		float:left;
		width:15%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHit .colHit2 {
		float:left;
		width:10%;
		padding-right:7px;
		padding-left:7px;
		padding-bottom:5px;
		padding-top:5px;
	}
}

@media(max-width:414px){
	.frameTournament .frameLinkMain {
		width:100%;
		margin:auto;
		margin-bottom:10px;
	}
	
	.frameTournament .frameLink {
		width:25%;
		float:left;
		padding:5px;
	}
	
	.frameTournament .frameLinkBack {
		width:30%;
		float:left;
		padding:5px;
	}
	
	.frameTournament .frameLink .buttonLink, .frameTournament .frameLink .buttonLinkBack {
		width:100%;
		font-size:0.85em;
		padding:5px;
	}
}

@media(max-width:375px){
	.frameTournament {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameTournament .frameTitle {
		width:95%;
		margin:auto;
		margin-bottom:5px;
	}
	
	.frameTournament .frameTitle .title {
		width:100%;
		padding:15px;
		margin-bottom:5px;
		font-size:1em;
	}
	
	.frameTournament .segment {
		width:100%;
		margin:auto;
		float:none;
		margin-bottom:10px;
		padding:20px;
	}
	
	.frameTournament .segment .colHeader {
		width:100%;
		padding:10px;
		padding-bottom:20px;
		margin-bottom:0px;
		font-size:1.1em;
		border-bottom:1px solid #F0F3F4;
	}
	
	.frameTournament .segment .colHeader .colHeader1 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.8em;
	}

	.frameTournament .segment .colHeader .colHeader2 {
		float:left;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		font-size:0.85em;
	}
	
	.frameTournament .frameTourValue {
		width:95%;
		margin:auto;
		padding:10px;
		margin-bottom:10px;
		font-size:0.85em;
	}
	
	.frameTournament .frameTourValue .contentValueTitle {
		width:100%;
		float:none;
		padding-bottom:10px;
		padding-left:5px;
	}

	.frameTournament .frameTourValue .contentValueIsi {
		width:100%;
		float:none;
		padding-bottom:20px;
		padding-left:20px;
	}
	
	.frameTournament .frameListSegment {
		width:80%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment {
		width:100%;
		float:none;
		padding:10px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:15px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.2em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.1em;
	}
	
	.frameTournament .segment100 .colHeader .colHeader1 {
		float:left;
		width:70%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:10px;
		color:#C80101;
		font-size:0.75em;
	}

	.frameTournament .segment100 .colHeader .colHeader2 {
		float:left;
		width:15%;
		padding-right:10px;
		padding-left:10px;
		color:#000;
		color:#C80101;
		font-size:0.75em;
	}

	.frameTournament .segment100 .colHeader .colHeader3 {
		float:left;
		width:15%;
		padding-right:10px;
		padding-left:10px;
		color:#C80101;
		font-size:0.75em;
		display:none;
	}
	
	.frameTournament .segment100 .colContent .col1 {
		float:left;
		width:70%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.75em;
	}

	.frameTournament .segment100 .colContent .col2 {
		float:left;
		width:15%;
		padding-right:10px;
		padding-left:10px;
		padding-bottom:20px;
		font-size:0.75em;
	}

	.frameTournament .segment100 .colContent .col3 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.75em;
	}
	
	.frameTournament .segment100 .barisScore {
		width:100%;
		padding:10px;
		margin-bottom:3px;
		font-size:1.0em;
	}
	
	.frameTournament .segment100 .colHole {
		width:100%;
		padding-bottom:0px;
		margin-bottom:0px;
		font-size:0.8em;
	}
	
	.frameTournament .segment100 .colHole .colHole1 {
		float:left;
		width:20%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHole .colHole2 {
		float:left;
		width:15%;
		padding-right:8px;
		padding-left:8px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment100 .colHit {
		width:100%;
		font-size:0.8em;
	}

	.frameTournament .segment100 .colHit .colHit1 {
		float:left;
		width:20%;
		padding-right:5px;
		padding-left:5px;
		padding-bottom:5px;
		padding-top:5px;
	}

	.frameTournament .segment100 .colHit .colHit2 {
		float:left;
		width:15%;
		padding-right:7px;
		padding-left:7px;
		padding-bottom:5px;
		padding-top:5px;
	}
	
	.frameTournament .segment .colHeader .frameButton50 {
		width:70%;
		margin:auto;
		float:none;
		padding:5px;
		text-align:center;
	}

	.frameTournament .segment .colHeader .frameButton100 {
		width:70%;
		margin:auto;
		padding:5px;
		text-align:center;
	}
	
	.frameTournament .segment .colHeader .buttonBook, .frameTournament .segment .colHeader .buttonNonBook, .frameTournament .segment .colHeader .buttonBooked {
		width:100%;
		font-size:0.85em;
		padding-left:0.5em;
		padding-right:0.5em;
		padding-top:3px;
		padding-bottom:3px;
		margin-bottom:10px;
		margin-top:15px;
		font-size:1.0em;
	}
}

@media(max-width:320px){
	.frameTournament .frameListSegment {
		width:80%;
		margin:auto;
		margin-top:20px;
	}
	
	.frameTournament .frameListSegment .boxSegment {
		width:100%;
		float:none;
		padding:10px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:15px;
	}
	
	.frameTournament .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.1em;
		padding-bottom:10px;
	}

	.frameTournament .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.0em;
	}
}

.frameListTourView {
	width:90%;
	margin:auto;
	margin-top:4em;
	margin-bottom:4em;
	color:#000;
}

.frameListTourView .frameTitle {
	width:100%;
	margin-bottom:5px;
}

.frameListTourView .frameTitle .barisTitle {
	width:100%;
	padding:15px;
	margin-bottom:5px;
	font-size:1.1em;
	color:#FFF;
}

.frameListTourView .segment {
	width:100%;
	margin-bottom:5px;
	padding:10px;
}

.frameListTourView .segment .viewName {
	width:100%;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.1em;
	color:#C80101;
}

.frameListTourView .segment .viewVenue {
	float:left;
	padding-right:5px;
	padding-left:15px;
	padding-bottom:15px;
	font-size:1em;
	color:#C80101;
}

.frameListTourView .segment .viewDate {
	float:left;
	padding-right:5px;
	padding-left:15px;
	padding-bottom:5px;
	font-size:1em;
	color:#C80101;
}

.frameListTourView .segment .buttonBook {
	float:left;
	margin-right:10px;
	margin-left:15px;
	margin-bottom:20px;
	background-color:#FF9600;
	border-radius:5px;
	border:2px solid #FF9600;
	color:white;
	font-size:1em;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
	text-align:center;
}
.frameListTourView .segment .buttonBook:hover {
	background-color:#fff;
	border:2px solid #FF9600;
	color:#FF9600;
}

.frameListTourView .segment .buttonNonBook {
	float:left;
	margin-right:10px;
	margin-left:15px;
	margin-bottom:20px;
	background-color:#00BCD4;
	border-radius:5px;
	border:2px solid #00BCD4;
	color:white;
	font-size:0.9em;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
	text-align:center;
}
.frameListTourView .segment .buttonNonBook:hover {
	background-color:#fff;
	border:2px solid #00BCD4;
	color:#00BCD4;
}

.frameListTourView .segment .buttonScore {
	float:left;
	margin-right:10px;
	margin-left:15px;
	margin-bottom:20px;
	background-color:#008B45;
	border-radius:5px;
	border:2px solid #008B45;
	color:white;
	font-size:0.9em;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	cursor:pointer;
	text-align:center;
}
.frameListTourView .segment .buttonScore:hover {
	background-color:#fff;
	border:2px solid #008B45;
	color:#008B45;
}

.frameListTourView .segment .buttonBooked {
	float:left;
	margin-right:10px;
	margin-left:15px;
	margin-bottom:20px;
	background-color:#FF0000;
	border-radius:5px;
	border:2px solid #FF0000;
	color:white;
	font-size:0.9em;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

.frameListTourView .frameLinkMain {
	width:100%;
	margin:auto;
	margin-bottom:10px;
	border-bottom:1px solid #F5F5F5;
}

.frameListTourView .frameSelect {
	width:50%;
	float:left;
	padding:10px;
}

.frameListTourView .frameSelect .title {
	width:30%;
	float:left;
	padding-right:10px;
	padding-top:5px;
	font-size:1.1em;
}

.frameListTourView .frameSelect .frameSelection {
	width:40%;
	float:left;
	padding-right:10px;
}
.frameListTourView .frameSelect .frameSelection .selection {
	width:70%;
	padding:5px;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){
	.frameListTourView .frameSelect .frameSelection {
		width:40%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:80%;
		padding:5px;
	}
}

@media(max-width:900px){
	.frameListTourView .frameSelect {
		width:70%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:30%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.1em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:40%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:80%;
		padding:5px;
	}
}

@media(max-width:800px){
	.frameListTourView .frameSelect {
		width:80%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:30%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.1em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:40%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:80%;
		padding:5px;
		font-size:0.9em;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameListTourView .frameSelect {
		width:80%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:30%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.1em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:40%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:90%;
		padding:5px;
		font-size:0.9em;
	}
}

@media(max-width:640px){
	.frameListTourView .frameSelect {
		width:90%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:35%;
		float:left;
		padding-right:10px;
		padding-top:3px;
		font-size:1.1em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:40%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:90%;
		padding:5px;
		font-size:0.9em;
	}
}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameListTourView .segment .viewVenue {
		float:none;
		padding-right:5px;
		padding-left:15px;
		padding-bottom:10px;
		font-size:1em;
		color:#C80101;
	}

	.frameListTourView .segment .viewDate {
		float:none;
		padding-right:5px;
		padding-left:15px;
		padding-bottom:15px;
		font-size:1em;
		color:#C80101;
	}
	
	.frameListTourView .frameSelect {
		width:90%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:40%;
		float:left;
		padding-right:10px;
		padding-top:3px;
		font-size:1.1em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:50%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:100%;
		padding:5px;
		font-size:0.9em;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameListTourView .segment .viewName {
		width:100%;
		padding-left:15px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:1em;
	}

	.frameListTourView .segment .viewVenue {
		float:none;
		padding-right:5px;
		padding-left:15px;
		padding-bottom:10px;
		font-size:0.9em;
	}

	.frameListTourView .segment .viewDate {
		float:none;
		padding-right:5px;
		padding-left:15px;
		padding-bottom:15px;
		font-size:0.9em;
	}
	
	.frameListTourView .frameSelect {
		width:90%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:40%;
		float:left;
		padding-right:10px;
		padding-top:3px;
		font-size:1.0em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:50%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:100%;
		padding:3px;
		font-size:0.9em;
	}
}

@media(max-width:375px){
	.frameListTourView .segment .viewName {
		width:100%;
		padding-left:15px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:1em;
	}

	.frameListTourView .segment .viewVenue {
		float:none;
		padding-right:5px;
		padding-left:15px;
		padding-bottom:10px;
		font-size:0.9em;
	}

	.frameListTourView .segment .viewDate {
		float:none;
		padding-right:5px;
		padding-left:15px;
		padding-bottom:15px;
		font-size:0.9em;
	}
	
	.frameListTourView .segment .buttonBook, .frameListTourView .segment .buttonNonBook, .frameListTourView .segment .buttonBooked,
		.frameListTourView .segment .buttonScore {
		float:left;
		margin-right:10px;
		margin-left:15px;
		margin-bottom:20px;
		font-size:0.9em;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
	}
	
	.frameListTourView .frameSelect {
		width:90%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:45%;
		float:left;
		padding-right:10px;
		padding-top:3px;
		font-size:1.0em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:50%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:100%;
		padding:3px;
		font-size:0.9em;
	}
}

@media(max-width:320px){
	.frameListTourView .frameSelect {
		width:100%;
		float:left;
		padding:10px;
	}

	.frameListTourView .frameSelect .title {
		width:45%;
		float:left;
		padding-right:10px;
		padding-top:3px;
		font-size:1.0em;
	}
	.frameListTourView .frameSelect .frameSelection {
		width:50%;
		float:left;
		padding-right:10px;
	}
	.frameListTourView .frameSelect .frameSelection .selection {
		width:100%;
		padding:3px;
		font-size:0.9em;
	}
}


.frameTourView {
	width:90%;
	margin:auto;
	margin-top:4em;
	margin-bottom:4em;
	color:#000;
}

.frameTourView .segment {
	width:100%;
	margin-bottom:5px;
}

.frameTourView .segment .clickTitle {
	text-align:right;
	padding-bottom:10px;
	color:#0000FF;
	font-size:0.9em;
}

.frameTourView .segment .baris {
	width:100%;
	padding:15px;
	margin-bottom:5px;
	font-size:1.1em;
	color:#C80101;
}

.frameTourView .segment .barisTitle {
	width:100%;
	padding:15px;
	margin-bottom:5px;
	font-size:1.1em;
	color:#FFF;
}

.frameTourView .frameView {
	width:100%;
	padding:20px;
	margin-bottom:20px;
	border:1px solid #F5F5F5;
	border-radius:10px;
}

.frameTourView .frameView .contentValueTitle {
	width:15%;
	float:left;
	padding-bottom:10px;
}

.frameTourView .frameView .contentValueIsi {
	width:80%;
	float:left;
	padding-bottom:10px;
}

.frameTourView .frameView .contentValueIsi span {
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
}

.frameTourView .frameView .frameFieldButton {
	width:25%;
	float:left;
	padding:20px;
}

.frameTourView .frameView .frameFieldButton .buttonBasicBook {
	width:80%;
    border-radius:5px;
    text-align:center;
    border:2px solid #FF9600;
    color:#fff;
    background-color:#FF9600;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
	cursor:pointer;
}

.frameTourView .frameView .frameFieldButton .buttonBasicBook:hover {
    background-color:#fff;
    border:2px solid #FF9600;
    color:#FF9600;
}

.frameTourView .frameView .frameFieldButton .buttonBasicBooked {
	width:80%;
    border-radius:5px;
    text-align:center;
    border:2px solid #FF0000;
    color:#fff;
    background-color:#FF0000;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
}

.frameTourView .frameView .frameFieldWA {
	width:25%;
	float:left;
	padding:3px;
}

.frameTourView .frameView .frameFieldWA .frameImg {
	float:left;
	width:30%;
}

.frameTourView .frameView .frameFieldWA .frameImg .imgWA {
	width:80%;
	cursor:pointer;
}

.frameTourView .frameView .frameFieldWA .frameImg .imgWA:hover {
	opacity:0.5;
}

.frameTourView .frameView .frameFieldWA .wordingWA {
	float:left;
	width:70%;
	padding-right:10px;
	padding-top:23px;
}

.frameTourView .frameView .frameFieldAccount {
	width:25%;
	float:left;
	padding:3px;
}

.frameTourView .frameView .frameFieldAccount .title {
	width:100%;
	font-size:1.1em;
}

.frameTourView .frameView .frameFieldAccount .contentIsi {
	width:100%;
	font-size:1.0em;
	padding-top:10px;
	font-weight:normal;
}

.frameTourView .frameListSegment {
	width:85%;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.frameTourView .frameListSegment .boxSegment {
	width:25%;
	float:left;
	padding:10px;
}

.frameTourView .frameListSegment .boxSegment .viewSegment {
	width:100%;
	border-radius:10px;
	background:#00BCD4;
	padding:5px;
	color:#FFF;
}

.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
	width:100%;
	border-radius:10px;
	padding:25px;
	border:1px solid #FFF;
}

.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
	font-size:1.2em;
	padding-bottom:15px;
	text-align:center;
}

.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
	font-size:1.0em;
	padding-bottom:10px;
	text-align:center;
}

.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
	font-size:0.9em;
	padding-bottom:10px;
}

.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
	font-size:0.9em;
	padding-bottom:5px;
}

.frameTourView .framePlayer {
	width:100%;
	padding:30px;
	margin-bottom:20px;
	border:1px solid #F5F5F5;
	border-radius:10px;
}

.frameTourView .framePlayer .frameSegment {
	width:100%;
	margin-bottom:10px;
	padding:10px;
}

.frameTourView .framePlayer .frameSegment .segmentTitle {
	width:100%;
	border-bottom:1px solid #FF9600;
	padding:10px;
	margin-bottom:5px;
	color:#FF9600;
	/*background:#FF9600;*/
}

.frameTourView .framePlayer .frameSegment .frameViewPlayer {
	width:100%;
	border-bottom:1px solid #F5F5F5;
	padding:10px;
	font-size:0.85em;
}

.frameTourView .framePlayer .frameSegment .frameViewPlayer .viewNumber {
	width:5%;
	float:left;
}

.frameTourView .framePlayer .frameSegment .frameViewPlayer .viewPlayer {
	width:95%;
	float:left;
}

.frameTourView .frameListTour {
	width:100%;
	padding:10px;
	margin-bottom:20px;
}

.frameTourView .frameListTour .frameViewTour {
	width:100%;
	border-bottom:1px solid #F5F5F5;
	padding-bottom:5px;
	padding-top:10px;
	margin-bottom:10px;
	font-size:0.95em;
	font-weight:normal;
}

.frameTourView .frameListTour .frameViewTour .viewNumber {
	width:5%;
	float:left;
}

.frameTourView .frameListTour .frameViewTour .viewTour {
	width:95%;
	float:left;
	cursor:pointer;
}

.frameTourView .frameListTour .frameViewTour .viewTour .tourname {
	float:left;
	padding-right:5px;
}

.frameTourView .frameListTour .frameViewTour .viewTour .venue {
	float:left;
}

.frameTourView .frameListTour .frameViewTour .viewTour:hover {
	color:#FF9600
}

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameTourView .frameView .frameFieldButton {
		width:25%;
		float:left;
		padding:20px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:30%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:25%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameListSegment {
		width:100%;
		margin:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
}

@media(max-width:1024px){
	.frameTourView .frameView .frameFieldButton {
		width:25%;
		float:left;
		padding:20px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:30%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameView .frameFieldWA .wordingWA {
		float:left;
		width:70%;
		padding-right:10px;
		padding-top:18px;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:25%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameListSegment {
		width:100%;
		margin:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:25%;
		float:left;
		padding:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
}

@media(max-width:991px){
	.frameTourView .frameListSegment {
		width:100%;
		margin:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:33%;
		float:left;
		padding:15px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.2em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
}

@media(max-width:900px){
	.frameTourView .frameListSegment {
		width:80%;
		margin:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:10px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.3em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
}

@media(max-width:800px){
	.frameTourView .frameView .frameFieldButton {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:50%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameView .frameFieldWA .wordingWA {
		float:left;
		width:70%;
		padding-right:10px;
		padding-top:18px;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:100%;
		float:left;
		padding:10px;
	}
	
	.frameTourView .framePlayer {
		width:100%;
		padding:20px;
		margin-bottom:20px;
		border:1px solid #F5F5F5;
		border-radius:10px;
	}
}

@media(max-width:767px){
	.frameTourView .frameView .frameFieldButton {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:50%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameView .frameFieldWA .wordingWA {
		float:left;
		width:70%;
		padding-right:10px;
		padding-top:23px;
		font-size:1.1em;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:100%;
		float:left;
		padding:15px;
	}
	
	.frameTourView .frameListSegment {
		width:90%;
		margin:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:10px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.3em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
}

@media(max-width:667px){
	.frameTourView .frameView .contentValueTitle {
		width:25%;
		float:left;
		padding-bottom:10px;
	}

	.frameTourView .frameView .contentValueIsi {
		width:75%;
		float:left;
		padding-bottom:10px;
	}
	
	.frameTourView .frameView .frameFieldButton {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:50%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameView .frameFieldWA .wordingWA {
		float:left;
		width:70%;
		padding-right:10px;
		padding-top:23px;
		font-size:1.1em;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:100%;
		float:left;
		padding:15px;
	}
	
	.frameTourView .frameListSegment {
		width:95%;
		margin:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:10px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.3em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
}

@media(max-width:640px){
	.frameTourView .frameView .contentValueTitle {
		width:25%;
		float:left;
		padding-bottom:10px;
	}

	.frameTourView .frameView .contentValueIsi {
		width:75%;
		float:left;
		padding-bottom:10px;
	}
	
	.frameTourView .frameView .frameFieldButton {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:50%;
		float:left;
		padding:3px;
	}
	
	.frameTourView .frameView .frameFieldWA .wordingWA {
		float:left;
		width:70%;
		padding-right:10px;
		padding-top:18px;
		font-size:1.1em;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:100%;
		float:left;
		padding:15px;
	}
}

@media(max-width:600px){
	.frameTourView .frameListSegment {
		width:100%;
		margin:auto;
		margin-top:20px;
		margin-bottom:5px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:50%;
		float:left;
		padding:10px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.2em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
	
	.frameTourView .frameListTour .frameViewTour {
		width:100%;
		padding-bottom:5px;
		padding-top:10px;
		margin-bottom:10px;
		font-size:0.9em;
	}
	
	.frameTourView .frameListTour .frameViewTour .viewNumber {
		width:7%;
		float:left;
	}

	.frameTourView .frameListTour .frameViewTour .viewTour {
		width:93%;
		float:left;
		cursor:pointer;
	}
	
	.frameTourView .frameListTour .frameViewTour .viewTour .tourname {
		float:none;
		padding-right:5px;
		padding-bottom:5px;
		font-size:1.1em;
	}

	.frameTourView .frameListTour .frameViewTour .viewTour .venue {
		float:none;
	}
}

@media(max-width:480px){
	.frameTourView .frameView .contentValueTitle {
		width:100%;
		float:none;
		padding-bottom:10px;
	}

	.frameTourView .frameView .contentValueIsi {
		width:100%;
		float:none;
		padding-bottom:20px;
	}
	
	.frameTourView .frameView .frameFieldButton {
		width:100%;
		float:none;
		padding:15px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:100%;
		float:none;
		padding:15px;
	}
	
	.frameTourView .frameView .frameFieldWA .frameImg {
		float:left;
		width:30%;
	}

	.frameTourView .frameView .frameFieldWA .frameImg .imgWA {
		width:60%;
		cursor:pointer;
	}
	
	.frameTourView .frameView .frameFieldWA .wordingWA {
		float:left;
		width:70%;
		padding-right:10px;
		padding-top:18px;
		font-size:1.1em;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:100%;
		float:none;
		padding:15px;
	}
	
	.frameTourView .frameListSegment {
		width:80%;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:90%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.3em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
	
	.frameTourView .framePlayer .frameSegment .frameViewPlayer {
		width:100%;
		padding:10px;
		font-size:0.8em;
	}
	
	.frameTourView .frameListTour .frameViewTour {
		width:100%;
		padding-bottom:5px;
		padding-top:10px;
		margin-bottom:10px;
		font-size:0.9em;
	}
	
	.frameTourView .frameListTour .frameViewTour .viewNumber {
		width:7%;
		float:left;
	}

	.frameTourView .frameListTour .frameViewTour .viewTour {
		width:93%;
		float:left;
		cursor:pointer;
	}
	
	.frameTourView .frameListTour .frameViewTour .viewTour .tourname {
		float:none;
		padding-right:5px;
		padding-bottom:5px;
		font-size:1.1em;
	}

	.frameTourView .frameListTour .frameViewTour .viewTour .venue {
		float:none;
	}
}

@media(max-width:440px){
	.frameTourView .framePlayer {
		width:100%;
		padding:15px;
		margin-bottom:20px;
	}
	
	.frameTourView .framePlayer .frameSegment .frameViewPlayer {
		width:100%;
		padding:10px;
		font-size:0.8em;
	}
}

@media(max-width:414px){
	.frameTourView .frameListSegment {
		width:90%;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:90%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.3em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
	
	.frameTourView .frameListTour .frameViewTour {
		width:100%;
		padding-bottom:5px;
		padding-top:10px;
		margin-bottom:10px;
		font-size:0.85em;
	}
	
	.frameTourView .frameListTour .frameViewTour .viewNumber {
		width:10%;
		float:left;
	}

	.frameTourView .frameListTour .frameViewTour .viewTour {
		width:90%;
		float:left;
		cursor:pointer;
	}
	
	.frameTourView .frameListTour .frameViewTour .viewTour .tourname {
		float:none;
		padding-right:5px;
		padding-bottom:5px;
		font-size:1.1em;
	}

	.frameTourView .frameListTour .frameViewTour .viewTour .venue {
		float:none;
	}
}

@media(max-width:375px){
	.frameTourView .frameView .contentValueTitle {
		width:100%;
		float:none;
		padding-bottom:10px;
	}

	.frameTourView .frameView .contentValueIsi {
		width:100%;
		float:none;
		padding-bottom:20px;
	}
	
	.frameTourView .frameView .frameFieldButton {
		width:100%;
		float:none;
		padding:15px;
	}
	
	.frameTourView .frameView .frameFieldButton .buttonBasicBook, .frameTourView .frameView .frameFieldButton .buttonBasicBooked {
		width:100%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
	}
	
	.frameTourView .frameView .frameFieldWA {
		width:100%;
		float:none;
		padding:15px;
	}
	
	.frameTourView .frameView .frameFieldWA .frameImg {
		float:left;
		width:30%;
	}

	.frameTourView .frameView .frameFieldWA .frameImg .imgWA {
		width:80%;
		cursor:pointer;
	}
	
	.frameTourView .frameView .frameFieldWA .wordingWA {
		float:left;
		width:70%;
		padding-right:10px;
		padding-top:14px;
		font-size:1.0em;
	}
	
	.frameTourView .frameView .frameFieldAccount {
		width:100%;
		float:none;
		padding:15px;
	}
	
	.frameTourView .frameView .frameFieldAccount .contentIsi {
		width:100%;
		font-size:1.0em;
		padding-top:10px;
	}
	
	.frameTourView .frameListSegment {
		width:100%;
		margin:auto;
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment {
		width:95%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment {
		width:100%;
		padding:5px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegmentInner {
		width:100%;
		border-radius:10px;
		padding:20px;
	}
	
	.frameTourView .frameListSegment .boxSegment .viewSegment .wording1 {
		font-size:1.3em;
		padding-bottom:15px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording2 {
		font-size:1.2em;
		padding-bottom:10px;
		text-align:center;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording3 {
		font-size:1.0em;
		padding-bottom:10px;
	}

	.frameTourView .frameListSegment .boxSegment .viewSegment .wording4 {
		font-size:1.0em;
		padding-bottom:5px;
	}
	
	.frameTourView .framePlayer {
		width:100%;
		padding:15px;
		margin-bottom:20px;
	}
	
	.frameTourView .framePlayer .frameSegment .segmentTitle {
		width:100%;
		padding:10px;
		margin-bottom:5px;
		font-size:0.9em;
	}
	
	.frameTourView .framePlayer .frameSegment .frameViewPlayer {
		width:100%;
		padding:10px;
		font-size:0.8em;
	}
}

@media(max-width:320px){

}

.frameScore .frameTourValue .contentValueIsi {
	width:80%;
	float:left;
	padding-bottom:10px;
}

.frameScore {
	width:90%;
	margin:auto;
	margin-top:4em;
	margin-bottom:4em;
	color:#000;
}

.frameScore .frameTourValue {
	width:100%;
	padding:20px;
	margin-bottom:10px;
	font-size:1.1em;
	border:1px solid #F0F3F4;
}

.frameScore .frameTourValue .contentValueTitle {
	width:15%;
	float:left;
	padding-bottom:10px;
}

.frameScore .frameTourValue .contentValueIsi {
	width:80%;
	float:left;
	padding-bottom:10px;
}

.frameScore .segment100 {
	width:100%;
	margin-bottom:20px;
	padding:20px;
}

.frameScore .segment100 .baris {
	width:100%;
	padding:15px;
	margin-bottom:3px;
	font-size:1.1em;
	color:#fff;
}

.frameScore .segment100 .colHeader {
	width:100%;
	padding:10px;
	padding-bottom:20px;
	margin-bottom:20px;
	font-size:1.1em;
	border-bottom:1px solid #F0F3F4;
}

.frameScore .segment100 .colHeader .colHeader1 {
	float:left;
	width:40%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	color:#C80101;
	font-size:0.9em;
}

.frameScore .segment100 .colHeader .colHeader2 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	color:#000;
	color:#C80101;
	font-size:0.9em;
}

.frameScore .segment100 .colHeader .colHeader3 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	color:#C80101;
	font-size:0.9em;
}

.frameScore .segment100 .colContent {
	width:100%;
	padding:10px;
	margin-bottom:10px;
	font-size:1.0em;
	border-bottom:1px solid #F0F3F4;
}

.frameScore .segment100 .colContent .col1 {
	float:left;
	width:40%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameScore .segment100 .colContent .col2 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameScore .segment100 .colContent .col3 {
	float:left;
	width:20%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.frameVenue {
	width:90%;
	margin:auto;
	margin-top:2em;
	margin-bottom:4em;
	color:#000;
}

.frameVenue .segment {
	width:33%;
	float:left;
	padding:10px;
}

.frameVenue .segment .baris {
	width:100%;
	padding:15px;
	margin-bottom:10px;
	font-size:0.9em;
	text-align:center;
	color:#FF9600;
}

.frameVenue .segment .frameImg {
	width:100%;
	padding-bottom:20px;
	padding-right:20px;
	text-align:center;
}

.frameVenue .segment .frameImg img {
	width:50%;
	height:auto;
	cursor:pointer;
}

.frameVenue .segment .frameImg img:hover {
	opacity:0.5;
}

.frameVenue .segmentVenue {
	width:33%;
	float:left;
	padding:20px;
}

.frameVenue .segmentVenue .baris {
	width:100%;
	padding:15px;
	margin-bottom:0px;
	font-size:0.9em;
}

.frameVenue .segmentVenue .colHeader {
	width:100%;
	padding:0px;
	padding-bottom:20px;
	margin-bottom:20px;
	font-size:1.1em;
	border-bottom:1px solid #F0F3F4;
}

.frameVenue .segmentVenue .colHeader .colHeader1 {
	float:left;
	width:100%;
	padding-right:10px;
	padding-left:10px;
	color:#000;
	font-size:0.9em;
}

.frameVenue .frameValue {
	width:100%;
	padding:20px;
	margin-bottom:10px;
	font-size:1.1em;
	border:1px solid #F0F3F4;
}

.frameVenue .frameValue .contentValueTitle {
	width:15%;
	float:left;
	padding-bottom:10px;
}

.frameVenue .frameValue .contentValueIsi {
	width:100%;
	float:left;
	padding-bottom:10px;
}

.frameVenue .segment100 {
	width:100%;
	margin-bottom:20px;
	padding:20px;
}

.frameVenue .segment100 .baris {
	width:100%;
	padding:15px;
	margin-bottom:20px;
	font-size:1.1em;
	color:#fff;
}

.frameVenue .segment100 .colTitle {
	width:10%;
	float:left;
	color:#FFF;
	padding-bottom:5px;
	padding-top:5px;
	border:1px solid #F0F3F4;
	text-align:center;
}

.frameVenue .segment100 .frameHole {
	width:100%;
	margin-bottom:10px;
}

.frameVenue .segment100 .hole {
	width:10%;
	float:left;
	color:#FFF;
	background:#00BCD4;
	padding-bottom:5px;
	padding-top:5px;
	border:1px solid #F0F3F4;
	text-align:center;
}

.frameVenue .segment100 .par {
	width:10%;
	float:left;
	color:#00BCD4;
	background:#FFF;
	padding-bottom:5px;
	padding-top:5px;
	border:1px solid #F0F3F4;
	text-align:center;
}

@media(max-width:1440px){
	
}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameVenue .segmentVenue {
		width:50%;
		float:left;
		padding:20px;
	}
}

@media(max-width:1024px){
	.frameVenue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
}

@media(max-width:991px){
	.frameVenue {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameVenue .segment {
		width:50%;
		float:left;
		padding:10px;
	}
	
	.frameVenue .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:10px;
		font-size:1.0em;
	}
	
	.frameVenue .segment .colHeader {
		width:100%;
		padding-top:10px;
		padding-bottom:20px;
		margin-bottom:20px;
		font-size:1.1em;
	}
}

@media(max-width:900px){

}

@media(max-width:800px){
	.frameVenue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameVenue .segment {
		width:50%;
		float:left;
		padding:10px;
	}
	
	.frameVenue .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:10px;
		font-size:1.0em;
	}
	
	.frameVenue .segmentVenue {
		width:80%;
		margin:auto;
		float:none;
		padding:20px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:15px;
		margin-bottom:0px;
		font-size:1.2em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:1.1em;
		text-align:center;
	}
}

@media(max-width:767px){
	.frameVenue .frameValue {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:10px;
		font-size:1.1em;
		border:1px solid #F0F3F4;
	}
	
	.frameVenue .segment100 .baris {
		width:100%;
		padding:10px;
		margin-bottom:20px;
		font-size:1.1em;
	}
	
	.frameVenue .segmentVenue {
		width:80%;
		margin:auto;
		float:none;
		padding:20px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:15px;
		margin-bottom:0px;
		font-size:1.2em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:1.1em;
		text-align:center;
	}
}

@media(max-width:667px){
	.frameVenue {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameVenue .segment {
		width:85%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameVenue .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:7px;
		font-size:1.0em;
	}
	
	.frameVenue .frameValue {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:10px;
		font-size:1em;
	}
	
	.frameVenue .segmentVenue {
		width:90%;
		margin:auto;
		float:none;
		padding:20px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:15px;
		margin-bottom:0px;
		font-size:1.2em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:1.1em;
		text-align:center;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameVenue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameVenue .segment {
		width:85%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameVenue .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:5px;
		font-size:1.0em;
	}
	
	.frameVenue .segmentVenue {
		width:95%;
		margin:auto;
		float:none;
		padding:20px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:15px;
		margin-bottom:0px;
		font-size:1.2em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:1.1em;
		text-align:center;
	}
}

@media(max-width:480px){
	.frameVenue .segment100 .baris {
		width:100%;
		padding:10px;
		margin-bottom:20px;
		font-size:1.1em;
	}
	
	.frameVenue .segment100 .hole {
		width:10%;
		float:left;
		color:#FFF;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.9em;
	}

	.frameVenue .segment100 .par {
		width:10%;
		float:left;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.9em;
	}
	
	.frameVenue .segmentVenue {
		width:98%;
		margin:auto;
		float:none;
		padding:20px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:15px;
		margin-bottom:0px;
		font-size:1.1em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader {
		width:100%;
		padding:0px;
		padding-bottom:10px;
		margin-bottom:5px;
		font-size:1em;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:1.0em;
		text-align:center;
	}
}

@media(max-width:440px){
	.frameVenue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameVenue .segment {
		width:100%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameVenue .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:5px;
		font-size:1.0em;
	}
	
	.frameVenue .frameValue {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:10px;
		font-size:0.9em;
	}
	
	.frameVenue .segmentVenue {
		width:100%;
		margin:auto;
		float:none;
		padding:10px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:10px;
		margin-bottom:0px;
		font-size:1.0em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader {
		width:100%;
		padding:0px;
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:1em;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:0.9em;
		text-align:center;
	}
}

@media(max-width:414px){
	.frameVenue .segment100 .baris {
		width:100%;
		padding:10px;
		margin-bottom:20px;
		font-size:1.1em;
	}
	
	.frameVenue .segment100 .hole {
		width:10%;
		float:left;
		color:#FFF;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.85em;
	}

	.frameVenue .segment100 .par {
		width:10%;
		float:left;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.85em;
	}
	
	.frameVenue .segmentVenue {
		width:100%;
		margin:auto;
		float:none;
		padding:10px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:10px;
		margin-bottom:0px;
		font-size:1.0em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader {
		width:100%;
		padding:0px;
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:1em;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:0.9em;
		text-align:center;
	}
}

@media(max-width:375px){
	.frameVenue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameVenue .segment {
		width:100%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameVenue .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:7px;
		font-size:0.9em;
	}
	
	.frameVenue .segment100 .baris {
		width:100%;
		padding:10px;
		margin-bottom:20px;
		font-size:1.1em;
	}
	
	.frameVenue .segment100 .hole {
		width:10%;
		float:left;
		color:#FFF;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.8em;
	}

	.frameVenue .segment100 .par {
		width:10%;
		float:left;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.8em;
	}
	
	.frameVenue .segmentVenue {
		width:100%;
		margin:auto;
		float:none;
		padding:10px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:10px;
		margin-bottom:0px;
		font-size:1.0em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader {
		width:100%;
		padding:0px;
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:1em;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:0.9em;
		text-align:center;
	}
}

@media(max-width:320px){
	.frameVenue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:4em;
	}
	
	.frameVenue .segment {
		width:100%;
		float:none;
		margin:auto;
		padding:10px;
	}
	
	.frameVenue .segment .baris {
		width:100%;
		padding:15px;
		margin-bottom:3px;
		font-size:0.85em;
	}
	
	.frameVenue .segment100 .baris {
		width:100%;
		padding:10px;
		margin-bottom:20px;
		font-size:1.1em;
	}
	
	.frameVenue .segment100 .hole {
		width:10%;
		float:left;
		color:#FFF;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.75em;
	}

	.frameVenue .segment100 .par {
		width:10%;
		float:left;
		padding-bottom:5px;
		padding-top:5px;
		font-size:0.75em;
	}
	
	.frameVenue .segmentVenue {
		width:100%;
		margin:auto;
		float:none;
		padding:5px;
	}
	
	.frameVenue .segmentVenue .baris {
		width:100%;
		padding:10px;
		margin-bottom:0px;
		font-size:0.9em;
		text-align:center;
	}
	
	.frameVenue .segmentVenue .colHeader {
		width:100%;
		padding:0px;
		padding-bottom:10px;
		margin-bottom:10px;
		font-size:1em;
	}
	
	.frameVenue .segmentVenue .colHeader .colHeader1 {
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		color:#000;
		font-size:0.9em;
		text-align:center;
	}
}

.frameSponsor {
	width:90%;
	margin:auto;
	margin-top:2em;
	margin-bottom:1em;
	background:#FFF;
	color:#000;
	padding:20px;
}

.frameSponsor .frameTitle {
	width:50%;
	margin:auto;
	margin-bottom:1em;
	border-bottom:1px solid #EA0303;
	font-size:3.2em;
	color:#EA0303;
	padding-bottom:5px;
	text-align:center;
	letter-spacing:5px;
}

.frameSponsor .frameImg {
	width:33%;
	float:left;
	padding-bottom:20px;
	padding-right:20px;
	text-align:center;
}

.frameSponsor .frameImg img {
	width:80%;
	height:auto;
	margin:auto;
}

.frameSponsor .frameWording {
	width:95%;
	text-align:center;
	margin:auto;
	padding-top:20px;
	padding-bottom:10px;
	font-size:2em;
	border-bottom:1px solid #788091;
	font-weight:normal;
}

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameSponsor .frameImg {
		width:33%;
		float:left;
		padding-bottom:20px;
		padding-right:20px;
		padding-left:20px;
	}
	
	.frameSponsor .frameImg img {
		width:85%;
		height:auto;
		margin:auto;
	}
}

@media(max-width:800px){
	.frameSponsor .frameWording {
		width:95%;
		margin:auto;
		padding-top:20px;
		padding-bottom:10px;
		font-size:1.8em;
	}
}

@media(max-width:767px){
	.frameSponsor .frameTitle {
		width:65%;
		margin:auto;
		margin-bottom:1em;
		font-size:3.2em;
		padding-bottom:5px;
		letter-spacing:5px;
	}

	.frameSponsor .frameImg {
		width:33%;
		float:left;
		padding-bottom:20px;
		padding-right:20px;
		padding-left:20px;
	}
	
	.frameSponsor .frameImg img {
		width:85%;
		height:auto;
		margin:auto;
	}
}

@media(max-width:667px){
	.frameSponsor .frameWording {
		width:100%;
		margin:auto;
		padding-top:20px;
		padding-bottom:10px;
		font-size:1.6em;
	}
}

@media(max-width:640px){
	.frameSponsor .frameTitle {
		width:70%;
		margin:auto;
		margin-bottom:1em;
		font-size:3.2em;
		padding-bottom:5px;
	}

	.frameSponsor .frameImg {
		width:50%;
		float:left;
		padding-bottom:20px;
		padding-right:20px;
		padding-left:20px;
	}
	
	.frameSponsor .frameImg img {
		width:85%;
		height:auto;
	}
}

@media(max-width:600px){
	.frameSponsor .frameWording {
		width:100%;
		margin:auto;
		padding-top:20px;
		padding-bottom:10px;
		font-size:1.5em;
	}
}

@media(max-width:480px){
	.frameSponsor .frameTitle {
		width:85%;
		margin:auto;
		margin-bottom:1em;
		font-size:3.0em;
		padding-bottom:5px;
	}

	.frameSponsor .frameImg {
		width:80%;
		float:none;
		margin:auto;
		padding-bottom:20px;
		padding-right:0px;
		padding-left:0px;
		text-align:center;
	}
	
	.frameSponsor .frameImg img {
		width:75%;
		height:auto;
	}
	
	.frameSponsor .frameWording {
		width:100%;
		margin:auto;
		padding-top:20px;
		padding-bottom:10px;
		font-size:1.3em;
	}
}

@media(max-width:440px){
	.frameSponsor .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.8em;
		padding-bottom:5px;
	}

	.frameSponsor .frameImg {
		width:80%;
		float:none;
		margin:auto;
		padding-bottom:20px;
		padding-right:0px;
		padding-left:0px;
		text-align:center;
	}
	
	.frameSponsor .frameImg img {
		width:75%;
		height:auto;
	}
}

@media(max-width:414px){
	.frameSponsor .frameWording {
		width:100%;
		margin:auto;
		padding-top:20px;
		padding-bottom:10px;
		font-size:1.2em;
	}
}

@media(max-width:375px){
	.frameSponsor .frameTitle {
		width:95%;
		margin:auto;
		margin-bottom:20px;
		font-size:2.4em;
		padding-bottom:5px;
	}

	.frameSponsor .frameImg {
		width:80%;
		float:none;
		margin:auto;
		padding-bottom:20px;
		padding-right:0px;
		padding-left:0px;
		text-align:center;
	}
	
	.frameSponsor .frameImg img {
		width:85%;
		height:auto;
	}
}

@media(max-width:320px){
	.frameSponsor .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:20px;
		font-size:2.2em;
		padding-bottom:5px;
		letter-spacing:normal;
	}

	.frameSponsor .frameImg {
		width:80%;
		float:none;
		margin:auto;
		padding-bottom:20px;
		padding-right:0px;
		padding-left:0px;
		text-align:center;
	}
	
	.frameSponsor .frameImg img {
		width:85%;
		height:auto;
	}
}

.frameCourse {
	width:90%;
	margin:auto;
	margin-top:2em;
	margin-bottom:1em;
	background:#FFF;
	color:#000;
	padding:20px;
}

.frameCourse .frameTitle {
	width:50%;
	margin:auto;
	margin-bottom:1em;
	border-bottom:1px solid #104E8B;
	font-size:3.2em;
	color:#104E8B;
	padding-bottom:5px;
	text-align:center;
	letter-spacing:10px;
}

.frameCourse .frameGroup {
	width:25%;
	background:#FF8C69;
	color:#FFF;
	padding:10px;
	font-size:1.3em;
	text-align:center;
	margin-bottom:10px;
}

.frameCourse .frameImg {
	width:25%;
	float:left;
	padding-bottom:30px;
	padding-right:20px;
	text-align:center;
}

.frameCourse .frameImg img {
	width:70%;
	height:auto;
}

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameCourse .frameTitle {
		width:60%;
		margin:auto;
		margin-bottom:1em;
		font-size:3.2em;
		padding-bottom:5px;
		letter-spacing:10px;
	}
}

@media(max-width:1024px){
	.frameCourse {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:20px;
	}
	
	.frameCourse .frameTitle {
		width:60%;
		margin:auto;
		margin-bottom:1em;
		font-size:3.2em;
		padding-bottom:5px;
		letter-spacing:10px;
	}
}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameCourse {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:70%;
		margin:auto;
		margin-bottom:1em;
		font-size:3.0em;
		padding-bottom:5px;
		letter-spacing:10px;
	}
	
	.frameCourse .frameImg {
		width:33%;
		float:left;
		padding-bottom:20px;
		padding-right:20px;
		text-align:center;
	}
}

@media(max-width:800px){
	.frameCourse {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:70%;
		margin:auto;
		margin-bottom:1em;
		font-size:3.0em;
		padding-bottom:5px;
		letter-spacing:10px;
	}
	
	.frameCourse .frameGroup {
		width:33%;
		color:#FFF;
		padding:10px;
		font-size:1.3em;
		text-align:center;
		margin-bottom:10px;
	}
	
	.frameCourse .frameImg {
		width:33%;
		float:left;
		padding-bottom:20px;
		padding-right:20px;
		text-align:center;
	}
}

@media(max-width:767px){
	.frameCourse {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:80%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.8em;
		padding-bottom:5px;
		letter-spacing:10px;
	}
	
	.frameCourse .frameGroup {
		width:33%;
		color:#FFF;
		padding:10px;
		font-size:1.4em;
		text-align:center;
		margin-bottom:10px;
	}
	
	.frameCourse .frameImg {
		width:33%;
		float:left;
		padding-bottom:20px;
		padding-right:20px;
		text-align:center;
	}
}

@media(max-width:667px){
	.frameCourse {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:85%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.8em;
		padding-bottom:5px;
		letter-spacing:10px;
	}
	
	.frameCourse .frameGroup {
		width:50%;
		color:#FFF;
		padding:10px;
		font-size:1.4em;
		text-align:center;
		margin-bottom:10px;
	}
	
	.frameCourse .frameImg {
		width:50%;
		float:left;
		padding-bottom:10px;
		padding-right:10px;
		text-align:center;
		margin-bottom:25px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameCourse {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:85%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.4em;
		padding-bottom:5px;
		letter-spacing:10px;
	}
	
	.frameCourse .frameGroup {
		width:50%;
		color:#FFF;
		padding:10px;
		font-size:1.4em;
		text-align:center;
		margin-bottom:10px;
	}
	
	.frameCourse .frameImg {
		width:50%;
		float:left;
		padding-bottom:10px;
		padding-right:10px;
		text-align:center;
		margin-bottom:25px;
	}
}

@media(max-width:480px){
	.frameCourse {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.2em;
		padding-bottom:5px;
		letter-spacing:8px;
	}
	
	.frameCourse .frameGroup {
		width:60%;
		color:#FFF;
		padding:10px;
		font-size:1.4em;
		text-align:center;
		margin-bottom:10px;
	}
	
	.frameCourse .frameImg {
		width:50%;
		float:left;
		padding-bottom:10px;
		padding-right:10px;
		text-align:center;
		margin-bottom:25px;
	}
}

@media(max-width:440px){
	.frameCourse {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.2em;
		padding-bottom:5px;
		letter-spacing:normal;
	}
	
	.frameCourse .frameGroup {
		width:70%;
		color:#FFF;
		padding:8px;
		font-size:1.3em;
		text-align:center;
		margin-bottom:20px;
	}
	
	.frameCourse .frameImg {
		width:50%;
		float:left;
		padding-bottom:10px;
		padding-right:10px;
		text-align:center;
		margin-bottom:25px;
	}
}

@media(max-width:414px){
	.frameCourse {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.2em;
		padding-bottom:5px;
		letter-spacing:normal;
	}
	
	.frameCourse .frameGroup {
		width:70%;
		color:#FFF;
		padding:8px;
		font-size:1.3em;
		text-align:center;
		margin-bottom:20px;
	}
	
	.frameCourse .frameImg {
		width:50%;
		float:left;
		padding-bottom:10px;
		padding-right:10px;
		text-align:center;
		margin-bottom:25px;
	}
	
	.frameCourse .frameImg img {
		width:80%;
		height:auto;
	}
}

@media(max-width:375px){
	.frameCourse {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:1em;
		padding:10px;
	}
	
	.frameCourse .frameTitle {
		width:90%;
		margin:auto;
		margin-bottom:1em;
		font-size:2.2em;
		padding-bottom:5px;
		letter-spacing:normal;
	}
	
	.frameCourse .frameGroup {
		width:100%;
		color:#FFF;
		padding:8px;
		font-size:1.3em;
		text-align:center;
		margin-bottom:20px;
	}
	
	.frameCourse .frameImg {
		width:70%;
		float:none;
		margin:auto;
		padding-bottom:10px;
		padding-right:10px;
		text-align:center;
		margin-bottom:15px;
	}
	
	.frameCourse .frameImg img {
		width:90%;
		height:auto;
	}
}

@media(max-width:320px){

}

.frameSearch {
	width:100%;
	padding:15px;
	margin-bottom:20px;
	border:1px solid #F5F5F5;
	border-radius:10px;
}

.frameSearch .wording {
	float:left;
	width:15%;
	padding-right:10px;
	padding-top:5px;
}

.frameSearch .textinputbasic {
	float:left;
	width:30%;
	padding-right:30px;
	padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
	margin-right:20px;
	font-size:0.90em;
}

.frameSearch .buttonBasic {
	float:left;
	width:15%;
    border-radius:5px;
    text-align:center;
    border:2px solid #E3E3E3;
    color:#000;
    background-color:#E3E3E3;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
    font-size:0.90em;
}

.frameSearch .buttonBasic:hover {
    background-color:#fff;
    border:2px solid #E3E3E3;
    color:#000;
}

.frameSearch .hasil {
	float:left;
	width:40%;
	padding-right:10px;
	padding-top:5px;
	color:#3696D1;
}

@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameSearch .textinputbasic {
		float:left;
		width:35%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		margin-right:20px;
	}
}

@media(max-width:800px){

}

@media(max-width:767px){
	.frameSearch .textinputbasic {
		float:left;
		width:40%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		margin-right:20px;
	}
}

@media(max-width:667px){
	.frameSearch .wording {
		float:left;
		width:20%;
		padding-right:10px;
		padding-top:5px;
	}

	.frameSearch .textinputbasic {
		float:left;
		width:50%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		margin-right:20px;
	}
	
	.frameSearch .buttonBasic {
		float:left;
		width:20%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameSearch .wording {
		float:none;
		width:100%;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:5px;
	}

	.frameSearch .textinputbasic {
		float:none;
		width:100%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		padding-bottom:5px;
		margin-right:0px;
		margin-bottom:10px;
	}
	
	.frameSearch .buttonBasic {
		float:none;
		width:100%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){

}

@media(max-width:375px){

}

@media(max-width:320px){

}

.frameLoginUser {
	width:90%;
	margin:auto;
	margin-top:4em;
	margin-bottom:4em;
	color:#000;
}

.frameLoginUser .segment {
	width:100%;
	margin-bottom:2em;
}

.frameLoginUser .segment .clickTitle {
	text-align:right;
	padding-bottom:10px;
	color:#0000FF;
	font-size:0.9em;
}

.frameLoginUser .segment .baris {
	width:100%;
	padding:15px;
	margin-bottom:5px;
	font-size:1.1em;
	color:#C80101;
}

.frameLoginUser .segment .barisTitle {
	width:100%;
	padding:15px;
	margin-bottom:5px;
	font-size:1.1em;
	color:#FFF;
}

.frameIsiLogin {
	width:100%;
	padding:60px;
	margin-bottom:20px;
	border:1px solid #F5F5F5;
	border-radius:10px;
}

.frameIsiLogin .wording {
	float:left;
	width:13%;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:30px;
}

.frameIsiLogin .textinputbasic {
	float:left;
	width:25%;
	padding-right:30px;
	padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
	margin-right:20px;
	font-size:0.90em;
}

.frameIsiLogin .buttonBasic {
	float:left;
	width:15%;
    border-radius:5px;
    text-align:center;
    border:2px solid #E3E3E3;
    color:#000;
    background-color:#E3E3E3;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
    font-size:0.90em;
}

.frameIsiLogin .buttonBasic:hover {
    background-color:#fff;
    border:2px solid #E3E3E3;
    color:#000;
}

.frameIsiLogin .greeting {
	width:100%;
	color:#000;
	text-align:center;
}

.frameIsiLoginNotif {
	width:100%;
	padding:20px;
	margin-bottom:20px;
	border:1px solid #F5F5F5;
	border-radius:10px;
}

.frameIsiLoginNotif .salah {
	width:100%;
	color:#C80101;
	text-align:center;
}

.frameIsiRegister {
	width:100%;
	padding:20px;
	margin-bottom:20px;
	border:1px solid #F5F5F5;
	border-radius:10px;
}

.frameIsiRegister .syarat {
	width:100%;
	padding:10px;
}

.frameIsiRegister .frameField {
	width:25%;
	float:left;
	padding:20px;
}

.frameIsiRegister .frameField2 {
	width:35%;
	float:left;
	padding:20px;
}

.frameIsiRegister .wording {
	width:100%;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
}

.frameIsiRegister .textinputbasic {
	width:100%;
	padding-right:30px;
	padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
	margin-right:20px;
	font-size:0.90em;
}

.frameIsiRegister .textinputbasicYellow {
	width:100%;
	padding-right:30px;
	padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
	margin-right:20px;
	font-size:0.90em;
	color: #616161;
	background: #FFFF00;
}

.frameIsiRegister .selectinputbasic {
	width:100%;
	padding-right:30px;
	padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
	margin-right:20px;
	font-size:0.90em;
}

.frameIsiRegister .textareaBasic {
	width:100%;
	padding-right:30px;
	padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
	margin-right:20px;
	font-size:0.90em;
}

.frameIsiRegister .buttonBasic {
	width:80%;
    border-radius:5px;
    text-align:center;
    border:2px solid #FF9600;
    color:#fff;
    background-color:#FF9600;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
}

.frameIsiRegister .buttonBasic:hover {
    background-color:#fff;
    border:2px solid #FF9600;
    color:#FF9600;
}

.frameIsiRegister .buttonBasicLogin {
	width:80%;
    border-radius:5px;
    text-align:center;
    border:2px solid #00BCD4;
    color:#fff;
    background-color:#00BCD4;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
}

.frameIsiRegister .buttonBasicLogin:hover {
    background-color:#fff;
    border:2px solid #00BCD4;
    color:#00BCD4;
}

.frameIsiRegister .buttonBasicRegister {
	width:80%;
    border-radius:5px;
    text-align:center;
    border:2px solid #FF9600;
    color:#fff;
    background-color:#FF9600;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
}

.frameIsiRegister .buttonBasicRegister:hover {
    background-color:#fff;
    border:2px solid #FF9600;
    color:#FF9600;
}

.frameIsiRegister .frameFieldButton {
	width:25%;
	float:left;
	padding:20px;
}

.frameIsiRegister .frameFieldButton .buttonBasicBook {
	width:80%;
    border-radius:5px;
    text-align:center;
    border:2px solid #FF9600;
    color:#fff;
    background-color:#FF9600;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
}

.frameIsiRegister .frameFieldButton .buttonBasicBook:hover {
    background-color:#fff;
    border:2px solid #FF9600;
    color:#FF9600;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){
	
}

@media(max-width:1080px){
	.frameIsiRegister .frameFieldButton {
		width:30%;
		float:left;
		padding:20px;
	}
}

@media(max-width:1024px){
	.frameIsiRegister .frameField2 {
		width:45%;
		float:left;
		padding:20px;
	}
}

@media(max-width:991px){
	.frameIsiRegister .frameFieldButton {
		width:30%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:90%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
	}
}

@media(max-width:900px){
	.frameLoginUser {
		width:95%;
		margin:auto;
		margin-top:4em;
		margin-bottom:4em;
	}
}

@media(max-width:800px){
	.frameLoginUser {
		width:95%;
		margin:auto;
		margin-top:4em;
		margin-bottom:4em;
	}
	
	.frameIsiLogin {
		width:100%;
		padding:40px;
		margin-bottom:20px;
		border:1px solid #F5F5F5;
		border-radius:10px;
	}
	
	.frameIsiLogin .wording {
		float:left;
		width:15%;
		padding-right:10px;
		padding-top:5px;
		margin-bottom:20px;
	}

	.frameIsiLogin .textinputbasic {
		float:left;
		width:25%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		margin-bottom:20px;
		margin-right:10px;
		font-size:0.90em;
	}

	.frameIsiLogin .buttonBasic {
		float:left;
		width:15%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:0px;
		font-size:0.90em;
	}
	
	.frameIsiRegister .frameField {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameField2 {
		width:55%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton {
		width:30%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
	}
}

@media(max-width:767px){
	.frameIsiRegister .frameFieldButton {
		width:33%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
	}
}

@media(max-width:667px){
	.frameLoginUser {
		width:95%;
		margin:auto;
		margin-top:4em;
		margin-bottom:4em;
	}
	
	.frameIsiLogin {
		width:100%;
		padding:40px;
		margin-bottom:20px;
		border:1px solid #F5F5F5;
		border-radius:10px;
	}
	
	.frameIsiLogin .wording {
		float:left;
		width:15%;
		padding-right:10px;
		padding-top:5px;
		margin-bottom:5px;
	}

	.frameIsiLogin .textinputbasic {
		float:left;
		width:25%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		margin-bottom:20px;
		margin-right:5px;
		font-size:0.90em;
	}

	.frameIsiLogin .buttonBasic {
		float:left;
		width:15%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		font-size:0.90em;
	}
	
	.frameIsiRegister .frameFieldButton {
		width:33%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:0.85em;
	}
	
	.frameIsiRegister .frameField2 {
		width:60%;
		float:left;
		padding:20px;
	}
}

@media(max-width:640px){
	.frameIsiRegister .frameFieldButton {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:80%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:1em;
	}
}

@media(max-width:600px){
	.frameLoginUser {
		width:95%;
		margin:auto;
		margin-top:4em;
		margin-bottom:4em;
	}
	
	.frameIsiLogin {
		width:100%;
		padding:40px;
		margin-bottom:20px;
		border:1px solid #F5F5F5;
		border-radius:10px;
	}
	
	.frameIsiLogin .wording {
		float:none;
		width:30%;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:0px;
	}

	.frameIsiLogin .textinputbasic {
		float:none;
		width:70%;
		padding-right:20px;
		padding-left:5px;
		padding-right:5px;
		padding-top:2px;
		margin-bottom:10px;
		margin-right:0px;
		font-size:0.90em;
	}

	.frameIsiLogin .buttonBasic {
		float:none;
		width:30%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:0.90em;
	}
	
	.frameIsiRegister .frameField2 {
		width:70%;
		float:left;
		padding:20px;
	}
}

@media(max-width:480px){
	.frameLoginUser {
		width:95%;
		margin:auto;
		margin-top:4em;
		margin-bottom:4em;
	}
	
	.frameIsiLogin .wording {
		float:left;
		width:25%;
		padding-right:10px;
		padding-top:5px;
		margin-bottom:20px;
	}

	.frameIsiLogin .textinputbasic {
		float:left;
		width:65%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		margin-bottom:20px;
		margin-right:20px;
		font-size:0.90em;
	}

	.frameIsiLogin .buttonBasic {
		float:left;
		width:25%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:0.90em;
	}
	
	.frameIsiRegister .frameFieldButton {
		width:50%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:0.85em;
	}
	
	.frameIsiRegister .frameField2 {
		width:80%;
		float:left;
		padding:20px;
	}
}

@media(max-width:440px){
	.frameLoginUser {
		width:95%;
		margin:auto;
		margin-top:4em;
		margin-bottom:4em;
	}
	
	.frameIsiLogin .wording {
		float:left;
		width:25%;
		padding-right:10px;
		padding-top:5px;
		margin-bottom:5px;
	}

	.frameIsiLogin .textinputbasic {
		float:left;
		width:90%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		margin-bottom:20px;
		margin-right:20px;
		font-size:0.90em;
	}

	.frameIsiLogin .buttonBasic {
		float:left;
		width:40%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:0.90em;
	}
	
	.frameIsiRegister .frameField {
		width:75%;
		margin:auto;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameField2 {
		width:90%;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton {
		width:100%;
		float:none;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:70%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:1em;
	}
}

@media(max-width:414px){
	.frameIsiRegister .frameField2 {
		width:100%;
		float:left;
		padding:20px;
		font-size:0.9em;
	}
}

@media(max-width:375px){
	.frameLoginUser {
		width:95%;
		margin:auto;
		margin-top:4em;
		margin-bottom:4em;
	}
	
	.frameIsiLogin {
		width:100%;
		padding:30px;
		margin-bottom:20px;
		border:1px solid #F5F5F5;
		border-radius:10px;
	}
	
	.frameIsiLogin .wording {
		float:left;
		width:25%;
		padding-right:10px;
		padding-top:5px;
		margin-bottom:5px;
	}

	.frameIsiLogin .textinputbasic {
		float:left;
		width:100%;
		padding-right:30px;
		padding-left:5px;
		padding-right:5px;
		padding-top:5px;
		margin-bottom:20px;
		margin-right:20px;
		font-size:0.90em;
	}

	.frameIsiLogin .buttonBasic {
		float:left;
		width:40%;
		border-radius:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:0.90em;
	}
	
	.frameIsiRegister .frameField {
		width:100%;
		margin:auto;
		float:left;
		padding:20px;
	}
	
	.frameIsiRegister .frameField2 {
		width:100%;
		float:left;
		padding:20px;
		font-size:0.9em;
	}
	
	.frameIsiRegister .frameFieldButton {
		width:100%;
		float:none;
		padding:20px;
	}
	
	.frameIsiRegister .frameFieldButton .buttonBasicBook {
		width:80%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		font-size:1em;
	}
}

@media(max-width:320px){
	.frameIsiRegister .frameField2 {
		width:100%;
		float:left;
		padding:20px;
		font-size:0.85em;
	}
}

.framePlayer {
	width:90%;
	margin:auto;
	margin-top:4em;
	margin-bottom:4em;
	color:#000;
}

.framePlayer .segment {
	width:100%;
	margin-bottom:2em;
}

.framePlayer .segment .filterTitle {
	width:15%;
	float:left;
	padding-bottom:10px;
	color:#EA0303;
	cursor:pointer;
}

.framePlayer .segment .filterTitle:hover {
	color:#0000FF;
}

.framePlayer .segment .clickTitle {
	width:30%;
	float:right;
	text-align:right;
	padding-bottom:10px;
	color:#0000FF;
	font-size:0.9em;
}

.framePlayer .segment .baris {
	width:100%;
	padding:15px;
	margin-bottom:3px;
	font-size:1.1em;
}

.framePlayer .segment .colHeader {
	width:100%;
	padding:10px;
	margin-bottom:10px;
	font-size:1.1em;
	border-bottom:1px solid #F0F3F4;
}

.framePlayer .segment .colHeader .colHeader1 {
	float:left;
	width:40%;
	padding-right:10px;
	padding-left:10px;
	color:#0000FF;
	cursor:pointer;
	font-weight:normal;
}

.framePlayer .segment .colHeader .colHeader2 {
	float:left;
	width:30%;
	padding-right:10px;
	padding-left:10px;
	color:#0000FF;
	cursor:pointer;
	font-weight:normal;
}

.framePlayer .segment .colHeader .colHeader3 {
	float:left;
	width:30%;
	padding-right:10px;
	padding-left:10px;
	color:#0000FF;
	cursor:pointer;
	font-weight:normal;
}

.framePlayer .segment .colHeader .colHeader1:hover, .framePlayer .segment .colHeader .colHeader2:hover, .framePlayer .segment .colHeader .colHeader3:hover {
	color:#EA0303;
}

.framePlayer .segment .colContent {
	width:100%;
	padding:10px;
	margin-bottom:10px;
	font-size:1.0em;
	border-bottom:1px solid #F0F3F4;
}

.framePlayer .segment .colContent .col1 {
	float:left;
	width:40%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.framePlayer .segment .colContent .col2 {
	float:left;
	width:30%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.framePlayer .segment .colContent .col3 {
	float:left;
	width:30%;
	padding-right:10px;
	padding-left:10px;
	font-size:0.9em;
}

.framePlayer .segment .frameViewPlayer {
	width:100%;
	padding:30px;
	margin-bottom:10px;
	border-bottom:1px solid #F0F3F4;
}

.framePlayer .segment .frameViewPlayer .foto {
	float:left;
	width:15%;
	padding:20px;
	border:1px solid #F0F3F4;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:20px;
}
.framePlayer .segment .frameViewPlayer .foto .imgDisplay {
	width:100%;
	margin-bottom:10px;
}
.framePlayer .segment .frameViewPlayer .buttonMember {
	width:20%;
    border-radius:5px;
    text-align:center;
    border:2px solid #FF9600;
    color:#fff;
    background-color:#FF9600;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
	margin-right:20px;
	margin-top:20px;
}
.framePlayer .segment .frameViewPlayer .buttonMember:hover {
    background-color:#fff;
    border:2px solid #FF9600;
    color:#FF9600;
}
.framePlayer .segment .frameViewPlayer .info {
	float:left;
	width:80%;
	padding-left:60px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.9em;
}

.framePlayer .segment .frameViewPlayer .info .title {
	width:15%;
	float:left;
	padding-right:10px;
	padding-bottom:20px;
	font-weight:600;
}
.framePlayer .segment .frameViewPlayer .info .wording {
	width:35%;
	float:left;
	padding-right:10px;
	padding-bottom:20px;
	font-weight:normal;
}

.framePlayer .segment .frameViewPlayer .info .wordinglong {
	width:85%;
	float:left;
	padding-right:10px;
	padding-bottom:20px;
	font-weight:normal;
}

.framePlayer .segment .frameScorePlayer {
	width:100%;
	padding:30px;
	margin-bottom:10px;
	border-bottom:1px solid #F0F3F4;
}

.framePlayer .segment .frameScorePlayer .titleScore {
	width:20%;
	float:left;
	text-align:center;
	font-size:1.2em;
	color:#fff;
	padding:5px;
	background:#00BCD4;
}

.framePlayer .segment .frameScorePlayer .viewData {
	width:80%;
	float:left;
	font-size:1.0em;
	padding-left:10px;
	padding-right:10px;
}

.framePlayer .segment .frameScorePlayer .viewData table {
	border:1px solid #F0F3F4;
	border-collapse:collapse;
	width:100%;
}

.framePlayer .segment .frameScorePlayer .viewData th {
	border:1px solid #F0F3F4;
	border-collapse:collapse;
	padding:7px;
	font-weight:normal;
	background:#00BCD4;
	color:#fff;
	font-size:1.0em;
}

.framePlayer .segment .frameScorePlayer .viewData td {
	border:1px solid #F0F3F4;
	border-collapse:collapse;
	padding:8px;
	font-weight:normal;
	font-size:1.0em;
}

@media(max-width:1440px){
	
}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.framePlayer {
		width:95%;
		margin:auto;
		margin-top:5em;
		margin-bottom:4em;
		color:#000;
	}
	.framePlayer .segment .frameViewPlayer {
		width:100%;
		padding:30px;
		margin-bottom:10px;
		border-bottom:1px solid #F0F3F4;
	}
	.framePlayer .segment .frameViewPlayer .foto {
		float:left;
		width:15%;
		padding:20px;
		margin-bottom:20px;
		margin-top:20px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:left;
		width:80%;
		padding-left:50px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:20%;
		float:left;
		padding-right:10px;
		padding-bottom:25px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:30%;
		float:left;
		padding-right:10px;
		padding-bottom:25px;
		font-weight:normal;
	}

	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:80%;
		float:left;
		padding-right:10px;
		padding-bottom:25px;
		font-weight:normal;
	}
}

@media(max-width:1024px){
	.framePlayer .segment .frameViewPlayer .buttonMember {
		width:30%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		margin-top:20px;
	}
}

@media(max-width:991px){
	
}

@media(max-width:900px){
	.framePlayer {
		width:90%;
		margin:auto;
		margin-top:6.5em;
		margin-bottom:4em;
		color:#000;
	}
	
	.framePlayer .segment .frameViewPlayer .foto {
		float:left;
		width:20%;
		padding:20px;
		margin-bottom:20px;
		margin-top:15px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:left;
		width:75%;
		padding-left:50px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:1.0em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:30%;
		float:left;
		padding-right:10px;
		padding-bottom:15px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:70%;
		float:left;
		padding-right:10px;
		padding-bottom:15px;
		font-weight:normal;
	}
	
	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:70%;
		float:left;
		padding-right:10px;
		padding-bottom:25px;
		font-weight:normal;
	}
	
	.framePlayer .segment .frameViewPlayer .buttonMember {
		width:50%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		margin-top:20px;
	}
	
	.framePlayer .segment .frameScorePlayer {
		width:100%;
		padding:20px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .titleScore {
		width:20%;
		float:left;
		font-size:1.0em;
		padding:5px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData td {
		padding:8px;
		font-size:0.9em;
	}
}

@media(max-width:800px){
	.framePlayer {
		width:95%;
		margin:auto;
		margin-top:6.5em;
		margin-bottom:4em;
		color:#000;
	}
	
	.framePlayer .segment .filterTitle {
		width:33%;
		float:left;
		padding-bottom:20px;
		color:#EA0303;
		cursor:pointer;
	}

	.framePlayer .segment .clickTitle {
		width:100%;
		float:none;
		padding-bottom:10px;
		text-align:left;
	}
	
	.framePlayer .segment .frameViewPlayer .foto {
		float:left;
		width:20%;
		padding:20px;
		margin-bottom:20px;
		margin-top:15px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:left;
		width:75%;
		padding-left:50px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:30%;
		float:left;
		padding-right:10px;
		padding-bottom:15px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:70%;
		float:left;
		padding-right:10px;
		padding-bottom:15px;
		font-weight:normal;
	}
	
	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:70%;
		float:left;
		padding-right:10px;
		padding-bottom:25px;
		font-weight:normal;
	}
}

@media(max-width:767px){
	.framePlayer {
		width:95%;
		margin:auto;
		margin-top:6.5em;
		margin-bottom:4em;
	}
	
	.framePlayer .segment .colHeader .colHeader1 {
		float:left;
		width:50%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader2 {
		float:left;
		width:30%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
	}
	
	.framePlayer .segment .colContent .col1 {
		float:left;
		width:50%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col2 {
		float:left;
		width:30%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .foto {
		float:left;
		width:25%;
		padding:20px;
		margin-bottom:20px;
		margin-top:15px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:left;
		width:70%;
		padding-left:50px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:35%;
		float:left;
		padding-right:10px;
		padding-bottom:15px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:15px;
		font-weight:normal;
	}
	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:15px;
		font-weight:normal;
	}
}

@media(max-width:667px){
	.framePlayer {
		width:95%;
		margin:auto;
		margin-top:6em;
		margin-bottom:4em;
	}
	
	.framePlayer .segment .colHeader .colHeader1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		display:none;
	}
	
	.framePlayer .segment .colContent .col1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col3 {
		float:left;
		width:50%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .foto {
		float:none;
		width:30%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
		margin-top:15px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:left;
		width:100%;
		padding-left:40px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:35%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:normal;
	}
	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:normal;
	}
	
	.framePlayer .segment .frameScorePlayer {
		width:100%;
		padding:20px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .titleData {
		width:20%;
		float:left;
		font-size:0.9em;
		padding:5px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData th {
		padding:7px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData td {
		padding:8px;
		font-size:0.85em;
	}
}

@media(max-width:640px){
	
}

@media(max-width:600px){
	.framePlayer .segment .frameScorePlayer {
		width:100%;
		padding:20px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .titleScore {
		width:20%;
		float:left;
		font-size:0.85em;
		padding:5px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData th {
		padding:7px;
		font-size:0.85em;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData td {
		padding:8px;
		font-size:0.8em;
	}
}

@media(max-width:480px){
	.framePlayer {
		width:95%;
		margin:auto;
		margin-top:6em;
		margin-bottom:4em;
	}
	
	.framePlayer .segment .colHeader .colHeader1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		display:none;
	}
	
	.framePlayer .segment .colContent .col1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col3 {
		float:left;
		width:50%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .foto {
		float:none;
		width:40%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
		margin-top:15px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:left;
		width:100%;
		padding-left:40px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:35%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:normal;
	}
	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:normal;
	}
	
	.framePlayer .segment .frameViewPlayer .buttonMember {
		width:70%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		margin-top:20px;
	}
	
	.framePlayer .segment .frameScorePlayer {
		width:100%;
		padding:10px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .titleScore {
		width:95%;
		float:none;
		margin:auto;
		font-size:1.0em;
		padding:5px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData {
		width:100%;
		float:none;
		font-size:1.0em;
		padding-left:10px;
		padding-right:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData th {
		padding:7px;
		font-size:0.85em;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData td {
		padding:8px;
		font-size:0.8em;
	}
}

@media(max-width:440px){
	.framePlayer {
		width:95%;
		margin:auto;
		margin-top:6em;
		margin-bottom:4em;
	}
	
	.framePlayer .segment .colHeader .colHeader1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		display:none;
	}
	
	.framePlayer .segment .colContent .col1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col3 {
		float:left;
		width:50%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .foto {
		float:none;
		width:40%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
		margin-top:15px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:left;
		width:100%;
		padding-left:30px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:35%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:normal;
	}
	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:65%;
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:normal;
	}
}

@media(max-width:414px){
	.framePlayer .segment .frameScorePlayer {
		width:100%;
		padding:5px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .titleScore {
		width:95%;
		float:none;
		margin:auto;
		font-size:1.0em;
		padding:5px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData {
		width:100%;
		float:none;
		font-size:1.0em;
		padding-left:10px;
		padding-right:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData th {
		padding:7px;
		font-size:0.8em;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData td {
		padding:8px;
		font-size:0.75em;
	}
}

@media(max-width:375px){
	.framePlayer {
		width:95%;
		margin:auto;
		margin-top:6em;
		margin-bottom:4em;
	}
	
	.framePlayer .segment .filterTitle {
		width:33%;
		float:left;
		padding-bottom:20px;
		color:#EA0303;
		cursor:pointer;
		font-size:0.9em;
	}

	.framePlayer .segment .clickTitle {
		width:100%;
		float:none;
		padding-bottom:10px;
		text-align:left;
	}
	
	.framePlayer .segment .colHeader .colHeader1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
	}

	.framePlayer .segment .colHeader .colHeader3 {
		float:left;
		width:20%;
		padding-right:10px;
		padding-left:10px;
		display:none;
	}
	
	.framePlayer .segment .colContent .col1 {
		float:left;
		width:65%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col2 {
		float:left;
		width:35%;
		padding-right:10px;
		padding-left:10px;
		font-size:0.9em;
	}

	.framePlayer .segment .colContent .col3 {
		float:left;
		width:50%;
		padding-right:10px;
		padding-left:10px;
		padding-top:10px;
		font-size:0.9em;
	}
	
	.framePlayer .segment .frameViewPlayer .foto {
		float:none;
		width:55%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
		margin-top:15px;
	}
	
	.framePlayer .segment .frameViewPlayer .info {
		float:none;
		width:95%;
		margin:auto;
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:1.0em;
	}
	
	.framePlayer .segment .frameViewPlayer .info .title {
		width:100%;
		float:none;
		padding-right:10px;
		padding-bottom:10px;
		font-weight:600;
	}
	.framePlayer .segment .frameViewPlayer .info .wording {
		width:100%;
		float:none;
		padding-right:10px;
		padding-bottom:20px;
		font-weight:normal;
	}
	.framePlayer .segment .frameViewPlayer .info .wordinglong {
		width:100%;
		float:none;
		padding-right:10px;
		padding-bottom:20px;
		font-weight:normal;
	}
	
	.framePlayer .segment .frameViewPlayer .buttonMember {
		width:90%;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:10px;
		padding-right:10px;
		margin-right:20px;
		margin-top:20px;
	}
	
	.framePlayer .segment .frameScorePlayer {
		width:100%;
		padding:2px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .titleScore {
		width:95%;
		float:none;
		margin:auto;
		font-size:0.9em;
		padding:5px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData {
		width:100%;
		float:none;
		font-size:1.0em;
		padding-left:10px;
		padding-right:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData th {
		padding:7px;
		font-size:0.8em;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData td {
		padding:8px;
		font-size:0.7em;
	}
}

@media(max-width:320px){
	.framePlayer .segment .frameScorePlayer {
		width:100%;
		padding:2px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .titleScore {
		width:95%;
		float:none;
		margin:auto;
		font-size:0.9em;
		padding:5px;
		margin-bottom:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData {
		width:100%;
		float:none;
		font-size:1.0em;
		padding-left:10px;
		padding-right:10px;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData th {
		padding:7px;
		font-size:0.75em;
	}
	
	.framePlayer .segment .frameScorePlayer .viewData td {
		padding:8px;
		font-size:0.65em;
	}
}

.frameViewScore {
	width:100%;
	background-color:#fff;
	color:#000;
	padding-bottom:2em;
}

.frameViewScore .frameHeader {
	width:100%;
	padding:10px;
	padding-bottom:20px;
	border-bottom:8px solid #C80101;
	margin-bottom:20px;
}

.frameViewScore .frameHeader .frameImg {
	width:15%;
	float:left;
	padding-top:5px;
}

.frameViewScore .frameHeader .frameImg img {
	width:100%
}

.frameViewScore .frameHeader .frameWording {
	width:85%;
	float:left;
}

.frameViewScore .frameHeader .frameWording .wording1 {
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	padding-bottom:5px;
}
.frameViewScore .frameHeader .frameWording .wording2 {
	font-size:1.2em;
	text-align:center;
}

.frameViewScore .frameLinkMain {
	width:90%;
	margin:auto;
	margin-bottom:10px;
}

.frameViewScore .frameLink {
	width:10%;
	float:left;
	padding:10px;
}

.frameViewScore .frameLink .buttonLink {
	width:100%;
	background:#FF9600;
	color:#FFF;
	border-radius:3px;
	border:2px solid #FF9600;
	font-size:0.85em;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
	padding:5px;
}

.frameViewScore .frameLink .buttonLink:hover {
	background:#FFF;
	color:#FF9600;
}

.frameViewScore .frameLinkBack {
	width:15%;
	float:left;
	padding:10px;
}

.frameViewScore .frameLinkBack .buttonLinkBack {
	width:100%;
	background:#696969;
	color:#FFF;
	border-radius:3px;
	border:2px solid #696969;
	font-size:0.85em;
	font-weight:normal;
	text-align:center;
	cursor:pointer;
	padding:5px;
}

.frameViewScore .frameLinkBack .buttonLinkBack:hover {
	background:#FFF;
	color:#696969;
}

.frameViewScore .frameSelect {
	width:50%;
	float:left;
	padding:10px;
}

.frameViewScore .frameSelect .title {
	width:30%;
	float:left;
	padding-right:10px;
	padding-top:5px;
	font-size:1.2em;
}

.frameViewScore .frameSelect .frameSelection {
	width:70%;
	float:left;
	padding-right:10px;
}
.frameViewScore .frameSelect .frameSelection .selection {
	width:70%;
	padding:5px;
}

.frameViewScore .frameTable {
	width:100%;
	padding:5px;
}

.frameViewScore .frameTable .frameHeaderNum {
	width:100%;
	color:#fff;
}

.frameViewScore .frameTable .frameHeaderNum .colHeader1 {
	width:5%;
	float:left;
	border:1px solid #C2C2C2;
	background:#00BCD4;
	padding:10px;
	text-align:center;
}

.frameViewScore .frameTable .frameHeaderNum .colHeader2 {
	width:37%;
	float:left;
	border:1px solid #C2C2C2;
	background:#00BCD4;
	padding:10px;
}

.frameViewScore .frameTable .frameHeaderNum .colHeader3 {
	width:10%;
	float:left;
	border:1px solid #C2C2C2;
	background:#00BCD4;
	padding:10px;
	text-align:center;
}

.frameViewScore .frameTable .frameHeaderNum .colHeader4 {
	width:7%;
	float:left;
	border:1px solid #C2C2C2;
	background:#00BCD4;
	padding:10px;
	text-align:center;
}

.frameViewScore .frameTable .frameNumber {
	width:100%;
}

.frameViewScore .frameTable .frameNumber .colNumber1 {
	width:5%;
	float:left;
	border:1px solid #C2C2C2;
	padding:10px;
	text-align:center;
}

.frameViewScore .frameTable .frameNumber .colNumber2 {
	width:37%;
	float:left;
	border:1px solid #C2C2C2;
	padding:10px;
}

.frameViewScore .frameTable .frameNumber .colNumber3 {
	width:10%;
	float:left;
	border:1px solid #C2C2C2;
	padding:10px;
	text-align:center;
}

.frameViewScore .frameTable .frameNumber .colNumber4 {
	width:7%;
	float:left;
	border:1px solid #C2C2C2;
	padding:10px;
	text-align:center;
}

.frameViewScore .frameTable .frameNumber .frameHoleTable {
	width:100%;
	padding:10px;
	border:1px solid #C2C2C2;
}

.frameViewScore .frameTable .frameNumber .frameHoleTable table.basicData {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
    width:100%;
}

.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
	background:#00BCD4;
	color:#FFF;
	padding:7px;
	font-weight:normal;
}
.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
	padding:7px;
	font-size:0.9em;
	font-weight:normal;
}

.frameLegend {
	width:100%;
	padding:10px;
}

.frameLegend .frameColor {
	width:10%;
	float:left;
}

.frameLegend .frameColor .warna {
	width:30%;
	float:left;
	border:1px solid;
}

.frameLegend .frameColor .wording {
	width:70%;
	float:left;
	padding-left:5px;
}

.frameViewScore .frameHolePlayer {
	width:100%;
	padding:10px;
}

.frameViewScore .frameHolePlayer table.dataHole {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
    width:100%;
}

.frameViewScore .frameHolePlayer th.dataHole {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
	background:#00BCD4;
	color:#FFF;
	padding:7px;
	font-weight:normal;
}
.frameViewScore .frameHolePlayer td.dataHole {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
	padding:7px;
	font-size:0.9em;
	font-weight:normal;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameViewScore .frameHeader .frameImg {
		width:15%;
		float:left;
		padding-top:10px;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameViewScore .frameHeader .frameImg {
		width:20%;
		float:left;
		padding-top:10px;
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:80%;
		float:left;
	}
	
	.frameViewScore .frameLink {
		width:15%;
		float:left;
		padding:10px;
	}
	
	.frameViewScore .frameLinkBack {
		width:20%;
		float:left;
		padding:10px;
	}
	
	.frameViewScore .frameSelect {
		width:70%;
		float:left;
		padding:10px;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:5px;
		font-size:0.9em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:5px;
		font-size:0.8em;
	}
	
	.frameLegend .frameColor {
		width:12%;
		float:left;
	}

	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
		border:1px solid;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		font-size:0.9em;
	}
}

@media(max-width:800px){
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3, .frameViewScore .frameTable .frameHeaderNum .colHeader4,
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:10px;
		font-size:0.85em;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:5px;
		font-size:0.8em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:5px;
		font-size:0.7em;
	}
}

@media(max-width:767px){
	.frameViewScore .frameHeader .frameImg {
		width:25%;
		float:left;
		padding-top:10px;
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:75%;
		float:left;
	}
	
	.frameViewScore .frameSelect {
		width:80%;
		float:left;
		padding:10px;
	}
	
	.frameLegend .frameColor {
		width:15%;
		float:left;
	}

	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
		border:1px solid;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		padding-top:3px;
		font-size:0.85em;
	}
}

@media(max-width:667px){
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3, .frameViewScore .frameTable .frameHeaderNum .colHeader4,
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:5px;
		font-size:0.75em;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:5px;
		font-size:0.9em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:5px;
		font-size:0.85em;
	}
	
	.frameLegend .frameColor {
		width:15%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		padding-top:1px;
		font-size:0.85em;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:3px;
		font-size:0.75em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:3px;
		font-size:0.65em;
	}
}

@media(max-width:640px){
	.frameViewScore .frameHeader .frameImg {
		width:25%;
		float:left;
		padding-top:10px;
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:75%;
		float:left;
	}
	
	.frameViewScore .frameSelect {
		width:80%;
		float:left;
		padding:10px;
		font-size:0.9em;
	}
	
	.frameViewScore .frameHeader .frameWording .wording1 {
		font-size:1.4em;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
	}
	.frameViewScore .frameHeader .frameWording .wording2 {
		font-size:1.0em;
		text-align:center;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:4px;
		font-size:0.8em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:4px;
		font-size:0.8em;
	}
	
	.frameLegend .frameColor {
		width:15%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		padding-top:1px;
		font-size:0.85em;
	}
}

@media(max-width:600px){
	.frameViewScore .frameHeader .frameImg {
		width:25%;
		float:left;
		padding-top:5px;
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:75%;
		float:left;
	}
	
	.frameViewScore .frameLink {
		width:20%;
		float:left;
		padding:10px;
	}
	
	.frameViewScore .frameLinkBack {
		width:25%;
		float:left;
		padding:10px;
	}
	
	.frameViewScore .frameSelect {
		width:90%;
		float:left;
		padding:10px;
		font-size:0.9em;
	}
	
	.frameViewScore .frameHeader .frameWording .wording1 {
		font-size:1.2em;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
	}
	.frameViewScore .frameHeader .frameWording .wording2 {
		font-size:1.0em;
		text-align:center;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:3px;
		font-size:0.8em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:3px;
		font-size:0.8em;
	}
	
	.frameLegend .frameColor {
		width:15%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		padding-top:1px;
		font-size:0.85em;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:2px;
		font-size:0.7em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:2px;
		font-size:0.6em;
	}
	
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3, .frameViewScore .frameTable .frameHeaderNum .colHeader4,
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:5px;
		font-size:0.65em;
	}
}

@media(max-width:480px){
	.frameViewScore .frameHeader .frameImg {
		width:25%;
		float:left;
		padding-top:5px;
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:75%;
		float:left;
	}
	
	.frameViewScore .frameHeader .frameWording .wording1 {
		font-size:1.1em;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
	}
	.frameViewScore .frameHeader .frameWording .wording2 {
		font-size:0.9em;
		text-align:center;
	}
	
	.frameViewScore .frameLink {
		width:20%;
		float:left;
		padding:10px;
	}
	
	.frameViewScore .frameLinkBack {
		width:30%;
		float:left;
		padding:10px;
	}
	
	.frameViewScore .frameSelect {
		width:95%;
		float:left;
		padding:10px;
		font-size:0.9em;
	}
	
	.frameViewScore .frameSelect .title {
		width:35%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.2em;
	}
	
	.frameViewScore .frameSelect .frameSelection {
		width:65%;
		float:left;
		padding-right:10px;
	}
	
	.frameViewScore .frameSelect .frameSelection .selection {
		width:80%;
		padding:5px;
	}
	
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3, .frameViewScore .frameTable .frameHeaderNum .colHeader4,
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:3px;
		font-size:0.6em;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:3px;
		font-size:0.75em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:3px;
		font-size:0.75em;
	}
	
	.frameLegend .frameColor {
		width:20%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
		font-size:0.8em;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		padding-top:0px;
		font-size:0.8em;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:2px;
		font-size:0.6em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:2px;
		font-size:0.5em;
	}
}

@media(max-width:440px){
	.frameViewScore .frameHeader .frameImg {
		width:25%;
		float:left;
		padding-top:10px;
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:75%;
		float:left;
	}
	
	.frameViewScore .frameHeader .frameWording .wording1 {
		font-size:1.0em;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
	}
	.frameViewScore .frameHeader .frameWording .wording2 {
		font-size:0.85em;
		text-align:center;
	}
	
	.frameViewScore .frameSelect {
		width:95%;
		float:left;
		padding:10px;
		font-size:0.9em;
	}
	
	.frameViewScore .frameSelect .title {
		width:35%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.2em;
	}
	
	.frameViewScore .frameSelect .frameSelection {
		width:65%;
		float:left;
		padding-right:10px;
	}
	
	.frameViewScore .frameSelect .frameSelection .selection {
		width:90%;
		padding:5px;
	}
	
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3, .frameViewScore .frameTable .frameHeaderNum .colHeader4 {
		padding:3px;
		font-size:0.6em;
	}
	
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:3px;
		font-size:0.55em;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:2px;
		font-size:0.65em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:2px;
		font-size:0.65em;
	}
	
	.frameLegend .frameColor {
		width:20%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
		font-size:0.75em;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		font-size:0.75em;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:2px;
		font-size:0.55em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:2px;
		font-size:0.50em;
	}
}

@media(max-width:414px){
	.frameViewScore .frameHeader .frameImg {
		width:60%;
		float:none;
		margin:auto;
		padding-top:3px;
		margin-bottom:5px;
		text-align:center;
	}
	
	.frameViewScore .frameHeader .frameImg img {
		width:50%
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:80%;
		float:none;
		margin:auto;
		text-align:center;
	}
	
	.frameViewScore .frameHeader .frameWording .wording1 {
		font-size:1.1em;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
	}
	.frameViewScore .frameHeader .frameWording .wording2 {
		font-size:0.9em;
		text-align:center;
	}
	
	.frameViewScore .frameLink {
		width:20%;
		float:left;
		padding:5px;
	}
	
	.frameViewScore .frameLinkBack {
		width:30%;
		float:left;
		padding:5px;
	}

	.frameViewScore .frameLink .buttonLink, .frameViewScore .frameLinkBack .buttonLinkBack {
		font-size:0.8em;
		padding:5px;
	}

	.frameViewScore .frameSelect {
		width:95%;
		float:left;
		padding:10px;
		font-size:0.9em;
	}
	
	.frameViewScore .frameSelect .title {
		width:40%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.2em;
	}
	
	.frameViewScore .frameSelect .frameSelection {
		width:60%;
		float:left;
		padding-right:10px;
	}
	
	.frameViewScore .frameSelect .frameSelection .selection {
		width:95%;
		padding:5px;
	}
	
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3,.frameViewScore .frameTable .frameHeaderNum .colHeader4 {
		padding:2px;
		font-size:0.6em;
	}
	
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:1px;
		font-size:0.5em;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:1px;
		font-size:0.6em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:2px;
		font-size:0.6em;
	}
	
	.frameLegend .frameColor {
		width:20%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
		font-size:0.7em;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		font-size:0.7em;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:1px;
		font-size:0.5em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:1px;
		font-size:0.45em;
	}
}

@media(max-width:375px){
	.frameViewScore .frameHeader .frameImg {
		width:60%;
		float:none;
		margin:auto;
		padding-top:3px;
		margin-bottom:5px;
		text-align:center;
	}
	
	.frameViewScore .frameHeader .frameImg img {
		width:50%
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:90%;
		float:none;
		margin:auto;
		text-align:center;
	}
	
	.frameViewScore .frameHeader .frameWording .wording1 {
		font-size:1.0em;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
	}
	
	.frameViewScore .frameHeader .frameWording .wording2 {
		font-size:0.80em;
		text-align:center;
	}
	
	.frameViewScore .frameLink {
		width:20%;
		float:left;
		padding:5px;
	}
	
	.frameViewScore .frameLinkBack {
		width:40%;
		float:left;
		padding:5px;
	}

	.frameViewScore .frameLink .buttonLink, .frameViewScore .frameLinkBack .buttonLinkBack {
		font-size:0.8em;
		padding:5px;
	}
	
	.frameViewScore .frameSelect {
		width:95%;
		float:left;
		padding:10px;
		font-size:0.85em;
	}
	
	.frameViewScore .frameSelect .title {
		width:40%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.1em;
	}
	
	.frameViewScore .frameSelect .frameSelection {
		width:60%;
		float:left;
		padding-right:5px;
	}
	
	.frameViewScore .frameSelect .frameSelection .selection {
		width:100%;
		padding:5px;
	}
	
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3, .frameViewScore .frameTable .frameHeaderNum .colHeader4 {
		padding:2px;
		font-size:0.5em;
	}
	
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:2px;
		font-size:0.45em;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:1px;
		font-size:0.55em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:1px;
		font-size:0.55em;
	}
	
	.frameLegend .frameColor {
		width:20%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
		font-size:0.6em;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		font-size:0.6em;
	}
	
	.frameViewScore .frameHolePlayer th.dataHole {
		padding:1px;
		font-size:0.4em;
	}
	.frameViewScore .frameHolePlayer td.dataHole {
		padding:1px;
		font-size:0.35em;
	}
}

@media(max-width:320px){
	.frameViewScore .frameHeader .frameImg {
		width:60%;
		float:none;
		margin:auto;
		padding-top:3px;
		margin-bottom:5px;
		text-align:center;
	}
	
	.frameViewScore .frameHeader .frameImg img {
		width:50%
	}
	
	.frameViewScore .frameHeader .frameWording {
		width:95%;
		float:none;
		margin:auto;
		text-align:center;
	}
	
	.frameViewScore .frameHeader .frameWording .wording1 {
		font-size:1.0em;
		font-weight:bold;
		text-align:center;
		padding-bottom:5px;
	}
	
	.frameViewScore .frameHeader .frameWording .wording2 {
		font-size:0.80em;
		text-align:center;
	}
	
	.frameViewScore .frameLink {
		width:20%;
		float:left;
		padding:3px;
	}
	
	.frameViewScore .frameLinkBack {
		width:40%;
		float:left;
		padding:3px;
	}

	.frameViewScore .frameLink .buttonLink, .frameViewScore .frameLinkBack .buttonLinkBack {
		font-size:0.7em;
		padding:5px;
	}
	
	.frameViewScore .frameSelect {
		width:95%;
		float:left;
		padding:10px;
		font-size:0.85em;
	}
	
	.frameViewScore .frameSelect .title {
		width:40%;
		float:left;
		padding-right:10px;
		padding-top:5px;
		font-size:1.1em;
	}
	
	.frameViewScore .frameSelect .frameSelection {
		width:60%;
		float:left;
		padding-right:5px;
	}
	
	.frameViewScore .frameSelect .frameSelection .selection {
		width:100%;
		padding:5px;
	}
	
	.frameViewScore .frameTable .frameHeaderNum .colHeader1, .frameViewScore .frameTable .frameHeaderNum .colHeader2, 
	.frameViewScore .frameTable .frameHeaderNum .colHeader3, .frameViewScore .frameTable .frameHeaderNum .colHeader4,
	.frameViewScore .frameTable .frameNumber .colNumber1, .frameViewScore .frameTable .frameNumber .colNumber2, 
	.frameViewScore .frameTable .frameNumber .colNumber3, .frameViewScore .frameTable .frameNumber .colNumber4 {
		padding:2px;
		font-size:0.4em;
	}
	
	.frameViewScore .frameTable .frameNumber .frameHoleTable th.basicData {
		padding:0px;
		font-size:0.5em;
	}
	.frameViewScore .frameTable .frameNumber .frameHoleTable td.basicData {
		padding:0px;
		font-size:0.5em;
	}
	
	.frameLegend .frameColor {
		width:20%;
		float:left;
	}
	
	.frameLegend .frameColor .warna {
		width:30%;
		float:left;
		font-size:0.55em;
	}

	.frameLegend .frameColor .wording {
		width:70%;
		float:left;
		padding-left:5px;
		font-size:0.55em;
	}
}


.frameHosp {
	width:100%;
	margin:auto;
	padding-top:2em;
	padding-bottom:2em;
	height:600px;
	border: 0px solid;
}

.frameHosp1 {
	position: absolute;
	top: 1;
	left: 0;
	width: 700%;
	height: 100%;
}
.frameHosp1 .hosp {
	position: relative;
	width: 14.29%;
	height: 100%;
	float: left;
}
.frameHosp1 .hosp .caption {
	position: absolute;
	bottom: 60px;
	left: 60px;
	right: 60px;
	padding: 30px;
	background: rgba(0, 0, 0, .5);
	box-sizing: border-box;
	transition: 0.5s;
}

.frameHosp1 .hosp .caption h2 {
	margin: 0 0 20;
	padding: 0;
	color: #fff;
	font-size:3.5em;
	transition: 0.5s;
	font-weight:bold;
}

.frameHosp1 .hosp .caption p {
	margin: 0;
	padding: 0;
	color:#3696D1;
	font-size:2em;
	transition: 0.5s;
	font-weight:bold;
	margin-bottom:1em;
}

.frameHosp1 .hosp.hosp1 {
	background: url(../images/hospital.jpg);
	background-size: cover;
	background-position: center;
}

.frameKami {
	width:100%;
	margin:auto;
	padding-top:2em;
}

.frameKami .frameProduct {
	width:100%;
	background-color:#EFEEEE;
}

.frameKami .frameImg {
	width:100%;
}

.frameKami .frameImg .imgDisplay {
	width:100%;
}

.frameKami .frameProdDesc {
	width:100%;
	background-color:#FFF;
	padding-bottom:2em;
	padding-top:2em;
}

.frameKami .frameProdDesc .frameContent {
	width:80%;
	margin:auto;
}

.frameKami .frameProdDesc .frameContent .title {
	width:100%;
	font-weight:bold;
	font-size:3.5em;
	text-align:center;
	color:#000;
	padding-bottom:1em;
}

.frameKami .frameProdDesc .frameContent .frameContentFull {
	width:100%;
	margin-bottom:2em;
}

.frameKami .frameProdDesc .frameContent .frameContentFull .title {
	width:100%;
	color:#3696D1;
	font-size:4.0em;
	font-weight:bold;
	padding-bottom:0em;
}

.frameKami .frameProdDesc .frameContent .frameContentFull .title2 {
	width:100%;
	color:#3696D1;
	font-size:2.5em;
	font-weight:bold;
	padding-bottom:0em;
	cursor:pointer;
}

.frameKami .frameProdDesc .frameContent .frameContentFull .title2:hover {
	color:#2B3D4F;
}

.frameKami .frameProdDesc .frameContent .frameContentFloat {
	width:60%;
	float:left;
	padding:1em;
}

.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
	width:40%;
	float:left;
	padding:1em;
}

.frameKami .frameProdDesc .frameContent .frameContentFloat3 {
	width:100%;
	float:left;
	padding:1em;
}

.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
	font-size:1.7em;
	color:#2B3D4F;
}

.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
	width:100%;
	color:#000;
	font-size:1.5em;
}

.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
	width:100%;
	color:#000;
	font-size:1.7em;
}

.frameKami .frameProdDesc .frameContent .frameImg {
	width:100%;
	margin:auto;
}

.frameKami .frameProdDesc .frameContent .frameImg .imgDisplay {
	width:100%;
}

.frameKami .frameProdDesc .frameContent .frameImg2 {
	width:70%;
	margin:auto;
}

.frameKami .frameProdDesc .frameContent .frameImg2 .imgDisplay {
	width:100%;
}

.frameKami .frameVisiMisi {
	width:100%;
	margin-bottom:2em;
	background-color:#FF0000;
	color:#FFF;
}

.frameKami .frameVisiMisi .frameContent {
	width:80%;
	margin:auto;
}

.frameKami .frameVisiMisi .frameContent .frameContentFloat {
	width:100%;
	float:left;
	padding:1em;
}

.frameKami .frameVisiMisi .frameContent .frameContentFloat2 {
	width:40%;
	float:left;
	padding:2em;
}

.frameKami .frameVisiMisi .frameContent .frameContentFloatFull {
	width:100%;
	float:left;
	padding:1em;
}

.frameKami .frameVisiMisi .frameContent .frameContentFloat .title {
	width:100%;
	color:#FFF;
	font-size:2.5em;
	font-weight:bold;
}

.frameKami .frameVisiMisi .frameContent .frameContentFloat2 .frameImg {
	width:40%;
	margin:auto;
}

.frameKami .frameVisiMisi .frameContent .frameContentFloat2 .frameImg .imgDisplay {
	width:100%;
}

.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
	width:100%;
	color:#FFF;
	font-size:1.5em;
	padding-bottom:1em;
}

.frameKami .frameVisiMisi .frameContent .frameIzin {
	float:left;
	width:50%;
	padding:2em;
	margin-bottom:2em;
}

.frameKami .frameVisiMisi .frameContent .frameIzin .wording1 {
	color:#000;
	font-weight:bold;
	padding-bottom:1em;
	font-size:1.7em;
}

.frameKami .frameVisiMisi .frameContent .frameIzin .frameImg {
	width:70%;
}

.frameKami .frameVisiMisi .frameContent .frameIzin .frameImg .imgDisplay {
	width:100%;
}

/*--responsive--*/
@media(max-width:1440px){
	
}
@media(max-width:1366px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:2em;
	}
}
@media(max-width:1280px){
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.8em;
		padding-bottom:1em;
		padding-top:1.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.8em;
		padding-bottom:1em;
		padding-top:1em;
	}
	
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	
}
@media(max-width:1080px){
	.frameHubungi .frameContent .frameSelect {
		width:60%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:left;
		padding-right:1em;
		padding-left:1em;
		padding-top:5px;
		font-size:1.7em;
	}
}
@media(max-width:1024px){
	.frameHubungi .frameContent .frameSelect {
		width:60%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:left;
		padding-right:1em;
		padding-left:0em;
		padding-top:5px;
		font-size:1.7em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg {
		float:left;
		width:20%;
		margin-bottom:1em;
		font-size:0.9em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay {
		width:60%;
		padding-bottom:1em;
	}

	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay2 {
		width:60%;
		padding-top:1em;
		padding-bottom:1em;
		padding-left:1em;
		padding-right:1em;
	}

	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.3em;
		padding-bottom:1em;
		padding-top:1.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.5em;
		padding-bottom:1em;
		padding-top:1em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent {
		width:90%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.9em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.7em;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:40%;
		font-size:2.5em;
		padding-bottom:1em;
	}
	
	.frameHomeProduct {
		padding-top:11em;
		padding-bottom:1em;
	}
	
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	
	.frameHomeHubungi {
		padding-top:11em;
		padding-bottom:1em;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.9em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.4em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.1em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.5em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.4em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.5em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.6em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:15%;
		padding-right:10px;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:80%;
		padding-top:5px;
	}
	
	.frameHome .frameProductHome .frameButton .buttonLightBlue {
		border-radius:25px;
		border:3px solid #3696D1;
		font-size:1em;
		padding-left:2.7em;
		padding-right:2.7em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
	
	.frameHome .frameProductHome .frameButton .buttonDarkBlue {
		border-radius:25px;
		border:3px solid #2B3D4F;
		font-size:1em;
		padding-left:0.7em;
		padding-right:0.7em;
		padding-top:0.5em;
		padding-bottom:0.5em;
	}
}
@media(max-width:991px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	
	.frameKami .frameProdDesc .frameContent {
		width:90%;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.3em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.8em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.7em;
	}

	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:50%;
		float:left;
		padding:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.3em;
		padding-bottom:1em;
		padding-top:1.3em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.5em;
		padding-bottom:1em;
		padding-top:1em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.9em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.7em;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:40%;
		font-size:2.5em;
		padding-bottom:1em;
	}
	
	.frameHomeProduct {
		padding-top:13em;
		padding-bottom:1em;
	}
	
	.frameHomeHubungi {
		padding-top:13em;
		padding-bottom:1em;
	}
}
@media(max-width:900px){
	.frameHubungi .frameContent .frameSelect {
		width:70%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:left;
		padding-right:1em;
		padding-left:0em;
		padding-top:5px;
		font-size:1.7em;
	}
	.frameKami .frameProdDesc .frameContent {
		width:90%;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.3em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.8em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.7em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title {
		font-size:3.5em;
		padding-bottom:0em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg {
		float:left;
		width:20%;
		margin-bottom:1em;
		font-size:0.85em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay {
		width:70%;
		padding-bottom:0.5em;
	}

	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay2 {
		width:70%;
		padding-top:1em;
		padding-bottom:0.5em;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:50%;
		float:left;
		padding:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.2em;
		padding-bottom:1em;
		padding-top:1.2em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.3em;
		padding-bottom:1em;
		padding-top:0.7em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:3.1em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.7em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.7em;
		padding-bottom:0.5em;
		padding-top:0.7em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.6em;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:40%;
		font-size:2.5em;
		padding-bottom:1em;
	}
	
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:98%;
		margin:auto;
		padding:1em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.9em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.4em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.1em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.4em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.4em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.6em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.4em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:15%;
		padding-right:10px;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:80%;
		padding-top:5px;
	}
}
@media(max-width:800px){
	.frameHubungi .frameContent .frameSelect {
		width:70%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:left;
		padding-right:1em;
		padding-left:0em;
		padding-top:5px;
		font-size:1.5em;
	}
	.frameHubungi .frameContent .frameSelect .optionSelect {
		float:left;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent {
		width:90%;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.3em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.8em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.7em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title {
		font-size:3.5em;
		padding-bottom:0em;
	}
	
	.frameKami .frameVisiMisi .frameContent {
		width:90%;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin .wording1 {
		padding-bottom:1em;
		font-size:1.5em;
	}
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:50%;
		float:left;
		padding:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.1em;
		padding-bottom:0.7em;
		padding-top:1.0em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.2em;
		padding-bottom:1em;
		padding-top:0.7em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:3.0em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.5em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.5em;
		padding-bottom:0.5em;
		padding-top:0.7em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.5em;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:40%;
		font-size:2.5em;
		padding-bottom:1em;
	}
	
	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:50%;
		font-size:2.5em;
		padding-bottom:1em;
	}
	
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:0em;
	}
	
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.8em;
		padding-right:2em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:1.2em;
		padding-right:2em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:90%;
		margin:auto;
		padding:0em;
	}
	.frameHubungi .frameContentHub {
		float:left;
		width:50%;
		padding:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.6em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.2em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.0em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.4em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.1em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.3em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.2em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:15%;
		padding-right:10px;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:80%;
		padding-top:5px;
	}
}
@media(max-width:767px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	
	.frameKami .frameProdDesc .frameContent {
		width:95%;
	}
	.frameKami .frameProdDesc .frameContent .title {
		font-size:3.0em;
		padding-bottom:0.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.4em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.8em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.7em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title {
		font-size:3.2em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title2 {
		font-size:2.2em;
		padding-bottom:0em;
	}
	
	.frameKami .frameVisiMisi .frameContent {
		width:95%;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat .title {
		font-size:4.2em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin .wording1 {
		padding-bottom:1em;
		font-size:1.5em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:2.8em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.4em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.4em;
		padding-bottom:0.5em;
		padding-top:0.7em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.4em;
	}
	.frameHomeProduct .frameBenefit .frameContent {
		width:80%;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:50%;
		font-size:2.5em;
		padding-bottom:1em;
	}
	
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:0em;
	}
	
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.8em;
		padding-right:2em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:1.2em;
		padding-right:2em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:90%;
		margin:auto;
		padding:0em;
	}
	.frameHubungi .frameContentHub {
		float:left;
		width:50%;
		padding:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.6em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.1em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.0em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.5em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.2em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.5em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.2em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:15%;
		padding-right:10px;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:80%;
		padding-top:5px;
	}
	.frameHomeProduct {
		padding-top:7.5em;
		padding-bottom:1em;
	}
	.frameHomeHubungi {
		padding-top:7.5em;
		padding-bottom:1em;
	}
}
@media(max-width:667px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	.frameHubungi .frameContent .frameSelect {
		width:80%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:left;
		padding-right:1em;
		padding-left:0em;
		padding-top:5px;
		font-size:1.5em;
	}
	.frameHubungi .frameContent .frameSelect .optionSelect {
		float:left;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent {
		width:95%;
	}
	.frameKami .frameProdDesc .frameContent .title {
		font-size:3.0em;
		padding-bottom:0.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.4em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.4em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.6em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.4em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title {
		font-size:3.0em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title2 {
		font-size:2.2em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameImg2 {
		width:50%;
		margin:auto;
	}
	
	.frameKami .frameVisiMisi .frameContent {
		width:95%;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:1em;
	}

	.frameKami .frameVisiMisi .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat .title {
		font-size:4.2em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin .wording1 {
		padding-bottom:1em;
		font-size:1.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:85%;
		float:none;
		padding:0.5em;
		margin:auto;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.6em;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.5em;
		padding-bottom:1em;
		padding-top:0.5em;
	}

	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:2.6em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat {
		width:80%;
		float:none;
		margin:auto;
		padding:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.8em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.8em;
		padding-bottom:0.5em;
		padding-top:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.6em;
	}
	.frameHomeProduct .frameBenefit .frameContent {
		width:80%;
	}
	
	.frameHomeProduct .frameBenefit .frameContent {
		width:80%;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:50%;
		font-size:2.2em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording1, .frameHomeProduct .frameBenefit .frameContent .wording3 {
		float:left;
		font-size:12em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording2, .frameHomeProduct .frameBenefit .frameContent .wording4 {
		float:left;
		font-size:3.5em;
		padding-top:2.5em;
		padding-left:10px;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:0em;
	}
	
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:50%;
		padding:5px;
		font-size:5.5em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:50%;
		text-align:left;
		padding:5px;
		font-size:5.5em;
	}
	
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.8em;
		padding-right:2em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:1.2em;
		padding-right:2em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:90%;
		margin:auto;
		padding:0em;
	}
	.frameHubungi .frameContentHub {
		float:left;
		width:50%;
		padding:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.6em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.0em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:0.9em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.0em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.1em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.5em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.2em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:15%;
		padding-right:10px;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:80%;
		padding-top:5px;
	}
	.frameHomeProduct {
		padding-top:7.5em;
		padding-bottom:1em;
	}
	.frameHomeHubungi {
		padding-top:7.5em;
		padding-bottom:1em;
	}
}
@media(max-width:640px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameAb1 .ab .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:3.0em;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:90%;
		float:none;
		padding:0.5em;
		margin:auto;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.6em;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.5em;
		padding-bottom:1em;
		padding-top:0.5em;
	}
	
	.frameHubungi .frameContent {
		width:100%;
		margin:auto;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:50%;
		padding:5px;
		font-size:5.5em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:50%;
		text-align:left;
		padding:5px;
		font-size:5.5em;
	}
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.8em;
		padding-right:2em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:1.2em;
		padding-right:2em;
	}
	.frameHubungi .frameContent2M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}

	.frameHubungi .frameContent3M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.3em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:0.9em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:0.85em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.2em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:1.9em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.3em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.1em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:20%;
		padding-right:10px;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:80%;
		padding-top:5px;
	}
	
	.frameHomeProduct {
		padding-top:7.5em;
		padding-bottom:1em;
	}
	
	.frameHomeHubungi {
		padding-top:7.5em;
		padding-bottom:0.5em;
	}
}
@media(max-width:600px){
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg {
		float:left;
		width:20%;
		margin-bottom:1em;
		font-size:0.8em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay {
		width:80%;
		padding-bottom:0.5em;
	}

	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay2 {
		width:80%;
		padding-top:1em;
		padding-bottom:0.5em;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:95%;
		float:none;
		padding:0.5em;
		margin:auto;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.6em;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.5em;
		padding-bottom:1em;
		padding-top:0.5em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:2.4em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat {
		width:80%;
		float:none;
		margin:auto;
		padding:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.8em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.8em;
		padding-bottom:0.5em;
		padding-top:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.6em;
	}
	
	
	.frameHubungi .frameContent {
		width:100%;
		margin:auto;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:55%;
		padding:5px;
		font-size:5.5em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:45%;
		text-align:left;
		padding:5px;
		font-size:5.5em;
	}
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.6em;
		padding-right:2em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:1.1em;
		padding-right:2em;
	}
	.frameHubungi .frameContent2M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}

	.frameHubungi .frameContent3M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContentHub {
		float:none;
		width:100%;
		padding:1em;
		text-align:center;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:2.1em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.6em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.2em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.4em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.7em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.9em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.5em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:40%;
		padding-right:10px;
		text-align:right;
	}
	
	.frameHubungi .frameContentHub .frameImg .imgDisplay {
		width:20%;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:60%;
		padding-top:5px;
		text-align:left;
	}
}
@media(max-width:480px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameAb1 .ab .caption {
		position: absolute;
		bottom: 60px;
		left: 30px;
		right: 30px;
		padding: 30px;
		background: rgba(0, 0, 0, .5);
		box-sizing: border-box;
		transition: 0.5s;
	}
	.frameAb1 .ab .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.6em;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	
	.frameHubungi .frameContent .frameSelect {
		width:90%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:left;
		padding-right:1em;
		padding-left:0em;
		padding-top:5px;
		font-size:1.4em;
	}
	.frameHubungi .frameContent .frameSelect .optionSelect {
		float:left;
		font-size:1.0em;
	}
	.frameKami .frameProdDesc .frameContent {
		width:95%;
	}
	.frameKami .frameProdDesc .frameContent .title {
		font-size:2.7em;
		padding-bottom:0.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.5em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.4em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title {
		font-size:2.6em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title2 {
		font-size:2.0em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameImg2 {
		width:50%;
		margin:auto;
	}
	
	.frameKami .frameVisiMisi .frameContent {
		width:95%;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:0.5em;
	}

	.frameKami .frameVisiMisi .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:0.5em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat .title {
		font-size:3.0em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin {
		float:none;
		width:90%;
		margin:auto;
		padding:2em;
		margin-bottom:0em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin .wording1 {
		padding-bottom:1em;
		font-size:1.5em;
	}
	
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:95%;
		float:none;
		padding:0.5em;
		margin:auto;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.1em;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.4em;
		padding-bottom:1em;
		padding-top:0.5em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:1.8em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat {
		width:90%;
		float:none;
		margin:auto;
		padding:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.6em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.6em;
		padding-bottom:0.5em;
		padding-top:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.3em;
	}
	
	
	.frameHomeProduct .frameBenefit .frameContent {
		width:90%;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:50%;
		font-size:2.2em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording1, .frameHomeProduct .frameBenefit .frameContent .wording3 {
		float:left;
		font-size:10em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording2, .frameHomeProduct .frameBenefit .frameContent .wording4 {
		float:left;
		font-size:3em;
		padding-top:2.5em;
		padding-left:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .frameDesc {
		width:100%;
		margin:auto;
		text-align:left;
		font-size:1.3em;
		padding:5px;
		margin-bottom:2em;
	}
	
	.frameHubungi .frameContent {
		width:100%;
		margin:auto;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:55%;
		padding:5px;
		font-size:4.7em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:45%;
		text-align:left;
		padding:5px;
		font-size:4.7em;
	}
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.5em;
		padding-right:0em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:1.1em;
		padding-right:0em;
	}
	.frameHubungi .frameContent2M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}

	.frameHubungi .frameContent3M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContentHub {
		float:none;
		width:100%;
		padding:1em;
		text-align:center;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.8em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.4em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.2em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.4em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.7em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.9em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.5em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:40%;
		padding-right:10px;
		text-align:right;
	}
	
	.frameHubungi .frameContentHub .frameImg .imgDisplay {
		width:20%;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:60%;
		padding-top:5px;
		text-align:left;
	}
	
	.frameHomeProduct {
		padding-top:7em;
		padding-bottom:1em;
	}
	
	.frameHomeHubungi {
		padding-top:7em;
		padding-bottom:0.5em;
	}
}
@media(max-width:440px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameAb1 .ab .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 30px;
		background: rgba(0, 0, 0, .5);
		box-sizing: border-box;
		transition: 0.5s;
	}
	.frameAb1 .ab .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.4em;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:1em;
	}
	
	.frameHubungi .frameContent .frameSelect {
		width:90%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:none;
		padding-right:1em;
		padding-left:0em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:1.6em;
	}
	.frameHubungi .frameContent .frameSelect .optionSelect {
		float:none;
		font-size:1.3em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg {
		float:left;
		width:20%;
		margin-bottom:1em;
		font-size:0.75em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay {
		width:80%;
		padding-bottom:0.5em;
	}

	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay2 {
		width:80%;
		padding-top:1em;
		padding-bottom:0.5em;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:1.8em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat {
		width:90%;
		float:none;
		margin:auto;
		padding:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.5em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.3em;
	}
	
	
	.frameHomeProduct .frameBenefit .frameContent {
		width:90%;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:100%;
		font-size:2.2em;
		padding-bottom:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording1, .frameHomeProduct .frameBenefit .frameContent .wording3 {
		float:left;
		font-size:10em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording2, .frameHomeProduct .frameBenefit .frameContent .wording4 {
		float:left;
		font-size:3em;
		padding-top:2.5em;
		padding-left:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .frameDesc {
		width:100%;
		margin:auto;
		text-align:left;
		font-size:1.3em;
		padding:5px;
		margin-bottom:2em;
	}
	
	.frameHubungi .frameContent {
		width:100%;
		margin:auto;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:55%;
		padding:5px;
		font-size:4.4em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:45%;
		text-align:left;
		padding:5px;
		font-size:4.4em;
	}
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.5em;
		padding-right:0em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:1.0em;
		padding-right:0em;
	}
	.frameHubungi .frameContent2M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}

	.frameHubungi .frameContent3M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContentHub {
		float:none;
		width:100%;
		padding:1em;
		text-align:center;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.8em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.4em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.2em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.5em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.7em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.9em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.5em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:40%;
		padding-right:10px;
		text-align:right;
	}
	
	.frameHubungi .frameContentHub .frameImg .imgDisplay {
		width:25%;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:60%;
		padding-top:5px;
		text-align:left;
	}
	
	.frameHomeProduct {
		padding-top:6.5em;
		padding-bottom:1em;
	}
	
	.frameHomeHubungi {
		padding-top:6.5em;
		padding-bottom:0.5em;
	}
}
@media(max-width:414px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameAb1 .ab .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 20px;
		padding: 20px;
		background: rgba(0, 0, 0, .5);
		box-sizing: border-box;
		transition: 0.5s;
	}
	.frameAb1 .ab .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.4em;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:0.5em;
	}
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:95%;
		float:none;
		padding:0.5em;
		margin:auto;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:2.0em;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.2em;
		padding-bottom:1em;
		padding-top:0.5em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:1.7em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat {
		width:90%;
		float:none;
		margin:auto;
		padding:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.4em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.4em;
		padding-bottom:0.5em;
		padding-top:0.7em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.2em;
	}
	
	
	.frameHomeProduct .frameBenefit .frameContent {
		width:90%;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:100%;
		font-size:2.0em;
		padding-bottom:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording1, .frameHomeProduct .frameBenefit .frameContent .wording3 {
		float:left;
		font-size:9em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording2, .frameHomeProduct .frameBenefit .frameContent .wording4 {
		float:left;
		font-size:2.8em;
		padding-top:2.2em;
		padding-left:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .frameDesc {
		width:100%;
		margin:auto;
		text-align:left;
		font-size:1.1em;
		padding:5px;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent {
		width:100%;
		margin:auto;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:57%;
		padding:5px;
		font-size:4.2em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:43%;
		text-align:left;
		padding:5px;
		font-size:4.2em;
	}
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.3em;
		padding-right:0em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:0.9em;
		padding-right:0em;
	}
	.frameHubungi .frameContent2M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}

	.frameHubungi .frameContent3M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContentHub {
		float:none;
		width:100%;
		padding:1em;
		text-align:center;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.9em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.4em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.1em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.4em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.6em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.9em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.3em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:40%;
		padding-right:10px;
		text-align:right;
	}
	
	.frameHubungi .frameContentHub .frameImg .imgDisplay {
		width:25%;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:60%;
		padding-top:5px;
		text-align:left;
	}
}

@media(max-width:375px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameAb1 .ab .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 10px;
		padding: 10px;
		background: rgba(0, 0, 0, .5);
		box-sizing: border-box;
		transition: 0.5s;
	}
	.frameAb1 .ab .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.6em;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:0px;
	}
	
	.frameKami .frameProdDesc .frameContent {
		width:95%;
	}
	.frameKami .frameProdDesc .frameContent .title {
		font-size:2.5em;
		padding-bottom:0.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.5em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.3em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title {
		font-size:2.3em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title2 {
		font-size:1.6em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameImg2 {
		width:50%;
		margin:auto;
	}
	
	.frameKami .frameVisiMisi .frameContent {
		width:95%;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:0.5em;
	}

	.frameKami .frameVisiMisi .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:0.5em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat .title {
		font-size:2.8em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		font-size:1.4em;
		padding-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin {
		float:none;
		width:95%;
		margin:auto;
		padding:2em;
		margin-bottom:0em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin .wording1 {
		padding-bottom:1em;
		font-size:1.3em;
	}
	
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg {
		float:left;
		width:20%;
		margin-bottom:1em;
		font-size:0.7em;
	}
	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay {
		width:80%;
		padding-bottom:0.5em;
	}

	.frameHomeProduct .frameBenefit .frameContent .framePerluasan .frameImg .imgDisplay2 {
		width:80%;
		padding-top:1em;
		padding-bottom:0.5em;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:95%;
		float:none;
		padding:0.5em;
		margin:auto;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:1.8em;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:2.0em;
		padding-bottom:1em;
		padding-top:0.5em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .title {
		font-size:1.55em;
		padding-bottom:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent {
		width:95%;
		margin:auto;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat {
		width:90%;
		float:none;
		margin:auto;
		padding:1em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent {
		font-size:1.3em;
		padding-bottom:0.5em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.3em;
		padding-bottom:0.5em;
		padding-top:0.7em;
	}
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .isiContent {
		font-size:1.2em;
	}
	
	.frameHomeProduct .frameBenefit .frameContent {
		width:90%;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:100%;
		font-size:1.8em;
		padding-bottom:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording1, .frameHomeProduct .frameBenefit .frameContent .wording3 {
		float:left;
		font-size:8em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording2, .frameHomeProduct .frameBenefit .frameContent .wording4 {
		float:left;
		font-size:2.5em;
		padding-top:2.2em;
		padding-left:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .frameDesc {
		width:100%;
		margin:auto;
		text-align:left;
		font-size:1.1em;
		padding:5px;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent {
		width:100%;
		margin:auto;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:57%;
		padding:5px;
		font-size:3.8em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:43%;
		text-align:left;
		padding:5px;
		font-size:3.8em;
	}
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.3em;
		padding-right:0em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:0.9em;
		padding-right:0em;
	}
	.frameHubungi .frameContent2M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}

	.frameHubungi .frameContent3M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContentHub {
		float:none;
		width:100%;
		padding:1em;
		text-align:center;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.8em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.3em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.1em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.4em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:2.5em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.8em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.3em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:40%;
		padding-right:10px;
		text-align:right;
	}
	
	.frameHubungi .frameContentHub .frameImg .imgDisplay {
		width:25%;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:60%;
		padding-top:0px;
		text-align:left;
	}
}
@media(max-width:320px){
	.frameAb {
		width:100%;
		margin:auto;
		padding-top:2em;
		padding-bottom:2em;
		height:600px;
	}
	.frameAb1 .ab .caption {
		position: absolute;
		bottom: 60px;
		left: 20px;
		right: 10px;
		padding: 10px;
		background: rgba(0, 0, 0, .5);
		box-sizing: border-box;
		transition: 0.5s;
	}
	.frameAb1 .ab .caption h2 {
		margin: 0 0 20;
		padding: 0;
		font-size:2.6em;
	}
	.frameKami {
		width:100%;
		margin:auto;
		padding-top:0px;
	}
	
	.frameHubungi .frameContent .frameSelect {
		width:95%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContent .frameSelect .wordingSelect {
		float:none;
		padding-right:1em;
		padding-left:0em;
		padding-top:5px;
		padding-bottom:5px;
		font-size:1.6em;
	}
	.frameHubungi .frameContent .frameSelect .optionSelect {
		float:none;
		font-size:1.1em;
	}
	.frameKami .frameProdDesc .frameContent {
		width:95%;
	}
	.frameKami .frameProdDesc .frameContent .title {
		font-size:2.2em;
		padding-bottom:0.5em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat .isiContent {
		width:100%;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .isiContent {
		width:100%;
		font-size:1.2em;
	}
	.frameKami .frameProdDesc .frameContent .frameContentFloat {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}

	.frameKami .frameProdDesc .frameContent .frameContentFloat2 {
		width:100%;
		float:none;
		padding:1em;
		margin-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		width:100%;
		color:#000;
		font-size:1.5em;
		padding-bottom:1em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFloat3 .wording {
		font-size:1.2em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title {
		font-size:2.1em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameContentFull .title2 {
		font-size:1.5em;
		padding-bottom:0em;
	}
	
	.frameKami .frameProdDesc .frameContent .frameImg2 {
		width:50%;
		margin:auto;
	}
	
	.frameKami .frameVisiMisi .frameContent {
		width:95%;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat {
		width:60%;
		float:left;
		padding:0.5em;
	}

	.frameKami .frameVisiMisi .frameContent .frameContentFloat2 {
		width:40%;
		float:left;
		padding:0.5em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloat .title {
		font-size:2.3em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameContentFloatFull .isiContent {
		font-size:1.2em;
		padding-bottom:1em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin {
		float:none;
		width:98%;
		margin:auto;
		padding:2em;
		margin-bottom:0em;
	}
	
	.frameKami .frameVisiMisi .frameContent .frameIzin .wording1 {
		padding-bottom:1em;
		font-size:1.1em;
	}
	
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat {
		width:98%;
		float:none;
		padding:0.5em;
		margin:auto;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent1 {
		font-size:1.6em;
		padding-bottom:0.5em;
		padding-top:0.5em;
	}
	.frameHomeProduct .frameProdTag .frameContent .frameContentFloat .isiContent2 {
		font-size:1.8em;
		padding-bottom:1em;
		padding-top:0.5em;
	}
	
	.frameHomeProduct .frameProdDesc .frameContent .frameContentFloat .titleContent2 {
		font-size:1.3em;
		padding-bottom:0.5em;
		padding-top:0.4em;
	}
	
	.frameHomeProduct .frameBenefit .frameContent {
		width:90%;
	}

	.frameHomeProduct .frameBenefit .frameContent .titleClick {
		width:100%;
		font-size:1.6em;
		padding-bottom:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording1, .frameHomeProduct .frameBenefit .frameContent .wording3 {
		float:left;
		font-size:7em;
	}
	.frameHomeProduct .frameBenefit .frameContent .wording2, .frameHomeProduct .frameBenefit .frameContent .wording4 {
		float:left;
		font-size:2.2em;
		padding-top:2.2em;
		padding-left:10px;
	}
	.frameHomeProduct .frameBenefit .frameContent .frameDesc {
		width:100%;
		margin:auto;
		text-align:left;
		font-size:1.1em;
		padding:5px;
		margin-bottom:2em;
	}
	
	.frameHubungi .frameContent {
		width:100%;
		margin:auto;
		margin-bottom:2em;
	}
	.frameHubungi .frameContent .wording1 {
		float:left;
		width:57%;
		padding:5px;
		font-size:3.2em;
	}

	.frameHubungi .frameContent .wording2 {
		float:left;
		width:43%;
		text-align:left;
		padding:5px;
		font-size:3.2em;
	}
	.frameHubungi .frameContent .wording3 {
		padding:5px;
		font-size:1.2em;
		padding-right:0em;
	}

	.frameHubungi .frameContent .wording4 {
		padding:5px;
		font-size:0.9em;
		padding-right:0em;
	}
	.frameHubungi .frameContent2M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}

	.frameHubungi .frameContent3M {
		padding-top:0.8em;
		padding-bottom:0.8em;
	}
	.frameHubungi .frameContent2, .frameHubungi .frameContent3 {
		width:100%;
		margin:auto;
		padding:1em;
	}
	.frameHubungi .frameContentHub {
		float:none;
		width:100%;
		padding:1em;
		text-align:center;
	}
	.frameHubungi .frameContentHub .frameIsiHub1 {
		font-size:1.4em;
		padding-bottom:0.5em;
	}

	.frameHubungi .frameContentHub .frameIsiHub2 {
		font-size:1.2em;
		padding-bottom:1em;
	}

	.frameHubungi .frameContentHub .frameIsiHub3 {
		font-size:1.0em;
		padding-bottom:0.2em;
	}
	
	.frameHubungi .frameContentHub .frameIsiHub4 {
		font-size:1.4em;
		padding-bottom:0.2em;
		letter-spacing:2px;
	}

	.frameHubungi .frameContentHub .frameIsiHub5 {
		font-size:1.9em;
		padding-bottom:0.3em;
	}

	.frameHubungi .frameContentHub .frameIsiHub6 {
		font-size:1.5em;
		padding-bottom:0em;
	}

	.frameHubungi .frameContentHub .frameIsiHub7 {
		font-size:1.2em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameIsiHub8 {
		font-size:1.7em;
		padding-bottom:0em;
	}
	.frameHubungi .frameContentHub .frameImg {
		float:left;
		width:40%;
		padding-right:10px;
		text-align:right;
	}
	
	.frameHubungi .frameContentHub .frameImg .imgDisplay {
		width:30%;
	}

	.frameHubungi .frameContentHub .frameWATitle {
		float:left;
		width:60%;
		padding-top:0px;
		text-align:left;
	}
	
	.frameHomeProduct {
		padding-top:5.5em;
		padding-bottom:1em;
	}
	
	.frameHomeHubungi {
		padding-top:5.5em;
		padding-bottom:0.5em;
	}
}

table.basicData {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
    width:100%;
}

tr.viewDetail {
	cursor:pointer;
}

tr.viewDetail:hover {
	opacity:0.5;
}

th.basicData {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
	background:#00BCD4;
	color:#FFF;
	padding:7px;
	font-weight:normal;
}
td.basicData {
    border-collapse:collapse;
    border:1px solid #C2C2C2;
	padding:7px;
	font-size:0.9em;
	font-weight:normal;
	font-size:0.9em;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){

}

@media(max-width:800px){
	th.basicData {
		padding:7px;
		font-size:0.9em;
	}
	td.basicData {
		padding:7px;
		font-size:0.85em;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	th.basicData {
		padding:5px;
		font-size:0.85em;
	}
	td.basicData {
		padding:5px;
		font-size:0.8em;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	th.basicData {
		padding:5px;
		font-size:0.8em;
	}
	td.basicData {
		padding:5px;
		font-size:0.75em;
	}
}

@media(max-width:480px){
	th.basicData {
		padding:5px;
		font-size:0.75em;
	}
	td.basicData {
		padding:5px;
		font-size:0.7em;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){

}

@media(max-width:375px){
	th.basicData {
		padding:5px;
		font-size:0.7em;
	}
	td.basicData {
		padding:5px;
		font-size:0.65em;
	}
}

@media(max-width:320px){

}

.col2 {
	width:2%;
}
.col5 {
	width:5%;
}
.col7 {
	width:7%;
}
.col10 {
	width:10%;
}
.col15 {
	width:15%;
}
.col20 {
	width:20%;
}
.col25 {
	width:25%;
}
.col30 {
	width:30%;
}
.col35 {
	width:35%;
}
.col40 {
	width:40%;
}
.col45 {
	width:45%;
}
.col50 {
	width:50%;
}
.col55 {
	width:55%;
}
.col60 {
	width:60%;
}
.col65 {
	width:65%;
}
.col70 {
	width:70%;
}
.col75 {
	width:75%;
}
.col80 {
	width:80%;
}
.col85 {
	width:85%;
}
.col90 {
	width:90%;
}
.col95 {
	width:95%;
}
.col98 {
	width:98%;
}
.col100 {
	width:100%;
}

.col2a {
	width:2%;
}
.col5a {
	width:5%;
}
.col7a {
	width:7%;
}
.col10a {
	width:10%;
}
.col15a {
	width:15%;
}
.col20a {
	width:20%;
}
.col25a {
	width:25%;
}
.col30a {
	width:30%;
}
.col35a {
	width:35%;
}
.col40a {
	width:40%;
}
.col45a {
	width:45%;
}
.col50a {
	width:50%;
}
.col55a {
	width:55%;
}
.col60a {
	width:60%;
}
.col65a {
	width:65%;
}
.col70a {
	width:70%;
}
.col75a {
	width:75%;
}
.col80a {
	width:80%;
}
.col85a {
	width:85%;
}
.col90a {
	width:90%;
}
.col95a {
	width:95%;
}
.col100a {
	width:100%;
}
.marginAuto {
	margin:auto;
}
.marginLeft1 {
	margin-left:1em;
}
.marginLeft2 {
	margin-left:2em;
}
.marginLeft3 {
	margin-left:3em;
}
.marginLeft4 {
	margin-left:4em;
}
.marginLeft10 {
	margin-left:10px;
}
.marginLeft20 {
	margin-left:20px;
}
.marginLeft30 {
	margin-left:30px;
}
.marginRight1 {
	margin-right:1em;
}
.marginRight2 {
	margin-right:2em;
}
.marginRight3 {
	margin-right:3em;
}
.marginRight10 {
	margin-right:10px;
}
.marginTop10 {
	margin-top:10px;
}
.marginTop1 {
	margin-top:1em;
}
.marginBottom0 {
	margin-bottom:0px;
}
.marginBottom5 {
	margin-bottom:5px;
}
.marginBottom10 {
	margin-bottom:10px;
}
.marginBottom20 {
	margin-bottom:20px;
}
.marginBottom1 {
	margin-bottom:1em;
}
.marginBottom2 {
	margin-bottom:2em;
}
.marginBottom3 {
	margin-bottom:2em;
}
.marginBottom45em {
	margin-bottom:4.5em;
}
.marginBottom5em {
	margin-bottom:5em;
}
.marginRight20 {
	margin-right:20px;
}
.marginTop0 {
	margin-top:0px;
}
.marginTop3 {
	margin-top:3px;
}
.marginTop5 {
	margin-top:5px;
}
.marginTop10 {
	margin-top:10px;
}
.marginTop20 {
	margin-top:20px;
}
.padding0 {
	padding:0;
}
.padding10 {
	padding:10px;
}
.padding1 {
	padding:1em;
}
.padding15 {
	padding:1.5em;
}
.padding2 {
	padding:2em;
}
.padding2px {
	padding:2px;
}
.padding3px {
	padding:3px;
}
.padding2px {
	padding:2px;
}
.padding5 {
	padding:5px;
}
.padding10 {
	padding:10px;
}
.padding20 {
	padding:20px;
}
.paddingTop5 {
	padding-top:5px;
}
.paddingTop7 {
	padding-top:7px;
}
.paddingTop10 {
	padding-top:10px;
}
.paddingTop20 {
	padding-top:20px;
}
.paddingTop1 {
	padding-top:1em;
}
.paddingTop15 {
	padding-top:1.5em;
}
.paddingTop2 {
	padding-top:2em;
}
.paddingBottom5 {
	padding-bottom:5px;
}
.paddingBottom7 {
	padding-bottom:7px;
}
.paddingBottom10 {
	padding-bottom:10px;
}
.paddingBottom20 {
	padding-bottom:20px;
}
.paddingBottom1 {
	padding-bottom:1em;
}
.paddingBottom2 {
	padding-bottom:1em;
}
.paddingRight5 {
	padding-right:5px;
}
.paddingRight10 {
	padding-right:10px;
}
.paddingRight1 {
	padding-right:1em;
}
.paddingRight2 {
	padding-right:2em;
}
.paddingLeft1 {
	padding-left:1em;
}
.paddingLeft2 {
	padding-left:2em;
}
.paddingLeft10 {
	padding-left:10px;
}
.paddingLeft20 {
	padding-left:20px;
}

.fontSize06 {
	font-size:0.6em;
}
.fontSize065 {
	font-size:0.65em;
}
.fontSize07 {
	font-size:0.7em;
}
.fontSize075 {
	font-size:0.75em;
}
.fontSize08 {
	font-size:0.8em;
}
.fontSize085 {
	font-size:0.85em;
}
.fontSize09 {
	font-size:0.9em;
}
.fontSize1 {
	font-size:1em;
}
.fontSize11 {
	font-size:1.1em;
}
.fontSize12 {
	font-size:1.2em;
}
.fontSize15 {
	font-size:1.5em;
}
.fontSize2 {
	font-size:2em;
}
.fontSize3 {
	font-size:3em;
}

.frameVM {
	width:100%;
	margin-bottom:2em;
	background-color:#FF8C69;
	color:#FFF;
	padding:20px;
}

.frameVM .frameContentVisi {
	width:80%;
	margin:auto;
	border-bottom:1px solid #FFF;
	padding-bottom:4em;
	margin-bottom:3em;
}

.frameVM .frameContentMisi {
	width:80%;
	margin:auto;
	padding-bottom:2em;
	margin-bottom:2em;
}

.frameVM .title {
	width:100%;
	color:#FFF;
	font-size:2.5em;
	font-weight:bold;
	padding-bottom:20px;
}

.frameVM .isiContent {
	width:100%;
	color:#FFF;
	font-size:1.7em;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	
}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameVM .frameContentVisi {
		width:85%;
		margin:auto;
		padding-bottom:4em;
		margin-bottom:3em;
	}
	
	.frameVM .frameContentMisi {
		width:85%;
		margin:auto;
		padding-bottom:2em;
		margin-bottom:2em;
	}

	.frameVM .isiContent {
		width:100%;
		font-size:1.5em;
	}
}

@media(max-width:800px){

}

@media(max-width:767px){
	.frameVM .frameContentVisi {
		width:90%;
		margin:auto;
		padding-bottom:3em;
		margin-bottom:2em;
	}
	
	.frameVM .frameContentMisi {
		width:90%;
		margin:auto;
		padding-bottom:2em;
		margin-bottom:2em;
	}

	.frameVM .isiContent {
		width:100%;
		font-size:1.5em;
	}
}

@media(max-width:667px){
	.frameVM .frameContentVisi {
		width:90%;
		margin:auto;
		padding-bottom:3em;
		margin-bottom:2em;
	}
	
	.frameVM .frameContentMisi {
		width:90%;
		margin:auto;
		padding-bottom:2em;
		margin-bottom:2em;
	}
	
	.frameVM .title {
		width:100%;
		font-size:2.2em;
		padding-bottom:20px;
	}

	.frameVM .isiContent {
		width:100%;
		font-size:1.3em;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameVM .frameContentVisi {
		width:90%;
		margin:auto;
		padding-bottom:3em;
		margin-bottom:2em;
	}
	
	.frameVM .frameContentMisi {
		width:90%;
		margin:auto;
		padding-bottom:2em;
		margin-bottom:2em;
	}
	
	.frameVM .title {
		width:100%;
		font-size:2.0em;
		padding-bottom:20px;
	}

	.frameVM .isiContent {
		width:100%;
		font-size:1.3em;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameVM .frameContentVisi {
		width:90%;
		margin:auto;
		padding-bottom:3em;
		margin-bottom:2em;
	}
	
	.frameVM .frameContentMisi {
		width:90%;
		margin:auto;
		padding-bottom:2em;
		margin-bottom:2em;
	}
	
	.frameVM .title {
		width:100%;
		font-size:1.8em;
		padding-bottom:20px;
	}

	.frameVM .isiContent {
		width:100%;
		font-size:1.3em;
		text-align:justify;
	}
}

@media(max-width:375px){

}

@media(max-width:320px){

}

.frameCompValue {
	width:85%;
	margin:auto;
	margin-top:2em;
	margin-bottom:2em;
	background:#F5F5F5;
}

.frameCompValue .frameImg {
	width:50%;
	float:left;
}

.frameCompValue .frameImg img {
	width:100%;
}

.frameCompValue .frameContent {
	width:50%;
	float:left;
}

.frameCompValue .frameContent .title {
	width:60%;
	background:#696969;
	padding:1em;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:1.4em;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	margin-bottom:20px;
}

.frameCompValue .frameContent .frameWording {
	width:100%;
	padding-left:2em;
	color:#000;
}

.frameCompValue .frameContent .frameWording .wordingBegin {
	width:100%;
	padding-bottom:1.5em;
	font-size:1.2em;
}

.frameCompValue .frameContent .frameWording .checklist {
	width:50%;
	float:left;
	padding-bottom:2em;
	font-size:1.3em;
}

.frameCompValue .frameContent .frameWording .checklist .stringWord {
	width:60%;
	float:left;
	padding-bottom:2em;
	padding-top:3px;
}

.frameCompValue .frameContent .frameWording .checklist .icon {
	width:20%;
	float:left;
	text-align:center;
}

.frameCompValue .frameContent .frameWording .checklist .icon img {
	width:50%;
}

.frameCompValue .frameContent .frameWording .checklist .icon2 {
	width:20%;
	float:left;
	text-align:center;
	padding-top:1px;
}

.frameCompValue .frameContent .frameWording .checklist .icon2 img {
	width:25%;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameCompValue {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
	}
	
	.frameCompValue .frameContent .title {
		width:65%;
		background:#696969;
		padding:1em;
		font-size:1.2em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
		color:#000;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1.2em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:1em;
		font-size:1.1em;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){
	.frameCompValue {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
	}
	
	.frameCompValue .frameImg {
		width:45%;
		float:left;
	}

	.frameCompValue .frameContent {
		width:55%;
		float:left;
	}
	
	.frameCompValue .frameContent .title {
		width:70%;
		background:#696969;
		padding:0.7em;
		font-size:1.2em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
		color:#000;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1.2em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:1em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:65%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:900px){
	.frameCompValue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
	}
	
	.frameCompValue .frameImg {
		width:45%;
		float:left;
	}

	.frameCompValue .frameContent {
		width:55%;
		float:left;
	}
	
	.frameCompValue .frameContent .title {
		width:70%;
		background:#696969;
		padding:0.7em;
		font-size:1.1em;
		margin-bottom:15px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
		color:#000;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:1em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:65%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:800px){
	.frameCompValue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
	}
	
	.frameCompValue .frameImg {
		width:45%;
		float:left;
	}

	.frameCompValue .frameContent {
		width:55%;
		float:left;
	}
	
	.frameCompValue .frameContent .title {
		width:70%;
		background:#696969;
		padding:0.7em;
		font-size:1.1em;
		margin-bottom:15px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
		color:#000;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.0em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:1em;
		font-size:1.0em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:70%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameCompValue {
		width:85%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
		padding-top:2em;
	}
	
	.frameCompValue .frameImg {
		width:80%;
		float:none;
		padding-bottom:2em;
		margin:auto;
	}

	.frameCompValue .frameContent {
		width:100%;
		float:none;
	}
	
	.frameCompValue .frameContent .title {
		width:70%;
		padding:1em;
		font-size:1.3em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:2em;
		padding-right:2em;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.2em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:2em;
		font-size:1.3em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:70%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameCompValue {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
		padding-top:2em;
	}
	
	.frameCompValue .frameImg {
		width:85%;
		float:none;
		padding-bottom:2em;
		margin:auto;
	}

	.frameCompValue .frameContent {
		width:100%;
		float:none;
	}
	
	.frameCompValue .frameContent .title {
		width:70%;
		padding:1em;
		font-size:1.3em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:2em;
		padding-right:2em;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.2em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:2em;
		font-size:1.3em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:70%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:480px){
	.frameCompValue {
		width:90%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
		padding-top:2em;
	}
	
	.frameCompValue .frameImg {
		width:85%;
		float:none;
		padding-bottom:2em;
		margin:auto;
	}

	.frameCompValue .frameContent {
		width:100%;
		float:none;
	}
	
	.frameCompValue .frameContent .title {
		width:70%;
		padding:0.7em;
		font-size:1.1em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:2em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:70%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:440px){
	.frameCompValue {
		width:95%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
		padding-top:1.5em;
	}
	
	.frameCompValue .frameImg {
		width:90%;
		float:none;
		padding-bottom:2em;
		margin:auto;
	}

	.frameCompValue .frameContent {
		width:100%;
		float:none;
	}
	
	.frameCompValue .frameContent .title {
		width:75%;
		padding:0.7em;
		font-size:1.1em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:2em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:70%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:414px){
	.frameCompValue {
		width:100%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
		padding-top:1.5em;
	}
	
	.frameCompValue .frameImg {
		width:90%;
		float:none;
		padding-bottom:2em;
		margin:auto;
	}

	.frameCompValue .frameContent {
		width:100%;
		float:none;
	}
	
	.frameCompValue .frameContent .title {
		width:75%;
		padding:0.7em;
		font-size:1.1em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:2em;
		font-size:1.1em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:80%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:375px){
	.frameCompValue {
		width:100%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
		padding-top:1.5em;
	}
	
	.frameCompValue .frameImg {
		width:90%;
		float:none;
		padding-bottom:2em;
		margin:auto;
	}

	.frameCompValue .frameContent {
		width:100%;
		float:none;
	}
	
	.frameCompValue .frameContent .title {
		width:75%;
		padding:0.7em;
		font-size:1.0em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:1.0em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:2em;
		font-size:1.0em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:80%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

@media(max-width:320px){
	.frameCompValue {
		width:100%;
		margin:auto;
		margin-top:2em;
		margin-bottom:2em;
		padding-top:1.5em;
	}
	
	.frameCompValue .frameImg {
		width:90%;
		float:none;
		padding-bottom:2em;
		margin:auto;
	}

	.frameCompValue .frameContent {
		width:100%;
		float:none;
	}
	
	.frameCompValue .frameContent .title {
		width:75%;
		padding:0.7em;
		font-size:1.0em;
		margin-bottom:20px;
	}
	
	.frameCompValue .frameContent .frameWording {
		width:100%;
		padding-left:1em;
		padding-right:1em;
	}
	
	.frameCompValue .frameContent .frameWording .wordingBegin {
		width:100%;
		padding-bottom:1em;
		font-size:0.9em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist {
		width:50%;
		float:left;
		padding-bottom:2em;
		font-size:0.9em;
	}
	
	.frameCompValue .frameContent .frameWording .checklist .stringWord {
		width:80%;
		float:left;
		padding-bottom:1em;
		padding-top:3px;
	}
}

.frameBranch {
	width:90%;
	margin:auto;
	margin-top:2em;
	margin-bottom:1em;
	background:#FFF;
	color:#000;
	padding:20px;
}

.frameBranch .frameTitle {
	width:50%;
	margin:auto;
	margin-bottom:1em;
	border-bottom:1px solid #104E8B;
	font-size:3.2em;
	color:#104E8B;
	padding-bottom:5px;
	text-align:center;
	letter-spacing:10px;
}

.frameBranch .frameWording {
	width:90%;
	margin:auto;
	padding-bottom:20px;
}

.frameBranch .wording {
	text-align:justify;
	padding-bottom:20px;
	font-weight:400;
	font-size:1.2em;
	padding-bottom:20px;
	color:black;
	line-height:30px;
}

.frameBranch .frameImg {
	width:90%;
	margin:auto;
	padding:20px;
	margin-bottom:20px;
	border:2px solid #FF8C69;
	border-radius:15px;
}

.frameBranch .frameImg img {
	width:100%;
	height:auto;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	
}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameBranch {
		width:90%;
		margin:auto;
		margin-top:1em;
		margin-bottom:1em;
		padding:20px;
	}
	
	.frameBranch .frameWording {
		width:100%;
		margin:auto;
		padding-bottom:20px;
	}
	
	.frameBranch .frameImg {
		width:100%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
}

@media(max-width:800px){

}

@media(max-width:767px){
	.frameBranch {
		width:90%;
		margin:auto;
		margin-top:10px;
		margin-bottom:1em;
		padding:20px;
	}
	
	.frameBranch .frameWording {
		width:100%;
		margin:auto;
		padding-bottom:20px;
	}
	
	.frameBranch .frameImg {
		width:100%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
}

@media(max-width:667px){
	.frameBranch {
		width:95%;
		margin:auto;
		margin-top:10px;
		margin-bottom:1em;
		padding:20px;
	}
	
	.frameBranch .frameTitle {
		width:50%;
		margin:auto;
		margin-bottom:20px;
		font-size:3.0em;
		padding-bottom:5px;
	}
	
	.frameBranch .frameWording {
		width:100%;
		margin:auto;
		padding-bottom:20px;
	}
	
	.frameBranch .wording {
		padding-bottom:20px;
		font-weight:400;
		font-size:1.1em;
		padding-bottom:20px;
		line-height:30px;
	}
	
	.frameBranch .frameImg {
		width:100%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){

}

@media(max-width:440px){
	.frameBranch {
		width:98%;
		margin:auto;
		margin-top:10px;
		margin-bottom:1em;
		padding:20px;
	}
	
	.frameBranch .frameTitle {
		width:60%;
		margin:auto;
		margin-bottom:20px;
		font-size:2.8em;
		padding-bottom:5px;
	}
	
	.frameBranch .frameWording {
		width:100%;
		margin:auto;
		padding-bottom:10px;
	}
	
	.frameBranch .wording {
		padding-bottom:20px;
		font-weight:400;
		font-size:1.1em;
		padding-bottom:20px;
		line-height:30px;
	}
	
	.frameBranch .frameImg {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
}

@media(max-width:414px){
	.frameBranch {
		width:98%;
		margin:auto;
		margin-top:0px;
		margin-bottom:1em;
		padding:15px;
	}
	
	.frameBranch .frameTitle {
		width:70%;
		margin:auto;
		margin-bottom:20px;
		font-size:2.4em;
		padding-bottom:5px;
	}
	
	.frameBranch .frameWording {
		width:100%;
		margin:auto;
		padding-bottom:10px;
	}
	
	.frameBranch .wording {
		padding-bottom:20px;
		font-weight:400;
		font-size:1.0em;
		padding-bottom:20px;
		line-height:30px;
	}
	
	.frameBranch .frameImg {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
}

@media(max-width:375px){

}

@media(max-width:320px){

}

.frameOffice {
	width:100%;
	margin:auto;
	padding-top:1em;
	padding-bottom:1em;
	background:#A4D3EE;
	color:#104E8B;
}

.frameOffice .frameContent {
	width:90%;
	margin:auto;
}

.frameOffice .frameContent .frameWording {
	width:50%;
	float:left;
	padding:10px;
}

.frameOffice .frameContent .frameWording .wording {
	width:100%;
	padding:1em;
}

.frameOffice .frameContent .frameWording .wording .title {
	font-size:1.8em;
	padding-bottom:20px;
}

.frameOffice .frameContent .frameWording .wording .office {
	font-size:1.4em;
	padding-bottom:10px;
	line-height:30px;
}

.frameOffice .frameContent .frameWording .wording .office a {
	color:#104E8B;
}

.frameOffice .frameContent .frameWording .wording .office a:hover {
	color:#000;
	text-decoration:none;
}

.frameOffice .frameContent .frameWording .frameImgLogo {
	width:90%;
	margin:auto;
	padding:1em;
	margin-bottom:2em;
}

.frameOffice .frameContent .frameWording .frameImgLogo img {
	width:100%;
	margin-bottom:0px;
	border:2px solid #FFF;
}

.frameOffice .frameContent .frameWording .frameImgLogo .desc {
	width:100%;
	font-size:18px;
	text-align:center;
	padding-bottom:10px;
}

.frameOffice .frameContent .frameLogoContact {
	width:50%;
	float:left;
	padding:10px;
	text-align:center;
}

.frameOffice .frameContent .frameLogoContact .frameImgContact {
	width:70%;
	margin:auto;
	text-align:center;
	padding-top:6em;
	padding-bottom:4em;
}

.frameOffice .frameContent .frameLogoContact .frameImgContact img {
	width:100%;
	border:4px solid #FFF;
	border-radius:25px;
	padding:10px;
}

.frameOffice .frameMap {
	width:90%;
	height:450px;
	margin:auto;
	border:2px solid #FFF;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
}

@media(max-width:1024px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
	.frameOffice .frameContent .frameWording .wording .title {
		font-size:20px;
		padding-bottom:20px;
	}
	.frameOffice .frameContent .frameWording .wording .office {
		font-size:17px;
		padding-bottom:10px;
		line-height:30px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo .desc {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
	.frameOffice .frameContent .frameWording .wording .title {
		font-size:20px;
		padding-bottom:20px;
	}
	.frameOffice .frameContent .frameWording .wording .office {
		font-size:17px;
		padding-bottom:10px;
		line-height:30px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo .desc {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
	.frameOffice .frameContent .frameLogoContact .frameImgContact {
		width:80%;
		margin:auto;
		text-align:center;
		padding-top:6em;
		padding-bottom:4em;
	}
}

@media(max-width:800px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
	.frameOffice .frameContent .frameWording .wording .title {
		font-size:18px;
		padding-bottom:20px;
	}
	.frameOffice .frameContent .frameWording .wording .office {
		font-size:16px;
		padding-bottom:10px;
		line-height:30px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo .desc {
		width:100%;
		font-size:14px;
		padding-bottom:10px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo {
		width:100%;
		margin:auto;
		padding:1em;
		margin-bottom:1em;
	}
	.frameOffice .frameContent .frameLogoContact .frameImgContact {
		width:90%;
		margin:auto;
		text-align:center;
		padding-top:6em;
		padding-bottom:4em;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
	.frameOffice .frameContent .frameWording {
		width:80%;
		float:none;
		margin:auto;
		padding:10px;
	}
	.frameOffice .frameContent .frameWording .wording .title {
		font-size:22px;
		padding-bottom:20px;
	}
	.frameOffice .frameContent .frameWording .wording .office {
		font-size:18px;
		padding-bottom:10px;
		line-height:30px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo .desc {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo {
		width:100%;
		margin:auto;
		padding:1em;
		margin-bottom:1em;
	}
	.frameOffice .frameContent .frameLogoContact {
		width:70%;
		float:none;
		margin:auto;
		padding:10px;
		text-align:center;
	}
	.frameOffice .frameContent .frameLogoContact .frameImgContact {
		width:100%;
		margin:auto;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
	.frameOffice .frameContent .frameWording {
		width:90%;
		float:none;
		margin:auto;
		padding:0px;
	}
	.frameOffice .frameContent .frameWording .wording .title {
		font-size:22px;
		padding-bottom:20px;
	}
	.frameOffice .frameContent .frameWording .wording .office {
		font-size:18px;
		padding-bottom:10px;
		line-height:30px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo .desc {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo {
		width:100%;
		margin:auto;
		padding:1em;
		margin-bottom:1em;
	}
	.frameOffice .frameContent .frameLogoContact {
		width:70%;
		float:none;
		margin:auto;
		padding:10px;
		text-align:center;
	}
	.frameOffice .frameContent .frameLogoContact .frameImgContact {
		width:100%;
		margin:auto;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
}

@media(max-width:440px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
	.frameOffice .frameContent .frameWording {
		width:90%;
		float:none;
		margin:auto;
		padding:0px;
	}
	.frameOffice .frameContent .frameWording .wording .title {
		font-size:20px;
		padding-bottom:20px;
	}
	.frameOffice .frameContent .frameWording .wording .office {
		font-size:16px;
		padding-bottom:10px;
		line-height:30px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo .desc {
		width:100%;
		font-size:15px;
		padding-bottom:10px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo {
		width:100%;
		margin:auto;
		padding:1em;
		margin-bottom:1em;
	}
	.frameOffice .frameContent .frameLogoContact {
		width:80%;
		float:none;
		margin:auto;
		padding:10px;
		text-align:center;
	}
	.frameOffice .frameContent .frameLogoContact .frameImgContact {
		width:100%;
		margin:auto;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.frameOffice .frameContent {
		width:95%;
		margin:auto;
	}
	.frameOffice .frameContent .frameWording {
		width:95%;
		float:none;
		margin:auto;
		padding:0px;
	}
	.frameOffice .frameContent .frameWording .wording .title {
		font-size:18px;
		padding-bottom:20px;
	}
	.frameOffice .frameContent .frameWording .wording .office {
		font-size:15px;
		padding-bottom:10px;
		line-height:30px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo .desc {
		width:100%;
		font-size:15px;
		padding-bottom:10px;
	}
	.frameOffice .frameContent .frameWording .frameImgLogo {
		width:100%;
		margin:auto;
		padding:1em;
		margin-bottom:1em;
	}
	.frameOffice .frameContent .frameLogoContact {
		width:80%;
		float:none;
		margin:auto;
		padding:10px;
		text-align:center;
	}
	.frameOffice .frameContent .frameLogoContact .frameImgContact {
		width:100%;
		margin:auto;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
	}
}

@media(max-width:320px){

}

.frameImageHome {
	width:85%;
	margin:auto;
	padding:20px;
	margin-bottom:20px;
}

.frameImageHome .frameImg {
	width:100%;
}

.frameImageHome .frameImg img {
	width:100%;
	height:auto;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){

}

@media(max-width:800px){

}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameImageHome {
		width:95%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameImageHome {
		width:98%;
		margin:auto;
		padding:20px;
		margin-bottom:20px;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){

}

@media(max-width:375px){

}

@media(max-width:320px){

}

.framePageBanner {
	width:100%;
	height:549px;
	background: url(../images/bannerpassenger.jpg);
	background-size: cover;
	background-position: center;
	margin-top:8em;
}

.framePageBanner .frameWording {
	width:80%;
	margin:auto;
	margin-top:25em;
	padding:30px;
	background: rgba(0, 0, 0, .5);
}

.framePageBanner .wording {
	color:#fff;
	font-size:50px;
	text-align:center;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:25em;
		padding:30px;
	}
}

@media(max-width:800px){
	.framePageBanner {
		width:100%;
		height:500px;
		margin-top:7em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:22em;
		padding:30px;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.framePageBanner {
		width:100%;
		height:450px;
		margin-top:6em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:20em;
		padding:25px;
	}
	.framePageBanner .wording {
		font-size:45px;
	}
}

@media(max-width:640px){
	.framePageBanner {
		width:100%;
		height:400px;
		margin-top:6em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:18em;
		padding:20px;
	}
	.framePageBanner .wording {
		font-size:45px;
	}
}

@media(max-width:600px){
	.framePageBanner {
		width:100%;
		height:350px;
		margin-top:5em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:16em;
		padding:20px;
	}
	.framePageBanner .wording {
		font-size:35px;
	}
}

@media(max-width:480px){
	.framePageBanner {
		width:100%;
		height:350px;
		margin-top:5em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:16em;
		padding:18px;
	}
	.framePageBanner .wording {
		font-size:30px;
	}
}

@media(max-width:440px){
	.framePageBanner {
		width:100%;
		height:325px;
		margin-top:4em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:16em;
		padding:16px;
	}
	.framePageBanner .wording {
		font-size:26px;
	}
}

@media(max-width:414px){

}

@media(max-width:375px){
	.framePageBanner {
		width:100%;
		height:300px;
		margin-top:2em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:15em;
		padding:14px;
	}
	.framePageBanner .wording {
		font-size:26px;
	}
}

@media(max-width:320px){
	.framePageBanner {
		width:100%;
		height:275px;
		margin-top:2em;
	}
	.framePageBanner .frameWording {
		width:90%;
		margin:auto;
		margin-top:14em;
		padding:12px;
	}
	.framePageBanner .wording {
		font-size:23px;
	}
}

.frameServices {
	width:100%;
	margin-top:40px;
}

.frameServices .frameContent {
	width:95%;
	margin:auto;
	padding:20px;
}

.frameServices .frameContent .frameSlideImg {
	width:50%;
	float:left;
	padding:10px;
	padding-top:30px;
}

.frameServices .frameContent .frameWording {
	width:50%;
	float:left;
	padding:20px;
}

.frameServices .frameContent .frameWording .wording {
	font-weight:400;
	font-size:15px;
	padding-bottom:10px;
	color:black;
	line-height:30px;
}



@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameServices .frameContent .frameSlideImg {
		width:50%;
		float:left;
		padding:10px;
		padding-top:70px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:14px;
		padding-bottom:10px;
		line-height:25px;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){
	.frameServices .frameContent {
		width:98%;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:50%;
		float:left;
		padding:10px;
		padding-top:70px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:15px;
		padding-bottom:10px;
		line-height:25px;
	}
}

@media(max-width:900px){
	.frameServices .frameContent {
		width:90%;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:80%;
		float:none;
		margin:auto;
		padding:10px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.frameServices .frameContent .frameWording {
		width:80%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:16px;
		padding-bottom:10px;
		line-height:30px;
	}
}

@media(max-width:800px){
	.frameServices .frameContent {
		width:90%;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:90%;
		float:none;
		margin:auto;
		padding:10px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.frameServices .frameContent .frameWording {
		width:90%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:16px;
		padding-bottom:10px;
		line-height:30px;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameServices .frameContent {
		width:90%;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:95%;
		float:none;
		margin:auto;
		padding:10px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.frameServices .frameContent .frameWording {
		width:95%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:16px;
		padding-bottom:10px;
		line-height:30px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameServices {
		width:100%;
		margin-top:20px;
	}
	.frameServices .frameContent {
		width:90%;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:100%;
		float:none;
		margin:auto;
		padding:10px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.frameServices .frameContent .frameWording {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:15px;
		padding-bottom:10px;
		line-height:25px;
	}
}

@media(max-width:480px){
	.frameServices {
		width:100%;
		margin-top:20px;
	}
	.frameServices .frameContent {
		width:95%;
		margin:auto;
		padding:10px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:100%;
		float:none;
		margin:auto;
		padding:10px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.frameServices .frameContent .frameWording {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:14px;
		padding-bottom:10px;
		line-height:23px;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameServices {
		width:100%;
		margin-top:20px;
	}
	.frameServices .frameContent {
		width:100%;
		margin:auto;
		padding:10px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:100%;
		float:none;
		margin:auto;
		padding:5px;
		padding-top:10px;
		padding-bottom:20px;
	}
	.frameServices .frameContent .frameWording {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:14px;
		padding-bottom:10px;
		line-height:23px;
	}
}

@media(max-width:375px){
	.frameServices {
		width:100%;
		margin-top:20px;
	}
	.frameServices .frameContent {
		width:100%;
		margin:auto;
		padding:10px;
	}
	.frameServices .frameContent .frameSlideImg {
		width:100%;
		float:none;
		margin:auto;
		padding:5px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.frameServices .frameContent .frameWording {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameServices .frameContent .frameWording .wording {
		font-size:14px;
		padding-bottom:10px;
		line-height:21px;
	}
}

@media(max-width:320px){

}

.frameServiceBanner {
	width:100%;
	height:700px;
	background: url(../images/bannerpassenger2.jpg);
	background-size: cover;
	background-position: center;
	margin-top:10px;
	padding-top:12em;
}

.frameServiceBanner .frameWording {
	width:70%;
	margin:auto;
	padding:25px;
	/*background: rgba(0, 0, 0, .5);*/
}

.frameServiceBanner .frameWording .title {
	width:100%;
	color:#fff;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	padding-bottom:60px;
}

.frameServiceBanner .frameWording .desc {
	width:100%;
	color:#fff;
	text-align:center;
	font-size:30px;
	padding-bottom:10px;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){

}

@media(max-width:1024px){

}

@media(max-width:991px){
	.frameServiceBanner {
		width:100%;
		height:675px;
		margin-top:10px;
		padding-top:11em;
	}
	.frameServiceBanner .frameWording {
		width:80%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:38px;
		padding-bottom:60px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:27px;
		padding-bottom:10px;
	}
}

@media(max-width:900px){
	.frameServiceBanner {
		width:100%;
		height:625px;
		margin-top:10px;
		padding-top:11em;
	}
	.frameServiceBanner .frameWording {
		width:80%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:38px;
		padding-bottom:60px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:27px;
		padding-bottom:10px;
	}
}

@media(max-width:800px){
	.frameServiceBanner {
		width:100%;
		height:625px;
		margin-top:10px;
		padding-top:10em;
	}
	.frameServiceBanner .frameWording {
		width:85%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:35px;
		padding-bottom:60px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:25px;
		padding-bottom:10px;
	}
}

@media(max-width:767px){
	.frameServiceBanner {
		width:100%;
		height:575px;
		margin-top:10px;
		padding-top:9em;
	}
	.frameServiceBanner .frameWording {
		width:90%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:35px;
		padding-bottom:60px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:25px;
		padding-bottom:10px;
	}
}

@media(max-width:667px){
	.frameServiceBanner {
		width:100%;
		height:525px;
		margin-top:10px;
		padding-top:7em;
	}
	.frameServiceBanner .frameWording {
		width:90%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:32px;
		padding-bottom:60px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:22px;
		padding-bottom:10px;
	}
}

@media(max-width:640px){
	.frameServiceBanner {
		width:100%;
		height:525px;
		margin-top:10px;
		padding-top:7em;
	}
	.frameServiceBanner .frameWording {
		width:90%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:32px;
		padding-bottom:40px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:22px;
		padding-bottom:10px;
	}
}

@media(max-width:600px){

}

@media(max-width:480px){
	.frameServiceBanner {
		width:100%;
		height:475px;
		margin-top:10px;
		padding-top:7em;
	}
	.frameServiceBanner .frameWording {
		width:95%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:28px;
		padding-bottom:40px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:20px;
		padding-bottom:10px;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameServiceBanner {
		width:100%;
		height:425px;
		margin-top:10px;
		padding-top:5em;
	}
	.frameServiceBanner .frameWording {
		width:98%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:25px;
		padding-bottom:40px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
}

@media(max-width:375px){

}

@media(max-width:320px){
	.frameServiceBanner {
		width:100%;
		height:375px;
		margin-top:10px;
		padding-top:3em;
	}
	.frameServiceBanner .frameWording {
		width:98%;
		margin:auto;
		padding:25px;
	}
	.frameServiceBanner .frameWording .title {
		width:100%;
		font-size:22px;
		padding-bottom:40px;
	}
	.frameServiceBanner .frameWording .desc {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
}

.frameFeature {
	width:90%;
	margin:auto;
	padding:10px;
	margin-bottom:20px;
}

.frameFeature .leftSide {
	width:50%;
	float:left;
	padding:20px;
}

.frameFeature .leftSide .title1 {
	width:100%;
	text-align:right;
	font-size:20px;
	color:#104E8B;
	font-weight:bold;
	padding-bottom:10px;
}

.frameFeature .leftSide .title2 {
	width:100%;
	text-align:right;
	font-size:25px;
	color:#000;
	font-weight:bold;
	padding-bottom:10px;
}

.frameFeature .leftSide .desc {
	width:100%;
	text-align:right;
	font-size:16px;
	padding-bottom:30px;
	color:#777;
}

.frameFeature .leftSide .frameImg {
	width:100%;
	margin-bottom:20px;
}

.frameFeature .leftSide .frameImg img {
	width:100%;
	height:auto;
	border-radius:10px;
}

.frameFeature .rightSide {
	width:50%;
	float:left;
	padding:20px;
}

.frameFeature .rightSide .rowContent {
	width:100%;
	padding-bottom:40px;
	padding-left:20px;
}

.frameFeature .rightSide .rowContent .icon {
	width:10%;
	float:left;
	font-size:45px;
	color: #66B2FF;
}

.frameFeature .rightSide .rowContent .frameWording {
	width:90%;
	float:left;
	padding-left:20px;
	padding-top:5px;
}

.frameFeature .rightSide .rowContent .frameWording .titleWording {
	width:100%;
	font-size:20px;
	color:#000;
	padding-bottom:10px;
	font-weight:bold;
}

.frameFeature .rightSide .rowContent .frameWording .wording {
	width:100%;
	font-size:16px;
	color:#777;
}


@media(max-width:1440px){

}

@media(max-width:1366px){

}

@media(max-width:1280px){

}

@media(max-width:1080px){
	.frameFeature {
		width:95%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:right;
		font-size:20px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:right;
		font-size:25px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:right;
		font-size:16px;
		padding-bottom:50px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:20px;
		padding-left:20px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:15%;
		float:left;
		font-size:45px;
	}

	.frameFeature .rightSide .rowContent .frameWording {
		width:85%;
		float:left;
		padding-left:20px;
		padding-top:5px;
	}
}

@media(max-width:1024px){

}

@media(max-width:991px){

}

@media(max-width:900px){
	.frameFeature {
		width:98%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:right;
		font-size:20px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:right;
		font-size:25px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:right;
		font-size:16px;
		padding-bottom:50px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:20px;
		padding-left:20px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:15%;
		float:left;
		font-size:42px;
	}
	.frameFeature .rightSide .rowContent .frameWording {
		width:85%;
		float:left;
		padding-left:20px;
		padding-top:5px;
	}
	.frameFeature .rightSide .rowContent .frameWording .titleWording {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	.frameFeature .rightSide .rowContent .frameWording .wording {
		width:100%;
		font-size:15px;
	}
}

@media(max-width:800px){
	.frameFeature {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:right;
		font-size:20px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:right;
		font-size:25px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:right;
		font-size:16px;
		padding-bottom:50px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:10px;
		padding-left:10px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:15%;
		float:left;
		font-size:38px;
	}
	.frameFeature .rightSide .rowContent .frameWording {
		width:85%;
		float:left;
		padding-left:20px;
		padding-top:5px;
	}
	.frameFeature .rightSide .rowContent .frameWording .titleWording {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
	.frameFeature .rightSide .rowContent .frameWording .wording {
		width:100%;
		font-size:14px;
	}
}

@media(max-width:767px){

}

@media(max-width:667px){
	.frameFeature {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide {
		width:80%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:center;
		font-size:22px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:center;
		font-size:28px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:center;
		font-size:17px;
		padding-bottom:40px;
	}
	.frameFeature .rightSide {
		width:80%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:30px;
		padding-left:10px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:10%;
		float:left;
		font-size:44px;
	}
	.frameFeature .rightSide .rowContent .frameWording {
		width:80%;
		float:left;
		padding-left:30px;
		padding-top:5px;
	}
	.frameFeature .rightSide .rowContent .frameWording .titleWording {
		width:100%;
		font-size:20px;
		padding-bottom:10px;
	}
	.frameFeature .rightSide .rowContent .frameWording .wording {
		width:100%;
		font-size:16px;
	}
}

@media(max-width:640px){

}

@media(max-width:600px){
	.frameFeature {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide {
		width:90%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:center;
		font-size:22px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:center;
		font-size:28px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:left;
		font-size:17px;
		padding-bottom:40px;
	}
	.frameFeature .rightSide {
		width:90%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:30px;
		padding-left:10px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:10%;
		float:left;
		font-size:44px;
	}
	.frameFeature .rightSide .rowContent .frameWording {
		width:80%;
		float:left;
		padding-left:30px;
		padding-top:5px;
	}
	.frameFeature .rightSide .rowContent .frameWording .titleWording {
		width:100%;
		font-size:20px;
		padding-bottom:10px;
	}
	.frameFeature .rightSide .rowContent .frameWording .wording {
		width:100%;
		font-size:16px;
	}
}

@media(max-width:480px){
	.frameFeature {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide {
		width:95%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:center;
		font-size:22px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:center;
		font-size:28px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:left;
		font-size:17px;
		padding-bottom:40px;
	}
	.frameFeature .leftSide .frameImg {
		width:100%;
		margin-bottom:10px;
	}
	.frameFeature .rightSide {
		width:95%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:30px;
		padding-left:10px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:10%;
		float:left;
		font-size:42px;
	}
	.frameFeature .rightSide .rowContent .frameWording {
		width:80%;
		float:left;
		padding-left:30px;
		padding-top:5px;
	}
	.frameFeature .rightSide .rowContent .frameWording .titleWording {
		width:100%;
		font-size:20px;
		padding-bottom:10px;
	}
	.frameFeature .rightSide .rowContent .frameWording .wording {
		width:100%;
		font-size:15px;
	}
}

@media(max-width:440px){

}

@media(max-width:414px){
	.frameFeature {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:center;
		font-size:21px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:center;
		font-size:25px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:left;
		font-size:15px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .frameImg {
		width:100%;
		margin-bottom:10px;
	}
	.frameFeature .rightSide {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:30px;
		padding-left:10px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:10%;
		float:left;
		font-size:38px;
	}
	.frameFeature .rightSide .rowContent .frameWording {
		width:80%;
		float:left;
		padding-left:30px;
		padding-top:5px;
	}
	.frameFeature .rightSide .rowContent .frameWording .titleWording {
		width:100%;
		font-size:18px;
		padding-bottom:10px;
	}
	.frameFeature .rightSide .rowContent .frameWording .wording {
		width:100%;
		font-size:15px;
	}
}

@media(max-width:375px){

}

@media(max-width:320px){
	.frameFeature {
		width:100%;
		margin:auto;
		padding:10px;
		margin-bottom:20px;
	}
	.frameFeature .leftSide {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .leftSide .title1 {
		width:100%;
		text-align:center;
		font-size:20px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .title2 {
		width:100%;
		text-align:center;
		font-size:22px;
		padding-bottom:10px;
	}
	.frameFeature .leftSide .desc {
		width:100%;
		text-align:left;
		font-size:14px;
		padding-bottom:20px;
	}
	.frameFeature .leftSide .frameImg {
		width:100%;
		margin-bottom:10px;
	}
	.frameFeature .rightSide {
		width:100%;
		float:none;
		margin:auto;
		padding:20px;
	}
	.frameFeature .rightSide .rowContent {
		width:100%;
		padding-bottom:30px;
		padding-left:10px;
	}
	.frameFeature .rightSide .rowContent .icon {
		width:10%;
		float:left;
		font-size:36px;
	}
	.frameFeature .rightSide .rowContent .frameWording {
		width:80%;
		float:left;
		padding-left:30px;
		padding-top:5px;
	}
	.frameFeature .rightSide .rowContent .frameWording .titleWording {
		width:100%;
		font-size:16px;
		padding-bottom:10px;
	}
	.frameFeature .rightSide .rowContent .frameWording .wording {
		width:100%;
		font-size:14px;
	}
}