.red nav { background-color: #be1333; }
.red .menu_lv1 > li { border-bottom: 1px solid #cf3552; }
.red .menu_lv1 > li > a { color: white; }
.red .menu_lv1 > li.active > a, .red .menu_lv1 > li > a:hover { background-color: #fff6e9; color: #be1333; }
.red .menu_lv1 > li > a { padding-left: 30px; background-image: url(../images/nav-arr-red-off.png); background-repeat: no-repeat; background-position: 10px 50%; }
.red .menu_lv1 > li.current > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); background-color: #fff6e9; color: #be1333; }
.red .menu_lv1 > li.current > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }

.red .menu_lv1 > li.current.isoff > a { background-image: url(../images/nav-arr-red-off.png); background-color: transparent; color: white; }
.red .menu_lv1 > li.current.isoff > a:after { display: none; background: none; content: none; }
.red .menu_lv1 > li.active > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); }
.red .menu_lv1 > li.active > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }
.red .menu_lv1 > li.current:after, .red .menu_lv1 > li.active:after { content: " "; display: table; width: 220px; height: 26px; background: url(../images/nav-after-red.png) no-repeat 0 100%; position: absolute; bottom: -26px; left: 0; z-index: 0; }
.lt-ie8 .red .menu_lv1 > li.current, .lt-ie8 .red .menu_lv1 > li.active { padding-right: 9px; margin-bottom: -25px; padding-bottom: 26px; background: url(../images/nav-after-red.png) no-repeat 0 100%; border-bottom: none; }	/*Compatibility mode*/
.lt-ie8 .red .menu_lv1 > li.current.isoff { margin:0; padding: 0; border-bottom: 1px solid #ccdbad; background: none;}	/*Compatibility mode*/
.lt-ie9 .red .menu_lv1 > li.current:after, .lt-ie9 .red .menu_lv1 > li.active:after { z-index: 10; }
.red .menu_lv2 > li { background-color: #fbe9cf; }
.red .menu_lv2 > li > a { color: #be1333; }
.red .menu_lv2 > li.active > a, .red .menu_lv2 > li > a:hover { background-color: #be1333; color: white; }
.red .menu_lv2 li.has_sub_lv > a { background-image: url(../images/lay2-nav-lv2-off.png); }
.red .menu_lv2 li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-red-on.png); }
.red .menu_lv2 a { border-top: 1px dotted #f2d6ae; }
.red .menu_lv2 li:first-child > a { border-top: 0; }
.red .menu_lv3 > li { background-color: #fedcaa; }
.red .menu_lv3 > li > a { color: #be1333; }
.red .menu_lv3 > li.active > a, .red .menu_lv3 > li > a:hover { background-color: #be1333; color: white; }
.red .menu_lv3 > li.current > a, .red .menu_lv3 > li.has_sub_lv > a, .red .menu_lv3 > li.has_sub_lv > a, .red .menu_lv3 > li.has_sub_lv.active > a { background-position: 95% 50%; }
.red .menu_lv3 > li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-red-on.png); }
.red .menu_lv4 > li { background-color: #5c5852; }
.red .menu_lv4 > li > a { color: white; }
.red .menu_lv4 > li.active > a, .red .menu_lv4 > li > a:hover { background-color: #be1333; color: white; }

.orange nav { background-color: #f9e8dc; }
.orange .menu_lv1 > li { border-bottom: 1px solid #f1d1c1; }
.orange .menu_lv1 > li > a { color: #a73d11; }
.orange .menu_lv1 > li.active > a, .orange .menu_lv1 > li > a:hover { background-color: #d14307; color: white; }
.orange .menu_lv1 > li > a { padding-left: 30px; background-image: url(../images/nav-arr-orange-off.png); background-repeat: no-repeat; background-position: 10px 50%; }
.orange .menu_lv1 > li.current > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); background-color: #d14307; color: white; }
.orange .menu_lv1 > li.current > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }

.orange .menu_lv1 > li.current.isoff > a { background-image: url(../images/nav-arr-orange-off.png); background-color: transparent; color: #a73d11; }
.orange .menu_lv1 > li.current.isoff > a:after { display: none; background: none; content: none; }
.orange .menu_lv1 > li.active > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); }
.orange .menu_lv1 > li.active > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }
.orange .menu_lv1 > li.current:after, .orange .menu_lv1 > li.active:after { content: " "; display: table; width: 220px; height: 26px; background: url(../images/nav-after-orange.png) no-repeat 0 100%; position: absolute; bottom: -26px; left: 0; z-index: 0; }
.lt-ie8 .orange .menu_lv1 > li.current, .lt-ie8 .orange .menu_lv1 > li.active { padding-right: 9px; margin-bottom: -25px; padding-bottom: 26px; background: url(../images/nav-after-orange.png) no-repeat 0 100%; border-bottom: none; }	/*Compatibility mode*/
.lt-ie8 .orange .menu_lv1 > li.current.isoff { margin:0; padding: 0; border-bottom: 1px solid #ccdbad; background: none;}	/*Compatibility mode*/
.lt-ie9 .orange .menu_lv1 > li.current:after, .lt-ie9 .orange .menu_lv1 > li.active:after { z-index: 10; }
.orange .menu_lv2 > li { background-color: #d24307; }
.orange .menu_lv2 > li > a { color: white; }
.orange .menu_lv2 > li.active > a, .orange .menu_lv2 > li > a:hover { background-color: #fae8dc; color: #a83707; }
.orange .menu_lv2 li.has_sub_lv > a { background-image: url(../images/lay2-nav-lv2-off.png); }
.orange .menu_lv2 li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-orange-on.png); }
.orange .menu_lv2 a { border-top: 1px dotted #f9e2d3; }
.orange .menu_lv2 li:first-child > a { border-top: 0; }
.orange .menu_lv3 > li { background-color: #a73707; }
.orange .menu_lv3 > li > a { color: white; }
.orange .menu_lv3 > li.active > a, .orange .menu_lv3 > li > a:hover { background-color: #fae8dc; color: #a83707; }
.orange .menu_lv3 > li.current > a, .orange .menu_lv3 > li.has_sub_lv > a, .orange .menu_lv3 > li.has_sub_lv > a, .orange .menu_lv3 > li.has_sub_lv.active > a { background-position: 95% 50%; }
.orange .menu_lv3 > li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-orange-on.png); }
.orange .menu_lv4 > li { background-color: #3e4346; }
.orange .menu_lv4 > li > a { color: white; }
.orange .menu_lv4 > li.active > a, .orange .menu_lv4 > li > a:hover { background-color: #fae8dc; color: #a83707; }

.green nav { background-color: #ebf2d1; }
.green .menu_lv1 > li { border-bottom: 1px solid #ccdbad; }
.green .menu_lv1 > li > a { color: #404f14; }
.green .menu_lv1 > li.active > a, .green .menu_lv1 > li > a:hover { background-color: #337315; color: white; }
.green .menu_lv1 > li > a { padding-left: 30px; background-image: url(../images/nav-arr-green-off.png); background-repeat: no-repeat; background-position: 10px 50%; }
.green .menu_lv1 > li.current > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); background-color: #337315; color: white; }
.green .menu_lv1 > li.current > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }

.green .menu_lv1 > li.current.isoff > a { background-image: url(../images/nav-arr-green-off.png); background-color: transparent; color: #404f14; }
.green .menu_lv1 > li.current.isoff > a:after { display: none; background: none; content: none; }
.green .menu_lv1 > li.active > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); }
.green .menu_lv1 > li.active > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }
.green .menu_lv1 > li.current:after, .green .menu_lv1 > li.active:after { content: " "; display: table; width: 220px; height: 26px; background: url(../images/nav-after-green.png) no-repeat 0 100%; position: absolute; bottom: -26px; left: 0; z-index: 0; }
.lt-ie8 .green .menu_lv1 > li.current, .lt-ie8 .green .menu_lv1 > li.active { padding-right: 9px; margin-bottom: -25px; padding-bottom: 26px; background: url(../images/nav-after-green.png) no-repeat 0 100%; border-bottom: none; }	/*Compatibility mode*/
.lt-ie8 .green .menu_lv1 > li.current.isoff { margin:0; padding: 0; border-bottom: 1px solid #ccdbad; background: none;}	/*Compatibility mode*/
.lt-ie9 .green .menu_lv1 > li.current:after, .lt-ie9 .green .menu_lv1 > li.active:after { z-index: 10; }
.green .menu_lv2 > li { background-color: #528119; }
.green .menu_lv2 > li > a { color: white; }
.green .menu_lv2 > li.active > a, .green .menu_lv2 > li > a:hover { background-color: #ebf2d1; color: #3b610c; }
.green .menu_lv2 li.has_sub_lv > a { background-image: url(../images/lay2-nav-lv2-off.png); }
.green .menu_lv2 li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-green-on.png); }
.green .menu_lv2 a { border-top: 1px dotted #b6c697; }
.green .menu_lv2 li:first-child > a { border-top: 0; }
.green .menu_lv3 > li { background-color: #3b610c; }
.green .menu_lv3 > li > a { color: white; }
.green .menu_lv3 > li.active > a, .green .menu_lv3 > li > a:hover { background-color: #ebf2d1; color: #3b610c; }
.green .menu_lv3 > li.current > a, .green .menu_lv3 > li.has_sub_lv > a, .green .menu_lv3 > li.has_sub_lv > a, .green .menu_lv3 > li.has_sub_lv.active > a { background-position: 95% 50%; }
.green .menu_lv3 > li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-green-on.png); }
.green .menu_lv4 > li { background-color: #3e4346; }
.green .menu_lv4 > li > a { color: white; }
.green .menu_lv4 > li.active > a, .green .menu_lv4 > li > a:hover { background-color: #ebf2d1; color: #3b610c; }

.sea nav { background-color: #daf2f6; }
.sea .menu_lv1 > li { border-bottom: 1px solid #b5e2f6; }
.sea .menu_lv1 > li > a { color: #004881; }
.sea .menu_lv1 > li.active > a, .sea .menu_lv1 > li > a:hover { background-color: #007ac3; color: white; }
.sea .menu_lv1 > li > a { padding-left: 30px; background-image: url(../images/nav-arr-sea-off.png); background-repeat: no-repeat; background-position: 10px 50%; }
.sea .menu_lv1 > li.current > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); background-color: #007ac3; color: white; }
.sea .menu_lv1 > li.current > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }

.sea .menu_lv1 > li.current.isoff > a { background-image: url(../images/nav-arr-sea-off.png); background-color: transparent; color: #004881; }
.sea .menu_lv1 > li.current.isoff > a:after { display: none; background: none; content: none; }
.sea .menu_lv1 > li.active > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); }
.sea .menu_lv1 > li.active > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }
.sea .menu_lv1 > li.current:after, .sea .menu_lv1 > li.active:after { content: " "; display: table; width: 220px; height: 26px; background: url(../images/nav-after-sea.png) no-repeat 0 100%; position: absolute; bottom: -26px; left: 0; z-index: 0; }
.lt-ie8 .sea .menu_lv1 > li.current, .lt-ie8 .sea .menu_lv1 > li.active { padding-right: 9px; margin-bottom: -25px; padding-bottom: 26px; background: url(../images/nav-after-sea.png) no-repeat 0 100%; border-bottom: none; }	/*Compatibility mode*/
.lt-ie8 .sea .menu_lv1 > li.current.isoff { margin:0; padding: 0; border-bottom: 1px solid #ccdbad; background: none;}	/*Compatibility mode*/
.lt-ie9 .sea .menu_lv1 > li.current:after, .lt-ie9 .sea .menu_lv1 > li.active:after { z-index: 10; }
.sea .menu_lv2 > li { background-color: #007ac3; }
.sea .menu_lv2 > li > a { color: white; }
.sea .menu_lv2 > li.active > a, .sea .menu_lv2 > li > a:hover { background-color: #d1eef7; color: #054e89; }
.sea .menu_lv2 li.has_sub_lv > a { background-image: url(../images/lay2-nav-lv2-off.png); }
.sea .menu_lv2 li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-sea-on.png); }
.sea .menu_lv2 a { border-top: 1px dotted #99d0f0; }
.sea .menu_lv2 li:first-child > a { border-top: 0; }
.sea .menu_lv3 > li { background-color: #054e89; }
.sea .menu_lv3 > li > a { color: white; }
.sea .menu_lv3 > li.active > a, .sea .menu_lv3 > li > a:hover { background-color: #d1eef7; color: #054e89; }
.sea .menu_lv3 > li.current > a, .sea .menu_lv3 > li.has_sub_lv > a, .sea .menu_lv3 > li.has_sub_lv > a, .sea .menu_lv3 > li.has_sub_lv.active > a { background-position: 95% 50%; }
.sea .menu_lv3 > li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-sea-on.png); }
.sea .menu_lv4 > li { background-color: #3e4346; }
.sea .menu_lv4 > li > a { color: white; }
.sea .menu_lv4 > li.active > a, .sea .menu_lv4 > li > a:hover { background-color: #d1eef7; color: #054e89; }

.purple nav { background-color: #664186; }
.purple .menu_lv1 > li { border-bottom: 1px solid #9b76bb; }
.purple .menu_lv1 > li > a { color: #fefdff; }
.purple .menu_lv1 > li.active > a, .purple .menu_lv1 > li > a:hover { background-color: #d4c0e4; color: #480a79; }
.purple .menu_lv1 > li > a { padding-left: 30px; background-image: url(../images/nav-arr-purple-off.png); background-repeat: no-repeat; background-position: 10px 50%; }
.purple .menu_lv1 > li.current > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); background-color: #d4c0e4; color: #480a79; }
.purple .menu_lv1 > li.current > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }

.purple .menu_lv1 > li.current.isoff > a { background-image: url(../images/nav-arr-purple-off.png); background-color: transparent; color: #d4c0e4; }
.purple .menu_lv1 > li.current.isoff > a:after { display: none; background: none; content: none; }
.purple .menu_lv1 > li.active > a { position: relative; display: block; overflow: hidden; background-image: url(../images/nav-arr-on.png); }
.purple .menu_lv1 > li.active > a:after { content: " "; display: block; width: 100%; min-height: 200px; position: absolute; top: 0; left: 0; background: url(../images/nav-bg-shade.png) no-repeat 100% 0; }
.purple .menu_lv1 > li.current:after, .purple .menu_lv1 > li.active:after { content: " "; display: table; width: 220px; height: 26px; background: url(../images/nav-after-purple.png) no-repeat 0 100%; position: absolute; bottom: -26px; left: 0; z-index: 0; }
.lt-ie8 .purple .menu_lv1 > li.current, .lt-ie8 .purple .menu_lv1 > li.active { padding-right: 9px; margin-bottom: -25px; padding-bottom: 26px; background: url(../images/nav-after-purple.png) no-repeat 0 100%; border-bottom: none; }	/*Compatibility mode*/
.lt-ie8 .purple .menu_lv1 > li.current.isoff { margin:0; padding: 0; border-bottom: 1px solid #ccdbad; background: none;}	/*Compatibility mode*/
.lt-ie9 .purple .menu_lv1 > li.current:after, .lt-ie9 .purple .menu_lv1 > li.active:after { z-index: 10; }
.purple .menu_lv2 > li { background-color: #6F4A90; }
.purple .menu_lv2 > li > a { color: #fefdff; }
.purple .menu_lv2 > li.active > a, .purple .menu_lv2 > li > a:hover { background-color: #D8C2E9; color: #4D0D7F; }
.purple .menu_lv2 li.has_sub_lv > a { background-image: url(../images/lay2-nav-lv2-off.png); }
.purple .menu_lv2 li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-purple-on.png); }
.purple .menu_lv2 a { border-top: 1px dotted #ead8fa; }
.purple .menu_lv2 li:first-child > a { border-top: 0; }
.purple .menu_lv3 > li { background-color: #660066; }
.purple .menu_lv3 > li > a { color: #660066; }
.purple .menu_lv3 > li.active > a, .purple .menu_lv3 > li > a:hover { background-color: #660066; color: #660066; }
.purple .menu_lv3 > li.current > a, .purple .menu_lv3 > li.has_sub_lv > a, .purple .menu_lv3 > li.has_sub_lv > a, .purple .menu_lv3 > li.has_sub_lv.active > a { background-position: 95% 50%; }
.purple .menu_lv3 > li.has_sub_lv.active > a { background-image: url(../images/lay2-nav-lv2-purple-on.png); }
.purple .menu_lv4 > li { background-color: #5d5d5d; }
.purple .menu_lv4 > li > a { color: #5d5d5d; }
.purple .menu_lv4 > li.active > a, .purple .menu_lv4 > li > a:hover { background-color: #5d5d5d; color: #5d5d5d; }

.left-menu .menu_lv1 > li:after, .left-menu .menu_lv1 > li.isoff:after { display: none; content: none; overflow: hidden; height: 0; }

/* body bg */
.wrapper.red { background: url(../images/body-bg-red.jpg) no-repeat 50% 0 white; }
.wrapper.orange { background: url(../images/body-bg-orange.jpg) no-repeat 50% 0 white; }
.wrapper.green { background: url(../images/body-bg-green.jpg) no-repeat 50% 0 white; }
.wrapper.sea { background: url(../images/body-bg-sea.jpg) no-repeat 50% 0 white; }
.wrapper.purple { background: url(../images/body-bg-purple.jpg) no-repeat 50% 0 white; }
.wrapper.2020 { background: url(../images/body-bg-2020.jpg) no-repeat 50% 0 white; }
                                                                     

.content_body:before { content: " "; position: absolute; width: 1280px; max-width: 100.1%; min-height: 100%; left: 0; top: 0; display: block; z-index: -1; background: url(../images/cont-bgy.png) repeat-y center top transparent; }

/* footer */
.red footer { background: url(../images/footer-bg-x-red.png) scroll repeat-x 0 0 #c2001b; }
.orange footer { background: url(../images/footer-bg-x-orange.png) scroll repeat-x 0 0 #c74523; }
.green footer { background: url(../images/footer-bg-x-green.png) scroll repeat-x 0 0 #528119; }
.sea footer { background: url(../images/footer-bg-x-sea.png) scroll repeat-x 0 0 #0065b3; }
.purple footer { background: url(../images/footer-bg-x-purple.png) scroll repeat-x 0 0 #8257a7; }

/* inner page */
.red .page-title .header { background-color: white; }
.red .page-title .header h1 { padding: 5px 20px 5px 50px; text-align: right; line-height: 1.3; background-color: #be1333; color: #be1333; }

.orange .page-title .header { background-color: #fef4f2; }
.orange .page-title .header h1 { padding: 5px 20px 5px 50px; text-align: right; line-height: 1.3; background-color: #f9e8dc; color: #671e03; }

.green .page-title .header { background-color: #f6faec; }
.green .page-title .header h1 { padding: 5px 20px 5px 50px; text-align: right; line-height: 1.3; background-color: #e8f7d6; color: #2f470f; }

.sea .page-title .header { background-color: #edfbfc; }
.sea .page-title .header h1 { padding: 5px 20px 5px 50px; text-align: right; line-height: 1.3; background-color: #dcf5f9; color: #004882; }

.purple .page-title .header { background-color: #660066; }
.purple .page-title .header h1 { padding: 5px 20px 5px 50px; text-align: right; line-height: 1.3; background-color: #8257a7; color: #8257a7; }

.red.wrapper.loaded { background-color: #be1333 !important; }

.orange.wrapper.loaded { background-color: #f59b67 !important; }

.green.wrapper.loaded { background-color: #d1e785 !important; }

.sea.wrapper.loaded { background-color: #aee5f9 !important; }

.purple.wrapper.loaded { background-color: #8257a7 !important; }

.2020.wrapper.loaded { background-color: #8257a7 !important; }