/* Special Widget 1 */
    .sp1 				{ width:100%; margin-top:50px}
    .sp1 .sp1-l 		{ width:30%; float:left;}
    .sp1 .sp1-r 		{ width:70%; float:left; padding-left:60px}

    .sp1-title-xl 		{ width:85%; font-size:45px; font-weight:bold; line-height:1.2; margin-bottom:100px}
	.sp2-title			{ font-size: 16px; line-height: 1.6; color: #0062af; }

	/* Special Widget 2 */
	.sp2 			{ width:calc(100% + 150px); margin-left:-150px;}
	.sp2 .sp2-l 	{ width:30%; float:left;}
	.sp2 .sp2-r 	{ width:70%; float:left; padding-left:60px; line-height:1.6;}


	/* Special Widget 5 */
	.sp-link			{ display:inline-block; padding:4px 10px; margin-bottom:10px;  color:#fff; line-height:1.3;
							-webkit-border-radius: 4px;
						       -moz-border-radius: 4px;
						            border-radius: 4px; }
	.sp-link .fa-sp 	{ padding-left:10px }
	.sp-link:hover 		{ cursor:pointer;  transition: all 0.3s ease-out;}

	.sp-link-blue		{ background-color:#0062a7;}
	.sp-link-blue:hover	{ background-color:#022b4c;}
	.sp-link-red		{ background-color:#e84124;}
	.sp-link-red:hover	{ background-color:#842211;}



	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1600px) {
	.sp2 					{ width:calc(100% + 100px); margin-left:-100px;}
	}

	@media only screen and (max-width:1400px) {
    .sp1-title-xl 			{ font-size:40px;}
	.sp2 					{ width:calc(100% + 50px); margin-left:-50px;}
	}

	@media only screen and (max-width:1200px) {
    .sp1 					{ margin-top:0}
    .sp1 .sp1-r 			{ padding-left:40px}
	.sp2 .sp2-r 			{ padding-left:40px}
	}


	@media only screen and (max-width:1024px) {
    .sp1-title-xl 			{ width:100%; margin-bottom:70px}
    #body.en .sp1-title-xl  	{  font-size:26px; }
    #body.cn .sp1-title-xl  	{  font-size:32px;}

    .sp1 .sp1-l 		{ width:35%;}
    .sp1 .sp1-r 		{ width:65%;}
    .sp2 .sp2-l 		{ width:35%;}
    .sp2 .sp2-r 		{ width:65%;}
   	}


	@media only screen and (max-width:767px) {
    .sp1 				{ margin-top:0}
    .sp1 .sp1-l 				{ width:100%; margin-bottom:30px; }

    #body.en .sp1-title-xl 		{ width:100%; font-size:24px}
   	#body.cn .sp1-title-xl 		{ width:100%; font-weight:normal; font-size:30px;}

	.sp2 			{ width:100%; margin-left:0; margin-top:30px}
	.sp2 .sp2-l 	{ width:100%; margin-bottom:30px }
	.sp2 .sp2-r 	{ width:100%; padding-left:0;}
	}