/* This CSS file is part of the HTML5 / CSS3 tutorial on http://www.lingulo.com */
/* GLOBAL */
* {
box-sizing: initial !important;
}
html {
background-color: #fff !important;
}
.btn {
padding:0px !important;
padding-right: 4px !important;
}
/* Font size control */
.fsize-normal{
font-size:13px;
line-height: 20px;
}
.fsize-larger{
font-size:16px;
line-height: 20px;
}
.fsize-largest{
font-size:18px;
line-height: 22px;
}
.fsize-normal-sub-heading{
font-size: 22px;
line-height: 26px;
}
.fsize-larger-sub-heading{
font-size: 24px;
line-height: 28px;
}
.fsize-largest-sub-heading{
font-size: 26px;
line-height: 30px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left: 0px !important;
padding-right: 0px !important;
}
/* Font size control end */
@font-face {
font-style: normal;
font-weight: 500;
font-family: Arial, "Arial Bold Italic", "Arial Bold" Times, "Times New Roman";
}
html, body {
background: #FFFFFF;
font-family: Arial;
color: #5e5e5e;
height: 100%;
margin: 0px;
font-weight: normal;
}
.allpage {
font-size: 13px;
line-height: 20px;
}
.main_container {
max-width: 1000px;
height: 100%;
margin: 0 auto
}
@media only screen and (max-width:1024px) {
.main_container {
padding: 5px;
}
}
#header {
margin-top: 20px;
}
#header img {
float: left;
border-style: none;
max-width: 500px;
}
#head_link {
float: right;
margin-top: 25px;
margin-right: 15px;
line-height:22px;
}
#head_link div {
float: left;
margin-left: 17px;
cursor: pointer;
}
.link-normal {
font-size: 16px;
margin-right: -15px;
}
.link-larger {
margin-top: -2px;
padding-left: 5px;
font-size: 22px;
color: #5e5e5e;
margin-right: -15px;
}
.link-largest {
margin-top: -5px;
padding-left: 5px;
font-size: 28px;
color: #5e5e5e;
}
.banner {
margin-bottom: 35px;
}
.content_container_blue {
position: relative;
border-radius: 20px;
width: 100%;
background-color: #ecf7fd;
margin: 0 auto;
padding-bottom: 50px;
}
.content_container_Green {
position: relative;
border-radius: 20px;
width: 100%;
background-color: #E8F6E8;
margin: 0 auto;
padding-bottom: 50px;
}
.content_container_red {
position: relative;
border-radius: 20px;
width: 100%;
background-color: #fef5f6;
margin: 0 auto;
padding-bottom: 50px;
}
.content_container_yellow {
position: relative;
border-radius: 20px;
width: 100%;
background-color: #fffaee;
margin: 0 auto;
padding-bottom: 50px;
}
.button_container1 {
position: absolute;
top: -20px;
/*
left: 20px;
padding: 10px;
*/
}
.blue_button {
-moz-box-shadow: 0px 8px 14px -7px #043f66;
-webkit-box-shadow: 0px 8px 14px -7px #043f66;
box-shadow: 0px 8px 14px -7px #043f66;
background-color: #5DB2E6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
text-align: center;
padding-top: 16px;
padding-top: 8px\0;
color: #0d415e !important;
font-family: Arial;
font-size: 20px;
text-decoration: none;
line-height:20px;
}
.blue_button:hover {
position: relative;
top: -6px;
color: #0d415e;
font-weight: bold;
}
.blue_button:active {
position: relative;
}
.green_button {
-moz-box-shadow: 0px 8px 14px -7px #253b1a;
-webkit-box-shadow: 0px 8px 14px -7px #253b1a;
box-shadow: 0px 8px 14px -7px #253b1a;
background-color: #3eb9ad;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
text-align: center;
padding-top: 16px;
padding-top: 8px\0;
color: #06361C !important;
font-family: Arial;
font-size: 20px;
text-decoration: none;
line-height:20px;
}
.green_button:hover {
position: relative;
top: -6px;
color: #06361C;
font-weight: bold;
}
.green_button:active {
position: relative;
}
.red_button {
-moz-box-shadow: 0px 8px 14px -7px #860907;
-webkit-box-shadow: 0px 8px 14px -7px #860907;
box-shadow: 0px 8px 14px -7px #860907;
background-color: #e75751;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
text-align: center;
padding-top: 16px;
padding-top: 8px\0;
color: #4B0E15 !important;
font-family: Arial;
font-size: 20px;
text-decoration: none;
line-height:20px;
}
.red_button:hover {
font-weight: bold;
position: relative;
top: -6px;
color: #4B0E15;
}
.red_button:active {
position: relative;
}
.yellow_button {
-moz-box-shadow: 0px 8px 14px -7px #795b0f;
-webkit-box-shadow: 0px 8px 14px -7px #795b0f;
box-shadow: 0px 8px 14px -7px #795b0f;
background-color: #f0ca56;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
text-align: center;
padding-top: 16px;
padding-top: 8px\0;
color: #60370A !important;
font-family: Arial;
font-size: 20px;
text-decoration: none;
line-height:20px;
}
.yellow_button:hover {
font-weight: bold;
position: relative;
top: -6px;
color: #60370A;
}
.yellow_button:active {
position: relative;
}
/*
.btn {
width: 175px;
height: 60px;
float: left;
padding-right: 5px;
}
.Ybtn {
width: 175px;
height: 60px;
float: left;
}
*/
.btn {
width: 175px;
height: 60px;
float: left;
padding-right: 5px;
}
.Ybtn {
width: 175px;
height: 60px;
float: left;
}
label {
font-weight: normal !important;
}
.content-point {
padding-bottom: 10px;
}
@media (max-width:768px) {
.main_container .row {
margin-left:0px;
margin-right: 0px;
}
.btn {
width: 145px;
height: 60px;
float: left;
padding-right: 5px;
}
.Ybtn {
width: 145px;
height: 60px;
float: left;
}
.blue_button, .yellow_button, .red_button, .green_button {
width: 140px;
}
.button_container1 {
margin: 0 auto;
width: 100%;
/* padding-left: 30px; */
position: relative;
}
label {
width: 80%;
padding-left: 8px;
}
.content_title_container {
padding-top: 50px !important;
/* padding-left: 10px !important; */
padding-left: 0px !important;
width: 100% !important;
}
.issue_no {
position: relative !important;
top: 0px !important;
left: 0px !important;
border-style: none;
float: left;
width: 50%;
}
.issue_no img {
width: 100% !important;
height: auto !important;
}
.download_pdf {
position: relative !important;
top: 0px !important;
left: 0px !important;
float: left;
width: 50%;
}
.download_pdf img {
height: auto;
width: 160px;
}
.content-img {
width:100%;
height:auto;
}
}
@media (min-width: 991px) {
.download-area {
top: -61px;
top: -20px\0;
}
.content_title_container {
margin-top:-11%;
}
}
@media (max-width:991px) {
.button_container1 {
margin: 0 auto;
width: 100%;
/* padding-left: 30px; */
position: relative;
top:0px !important;
}
.blue_button, .yellow_button, .red_button, .green_button {
width: 140px;
}
.btn, .Ybtn {
width: 140px;
}
.download-area {
float: left !important;
padding-left: 30px !important;
}
.menu-area {
padding-left: 57px !important;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.download-area {
padding-right: 50px !important;
float: right !important;
}
.menu-area {
/* margin-left: -35px; */
}
}
.menu-area {
padding-left: 30px !important;
padding-right: 0px ;
float: left;
position: relative;
margin-bottom: 40px;
}
@media (min-width: 768px) {
.download-area {
padding-left: 0px ;
padding-right: 0px ;
float: right !important;
position: relative;
}
}
.download-area {
padding-left:0px;
padding-right:0px;
}
.row {
margin-left: 0px !important;
margin-right:0px !important;
}
.content-img {
width:60% !important;
height:auto;
}
input[type="radio"] {
vertical-align: top;
}
/*
.download_pdf {
position: absolute;
top: 140px;
left: 760px;
cursor: pointer;
}
.issue_no {
position: absolute;
top: -24px;
left: 760px;
border-style: none;
}
*/
.download_pdf {
position: relative;
top: 10px;
/* left: 760px; */
cursor: pointer;
border-style: none;
}
.issue_no {
position: relative;
/* top: -24px; */
/* left: 760px; */
border-style: none;
}
.content-full-img {
max-width: 1000px;
width: 100% !important;
}
.content_title_container {
padding-left: 40px;
float: left;
width: 70%;
/* margin-top: -146px; */
}
.content_title_Tags_blue {
float: left;
/* margin-top: 65px; */
margin-left: 10px;
}
.content_title_logotxt_Blue {
float: left;
/* padding-top: 55px; */
color: #0e4260;
font-size: 19px;
font-weight: bold;
line-height: 20px;
text-align: center;
padding-left: 15px;
margin-top: 0px;
}
.content_title_Tags_Green {
float: left;
/* margin-top: 43px; */
margin-left: 10px;
}
.content_title_logotxt_Green {
float: left;
/* padding-top: 55px; */
color: #08361C;
font-size: 19px;
font-weight: bold;
line-height: 20px;
text-align: center;
padding-left: 15px;
margin-top: 0px;
}
.content_title_Tags_red {
float: left;
/* margin-top: 28px; */
margin-left: 10px;
}
.content_title_logotxt_red {
float: left;
/* padding-top: 19px; */
color: #4C0F15;
font-size: 19px;
font-weight: bold;
line-height: 20px;
text-align: center;
padding-left: 15px;
margin-top: 0px;
}
.content_title_Tags_yellow {
float: left;
/* margin-top: 44px; */
margin-left: 10px;
}
.content_title_logotxt_yellow {
float: left;
/* padding-top: 43px; */
color: #513E1D;
font-size: 19px;
font-weight: bold;
line-height: 20px;
text-align: center;
padding-left: 15px;
margin-top: 0px;
}
.content_title_select_container {
float: left;
padding-left: 54px;
/* width: 540px; */
line-height: 26px;
text-align: left;
padding-right: 20px;
}
.content_title_select_container p {
margin-top: -9px;
margin-left: 22px;
margin-bottom: 3px;
}
.radiobtn01 {
font-weight: normal;
color: #1F1F1F;
line-height: normal;
}
.radiobtn02 {
font-weight: normal;
color: #1F1F1F;
}
.radiobtn03 {
font-weight: normal;
color: #1F1F1F;
}
.radiobtn04 {
font-weight: normal;
color: #1F1F1F;
}
.radiobtn05 {
font-weight: normal;
color: #1F1F1F;
}
.ct_option_txt2 {
width: 500px;
font-size: 13px;
padding-left: 22px;
margin-top: -7px;
float: left;
}
.ct_option_txt {
font-size: 13px;
float: left;
}
.ct_option {
float: left;
vertical-align: central;
}
.article_container {
/* width: 750px; */
padding-left:40px;
padding-right:40px;
/* padding-top: 20px;*/
letter-spacing:5px;
}
.article_container img {
/*border-radius: 30px 0px;*/
margin-bottom: 10px;
}
.article_container h1, .article_container h2, .article_container h3, .article_container h4, .article_container h5 {
letter-spacing:3px;
}
.left_img {
float: left;
border-radius: 20px;
margin-top: 10px;
margin-right: 15px;
border-style: none;
}
.right_img {
margin-top: 10px;
float: right;
border-radius: 20px;
}
.left_paragraph {
/* width: 415px; */
float: left;
text-align: justify; text-justify: inter-ideograph;
padding-right: 20px;
}
.right_paragraph {
text-align: justify; text-justify: inter-ideograph;
float: right;
margin-top: 10px;
/* width: 415px; */
}
p {
text-align: justify; text-justify: inter-ideograph;
margin-top: 20px;
}
h1 {
color: #0e4260;
font-weight: bold;
/*font-size: 22px;*/
margin-top: 100px;
}
h2 {
font-size: 15px !important;
font-weight: bold !important;
font-style: italic !important;
color: #0E4260 !important;
margin-top: 29px !important;
}
h3 {
color: #08361c;
font-weight: bold;
/*font-size: 22px;*/
margin-top: 100px;
}
h4 {
color: #4C0F15;
font-weight: bold;
/*font-size: 22px;*/
margin-top: 100px;
}
h5 {
color: #3D2A13;
font-weight: bold;
/*font-size: 22px;*/
margin-top: 100px;
}
.sub_heading_blue {
color: #0E4260;
font-weight: bold;
/* margin-top: 100px; */
margin-top: 30px;
font-size: 22px;
line-height: 24px;
}
.sub_heading_green {
color: #08361c;
font-weight: bold;
/* margin-top: 100px; */
margin-top: 30px;
font-size: 22px;
line-height: 24px;
}
.sub_heading_red {
color: #4C0F15;
font-weight: bold;
/* margin-top: 100px; */
margin-top: 30px;
font-size: 22px;
line-height: 24px;
}
.sub_heading_brown {
color: #3D2A13;
font-weight: bold;
/* margin-top: 100px; */
margin-top: 30px;
font-size: 22px;
line-height: 24px;
}
ul {
/*list-style-image: url(../img/finger_blue1.png);*/
margin-bottom: 40px;
}
li {
padding-top: 15px;
text-align: justify; text-justify: inter-ideograph;
}
article {
padding-left: 40px;
}
.Group1 {
/* width: 320px; */
float: left;
}
figure {
margin-left: 2px;
}
.Figure1 {
width: 340px;
height: 150px;
float: left;
padding-top: 28px;
}
.Figure1 figure figcaption {
margin-top: -6px;
}
.Figure2 {
/* width: 350px; */
height: 180px;
float: left;
/* margin-left: 20px; */
border-style: none;
}
.Figure2 figure figcaption {
margin-top: -6px;
}
.Figure3 {
/* width: 340px; */
height: 260px;
float: left;
margin-top: 30px;
border-style: none;
}
.Figure3 figure figcaption {
margin-top: -6px;
}
.Figure4 {
/* width: 330px; */
height: 250px;
float: left;
margin-top: 10px;
border-radius: 20px;
/* margin-left: 21px; */
border-style: none;
}
.Figure4 figure figcaption {
margin-top: -6px;
}
.Group2 {
/* width: 320px; */
float: right;
}
table {
border-collapse: collapse;
width: 450px;
float: left;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
table, td, th {
border: 1px solid black;
text-align: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
vertical-align: text-top;
list-style-position: outside;
}
.table>tbody>tr>th {
border-top: 0px !important;
}
.Notes {
font-size: 13px;
}
th {
color: #0E4260;
font-size: 20px;
line-height: 24px;
}
.line_break {
height: 20px;
float: right;
width: 100%;
margin-top: 30px;
}
/* MISC */
.clear {
clear: both;
}
.totop {
float: right;
cursor: pointer;
padding-top: 50px;
color: #5e5e5e;
}
.totop img {
margin-bottom: 1px;
}
.totop:hover {
text-decoration: underline
}
.article_container .totop img {
vertical-align: text-bottom;
padding-top: 2px;
margin-right: 5px;
}
.footer_container {
height: 50px;
padding-top: 5px;
padding-bottom: 5px;
}
.footer_container div {
float: right;
}
.footimg {
padding-left: 16px;
border-style: none;
}
.disclaimer {
padding-top: 7px;
padding-right: 5px;
cursor: pointer;
}
a{
color: blue !important;;
}
a img {
border: 10px;
}
a:hover {
color: red;
text-decoration: none;
}
.link_style_1 {
color: #5e5e5e !important;
text-decoration: none;
}
.link_style_1:hover {
color: green;
text-decoration: none;
}
.clink {
color: black;
text-decoration: none;
}
.clink:hover {
color: black;
text-decoration: none;
}
@media print {
body * {
visibility: visible !important;
}
.download-area {
float:right !important;
top: 0px !important;
}
.menu-area {
padding-left:0px !important;
}
#header img {
/* max-width: 300px !important; */
width: 100% !important;
}
#head_link {
width: 100% !important;
float: right !important;
margin-right: 0px !important;
}
.footer_container .col-md-6 {
float: right !important;
}
.content.content-full-img {
width: 100% !important;
/* max-width:500px !important; */
}
.col-md-6 {
width: 50% !important;
float: left !important;
}
.col-md-5 {
width: 41.66666667% !important;
float: left !important;
}
.col-md-4 {
width: 33.33333333% !important;
float: left !important;
}
.btn, .Ybtn, .blue_button, .green_button, .red_button, .yellow_button {
width: 120px !important;
}
.col-md-9 {
width: 70% !important;
}
.col-md-3 {
width: 25% !important;
}
.issue_no, .download_pdf {
width: 100% !important;
max-width: 201px !important;
}
.download_pdf {
padding-top:20px !important;
}
.content_title_container {
margin-top:-60px !important;
}
.content_title_select_container {
width: 100% !important;
}
.fsize-larger {
font-size: 12px !important;
}
}
/*********************************/
.content_container_Green2 img,
.content_container_bule2 img,
.content_container_red2 img,
.content_container_yellow2 img
{border:1px solid #ddd;
border-radius:5px;
box-shadow: 2px 2px 2px 1px #ccc;
}
.totopBtn img,.download-area img,.banner img,#header img,.content_title_Tags_blue img,#article1 img,.content_title_Tags_green img,.content_title_Tags_red img,.content_title_Tags_yellow img{box-shadow:none !important;border:none;}
.img_text{/*font-size:16px;*/}
.img_new,#article1 .img_new{
border:1px solid #888 !important;
background: #fff;
border-radius:0px !important;
padding:5px;
box-shadow: 2px 2px 2px 1px #ddd !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.img_new2{
padding:10px;
margin:5%;
background:#fff;
box-shadow: 2px 2px 2px 1px #ddd !important;
transform:rotate(4deg);
transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
}
.img_new3 li{
float:left;
list-style-type:none;
padding:10px;
background:#fff;
box-shadow: 2px 2px 2px 1px #000 !important;
transform:rotate(4deg);
transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
}
.img_div{
background:url('../en/images/Jiangxi.jpg');
margin: 20px;
width: 700px;
height: 500px;
display: inline-block;
padding:10px;
border:1px solid #222 !important;
box-shadow: 2px 2px 2px 1px #333 !important;
transform: skewX(-10deg);
}
.t1{
background-color:#e3facf;
padding:10px;width:80%;
margin-left:10%;
margin-top:20px;
margin-bottom:20px;
border:1px solid #c7f2a2;
border-radius:5px;
box-shadow: 2px 2px 2px 1px #96b879 !important;
}
.t2{
padding:10px;
width:80%;
margin-left:10%;
margin-top:20px;
margin-bottom:20px;
border-radius:5px;
border:1px solid #b0f4f7;
background-color:#cffdff;
box-shadow: 2px 2px 2px 1px #04868a !important;
}
.t3{
padding:10px;width:80%;
margin-left:10%;
margin-top:20px;
margin-bottom:20px;
border-radius:5px;
border:1px solid #60e0b7;
background-color:#e0fff5;
box-shadow: 2px 2px 2px 1px #51cfa6 !important;
}
.t4{
padding:10px;
border-radius:10px;
border:1px dashed #385723;
background-color:#E2F0D9;
/* margin-top:20px; */
margin-bottom:20px;
}
.content_container_Green2 {
position: relative;
width: 100%;
margin: 0 auto;
border:1px solid #3eb9ad;
border-radius:10px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
margin-bottom:20px;
padding-bottom:20px;
}
.content_container_red2 {
position: relative;
border-radius: 20px;
width: 100%;
border:1px solid #f58b87;
border-radius:10px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
margin-bottom:20px;
padding-bottom:20px;
}
.content_container_yellow2 {
position: relative;
border-radius: 20px;
width: 100%;
border:1px solid #f7e097;
border-radius:10px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
margin: 0 auto;
margin-bottom:20px;
padding-bottom:20px;
}
.content_container_blue2 {
margin-bottom:20px;
padding-bottom:20px;
border:1px solid #91cef2 ;
border-radius:10px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2) !important;
}
.green_button_new:hover{
background-color: #78ded4;
}
.red_button_new:hover{
background-color: #f58b87;
}
.yellow_button_new:hover{
background-color: #f7e097;
}
.blue_button_new:hover{background-color:#91cef2 !important}
.bluebg{
width:100%;
height:100%;opacity: 0.1;
position: absolute;
background-image: url('../chs/img/blue.png');
background-repeat: repeat-y;
}
.greenbg{
width:100%;
height:100%;opacity: 0.1;
position: absolute;
background-image: url('../chs/img/green.png');
background-repeat: repeat-y;
}
.redbg{
width:100%;
height:100%;opacity: 0.1;
position: absolute;
background-image: url('../chs/img/pink.png');
background-repeat: repeat-y;
}
.yellowbg{
width:100%;
height:100%;opacity: 0.1;
position: absolute;
background-image: url('../chs/img/yellow.png');
background-repeat: repeat-y;
}
.content_container_blue2 h3.accordion.active,.content_container_blue2 h3.accordion:hover {
background-color: #8bcff7;
}
.content_container_blue2 h3.accordion {
background-color: #e4f0f7;
color: #444;
cursor: pointer;
line-height:150%;
/* padding: 18px; */
width: 100%;
border: none;
text-align: left;
outline: none;
/* font-size: 15px; */
transition: 0.4s;
font-size: 1em ;
font-weight:normal !important;
margin: 0;
margin:10px 0px 10px 0px!important
}
.content_container_blue2 .title-bb span {
background: #54b3eb;
border-radius: 20px;
color: #fff;
margin-top:-10px;
position: absolute;
padding:21px 20px;
}
.content_container_Green2 h3.accordion.active,.content_container_Green2 h3.accordion:hover {
background-color: #9cf7ed;
}
.content_container_Green2 h3.accordion {
background-color: #e3fffc;
color: #444;
cursor: pointer;
/* padding: 18px; */
width: 100%;
border: none;
text-align: left;
font-size: 1em ;
outline: none;
/* font-size: 15px; */
transition: 0.4s;
line-height:150%;
font-weight:normal !important;
margin: 0;
margin:10px 0px 10px 0px!important
}
.content_container_Green2 .title-bb span {
background: #60d1c5;
border-radius: 20px;
color: #fff;
margin-top:-10px;
position: absolute;
padding:21px 20px;
}
.content_container_yellow2 h3.accordion.active,.content_container_yellow2 h3.accordion:hover {
background-color: #f7ecbc;
}
.content_container_yellow2 h3.accordion {
background-color: #fcf9ed;
color: #444;
cursor: pointer;
line-height:150%;
/* padding: 18px; */
width: 100%;
border: none;
text-align: left;
outline: none;
/* font-size: 15px; */
transition: 0.4s;
font-size: 1em ;
font-weight:normal !important;
margin: 0;
margin:10px 0px 10px 0px!important
}
.content_container_yellow2 .title-bb span {
background: #d9c25d;
border-radius: 20px;
color: #fff;
margin-top:-10px;
position: absolute;
padding:21px 20px;
}
.content_container_red2 h3.accordion.active,.content_container_red2 h3.accordion:hover {
background-color: #fac0c0;
}
.content_container_red2 h3.accordion {
background-color: #fff5f5;
color: #444;
cursor: pointer;
line-height:150%;
/* padding: 18px; */
width: 100%;
border: none;
text-align: left;
outline: none;
/* font-size: 15px; */
transition: 0.4s;
font-size: 1em ;
font-weight:normal !important;
margin: 0;
margin:10px 0px 10px 0px!important
}
.content_container_red2 .title-bb span {
background: #de9797;
border-radius: 20px;
color: #fff;
margin-top:-10px;
position: absolute;
padding:20px 20px;
}
.title-bb {
background: #edfffd;
border-radius: 16px 0 0 16px;
padding: 10px 0;
margin-top: 0;
}
.title-c{padding-left:42px;cursor:pointer;letter-spacing:3px;font-weight:bold;}
.h3, h3 {
}
.content_container_blue2 .content_title_container,.content_container_Green2 .content_title_container,.content_container_red2 .content_title_container,.content_container_yellow2 .content_title_container{width:90% !important}
.content_container_red2 .content_title_container .content_title_select_container,
.content_container_yellow2 .content_title_container .content_title_select_container,
.content_container_Green2 .content_title_container .content_title_select_container,
.content_container_blue2 .content_title_container .content_title_select_container{max-width:650px !important}
.title-bb a{color:#111 !important}
.blue_button_new {
-moz-box-shadow: 0px 8px 14px -7px #043f66;
-webkit-box-shadow: 0px 8px 14px -7px #043f66;
box-shadow: 0px 8px 14px -7px #043f66;
background-color: #5DB2E6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
/* height: 57px; */
text-align: center;
padding-top: 26px;
/* padding-top: 16px; */
/* padding-top: 8px\0; */
padding-bottom: 2.5em\0;
font-family: 'Raleway', arial;
color:#111 !important;
font-size: 20px;
text-decoration: none;
}
.blue_button_new:hover {
position: relative;
top: -6px;
color: #0d415e;
font-weight: bold;
}
.blue_button_new:active {
position: relative;
}
.green_button_new {
-moz-box-shadow: 0px 8px 14px -7px #253b1a;
-webkit-box-shadow: 0px 8px 14px -7px #253b1a;
box-shadow: 0px 8px 14px -7px #253b1a;
background-color: #3eb9ad;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
/* height: 57px; */
text-align: center;
padding-top: 26px;
/* padding-top: 16px; */
/* padding-top: 8px\0; */
padding-bottom: 2.5em\0;
font-family: 'Raleway', arial;
color:#111 !important;
font-size: 20px;
text-decoration: none;
}
.green_button_new:hover {
position: relative;
top: -6px;
color: #06361C;
font-weight: bold;
}
.green_button_new:active {
position: relative;
}
.red_button_new {
-moz-box-shadow: 0px 8px 14px -7px #860907;
-webkit-box-shadow: 0px 8px 14px -7px #860907;
box-shadow: 0px 8px 14px -7px #860907;
background-color: #e75751;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
/* height: 57px; */
text-align: center;
padding-top: 26px;
/* padding-top: 16px; */
/* padding-top: 8px\0; */
padding-bottom: 2.5em\0;
font-family: 'Raleway', arial;
color:#111 !important;
font-size: 20px;
text-decoration: none;
}
.red_button_new:hover {
font-weight: bold;
position: relative;
top: -6px;
color: #4B0E15;
}
.red_button_new:active {
position: relative;
}
.yellow_button_new {
-moz-box-shadow: 0px 8px 14px -7px #795b0f;
-webkit-box-shadow: 0px 8px 14px -7px #795b0f;
box-shadow: 0px 8px 14px -7px #795b0f;
background-color: #f0ca56;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display: inline-block;
cursor: pointer;
width: 174px;
height: 47px;
text-align: center;
padding-top: 26px;
/* padding-top: 16px\0; */
padding-bottom:2.5em\0;
color: #60370A !important;
font-family: 'Raleway', arial;
color:#111 !important;
font-size: 20px;
text-decoration: none;
}
.yellow_button_new:hover {
font-weight: bold;
position: relative;
top: -6px;
color: #60370A;
}
.yellow_button_new:active {
position: relative;
}
.issue_no_new{
margin-top:-10px
}
.wrapper {
transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
}
.skewed {
background: #fff;
width: 450px;
height: 300px;
-webkit-transform: skewX(40deg);
-ms-transform: skewX(40deg);
transform: skewX(-10deg);
overflow:hidden;
-webkit-backface-visibility: hidden;
float: left;
box-shadow: 2px 2px 2px 1px #000 !important;
}
.skewed2 {
width: 100%;
height: auto;
-webkit-transform: skewX(40deg);
-ms-transform: skewX(40deg);
transform: skewX(-10deg);
overflow:hidden;
-webkit-backface-visibility: hidden;
float: left;
}
article p{line-height:200%}
article p:not(.exc)::first-letter{ font-size:1.4em;font-weight:bold;}
.circle-article{
text-align:center;width:100%;height:100%;margin-top:20px;
}
.circle-article-img{float:left;width:300px;padding:10px;shape-outside: ellipse();margin-right:60px;}
.halfCircle1{
width: 300px;
height: 150px;
background-color: #fff;
border-top-left-radius: 110px !important;
border-top-right-radius: 110px !important;
border: 10px solid #eee !important;
border-bottom: 0 !important;
}
.halfCircle2{
width: 300px;height: 150px;
background-color: #fff;
border-bottom-left-radius: 110px !important;
border-bottom-right-radius: 110px !important;
border: 10px solid #eee !important;
border-top: 0 !important;
}
.skewed img {
position:absolute;
left:-200px;
overflow: hidden;
transform: skewX(10deg);
width:600px
}
.skewed2 img {
left:-200px;
}
img.photo1{width:25%; transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;cursor:pointer}
img.photo1:hover{width:30%}
img.photo2{width:90%; transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;cursor:pointer}
img.photo2:hover{width:100%}
img.photo3{width:95%;height:100%;border-radius: 50%;padding:10px;}
img.photo3:hover{width:100%;transition:all .5s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;cursor:pointer}
img.photo4{width:240px;}
img.photo5{width:270px;}
img.photo6{width:500px;}
.wleft1 {
float: left;
clip-path: polygon(0% 0%, 70% 0%, 70% 25%, 100% 55%, 100% 100%, 0% 100%);
shape-outside: polygon(0% 0%, 70% 0%, 70% 25%, 100% 55%, 100% 100%, 0% 100%);
}
.wleft2 {
float: left; -webkit-clip-path: polygon(0% 0%, 100% 0%, 20% 100%); clip-path: polygon(0% 0%, 100% 0%, 20% 100%); -webkit-shape-outside: polygon(0% 0%, 100% 0%, 20% 100%); shape-outside: polygon(0% 0%, 100% 0%, 20% 100%);
}
.wleft3 {
float: right; -webkit-clip-path: polygon(0% 0%, 100% 0%, 70% 100%); clip-path: polygon(0% 0%, 100% 0%, 70% 100%); -webkit-shape-outside: polygon(0% 0%, 100% 0%, 70% 100%); shape-outside: polygon(0% 0%, 100% 0%, 70% 100%);
}
.wright1 {
float: right;
clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 25% 25%);
shape-outside: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 50%, 25% 25%);
}