body {
	font-family: Helvetica,"Microsoft JhengHei Regular", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
	font-weight: normal;
}

.container {
	width: 1360px;
    padding: 0 20px;
}

h2 {
    margin: 40px 0 20px;
}

a {
	text-decoration: none;
	color: #D8A828;
}
a:hover,a:focus,a:active {
	color: #D8A828;
	text-decoration: none;
}
ul, ol {
	list-style: none;
	padding: 0;
}
button:focus {
    outline: 0;
}

.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
    padding: 10px 5px;
    line-height: 1.8;
    vertical-align: top;
    color:#333;
    font-size:18px;
    border-top: 1px solid #ccc;
}
.table>thead>tr>th {
    border-bottom: 1px solid #ccc;
}
.clear {
	clear: both;
}

/*Header*/
/* header css start */
header{
	min-width: 1360px;
}
.navbar-nav {
    margin: 0;
}
.navbar-collapse.collapse {
  display: block!important;
}
.navbar-nav>li, .navbar-nav {
  float: left !important;
}
.navbar-right {
  float: right!important;
}

.header-top-section {
    background: #838584 none repeat scroll 0 0;
    height: 40px;
    overflow: hidden;
}
.header-top-section marquee {
    height: 40px;
    overflow-y: hidden;
    width: 100% !important;
}
.header-top-section marquee ul {
    width: 300% !important;
    margin: 0;
}
.header-top-section marquee li {
    display: inline-block;
    margin: 0 10px;
}
.header-top-section marquee li a {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-decoration: none;
}
.header-top-section marquee li a:hover {
    color: #81AD9C;
}

.header-logo-section {
    height: 110px;
}
.header-logo-section li {
    float: left;
}
.header-logo-section li.logo {
    margin-top: 15px;
}
.header-logo-section li.logo img {
    max-height: 58px;
}
.header-logo-section li.top-box {
    margin-top: 30px;
    margin-left: 10px;
    border-radius: 20px;
    box-shadow: 1px 4px 18px 1px #cccccc;
    float: right;
}
.header-logo-section li.top-box img{
    max-height: 40px;
}

.main-menu {
    background: #F2DD82 none repeat scroll 0 0;
}

.navbar-default {
    background: none;
    border: none;
    border-radius: 0;
    margin: 0;
    min-height: 40px;
}
.navbar-header {
    display: none;
    margin: 14px 20px 0 0;
}
.navbar-header img {
    height: 52px;
}
/*
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    padding: 0;
    border-top: 0;
    box-shadow: 0;
}
*/
.navbar-default .navbar-nav > li {
	position: relative;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    padding: 11px 15px;
}
.navbar-default .navbar-nav > li > a.curr {
	background-color: #F2DD82;
}
.navbar-default .navbar-nav > li:hover {
    background-color: #F2DD82;
}
.navbar-default .navbar-nav > li:hover > a {
    color: #929497;
}
.navbar-default .navbar-nav > li .submenu {
	background: #fffef5;
	background: rgba(255, 254, 245, 0.95);
	position: absolute;
	top: 100%;
	left: 0;
	padding: 10px;
	z-index: 80;
	display: none;
}
.navbar-default .navbar-nav > li:hover .submenu {
	display: block;
}
.navbar-default .navbar-nav > li .submenu li {
	position: relative;
}
.navbar-default .navbar-nav > li .submenu li a {
	color: #000;
	padding: 9px 10px;
	width:118px;
	display:inline-block;
}
.navbar-default .navbar-nav > li .submenu li:hover > a {
	color:#929497;
	background: #f2dd82;
	background: rgba(242, 221, 130, 0.8);
}
/* 
.navbar-default .navbar-nav > li .submenu ul {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.navbar-default .navbar-nav > li .submenu > ul > li:first-child {
	font-size: 16px;
	font-weight: 700;
}
 */
.navbar-default .navbar-nav > li .submenu li .sub-submenu {
	position: absolute;
	left: 100%;
	top: 0;
	background: #fffef5;
	background: rgba(255, 254, 245, 0.95);
	padding: 10px;
	display: none;
}
.navbar-default .navbar-nav > li .submenu li:hover .sub-submenu {
	display: block;
}

.navbar-right {
    margin-right: 0;
}
.navbar-nav.lang-section > li:last-child:before {
	content:" ";
	display:inline-block;
	width:1px;
	height: 15px;
	background:#A68B34;
	float: left;
	margin-top: 12px;
}
.navbar-nav.lang-section:hover > li:before{
	display:none;
}
.navbar-nav.lang-section > li > a {
    color: #A68B34;
}
.navbar-nav.lang-section > li > a:hover {
    color: #D9A927;
    background-color: #FFF;
}

.box {
    float: right;
    margin: 0;
}
.box > li > a {
    display: block;
    padding: 1px 12px;
}
.toolbox {
	background: #a66327;
	background: rgba(166, 99, 39, 0.8);
	position: absolute;
    width: 270px;
    height: 180px;
	top: 100%;
	right: 12px;
	z-index: 90;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #666;
    -webkit-box-shadow: 1px 1px 5px #666;
    display: none;
}
.toolbox ul {
    width: 270px;
    height: 180px;
}
.toolbox li {
    float: left;
    width: 90px;
    height: 90px;
    text-align: center;
}
.toolbox li a {
    display: block;
    width: 100%;
    padding: 60px 0 0;
    color: #FFF;
    font-size: 13px;
}
.toolbox li a:hover {
    color: #F8F163;
}

.toolbox li.box1 {
	background:url(../../media/bg/box-1-off.png) no-repeat center 12px;
}
.toolbox li.box1:hover {
	background:url(../../media/bg/box-1-on.png) no-repeat center 12px;
}
.toolbox li.box2 {
	background:url(../../media/bg/box-2-off.png) no-repeat center 12px;
}
.toolbox li.box2:hover {
	background:url(../../media/bg/box-2-on.png) no-repeat center 12px;
}
.toolbox li.box3 {
	background:url(../../media/bg/box-3-off.png) no-repeat center 12px;
}
.toolbox li.box3:hover {
	background:url(../../media/bg/box-3-on.png) no-repeat center 12px;
}
.toolbox li.box4 {
	background:url(../../media/bg/box-4-off.png) no-repeat center 12px;
}
.toolbox li.box4:hover {
	background:url(../../media/bg/box-4-on.png) no-repeat center 12px;
}
.toolbox li.box5 {
	background:url(../../media/bg/box-5-off.png) no-repeat center 12px;
}
.toolbox li.box5:hover {
	background:url(../../media/bg/box-5-on.png) no-repeat center 12px;
}
.toolbox li.box6 {
	background:url(../../media/bg/box-6-off.png) no-repeat center 12px;
}
.toolbox li.box6:hover {
	background:url(../../media/bg/box-6-on.png) no-repeat center 12px;
}
.toolbox li.box7 {
	background:url(../../media/bg/box-7-off.png) no-repeat center 12px;
}
.toolbox li.box7:hover {
	background:url(../../media/bg/box-7-on.png) no-repeat center 12px;
}
.toolbox li.box8 {
	background:url(../../media/bg/box-8-off.png) no-repeat center 12px;
}
.toolbox li.box8:hover {
	background:url(../../media/bg/box-8-on.png) no-repeat center 12px;
}
.toolbox li.box9 {
	background:url(../../media/bg/box-9-off.png) no-repeat center 12px;
}
.toolbox li.box9:hover {
	background:url(../../media/bg/box-9-on.png) no-repeat center 12px;
}
/* header css end */

/*Home Page Start*/
#homeslide {
    height: 420px;
    overflow: hidden;
}
#homeslide li {
    width: 100%;
    height: 420px;
    position: relative;
    overflow: hidden;
}
#homeslide li img {
	width: auto;
    height: 420px;
    position: absolute;
    left: -9999px;
    right: -9999px;
    margin: auto;
}
.home-slide .lSSlideOuter .lSPager.lSpg {
	margin-top: 0 !important;
}
.home-slide .lSSlideOuter .lSPager.lSpg li {
	top: -85px;
}
.home-slide .lSSlideOuter .lSPager.lSpg li a {
	width: 12px;
	height:12px;
    border-radius: 6px;
    line-height: 24px;
}
/*
.home-slide .lSSlideOuter .lSPager.lSpg > li:hover a, .home-slide .lSSlideOuter .lSPager.lSpg > li.active a {
	background: #81AD9C;
}
*/

.feat-area {
    width: 1360px;
    height: 100px;
	padding: 0;
    margin: -65px auto 20px;
    position: relative;
}
.feat-area ul {
    position: absolute;
    top: 0;
    left: 307px;
    width: 745px;
    text-align: center;
    z-index: 20;
    background-color: #FFF;
    padding: 17px;
    margin: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 4px 4px 8px #CCC;
}
.feat-area li {
    float: left;
    width: 197px;
    margin: 0 19px;
}
.feat-area li img {
    width: 100%;
}


.statistics-area {
	margin: 0 auto;
	overflow: hidden;
	z-index: 50;
	position: relative;
    /*
    background: url('../../media/bg/bg-home-stat.png') repeat-x bottom;
    */
}
.statistics-area .container {
	width: 1360px;
    padding: 16px 20px 50px;
}
.statistics-area .number-part {
	width: 660px;
    height: 360px;
    padding-right: 30px;
	float: left;
}
.statistics-area .number-part .number-item {
	float: left;
	width: 200px;
	margin: 0 15px 33px 0;
}
.statistics-area .number-part .number-item:nth-child(3n) {
	margin-right: 0;
}
.statistics-area .number-part ul li {
    display: inline-block;
}
.statistics-area .number-part ul li h3 {
	font-weight: 700;
	font-size: 20px;
	color: #888;
    width: 200px;
    margin-bottom: 5px;
}
.statistics-area .number-part ul li strong {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #349846;
	display: inline-block;
}
.statistics-area .number-part ul li span {
	background: url('../../media/bg/number-up.png') no-repeat 3px 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #349846;
	padding-left: 24px;
	height: 20px;
	display: inline-block;
}
.statistics-area .number-item.down li strong,
.statistics-area .number-item.down li span {
	color: red;
}
.statistics-area .number-item.down li span {
	background: url('../../media/bg/number-down.png') no-repeat 3px 5px;
}
.statistics-area .chart-part {
	width: 660px;
    height: 360px;
	float: left;
    padding-left: 30px;
}
.statistics-area .chart-part .tabpx:before,
.statistics-area .chart-part .tabpx:after {
    content: " ";
    display: table
}
.statistics-area .chart-part .tabpx:after {
    clear: both;
}
.statistics-area .chart-part .tabpx li {
	float: left;
    display: block;
}
.statistics-area .chart-part .tabpx li a {
    font-size: 20px;
	font-weight: 700;
	color: #888;
    padding: 10px 0;
    margin-right: 30px;
}
.statistics-area .chart-part .tabpx li.active a, 
.statistics-area .chart-part .tabpx li.active a:hover, 
.statistics-area .chart-part .tabpx li.active a:focus {
	color: #D9A927;
}

.statistics-area .chart-part .tab-content {
	margin-top: 5px;
}
.statistics-area .chart-part .nav-pills li a {
    font-size: 16px;
    padding: 2px 10px;
}
.statistics-area .chart-part .nav-pills li.active a, 
.statistics-area .chart-part .nav-pills li.active a:hover, 
.statistics-area .chart-part .nav-pills li.active a:focus {
	background: #D9A927;
	border-radius: 2px;
}

