.sub-page_Title {color: rgb(204, 18, 18); font-weight:bold; font-size:15pt; font-family:Arial;}
.empty_cell_C1{border: 2px dotted green; width: 100px; height: 10px;}

.first_Line_A { font-family: Arial;	font-size: 18px; color:#7EEDFC; }
.second_Line_A {font-family: Arial;	font-size: 22px; color:#FFFFFF; }

.first_Line_B { font-family: Arial;	font-size: 24px; color:#7EEDFC; }
.second_Line_B {font-family: Arial;	font-size: 22px; color:#FFFFFF; }


/*jssor slider loading skin double-tail-spin css*/
        .jssorl-004-double-tail-spin img {
            animation-name: jssorl-004-double-tail-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-004-double-tail-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/
        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 082 css*/
        .jssora082 {display:block;position:absolute;cursor:pointer; width:30px;height:40px}
        .jssora082 .c {fill:#fff;fill-opacity:.5;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:0.3;}
        .jssora082 .a {fill:#000;opacity:.8;}
        .jssora082:hover .c {fill-opacity:.3;}
        .jssora082:hover .a {opacity:1;}
        .jssora082.jssora082dn {opacity:.5;}
        .jssora082.jssora082ds {opacity:.3;pointer-events:none;}

        

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*						    					   RESPONSIVE LAYOUTS PART B					   		 													 */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/


/******* The "only" keyword is used to prevent older browsers that do not support media queries with media features from applying the specified styles. *******/


/******* 1.Desktop (Michael Office Samsung and AOC) width of 1920px *******/

@media only screen and (min-width: 1621px)
{

}	

@media only screen and (min-width: 1601px) and (max-width: 1620px) 
{

}	

/******* 2. 15.6" Laptop (Michael Asus) width of 1536px *******/
@media only screen and (min-width: 1401px) and (max-width: 1600px) 
{

}


/******* 3. 2nd Floor Meeting room TV width of 1225px *******/

/******* 3. 12" Laptop width of 1200px *******/

@media only screen and (min-width: 1201px) and (max-width: 1400px) 
{
  
}


@media only screen and (min-width: 1001px) and (max-width: 1200px) 
{

}


@media only screen and (min-width: 901px) and (max-width: 1000px) 
{
    .first_Line_A {	font-size: 20px;}
    .second_Line_A {font-size: 24px;}
      
    .first_Line_B {	font-size: 26px;}
    .second_Line_B {font-size: 24px;}

    .jssora082{width:36px;height:48px;}

}



@media only screen and (min-width: 801px) and (max-width: 900px) 
{
    .first_Line_A {	font-size: 22px;}
    .second_Line_A {font-size: 26px;}
      
    .first_Line_B {	font-size: 28px;}
    .second_Line_B {font-size: 26px;}
    .jssora082{width:45px;height:60px;}
}




/******* 4.iPad & Tablet width of 768px *******/
/******* 5.Small Tablets & Larger Phones width of 685px *******/
/******* 5.Michael's Huaiwei Landscape width of 601px   *******/


@media only screen and (min-width: 701px) and (max-width: 800px) 
{
    .first_Line_A {	font-size: 24px;}
    .second_Line_A {font-size: 28px;}
      
    .first_Line_B {	font-size: 30px;}
    .second_Line_B {font-size: 28px;}

    .jssora082{width:45px;height:60px;}
}



/******* 6.iPhone (Landscape) width of 568px *******/
/******* 7.Other Hand Phones (Landscape) width of 480px *******/

@media only screen and (min-width: 501px) and (max-width: 700px) 
{
    .first_Line_A {	font-size: 26px;}
    .second_Line_A {font-size: 30px;}
      
    .first_Line_B {	font-size: 32px;}
    .second_Line_B {font-size: 30px;}

    .jssora082{width:45px;height:60px;}
}





/******* 8.Michael's Xiaomi (Portrait) width of 412px  *****************/
@media only screen and (min-width: 401px) and (max-width: 500px) 
{
    .first_Line_A {	font-size: 30px; line-height: 1.3;}
    .second_Line_A {font-size: 36px; line-height: 1.3;}
      
    .first_Line_B {	font-size: 36px; line-height: 1.3;}
    .second_Line_B {font-size: 34px; line-height: 1.3;}

    .jssora082{width:45px;height:60px;}

}


/******* 9.Michael's Huaiwei (Portrait) width of 360px  *****************/
/******* 9.iPhone (Portrait) width of 393px *******/
/******* 9.Other Hand Phones width of 320px *******/

@media only screen and (min-width: 300px) and (max-width: 400px) 
{
    .first_Line_A {	font-size: 30px; line-height: 1.3;}
    .second_Line_A {font-size: 36px; line-height: 1.3;}
      
    .first_Line_B {	font-size: 36px; line-height: 1.3;}
    .second_Line_B {font-size: 34px; line-height: 1.3;}

    .jssora082{width:45px;height:60px;}
}




/*************************************************************************************************************************************************************/

/************************************************  END  ******************************************************************************************************/

/*************************************************************************************************************************************************************/