@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Sukhumvit Set';
	src: url('../fonts/SukhumvitSet-Medium.eot');
	src: url('../fonts/SukhumvitSet-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SukhumvitSet-Medium.woff2') format('woff2'),
		url('../fonts/SukhumvitSet-Medium.woff') format('woff'),
		url('../fonts/SukhumvitSet-Medium.ttf') format('truetype'),
		url('../fonts/SukhumvitSet-Medium.svg#SukhumvitSet-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

ul li a, ol li a {
    padding: 0;
    list-style: none;
    margin: 0;
}

a, img {
    border:none;
    outline:none
}

a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
body {background-color: #082046;
    background-image: url(https://click1234.com/click1234new/images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
	margin: 0;
    padding: 0;
	font-family: 'Sukhumvit Set' ,Tahoma, Arial, Helvetica, sans-serif}

.clear {clear:both;}

header {}

#header_main {width:1000px; height:70px; background-image:url(http://www.clo888.net/images/HeadBG.jpg); margin:-7px auto;}

#header_logo {width:175px;height:55px; float:left; margin:5px 0 0 240px;}

#header_login {width:180px; height:40px; margin-right:200px; float:right; }

#header_losslogin {width:400px; height:18px; margin-right:50px; float:right; }

#header_losslogin ul {list-style:none;}

#header_losslogin ul li a {color:#7f91af; font-size:11px; float:left; text-decoration:none; line-height:none; padding-right:10px; margin-top:-10px; }

#header_login_buttom {width:90px; height:28px; position:absolute; margin:10px 0 0 800px;}

.login_name {width:100px; height:15px; margin:3px 0 0 0; color:white;background-color:#546d97; border:1px solid rgba(255,255,255,0.3);}
.login_code {width:50px; height:15px; color:white;background-color:#546d97; border:1px solid rgba(255,255,255,0.3);}

.login_pass {width:100px; height:15px; margin:3px 0 0 0;color:white;background-color:#546d97; border:1px solid rgba(255,255,255,0.3);}
.login_secode {width:52px; height:15px; margin:3px 0 0 0; background-color:white; color:black; font-weight:bold; border:none;}



.black_line {width:1000px; height:17px; margin:0 auto; background-color:#2e2e2e;}

#flag_main {width:200px; height:15px; float:right; margin-right:200px;}
.flag_box {width:50px; height:15px; margin:3px 0 0 5px;float:right;}

article {width:1000px; height:auto; margin:0 auto; }

/*start inside page*/

#side_menu {width:200px; height:auto; float:left; }

.side_buttom_black {width:200px; height:15px; float:left; background-color:#000;
                    font-size:10px; color:#ffc600; padding:5px 0 5px 5px;
					font-family:Arial, Helvetica, sans-serif; font-weight:bold;
					border-top:1px solid rgba(255,255,255,0.1);}
					
.side_buttom_yellow {width:200px; hieght:15px;float:left; background-color:#d29a03;
                    font-size:10px; color:black; padding:5px 0 5px 5px;
					font-family:Arial, Helvetica, sans-serif; font-weight:bold;
					border-top:1px solid rgba(0,0,0,0.1);}

.side_buttom_bluesky {width:200px; hieght:15px;float:left; background-color:#009bd0;
                    font-size:10px; color:black; padding:5px 0 5px 5px;
					font-family:Arial, Helvetica, sans-serif; font-weight:bold;
					border-top:1px solid rgba(0,0,0,0.1);}
					
#article_insidemain {width:770px; height:auto; float:left; margin:0 0 0 30px; }
.article_inside_head {width:760px; height:15px; float:left; background-color:#1b1b1b; padding:5px 0 5px 10px;}

.article_inside_info {width:765px; height:15px; float:left; background-color:#ffffff; padding:5px 0 5px 10px;
					  font-size:10px; color:black; padding:5px 0 5px 5px;
				      font-family:Arial, Helvetica, sans-serif; font-weight:bold;
					  border:1px solid rgba(0,0,0,0.1);text-align:center;}
					  
.article_inside_subhead {width:33%; height:auto; float:left; background-color:#747574;
						 font-size:10px; padding:5px 0px 5px 0px; text-align:center;
						 font-family:Arial, Helvetica, sans-serif; color:white;
						 border:1px solid rgba(0,0,0,0.1);}
						 
.article_inside_subinfo {width:33%; height:auto; float:left; background-color:#ffffff;
						 font-size:10px; padding:5px 0px 5px 0px; text-align:center;
						 font-family:Arial, Helvetica, sans-serif; color:black;
						 border:1px solid rgba(0,0,0,0.1)}
			
/* end inside page*/



.banner1 {width:1000px; height:234px; margin:0 auto; background-image:url(https://click1234.com/click1234new/images/banner1.jpg);}

.banner1_buttom {width:499px ; height:20px; position:absolute; margin:197px 0 0 656px;}

.banner2 {width:499px; height:204px; margin:0 auto; float:left;}

.banner3 {width:499px; height:204px; margin:0 0 0 2px; float:left;}

.banner4 {width:499px; height:144px; float:left;}

.banner5 {width:500px; height:144px; margin:0 0 0 1px; float:left;}

footer {width:1000px; height:auto; margin:0 auto;}

footer {font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
    color: #9cb6e8;
    background: #0a1e46;
    font-size: 11px;
}

#footer_main {width:1000px; height:99px; margin:0 auto; float:left; background-image:url(http://www.clo888.net/images/footerBG.jpg);}

.well1 {
    padding-bottom: 5px;
	background-color: #020E23;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.clear {
    clear: both;
}
.footercontent {
    margin: 0 auto;
	color: #12397d;
}

.footerlink {
    height: auto;
    line-height: normal;
}

.footercontent ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footercontent .footerlink ul li {
    float: left;
    display: inline;
    vertical-align: middle;
}

.footerlink ul li {
    line-height: 24px;
    padding: 0 5px 0 0;
}

.footer_line {
	background-image: url(https://click1234.com/click1234new/images/footer_line.gif);
	background-repeat: repeat-x;
}

.power_by {
    float: right;
	font-weight: bold;
	margin: 5px;
}

.power_by_txt {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif;
	color: #9CB6E8;
	font-size: 11px;
	float:left;
	margin-top: 10px;
	margin-right: 10px;
}

.bank_logo {
    float: left;
	margin: 10px 0px;
	font-weight: bold;
}

.bank_logo img {
	margin-right: 3px;
}

.bank_txt {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif;
	color: #9CB6E8;
	font-size: 11px;
	margin-bottom: 5px;
}

.social img {
	margin-right: 3px;
}

.social {
    float: right;
	font-weight: bold;
	margin: 10px 0px;
}

.social_txt {
	font-weight: bold;
	font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif;
	color: #9CB6E8;
	font-size: 11px;
	margin-bottom: 5px;
}

#copyright {
	float: left;
    margin: 10px 0;
	font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif;
	color: #9CB6E8;
	font-size: 11px;
	width: 100%;
    text-align: center;
}


.pic18 {
	float: left;
	height: 50px;}
	
	

.icon_ex {
	float: right;
	margin: 10px;
}
.underage {
	width: 660px;
    float: left;
    margin: 5px 0 0 10px;
	font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,sans-serif;
	color: #9CB6E8;
	font-size: 11px;
	line-height: 12px;
}
.underage img {
	float: left;
	margin-right: 10px;
}

nav {
    width: 1000px;
    margin: 0 auto;
    height: 40px;
    z-index: 9899;
    ms-box-shadow: 0 4px 10px -3px #000;
    -moz-box-shadow: 0 4px 10px -3px #000;
    -o-box-shadow: 0 4px 10px -3px #000;
    -webkit-box-shadow: 0 4px 15px -5px #000;
    box-shadow: 0 4px 10px -3px #000;
    background: #0c337a;
    background: -moz-linear-gradient(top, #90d1ff 0%, #020e23 100%);
    background: -webkit-linear-gradient(top, #90d1ff 0%,#020e23100%);
    background: linear-gradient(to bottom, #90d1ff 0%,#020e23 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90d1ff', endColorstr='#020e23',GradientType=0 );
	border-bottom: 2px solid #c89d4c;
}

.top-nav li {
    font-size: 15px;
    padding: 12px 18px;
    font-weight: 400;	
    float: left;
    list-style: none outside none;
    cursor: pointer;
    line-height: 1;
	background-image: url(https://click1234.com/click1234new/images/div_nav.png);
    background-repeat: no-repeat;
}

.top-nav ul {
    margin: 0 auto;
	padding: 0px;
}

.top-nav li a {    
    color: #ffffff;
}

.top-nav li a:hover {
	color: #f8fa00;
    text-align: center;
	text-shadow: none;
}

.top-nav .active-item a {
	    color: #f8fa00;
    text-align: center;
}

.top-nav li:first-child  {
    background: none;
    color: #ffffff;
}

.pg-hdr {
    width: 100%;
    height: 25px;
    padding: 5px 0px;
    float: left;
}

.bg-content{
	background-color: #112c59;
	color: #ffffff;
}

.bg-content p{
	font-size: 13px;
    padding: 0px 15px;
    float: left;
}

.pg-hdr h1 {
    width: 100%;
    color: #ffffbc;
    background: -webkit-linear-gradient(top, #ffffbc, #fead0a);
    background: linear-gradient(top, #ffffbc, #fead0a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 26px;
    text-align: left;
    text-transform: uppercase;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    line-height: 1.5;}
	
.col-left {
    width: 655px;
    float: left;
    margin: 0px 0 15px 15px;
	}
	
.col-right {
    width: 300px;
    float: left;
	margin: 0px 0 15px 15px;
}

.col-50 {
    float: left;
    width: 485px;
    margin-left: 10px;
    margin-bottom: 15px;
}

.col-50 img {
    width: 100%;
}

.ad-c1{
    float: left;
    margin-bottom: 15px;
	margin-bottom: 15px;
}

.panel-body-promotion h3 {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 5px;
}

.testimonial-txt{
	float:left;
    border-radius: 10px;
    color: #ffffff;
	font-size: 14px;
	padding: 10px 15px;

}


.testimonial-box{
	width: 465px;
    height: 100px;
    background-color: #e7eefa;
    border-radius: 10px;
    color: #808080;
	font-size: 14px;
	padding: 10px;
	ms-box-shadow: 0 4px 5px -3px #cccccc;
    -moz-box-shadow: 0 4px 5px -3px #cccccc;
    -o-box-shadow: 0 4px 5px -3px #cccccc;
    -webkit-box-shadow: 0 4px 5px -3px #cccccc;
    box-shadow: 0 4px 5px -3px #cccccc;
	font-family: tahoma;
}

.testimonial-box span {
    margin-top: 5px;
    float: left;
    width: 355px;
    margin-left: 10px;
    line-height: 1.4;
}

.client-box{
	width: 100px;
	float:left;
	}
	
.client-name{
    color: #005496;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
    float: left;
    margin-left: 10px;
    font-family: tahoma;
}

.col-content {
    width: 100%;
    height: auto;
    padding: 15px;
    overflow: hidden;
    float: left;
}

.panel-body-pic {
    width: 50%;
    height: auto;
    margin-right: 0px;
    overflow: hidden;
    float: left;
}

.col-content :last-child {
    border-bottom: none;
}

.panel-body-promotion {
    padding-left: 15px;
    color: #ffffff;
    font-size: 12px;
    width: 48%;
    float: right;
}

.col-content h3 {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #fead0a;
}

.panel-body-promotion h3 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #fead0a;
        margin-top: 0px;
    line-height: 1.3;
}

.col-content p {
    color: #ffffff;
    font-size: 13px;
    padding-right: 30px;
    margin: 0;
    line-height: 1.7;
    font-family: tahoma;
	    float: none;
}

.col-content img {
    width: 100%;
    height: auto;
    margin-right: 0px;
    overflow: hidden;
    float: left;
}
.caution {
	width: 90%;
    margin-left: 5%;
    background-color: #03132d;
    float: left;
    margin-top: 35px;
	border: 2px solid #c89d4c;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.8;
}

#my-welcome-message {
 display: none;
 z-index: 500;
 position: absolute;
 width: 800px;
 height: 420px;
 background-image: url(https://i.imgur.com/uOL4O1J.jpg);
 background-repeat: no-repeat;
 top: calc(50vh - ( 420px / 2));
 left: calc(50vw - ( 800px / 2));
}
#fvpp-close {
  position: absolute;
  top: 10px;
  right: 20px;
  cursor: pointer;
  color: #ffffff;
}

#fvpp-dialog h2 {
  font-size: 2em;
  margin: 0;
}

#fvpp-dialog p { margin: 0; }

.linebtn{     position: absolute;
    right: 190px;
    top: 300px;}