/*Home Profile*/
.profile-area {
    background: #1c2e44;
    position: relative;
    display: flex;
}
.profile-area .left-profile-con {
    float: left;
	width: 50%;
	background: url('../../media/bg/bg-home-profile.jpg') no-repeat 0%;
	background-size:cover;
}
.profile-area .left-profile {
	width: 660px;
    height: 425px;
	padding: 30px 30px 0 0;
    float: right;
}
.profile-area .left-profile ul {
	margin: 0;
}
.profile-area .left-profile ul .profile-item {
	padding: 0;
}
.profile-area .left-profile .profile-item .img {
	float: left;
	width: 45%;
    margin-top: 17px;/*50px;*/
}
.profile-area .left-profile .profile-item .img img {
	width: 100%;
}
.profile-area .left-profile .profile-item .text {
	float: left;
    width: 55%;
	margin-right: 0;
}
.profile-area .left-profile .profile-item .text h3 {
	font-size: 24px;
	font-weight: 700;
	color: #F1DC81;
	margin-top: 10px;
}
.profile-area .left-profile .profile-item .text table {
    margin: 15px 0;
}
.profile-area .left-profile .profile-item .text td {
    vertical-align: top;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.4;
    padding: 3px 0;
}
.profile-area .left-profile .profile-item .text .profile-signature {
	width: 40%;
	float: right;
	margin-top: -50px;
}
.profile-area .left-profile .lSPager.lSpg {
	margin-top: 0 !important;
}
.profile-area .left-profile .lSSlideOuter .lSPager.lSpg > li {
	top: -60px;
}
.profile-area .left-profile .lSSlideOuter .lSPager.lSpg > li a {
	background-color: #8b898e !important; 
}
.profile-area .left-profile .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #fff !important; 
}
.profile-area .right-profile .lSSlideOuter .lSPager.lSpg > li a {
	background-color: #8b898e !important; 
}
.profile-area .right-profile .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #F1DC81 !important; 
}
.profile-area .right-profile .lSSlideOuter .lSPager.lSpg {
	float: right;
}
.profile-area .right-profile-con {
	float: left;
	width: 50%;
	background: #1c2e44 url(../../media/bg/bg-home-profile-right.jpg) top right;
}
.profile-area .right-profile {
	overflow: hidden;
    width: 660px;
    height: 425px;
	padding: 30px 30px 0;
}
.profile-area .right-profile .lSSlideOuter .lSPager.lSpg > li {
	top: 0;
}
.profile-area .right-profile .nav-tabs li a {
	font-size: 18px;
	font-weight: 700;
	color: #eee;
	border: none;
	line-height:1.4;
	padding: 10px 15px 10px 0;
	display: block;
	height: 35px;
	background: transparent;
	cursor:pointer;
	border-radius: 0;
	float: left;
}
.profile-area .right-profile .nav-tabs li span {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	border: none;
	line-height:1.4;
	padding: 8px 15px 8px 0;
	display: block;
	height: 35px;
}
.profile-area .right-profile .tab-content .tab-pane h3 {
	margin: 20px 0;
	color: #fff;
}
.profile-area .right-profile .tab-content .tab-pane h3,
.profile-area .right-profile .tab-content .tab-pane a {
	font-weight: 700;
	font-size: 20px;
}
.profile-area .right-profile .tab-content .tab-pane h4 {
	padding: 0 12px;
    border-radius: 4px;
	font-size: 18px;
	font-weight: 700;
    line-height: 40px;
	color: #000;
	background: #F1DC81;
	margin: 20px 0;
}
.profile-area .right-profile .tab-content .tab-pane p {
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
	width: 100%;
	margin: 20px 0 30px;
	line-height: 1.5;
}
.profile-area .right-profile .tab-content .tab-pane .text-slide a {
	display: block;
	width: 120px;
    height: 40px;
	border-radius: 4px;
	font-size: 18px;
    line-height: 40px;
	color: #000;
	background: #F1DC81;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.profile-area .right-profile .tab-content .tab-pane .text-slide a:hover{
	background:#F1E380;
}
.profile-area .right-profile .lSSlideOuter{
	width: 100%;
}
.profile-area .right-profile .text-slide {
	overflow: hidden;
	width: 100%;
	height: 280px;
}
.profile-area .right-profile .tab-content .tab-pane .img {
	width: 40%;
	float: left;
	margin-right: 2%;
	display: none;
}
.profile-area .right-profile .tab-content .tab-pane .img img {
	width: 100%;
}
.profile-area .right-profile .nav-tabs {
	border: none;
	margin-bottom: 15px;
}
.profile-area .right-profile #textslide {
	min-height: 176px;
}
.profile-area .right-profile .nav-tabs .active a {
	border: none;
	color: #F1DC81;
}
.profile-area .right-profile .nav-tabs li a:hover {
	border: none;
	background: transparent;
	color: #F1DC81;
}
.profile-area .right-profile .nav-tabs li:first-child a {
	padding-left: 0;
}
.profile-area .right-profile .lSPager.lSpg {
	margin-top: -24px !important;
}
/*Home Profile End*/

.poster-area {
	background: url('../../media/bg/bg-home-news.jpg') no-repeat;
	background-size: cover;
}
.poster-area .container {
    padding: 20px 75px 50px;
}
.poster-area .poster-left,
.poster-area .poster-right {
	/*float: left;*/
	width: 1190px;
	margin: 0 auto;
}
.poster-area .poster-left {
	margin-right: 20px;
}

.poster-area h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
}
.poster-area h2 span {
	color: #CBBA84;
}

.poster-area .poster-cover {
	background: #000;
	background: rgba(0, 0, 0, 0.6);
	padding: 15px 20px;
	overflow: hidden;
	height: 450px;
}
.poster-area .poster-cover p {
	margin: 20px 0 0;
}
.poster-area .poster-cover p,
.poster-area .poster-cover span {
	font-size: 18px;
	line-height: 1.3;
	color: #fff;
}

.poster-area .poster-cover .left-side,
.poster-area .poster-cover .right-side {
	width: 49%;
	float: left;
	margin-right: 2%;
}
.poster-area .poster-left .poster-cover .left-side img,
.poster-area .poster-left .poster-cover .right-side img {
	width: 100%;
}
.poster-area .poster-left .poster-cover .right-side {
	margin-right: 0;
}
.poster-area .poster-right .t {
    height: 270px;
    width: 555px;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.poster-area .poster-right .t img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}
.poster-area .poster-right .datetime {
	font-weight: normal;
	font-size: 18px;
	color: #CBBA84;
	display: inline-block;
	margin: 15px 0 0;
}
.poster-area .poster-right .text-area .text h4 {
	font-size: 18px;
	color: #fff;
}
.poster-area .poster-right .text-area .text p {
	font-size: 16px;
	color: #fff;
    margin: 12px 0 0;
}
.poster-area .poster-right img {
	width: 100%;
}

.poster-area .detail {
	text-align: center;
}
.poster-area .detail a {
	display: inline-block;
	width: 120px;
    height: 40px;
	border-radius: 4px;
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
    line-height: 40px;
	color: #000;
	background: #F1E380;
}
.poster-area .detail a:hover{
    background: #F1E380;
}
.poster-area .poster-left .lSSlideOuter .lSPager.lSpg,
.poster-area .poster-right .lSSlideOuter .lSPager.lSpg {
	margin-top: 15px !important;
}
.poster-area .poster-left .lSSlideOuter .lSPager.lSpg > li,
.poster-area .poster-right .lSSlideOuter .lSPager.lSpg > li {
	/* top: 5px; */
}
.poster-area .poster-left .lSSlideOuter .lSPager.lSpg > li a,
.poster-area .poster-right .lSSlideOuter .lSPager.lSpg > li a {
	background-color: #a6acb5;
}
.poster-area .poster-left .lSSlideOuter .lSPager.lSpg > li:hover a, .poster-area .poster-left .lSSlideOuter .lSPager.lSpg > li.active a,
.poster-area .poster-right .lSSlideOuter .lSPager.lSpg > li:hover a, .poster-area .poster-right .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #fff;
}

.poster-bottom-area {
	overflow: hidden;
    background: url('../../media/bg/bg-home-poster.png') center;
    background-size: cover;
}
.poster-bottom-area .container {
	padding: 40px 75px 50px;
}
.poster-bottom-area .poster-bottom-list-item {
	width: 390px;
    min-height: 420px;
	border-radius: 15px;
	padding: 40px 25px 20px;
	background: #fff;
	overflow: hidden;
	font-size: 16px;
}
.poster-bottom-area .poster-bottom-list-item .date {
	font-weight: 700;
	color: #D8A828;
    margin-bottom: 40px;
}
.poster-bottom-area .poster-bottom-list-item .text {
}
.poster-bottom-area .poster-bottom-list-item .text h4 {
    font-size: 16px;
	font-weight: 700;
    line-height: 1.2;
	color: #000;
	margin-bottom: 16px;
}
.poster-bottom-area .poster-bottom-list-item .text p {
	color: #000;
	font-weight: normal;
	line-height: 1.5;
	margin-bottom: 16px;
}
.poster-bottom-area .poster-bottom-list-item .text span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #231f20;
}
.poster-bottom-area .poster-bottom-list-item .text a {
	float: right;
	font-weight: 700;
	color: #D8A828;
}
.poster-bottom-area .nav-tabs {
	border: none;
}
.poster-bottom-area .nav-tabs li a {
	border: none !important;
	background: transparent !important;
	font-size: 18px;
	font-weight: 700;
	color: #231f20;
	cursor: pointer!important;
}
.poster-bottom-area .nav-tabs li span {
	border: none !important;
	background: transparent !important;
	font-size: 18px;
	font-weight: 700;
	color: #231f20;
	padding: 10px 15px;
	line-height: 1.5;
	display: block;
	font-weight: bold;
}
.poster-bottom-area .nav-tabs li.link-ex span{
	
}
.poster-bottom-area .nav-tabs li.active a {
	color: #D9A927;
}
.poster-bottom-area .nav-tabs li.active a:hover {
	background: transparent;
	border: none;
}
.poster-bottom-area .nav-tabs li:last-child:hover{
	color:#ffffff;
	background-color:#81AD9C;
	border-radius:4px;
}
.poster-bottom-area .nav-tabs li:last-child:hover a{
	color:#ffffff;
	background-color:#81AD9C;
}
.poster-bottom-area .nav-tabs li:last-child:hover a:after{
	content:" >";
}
.poster-bottom-area .tab-content {
	margin-top: 20px;
}
.poster-bottom-area .lSPager.lSpg {
	margin-top: 15px !important;
}
.poster-bottom-area .lSSlideOuter .lSPager.lSpg > li {
	/* top: 0; */
}
.poster-bottom-area .lSSlideOuter .lSPager.lSpg > li a {
	background:#ccc;
}
.poster-bottom-area .detail {
	text-align: center;
}
.poster-bottom-area .detail a {
	display: inline-block;
	width: 120px;
    height: 40px;
	border-radius: 4px;
	margin-top: 30px;
	text-align: center;
	font-size: 18px;
    line-height: 40px;
	color: #000;
	background: #F1DC81;
}
.poster-bottom-area .detail a:hover{
    background: #F1DC81;
}

