/* • adjustment
    ------------------------------------------------------------------------- */
    .adj-inside .page-top        { padding-top:10px}
    .adj-inside .in-menu-blk     { margin-left:25%; margin-right:20px }
    .adj-inside .page-padding-lr { padding-left:50px; padding-right:50px }
    .adj-inside header .in-logo-blk     { width:calc(100% - 50px); position:absolute; left:50px; top:-38px; transition: all 0.3s ease-out; height:1px;}
    .adj-inside header .in-logo-blk img { width:140px; height:auto;}
    .adj-inside #menu-d ul          { background-image: url(images/nav-white-corner.svg); background-position:left top; background-repeat:no-repeat;}
   	
    .adj-inside table.stock-info a       { text-decoration:none; color:#333}
    .adj-inside table.stock-info a:hover { text-decoration:underline; color:#125ba6}
    .news-into { padding-bottom:10px; margin-bottom:20px}

    .adj-inside .logo-space { position:absolute; top:0; left:48px; z-index:90;}
    .adj-inside .logo-space img { width:140px; height:80px;}
    .adj-inside .logo-space a { cursor:pointer;}


    /* • Breadcrumb
   	------------------------------------------------------------------------- */
    .breadcrumb.bg-right      { background-image:url(images/bg-breadcrumb.gif); background-repeat:repeat-y; background-position:center; overflow:hidden;}
    .breadcrumb .bgcolor 	   	{ background-color: #ccc}
    .breadcrumb .b-pos 		   	{ padding-top:8px; padding-bottom:8px;}
  	.breadcrumb ul 				    { margin:0; padding:0}
  	.breadcrumb ul li 			  { margin:0; padding:0; list-style:none; display:inline-block;}
  	.breadcrumb ul li:after 	{ content:"/"; padding:0 10px}
  	.breadcrumb ul li:last-child:after  { content:""; padding:0;}

    .breadcrumb .adj-subscribed-report        { height:14px; font-size:13px!important; text-align:right; margin-right:-10px; }
    .breadcrumb .adj-subscribed-report a .fa  { margin-left:20px; padding-right:5px}
    .breadcrumb .adj-subscribed-report a        { transition: all 0.3s ease-out; }
    .breadcrumb .adj-subscribed-report a { display:none;}

   	/* • common for inside page (d=desktop)
   	------------------------------------------------------------------------- */
    .bg-in-white-content { background-image:url(images/bg-inside-content-white.gif); background-repeat:repeat-y; background-position:center;}
  	.in-pg-bottom	{ padding:0 0 80px 0}						       
   	.section-title  { padding-bottom:15px}
    html #body.en .general h2, html #body.en .general h3 { padding-bottom:5px; line-height:1.4}

  	.in-menu-col { width:calc(25% - 50px); float:left; padding-left:50px; padding-top:20px; display:block;}
    .in-menu-col ul 			 { margin:0; padding:10px 50px 0 0;}
    .in-menu-col ul li 	     { margin:0; padding:12px 20px 12px 20px; list-style:none; }

    .in-menu-col ul a li.l2-d        { background-color:#fff; transition: all 0.3s ease-out; cursor:pointer; border-bottom:1px solid #dedede; padding:12px 20px 12px 20px; }
    .in-menu-col ul a:hover li.l2-d  { background-color:#e3e3e3; border-bottom:1px solid #fff; padding:12px 20px 12px 30px; }
    
    .in-menu-col ul li.l3-d	 { padding:10px 20px 10px 40px; background-color:#efefef; border-bottom:1px solid #fff; text-indent: -25px;}

    .in-menu-col ul a li.l3-d    	   { color:#333; background-color:#efefef;  transition: all 0.3s ease-out;}

    .in-menu-col ul li.current-l2-d	 { color:#fff;
                                         -webkit-border-bottom-right-radius: 25px;
                                             -moz-border-radius-bottomright: 25px;
                                                 border-bottom-right-radius: 25px;}
    .in-menu-col ul li.current-l3-d	 { background-color:#efefef; cursor:none; -webkit-border-top-left-radius: 10px; font-weight:bold;}

    .in-menu-col ul a li.l3-d,  .in-menu-col ul li.current-l3-d { 
                                               -webkit-border-top-left-radius: 10px;
                                           -webkit-border-bottom-right-radius: 25px;
                                                   -moz-border-radius-topleft: 10px;
                                               -moz-border-radius-bottomright: 25px;
                                                       border-top-left-radius: 10px;
                                                   border-bottom-right-radius: 25px;}



    .in-gen-col { width:calc(75% - 35px); float:left; padding-right:35px}
    .in-gen-col .g-banner-blk { margin-bottom:50px}
  	.in-gen-col .g-banner-blk h1	{ position:absolute; right:50px; bottom:20px; color:#fff}
    .banner-corner 		{ -webkit-border-bottom-right-radius: 20px;
            					   -webkit-border-bottom-left-radius: 100px;
            						    -moz-border-radius-bottomright: 20px;
            						     -moz-border-radius-bottomleft: 100px;
            						        border-bottom-right-radius: 20px;
            						         border-bottom-left-radius: 100px;}
    html #body.en .general { line-height:1.8}
    html #body.cn .general { line-height:2 }

    .general .content-pos  { }
   	

   	/* • Inside content
   	------------------------------------------------------------------------- */
    .in-rounder-corner	{ -webkit-border-bottom-left-radius: 100px;
              							  -moz-border-radius-bottomleft: 100px;
              								    border-bottom-left-radius: 100px; }



    /* • Pagination
     ------------------------------------------------------------------------- */
    .pagination { padding:0 20px; text-align:right; color:#666;
                  -webkit-border-bottom-left-radius: 20px;
                      -moz-border-radius-bottomleft: 20px;
                          border-bottom-left-radius: 20px;}
   
    .pagination input [type=text] { width: 25px; margin:0 10px; padding: 15px 10px; border:none; outline:none; color:#fff}
    .pagination .fa-angle-left    { padding:0 20px 0 0; font-size:18px; line-height:normal; vertical-align:middle; }
    .pagination .fa-angle-right   { padding:0 0 0 20px; font-size:18px; line-height:normal; vertical-align:middle; }

    .pagination .fa:hover { cursor:pointer; color:#ccc; transition: all 0.3s ease-out; }

    .page       { width:25px; margin:0 10px; padding: 15px 10px;
                  border:none; outline:none; background-color:#ccc; transition: all 0.3s ease-out;}
    .page:focus { background-color:#dedede; color:#125ba6;}


    /* • View all (News)
     ------------------------------------------------------------------------- */
     


    /* ==========================================================================
    	Media Styles
    ============================================================================= */
    
    @media only screen and (max-width:1200px) {
    .adj-inside #media-menu  { margin-right:20px;}
    .adj-inside .in-menu-blk { margin-right:0; margin-right:10px }
    .adj-inside header .in-logo-blk      { width:calc(100% - 25px); left:25px; top:-35px;}
    .adj-inside header .in-logo-blk img  { width:130px; height:auto;}
    .adj-inside .logo-space { position:absolute; top:0; left:20px}
    .adj-inside .logo-space img { width:140px;}

    .adj-inside .in-menu-blk         { background-image:url( images/nav-white-corner.svg);  background-position:left top; background-repeat:no-repeat; text-align:right;}

    .in-menu-col { display:none;}
    .in-gen-col  { width:calc(100% - 35px); padding-left:35px; padding-right:0;}
  	.in-gen-col .g-banner-blk h1	{ right:40px; bottom:10px;}
   	.in-gen-col .g-banner-blk img.banner-corner	{ -webkit-border-bottom-right-radius: 0px;
                          												 -webkit-border-bottom-left-radius: 50px;
                          													  -moz-border-radius-bottomright: 0px;
                          													   -moz-border-radius-bottomleft: 50px;
                          													      border-bottom-right-radius: 0px;
                          													       border-bottom-left-radius: 50px;}
    .general .content-pos  { padding-right:35px}
    .breadcrumb .adj-subscribed-report a { display:inline-block;}

    }


    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .adj-inside header .in-logo-blk { width:calc(100% - 30px); left:30px;} 
    }

    @media only screen and (max-width: 745px) {
    .adj-inside header .in-logo-blk      { top:-30px;}

    .adj-inside .page-top        { padding-top:0px}

  	.adj-inside #media-menu       	 { margin-right:0;}
  	.adj-inside .in-menu-blk     	   { margin-left:32%; margin-right:0px; }
  	.adj-inside .page-padding-lr   	 { padding-left:25px; padding-right:25px }
  	.adj-inside header .in-logo-blk img { width:120px; height:auto;}
    .adj-inside .logo-space img { width:140px; height:65px}

    .in-gen-col  { width:100%; padding-left:0; padding-right:0;}
   	.in-gen-col .g-banner-blk img.banner-corner	{ -webkit-border-bottom-right-radius: 20px;
                      												     -webkit-border-bottom-left-radius: 0px;
                      													      -moz-border-radius-bottomright: 20px;
                      													       -moz-border-radius-bottomleft: 0px;
                      													          border-bottom-right-radius: 20px;
                      													           border-bottom-left-radius: 0px; }
   	.in-gen-col .g-banner-blk h1	{ right:25px;}
    .in-gen-col .g-banner-blk 		{ margin-bottom:30px; display:none}

    .general .content-pos  { padding-right:25px; padding-left:25px; margin-top:30px}

    .breadcrumb .adj-subscribed-report        { margin-right:0px}


    html #body.en .general h2, html #body.en .general h3 { line-height:1.2}
    }

    @media only screen and (max-width: 479px){
    .adj-inside .in-menu-blk 		      { margin-left:50%;}
    .adj-inside header .in-logo-blk   { width:calc(100% - 20px); left:20px;}
    }