/* ==========================================================================
	Global Styles
============================================================================= */


	/* • Common
	------------------------------------------------------------------------- */

	html,  q
	p, h1, h2, h3, h4,h5, h6, figure	{ margin:0; padding: 0; font:inherit; vertical-align:baseline}
	
	body    { margin:0 auto; padding:0 0 50px 0; width:100%;			  
			  color:#333; line-height:2; 
			  -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; }
	html    { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline}
 	input, textarea, select { padding:0; margin:0; moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px}
	div		 { position:relative;}

	img 		 { border:0; -ms-interpolation-mode: bicubic; }
	.img-scale 	 { width:100%; height:auto}

	a 			{ color:#333; text-decoration:none; outline:0; }
	a:visited 	{ text-decoration:none; outline:0; }
	a:active 	{ text-decoration:none; outline:0; }
	a:hover 	{ text-decoration:none; outline:0; }
	a:focus 	{ -moz-outline-style:none; }

	.notication a { text-decoration: underline; color: #018752;}
	
    .general a  { -ms-word-break: break-all; word-break:break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
	/* Global Classes *****/
	.clear          { clear:both }
	.float-left 	{ float:left }
	.float-right   	{ float:right}

	.block			{ display:block; }
	.hidden			{ display:none; }
	.hide 			{ display:none; }

	.clear			{ clear:both;}

	.bg-white		{ background-color:#fff} 
	.bg-black		{ background-color:#000} 
	.bg-green		{ background-color:#018752}
	.bg-lightGreen	{ background-color:#99cc33} /*lightGreen + border #b3dc2b*/
	.bg-orange		{ background-color:#f47920}
	.bg-blueGray	{ background-color:#2e3438}
	.bg-blue 		{ background-color:#2181b3}

	.txt-white			{ color:#fff;}
	.txt-black			{ color:#333;}
	.txt-lightGreen		{ color:#99cc33}
	.txt-green 			{ color:#018752}
	.txt-orange			{ color:#f47920;}



	/* Global Classes (Specific)*****/
	.full-wrapper   { width:100%; /*height:100%;*/}
	.inner-wrapper 	{ max-width:1200px;  margin:0 auto; /*border:1px solid red*/}
	.margin-center  { margin: 0 auto}

 
	/* Action btn *****/
	.goto-btn { border:none; cursor:pointer; line-height:30px; padding:10px; background-color:#99cc33;
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
				        border-radius: 5px;
						transition: all 0.3s ease-out;}

	.goto-btn:before { content:url('images/icon-goto.svg'); position:relative; top:3px;}
	a.goto-btn:hover { background-position: right -30px; background-color:#ccc; color:#333; }


  	/* =  Alpha List 
	------------------------------------------------------------------------- */
	ol.alphaList 		{ clear:both; margin:0 auto; list-style:none; text-align: center; padding:0}
	ol.alphaList li 	{ display:inline}
	ol.alphaList li a 	{ width:35px; height:35px; background: url(images/bg-bk-opacity-20.png) repeat; color:#fff; line-height:2.3;
						  text-align:center; text-decoration:none;
    					  vertical-align:middle; display:inline-block; margin:4px 0 0 0;
    					  transition: all 0.3s ease-out;}

	ol.alphaList li a:hover 	{ background: url(images/bg-bk-opacity-50.png) repeat;}

    ol.alphaList li .gi-more { line-height:2.2}


 	/* =  Sticky footer
	------------------------------------------------------------------------- */

	.sticky-footer-blk	{ position:fixed; bottom:0; height:50px; z-index:900; color:#fff; vertical-align:middle; border-top:1px solid #fff;}
	.sticky-footer-pos  { padding:0 45px}
	
	.sticky-cookies-blk	{ position:fixed; bottom:50px; height:auto; z-index:9999; color:#fff; vertical-align:middle; border-top:1px solid #fff; border-bottom:1px solid #fff;}
	.sticky-cookies-pos  { padding:10px 45px}
	#Cookies-content { float: left; width: 70%; }
	#Cookies-content a, #Cookies-content a:visited { color: #fff; text-decoration: underline; }
	#noCookies { float: left; width: 10%; padding: 10px; text-align: center; margin-top:5px; cursor: pointer; }
	#Cookies { float: left; width: 10%; padding: 10px; text-align: center; margin-top:5px; background-color: #b3dc2b; border-radius: 10px; color: #333; cursor: pointer; }
	#Cookies-content a:hover , #noCookies:hover, #Cookies:hover{ color: #018752; }	

	#body.en ul.media-sm:before, #body.tc ul.media-sm:before, #body.sc ul.media-sm:before 
	{ display:inline-block; height:50px; vertical-align:middle; text-transform:uppercase; padding-right:10px}
	/*#body.en ul.media-sm:before {content:"Find Us On:";}
	#body.tc ul.media-sm:before {content:"關注我們:";}
	#body.sc ul.media-sm:before {content:"关注我们:";}*/

	ul.media-sm { margin:0; padding:0; height:50px; float:left}
	ul.media-sm li { margin:0 4px 0 0; padding:0; display:inline-block; list-style:none; transition:all 0.3s ease; margin-top:10px}
	ul.media-sm li:last-child { margin:0 0 0 0;}

	li.media-sm-btn img { position:absolute; z-index:5; width:30px; height:30px;}
	li.media-sm-btn div { width:30px; height:30px; background-color:#fff;
					-webkit-border-radius: 50px;
					   -moz-border-radius: 50px;
							border-radius: 50px;
					 -webkit-transition: all 0.35s ease-in-out;
						-moz-transition: all 0.35s ease-in-out;
						 -ms-transition: all 0.35s ease-in-out;
						  -o-transition: all 0.35s ease-in-out;
						     transition: all 0.35s ease-in-out;}

    li.media-sm-btn:hover div { background-color:#ccff00;}

    .subscrible-sticky 			{ width:300px; float:left; text-transform:uppercase; margin-top:10px}
    .subscrible-sticky:hover   	{ color:#ccff00; cursor:pointer}
	.subscrible-sticky:before  	{ content:url(images/icon-subscribe-sm.svg); display:inline-block; height:30px;
								  vertical-align:middle; padding-right:10px;}


	/* • Back to Top
	------------------------------------------------------------------------- */
	#back-to-top   { position:fixed; bottom:0px; right:60px; z-index:999;}
	p#back-to-top  { margin:0; padding:0}
	#back-to-top a  { width:100px; height:50px; display:block; text-align:center; text-decoration:none; color: #bbb;
		              -webkit-transition: 1s;
		              -moz-transition: 1s;
		              transition: 1s;}
	#back-to-top a:hover	{ color: #fff;}
	#back-to-top a span     { width:100px; height:50px; display:block; margin-bottom:0px;
                 background: #212121;
                 -webkit-transition: 1s;
                 -moz-transition: 1s;
                 transition: 1s;}
	#back-to-top i { font-size:50px; line-height:normal;}



	/* • Drop Down Menu
	------------------------------------------------------------------------- */
	.dropdown-coupon-bg { background-color:#018752;} /* for Discount Coupon */
	.dropdown-zone.dropdown-coupon-bg .dropdown li a { padding:10px 25px 10px 25px!important;}/* for Discount Coupon */
	.dropdown-zone.dropdown-coupon-bg { color:#fff!important;}/* for Discount Coupon */


	#body.green .dropdown-zone-exlist { background:#e7e7e7; color:#333}
       
       
	.dropdown-zone-index,  #body.blue .dropdown-zone-exlist { background:#c87f0a;}
	.dropdown-zone-news  	{ background:#fff; }
	.sb-pos .dropdown-zone .dropdown li, 	.dropdown-zone-exlist .dropdown li { /*text-indent:10px*/}
	.dropdown-events { text-indent:10px}
	.dropdown-zone-exlist i { padding-right:10px}

	.dropdown-sep  { background-color:#018752; color:#fff;  padding:10px 20px!important;}
	.dropdown-zone {  position:relative; width:auto; margin:0 auto; padding:10px 20px;
					  z-index:1; font-weight:normal; /*margin-top:10px;*/
	              box-shadow: 0 1px 0 rgba(0,0,0,0.2);
	                  cursor: pointer;
	                   outline: none;
	            -webkit-transition: all 0.3s ease-out;
	               -moz-transition: all 0.3s ease-out;
	                -ms-transition: all 0.3s ease-out;
	                 -o-transition: all 0.3s ease-out;
	                    transition: all 0.3s ease-out;}

	.dropdown-zone:not(.noafter):after {  content:url('images/img-arrow-down.svg'); width:0; height:0; position:absolute; font-size:20px; line-height:normal;
	              top:calc(50% - 10px); right:30px; 
	              margin-top: 5px;}

	.dropdown-zone .dropdown {  position:absolute; top:100%; left:0; right:0; margin:0; padding:0;
	                  background:#fff; border-top:none; border-bottom:none; list-style:none;
	                            max-height: 0px;
	                    -webkit-transition: all 0.3s linear;
	                       -moz-transition: all 0.3s linear;
	                        -ms-transition: all 0.3s linear;
	                         -o-transition: all 0.3s linear;
	                            transition: all 0.3s linear;
	                  visibility:hidden; opacity:0; 
						-webkit-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.61);
						   -moz-box-shadow: 0px 0px 13px 0px rgba(50, 50, 50, 0.61);
								box-shadow:  0px 0px 13px 0px rgba(50, 50, 50, 0.61);}
	.dropdown-zone .dropdown ul   { margin:0; padding:0;}
	.dropdown-zone .dropdown li   { margin:0; padding:0; border-bottom: 1px solid #e6e8ea; line-height:1.4; list-style-type:none}
	.dropdown-zone .dropdown li a { display:block; text-decoration:none; color:#333; padding:10px 20px; 
	                      			  transition: all 0.3s ease-out;}
	.dropdown-zone .dropdown li:last-of-type a { border: none;}


	/* Hover state */
	.dropdown-zone .dropdown li:hover a { color:#fff; background-color:#333;}

	/* Active state */
	#body.green .dropdown-zone.active {color: #333}
	.dropdown-zone.active          	{ box-shadow:none; border-bottom:none; z-index:100; }
	.dropdown-zone.active:after    	{ border-color: #82d1ff transparent; content:url('images/img-arrow-up.svg'); }
	.dropdown-zone.active .dropdown  { border-bottom: 1px solid rgba(0,0,0,0.2); display:block; opacity:1; visibility: visible; overflow: auto;
	                                            max-height: 500px; 
	                                             -webkit-transition: max-height 0s;
	                                                -moz-transition: max-height 0s;
	                                                 -ms-transition: max-height 0s;
	                                                  -o-transition: max-height 0s;
	                                                     transition: max-height 0s;}
	
	.drp-els{
		margin-left: -20px;
		width: calc(100% + 20px);
		padding-bottom: 25px;
	}
	.drp-els > div:not(.clear){
		width: 25%;
		box-sizing: border-box;
		padding-left: 20px;
		padding-bottom: 20px;
	}
	.drp-el { 
		background-color: #eee;
		color: #333;
	}

	/* Search dropdown */
	.search-type-blk { padding-top: 10px; display: none; }
	#body.green .search-type-blk .dropdown-zone.active { color: #fff; }
	
  	/* = Subscrible form
	------------------------------------------------------------------------- */
	.subscrible-container 	{ width:600px}
	.subscrible-wrapper 	{ width:500px; padding:50px; background-color:black;}
	ul.input-list 	 { margin:0; padding:0}
	ul.input-list li { margin:0; padding:0; list-style:none; display:inline-block;}

	.subscrible-blk { margin-bottom:15px}
	.subscrible-blk .subscrible-icon { width:80px;  display:inline-block;}
	.subscrible-blk .subscrible-icon img { width:64px}	
    html #body.en .subscrible-blk .subscrible-title {display:inline-block; text-transform: uppercase; top:-28px; color:#fff; line-height:normal;}
    html #body.tc .subscrible-blk .subscrible-title, html #body.sc .subscrible-blk .subscrible-title {display:inline-block; text-transform: uppercase; top:-18px; color:#fff; line-height:normal;}
	.subscrible-disclaimer 	 { line-height:1.4; color:#fff; margin:30px 0}
	.subscrible-disclaimer a 	   { color:#fff; text-decoration:underline; transition: all 0.3s ease-out;}
	.subscrible-disclaimer a:hover { color:#ccff00;}

	.input-list input[type="text"] 
	{ width:220px; padding:10px; border:none;  border-bottom: 1px  solid #ccff00;
	   font-size:12px; font-weight:bold; text-transform:uppercase; color:#fff;
   	   background-color:#000; 
   	   transition:all 0.3s ease }

	.input-list input[type="text"]:focus, .input-list input[type="text"].focus
	{ border-bottom:1px solid  #fff; background-color:#262626; color:#ccff00; text-transform:none;}

	input[type="text"]:focus { outline: none }

	.btn-submit { width:100%; background-color:#2e3438; text-align:right; text-transform:uppercase; color:#ccff00;
				  -webkit-transition: all 0.35s ease-in-out;
					 -moz-transition: all 0.35s ease-in-out;
					  -ms-transition: all 0.35s ease-in-out;
					   -o-transition: all 0.35s ease-in-out;
					      transition: all 0.35s ease-in-out;}
	.btn-submit .btn-submit-pos { padding:5px 20px }
	.btn-submit .btn-submit-pos>span { font-size:22px; line-height:normal;}
	.btn-submit:hover { background-color:#333; color:#ccff00; cursor:pointer;}

	.error { padding:10px 0 0 0; font-style:italic}

	.subscrible-close { font-size:35px; color:#99cc33; position:absolute; z-index:10; right:20px; top:20px;}
	.subscrible-close:hover { color:#e0edb3; cursor:pointer}

	/* book and product radio */
	.bpsearch-blk{
		text-align: left;        
	}

    .bpsearch-blk.center{
		text-align: center;
	}
	
	.bpsearch-blk .btn{
		vertical-align: middle;
		margin-right: 5px;
        cursor:pointer;
	}
	
	.bpsearch-blk .bp-lab{
		vertical-align: middle;
		margin-right: 25px;
        cursor: pointer;
	}

    .item-search-box {
		text-align: left;
		padding: 10px 20px;
		width: 100%;
		background-color: #fff;
		margin: 10px 0;
		box-sizing: border-box;
	}
	.item-search-box .search-btn{
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}
	.item-search-box .gi-search:hover{
		color: #333;
	}
	.item-search-box .search-bar{
	    border: 0;
		width: calc(100% - 20px);
		font-size: 1.1em;
		outline: 0;
	}

  	/* = footer
	------------------------------------------------------------------------- */
	.footer-pos { padding:20px 50px;}
	/*.footer-pos .f-logo     { width:8%; float:left; padding-right:50px}
	.footer-pos .f-linkblk  { width:80%; float:left; }*/
    .footer-pos .f-logo     { width:94px; float:left; padding-right:30px;}
    .footer-pos .f-linkblk  { width:calc(100% - 289px);  float:left;}
    .footer-pos .f-logo2    { width:135px; float:left; padding-left:30px; text-align:right;}
    .footer-pos .f-logo img, .footer-pos .f-logo2 img {width:100%; height:auto;}
	.footer-pos .f-linkblk ul    { margin:0; padding:0}
	.footer-pos .f-linkblk ul li { margin:0; padding:0; display:inline-block;  list-style-type:none;}
	.footer-pos .f-linkblk ul li a { color:#fff;}
	.footer-pos .f-linkblk ul li a:hover { color:#f47920; transition: all 0.3s ease-out;}
	.footer-pos .f-linkblk ul li:before { content:"\2022"; color:#f47920; margin:0 10px;}
    .logo-50-m {display:none;}
    .logo-50-d {display:block;}
	
	.dtop { display: block;}
	.mob { display: none;}

/* ==========================================================================
	Media Style
============================================================================= */
	/* Large screens */
	@media only screen and (min-width : 1680px) {
	}
        @media only screen and (max-width:1024px) {
            body.lg-on .h-mobile{
                z-index:900;
            }
            .event-row ul li.e-date a { color:#fff }
            .m-event-cicle { background:url(images/circle-green.svg) no-repeat center 2px;}
        }
	/* Tablet Landscape */
	 @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
    .m-event-circle { width:auto; height: 40px;}
	.inner-wrapper  	{ max-width:100%;}

	.sticky-footer-pos  { padding:0 20px}
    .subscrible-sticky  { width:300px;}

	/*.footer-pos { padding:15px 25px;}
	.footer-pos .f-logo     { width:8%; float:left; padding-right:20px; margin-bottom:10px}
	.footer-pos .f-logo img { width:100%}
	.footer-pos .f-linkblk  { width:80%; float:left; }*/

	.subscrible-container 	{ width:100%}
	.subscrible-wrapper 	{ width:auto; padding:30px;}
	.subscrible-close { right:20px; top:35px; right:30px;}
	#back-to-top    { right:25px;}
	#back-to-top a  { width:70px; height:50px;}
	#back-to-top a span     { width:70px; height:50px;}

	.inside-dropdown { margin-top:40px} /* for table & mobile top banner drop down */

	}

	/* Tablet Portrait Size */
	@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {
    .m-event-circle { width:auto; height: 40px;}
	.inner-wrapper  { max-width:100%;}

	.sticky-footer-pos  { padding:0 20px}
    .subscrible-sticky  { width:300px;}
	.subscrible-container 	{ width:100%}
	.subscrible-wrapper 	{ width:auto; padding:30px;}

	.sticky-cookies-blk	{ position:fixed; bottom:0; height:auto; z-index:9999; color:#fff; vertical-align:middle;}
	.sticky-cookies-pos  { padding:10px 20px 20px 20px;}
	#Cookies-content { float: none; width: 100%; padding-bottom: 10px;}
	#Cookies-content a, #Cookies-content a:visited { color: #fff; text-decoration: underline; }
	#noCookies { float: left; width: 15%; padding: 10px; text-align: center; margin-top:5px; cursor: pointer; }
	#Cookies { float: left; width: 15%; padding: 10px; text-align: center; margin-top:5px; background-color: #b3dc2b; border-radius: 10px; color: #333; cursor: pointer; }
	#Cookies-content a:hover , #noCookies:hover, #Cookies:hover{ color: #018752; }	
	
	.subscrible-close { right:20px; top:35px; right:30px;}
	#back-to-top    { right:25px;}
	#back-to-top a  { width:70px; height:50px;}
	#back-to-top a span     { width:70px; height:50px;}

	.footer-pos { padding:15px 25px;}
	/*.footer-pos .f-logo     { width:12%; float:left; padding-right:15px; margin-bottom:10px}
	.footer-pos .f-logo img { width:100%}
	.footer-pos .f-linkblk  { width:80%; float:left; }*/

	.inside-dropdown { margin-top:40px} /* for table & mobile top banner drop down */

	}
	@media only screen and (max-width: 767px) {
	.drp-els > div:not(.clear){
		width: 100%;
		padding-right: 0;
	}
	}
	/* Mobile Landscape Size */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
    .m-event-circle { width:auto; height: 40px;}	
	body    		{ padding:0;}
	.inner-wrapper  { max-width:100%;}

	.sticky-footer-pos  { padding:0 20px}
	.sticky-footer-blk	{ position:relative; bottom:0; height:auto; z-index:999; color:#fff; vertical-align:middle;}
	
	.sticky-cookies-blk	{ position:fixed; bottom:0; height:auto; z-index:9999; color:#fff; vertical-align:middle;}
	.sticky-cookies-pos  { padding:10px 20px 20px 20px;}
	#Cookies-content { float: none; width: 100%; padding-bottom: 10px; }
	#Cookies-content a, #Cookies-content a:visited { color: #fff; text-decoration: underline; }
	#noCookies { float: left; width: 20%; padding: 10px; text-align: center; margin-top:5px; cursor: pointer; }
	#Cookies { float: left; width: 20%; padding: 10px; text-align: center; margin-top:5px; background-color: #b3dc2b; border-radius: 10px; color: #333; cursor: pointer; }
	#Cookies-content a:hover , #noCookies:hover, #Cookies:hover{ color: #018752; }	
	
	#body.en ul.media-sm:before, #body.tc ul.media-sm:before, #body.sc ul.media-sm:before { display:none}
    .subscrible-sticky  { width:100%; padding-bottom:15px;}

	ul.media-sm 		{ margin:0; padding:5px 0 10px 0; height:auto; float:left; border-top:1px solid #fff; width:100%; }

	.subscrible-blk { margin-bottom:15px; height:70px;}
	.subscrible-blk .subscrible-icon { width:auto; display:inline-block;}
	.subscrible-blk .subscrible-icon img { width:64px}
	.subscrible-blk .subscrible-title { display:inline-block; line-height:normal; padding-left:10px}
	ul.input-list li { padding:0 0 10px 0}
	.subscrible-container 	{ width:100%}
	.subscrible-wrapper 	{ width:auto; padding:30px 20px 50px 20px;}
	.subscrible-close { right:15px; top:30px;}

	#back-to-top    { right:20px;}
	#back-to-top a  { width:70px; height:50px;}
	#back-to-top a span     { width:70px; height:50px;}

	.footer-pos { padding:15px 20px;}
	/*.footer-pos .f-logo     { width:12%; float:left; padding-right:15px; margin-bottom:0px}
	.footer-pos .f-logo img { width:100%}
	.footer-pos .f-linkblk  { width:80%; float:left; }
	.footer-pos .f-linkblk ul    { margin:0 0 10px -5px; padding:0}*/
    .footer-pos .f-linkblk  { width:100%;  float:left; margin-top:20px}
    .footer-pos .f-logo     { width:auto; height:50px; float:left; padding-right:30px;}
    .footer-pos .f-logo2    { width:auto; height:50px; float:left; padding-left:0; text-align:right;}
    .footer-pos .f-logo2 img, .footer-pos .f-logo img   { height: 100%; width:auto;}
    .logo-50-m {display:block;}
    .logo-50-d {display:none;}

 	.inside-dropdown { margin-top:0}

	.dtop { display: none;}
	.mob { display: block;}

	}


	/* Mobile Portrait Size */
	@media only screen and (max-width: 479px) {
    .m-event-circle { width:30px; height: 40px;}
	body   			 { padding:0;}
	.inner-wrapper 	 { max-width:100%;}
	
	.sticky-footer-blk	{ position:relative; bottom:0; height:auto; z-index:999; color:#fff; vertical-align:middle;}
	.sticky-footer-pos  { padding:10px 20px 0 20px;}
	
	.sticky-cookies-blk	{ position:fixed; bottom:0; height:auto; z-index:9999; color:#fff; vertical-align:middle;}
	.sticky-cookies-pos  { padding:10px 20px 20px 20px;}
	#Cookies-content { float: none; width: 100%; padding-bottom: 10px;}
	#Cookies-content a, #Cookies-content a:visited { color: #fff; text-decoration: underline; }
	#noCookies { float: left; width: 30%; padding: 10px; text-align: center; margin-top:5px; cursor: pointer; }
	#Cookies { float: left; width: 30%; padding: 10px; text-align: center; margin-top:5px; background-color: #b3dc2b; border-radius: 10px; color: #333; cursor: pointer; }
	#Cookies-content a:hover , #noCookies:hover, #Cookies:hover{ color: #018752; }	
	
    .subscrible-sticky  { width:100%; padding-bottom:15px;}
	#body.en ul.media-sm:before, #body.tc ul.media-sm:before, #body.sc ul.media-sm:before { display:none}
	ul.media-sm 		{ margin:0; padding:5px 0 20px 0; height:auto; float:left; border-top:1px solid #fff; width:100%;}

	.subscrible-blk { margin-bottom:15px; height:70px;}
	.subscrible-blk .subscrible-icon { width:auto; display:inline-block;}
	.subscrible-blk .subscrible-icon img { width:64px}
	html #body.en .subscrible-blk .subscrible-title { width:60%; display:inline-block; line-height:normal; padding-left:80px; margin-top:-24px;}
    html #body.tc .subscrible-blk .subscrible-title, html #body.sc .subscrible-blk .subscrible-title { width:60%; display:inline-block; line-height:normal; padding-left:80px; margin-top:-40px;}
	ul.input-list li { padding:0 0 10px 0}
	.subscrible-container 	{ width:100%; padding-top:50px}
	.subscrible-wrapper 	{ width:auto; padding:30px 20px 50px 20px;}
	.subscrible-close { right:10px; top:0px;}
	.subscrible-disclaimer 	 { line-height:1.6;}

	#back-to-top    { right:20px;}
	#back-to-top a  { width:70px; height:50px;}
	#back-to-top a span     { width:70px; height:50px;}

	.footer-pos { padding:25px 18px;}
	/*.footer-pos .f-logo     { width:70%; float:left; padding-right:inherit;}
	.footer-pos .f-logo img    { width:30%;}*/
    .footer-pos .f-logo     { width:auto; height:50px; float:left; padding-right:30px;}
    .footer-pos .f-logo2    { width:auto; height:50px; float:left; padding-left:0px; text-align:right;}
    .footer-pos .f-logo2 img, .footer-pos .f-logo img   { height: 100%; width:auto;}
    .logo-50-m {display:block;}
    .logo-50-d {display:none;}

	.footer-pos .f-linkblk  { width:100%; float:left; }
	.footer-pos .f-linkblk ul    { margin:10px 0 10px -5px; padding:0}
	.footer-pos .f-linkblk ul li { margin:0; padding:0; display:inherit; list-style-type:none;}
	.footer-pos .f-linkblk ul li a { color:#fff;}
	.footer-pos .f-linkblk ul li a:hover { color:#f47920; transition: all 0.3s ease-out;}
	.footer-pos .f-linkblk ul li:before { content:"\2022"; color:#f47920; margin:0 10px;}


 	.inside-dropdown { margin-top:0}

        #dd {min-width: calc(100% - 80px); transform: translateY(0px);transition: all 0s;}
        #dd:before {content: '';
                   display: block;
                   width: calc(100%);
                   top: 100%;
                   margin: 0;
                   left: 0;
                   height: 20px;
                   background: #fff;
                   position: absolute;}
        #dd.scroll-to-fixed-fixed { transform: translateY(55px);transition: all 0s;}
        #dd.dropdown-zone-index:before {height:0px;}

	.dtop { display: none;}
	.mob { display: block;}

	}