.video-area {
	overflow: hidden;
	background: url('../../media/bg/bg-home-video.jpg') no-repeat;
	background-size: cover;
}
.video-area .container {
    padding: 40px 75px 50px;
}
.video-area .video-part,
.video-area .text-part {
	float: left;
	width: 595px;
}
.video-area .video-part {
    margin-right: 20px;
}
.video-area .text-part {
}
.video-area .text-part h4 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 25px;
}
.video-area .text-part p {
	font-size: 16px;
	color: #fff;
	line-height: 1.7;
}
.prize-area {
}
.prize-area .container {
    padding: 40px 170px 50px;
}
.prize-area .lSSlideOuter .lSPager.lSpg > li{
	top: -5px;
	margin-top: 40px;
}
.prize-area  .lSSlideOuter .lSPager.lSpg > li a{
	background:#ccc;
}
.prize-area h2,
.prize-area p,
.client-area h2 {
	font-size: 22px;
	font-weight: 700;
	color: #D8A828;
	text-align: center;
	margin-bottom: 60px;
}
.prize-item a {
	font-size: 15px;
	font-weight: normal;
	color: #555555;
	text-align: center;
	display: block;
}
.prize-area .prize-item {
	float: left;
	width: 20%;
    height: 200px;
	text-align: center;
	padding: 0 10px;
}
.prize-area .prize-item img {
	width: 100%;
    margin-bottom: 20px;
}
.prize-area .prize-item:last-child {
	margin-right: 0;
}
.client-area {
	border-top: 1px solid #eee;
}
.client-area .container {
    padding: 40px 170px 50px;
}
.client-area .container img {
	width: 100%;
}
.client-area .lSSlideOuter .lSPager.lSpg {
    margin-top: 40px !important;
}
.client-area .lSSlideOuter .lSPager.lSpg > li a {
	background:#ddd;
}
/*Home Page End*/

/*Information Page */
.information-profile {
	overflow: hidden;
	padding: 30px 30px 0;
}
.information-profile .img-area,
.information-profile .text-area {
	float: left;
	width: 48%;
	margin-right: 2%!important;
}
.information-profile .img-area img {
	width: 98%;
	padding: 0 1%;
}
.information-profile .text-area {
}
.information-profile .text-area .top-area h2 {
	font-size: 28px;
	color: #81AD9C;
	float: left;
}
.information-profile .text-area .top-area h2 + h2 {
	float: right;
}
.information-profile .text-area .top-area {
	overflow: hidden;
	border-bottom: 1px solid #888888;
	padding-bottom: 7px;
	margin-bottom: 16px;
}
.information-profile .text-area p {
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	line-height: 1.85;
}
.information-profile .lSSlideOuter .lSPager.lSpg > li a {
	background-color: #dae3de;
}
.information-profile .lSSlideOuter .lSPager.lSpg > li:hover a, .information-profile .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #81AD9C;
}
.information-profile > .cover {
	border-bottom: 1px solid #d2d3d5;
	padding-bottom: 30px;
}
/*Information Page End*/

.pagination {
	width: 100%;
	padding-right: 20px;
}
.pagination.extra {
	width: 91%;
	margin-top: 40px;
}
.pagination .cover {
	text-align: right;
}
.pagination ul li {
	display: inline-block;
	margin: 10px;
}
.pagination ul li:first-child {
	margin-left: 0;
}
.pagination ul li:last-child {
	margin-right: 0;
}
.pagination ul li a {
	padding: 7px 11px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #231f20;
}
.pagination .prev a,
.pagination .next a,
.pagination .active a,
.pagination ul li a:hover {
	background: #BAA769;
	color: #fff;
}
.pagination .prev a:hover,
.pagination .next a:hover,
.pagination .active a:hover,
.pagination ul li a:hover {
	background: #D8A828;
	color: #fff;
}

/*Newspaper Page End*/
/*Tv Page*/
.tv-area {
	padding: 50px 5%;
	margin: 0 auto;
	/* max-width: 1200px; */
}
.tv-area .tv-item {
	float: left;
	width: 29%;
	margin: 0 2% 80px 2%;
	max-width: 340px;
}
.tv-area .tv-item:last-child {
	margin-right: 0;
}
.tv-area .tv-item img {
	max-width: 100%;
	margin-bottom: 20px;
}
.tv-area .tv-item span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 18px;
	color: #231f20;
}
.tv-area .tv-item p {
	font-size: 18px;
	font-weight: normal;
	color: #231f20;
	margin-top: 10px;
}
.tv-area + .pagination ul {
	margin-right: 20px;
}
/*Tv Page End*/

/*Financial Calendar Page*/
.financial-area {
	padding: 40px 50px 75px;
}
.financial-area .today {
	background: #D8A828;
	float: right;
	display: inline-block;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
	padding: 7px 26px;
	margin-bottom: 15px;
}
.financial-area .date-area {
	overflow: hidden;
	clear: both;
}
.financial-area .date-area .date-item {
	float: left;
	width: 13.85%;
	margin-right: .5%;
	background: #e7e8e9;
	text-align: center;
	padding: 10px;
	cursor: pointer;
}
.financial-area .date-area .date-item:hover{
	background: #D8A828;
}
.financial-area .date-area .date-item:hover p,.financial-area .date-area .date-item:hover span{
	color:#fff;
}
.financial-area .date-area .date-item.current {
	background: #D8A828;
}
.financial-area .date-area .date-item.active {
	background: #D8A828;
}
.financial-area .date-area .date-item:last-child {
	margin-right: 0;
}
.financial-area .date-area .date-item p,
.financial-area .date-area .date-item span {
	font-size: 18px;
	font-weight: 700;
	color: #231f20;
	margin-bottom: 5px;
}
.financial-area .date-area .date-item.current p,
.financial-area .date-area .date-item.current span {
	color: #fff;
}
.financial-area .date-area .date-item.active p,
.financial-area .date-area .date-item.active span {
	color: #fff;
}
.financial-area .date-area {
	overflow: hidden;
	margin-bottom: 15px;
}
.financial-area .flag-area {
	overflow: hidden;
}
.financial-area .flag-area .text,
.financial-area .flag-area .flag-item {
	float: left;
	width: 10%;
	margin-right: 1.2%;
}
.financial-area .flag-area .flag-item.current {
	background: #81AD9C;
}
.financial-area .flag-area .text {
	text-align: center;
	line-height: 68px;
}
.financial-area .flag-area .text span {
	font-size: 18px;
	font-weight: 700;
	color: #231f20;
}
.financial-area .flag-area .flag-item:last-child {
	margin-right: 0;
}
.financial-area .flag-area .flag-item img {
	width: 100%;
}
.financial-area h4,
.financial-area table th,
.financial-area table td,
.financial-area p.title {
	font-size: 18px;
	font-weight: 700;
	color: #D8A828;
}
.financial-area h4 {
	margin: 25px 0 20px;
}
.financial-area table thead {
	background: #e7e8e9;
}
.financial-area table thead th {
	border-bottom: none;
}
.financial-area table tr td {
	vertical-align: middle;
	padding: 0;
	border-top: 1px solid #ededee;
}
.financial-area table tr td:nth-child(1) {
	padding: 10px;
}
.financial-area table tr td:nth-child(2) {
	width: 15%;
}
.financial-area table tr td img {
	width: 75%;
}
.financial-area table tr td li {
	line-height: 50px;
}
.financial-area table tbody tr:last-child td {
	border-bottom: 1px solid #ededee;
}
.financial-area .table-resposive {
	margin-bottom: 45px;
}
.financial-area table tr td span {
	background: #81AD9C;
	color: #fff;
	border-radius: 4px;
	padding: 8px;
}
.financial-area p.title {
	color: #6d6f71;
}
.financial-area ol {
	list-style-type: decimal;
	padding: inherit;
}
.financial-area ol li {
	font-size: 18px;
	font-weight: 700;
	color: #6d6f71;
	line-height: 30px;
}
/*Financial Calendar End*/


/*Product Metals Type and Foreign Exchange and Product Wti Page*/
.product-metals .metal-item,
.product-metals-type .metal-type-item,
.product-foreign-exchange .foreign-exchange-item,
.product-wti .product-wti-item,
.product .product-item {
	overflow: hidden;
    display: table;
    width: 100%;
}
.product-metals .metal-item .img-area,
.product-metals .metal-item .text-area,
.product-metals-type .metal-type-item .img-area,
.product-metals-type .metal-type-item .text-area,
.product-foreign-exchange .foreign-exchange-item .img-area,
.product-foreign-exchange .foreign-exchange-item .text-area,
.product-wti .product-wti-item .img-area,
.product-wti .product-wti-item .text-area,
.product .product-item .img-area,
.product .product-item .text-area
 {
	/* float: left; */
    width: 50%;
	min-height: 460px;
    display: table-cell;
	vertical-align: middle;
}
.product-metals .metal-item .img-area p,
.product-metals-type .metal-type-item .img-area p,
.product-foreign-exchange .foreign-exchange-item .img-area p,
.product-wti .product-wti-item .img-area p,
.product .product-item .img-area p {
	line-height: 460px;
	text-align: center;
	font-size: 40px;
	color: #fff;
}
.product-metals .metal-item .text-area,
.product-metals-type .metal-type-item .text-area,
.product-foreign-exchange .foreign-exchange-item .text-area,
.product-wti .product-wti-item .text-area,
.product .product-item .text-area {
	background: transparent;
	padding: 0 40px;
}
.product-metals .metal-item .text-area p,
.product-metals-type .metal-type-item .text-area p,
.product-foreign-exchange .foreign-exchange-item .text-area p,
.product-wti .product-wti-item .text-area p,
.product .product-item .text-area p {
	font-size: 22px;
	color: #333333;
	line-height: 1.8;
	
}

.product-metals .metal-item .img-area {
	background: url('../../media/bg/precious-metals-01.jpg') no-repeat;
	background-size: cover;
}
.product-metals .metal-item + .metal-item .img-area {
	background: url('../../media/bg/precious-metals-02.jpg') no-repeat;
	background-size: cover;
}
.product-metals .metal-item + .metal-item + .metal-item .img-area {
	background: url('../../media/bg/precious-metals-03.jpg') no-repeat;
	background-size: cover;
}
.product-metals .metal-item + .metal-item + .metal-item + .metal-item .img-area {
	background: url('../../media/bg/precious-metals-04.jpg') no-repeat;
	background-size: cover;
}
.product-metals .metal-item + .metal-item + .metal-item + .metal-item + .metal-item .img-area {
	background: url('../../media/bg/product-metals-type-05.jpg') no-repeat;
	background-size: cover;
}
.product-metals .metal-item + .metal-item + .metal-item + .metal-item + .metal-item + .metal-item .img-area {
	background: url('../../media/bg/product-metals-type-06.jpg') no-repeat;
	background-size: cover;
}
.product-metals-type .metal-type-item .img-area {
	background: url('../../media/bg/product-metals-type-01.jpg') no-repeat;
	background-size: cover;
}
.product-metals-type .metal-type-item + .metal-type-item .img-area {
	background: url('../../media/bg/product-metals-type-02.jpg') no-repeat;
	background-size: cover;
}
.product-metals-type .metal-type-item + .metal-type-item + .metal-type-item .img-area {
	background: url('../../media/bg/product-metals-type-03.jpg') no-repeat;
	background-size: cover;
}
.product-metals-type .metal-type-item + .metal-type-item + .metal-type-item + .metal-type-item .img-area {
	background: url('../../media/bg/product-metals-type-04.jpg') no-repeat;
	background-size: cover;
}
.product-metals-type .metal-type-item + .metal-type-item + .metal-type-item + .metal-type-item + .metal-type-item .img-area {
	background: url('../../media/bg/product-metals-type-05.jpg') no-repeat;
	background-size: cover;
}
.product-metals-type .metal-type-item + .metal-type-item + .metal-type-item + .metal-type-item + .metal-type-item + .metal-type-item .img-area {
	background: url('../../media/bg/product-metals-type-06.jpg') no-repeat;
	background-size: cover;
}

