@charset "utf-8";
/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:'微軟正黑體';
	height: 100%;
	background-color:#3c8a8a;
	overflow-x:hidden;
	overflow-y:scroll;
}
.loading {
	width:100%;
	height:100%;
	position:fixed;
	z-index:99999;
	background-color:#3c8a8a;
/*	background-image:url(../images/loading.gif);
	background-position:center center;
	background-repeat:no-repeat;*/
}
a:link {
	text-decoration:none;
}
.sp {
	cursor:pointer;
}
.posL {
	float:left;
}
.posR {
	float:right;
}
.hideItem {
	display:none;
}
.spLayer {
	position:relative;
	z-index:99;
	cursor:pointer;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #666;
  -webkit-text-fill-color:#000000;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#333;
	font-family:'微軟正黑體';
/*	font-size:14px;*/
    opacity: .7; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#333;
	font-family:'微軟正黑體';
/*	font-size:14px;*/
    opacity: .7;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#333;
	font-family:'微軟正黑體';
/*	font-size:14px;*/
    opacity: .7;
}
.mt-0 {
	margin-top:0px !important;
}
.mt-1 {
	margin-top:10px !important;
}
.mt-2 {
	margin-top:20px !important;
}
.mt-3 {
	margin-top:30px !important;
}
.mt-4 {
	margin-top:40px !important;
}
.mt-5 {
	margin-top:50px !important;
}
.mb-0 {
	margin-bottom:0px !important;
}
.mb-1 {
	margin-bottom:1px !important;
}
.mb-2 {
	margin-bottom:2px !important;
}
.mb-3 {
	margin-bottom:3px !important;
}
.mb-4 {
	margin-bottom:4px !important;
}
.mb-5 {
	margin-bottom:5px !important;
}
.pt-0 {
	padding-top:0px !important;
}
.pt-1 {
	padding-top:10px !important;
}
.pt-2 {
	padding-top:20px !important;
}
.pt-3 {
	padding-top:30px !important;
}
.pt-4 {
	padding-top:40px !important;
}
.pt-5 {
	padding-top:50px !important;
}
.pb-0 {
	padding-bottom:0px !important;
}
.pb-1 {
	padding-bottom:10px !important;
}
.pb-2 {
	padding-bottom:20px !important;
}
.pb-3 {
	padding-bottom:30px !important;
}
.pb-4 {
	padding-bottom:40px !important;
}
.pb-5 {
	padding-bottom:50px !important;
}
.clearOY {
	 overflow-y:hidden;
}
.clearOX {
	 overflow-x:hidden;
}
.WBG {
	background-color:#fff !important;
}
.Topmenu {
	width:100%;
	height:100px;
	position:absolute;
	z-index:100;
	background-color:#3c8a8a;
	background-image:url(../images/vr_line.png);
	background-repeat:repeat-x;
	background-position:left bottom;
	box-shadow:0px 0px 15px rgba(0,0,0,0.25);
	float:left;
}
.Topmenu .Topinner {
	width:100%;
	height:100%;
	background-image:url(../images/vr_flower_Left.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}
.Topmenu .Topinner .Topbottom {
	width:100%;
	height:100%;
	background-image:url(../images/vr_flower_Right.png);
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
}
.Topmenu .Topinner .Topbottom .logoFr {
	width:auto;
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	margin-top:20px;
	margin-left:35px;
}
.Topmenu .Topinner .Topbottom .vrMainMenu {
	width:100%;
	padding:0px 0px 0px 0px;
	float:left;
}
.Topmenu .Topinner .Topbottom .vrMainMenu a {
	height:55px;
	font-weight:normal;
	color:#fff;
	white-space:nowrap;
	border:0px;
	border-style:solid;
	border-radius:55px;
	border-color:rgba(60,138,138,0.35);
/*    background: rgba(43,99,99);
    background: linear-gradient(0deg, rgba(43,99,99,1) 0%, rgba(60,138,138,1) 0%, rgba(60,138,138,1) 0%, rgba(43,99,99,1) 40%,rgba(60,138,138,1) 100%);*/
	margin-left:1%;
	margin-right:1%;
/*	box-shadow:0px 0px 10px rgba(0,0,0,0.45);*/
	text-shadow:1px 1px 0px rgba(0,0,0,0.15);
	letter-spacing:0.0875rem;
	float:left;
}
.Topmenu .Topinner .Topbottom .vrMainMenu a .btTri {
	position:absolute;
	z-index:10;
	width:26px;
	height:13px;
	padding:0px 0px 0px 0px;
	padding:0px !important;
/*	background-color:#3c8a8a;*/
	top:0;
	opacity:0;
	cursor:pointer;
}
.Topmenu .Topinner .Topbottom .vrMainMenu a .btL {
	width:31px;
	height:55px;
	background-image:url(../images/vr_bt_01.png);
	background-position:left center;
	background-repeat:no-repeat;
	float:left;
}
.Topmenu .Topinner .Topbottom .vrMainMenu a .btM {
	width:auto;
	height:55px;
	background-image:url(../images/vr_bt_02.png);
	background-position:left top;
	background-repeat:repeat-x;
	float:left;
}
.Topmenu .Topinner .Topbottom .vrMainMenu a .btR {
	width:31px;
	height:55px;
	background-image:url(../images/vr_bt_03.png);
	background-position:right center;
	background-repeat:no-repeat;
	float:left;
}
.Topmenu .Topinner .Topbottom .vrMainMenu .vrActive .btTri {
	opacity:1;
}
.Topmenu .Topinner .Topbottom .vrMainMenu .vrActive .btL {
	background-image:url(../images/vr_bt_roll_01.png) !important;
}
.Topmenu .Topinner .Topbottom .vrMainMenu .vrActive .btM {
	background-image:url(../images/vr_bt_roll_02.png) !important;
	color:#FC0;
}
.Topmenu .Topinner .Topbottom .vrMainMenu .vrActive .btM p {
	padding-top:1px !important;
	padding-right:0px !important;
}
.Topmenu .Topinner .Topbottom .vrMainMenu .vrActive .btR {
	background-image:url(../images/vr_bt_roll_03.png) !important;
}
.innVRFrame {
	padding:0px !important;
	margin:0px !important;
	float:left;
}
/*.Topmenu .Topinner .Topbottom .vrMainMenu a div:nth-child(1) {
	width:auto;
	height:auto;
	float:left;
}
.Topmenu .Topinner .Topbottom .vrMainMenu a div:nth-child(2) {
	width:auto;
	padding:0px 0px 0px 31px;
	background-image:url(../images/vr_bt_02.png);
	background-position:left center;
	background-repeat:repeat-x;
	background-size:31px auto;
	font-size:1rem;
	font-weight:normal;
	color:#fff;
	float:left;
}
.Topmenu .Topinner .Topbottom .vrMainMenu a div:nth-child(3) {
	width:auto;
	height:auto;
	float:left;
}*/
.VRFrame {
	width:200px;
	padding-top:40px;
	text-align:center;
	position:relative;
	z-index:30;
	float:left;
}
.VRFrame .enterVR {
	width:100%;
	height:50px;
	text-align:center;
	opacity:0;
	margin-bottom:6px;
	margin-top:20px;
	float:left;
}
.VRFrame .enterVR:last-child {
	margin-bottom:0px;
}
.VRFrame .enterVR a {
	width:100%;
	cursor:pointer;
	box-shadow:2px 2px 0px rgba(0,0,0,0.05);
	opacity:1;
	float:left;
	transition:.3s;
}
.VRFrame .enterVR a div {
	width:auto;
	float:left;
}
.VRFrame .enterVR a div:nth-child(2) {
	width:auto;
	height:50px;
	padding:11px 20px 0px 20px;
	background-image:url(../images/button_mid.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-size:100% 50px;
	text-align:center;
	font-size:1.125rem;
	font-weight:normal;
	letter-spacing:0.0875rem;
	color:#fff;
	float:left;
}
.VRFrame .enterVR:hover a {
	opacity:0.5;
	transition:.3s;
}
.mainFrame {
	width:100%;
	float:left;
}
.mainFrame .innerFrame {
	width:100%;
	height:100%;
	background-color:#3c8a8a;
	float:left;
}
.mainFrame .innerFrame .innerLeftFrame {
/*	background-image:url(../images/flower_LeftBt.png);
	background-position:right middle;
	background-repeat:no-repeat;*/
	float:left;
}
.mainFrame .innerFrame .innerLeftFrame .innerLeftLeaves {
	width:100%;
	height:100%;
	position:relative;
	z-index:30;
	background-image:url(../images/flower_RightBt.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:80% auto;
	float:left;
}
.mainFrame .innerFrame .innerLeftFrame .innerLeftLeaves .innerLeftbtLeaves {
	position:absolute;
	z-index:10;
	bottom:0;
	left:0;
	float:left;
}
.mainFrame .innerFrame .innerLeftFrame .innerLeftLeaves .innerLeftbtLeaves img {
	height:100%;
	width:auto;
	float:left;
}
.mainFrame .innerFrame .innermidFrame {
	height:100%;
/*	background-image:url(../images/circleShine.png);
	background-position:center 20%;
	background-repeat:no-repeat;
	background-size:60% auto;*/
	opacity:0;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame {
	width:100%;
	height:100%;
/*	background-image:url(../images/bgCross.png);*/
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame {
	width:100%;
	height:100%;
	background-image:url('');
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerfarmerFrame {
	position:absolute;
	z-index:10;
	text-align:center;
	opacity:0;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerfarmerFrame img {
	width:0%;
	height:auto;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame {
	margin:auto;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoChiframe {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoChiframe p {
	width:100%;
	height:0px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoChiframe p img {
	width:100%;
	height:auto;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoHakkaframe {
	width:72%;
	margin-left:14%;
	margin-right:14%;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoHakkaframe p {
	width:100%;
	height:0px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoHakkaframe p img {
	width:100%;
	height:auto;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe {
	width:80%;
	margin-left:10%;
	margin-right:10%;
	padding-top:3.5%;
	padding-bottom:3.5%;
	float:left;
}
/*.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe img {
	width:100%;
	height:auto;
	float:left;
}*/
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe div {
	color:#ffffff;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe div p {
	width:0px;
	height:1px;
	margin:0px;
	padding:0px;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe div:nth-child(1) {
	height:1px;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe div:nth-child(1) p {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	float:right;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe div:nth-child(3) {
	height:1px;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoSkipframe div:nth-child(3) p {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoEngframe {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoEngframe p {
	width:100%;
	height:0px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerLogoFrame .innerLogoEngframe p img {
	width:100%;
	height:auto;
	float:left;
}
/*.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerShineFrame {
	width:100%;
	background-image:url(../images/circleShine.png);
	background-position:center 20%;
	background-repeat:no-repeat;
	float:left;
}
.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame .innerShineFrame .innerShinecross {
	width:100%;
	height:100%;
	background-image:url(../images/bgCross.png);
	float:left;
}*/
.mainFrame .innerFrame .innerRightFrame {
/*	background-image:url(../images/flower_bg_Right.png);
	background-position:left bottom;
	background-repeat:no-repeat;*/
	float:left;
}
.mainFrame .innerFrame .innerRightFrame .innerRightLeaves {
	width:100%;
	height:100%;
	position:relative;
	z-index:30;
	background-image:url(../images/flower_LeftBt.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:80% auto;
	float:left;
}
.mainFrame .innerFrame .innerRightFrame .innerRightLeaves .innerRightbtLeaves {
	position:absolute;
	z-index:10;
	top:0;
	right:0;
	float:right;
}
.mainFrame .innerFrame .innerRightFrame .innerRightLeaves .innerRightbtLeaves img {
	height:100%;
	width:auto;
	transform:rotate(180deg);
	float:right;
}
.ShadeTop {
	width:100%;
	height:4px;
	position:absolute;
	z-index:10;
	background-color:rgba(0,0,0,0.35);
/*    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 200%);*/
}
.ShadeBottom {
	width:100%;
	height:4px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	background-color:rgba(0,0,0,0.35);
/*    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 200%);*/
}
.LeavesFrame {
	width:100%;
	height:100%;
	position:fixed;
	z-index:20;
}
.mobileLeaves {
	width:100%;
	height:245px;
	position:absolute;
	z-index:45;
	background-image:url(../images/buttonleaves.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:auto 100%;
	bottom:0;
}
.mobileLeaves2 {
	width:100%;
	height:180px;
	position:absolute;
	z-index:45;
	background-image:url(../images/buttonleaves2.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:auto 100%;
	bottom:0;
}
.OuterFrame {
	position:absolute;
	z-index:20;
	left:2.5%;
}
.OuterFrameBt {
	position:absolute;
	z-index:20;
	right:2.5%;
	bottom:0;
}
.OuterFrame .OuterFrameLeftTop {
	width:auto;
	float:left;
}
.OuterFrameBt .OuterFrameLeftTopBt {
	width:auto;
	float:right;
}
.OuterFrame .OuterFrameLeftTop img {
	height:auto;
	float:left;
}
.OuterFrameBt .OuterFrameLeftTopBt img {
	transform:rotate(180deg);
	height:auto;
	float:right;
}
.OuterFrame .OuterFrameRightTopmid {
	width:auto;
	float:left;
}
.OuterFrameBt .OuterFrameRightTopmidBt {
	width:auto;
	float:right;
}
.OuterFrame .OuterFrameRightTopmid img {
	float:right;
}
.OuterFrameBt .OuterFrameRightTopmidBt img {
	transform:rotate(180deg);
	float:right;
}
.OuterFrame .OuterFrameRightTopmidR {
	width:auto;
	float:left;
}
.OuterFrameBt .OuterFrameRightTopmidRBt {
	width:auto;
	float:right;
}
.OuterFrame .OuterFrameRightTopmidR img {
	float:left;
}
.OuterFrameBt .OuterFrameRightTopmidRBt img {
	transform:rotate(180deg);
	float:right;
}
.OuterFrame .OuterFrameRightTopmidSpot {
	width:auto;
	float:left;
}
.OuterFrameBt .OuterFrameRightTopmidSpotBt {
	width:auto;
	float:right;
}
.OuterFrameBt .OuterFrameRightTopmidSpotBt img {
	transform:rotate(180deg);
	width:auto;
	float:right;
}
.OuterFrame .OuterFrameRightTopEnd {
	width:auto;
	float:left;
}
.OuterFrameBt .OuterFrameRightTopEndBt {
	width:auto;
	float:right;
}
.OuterFrameBt .OuterFrameRightTopEndBt img {
	transform:rotate(180deg);
	width:auto;
	float:right;
}
.OuterFrameSideLeft {
	position:absolute;
	z-index:20;
	left:2.5%;
}
.OuterFrameSideLeftBt {
	position:absolute;
	z-index:20;
	right:2.5%;
	bottom:0;
}
.OuterFrameSideLeft .OuterFrameLeftSide {
	float:left;
}
.OuterFrameSideLeftBt .OuterFrameLeftSideBt {
	float:right;
}
.OuterFrameSideLeft .OuterFrameLeftSide img {
	float:left;
}
.OuterFrameSideLeftBt .OuterFrameLeftSideBt img {
	transform:rotate(180deg);
	float:right;
}
.OuterFrameSideLeft .OuterFrameLeftSideEnd {
	width:auto;
	float:left;
}
.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt {
	width:auto;
	float:right;
}
.OuterFrameSideLeft .OuterFrameLeftSideEnd img {
	width:auto;
	float:left;
}
.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt img {
	transform:rotate(180deg);
	width:auto;
	float:right;
}
.innerLogo {
	width:auto;
	position:absolute;
	z-index:10;
	opacity:0;
	bottom:0;
}
.preview {
	width:100%;
	height:100%;
	opacity:0;
	float:left;
}
.preview .previewLeft {
	border:0px;
	border-right:2px;
	border-style:dashed;
	border-color:rgba(255,255,255,0.50);
	background-image:url(../images/inner_flower_left.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:100%;
	float:left;
}
.preview .previewLeft .Article {
	overflow:hidden;
	float:left;
}
.preview .previewLeft .Article h1 {
	opacity:0;
	color:#f7fb07;
	font-weight:normal;
	margin-left:-25%;
	float:left;
}
.preview .previewLeft .Article h1 div {
	border:0px;
	background-color:rgba(255,255,255,0.15);
	position:absolute;
	z-index:10;
}
.preview .previewLeft .Article p {
	opacity:0;
	width:100%;
	margin:0px;
	padding:0px;
	margin-left:-25%;
	color:#fff;
	float:left;
}
.preview .previewLeft .Article .ArrPoint {
	padding:20px 0px 20px 55px;
	background-image:url(../images/Arr.png);
	background-position:10% center;
	background-repeat:no-repeat;
	font-weight:normal;
	color:#fff;
	position:absolute;
	z-index:1000;
	left:0;
	bottom:0;
	opacity:0;
	cursor:pointer;
	margin-left:10%;
	float:left;
	transition:.3s;
}
.preview .previewLeft .Article .ArrPoint:hover {
	background-position:0% center;
	transition:.3s;
}
.preview .previewRight {
	background-image:url(../images/inner_flower_right.png);
	background-position:right top;
	background-repeat:no-repeat;
	height:100%;
	float:left;
}
.preview .previewRight .Article {
	overflow:hidden;
	float:left;
}
.preview .previewRight .Article h1 {
	margin-left:25%;
	opacity:0;
	color:#f7fb07;
	font-weight:normal;
	float:left;
}
.preview .previewRight .Article h1 div {
	border:0px;
	background-color:rgba(255,255,255,0.15);
	position:absolute;
	z-index:10;
}
.preview .previewRight .Article p {
	opacity:0;
	width:100%;
	margin:0px;
	padding:0px;
	margin-left:25%;
	color:#fff;
	float:left;
}
.preview .previewRight .Article .ArrPoint {
	padding:20px 55px 20px 0px;
	background-image:url(../images/Arr_r.png);
	background-position:90% center;
	background-repeat:no-repeat;
	font-weight:normal;
	text-align:right;
	color:#fff;
	position:absolute;
	z-index:1000;
	right:0;
	bottom:0;
	opacity:0;
	cursor:pointer;
	margin-right:10%;
	float:right;
	transition:.3s;
}
.preview .previewRight .Article .ArrPoint:hover {
	background-position:100% center;
	transition:.3s;
}
@media (min-width:1024px) and (max-width:1920px) {
/*	.mainFrame .innerFrame .innerLeftFrame .innerLeftLeaves {
		background-size:auto 85%;
	}
	.mainFrame .innerFrame .innerRightFrame .innerRightLeaves {
		background-size:auto 85%;
	}*/
}
@media (min-width:1367px) and (max-width:1920px) {	
	.OuterFrame .OuterFrameLeftTop img {
		width:160px;
	}
	.OuterFrameBt .OuterFrameLeftTopBt img {
		width:160px;
	}
	.OuterFrame .OuterFrameRightTopmid img {
		height:55px;
	}
	.OuterFrameBt .OuterFrameRightTopmidBt img {
		height:55px;
	}
	.OuterFrame .OuterFrameRightTopmidR img {
		height:55px;
	}
	.OuterFrameBt .OuterFrameRightTopmidRBt img {
		height:55px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot {
		margin-top:-8px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt {
		margin-top:0px;
	}
	.OuterFrame .OuterFrameRightTopEnd img {
		height:55px;
	}
	.OuterFrameBt .OuterFrameRightTopEndBt img {
		height:55px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot img {
		height:63px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt img {
		height:63px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSideEnd img {
		width:55px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt img {
		width:55px;
	}
	.OuterFrameSideLeft {
		width:55px;
	}
	.OuterFrameSideLeftBt {
		width:55px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide {
		width:55px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt {
		width:55px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide img {
		width:55px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt img {
		width:55px;
	}
	
	
	.preview .previewLeft {
		width:50%;
	}
	.preview .previewLeft .Article {
		width:60%;
		margin-left:0%;
		margin-right:40%;
		margin-top:20%;
	}
	.preview .previewLeft .Article h1 {
		font-size:2.625rem;
		line-height:3.625rem;
	}
	.preview .previewLeft .Article p {
		font-size:1.125rem;
		line-height:2.125rem;
	}
	.preview .previewRight {
		width:50%;
	}
	.preview .previewRight .Article {
		width:60%;
		margin-left:40%;
		margin-right:0%;
		margin-top:20%;
	}
	.preview .previewRight .Article h1 {
		font-size:2.625rem;
		line-height:3.625rem;
	}
	.preview .previewRight .Article p {
		font-size:1.125rem;
		line-height:2.125rem;
	}
	.preview .previewLeft {
		background-size:auto 66%;
	}
	.preview .previewRight {
		background-size:auto 66%;
	}
	.preview .previewLeft .Article .ArrPoint {
		background-size:auto 67px;
		font-size:1.125rem;
		margin-bottom:20%;
	}
	.preview .previewRight .Article .ArrPoint {
		background-size:auto 67px;
		font-size:1.125rem;
		margin-bottom:20%;
	}
	.innerLogo {
		margin-bottom:20%;
	}
	.innerLogo img {
		width:auto;
		height:171px;
	}
	
	
	.Topmenu .Topinner .Topbottom .vrMainMenu a {
		font-size:1.125rem;
/*		padding:16px 31px 16px 31px;*/
	}
}
@media (min-width:1025px) and (max-width:1366px) {	
	.OuterFrame .OuterFrameLeftTop img {
		width:122px;
	}
	.OuterFrameBt .OuterFrameLeftTopBt img {
		width:122px;
	}
	.OuterFrame .OuterFrameRightTopmid img {
		height:42px;
	}
	.OuterFrameBt .OuterFrameRightTopmidBt img {
		height:42px;
	}
	.OuterFrame .OuterFrameRightTopmidR img {
		height:42px;
	}
	.OuterFrameBt .OuterFrameRightTopmidRBt img {
		height:42px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot {
		margin-top:-8px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt {
		margin-top:0px;
	}
	.OuterFrame .OuterFrameRightTopEnd img {
		height:42px;
	}
	.OuterFrameBt .OuterFrameRightTopEndBt img {
		height:42px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot img {
		height:50px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt img {
		height:50px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSideEnd img {
		width:42px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt img {
		width:42px;
	}
	.OuterFrameSideLeft {
		width:42px;
	}
	.OuterFrameSideLeftBt {
		width:42px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide {
		width:42px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt {
		width:42px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide img {
		width:42px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt img {
		width:42px;
	}
	
	
	
	
	.preview .previewLeft {
		width:50%;
	}
	.preview .previewLeft .Article {
		width:60%;
		margin-left:0%;
		margin-right:40%;
		margin-top:20%;
	}
	.preview .previewLeft .Article h1 {
		font-size:2.125rem;
		line-height:3.125rem;
	}
	.preview .previewLeft .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewRight {
		width:50%;
	}
	.preview .previewRight .Article {
		width:60%;
		margin-left:40%;
		margin-right:0%;
		margin-top:20%;
	}
	.preview .previewRight .Article h1 {
		font-size:2.125rem;
		line-height:3.125rem;
	}
	.preview .previewRight .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewLeft {
		background-size:auto 66%;
	}
	.preview .previewRight {
		background-size:auto 76%;
	}
	.preview .previewLeft .Article .ArrPoint {
		background-size:auto 57px;
		font-size:1rem;
		margin-bottom:20%;
	}
	.preview .previewRight .Article .ArrPoint {
		background-size:auto 57px;
		font-size:1.08rem;
		margin-bottom:20%;
	}
	.innerLogo {
		margin-bottom:20%;
	}
	.innerLogo img {
		width:auto;
		height:151px;
	}
	
	.Topmenu .Topinner .Topbottom .vrMainMenu a {
		font-size:1.125rem;
/*		padding:16px 31px 16px 31px;*/
	}
}
@media (min-width:769px) and (max-width:1024px) {	
	.OuterFrame .OuterFrameLeftTop img {
		width:149px;
	}
	.OuterFrameBt .OuterFrameLeftTopBt img {
		width:149px;
	}
	.OuterFrame .OuterFrameRightTopmid img {
		height:51px;
	}
	.OuterFrameBt .OuterFrameRightTopmidBt img {
		height:51px;
	}
	.OuterFrame .OuterFrameRightTopmidR img {
		height:51px;
	}
	.OuterFrameBt .OuterFrameRightTopmidRBt img {
		height:51px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot {
		margin-top:-8px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt {
		margin-top:0px;
	}
	.OuterFrame .OuterFrameRightTopEnd img {
		height:51px;
	}
	.OuterFrameBt .OuterFrameRightTopEndBt img {
		height:51px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt img {
		height:0px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSideEnd img {
		width:51px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt img {
		width:51px;
	}
	.OuterFrameSideLeft {
		width:51px;
	}
	.OuterFrameSideLeftBt {
		width:51px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide {
		width:51px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt {
		width:51px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide img {
		width:51px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt img {
		width:51px;
	}
	
	
	
	
	.preview .previewLeft {
		width:50%;
	}
	.preview .previewLeft .Article {
		width:60%;
		margin-left:0%;
		margin-right:40%;
		margin-top:20%;
	}
	.preview .previewLeft .Article h1 {
		font-size:1.925rem;
		line-height:2.125rem;
	}
	.preview .previewLeft .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewRight {
		width:50%;
	}
	.preview .previewRight .Article {
		width:60%;
		margin-left:40%;
		margin-right:0%;
		margin-top:20%;
	}
	.preview .previewRight .Article h1 {
		font-size:1.925rem;
		line-height:2.125rem;
	}
	.preview .previewRight .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewLeft {
		background-size:auto 56%;
	}
	.preview .previewRight {
		background-size:auto 66%;
	}
	.preview .previewLeft .Article .ArrPoint {
		background-size:auto 57px;
		font-size:1rem;
		margin-bottom:22%;
	}
	.preview .previewRight .Article .ArrPoint {
		background-size:auto 57px;
		font-size:1.08rem;
		margin-bottom:22%;
	}
	.innerLogo {
		margin-bottom:21%;
	}
	.innerLogo img {
		width:auto;
		height:131px;
	}
	
	.Topmenu .Topinner .Topbottom .vrMainMenu a {
		font-size:1.125rem;
/*		padding:16px 31px 16px 31px;*/
	}
}
@media (min-width:541px) and (max-width:768px) {	
	.OuterFrame .OuterFrameLeftTop img {
		width:130px;
	}
	.OuterFrameBt .OuterFrameLeftTopBt img {
		width:130px;
	}
	.OuterFrame .OuterFrameRightTopmid img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidBt img {
		height:0px;
	}
	.OuterFrame .OuterFrameRightTopmidR img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidRBt img {
		height:0px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot {
		margin-top:-8px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt {
		margin-top:0px;
	}
	.OuterFrame .OuterFrameRightTopEnd img {
		height:45px;
	}
	.OuterFrameBt .OuterFrameRightTopEndBt img {
		height:45px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt img {
		height:0px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSideEnd img {
		width:45px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt img {
		width:45px;
	}
	.OuterFrameSideLeft {
		width:45px;
	}
	.OuterFrameSideLeftBt {
		width:45px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide {
		width:45px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt {
		width:45px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide img {
		width:45px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt img {
		width:45px;
	}
	
	
	.preview .previewLeft {
		width:100%;
		height:50%;
		border-right:0px;
		background-image:url(../images/inner_flower_right.png);
		background-repeat:no-repeat;
		background-position:right top;
		background-size:auto 86%;
	}
	.preview .previewLeft .Article {
		width:60%;
		margin-left:0%;
		margin-right:40%;
		margin-top:20%;
	}
	.preview .previewLeft .Article h1 {
		font-size:1.925rem;
		line-height:2.125rem;
	}
	.preview .previewLeft .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewRight {
		width:100%;
		height:50%;
		background-image:url(../images/inner_flower_left.png);
		background-repeat:no-repeat;
		background-position:left bottom;
		background-size:auto 76%;
	}
	.preview .previewRight .Article {
		width:60%;
		margin-left:40%;
		margin-right:0%;
		margin-top:20%;
	}
	.preview .previewRight .Article h1 {
		font-size:1.925rem;
		line-height:2.125rem;
	}
	.preview .previewRight .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewLeft .Article .ArrPoint {
		background-size:auto 67px;
		font-size:1.08rem;
	}
	.preview .previewRight .Article .ArrPoint {
		background-size:auto 67px;
		font-size:1.08rem;
	}
	.innerLogo img {
		width:auto;
		height:131px;
	}
	
	.Topmenu .Topinner .Topbottom .logoFr {
		width:100%;
		text-align:center;
		margin-top:15px;
		margin-left:0px;
	}
	.Topmenu .Topinner .Topbottom .logoFr img {
		width:130px;
		height:auto;
	}
	.Topmenu {
		height:150px;
	}
	.Topmenu .Topinner .Topbottom .vrMainMenu a {
		font-size:1.125rem;
/*		padding:16px 31px 16px 31px;*/
	}
}
@media (min-width:425px) and (max-width:540px) {
	.OuterFrame {
		left:7.5%;
	}
	.OuterFrameBt {
		right:7.5%;
	}
	.OuterFrameSideLeft {
		left:7.5%;
	}
	.OuterFrameSideLeftBt {
		right:7.5%;
	}
	.OuterFrame .OuterFrameLeftTop img {
		width:108px;
	}
	.OuterFrameBt .OuterFrameLeftTopBt img {
		width:108px;
	}
	.OuterFrame .OuterFrameRightTopmid img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidBt img {
		height:0px;
	}
	.OuterFrame .OuterFrameRightTopmidR img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidRBt img {
		height:0px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot {
		margin-top:-8px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt {
		margin-top:0px;
	}
	.OuterFrame .OuterFrameRightTopEnd {
		margin-top:-2px;
	}
	.OuterFrame .OuterFrameRightTopEnd img {
		height:39px;
	}
	.OuterFrameBt .OuterFrameRightTopEndBt img {
		height:39px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt img {
		height:0px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSideEnd img {
		width:39px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt img {
		width:39px;
	}
	.OuterFrameSideLeft {
		width:39px;
	}
	.OuterFrameSideLeftBt {
		width:39px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide {
		width:39px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt {
		width:39px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide img {
		width:39px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt img {
		width:39px;
	}
	
	
	.preview .previewLeft {
		width:100%;
		height:50%;
		border-right:0px;
		background-image:url(../images/inner_flower_right.png);
		background-repeat:no-repeat;
		background-position:right top;
		background-size:auto 76%;
	}
	.preview .previewLeft .Article {
		width:70%;
		margin-left:0%;
		margin-right:30%;
		margin-top:15%;
	}
	.preview .previewLeft .Article h1 {
		font-size:1.625rem;
		line-height:2rem;
	}
	.preview .previewLeft .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewRight {
		width:100%;
		height:50%;
		background-image:url(../images/inner_flower_left.png);
		background-repeat:no-repeat;
		background-position:left bottom;
		background-size:auto 66%;
	}
	.preview .previewRight .Article {
		width:70%;
		margin-left:30%;
		margin-right:0%;
		margin-top:15%;
	}
	.preview .previewRight .Article h1 {
		font-size:1.625rem;
		line-height:2rem;
	}
	.preview .previewRight .Article p {
		font-size:0.935rem;
		line-height:1.75rem;
	}
	.preview .previewLeft .Article .ArrPoint {
		background-size:auto 57px;
		font-size:1rem;
	}
	.preview .previewRight .Article .ArrPoint {
		background-size:auto 57px;
		font-size:1rem;
	}
	.innerLogo img {
		width:auto;
		height:111px;
	}
	
	.Topmenu .Topinner .Topbottom .logoFr {
		width:100%;
		text-align:center;
		margin-top:15px;
		margin-left:0px;
	}
	.Topmenu .Topinner .Topbottom .logoFr img {
		width:130px;
		height:auto;
	}
	.Topmenu {
		height:150px;
	}
	.Topmenu .Topinner .Topbottom .vrMainMenu a {
		font-size:1rem;
/*		padding:12px 31px 12px 31px;*/
	}
}
@media (min-width:360px) and (max-width:424px) {
	.OuterFrame {
		left:7.5%;
	}
	.OuterFrameBt {
		right:7.5%;
	}
	.OuterFrameSideLeft {
		left:7.5%;
	}
	.OuterFrameSideLeftBt {
		right:7.5%;
	}
	.OuterFrame .OuterFrameLeftTop img {
		width:79px;
	}
	.OuterFrameBt .OuterFrameLeftTopBt img {
		width:79px;
	}
	.OuterFrame .OuterFrameRightTopmid img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidBt img {
		height:0px;
	}
	.OuterFrame .OuterFrameRightTopmidR img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidRBt img {
		height:0px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot {
		margin-top:-8px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt {
		margin-top:0px;
	}
	.OuterFrame .OuterFrameRightTopEnd {
		margin-top:-2px;
	}
	.OuterFrame .OuterFrameRightTopEnd img {
		height:28px;
	}
	.OuterFrameBt .OuterFrameRightTopEndBt img {
		height:28px;
	}
	.OuterFrame .OuterFrameRightTopmidSpot img {
		height:0px;
	}
	.OuterFrameBt .OuterFrameRightTopmidSpotBt img {
		height:0px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSideEnd img {
		width:28px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideEndBt img {
		width:28px;
	}
	.OuterFrameSideLeft {
		width:28px;
	}
	.OuterFrameSideLeftBt {
		width:28px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide {
		width:28px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt {
		width:28px;
	}
	.OuterFrameSideLeft .OuterFrameLeftSide img {
		width:28px;
	}
	.OuterFrameSideLeftBt .OuterFrameLeftSideBt img {
		width:28px;
	}
	
	
	.preview .previewLeft {
		width:100%;
		height:50%;
		border-right:0px;
		background-image:url(../images/inner_flower_right.png);
		background-repeat:no-repeat;
		background-position:right top;
		background-size:auto 76%;
	}
	.preview .previewLeft .Article {
		width:80%;
		margin-left:0%;
		margin-right:20%;
		margin-top:12.5%;
	}
	.preview .previewLeft .Article h1 {
		font-size:1.375rem;
		line-height:1.875rem;
	}
	.preview .previewLeft .Article p {
		font-size:0.8rem;
		line-height:1.25rem;
	}
	.preview .previewRight {
		width:100%;
		height:50%;
		background-image:url(../images/inner_flower_left.png);
		background-repeat:no-repeat;
		background-position:left bottom;
		background-size:auto 66%;
	}
	.preview .previewRight .Article {
		width:80%;
		margin-left:20%;
		margin-right:0%;
		margin-top:17.5%;
	}
	.preview .previewRight .Article h1 {
		font-size:1.375rem;
		line-height:1.875rem;
	}
	.preview .previewRight .Article p {
		font-size:0.8rem;
		line-height:1.25rem;
	}
	.preview .previewLeft .Article .ArrPoint {
		background-size:auto 47px;
		font-size:0.875rem;
	}
	.preview .previewRight .Article .ArrPoint {
		background-size:auto 47px;
		font-size:0.875rem;
	}
	.innerLogo img {
		width:auto;
		height:71px;
	}
	
	.Topmenu .Topinner .Topbottom .logoFr {
		width:100%;
		text-align:center;
		margin-top:10px;
		margin-left:0px;
	}
	.Topmenu .Topinner .Topbottom .logoFr img {
		width:110px;
		height:auto;
	}
	.Topmenu {
		height:120px;
	}
	.Topmenu .Topinner .Topbottom .vrMainMenu a {
		font-size:0.935rem;
/*		padding:11px 31px 11px 31px;*/
	}
}
@media (min-width:1025px) and (max-width:1920px) {
	.mainFrame .innerFrame .innerLeftFrame {
		width:25%;
	}
	.mainFrame .innerFrame .innermidFrame {
		width:50%;
	}
	.mainFrame .innerFrame .innerRightFrame {
		width:25%;
	}
}
@media (min-width:769px) and (max-width:1024px) {
	.mainFrame .innerFrame .innerLeftFrame {
		width:29%;
	}
	.mainFrame .innerFrame .innermidFrame {
		width:42%;
	}
	.mainFrame .innerFrame .innerRightFrame {
		width:29%;
	}
}
@media (min-width:769px) and (max-width:1024px) {
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame {
		background-size:auto 60%;
	}
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame {
		background-size:auto 60%;
	}
}
@media (min-width:541px) and (max-width:768px) {
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame {
		background-size:auto 45%;
	}
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame {
		background-size:auto 45%;
	}
}
@media (max-width:540px) {
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame {
		background-size:auto 40%;
	}
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame {
		background-size:auto 40%;
	}
}
@media (max-width:1024px) {
	.mainFrame .innerFrame .innerLeftFrame {
		display:none;
		width:0%;
		background-size:auto 85%;
	}
	.mainFrame .innerFrame {
/*		background-image:url(../images/circleShine.png);
		background-position:center 35%;
		background-repeat:no-repeat;
		background-size:70% auto;*/
		width:100%;
	}
	.mainFrame .innerFrame .innermidFrame {
/*		background-image:url(../images/bgCross.png);
		background-repeat:repeat;
		background-size:10px 10px;*/
		width:100%;
	}
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame {
		background-image:url(../images/flower_LeftBt.png);
		background-position:-8% 115%;
		background-repeat:no-repeat;
	}
	.mainFrame .innerFrame .innermidFrame .innerLogoCrossFrame .innerLogoExtraFrame {
		background-image:url(../images/flower_RightBt.png);
		background-position:108% -8%;
		background-repeat:no-repeat;
	}
	.mainFrame .innerFrame .innerRightFrame {
		display:none;
		width:0%;
		background-size:auto 85%;
	}
}