.product-foreign-exchange .foreign-exchange-item .img-area {
	background: url('../../media/bg/product-foreign-exchange-01.jpg') no-repeat;
	background-size: cover;
}
.product-foreign-exchange .foreign-exchange-item + .foreign-exchange-item .img-area {
	background: url('../../media/bg/product-foreign-exchange-02.jpg') no-repeat;
	background-size: cover;
}
.product-foreign-exchange .foreign-exchange-item + .foreign-exchange-item + .foreign-exchange-item .img-area {
	background: url('../../media/bg/product-foreign-exchange-03.jpg') no-repeat;
	background-size: cover;
}
.product-foreign-exchange .foreign-exchange-item + .foreign-exchange-item + .foreign-exchange-item + .foreign-exchange-item .img-area {
	background: url('../../media/bg/product-foreign-exchange-04.jpg') no-repeat;
	background-size: cover;
}
.product-wti .product-wti-item .img-area {
	background: url('../../media/bg/product-wti-1.jpg') no-repeat;
	background-size: cover;
}
.product-wti .product-wti-item + .product-wti-item .img-area {
	background: url('../../media/bg/product-wti-2.jpg') no-repeat;
	background-size: cover;
}
.product-wti .product-wti-item + .product-wti-item + .product-wti-item .img-area {
	background: url('../../media/bg/product-wti-3.jpg') no-repeat;
	background-size: cover;
}
.product .product-item .img-area {
	background: url('../../media/bg/product-1.jpg') no-repeat;
	background-size: cover;
}
.product .product-item + .product-item .img-area {
	background: url('../../media/bg/product-2.jpg') no-repeat;
	background-size: cover;
}
.product .product-item + .product-item + .product-item .img-area {
	background: url('../../media/bg/product-3.jpg') no-repeat;
	background-size: cover;
}

/* Product Function Page*/
.product-function .top-part {
	overflow: hidden;
}
.product-function .top-part .img-area {
	background: url('../../media/bg/product-function.jpg') no-repeat;
	background-size: cover;
	min-height: 616px;
	float: left;
	width: 55%;
	margin-right: 2%;
}
.product-function .top-part .img-area p {
	line-height: 616px;
	text-align: center;
	font-size: 46px;
	font-weight: 700;
	color: #fff;
}
.product-function .top-part .text-area {
	width: 43%;
	float: left;
}
.product-function .top-part .text-area h3,
.product-function .top-part .text-area p {
	font-size: 25px;
	color: #81AD9C;
}
.product-function .top-part .text-area p {
	color: #333;
	line-height: 1.5;
	font-size: 16px;
	margin-bottom: 30px;
}
.product-function .top-part h3:first-child {
	margin-top: 50px;
}
.product-function .bottom-part h2 {
	font-size: 32px;
	color: #81AD9C;
	text-align: center;
	margin-bottom: 70px;
}
.product-function .bottom-part table td,
.product-function .bottom-part table th {
	text-align: center;
}
.product-function .bottom-part table tr td:first-child {
	text-align: left;
}
.product-function .bottom-part table td,
.product-function .bottom-part table th {
}
.product-function .bottom-part {
	padding: 0 20px;
	margin-top: 60px;
}
.product-function {
	padding-bottom: 100px;
}
/* Product Function End*/
/*Product Metals Type End*/
/*Product Foreign Exchange Concept Page*/
.product-foreign-exchange-concept,
.product-wti-terms {
	text-align: center;
	padding: 20px 50px 75px;
}
.product-foreign-exchange-concept h2,
.product-wti-terms h2,
.product-foreign-exchange-concept p,
.product-wti-terms p,
.product-foreign-exchange-concept .currency-area td,
.product-wti-terms td {
	font-size: 32px;
	color: #81AD9C;
	line-height: 1.8;
}
.product-foreign-exchange-concept p,
.product-wti-terms p,
.product-foreign-exchange-concept .currency-area td,
.product-wti-terms td {
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
}
.product-foreign-exchange-concept h2:first-child + p {
	line-height: 40px;
	margin-top: 40px;
}
.product-foreign-exchange-concept .currency-area {
	overflow: hidden;
	margin: 30px 0 55px;
	padding: 0 50px;
}
.product-foreign-exchange-concept .currency-area .left-side,
.product-foreign-exchange-concept .currency-area .right-side {
	width: 45%;
	float: left;
	margin-right: 10%;
}
.product-foreign-exchange-concept .currency-area .right-side {
	margin-right: 0;
}
.product-foreign-exchange-concept .currency-area table td,
.product-wti-terms table td {
	border-top: none !important;
	border-bottom: 1px solid #ccc;
}
.product-foreign-exchange-concept {
    padding: 20px 50px 75px;
}
.product-wti-terms p {
	line-height: 36px;
}
.product-wti-terms .table-responsive tr td:first-child {
	text-align: left;
}
.product-wti-terms table tr:first-child td span {
	background: #81AD9C;
	color: #fff;
	border-radius: 4px;
	padding: 5px 30px;
}
.product-wti-terms table tr:last-child td {
	border-bottom: none;
}
.product-wti-terms h2 {
	margin-bottom: 20px;
}
.product-wti-terms h2:first-child {
	margin-bottom: 55px;
}
/*Product Foreign Exchange Concept End*/
/*Product wti terms two Page*/
.product-wti-terms-two {
	padding: 20px 50px 75px;
	overflow: hidden;
}
/*
.product-wti-terms-two.product-terms-two {
	padding-bottom: 20px;
}
*/
.product-wti-terms-two h2 + p {
	text-align: center;
}
.product-wti-terms-two h2,
.product-wti-terms-two h3 {
	font-size: 30px;
	color: #81AD9C;
	text-align: center;
	margin-bottom: 30px;
}
.product-wti-terms-two p {
	font-size: 18px;
	color: #333333;
	line-height: 1.8;
	margin-bottom: 20px;
}
.product-wti-terms-two .product-wti-terms-two-item-area .product-wti-terms-two-item {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.product-wti-terms-two .product-wti-terms-two-item-area .product-wti-terms-two-item:last-child {
	margin-right: 0;
}
.product-wti-terms-two .product-terms-bottom .product-terms-bottom-item {
	background: #81AD9C;
	float: left;
	width: 48%;
	padding: 20px 30px;
	margin-left: 2%;
}
.product-wti-terms-two .product-wti-terms-two-item-area {
	margin: 20px 0 40px;
	overflow: hidden;
}
.product-wti-terms-two .product-terms-bottom .product-terms-bottom-item + .product-terms-bottom-item {
	background: #42917d;
}
.product-wti-terms-two .product-terms-bottom .product-terms-bottom-item h3,
.product-wti-terms-two .product-terms-bottom .product-terms-bottom-item p {
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}
.product-wti-terms-two .product-terms-bottom {
	margin-left: -25px;
}
.product-wti-terms-two .product-terms-bottom .product-terms-bottom-item p {
	font-size: 18px;
	line-height: 1.8;
}
.product-wti-terms-two .product-wti-terms-two-item-area .product-wti-terms-two-item h3 {
	text-align: left;
}
/*Product wti terms two End*/
/*Product wti Day Page*/
.product-wti-day {
	text-align: center;
	padding: 20px 50px 75px;
}
.product-wti-day h2 {
	font-size: 30px;
	color: #81AD9C;
	margin-top: 20px;
	margin-bottom: 40px;
}
.product-wti-day td,
.product-wti-day th {
	font-size: 18px;
	color: #858484;
	text-align: center;
	border-bottom: 1px solid #ccc !important;
}
.product-wti-day table tr:last-child td {
	border-bottom: none !important;
}
/*Product wti Day End*/
/*Product Foreign Exchange Terms Page*/
.product-foreign-exchange-terms h2,
.product-foreign-exchange-terms table td {
	font-size: 32px;
	color: #81AD9C;
	text-align: center;
}
.product-foreign-exchange-terms h2 {
	margin-bottom: 40px;
}
.product-foreign-exchange-terms table td {
	font-size: 18px;
	color: #333;
}
.product-foreign-exchange-terms table td {
	border-top: none !important;
	border-bottom: 1px solid #ccc;
	padding: 10px 8px;
	line-height: 1.8;
}
.product-foreign-exchange-terms table tr:last-child td {
	border-bottom: none;
}
.product-foreign-exchange-terms table tr:first-child td + td span {
	background: #81AD9C;
	padding: 5px 40px;
	color: #fff;
	border-radius: 4px;
}
.product-foreign-exchange-terms {
	padding: 20px 50px 75px;
}
/*Product Foreign Exchange Terms End*/
/*Product Metals Terms Page*/
.product-metals-terms {
	padding: 20px 50px 75px;
}
.product-metals-terms h2 {
	font-size: 32px;
	color: #D8A828;
	text-align: center;
	margin-bottom: 40px;
}
.product-metals-terms table th {
	border-bottom: 1px solid #ddd!important;
	line-height: 1.8;
	font-size: 18px;
	color: #333;
}
.product-metals-terms table td {
	border-top: 1px solid #ccc;
	font-size: 18px;
	color: #333333;
}
.product-metals-terms table td li {
	line-height: 36px;
}
/*Product Metals Terms End*/

/*Customer Login Page*/
.customer-login {
	padding: 40px 35px;
	background: url(../../media/bg/customer-login-bg.png);
	background-size: cover;
}
.customer-login .login-form {
	width: 70%;
	margin: 0 auto;
}
.customer-login .login-form form{
	margin-top:40px;
}
.customer-login .login-form h2{
	font-size: 36px;
	margin-bottom: 13px;
	color: #D8A828;
}
.customer-login .form-item {
	margin-bottom: 20px;
}
.customer-login .form-item span {
	width: 150px;
	display: inline-block;
}
.customer-login .form-item span{
	vertical-align: top;
}
.customer-login .form-item label {
	font-size: 18px;
	font-weight: 700;
	color: #231f20;
	float: left;
	line-height: 35px;
}
.customer-login .form-item textarea {
	border: 1px solid #ccc;
	width: 38%;
}
.customer-login .form-item input[type="text"],
.customer-login .form-item input[type="password"],
.customer-login .form-item input[type="tel"],
.customer-login .form-item input[type="email"] {
	border: 1px solid #ccc;
	width: 38%;
	display: inline-block;
	vertical-align: top;
	padding: 5px;
}
.customer-login .form-item:last-child {
	margin: 0 155px 80px;
}
.customer-login .form-item input[type="submit"] {
	background: #D8A828 url('../../media/bg/login-button.png') no-repeat 28px center / 20%;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	border: none;
	padding: 9px 26px 9px 64px;
}
.customer-login .login-form .create-acc {
	background: url(../../media/bg/customer-login.png) no-repeat center;
	display: table;
	text-align: center;
	width: 147px;
	background-size: 100%;
	height: 149px;
	/*margin: 0 auto;*/
	margin: 0 155px;
}
.customer-login .login-form .create-acc a {
	display: table-cell;
	vertical-align: middle;
	font-size: 27px;
	font-weight: 700;
	color: #81AD9C;
	line-height: 30px;
}
.customer-login .login-form .create-acc a span {
	display: block;
	font-size: 20px;
}
.customer-login .form-item #mainCaptcha {
	background: #f7f8f9;
	vertical-align: top;
	padding: 7px;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	font-weight: 900;
	color: #23449c;
}
.customer-login #refresh {
	font-size: 18px;
	font-weight: 700;
	color: #81AD9C;
	vertical-align: top;
	line-height: 40px;
	text-decoration: none;
}
.customer-login #refresh:hover {
	text-decoration: none;
}
/*Customer Login End*/

/*General Page*/
/*
.fixedbar {
	position: fixed;
	width: 115px;
	top: 212px;
	right: 0;
	z-index: 9999;
	transition: all .6s;
}
.fixedbar > ul {
	background-size: 100%;
	width: 115px;
	text-align: center;
	float: right;
	background-color: #94d2b9;
	border-radius: 4px;
}
.fixedbar ul li{
	transition: all .3s ease-out;
	position: relative;
	cursor: pointer;
	width: 115px;
	height: 115px;
	background-color: #80cab7;
	background-position: 5px 5px;
	background-repeat:no-repeat;
}
.fixedbar ul li:hover{
	background-position: -92px 6px;
	background-color: #2b6455;
}
.fixedbar ul li+li{
	background-color: #81AD9C;
}
.fixedbar ul li+li+li{
	background-color: #4ea790;
}
.fixedbar ul li+li+li+li{
	background-color: #42917d;
}
.fixedbar ul li+li+li+li+li{
	background-color: #327f6a;
}
.fixedbar ul li+li+li+li+li+li{
	background-color: #296c59;
}

.fixedbar ul li.qq{
	background-image:url(../../media/bg/fixedbar-qq.png);
}
.fixedbar ul li.contact{
	background-image:url(../../media/bg/fixedbar-contact.png);
}
.fixedbar ul li.online{
	background-image:url(../../media/bg/fixedbar-online.png);
}
.fixedbar ul li.wechat{
	background-image:url(../../media/bg/fixedbar-wechat.png);
}
.fixedbar ul li.download{
	background-image:url(../../media/bg/fixedbar-download.png);
}
.fixedbar ul li.customer{
	background-image:url(../../media/bg/fixedbar-customer.png);
}
.fixedbar ul li.video{
	background-image:url(../../media/bg/fixedbar-video.png);
}
.fixedbar ul li.magazine{
	background-image:url(../../media/bg/fixedbar-magazine.png);
}
.fixedbar ul li.qr{
	background-image:url(../../media/bg/fixedbar-qr.png);
	background-color:#fff;
	background-position: center top;
	background-size: 100%;
	width: 150px;
	height:auto;
}
.fixedbar ul li.qr a{
	position:relative;
	padding-top: 160px;
	color:#000;
	line-height: 1.3;
}
.fixedbar>ul>li:first-child{
	border-radius: 4px 4px 0 0;
}
.fixedbar>ul>li:last-child{
	border-radius: 0 0 4px 4px;
}
.fixedbar ul li a{
	display: block;
	font-size: 19px;
	color: #fff;
	position:absolute;
	bottom: 9px;
	width:100%;
    padding: 87px 0 5px 0;
	line-height: 1;
	white-space: nowrap;
}
.fixedbar ul li ul li{
	width: 115px;
	height: 115px;
	position: absolute;
	top: 0;
	right: -160px;
	transition: all .3s ease-out;
	border-radius: 4px;
}
.fixedbar ul li>ul{
	height: 115px;
	right: 115px;
	position: absolute;
	z-index: -1;
}
.fixedbar>ul>li:hover>ul{
	width: 185px;
}
.fixedbar>ul>li:hover>ul li{
	right: 5px;
}
.fixedbar ul li:hover>ul li+li{
	right: 125px;
}
*/

.main-content {
	overflow: hidden;
	margin: 0 auto;
	min-width: 1360px;
	max-width: 2480px;
}

.sidebar-area {
	width: 16%;
	background: #FFFEF5;
	float: left;
}

.sidebar-area ul {
	margin: 0;
}
.sidebar-area li:last-child {
	margin-bottom: 0;
}
.sidebar-area li a {
	color: #5A5858;
	font-size: 18px;
	display: inline-block;
	padding: 13px 34px 13px;
	width: 100%;
}
.sidebar-area li.active,
.sidebar-area li:hover {
	background: #F2DD82;
}
.sidebar-area li.active a,
.sidebar-area li:hover a {
	color:#929497;
}

.sidebar-area .list-group.panel {
	border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.sidebar-area .list-group-item {
	border: none;
	background-color: #FFF;
	display: inline-block;
	width: 100%;
	padding: 13px 34px 13px;
    border: 0;
    border-radius: 0;
	color: #5A5858;
	font-size: 18px;
}
.sidebar-area .list-group-item[aria-expanded="true"],
.sidebar-area .list-group-item.curr,
.sidebar-area .list-group-item:hover {
	color:#929497;
	background: #F2DD82;
}
.sidebar-area .list-group-item[aria-expanded="true"],
.sidebar-area .list-group-item[data-toggle="collapse"]:hover {
	/* background: #F1DC81 url(../../media/bg/sidebar-down.png) no-repeat 90% 50%; */
	background: #F2DD82;
}
.sidebar-area .sub .list-group-item {
    background-color: #F6F1D5;
    padding: 13px 34px 13px 48px;
	font-size: 17px;
}
.sidebar-area .sub .list-group-item.curr,
.sidebar-area .sub .list-group-item:hover {
	background: #FFF178;
}

/*
.sidebar-area .collapse.in {
    background-color: #f5f5f5;
}
.sidebar-area .sub .curr {
    background-color: #1BBCD9;
    color:#81AD9C;
}
.sidebar-area .sub-menu {
	padding-left: 30px;
}
*/

/*




*/

.content-area {
	width: 84%;
	overflow: hidden;
    min-height: 600px; /* temp */
	/* 
	min-width: 1008px;
    padding-right: 115px;
    */
}
.content-area .container {
	padding: 40px 50px;
    min-height: 600px;
    width: auto;
}
.content-area .content-section {
	width: 100%;
    overflow: hidden;
    clear: both;
}
.content-area .content-section .img-area {
	float: left;
	width: 50%;
    height: 200px;
	position: relative;
    overflow: hidden;
}
.content-area .content-section .img-area2 {
	float: left;
	width: 50%;
	position: relative;
}
.content-area .content-section .img-area > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.content-area .content-section .img-area li > img {
   width: 100%;
}
.content-area .content-section .text-area {
	float: left;
	width: 50%;
    height: 200px;
	padding: 3%;
}
.content-area .content-section .text-area > p {
	font-size: 18px;
	line-height: 1.8;
}


/* Group Info */
.group-info .content-section.one .text-area {
   height: 350px;
}
.group-info .content-section.one .img-area {
   height: 350px;
}
.group-info .content-section.one .img-area li img {
   height: 350px;
}
.group-info .content-section.one .img-area:first-child {
   background: url('../../media/bg/group-info-01.jpg') no-repeat center 40%;
   background-size:cover;
}
.group-info .content-section.two {
	background: url('../../media/bg/group-info-05.png') no-repeat center;
	background-size:cover;
	padding: 40px 0 80px;
}
.group-info .content-section.two h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 50px;
}
.group-info .content-section.two ul {
	overflow: hidden;
	width: 65%;
	margin: 0 auto;
}
.group-info .content-section.two ul li {
	width: 50%;
	float: left;
	margin-bottom: 15px;
	margin-left: 10%;
}
.group-info .content-section.two ul li:nth-child(2n) {
	width: 38%;
	margin-left: 0;
}
.group-info .content-section.two ul li a {
	color: #fff;
	font-size: 18px;
}
.group-info .content-section.two ul li a img {
	width: 10px;
	margin-right: 10px;
	margin-top: -5px;
}
.group-info .content-section.two ul li span {
	color: #fff;
	font-size: 13px;
	margin-top: -2px;
	display: block;
	margin-left: 20px;
}
.group-info .content-section.three {
	text-align: center;
	padding: 40px 0 80px;
}
.group-info .content-section.three h2 {
	color: #BCA86B;
}
/*
.content-area.group-info .content-section.three img{
	max-height:500px;
}
*/
.group-info .content-section.four {
	padding: 40px 0 80px;
}
.group-info .content-section.four .img-section {
	text-align: center;
    background: url(../../media/bg/group-info-07.png) no-repeat center;
    background-size:cover;
    height: 400px;
    width: 100%;
    padding-top: 100px;
}
.group-info .content-section.four .img-section h2 {
    margin-top: 20px;
}
.group-info .content-section.four .text-section .col-section {
	float: left;
	width: 33%;
	padding: 0px 5%;
	background: url('../../media/bg/bar.png') no-repeat right 48px;
}
.group-info .content-section.four .text-section .col-section:first-child p {
	border-left: none;
}
.group-info .content-section.four .text-section .col-section:last-child {
	background: transparent;
}
.group-info .content-section.four .text-section h3 {
	color: #BCA86B;
}
/* End Group Info */


/* About Us */
.about-us .content-section.one .img-area {
	background: url('../../media/bg/about-us-01.png') no-repeat center 40%;
	background-size:cover;
	height: 471px;
}
.about-us .content-section.two .img-area {
    background: url('../../media/bg/about-us-03.jpg') no-repeat center 40%;
    background-size:cover;
    height: 400px;
}
.about-us .content-section.three .img-area {
    background: url('../../media/bg/about-us-07.jpg') no-repeat center 40%;
    height: 400px;
}
/* End About Us */


/*
.content-area .content-section .img-area-right img {
   position: absolute;
   width: 60%;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}
*/

.content-area .online-support{
	text-align:center;
	padding: 50px;
}
.bottom-last-section .col-section h3 {
   font-weight: 700;
   color: #81AD9C;
}
.bottom-last-section .col-section p {
	color: #333333;
}


.tab-area {
   overflow: hidden;
   padding: 0;
}
.tab-area.advantage {
   padding: 0 0 55px;
}
.tab-area h2 {
   color: #81AD9C;
   margin-bottom: 40px;
}
.tab-area .nav {
   width: 90%;
   margin: 0 auto;
}
.tab-area.advantage .nav {
   width: 87%;
}
.tab-area .nav-tabs {
   border: none;
}
.tab-area .nav li {
   width: 33%;
   margin-top: -100px;
}
.tab-area.advantage .nav li {
   width: 16%;
   margin: -38px 5% 0 0;
}
.tab-area.advantage .nav li:last-child {
   margin: -38px 0 0 0;
}
.tab-area .nav li.active a {
   border: none;
}
.tab-area .nav li a {
   //
   background: url('../../media/bg/tab-button.png') no-repeat !important;
   height:153px;
   //
   text-indent: -9999px;
   border: none;
   background: transparent !important;
   cursor: pointer;
}
.tab-area .nav li a img{
    transform: scale(0.85,0.85);
    -o-transform: scale(0.85,0.85);
    -moz-transform: scale(0.85,0.85);
    -webkit-transform: scale(0.85,0.85);
        -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.tab-area .nav li a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	cursor: pointer!important;
}
.tab-area .nav li a:hover img,.tab-area .nav li.active a img{
    transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
.tab-area .nav li a:hover {
   background: transparent;
   border: none;
}
.tab-area h2, .tab-area p {
   text-align: center;
}
.tab-area .tab-pane {
   color: #fff;
   text-align: center;
   padding-top: 90px;
}
/*
.tab-pane h2{
   color: #fff;
   font-weight: 700;
   font-size: 40px;
   margin-bottom: 30px;
   margin-top: 50px;
}
.tab-pane p{
   color: #fff;
   font-size: 20px;
   width: 65%;
   margin: auto;
}
*/

.tab-area.about-us {
   overflow:visible;
   padding: 0 0 55px 0;
}
.tab-area.about-us .nav-tabs li {
	width: 18%;
	margin-right: 23%;
}
.tab-area.about-us .nav-tabs li:last-child {
	margin-right: 0;
}
.tab-area #home {
   background: url('../../media/bg/about-us-04.jpg') no-repeat center;
   background-size:cover;
   height: 454px;
}
.tab-area #profile {
   background: url('../../media/bg/about-us-05.jpg') no-repeat center;
   background-size:cover;
   height: 454px;
}
.tab-area #messages {
   background: url('../../media/bg/about-us-06.jpg') no-repeat center;
	background-size:cover;
   height: 454px;
}
#home h2,
#profile h2,
#messages h2 {
   color: #fff;
   font-weight: 700;
   font-size: 40px;
   margin-bottom: 30px;
   margin-top: 90px;
}
#home p,
#profile p,
#messages p {
   color: #fff;
   font-size: 20px;
}

/*Uzzal vai*/
/*about_us_3*/
.tab-area.advan {
   overflow:visible;
   padding: 0 0 55px 0;
}
.tab-area.advan .nav-tabs li {
   width: 15%;
   margin-top: -66px;
   margin-right: 6%;
}
.tab-area.advan .nav-tabs li:last-child {
	margin-right: 0;
}
.tab-area #tab-button-adv-1 {
   background: url('../../media/bg/advantage-01.png') no-repeat center;
   background-size:cover;
   height: 454px;
}
.tab-area #tab-button-adv-2 {
   background: url('../../media/bg/advantage-02.png') no-repeat center ;
	background-size:cover;
   height: 454px;
}
.tab-area #tab-button-adv-3 {
   background: url('../../media/bg/advantage-03.png') no-repeat center ;
	background-size:cover;
   height: 454px;
}
.tab-area #tab-button-adv-4 {
   background: url('../../media/bg/advantage-04.png') no-repeat center ;
	background-size:cover;
   height: 454px;
}
.tab-area #tab-button-adv-5 {
   background: url('../../media/bg/advantage-05.png') no-repeat center ;
	background-size:cover;
   height: 454px;
}
#tab-button-adv-1 h2,
#tab-button-adv-2 h2,
#tab-button-adv-3 h2,
#tab-button-adv-4 h2,
#tab-button-adv-5 h2 {
    color: #fff;
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 50px;
}
#tab-button-adv-1 p,
#tab-button-adv-2 p,
#tab-button-adv-3 p,
#tab-button-adv-4 p,
#tab-button-adv-5 p {
    color: #fff;
    font-size: 20px;
    width: 65%;
    margin: auto;
    line-height: 29px;
}

/*about 1 page images*/


/*
.content-area .content-section .img-area {
   width: 50%;
   float: left;
   background: url('../../media/bg/group-info-01.jpg') no-repeat center 40%;
   background-size:cover;
   height: 350px;
   text-align: center;
   position: relative;
}
*/


/*about-4 page start*/
.about_4_top_wrap {
   background: url('../../media/bg/follow-plotio-01.jpg') no-repeat center 60% !important;
   background-size:cover;
   width: 100%;
   padding: 23px 0px;
   /* margin: 0.5% 0 0 0.5%; */
}
.about_4_top_wrap h2 {
   font-size: 29px;
   color: #fff;
   line-height: 1.5;
   margin-top: 10px;
}
.about-4-content-wrap{
   background: url('../../media/bg/follow-plotio-02.jpg') no-repeat center 40% !important;
   background-size:cover;
   background-size: cover;
   min-height: 350px;
   width: 100%;
   padding-top: 50px;
   padding-bottom: 0;
   /* margin: 0 0 0.5% 0.5%; */
   text-align: center;
   display: table;
}
.about-4-content-wrap h3 {
   color: #fff;
   display: inline-block;
}
.about-4-ul-wraper{
   width: 100%;
}
.about-4-ul-wraper ul li{
   list-style: none;
   float: left;
   padding: 60px 40px;
   width: 20%;
}
.about-4-ul-wraper ul li img{
   height: 80px;
   /* width: 80px; */
}
.about-4-ul-wraper ul li span{
   color: #fff;
   top: 14px;
   position: relative; 
}
/*about-two Page Start*/
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #D9A927;
}
.slider_content{
   background: url('../../media/bg/tc/header-about.png') no-repeat center;
   background-size: cover;
   min-height: 200px;
   min-width: 1360px;
}
.slider_content.about {
   background: url('../../media/bg/tc/header-about.png') no-repeat center;
   background-size: cover; 
}
.slider_content.account {
   background: url('../../media/bg/tc/header-account.jpg') no-repeat center;
   background-size: cover; 
}
.slider_content.products {
   background: url('../../media/bg/tc/header-product.jpg') no-repeat center;
   background-size: cover; 
}
.slider_content.knowledge {
   background: url('../../media/bg/tc/header-knowledge.jpg') no-repeat center;
   background-size: cover; 
}
.slider_content.customer {
   background: url('../../media/bg/tc/header-customer.jpg') no-repeat center;
   background-size: cover; 
}
.slider_content.partner {
   background: url('../../media/bg/tc/header-partner.png') no-repeat center;
   background-size: cover; 
}
.slider_content.information {
	background: url('../../media/bg/tc/header-info.jpg') no-repeat center;
	background-size: cover; 
}
.slider_content.contact{
	background: url('../../media/bg/tc/header-contact.png') no-repeat center;
	background-size: cover; 
}
.slider_content.terms {
	background: url('../../media/bg/tc/header-terms.png') no-repeat center;
	background-size: cover; 
}

.slider_content.information h1 {
	color: #fff;
}
.slider_content h1 {
    width: 90%;
    position: relative;
    margin: auto;
    top: 90px;
    font-weight: 700;
    text-align: center;
    color: #fff;
}
.group-info .lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0px 11px;
top: -35px;
position: relative;
}

/*about-two Page End*/

/*========== date- 26-04-2017 *******/
/*
.tramp_slider_content{
   background: url('../../media/bg/tramp-bg.jpg') no-repeat;
   background-size: cover; 
   min-height: 200px;
   //max-width: 100%;
   background-size: 100% 100%;
}
.tramp_slider_content h1{
   width:15%;
   position:relative;
   margin: auto;
   top: 90px;
}
*/


/*contact*/
.content-area .content-section .contact-map-area {
   width: 50%;
   float: left;
   height: 600px;
   text-align: center;
   position: relative;
}

/*Footer*/
footer {
    min-width: 1360px;
	padding: 88px 0 22px;
	background: url('../../media/bg/bg-footer.jpg') no-repeat;
	background-size: cover;
	clear: both;
}
footer .container {
    padding: 0 75px;
}
footer .col-section {
	float: left;
	width: 9%;
	margin-right: 1%;
}
footer .logo-area {
	width: 128px;
	margin-right: 100px;
}
footer .logo-area img {
	width: 128px;
    height: auto;
} 
footer .logo-area img:first-child {
	margin-bottom: 40px;
} 
footer .logo-area p {
	font-size: 14px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 30px;
	white-space: nowrap;
}

/*
footer .col-section:nth-child(2) {
	width: 18%;
}
*/
footer .col-section:last-child {
	margin-right: 0;
}
footer .col-section h3,
footer .col-section ul li a {
	color: #fff;
}
footer .col-section h3 {
	font-size: 16px;
	margin: 0 0 20px;
}
footer .col-section h3 a {
	color:#fff;
}
footer .col-section h3 a:hover {
	color:#D8A828;
}
footer .col-section ul li {
	margin-bottom: 10px;
}
footer .col-section ul li a {
	font-size: 14px;
	color:#fff;
}
/*
footer .col-section:nth-child(2) ul {
	float: left;
	width: 45%;
	margin-right: 10%;
}
footer .col-section:nth-child(2) ul:last-child {
	margin-right: 0;
}
*/
footer .copyright-section {
    clear: both;
}
footer .copyright-section ul li {
	float: left;
	line-height: 1;
	border-right: 1px solid #fff;
}
footer .copyright-section ul li a {
	color: #fff;
	font-size: 16px;
	padding: 0 14px 0 12px;
}
footer .copyright-section ul li a span{
	color: #D4B934;
}
footer .copyright-section ul li:first-child a {
	padding-left: 0;
}
footer .copyright-section ul li:last-child {
	border-right: none;
}
footer .copyright-section .copyright-left p {
	color: #fff;
	font-size: 16px;
	text-align: left;
}
footer .copyright-section .copyright-right p {
	color: #fff;
	font-size: 16px;
	text-align: right;
}

footer ul li a:hover {
	text-decoration: none;
	color: #D8A828;
}

/*Knowledge style css start*/
.knowledge-section {
    min-height:600px;
}
.knowledge-2-section_1{
    width: 100%;
    height: auto;
    padding: 0 0 40px;
}
.knowledge-2-section_1 p {
    width: 100%;
    height: auto;
    font-weight: 700;
    font-size: 19px;
    line-height: 35px;
    color: #6d6e71;
}
.knowledge-2-section_2 h2 {
    margin-top: 0px;
    margin-bottom: 50px;
    color: #D8A828;
    font-weight: 700;
}
.knowledge-2-section_3 h2{
    margin-top: 0px;
    margin-bottom: 50px;
    color: #D8A828;
    font-weight: 700;
}
.table-wraper{
    color:#6d6e71;
    font-weight:600;
}
.knowledge-2-section_2{
    width: 100%;
    height: auto;
    padding: 40px 50px;
    text-align: center;
}
.knowledge-2-section_3{
    width: 100%;
    height: auto;
    padding: 40px 50px;
    text-align: center;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color:#fff;;
}
.knowledge-3-section_2{
       width: 65%;
       height: auto;
       margin: 0 auto 100px;
}
.knowledge-3-section_2 h2{
    color: #D8A828;
    font-weight: 700;
}
.knowledge-3-section_2 .form-horizontal .form-group p{
    color: #81AD9C;
    text-align: left;
    font-size: 18px;
    position: relative;
    top: -25px;
    left: 223px;
}
.radio-bout{
    width: 18px;
    height: 18px;
}
.knowledge-3-section_2 .form-horizontal .form-group span{
    color: #6d6e71;
    text-align: left;
    font-size: 18px;
    position: relative;
    left: 2px;
}
.knowledge-3-section_2 .form-horizontal .form-group .price-span{
	color:#81AD9C;
	font-size:13px;
}
.knowledge-3-section_2 .form-horizontal .form-group label{
    color: #6d6e71;
    text-align: left;
    font-size: 18px;
    font-weight: normal;
}
.knowledge-3-section_2 .form-horizontal .form-group .form-control{
	float:left;
	width: 90%;
}
.form-control{
    border-radius: 0px;
}
.btn-bg {
    border-radius: 0px;
    background: #D8A828;
    color: #fff;
}
.btn-bg:hover {
    color: #fff;
}
.content-area .account_opening-procedure-2-from .form-group label{
    text-align: left;
    font-size: 18px;
    font-weight: normal;
    padding-right: 0;
}
/*Knowledge style css end*/
/*information style css start*/
.informaion-daily-wraper{
    width: 100%;
    padding: 30px 20px 100px 20px;
    height:auto;
    position:relative;
}
.info-image-area{
    width: 35%;
    float: left;
    height:auto;
    padding:20px 0px; 
}
.info-image-area img{
    height:220px;
    width: 100%;
}
.info-text-area{
    width: 60%;
    float: left;
    height:auto;
    padding:20px 20px; 
}
.info-text-area h3{
    font-weight: 700;
    margin-top: -2px;
    height:15px; 
    position: relative;
    float: left;
}
.info-text-area p{
    margin-top: 30px;
}
.info-text-area span{
    color:#81AD9C;
}
.images-text-all-wrap{
    height:270px;
    padding-bottom:0px;
    width: 100%;
    border-bottom:1px #ccc solid;
}
.images-text-last-wrap{
    height:270px;
    padding-bottom:0px;
    width: 100%;
}
/*information  style css end*/


/*News style css start*/
.news-wraper{
    width: 100%;
    padding: 20px 30px;
    height:auto;
    position:relative;
    min-height: 600px;
}

.news-image-area{
    width: 25%;
    padding-right: 2%;
    float: left;
    height: 183px;
    text-align: center;
}
.news-image-area img{
	max-width:100%;
	max-height: 100%;
}
.news-text-all-wrap{
    width: 100%;
    padding: 20px;
    cursor:pointer;
    display:table;
}
.news-text-all-wrap:hover{
    background:#eee;
}
.news-text-all-wrap+.news-text-all-wrap{
	border-top: 1px solid #eee;
}
.news-text-area {
    width: 100%;
    float: left;
    height:auto;
    padding:0;
}
.news-image-area+.news-text-area {
    width: 75%;
}
.news-text-area h3{
    font-weight: 700;
    margin-top: 8px;
    height:15px;
    position: relative;
    display: inline;
}
.news-text-area p{
    margin-top: 28px;
}
.news-text-area span{
    color: #D8A828;
    display: inline-block;
    margin-top: -4px;
    margin-left: 5px;
    position: absolute;
}
/*news content*/
.news-content-wrap {
    padding: 20px 50px 75px;
}
.news-content-wrap h1 {
	font-size:30px;
	color:#81AD9C;
}
.news-content-wrap .news-date{
	margin-bottom:20px;
}
.news-content-wrap .news-content img{
	max-width:100%;
}
/*News  style css end*/




/*==============================================*/
/*24-04-2017 start*/
/*account_opening-procedure-1 style*/
/*
.account_opening-procedure-1-wraper{
    width: 100%;
    padding: 0px 0px 0px 0px;
    height:auto;
    position:relative;
}
.account_opening-procedure-1-ul .account-ul-proce{
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
}
.account_opening-procedure-1-ul .account-ul-proce li {
  background: url("../../media/bg/acoun-123.png") no-repeat scroll center 100% / 101% 101%;
  float: left;
  list-style: outside none none;
  padding: 3% 3% 5%;
  position: relative;
  text-align: center;
  float: left;
  width: 26.5%;
}
.account_opening-procedure-1-ul .account-ul-proce li+li {
    margin-left: -2%;
}
.account_opening-procedure-1-ul .account-ul-proce li:first-child{
    margin-left:-1px;
}
.account_opening-procedure-1-ul .account-ul-proce li:last-child{
    background:none;
}
.account_opening-procedure-1-ul .account-ul-proce li{
    z-index: 10;
}
.account_opening-procedure-1-ul .account-ul-proce li+li{
    z-index: 5;
}

.account_opening-procedure-1-ul .account-ul-proce li+li+li{
    z-index: 3;
}

.account_opening-procedure-1-ul .account-ul-proce li:last-child{
    z-index: 2;
}
.account_opening-procedure-1-ul .account-ul-proce li:last-child {
  background: url("../../media/bg/acount-opning.png") no-repeat scroll 100% 100% / 100% 100%;
}
.account_opening-procedure-1-ul .account-ul-proce li  {
    display: block;
}
.account_opening-procedure-1-ul .account-ul-proce li  img{
    height: 160px;
    width: 160px;
}
.account_opening-procedure-1-ul .account-ul-proce li  span{
    color: #81AD9C;
    position: relative;
    top: 17px;
    left: 0;
    font-size: 20px;
    display: block;
}
*/

.content-area .account-content-section {
    width: 100%;
    clear: both;
}
.content-area .account-content-section .img-area {
    width: 50%;
    float: left;
}
.content-area .account-content-section .img-area img {
    width: 100%;
}
.content-area .account-content-section .text-area {
    width: 50%;
    float: left;
    padding: 54px 36px 20px;
}
.content-area .account-content-section .text-area h2 {
    font-size: 28px;
    font-weight: 700;
    color: #D8A828;
    margin-bottom: 20px;
}
.content-area .account-content-section .text-area p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}


/*account_opening-procedure-2 style start*/
.account_opening-procedure-2-wraper{
    width: 100%;
    height:auto;
    position:relative;
}
.account_opening-procedure-2-ul .account-ul-proce li{
    list-style: none;
    float: left;
    padding: 30px;
    width: 20%;
    cursor: pointer;
    background: url('../../media/bg/acoun-123.png') no-repeat center 100% ;
	background-size:cover;
    background-size: 100% 100%;
    z-index:10;
}
.account_opening-procedure-2-ul .account-ul-proce li+li{
    background: url('../../media/bg/acoun-123.png') no-repeat center 100% ;
	background-size:cover;
    background-size: 100% 100%;
    position: relative;
    margin-left: -2%;
    z-index:9;
}
.account_opening-procedure-2-ul .account-ul-proce li+li+li{
    z-index:8;
}
.account_opening-procedure-2-ul .account-ul-proce li+li+li+li{
    z-index:7;
}
.account_opening-procedure-2-ul .account-ul-proce li+li+li+li+li{
    z-index:6;
}
.account_opening-procedure-2-ul .account-ul-proce .active + .active,.account_opening-procedure-2-ul .account-ul-proce li+li:hover {
    background: url('../../media/bg/account-hover-mid.png') no-repeat 100%;
	background-size:cover;
    background-size:100% 100%;
    background-position: 100%;
}
.account_opening-procedure-2-ul .account-ul-proce li:last-child{
    background:none;
}
.account_opening-procedure-2-ul .account-ul-proce .active:last-child,.account_opening-procedure-2-ul .account-ul-proce li:last-child:hover{
    background: url(../../media/bg/acount-opning.png) no-repeat;
    background-size: 100% 100%;
    background-position: 100%;
}
.account_opening-procedure-2-ul .account-ul-proce li a span{
    color: #81AD9C;
    position: relative;
    top: -62px;
    left: 43px;
    font-size: 13px;
    font-weight: 700;
}
.account_opening-procedure-2-ul .account-ul-proce{margin-bottom: 80px;}

.content-area .account_opening-procedure-2-from{
    width: 90%;
    max-width: 1100px;
    height:100%;
    padding: 50px 0px;
    text-align: center;
    border:2px #D8A828 solid;
    position: relative;
    margin: auto;
    margin-top: 250px;
    margin-bottom: 50px;
    overflow: auto;
    border-radius: 10px;
    color: #D8A828;
}
.content-area .account_opening-procedure-2-from h2{
    font-size: 38px;
    color: #D8A828;
    font-weight: 700;
    margin-bottom: 60px;
}
.label-group > div{
	display:inline-block;
	padding:0 20px;
	margin-top: 10px;
}
.label-group > div a{
	color: #81AD9C;
}
.acco-border{
    border-top: #D8A828 solid 2px;
    width: 97%;
    position: relative;
    margin: auto;
}
.account_opening-procedure-2-from #mainCaptcha {
	background: #f7f8f9;
	padding: 7px 14px;
}
.account_opening-procedure-2-from #refresh {
	color: #81AD9C;
	font-size: 16px;
	font-weight: 700;
	padding: 0;
}
.account_opening-procedure-2-from .acco-border h3{
    font-size: 28px;
    color: #D8A828;
    font-weight: 700;
    background-color: #fff;
    padding: 8px 15px;
    top: -22px;
    width: 160px;
    margin: 0 auto;
    position: relative;
}
.account_button_wraper{
    position: relative;
    margin: auto;
    height: 100%;
}
.account_button_wraper ul{
	text-align:center
}
.account_button_wraper ul li{
    display: inline-block;
    list-style: none;
    padding:0px 25px;
    margin-bottom: 50px;
}
.account_button_wraper ul li a img{
    height: 50px;
    width: 150px;
}
.account_button_wraper ul li input[type="submit"],
.account_button_wraper ul li a {
	background: #D8A828 url(../../media/bg/prev.png) no-repeat 9px center;
	border: none;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	background-size: 20%;
	padding: 10px 31px 10px 50px;
	display: inline-block;
	width: 180px;
}
.account_button_wraper ul li+li a,.account_button_wraper ul li+li  input[type="submit"]{
	background-image:url(../../media/bg/next.png);
	background-position: 135px center;
	padding: 10px 50px 10px 31px;
}


.account_button_wraper ul li:first-child input {
	background: #D8A828 url(../../media/bg/prev.png) no-repeat 14px center;
	background-size: 20%;
	padding: 10px 31px 10px 50px;
}
.account_button_wraper ul li input.final-step {
	background: #D8A828 url(../../media/bg/next.png) no-repeat 107px center;
	background-size: 20%;
}
.radio-span .acount-radio{
    height: 20px;
    width: 20px;
}
.radio-span span{
    margin: 20px;
    font-size: 18px;
}
.account_margin_bottonm{
    margin-top: 50px;
}
/*account_opening-procedure-3 style start*/
.acco-border-3{
    clear: both;
    border-top: #D8A828 solid 1px;
    position: relative;
    width: 95%;
    margin: 60px auto 30px;
}
.acco-border-3 h3 {
    position: relative;
    top: -15px;
    background-color: #fff;
    width: 119px;
    height: 50px;
    margin: auto;
    overflow: hidden;
}
/*account_opening-procedure-4 style start*/
.acco-border-4{
    border-top: #D8A828 solid 1px;
    width: 95%;
    position: relative;
    margin: auto;
}
.account_opening-procedure-2-from .acco-border-4 h3{
    font-size: 23px;
    color: #D8A828;
    font-weight: 700;
    background-color: #fff;
    padding: 8px 15px;
    top: -21px;
    width: 261px;
    margin: 0 auto;
    position: relative;
}
.acount-4-sel-title{
    margin-left:-40px;
}
.acount-4-sel{
    margin-left: -50px;
    font-size: 14px;
    width: 97px;
}
.select-width{
    width: 93px;
    margin-left: -20px;
}
/*account_opening-procedure-5 style start*/
.acco-border-5{
    border-top: #D8A828 solid 1px;
    width: 95%;
    position: relative;
    margin: auto;
}
.account_opening-procedure-2-from .acco-border-5 h3{
    font-size: 23px;
    color: #D8A828;
    font-weight: 700;
    background-color: #fff;
    padding: 8px 15px;
    top: -21px;
    width: 375px;
    margin: 0 auto;
    position: relative;
}
.checkbox-size{
    width: 20px;
    height: 20px;
}
label span{
    margin-left: 10px;
    top: -5px;
    position: relative;
    font-size: 16px;
}
.procedure-5-p p{
    color: #000;
    text-align: left;
    margin-top: 50px;
    margin-bottom: 50px;
}
.capsa-images img{
    height: 50px;
    width: 100px;
}
/*account_opening-procedure-6 style start*/
.account_opening-procedure-6{
    margin: 100px 0px;
    display: table;
    width: 100%;
}
.procedure-6-left{
    float: right;
    padding-bottom: 100px;
    left: 60px;
    position: relative;
}
.procedure-6-left span{
    position: relative;
    width: 100px;
    color: #81AD9C;
    font-size: 20px;
    font-weight: 700;
    left: -147px;
    top: 45px;
}
.procedure-6-right h3{
    color: #81AD9C;
    font-size: 28px;
    font-weight: 700;
    margin-top:35px;
}
.procedure-6-right p{
    color: #81AD9C;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
}
/*account_opening-procedure-page-2 style start*/
.procedure-page-2-wraper{
    background: url('../../media/bg/download-01.jpg') no-repeat;
    min-height: 580px;
    background-size: 100% 100%;
    position: relative;
    background-size: cover;
}
.procedure-page-2-wraper img{
    opacity: 0.9;
    height: 150px;
    width: 428px;
    float: right;
    margin-top: 154px;
}
.procedure-page-2-wraper span {
  float: right;
  width: 35%;
  position: absolute;
  right: 0;
  top: 215px;
  padding: 40px 30px;
  background-color: #d8a828;
  background-color: rgba(216, 168, 40, 0.8);
  font-size: 35px;
  font-weight: 700;
  color: #fff;
}
.procedure-page-2-download h2{
    color: #D8A828;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}
.procedure-page-2-download p{
    color: #D8A828;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
}
.procedure-page-2-download-laft{
    margin-top:50px;
    text-align: center;
}
.procedure-page-2-download-laft .download-laft-img{
    height:200px;
    margin-top: 50px;
}
.procedure-page-2-download-laft .download-laft-img-2{
    height: 65px;
}
.procedure-page-2-download-center{
    margin-top:50px;
}
.procedure-page-2-download-center p{
}
.procedure-page-2-download-center .download-laft-img{
    height: 200px;
    /* width: 47%; */
    margin-top: 50px;
    /* float: right; */
    /* margin-right: 124px; */
}
.procedure-page-2-download-center .download-right-img{
    height: 200px;
    margin-top: 50px;
}
.procedure-page-2-download-center .download-laft-img-2{
    height: 65px;
}
.procedure-page-2-download-center{
    background: url('../../media/bg/download-08.png') no-repeat -40px 0;
    //
    background-size: cover;
    min-height:450px;
    /* margin-left: -60px; */
    text-align: center;
}
.procedure-page-2-download-center .download-right-p{
}
.procedure-page-2-bottom-text{padding:50px;display: table;}
.procedure-page-2-bottom-text h3{
    font-size: 18px;
    margin: 50px 15px;
    font-weight:500;
    line-height: 1.5;
}
.procedure-page-2-bottom-text-left ul li{
    font-weight:500;
    font-size: 18px;
}
.procedure-page-2-bottom-text-center ul li{
    font-weight:500;
    font-size: 18px;
}
.procedure-page-2-bottom-text-right ul li{
    font-weight:500;
    font-size: 18px;
}
/*account_opening-procedure-page-3 style start*/
.procedure-page-3-wraper{
    margin-top: 100px;
    padding-bottom: 150px;
}
.procedure-page-3-wrap{
    width: 80%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 50px;
    border-bottom: 1px #ddd solid;
    display: table;
}
.procedure-page-3-wraper .procedure-page-3-wrap .procedure-page-3-img img{
    height: 20px;
    width: 20px;
}
.procedure-page-3-wraper .procedure-page-3-wrap .procedure-page-3-img p {
  display: inline-block;
  font-weight: 700;
  margin-left: 20px;
  font-size: 20px;
}
.procedure-page-3-link a{
    float: right;
    color: #fff;
    background-color: #F1D341;
    padding: 8px 62px;
    border-radius: 6px;
}
.procedure-page-3-link a:hover{
    background-color: #81AD9C;
}
.procedure-page-3-adobe{
    margin-top: -151px;
    background-color: #fff;
    padding: 16px 65px;
}
/*information feature analysis magazine style start*/
.information-magazine-wraper {
    padding-bottom: 100px;
}
.information-magazine-wraper .information-magazine-img{
    text-align: center;
    height: 450px;
    width: 100%;
    margin-top: 50px;
}
.information-magazine-wraper .information-magazine-img a{
    width: 50%;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    top: 12px;
    position: relative;
}
.information-magazine-wraper .information-magazine-img a:hover{
    color:#457462;
}
.information-magazine-img{
    width: 50%;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    top: 30px;
    position: relative;
}
.pagination-wraper{
    padding: 100px 0px;
    height: 100px;
    width: 100%;
}

/*==========*******/
/* 
.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}
.list-group-submenu {
  margin-left:20px;
}
.sidebar-area .sub .list-group-item {
	padding-left: 20%;
}

.sidebar-area .list-group-item {
	border: none;
	background-color: transparent;
	color: #333333;
	font-size: 18px;
	display: inline-block;
	padding: 13px 34px 13px;
	width: 100%;
}
.sidebar-area .list-group-item[aria-expanded="true"],.sidebar-area a.curr {
	color: #fff;
	background-color: #81AD9C;
}
.sidebar-area .panel {
	background-color: transparent;
	-webkit-box-shadow: initial;
	border: none;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
	background-color: #81AD9C;
	color: #fff;
}
.sub .list-group-item:hover,.sub .list-group-item:hover,.sub  .list-group-item:focus,.sub .list-group-item:focus {
	background-color: #f5f5f5;
	color: #81AD9C;
}
.list-group.panel > .list-group-item {
	border-radius: 0;
}
*/

/* Form Message Color */
/* form validation style*/
.user_radio_messge{
   color: red;
}
.user_messg{
   color: red;
}
.user_messg_2{
   color: red;
}
.pone_messg{
   color: red;
}
.email_messg{
   color: red;
}
.text_messg{
   color: red;
}
.success_masg{
   color: green;
   font-size: 30px;
}
.account_opening-procedure-2-ul .account-ul-proce {
 float: left;
 width: 100%;
}
.account_opening-procedure-2-ul .account-ul-proce li {
 background: url("../../media/bg/acoun-123.png") no-repeat scroll center 100% / 100% 100%;
 cursor: pointer;
 float: left;
 list-style: outside none none;
 width: 21.59%;
 position: relative;
 text-align: center;
 height: 220px;
}
.account_opening-procedure-2-ul .account-ul-proce li a{display:block;width: 100%;}
.account_opening-procedure-2-ul .account-ul-proce li a img {
 height: auto;
 width: 160px;
}
.account_opening-procedure-2-ul .account-ul-proce li {
 background: url("../../media/bg/back_hover.png") no-repeat scroll center 100% / 100% 100%;
}
.account_opening-procedure-2-ul .account-ul-proce li a span {
 color: #81AD9C;
 display: block;
 font-size: 13px;
 font-weight: 700;
 left: 0;
 line-height: 13px;
 position: absolute;
 top: 136px;
 width: 100%;
}
.account_opening-procedure-2-ul .account-ul-proce li.active:hover{
	opacity:0.95;
}

/* FAQ */
a.btn.btn-faq {
    background-color: #F2DD82;
    color: #666;
    width: 300px;
    text-align: left;
}
a.btn.btn-faq:hover, a.btn.btn-faq[aria-expanded="true"] {
    background-color: #D8A828;
    color: #FFF;
}
.well-faq {
    padding: 8px 0 30px;
}

/*magazin-inside-area start*/

/*
.magazin-inside-area{margin-top: 50px;padding-left: 20px;padding-right: 20px;}
.magazin-inside-area .lSSlideWrapper .nav-pills>li+li {
margin-left: 0
}
.magazin-inside-area .lSSlideWrapper ul li a img{
   height: 145px;

}
.magazin-inside-area .lSSlideWrapper ul > li{
       opacity: 0.5;
}
.magazin-inside-area .lSSlideWrapper ul > li p {
       margin-bottom: 30px;
}
.magazin-inside-area .lSSlideWrapper .nav-pills>li.active{
   background-color:#fff;
   color: #81AD9C;
    opacity: 1;
}


.magazin-inside-area ul li a p{text-align: center;margin-top: 10px;color: #ccc;}

.magazin-inside-area .nav-pills>li.active>a{
   background-color:#fff;
   color: #81AD9C;
    opacity: 1;
}

.magazin-inside-area .nav-pills>li.active>a p{
    color: #81AD9C;
  
}
.magazin-inside-area .nav-pills>li{
    text-align: center;
}
.magazin-inside-area .nav-pills>li.active>a img{
   opacity: 1;
   height: 175px;
   width: 115px;
}


.magazin-inside-area .nav>li>a:hover, .nav>li>a p:focus {
       background-color: #fff;
}
.magazin-inside-area .tab-content .flipcont {
	width: 67%;
	overflow: hidden;
	margin: 0 auto;
}
.magazin-inside-area .tab-content .flipcont a {
	float: left;
	padding-right: 328px;
	color: #7AC6A8;
	cursor: pointer;
	font-weight: 700;
}
.magazin-inside-area .tab-content .flipcont a:last-child {
	padding-right: 0;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
   padding: 10px 5px;
   line-height: 1.8;
   vertical-align: top;
   color:#6d6e71;
   font-size: 16px;
   border-top: 1px solid #ccc;
}
.table-wraper {
   color: #6d6e71;
   font-weight: 400;
}

#radio-1{
   height: 18px;
   width: 18px;
}
#radio-2{
   height: 18px;
   width: 18px;
   margin-left: 20px;
}

.btn-bg {
   border-radius: 0px;
   background: #4ea790;
   color: #fff;
}
.btn-bg:hover {
   background: #81AD9C;
   color: #fff;
}
.wowbook-container-full{
   position:relative;
   overflow:hidden;
}
.magazin-inside-area .tab-content{
   height: 900px;
}
.magazin-inside-area .tab-content>.tab-pane{
   display:block;
}
.magazin-inside-area .tab-content>.tab-pane.active{
   display:block!important;
   position:relative;
}
.flipbook-viewport .container{
   width:auto!important
}
.wowbook-horizontal.wowbook-thumbnails{
   bottom:46px!important;
}
.wowbook-book-container{
padding-bottom:40px!important;
}
*/


/* --- TinyMCE --- */ 
.content-area.tinymce {
	width: 100%;
	overflow:auto;
	padding: 0;
}
.content-area.tinymce .collapse {
    display: inherit;
}

@media screen and (max-width: 1440px) {
.profile-area .right-profile .nav-tabs li a,.profile-area .right-profile .nav-tabs li span {
}
.profile-area .right-profile .nav-tabs li span {
}
.poster-area .container,
.poster-bottom-area .container,
.video-area .container,
.prize-area .container,
.client-area .container,
footer .container{
}
}


.main-menu.affix {
    top: 0;
    width: 100%;
    height: 80px;
    z-index: 100;
    animation: affixFadeIn 1s  ease-in;
    -webkit-animation: affixFadeIn 1s;
}
@keyframes affixFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes affixFadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
.main-menu.affix .container {
    width: auto;
    min-width: 1040px;
    max-width: auto;
}
.main-menu.affix .navbar-header {
    display: inherit;
}
.main-menu.affix .navbar-default .navbar-nav > li > a {
    padding: 31px 15px;
}
.main-menu.affix .navbar-nav.lang-section > li:last-child:before {
	margin-top: 32px;
}
.main-menu.affix .box > li > a {
    padding: 21px 0 21px 12px;
}
.main-menu.affix .toolbox {
    right: 0;
}

.chat-wrapper {
    text-align: center;
    color: #d9a927;
}

.chat-wrapper .btn:hover{
    color: #d9a927;
    border-style: solid;
    border-width: 1px;
    border-color: #eee;
}

.chat-wrapper .btn:active{
    background-color:none;
    box-shadow: none;
}

.cspopup{
    cursor: pointer;
}

/* Site add SEO functions style */
.page-nav {
    padding:5px 0;
    background:#F6F1D5
}

.page-nav > div {
    padding-left:16%;
}

.page-nav > div > div {
    float: left;
}

.page-nav .page-nav-post-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 330px;
    display: block;
    float: left;
    font-weight: bold;
}

.post-nav {
    margin-top: 50px;
}

.post-nav .post-prev, .post-nav .post-next {
    width: 600px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.post-nav .post-nav-sep {
    margin-top: 10px;
    padding: 5px 0;
    border-top: #999 solid 1px;
    border-bottom: #999 solid 1px;
    color: #999;
}

.post-nav .post-nav-sep a.back {
    float: right;
}

.post-nav .post-relative {
    display: flex;
}

.post-nav .post-relative > div {
    width: 100%;
    float: left;
    padding: 15px 0;
}

.post-nav .post-relative > div h4 {
    margin-left: 15px;
}

.post-nav .post-relative > div ul {
    list-style-position: inside;
    padding: 0 15px;
}

.post-nav .post-relative .post-relative-right ul {
    border-left: #999 solid 1px;
}

.post-nav .post-relative > div ul li {
    padding: 3px 0;
}

.post-nav .post-relative > div ul li:nth-child(even) {
    background: #eee;
}

.post-nav .post-relative > div ul li > div {
    width: 440px;
    display: list-item;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    list-style-type: disc;
    padding-left: 6px;
}

.faq .post-nav h4 {
    color: #D8A828;
    margin: 10px 0;
}

.faq .post-nav ul {
    margin: 0;
}

.faq .post-nav ul li {
    margin: 0;
    list-style: inherit;
}

.main-menu.affix{
    top: 40px;
}

.header-top-notice{
    width:100%;
    height:40px;
    background-color: #F4F4F5;
    text-align: center;
    line-height: 40px;
    top:0;
    z-index:100;
    position:fixed;
}