|
Server : Apache/2 System : Linux vps.phamthanh.local 3.10.0-1160.102.1.el7.x86_64 #1 SMP Tue Oct 17 15:42:21 UTC 2023 x86_64 User : benhviencoc7 ( 1008) PHP Version : 5.6.40 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/benhviencoc7/domains/benhviendkkvcampha.vn/private_html/templates/tech/css/ |
Upload File : |
@import url('../css/fonts-awesome.min.css');
@font-face {
font-family:'OswaldVNF';
src:url('../fonts/oswald-vnf.eot');
src:local('OswaldVNF'),url('../fonts/oswald-vnf.woff') format('woff'),url('../fonts/oswald-vnf.ttf') format('truetype'),url('../fonts/oswald-vnf.svg#Oswald-Regular') format('svg');
font-weight:normal;
font-style:normal;
}
@font-face {
font-family: 'OpenSans';
src: url('../fonts/opensans_regular.eot');
src: url('../fonts/opensans_regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans_regular.woff') format('woff'),
url('../fonts/opensans_regular.ttf') format('truetype'),
url('../fonts/opensans_regular.svg#OpenSans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansSemibold';
src: url('../fonts/opensans_semibold.eot');
src: url('../fonts/opensans_semibold.eot?#iefix') format('embedded-opentype'),
url('../fonts/opensans_semibold.woff') format('woff'),
url('../fonts/opensans_semibold.ttf') format('truetype'),
url('../fonts/opensans_semibold.svg#OpenSansSemibold') format('svg');
font-weight: normal;
font-style: normal;
}
html,*{margin:0;padding:0;-webkit-font-smoothing: antialiased;}
body{color:#222;font: 400 13px/18px Tahoma;margin:0;padding:0;}
a{color:#36c;outline:none;text-decoration:none;}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%}
/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{
height:36px;
margin:0 auto 0;
border-top:solid 0px #157c43;
border-bottom:solid 0px #157c43;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.menu ul, .menu ol{
margin:0;
padding:0;
list-style:none;
}
/* ========== FLOAT ========== */
.menu .left{
float:left;
}
.menu .right{
float:right;
}
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{
position:relative;
}
/* ========== MAIN LINKS ========== */
.menu ul li{
float:left;
}
.menu ul li.menu_right{
position:relative;
}
.menu > ul > li:first-child a{
border-left:solid 0px #f4c957;
}
.menu > ul > li:first-child a span{display:none}
.menu ul > li > a{
display:block;
height:36px;
padding:0 10px;
font: bold 11px/36px Arial;
color:#fff;
text-decoration:none;
text-transform:uppercase;
border-left:solid 1px #008fdb;
-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
transition:color 180ms linear 20ms, background 180ms linear 20ms;
}
.menu ul > li > a div{
padding-top:5px;
font:400 13px/13px "Helvetica Neue", Arial;
color:#ededed;
text-decoration:none;
text-transform:none;
}
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul:hover li.active a{
background-color:#dc1000;
color:#fff;
}
.menu ul li:hover > a, .menu ul li.active:hover > a{
background-color:#dc1000;
color:#fff;
}
/* ========== MAIN LINKS ON MOUSE CLICK ========== */
.menu ul li a:active, .menu ul li.active a:active{
color:#888;
}
/* ========== CLASSIC/MEGA MENU ========== */
.menu ul ul, .menu .mega_menu{
position:absolute;
visibility:hidden;
opacity:0;
z-index:997;
background:#fff;
border-left:solid 0px #006a0c;
border-right:solid 0px #006a0c;
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
-webkit-box-shadow:0 1px 3px rgba(45,45,45,.5);
-moz-box-shadow:0 1px 3px rgba(45,45,45,.5);
box-shadow:0 1px 3px rgba(45,45,45,.5);
-webkit-transition:all 150ms linear 10ms;
-moz-transition:all 150ms linear 10ms;
-ms-transition:all 150ms linear 10ms;
-o-transition:all 150ms linear 10ms;
transition:all 150ms linear 10ms;
}
/* ========== MEGA MENU ========== */
.menu .mega_menu{
padding:9px 0 9px;
border:none;
border-top:solid 1px #004b09;
border-bottom:solid 1px #004b09;
}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul, .menu ul li:hover .mega_menu{
visibility:visible;
opacity:1;
}
/* ========== LINKS IN CLASSIC MENU ========== */
.menu ul ul li{
float:none;
position:relative;
}
.menu ul ul li a{
position:relative;
min-width:165px;
max-width:220px;
height:auto;
padding:5px 18px 5px 18px;
font:400 14px/18px Arial;
text-transform:none;
color:#0b72ba;
border-bottom:dotted 1px #d2d2d2;
border-left:none;
border-right:none;
}
.menu ul ul li:last-child a{
border-bottom:dotted 0px #d2d2d2;
-webkit-border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
border-radius:0 0 4px 4px;
}
.menu ul ul li a i{
position:absolute;
right:12px;
}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{
color:#fff;
border-right:none;
background:#dc1000;
}
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{
color:#777;
}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */
.menu ul ul ul li:first-child a{
-webkit-border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.menu ul ul ul{
left:100%;
top:0;
border-top-right-radius:4px;
}
/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */
.menu ul li.menu_right .mega_menu{
right:0;
}
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
width:150px; /* + 10px from left and right side, width=170px */
}
.menu .size2{
width:250px; /* + 10px from left and right side, width=270px */
}
.menu .size3{
width:350px; /* + 10px from left and right side, width=370px */
}
.menu .size4{
width:450px; /* + 10px from left and right side, width=470px */
}
.menu .size5{
width:550px; /* + 10px from left and right side, width=570px */
}
.menu .size6{
width:650px; /* + 10px from left and right side, width=670px */
}
.menu .size7{
width:750px; /* + 10px from left and right side, width=770px */
}
.menu .size8{
width:850px; /* + 10px from left and right side, width=870px */
}
.menu .full_width{
width:960px; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
left:0;
padding:9px 10px 2px;
}
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
margin:0;
font-family:"Roboto Condensed";
font-weight:normal;
color:#ffff00;
}
.menu h1{
font-size:24px;
}
.menu h2{
font-size:20px;
}
.menu h3{
font-size:18px;
}
.menu h4{
font-size:16px;
}
.menu h5{
font-size:14px;
}
.menu h6{
font-size:12px;
}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{
display:block;
padding:10px 8px 10px 8px;
font:400 14px/14px "Helvetica Neue", Arial;
text-transform:none;
background-color:#fff;
color:#222;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
border-bottom:dotted 0px #d2d2d2;
-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
transition:color 180ms linear 20ms, background 180ms linear 20ms;
}
.menu .mega_menu a:hover{
background-color:#767676;
color:#fff;
}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */
.menu .mega_menu a img{
margin:0;
opacity:0.7;
-webkit-transition:opacity 160ms ease-in 10ms;
-moz-transition:opacity 160ms ease-in 10ms;
-ms-transition:opacity 160ms ease-in 10ms;
-o-transition:opacity 160ms ease-in 10ms;
transition:opacity 160ms ease-in 10ms;
}
.menu .mega_menu a img:hover{
opacity:1;
}
.menu .mega_menu a img:active{
opacity:0.8;
}
/* ========== TYPOGRAPHY IN MEGA MENU ========== */
.menu .mega_menu p{
margin:3px 0 6px 0;
font-size:12px;
color:#888;
font-family:Tahoma, Geneva, sans-serif;
}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
margin:0 1%;
padding:0 0 12px;
float:left;
}
.menu .mega_menu .one{
width:98%;
}
.menu .mega_menu .one_half{
width:48%;
}
.menu .mega_menu .one_thirds{
width:31.33%;
}
.menu .mega_menu .two_thirds{
width:64.67%;
}
.menu .mega_menu .one_fourth{
width:23%;
}
.menu .mega_menu .three_fourths{
width:73%;
}
/* ========== IMAGES IN MEGA MENU ========== */
.menu .mega_menu img{
border:solid 1px #222;
-webkit-box-shadow:0 0 3px #222;
-moz-box-shadow:0 0 3px #222;
box-shadow:0 0 3px #222;
}
.menu .mega_menu img.left{
margin:3px 7px 4px 0;
}
.menu .mega_menu img.right{
margin:3px 0 4px 7px;
}
/* ========== PORTFOLIO IN MEGA MENU ========== */
.menu .mega_menu .portfolio li{
display:inline-block;
vertical-align:top;
width:232px;
margin:2px 7px 10px;
float:none;
*float:left;
}
.menu .mega_menu .portfolio li a{
display:block;
height:auto;
}
.menu .mega_menu .portfolio li a img{
width:100%;
height:105px;
margin:0;
float:left;
opacity:0.75;
border:solid 1px #111;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-box-shadow:0 0 3px #222;
-moz-box-shadow:0 0 3px #222;
box-shadow:0 0 3px #222;
-webkit-transition:opacity 140ms ease-in 10ms;
-moz-transition:opacity 140ms ease-in 10ms;
-ms-transition:opacity 140ms ease-in 10ms;
-o-transition:opacity 140ms ease-in 10ms;
transition:opacity 140ms ease-in 10ms;
}
.menu .mega_menu .portfolio li p{
margin:2px 5px 0;
font:11px/11px Tahoma, Geneva, sans-serif;
text-align:left;
color:#888;
float:left;
}
.menu .mega_menu .portfolio li a:hover img{
opacity:1;
}
.menu .mega_menu .portfolio li a:active img{
opacity:0.85;
}
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
display:inline-block;
/*vertical-align:top;*/
width:46%;
margin:0 2%;
padding:0;
*float:left;
}
.menu .mega_menu .list li{
width:100%;
float:left;
}
.menu .mega_menu .list li.headline{
border-bottom:solid 1px #353535;
}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
margin-left:7px;
font:20px "Roboto Condensed";
color:#5B5B5B;
text-transform:uppercase;
}
.menu .mega_menu .list li.headline h3 a{
margin-left:0;
}
.menu .mega_menu .list li a{
margin-left:7px;
padding:0;
font:13px/24px Tahoma, Geneva, sans-serif;
color:#616161;
text-transform:none;
text-decoration:none;
border:none;
}
.menu .mega_menu .list li:hover a{
background:none;
}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
color:#ffff00;
}
.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
color:#888;
}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
margin-bottom:10px;
padding:5px;
overflow:hidden;
background:#029013;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.menu .mega_menu .blog_post h2{
margin-bottom:3px;
padding-bottom:3px;
color:#555;
border-bottom:solid 1px #2E2E2E;
}
.menu .mega_menu .blog_post p{
font-size:11px;
color:#888;
}
.menu .mega_menu .blog_post .read_more{
margin-top:-5px;
height:auto;
float:right;
font:11px Tahoma, Geneva, sans-serif;
color:#555;
text-decoration:none;
}
.menu .mega_menu .blog_post .read_more:hover{
color:#ffff00;
}
/* Animated CSS3 Mega Menu - Responsive */
.menu input#dropdown, .menu label{
display:none;
position:absolute;
top:5px;
left:10px;
width:46px;
height:35px;
}
.menu input#dropdown{
opacity:0;
}
.menu label{
background: #03194d url('../images/icon_list.png') no-repeat center;
webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.menu label:hover{
cursor:pointer;
}
.menu input#dropdown:checked ~ label{
background: #bd0a0d url(../images/icon_list.png) no-repeat center;
-webkit-box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A;
-moz-box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A;
box-shadow:inset 0 0 28px #473127, inset 0 0 6px #1A1A1A;
}
.menu input#dropdown:checked ~ ul{
display:block;
}
.menu h3.dropdown{
display:none;
position:absolute;
top:9px;
left:50px;
margin:0;
padding-right:10px;
font: 400 16px OpenSans;
text-transform:uppercase;
color:#fff;
}
.menu h3.dropdown .sleft{display:table-cell;width:250px;padding-left:50px;}
.menu h3.dropdown .sleft input[type="text"] {
width: 100%;
height: 28px;
border: 1px solid #fff;
padding: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline:none
}
.menu h3.dropdown .sright{display:table-cell;width:30px;}
.menu h3.dropdown .sright .bg-color-1{width:100%;
line-height: 18px;
padding: 5px 9px;
font-weight: bold;
border: none;
cursor: pointer;
background-color: #0b72ba;
color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline:none
}
.menu h3.dropdown span{
text-transform:none;
font:400 26px "BebasNeue";
color:#fff;
}
.menu h3.dropdown span a{
color:#fff;
}
.menu div.flag{
float:right;
display:none;
margin:9px 5px 0 0;
}
.menu div.flag img{
margin:0 5px 0 0;
}
@media only screen and (max-width: 1024px){
.menu{
width:100%;
}
/*.menu ul > li > a{padding:8px 25px;}*/
.menu ul ul{
margin:0;
}
.menu .mega_menu{
width:auto;
margin:0;
}
}
@media only screen and (max-width: 900px){
.menu input, .menu label, .menu h3.dropdown{display:block;}
.menu div.flag{display:block;}
.menu{
width:100%;
min-height:45px;
height:100%;
overflow:hidden;
position:relative;
}
.menu ul{
display:none;
width:100%;
margin:45px 0 0 0;
padding:0;
float:none;
z-index:10;
}
.menu ul > li{
float:none;
}
.menu > ul > li:first-child a{
background: none;
width:90%;
height:auto;
padding:8px 5%;
font:400 14px/24px "Helvetica Neue", Arial;
color:#fff;
text-transform:uppercase;
border-right:solid 0px #878787;
}
.menu > ul > li:first-child a span{display:block}
.menu ul li a{
width:90%;
padding:8px 5%;
font:400 14px/24px "Helvetica Neue", Arial;
color:#fff;
text-transform:uppercase;
border-right:solid 0px #878787;
}
.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px "Helvetica Neue", Arial;text-transform:uppercase;color:#fff;}
.menu ul li:hover > a, .menu ul li.active:hover > a{
color:#fff;
background:#bd0a0d;
border-right:solid 0px #676767;
}
.menu ul li:first-child:hover > a{
color:#fff;
background:#bd0a0d;
}
.menu ul ul, .menu .mega_menu{
display:block;
position:static;
visibility:visible;
opacity:1;
margin:0;
font-size:0;
overflow:hidden;
border:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
background:#7c7c7c;
}
.menu ul ul li{
width:100%;
float:left;
}
.menu ul ul li a{
width:92%;
padding:10px 0 10px 8%;
text-align:left;
color:#fff;
border:none;
font:400 14px/14px "Helvetica Neue", Arial;
text-transform:none;
}
.menu ul ul li:hover a{
background:#dc1000;
}
.menu ul ul ul, .menu ul ul li a i{
display:none;
}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
display:inline-block;
vertical-align:top;
padding:0 0 12px;
float:none;
}
.menu .mega_menu{
width:auto !important;}
.menu .mega_menu .portfolio li, .menu .mega_menu .list{
margin:0;
width:48%;
margin:0 1% 2%;
}
}
@media only screen and (max-width: 750px) {
.menu{width:100%}
}
#main {background:#fff;width:1024px;margin:0 auto;}
/* START HEADER */
#main .header{width:100%;margin:0;padding:0}
#main .header .header-1{width:100%;margin:0;padding:0}
#anhqc {
width:100%;
height:180px;
border-bottom:#fff 0px solid;
background: none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
overflow:hidden;
}
#main .header .header-2{background:url('../images/hmenubg.png');width:100%;margin:0;padding:0}
/* END HEADER */
/* START CONTENT */
#main .content{width:100%;margin:0;padding:8px 8px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .dhdpc{width:100%;padding:0 0 10px}
#main .content .dhdpc img{display:block;width:100%;border:none;}
#main .content .dhdmb{display:none;width:100%;padding:0 0 10px}
#main .content .dhdmb img{display:block;width:100%;border:none;}
/* START PAGE HOME */
#main .content .phome-1{width:100%;padding:0}
#main .content .phome-1 .left{display:inline-block;width:70%;padding:0 1% 10px 0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-1 .left .box1{display:inline-block;width:56%;padding:0;margin:0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* START VIP BOX */
.vipbox {width:100%;height:510px;background:#dee3e8;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.dw_show {width:100%;padding: 6px 6px 0px 6px; position: relative;height: 296px; overflow: hidden;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.dw_show div.borders{position: relative;border: 1px solid #cfd6de;height:290px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.dw_show div.borders .image{}
.dw_show div.borders .image img{display:block;width:100%;height:275px;border:none}
div.infor{position:absolute;bottom:0px;left:0;background:#ffffff;opacity: 0.8; width:100%; line-height: 20px;
filter: alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.dw_show .title{ padding: 0px 22px 0px 15px; height: 47px; overflow: hidden;}
div.infor span.yelow{ color: #df5a13; font-size: 14px; padding: 5px 5px 5px 10px; font-weight: bold; display: inline-block;}
div.infor span.yelow a{color: #b93741; font-size: 14px; font-weight: bold; display: inline-block;}
.dw_show .title a{ font-size: 15px; font-weight: bold; color: #014a96; line-height: 20px;}
.dw_show .textnd {padding: 0px 7px 0px 7px; line-height: 30px; height: 23px; overflow: hidden; border-bottom: 1px solid #cfd6de;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
div.btnclose{ background: #ffffff; height: 18px;border-bottom: 1px solid #cfd6de;}
div.btnclose a{ position: absolute; right: 7px; height: 18px; padding: 0px 20px 0px; font-size: 0%; line-height: 0%;}
div.btnclose a.linkslide1{top:188px; }
div.btnclose a.linkslide1{background: url('../images/sprice_ico1.gif') no-repeat left -2540px;}
div.btnclose a.active{top: 271px;background: url('../images/sprice_ico1.gif') no-repeat left -2570px !important;border-bottom: 1px solid #cfd6de;}
div.btnclose a.linkslide1:hover{ text-decoration: none;}
div.pages strong{ color: #0b5793; margin-right: 10px;}
div.pages{padding:7px 0 0 7px}
div.pages div{ display: inline;}
div.pages a{ border-right: 1px solid #bdc5cf; padding: 0px 5px; font-weight: bold;}
div.pages a.first{ border-left: 1px solid #bdc5cf;}
div.pages a:hover,div.pages a.active{ color: #333333;}
div.pages ul.btnlink{ text-align: right; margin-top: -16px; padding: 0px 5px 0px 0px;}
div.pages ul.btnlink a{ border-right: none; padding: 0px 2px 0px 0px; width: 26px; height: 15px; display: inline-block;}
div.pages ul.btnlink a:hover{ text-decoration: none;}
div.pages ul.btnlink li{ display: inline;}
div.pages ul.btnlink a.pre{ background: url('../images/sprice_ico1.gif') no-repeat left -2138px; }
div.pages ul.btnlink a.pre:hover,div.pages ul.btnlink li.active a.pre{background: url('../images/sprice_ico1.gif') no-repeat left -2233px !important;}
div.pages ul.btnlink a.stop{ background: url('../images/sprice_ico1.gif') no-repeat left -2282px;}
div.pages ul.btnlink a.stop:hover,div.pages ul.btnlink li.active a.stop{background: url('../images/sprice_ico1.gif') no-repeat left -2327px !important;}
div.pages ul.btnlink a.next{background: url('../images/sprice_ico1.gif') no-repeat left -2092px;}
div.pages ul.btnlink a.next:hover,div.pages ul.btnlink li.active a.next{ background: url('../images/sprice_ico1.gif') no-repeat left -2187px !important;}
/* END VIP BOX */
#main .content .phome-1 .left .scbox{display:inline-block;width:43%;height:510px;background:#fef7f0;padding:5px 0 5px 10px;margin:0;vertical-align:top;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-1 .left ul.box2{display:inline-block;width:100%;height:510px;padding:2px 10px 2px 10px;margin:0;vertical-align:top;list-style:none;overflow:auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-1 .left ul.box2 li{padding:10px 0;margin:0;border-bottom:#ffead5 1px solid;}
#main .content .phome-1 .left ul.box2 li:first-child{padding:5px 0 0 0;border-bottom:#ffead5 0 solid;}
#main .content .phome-1 .left ul.box2 li:last-child{border-bottom:#ffead5 0 solid;}
#main .content .phome-1 .left ul.box2 li span{position:relative;display:inline-block;padding:0;font:bold 12px/16px Tahoma;color:#ba3b45;text-transform:uppercase;border-bottom:#ba3b45 1px solid;}
#main .content .phome-1 .left ul.box2 li span div{position:absolute;top:-3px;right:-34px;}
#main .content .phome-1 .left ul.box2 li span div img{display:block;border:none}
#main .content .phome-1 .left ul.box2 li div.b2left{float:left;width:30%;padding:3px 0 3px 0;}
#main .content .phome-1 .left ul.box2 li div.b2left img{display:block;width:100%;height:52px;border:none}
#main .content .phome-1 .left ul.box2 li div.b2right a{float:right;width:65%;font:400 13px/18px Tahoma;color:#222;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
}
#main .content .phome-1 .left ul.box2 li div.b2right a:first-letter{text-transform: uppercase;}
#main .content .phome-1 .left ul.box2 li div.b2right a:hover{color:#ff0000;}
#main .content .phome-1 .right{display:inline-block;width:29%;padding:0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .homeads{width:100%;padding:0;}
#main .content .homeads ul{padding:0;margin:0;list-style:none}
#main .content .homeads ul li{display:inline-block;width:49.5%;padding:0 0 5px 0;margin:0 0 0 0;}
#main .content .homeads ul li:nth-child(odd){margin-left:0;}
#main .content .homeads ul li img{display:block;width:100%;height:55px;border:none}
#main .content .homeads ul li:first-child{margin-left:0;}
#main .content .phome-2{width:100%;padding:0}
#main .content .phome-2 .left{display:inline-block;width:70%;padding:0 1% 0 0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left .homehead {
padding: 5px 0 5px;
font:400 22px/30px Arial;
color:#00467f;
text-transform:uppercase;
}
#main .content .phome-2 .left .hgmore{margin:0;padding:0 0 10px 0;text-align:right}
#main .content .phome-2 .left .hgmore a{font:400 italic 14px/18px Arial;color:#222;}
#main .content .phome-2 .left .hgmore a:hover{color:red;}
#main .content .phome-2 .left ul{padding:0;margin:0;list-style:none}
#main .content .phome-2 .left ul li{padding:0;margin:0;}
#main .content .phome-2 .left ul li.head{position:relative;padding:0;margin:0;}
#main .content .phome-2 .left ul li.head div{display:inline-block;vertical-align:top}
#main .content .phome-2 .left ul li.head div a{
background: url("../images/mlogo.png"), url("../images/con-head-bg.jpg");
background-repeat: no-repeat, no-repeat;
background-position: 10px 6px, top right;
display:block;padding:0 90px 0 48px;font:bold 11px/32px tahoma;color:#fff;text-transform:uppercase}
#main .content .phome-2 .left ul li.head div a:hover{color:#ffff00;}
#main .content .phome-2 .left ul li.head span{position:absolute;right:0;bottom:0}
#main .content .phome-2 .left ul li.head span a{display:block;padding:0 5px 0 0;font:400 12px/27px tahoma;color:#0352a4;}
#main .content .phome-2 .left ul li.head span a:hover{color:#222;}
#main .content .phome-2 .left ul li.con{padding:15px 10px 12px;margin:1px 0 20px;border:#cfcfcf 1px solid}
#main .content .phome-2 .left ul li.con ul.box1{display:inline-block;width:66%;padding:0;margin:0;list-style:none;vertical-align:top}
#main .content .phome-2 .left ul li.con ul.box1 li{padding:0;margin:0;}
#main .content .phome-2 .left ul li.con ul.box1 li h3{background:url("../images/arrow-1.gif") no-repeat;
background-position:6px 9.5px;margin:0;padding:3px 0 3px 15px;font:400 12px/18px Tahoma;color:#222;
}
#main .content .phome-2 .left ul li.con ul.box1 li h3 a{color:#222;}
#main .content .phome-2 .left ul li.con ul.box1 li h3 a:hover{color:#ff0000;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child{padding:0 0 8px 0;margin:0;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child .bleft {float:left;width:28%;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child .bleft img{display:block;width:100%;height:100px;border:none;
padding:2px;
border: 1px solid #ddd;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child .bright {float:right;width:70%;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child h2{position:relative;margin:0;padding:0 32px 5px 0;font:bold 12px/18px Tahoma;color:#222;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child h2 span{position:absolute;top:0;right:0;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child h2 span img{display:block;border:none}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child h2 a{color:#222;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child h2 a:hover{color:#ff0000;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child p.updated{margin:0;padding:0;font:400 italic 12px/18px Arial;color:#666;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child p.desc{margin:0;padding:0;font:400 12px/18px Arial;color:#222;}
#main .content .phome-2 .left ul li.con ul.box2{display:inline-block;width:33%;padding:0 0 0 10px;margin:0;list-style:none;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left ul li.con ul.box2 li{padding:6px 8px;margin:3px 0;background:#edeff1;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left ul li.con ul.box2 li .bleft {float:left;width:72%;}
#main .content .phome-2 .left ul li.con ul.box2 li .bright {float:right;width:26%;}
#main .content .phome-2 .left ul li.con ul.box2 li .bright img{display:block;width:100%;height:38px;border:none;
padding:0px;
border: 1px solid #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left ul li.con ul.box2 li h3{margin:0;padding:0 0 5px 0;font:400 12px/18px Tahoma;color:#222;}
#main .content .phome-2 .left ul li.con ul.box2 li h3 a{color:#222;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
}
#main .content .phome-2 .left ul li.con ul.box2 li h3 a:hover{color:#000;}
#main .content .phome-2 .home2ads{width:100%;padding:0 0 10px;}
#main .content .phome-2 .home2ads ul{padding:0;margin:0;list-style:none}
#main .content .phome-2 .home2ads ul li{display:inline-block;width:49.5%;padding:0 0 5px 0;margin:0 0 0 1%;}
#main .content .phome-2 .home2ads ul li:nth-child(odd){margin-left:0;}
#main .content .phome-2 .home2ads ul li img{display:block;width:100%;height:85px;border:none}
#main .content .phome-2 .home2ads ul li:first-child{margin-left:0;}
#main .content .phome-2 .right{display:inline-block;width:29%;padding:0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left ul li.con .lienket ul{display:block;width:100%;padding:0;margin:0;list-style:none;}
#main .content .phome-2 .left ul li.con .lienket ul li{display:block;width:100%;padding:0;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-bottom:#f2e6cf 1px solid;
}
#main .content .phome-2 .left ul li.con .lienket ul li:last-child{border:none}
#main .content .phome-2 .left ul li.con .lienket ul li.linkhead{position:relative;cursor:pointer;
background: url('../images/cal_forward.gif') no-repeat left;
background-position: 0 11px;
padding:5px 0 5px 15px;
font:bold 12px/20px Tahoma;
color:#222;
}
#main .content .phome-2 .left ul li.con .lienket ul li.linkhead:hover{color:#f00;}
#main .content .phome-2 .left ul li.con .lienket ul li.linkhead i{position:absolute;top:10px;right:3px;color:#f00;}
#main .content .phome-2 .left ul li.con .lienket ul li ul{display:block;width:100%;padding:0 15px;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left ul li.con .lienket ul li ul li{display:block;width:100%;padding:0;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-bottom:#f2e6cf 1px solid;
}
#main .content .phome-2 .left ul li.con .lienket ul li ul li:last-child{border:none}
#main .content .phome-2 .left ul li.con .lienket ul li ul li.linkhead{position:relative;cursor:pointer;
background: url('../images/cal_forward.gif') no-repeat left;
background-position: 0 11px;
padding:5px 0 5px 15px;
font:bold 12px/20px Tahoma;
color:#222;
}
#main .content .phome-2 .left ul li.con .lienket ul li ul li.linkhead:hover{color:#f00;}
#main .content .phome-2 .left ul li.con .lienket ul li ul li.linkhead i{position:absolute;top:10px;right:3px;color:#f00;}
#main .content .phome-2 .left ul li.con .lienket ul.link{display:block;width:100%;padding:5px 20px;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .phome-2 .left ul li.con .lienket ul.link li{display:block;width:100%;padding:0;margin:0;list-style:none;border:none;}
#main .content .phome-2 .left ul li.con .lienket ul.link li a{display:block;width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background: url('../images/arrow-rv.png') no-repeat left;
background-position: 0 11px;
padding:3px 0 3px 10px;
font:400 13px/20px Tahoma;
color:#222;
}
#main .content .phome-2 .left ul li.con .lienket ul.link li a:hover{color:#f00;}
/* END PAGE HOME */
#lienket{}
#lienket ul{display:block;width:100%;padding:0;margin:0;list-style:none;}
#lienket ul li{display:block;width:100%;padding:0;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-bottom:#f2e6cf 1px solid;
}
#lienket ul li:last-child{border:none}
#lienket ul li.linkhead{position:relative;cursor:pointer;
background: url('../images/cal_forward.gif') no-repeat left;
background-position: 0 11px;
padding:5px 0 5px 15px;
font:bold 12px/20px Tahoma;
color:#222;
}
#lienket ul li.linkhead:hover{color:#f00;}
#lienket ul li.linkhead i{position:absolute;top:10px;right:3px;color:#f00;}
#lienket ul li ul{display:block;width:100%;padding:0 15px;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#lienket ul li ul li{display:block;width:100%;padding:0;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-bottom:#f2e6cf 1px solid;
}
#lienket ul li ul li:last-child{border:none}
#lienket ul li ul li.linkhead{position:relative;cursor:pointer;
background: url('../images/cal_forward.gif') no-repeat left;
background-position: 0 11px;
padding:5px 0 5px 15px;
font:bold 12px/20px Tahoma;
color:#222;
}
#lienket ul li ul li.linkhead:hover{color:#f00;}
#lienket ul li ul li.linkhead i{position:absolute;top:10px;right:3px;color:#f00;}
#lienket ul.link{display:block;width:100%;padding:5px 20px;margin:0;list-style:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#lienket ul.link li{display:block;width:100%;padding:0;margin:0;list-style:none;border:none;}
#lienket ul.link li a{display:block;width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background: url('../images/arrow-rv.png') no-repeat left;
background-position: 0 11px;
padding:3px 0 3px 10px;
font:400 13px/20px Tahoma;
color:#222;
}
#lienket ul.link li a:hover{color:#f00;}
/* START MAIN CONTENT */
#main .content .maincon{width:100%;padding:0}
#main .content .maincon .left{display:inline-block;width:70%;padding:0 1% 0 0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .maincon .left .newsleft{display:inline-block;width:71%;padding:0 1.5% 0 0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .maincon .left .newsright{display:inline-block;width:29%;padding:0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .maincon .left .newsright .guicauhoi{padding:0 0 10px 0;}
#main .content .maincon .left .newsright .guicauhoi img{display:block;width:100%;border:none}
#main .content .maincon .left .newsright ul.nrbox{padding:0 0 10px 0;margin:0;list-style:none}
#main .content .maincon .left .newsright ul.nrbox li{padding:0;margin:0;}
#main .content .maincon .left .newsright ul.nrbox li.head-1{display:block;height:31px;background:url("../images/right-head-bg.jpg") no-repeat top right;
border:#efd5ba 1px solid;
border-bottom:#efd5ba 0px solid;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .maincon .left .newsright ul.nrbox li.head-1 span{display:block;padding:0 0 0 10px;font:bold 11px/30px tahoma;text-transform:uppercase;color:#a20100;text-shadow: rgb(252, 252, 252) 1px 1px 0px;}
#main .content .maincon .left .newsright ul.nrbox li.head-2{display:block;height:31px;background:url("../images/right-head-bg-2.jpg") no-repeat top right;
border:#dcdcdc 1px solid;
border-bottom:#dcdcdc 0px solid;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .maincon .left .newsright ul.nrbox li.head-2 span{display:block;padding:0 0 0 10px;font:bold 11px/30px tahoma;text-transform:uppercase;color:#a20100;text-shadow: rgb(252, 252, 252) 1px 1px 0px;}
#main .content .maincon .left .newsright ul.nrbox li.con{
padding:5px 8px;
border:#efd5ba 1px solid;
border-top:#efd5ba 0px solid;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.con-bor2 {border:#dcdcdc 1px solid !important;border-top:#dcdcdc 0px solid !important;}
#main .content .maincon .left .newsright ul.nrbox li.con ul{margin:3px;padding:0;list-style:none}
#main .content .maincon .left .newsright ul.nrbox li.con ul li{margin:0;padding:5px 0;}
#main .content .maincon .left .newsright ul.nrbox li.con ul li .bleft {float:left;width:30%;padding:2px 0 0 0}
#main .content .maincon .left .newsright ul.nrbox li.con ul li .bleft img{display:block;width:100%;height:45px;border:none;
padding:0px;
border: 1px solid #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .maincon .left .newsright ul.nrbox li.con ul li .bright {float:right;width:65%;}
#main .content .maincon .left .newsright ul.nrbox li.con ul li h3{margin:0;padding:0;font:bold 12px/18px Arial;color:#333;}
#main .content .maincon .left .newsright ul.nrbox li.con ul li h3 a{display:block;font:bold 12px/18px Arial;color:#333;text-transform:lowercase;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
}
#main .content .maincon .left .newsright ul.nrbox li.con ul li h3 a:first-letter{text-transform:uppercase}
#main .content .maincon .left .newsright ul.nrbox li.con ul li h3 a:hover{color:#000;}
#main .content .maincon .left .newsright ul.nrbox li.ads{
padding:8px 8px;
border:#efd5ba 1px solid;
border-top:#efd5ba 0px solid;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content .maincon .left .newsright ul.nrbox li.ads ul{margin:0;padding:0;list-style:none}
#main .content .maincon .left .newsright ul.nrbox li.ads ul li{margin:0;padding:3px 0;}
#main .content .maincon .left .newsright ul.nrbox li.ads ul li img{display:block;width:100%;border:none}
#main .content .maincon .right{display:inline-block;width:29%;padding:0;vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
/* END MAIN CONTENT */
/* START GROUP LIST */
#main .content .ulgroup{width:100%;padding:0;margin:10px 0 25px 0;border-top:#ccc 1px solid;}
#main .content .ulgroup li{
display:inline-block;
border:#fff 0px solid !important;
width:31.33333% !important;
margin:15px 0 0 1% !important;
padding:0 !important;
vertical-align:top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition:all 150ms linear 10ms;
-moz-transition:all 150ms linear 10ms;
-ms-transition:all 150ms linear 10ms;
-o-transition:all 150ms linear 10ms;
transition:all 150ms linear 10ms;
}
#main .content .ulgroup li div.gallery{
display:block;
border:#ccc 1px solid;
width:100%;/*32.666666%;*/
height:150px;
overflow: hidden;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main .content .ulgroup li:first-child{margin-left:0 !important;}
#main .content .ulgroup li:nth-child(4){margin-left:0 !important;}
#main .content .ulgroup li:nth-child(7){margin-left:0 !important;}
#main .content .ulgroup li:nth-child(10){margin-left:0 !important;}
#main .content .ulgroup li:nth-child(13){margin-left:0 !important;}
.ulpro-nth-child4{margin-left:0 !important;}
.ulpro-nth-child7{margin-left:0 !important;}
.ulpro-nth-child10{margin-left:0 !important;}
.ulpro-nth-child13{margin-left:0 !important;}
#main .content .ulgroup li .thumb{
position:relative;
width:100%;
padding:0px;
border:#ccc 0px solid;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main .content .ulgroup li .thumb a img{
display:block;
position:relative;
width:100%;
height:150px;
margin:0 auto;
border:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
z-index:1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#main .content .ulgroup li:hover .thumb a img{
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity:0.8;
}
#main .content .ulgroup li a h3{display:block;padding:8px 5px 0;font:400 15px/20px Arial;color:#1a2e3c;}
#main .content .ulgroup li a:hover h3{color:#ff0000;}
/* END GROUP LIST */
/* START BOX VIDEO RIGHT */
#main .content ul.boxvideo{padding:0;margin:0 0 10px 0;list-style:none}
#main .content ul.boxvideo li{padding:0;margin:0;}
#main .content ul.boxvideo li.head{display:block;height:31px;background:url("../images/right-head-bg.jpg") no-repeat top right;
border:#efd5ba 1px solid;
border-bottom:#efd5ba 0px solid;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxvideo li.head span{display:block;padding:0 0 0 10px;font:bold 11px/30px tahoma;text-transform:uppercase;color:#a20100;text-shadow: rgb(252, 252, 252) 1px 1px 0px;}
#main .content ul.boxvideo li.con{
padding:6px 5px 1px 5px;
border:#efd5ba 1px solid;
border-top:#efd5ba 0px solid;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxvideo li.con ul{margin:0;padding:0;list-style:none}
#main .content ul.boxvideo li.con ul li{display:inline-block;width:32.66666%;margin:0 1% 0 0;padding:0vertical-align:top}
#main .content ul.boxvideo li.con ul li img{display:block;width:100%;height:62px;border:#e4e4e4 1px solid;padding:1px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxvideo li.con ul li:first-child{margin:0 0 5px 0;padding:0;width:100%;}
#main .content ul.boxvideo li.con ul li:last-child{margin-right:0;}
/* END BOX VIDEO RIGHT */
/* START BOX VIDEO RIGHT */
#main .content ul.boxvideo1{padding:0;margin:0 0 10px 0;list-style:none}
#main .content ul.boxvideo1 li{padding:0;margin:0;}
#main .content ul.boxvideo1 li.head{display:block;height:31px;background:url("../images/right-head-bg.jpg") no-repeat top right;
border:#efd5ba 1px solid;
border-bottom:#efd5ba 0px solid;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxvideo1 li.head span{display:block;padding:0 0 0 10px;font:bold 11px/30px tahoma;text-transform:uppercase;color:#a20100;text-shadow: rgb(252, 252, 252) 1px 1px 0px;}
#main .content ul.boxvideo1 li.con{
padding:6px 5px 1px 5px;
border:#efd5ba 1px solid;
border-top:#efd5ba 0px solid;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxvideo1 li.con ul{margin:0;padding:0;list-style:none}
#main .content ul.boxvideo1 li.con ul li{display:inline-block;width:32.66666%;margin:0 1% 0 0;padding:0vertical-align:top}
#main .content ul.boxvideo1 li.con ul li img{display:block;width:100%;height:62px;border:#e4e4e4 1px solid;padding:1px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxvideo1 li.con ul li:first-child{margin:0 0 5px 0;padding:0;width:100%;}
#main .content ul.boxvideo1 li.con ul li:last-child{margin-right:0;}
/* END BOX VIDEO RIGHT */
/* START BOX RIGHT 1*/
#main .content ul.homephai{margin:0;padding:0;list-style:none}
#main .content ul.homephai li{margin:0;padding:0 0 10px 0;}
#main .content ul.homephai li div{
display:block;
border:#fff 0px solid;
width:100%;/*32.666666%;*/
height:auto;
overflow: hidden;
}
#main .content ul.homephai li img{
display:block;
position:relative;
width:100%;
height:auto;
margin:0 auto;
border:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
z-index:1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#main .content ul.homephai li:hover img{
-webkit-transform: scale(1.02);
transform: scale(1.02);
opacity:0.8;
}
#main .content ul.boxanh{margin:0;padding:0;list-style:none}
#main .content ul.boxanh li{margin:0;padding:0 0 10px 0;}
#main .content ul.boxanh li img{display:block;width:100%;border:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* END BOX RIGHT 1 */
/* START BOX RIGHT */
#main .content ul.boxright{padding:0 0 10px 0;margin:0;list-style:none}
#main .content ul.boxright li{padding:0;margin:0;}
#main .content ul.boxright li.head{display:block;height:31px;background:url("../images/right-head-bg.jpg") no-repeat top right;
border:#efd5ba 1px solid;
border-bottom:#efd5ba 0px solid;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxright li.head span{display:block;padding:0 0 0 10px;font:bold 11px/30px tahoma;text-transform:uppercase;color:#a20100;text-shadow: rgb(252, 252, 252) 1px 1px 0px;}
#main .content ul.boxright li.con{
padding:5px 8px;
border:#efd5ba 1px solid;
border-top:#efd5ba 0px solid;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxright li.con ul{margin:3px;padding:0;list-style:none}
#main .content ul.boxright li.con ul li{margin:0;padding:5px 0;}
#main .content ul.boxright li.con ul li:last-child{padding:5px 0 5px 10px}
#main .content ul.boxright li.con ul li span{padding-left:8px;font:400 12px/18px arial;color:#454545}
#main .content ul.boxright li.con ul li .danhgia{
display:inline-block;
width:auto;
background:#3c90be;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
border: 0px solid;
border-bottom: 3px solid #347da4;
outline: 0;
margin: 0 8px 0 0;
padding: 5px 20px;
font:bold 11px/16px Tahoma;
color:#fff;
text-transform: uppercase;
cursor:pointer;
-webkit-transition:all 150ms linear 10ms;
-moz-transition:all 150ms linear 10ms;
-ms-transition:all 150ms linear 10ms;
-o-transition:all 150ms linear 10ms;
transition:all 150ms linear 10ms;
}
#main .content ul.boxright li.con ul li .danhgia:hover{background:#347da4;
border-bottom: 3px solid #286c91;
}
.hidanhgia{background:#909090 !important;border-bottom: 3px solid #a4a4a4 !important;color:#e3e3e3 !important}
#main .content ul.boxright li.con h4{margin:0;padding:6px 0 6px 20px;color:#00467f;font:400 14px/20px Arial;border-bottom:#efd5ba 0px solid;
background: url('../images/question.png') no-repeat;
background-size: 14px 14px;
background-position: 0 8px;
}
#main .content ul.boxright li.con h4:last-child{border-bottom:#efd5ba 0px dotted;}
#main .content ul.boxright li.con h4 a{color:#00467f;font:400 14px/20px Arial;}
#main .content ul.boxright li.con h4 a:hover{color:#ff0000;}
#main .content ul.boxright li.con .playyb{
height: 24px;
overflow: hidden;
margin: 6px 3px;
padding: 0 0 0 20px;
color: #00467f;
font: 400 14px/24px Arial;
border-bottom: #efd5ba 0px solid;
background: url(../images/video-play.png) no-repeat;
background-size: 14px 10px;
background-position: 0 7px;
}
#main .content ul.boxright li.con .playyb a{color:#00467f;font:400 14px/20px Arial;}
#main .content ul.boxright li.con .playyb a:hover{color:#ff0000;}
#main .content ul.boxright li.con .playall{position:relative;}
#main .content ul.boxright li.con .playall a{display:block;margin:6px 3px 3px 3px;padding: 0 8px 0 0;color:#00467f;font:400 14px/20px Arial;text-align:right}
#main .content ul.boxright li.con .playall a:hover{color:#ff0000;}
#main .content ul.boxright li.con .playall a:after {position:absolute;font:normal normal normal 14px/1 FontAwesome;content: "\f105";right:0;top:2px;}
#main .content ul.boxright li.con .video{margin:6px 3px 3px;padding:0;}
#main .content ul.boxright li.con .video iframe {width:100%;height:185px;}
#main .content ul.boxright li.ranh{
padding:8px 8px;
border:#efd5ba 1px solid;
border-top:#efd5ba 0px solid;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .content ul.boxright li.ranh marquee {position:relative;max-height:380px;}
#main .content ul.boxright li.ranh ul{margin:0;padding:0;list-style:none}
#main .content ul.boxright li.ranh ul li{margin:0;padding:3px 0;}
#main .content ul.boxright li.ranh ul li img{display:block;width:100%;border:none}
/* END BOX RIGHT */
/* START CAU LAC BO*/
#main .content ul.rclb{margin:0;padding:0;list-style:none}
#main .content ul.rclb li{margin:0;padding:0 0 10px 0;list-style:none}
#main .content ul.rclb li div{
display:block;
border:#fff 0px solid;
width:100%;/*32.666666%;*/
height:102px;
overflow: hidden;
}
#main .content ul.rclb li img{
display:block;
position:relative;
width:100%;
margin:0 auto;
border:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
z-index:1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#main .content ul.rclb li:hover img{
-webkit-transform: scale(1.1);
transform: scale(1.1);
opacity:0.8;
}
/* END CAU LAC BO */
/* QUESTION */
#main .content .qhead{padding:0 0 1px 0;}
#main .content .qhead img{display:block;border:none}
#main .content .question{
position:relative;
margin: 0 0 15px 0;
border:#ddd 1px solid;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
#main .content .question .regsend{padding:0 20px 18px 0;text-align:right;}
#main .content .question .regsend span{display:inline-block;background:#fff;padding:0;}
#main .content .question .regbox ul{width:100%;margin:0;padding:15px 9px 0;list-style-type:none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main .content .question .regbox ul li{display:inline-block;width:100%;margin:0;padding:0 12px;list-style-type:none;vertical-align:top;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#main .content .question .regbox ul li span{display:inline-block;padding:0 0 0 5px;font:400 13px/28px Arial;color:#ff0000}
#main .content .question .regbox ul input, #main .content .question .regbox ul textarea {
display:inline-block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
background-color: #eeeeee;
border: 1px solid;
border-color: #bfbfbf #bfbfbf #bfbfbf #bfbfbf;
outline: 0;
margin: 0;
padding: 6px 12px;
font:400 14px/20px Arial;
color:#222;
}
#main .content .question .regbox ul select {
background: #eeeeee url('../images/down-green.png') no-repeat right;
display:inline-block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
border: 0px solid;
border-color: #eeeeee #eeeeee #eeeeee #eeeeee;
outline: 0;
margin: 0;
padding: 6px 12px;
font:400 14px/20px Arial;
color:#222;
}
#main .content .question .regbox ul select::-ms-expand {
display: none;
}
#main .content .question input[type="button"] {
width:100%;
background:#00467f;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
border: 0px solid;
border-bottom: 0px solid #347da4 !important;
outline: 0;
margin: 0;
padding: 5px 35px;
font:bold 14px/26px Arial;
color:#fff;
text-transform:none;
cursor:pointer;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#main .content .question input[type="button"]:hover {
background:#0096dc;
color:#fff;
}
#errormsg {width:100%;padding:35px 0;font:400 14px OpenSansSemiBold;color:#00467f;text-align:center;}
#errormsg p{margin:0;padding:5px 0;font:400 14px/20px OpenSansSemiBold;color:#00467f;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 14px/20px Arial;color:#454545;}
#errormsg p.xacminh a{font:400 14px/20px Arial;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:bold 14px Arial;color:#454545;}
.errormsg-title {width:100%;padding:30px 0 10px;font:bold 15px Arial;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:bold 14px/20px Arial;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 14px/20px Arial;color:#ff0000;text-align:left;}
/* QUESTION */
/* START BOX GENERAL */
#main .boxgen{font:400 14px/22px Arial;color:#000;padding:0;text-align:justify}
#main .boxgen h1{font:400 20px/26px Arial;color:#000;padding:5px 0 5px 0;}
#main .boxgen h2{font:400 18px/26px Arial;color:#000;padding:5px 0 5px 0;}
#main .boxgen h3{font:400 14px/22px Arial;color:#000;padding:5px 0 5px 0;}
#main .boxgen p{font:400 14px/22px Arial;color:#000;padding:5px 0 5px 0;}
#main .boxgen div{font:400 14px/22px Arial;color:#000;padding:5px 0 5px 0;}
#main .boxgen p a{font:400 14px Arial;color:#004e8a;text-decoration:none}
#main .boxgen p a:hover{font:400 14px Arial;color:red;text-decoration:underline}
#main .boxgen div a{font:400 14px Arial;color:#004e8a;text-decoration:none}
#main .boxgen div a:hover{font:400 14px Arial;color:red;text-decoration:underline}
#main .boxgen img{max-width:100% !important;height:auto !important}
#main .boxgen table{max-width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .boxgen td{padding:3px 5px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#main .boxgen .bang {margin:10px 0;border-collapse: collapse;}
#main .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#main .boxgen .bang0 {margin:10;border-collapse: collapse;}
#main .boxgen .bang0 td{padding:0;border:#ababab 0px solid;}
#main .boxgen ul{margin:5px 0;padding:0;list-style-type:square;}
#main .boxgen ul li{list-style-type:square;margin:0 0 0 18px;padding:5px 0 5px 0;}
/* END BOX GENERAL */
/* START NEWS */
#main ul.news {margin: 0;padding: 5px 0 0 0;list-style:none;}
#main ul.news li{margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: #cacaca 1px dotted;list-style:none;}
#main ul.news li .nleft {float:left;width:30%;}
#main ul.news li .nleft img {display:block;width:100%;height:110px;padding:2px;border:#e5e5e5 1px solid;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
transition:color 180ms linear 20ms, background 180ms linear 20ms;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
#main ul.news li .nleft img:hover {
-webkit-transition:all 150ms linear 10ms;
-moz-transition:all 150ms linear 10ms;
-ms-transition:all 150ms linear 10ms;
-o-transition:all 150ms linear 10ms;
transition:all 150ms linear 10ms;
opacity: 0.75;
filter: alpha(opacity=75); /* For IE8 and earlier */
}
#main ul.news li .nright {float:right;width:68%;}
#main ul.news li h3{margin:-2px 0 4px 0;padding:0;}
#main ul.news li h3 a{display:block;color:#222;font:bold 12px/17px Tahoma;text-decoration:none;text-transform:lowercase}
#main ul.news li h3 a:first-letter{text-transform:uppercase}
#main ul.news li h3 a:hover{color:#eb000a;text-decoration:none}
#main ul.news li .nupdated {margin:0;padding:0 0 4px 0;font:400 italic 12px/17px Tahoma;color:#666}
#main ul.news li .ndesc {margin:0;padding:0;font:400 12px/17px Tahoma;color:#222;text-align:justify;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
text-overflow: ellipsis;
}
#main .denews {padding:0 3px;}
#main .denews .title {margin:0;padding:0 0 5px 0;font:bold 16px/22px Tahoma;color:#222;text-transform:uppercase;text-align:justify}
#main .denews .nupdated {margin:0;padding:0 0 5px 0;font: 400 italic 14px/16px arial;color:#666}
#main .denews .ndesc {margin:0;padding:5px 0;font:bold 14px/22px arial;color:#444;text-align:justify}
#main .denews .nsource {padding:0 0 5px 0;text-align:right;font:400 14px/22px arial;color:#222}
#main .denews .nreaded {padding:0 0 5px 0;text-align:left;font:400 italic 14px/22px arial;color:#444}
#main .denews .downloadtit {margin:0;padding:15px 0;font:400 20px/28px OpenSansSemibold;color:#444;text-transform:uppercase;}
#main .denews .download {margin:0 0 0 10px;padding:3px 0 3px 10px;text-align:left;font:bold 14px/20px Arial;color:#222;
background: url("../images/arrow-rv1.png") no-repeat left;
background-position: 0px 12px;
}
#main .denews .download a{font:400 14px arial;color:#222;text-decoration:none}
#main .denews .download a:hover{color:#ff0000;text-decoration:none}
#main .denews .video{padding:10px 0;}
#main .denews .video iframe{width:100%;height:320px}
#main .share{padding:10px 0 0 0;}
#main .ofeatured{width:100%;padding:15px 0;}
#main .ofeatured h4 {font:400 22px/28px Arial;color:#444;text-transform:uppercase;}
#main .hoidap{padding: 10px 0 0 0;text-align:right}
.guihoidap {
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
box-shadow:inset 0px 1px 0px 0px #f29c93;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
border:1px solid #d83526;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #b23e35;
}
.guihoidap:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
background-color:#ce0100;
}
.guihoidap:active {
position:relative;
top:1px;
}
/* END NEWS */
/* START CLB */
#main ul.clb {margin: 0;padding: 10px 0 0 0;list-style:none;}
#main ul.clb li{margin: 0 0 12px 0;padding: 0 0 12px 28px;
background: url('../images/question.png') no-repeat;
background-size: 18px 18px;
background-position: 3px 6px;
border-bottom: #cacaca 1px dotted;
list-style:none;
}
#main ul.clb li h2{margin:0;padding:3px 0;}
#main ul.clb li h2 a{color:#222;font:bold 12px/17px Arial;text-decoration:none}
#main ul.clb li h2 a:first-letter{text-transform:uppercase}
#main ul.clb li h2 a:hover{color:#eb000a;text-decoration:none}
/* END CLB */
/* START GALLERY */
#main ul.gallery {margin: 0;padding:0;list-style:none;}
#main ul.gallery li{width:48%;display:inline-block;margin:0 0 15px 2%;padding:0;vertical-align:top}
#main ul.gallery li img {display:block;width:100%;border:#fff 1px solid;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-moz-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-ms-transition:color 180ms linear 20ms, background 180ms linear 20ms;
-o-transition:color 180ms linear 20ms, background 180ms linear 20ms;
transition:color 180ms linear 20ms, background 180ms linear 20ms;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
#main ul.gallery li img:hover {border:#ccc 1px solid;}
#main ul.gallery li h3{margin:6px 0 0 0;padding:0 3px;height:18px;overflow:hidden}
#main ul.gallery li h3 a{display:block;color:#222;font:400 14px/18px Arial;text-decoration:none;text-transform:lowercase}
#main ul.gallery li h3 a:first-letter{text-transform:uppercase}
#main ul.gallery li h3 a:hover{color:#eb000a;text-decoration:none}
#main ul.gallery li:first-child{margin-left:0}
#main ul.gallery li:nth-child(3){margin-left:0}
#main ul.gallery li:nth-child(5){margin-left:0}
#main ul.gallery li:nth-child(7){margin-left:0}
#main ul.gallery li:nth-child(9){margin-left:0}
#main ul.gallery li:nth-child(11){margin-left:0}
#main .denews {padding:0 3px;}
#main .denews .title {margin:0;padding:0 0 5px 0;font:bold 16px/22px Tahoma;color:#222;text-transform:uppercase;text-align:justify}
#main .denews .nupdated {margin:0;padding:0 0 5px 0;font: 400 italic 14px/16px arial;color:#666}
#main .denews .ndesc {margin:0;padding:5px 0;font:bold 14px/22px arial;color:#444;text-align:justify}
#main .denews .nsource {padding:0 0 5px 0;text-align:right;font:400 14px/22px arial;color:#222}
#main .denews .downloadtit {margin:0;padding:15px 0;font:400 20px/28px OpenSansSemibold;color:#444;text-transform:uppercase;}
#main .denews .download {margin:0 0 0 10px;padding:3px 0 3px 10px;text-align:left;font:400 15px/20px OpenSans;color:#222;
background: url("../images/arrow-rv1.png") no-repeat left;
background-position: 0px 12px;
}
#main .denews .download a{font:400 15px;color:#222;text-decoration:none}
#main .denews .download a:hover{color:#ff0000;text-decoration:none}
#main .ofeatured{width:100%;padding:15px 0;}
#main .ofeatured h4 {font:400 22px/28px Arial;color:#444;text-transform:uppercase;}
/* END GALLERY */
/* START BOX ENFORM */
#enform{width:80%;margin:15px auto;padding:0;font:400 14px/22px Arial;color:#222;}
#enform .entit{font:400 italic 14px/22px Arial;color:#222;padding:5px 0 10px;}
#enform .enitem{padding:5px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#enform .enitem .enleft{float:left;width:35%;font:400 14px/32px Arial;color:#222;}
#enform .enitem .enleft span{color:#ff0000;}
#enform .enitem .enright{float:left;width:65%;font:400 14px/22px Arial;color:#222;}
#enform .enitem .enright span{display:inline-block;padding:0 10px 0 5px;font:400 14px/22px Arial;color:#222;}
#enform .enitem .enright input[type="text"], #enform .enitem .enright textarea {
display:inline-block;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
background-color: white;
border: 1px solid;
border-color: #f0f0f0 #f0f0f0 #dedede;
outline: 0;
margin: 0;
padding: 5px 10px;
font:400 14px/20px Arial;
color:#444;
-webkit-transition:all 150ms linear 10ms;
-moz-transition:all 150ms linear 10ms;
-ms-transition:all 150ms linear 10ms;
-o-transition:all 150ms linear 10ms;
transition:all 150ms linear 10ms;
}
#enform .enitem .enright input[type="radio"] {
display:inline-block;
outline: 0;
margin: 0;
padding: 5px 10px;
font:400 14px/20px Arial;
color:#444;
-webkit-transition:all 150ms linear 10ms;
-moz-transition:all 150ms linear 10ms;
-ms-transition:all 150ms linear 10ms;
-o-transition:all 150ms linear 10ms;
transition:all 150ms linear 10ms;
}
#enform .enitem .enright input[type="button"] {
display:inline-block;
width:auto;
background:#3c90be;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
-webkit-appearance: none;
border: 0px solid;
border-bottom: 3px solid #347da4 !important;
outline: 0;
margin: 0;
padding: 6px 25px;
font:400 14px/22px Arial;
color:#fff;
text-transform: uppercase;
cursor:pointer;
-webkit-transition:all 150ms linear 10ms;
-moz-transition:all 150ms linear 10ms;
-ms-transition:all 150ms linear 10ms;
-o-transition:all 150ms linear 10ms;
transition:all 150ms linear 10ms;
}
#enform .enitem .enright input[type="text"]:hover, #enform .enitem .enright textarea:hover, #enform .enitem .enright input[type="radio"]:hover {
-webkit-box-shadow: #0066ff 0 0 5px 0;
-moz-box-shadow: #0066ff 0 0 5px 0;
box-shadow: #0066ff 0 0 5px 0;
}
#enform .enitem .enright input[type="button"]:hover {
background:#347da4;
border-bottom: 3px solid #286c91 !important;
}
.txtRequired {border: #d73553 1px solid !important;}
/* END BOX ENFORM */
/* START FORM BOX */
#form{width:80%;margin: 0 0 0 2%}
.form100 {width:80% !important;margin: 0 0 0 1%}
#form .formdetail{width:100%;padding: 0 0 5px 0;}
#form .formdetail p{font: 400 14px/18px Arial;padding:3px 0 3px 0;}
#form .formdetail span{font: 400 italic 14px Arial;}
#form .formbox {}
#form .formbox .formleft{float:left;width:30%;padding:9px 0 9px 0;font: 400 14px/16px Arial;vertical-align:middle}
#form .formbox .formleft span{color:#FF0000}
#form .formbox .formright{float:right;width:68%;padding:3px 0 3px 0;font: 400 14px/16px Arial;vertical-align:middle}
#form .formbox .formright span{font: bold 13px Arial;}
/* END FORM BOX */
/* START BIEU MAU */
.txtbox65px {outline:none;width:65px;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:0 5px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
height:27px;
}
.txtbox250 {outline:none;width:250px;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:0;padding:0 2%;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
height:27px;
}
.txtbox100 {outline:none;width:96%;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:0 2%;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
height:27px;
}
.txtarea100 {outline:none;width:96%;background-color:#fff;color:#404040;border:#cccccc 1px solid;margin:5px 0;padding:5px 2%;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
.cbobox250 {outline:none;width:250px;font:400 14px/18px arial;color:#222;border:#ddd 1px solid;margin:5px 0;padding:4px 2%;
background: #fff url('../images/down-green.png') no-repeat right;
-moz-user-select:none;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
select::-ms-expand {
display: none;
}
.cbobox100 {outline:none;width:100%;font:400 14px/18px arial;color:#222;border:#ddd 1px solid;margin:5px 0;padding:4px 2%;
background: #fff url('../images/down-green.png') no-repeat right;
-moz-user-select:none;
-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
appearance:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
}
select::-ms-expand {
display: none;
}
/* END BIEU MAU */
.mcontainer {
width: 100%;
background:#f1f1f1;
display: inline-block;
overflow: hidden;
box-sizing: border-box;
height: 45px;
margin: 0 auto 8px;
position: relative;
cursor: pointer;
}
.marquee-sibling {
padding: 0;
margin-right:8px;
background: #f40011;
width: 20%;
height: 45px;
line-height: 42px;
font-size: 14px;
font-weight: bold;
color: #FFF;
text-align: center;
float: left;
left: 0;
z-index: 2000;
}
.marquee, *[class^="marquee"] {display: inline-block;white-space: nowrap;position:absolute;}
.marquee{margin-left: 25%;}
.marquee-content-items{display: inline-block;padding: 5px;margin: 0;height: 45px;position: relative;}
.marquee-content-items li{display: inline-block;line-height:35px;color:#272727;}
.marquee-content-items li a{font:400 14px Arial;color:#272727;}
.marquee-content-items li a:hover{color:#ff0000;}
.marquee-content-items li:after{content: "|";margin: 0 8px;}
/* END CONTENT */
/* START HEADER */
#main .footer{width:100%;margin:0;padding:0}
#main .footer .footer-1{background:#0352a4;width:100%;text-align:center}
#main .footer .footer-1 ul{padding:5px 0;margin:0;list-style:none}
#main .footer .footer-1 ul li{display:inline-block;padding:0;margin:0;font:bold 11px/24px Tahoma;color:#fff}
#main .footer .footer-1 ul li a{display:block;padding:0 15px;font:bold 11px/24px Tahoma;color:#fff}
#main .footer .footer-1 ul li a:hover{color:#fff;text-decoration:underline}
#main .footer .footer-2{background:url("../images/footer-bg.jpg") repeat-y top center;width:100%;padding:30px 0 15px;}
#main .footer .footer-2 p.company{padding:4px 0;margin:0;font:bold 12px/16px Tahoma;color:#222;text-transform:uppercase;text-align:center}
#main .footer .footer-2 p.add{padding:4px 0;margin:0;font:400 12px/16px Tahoma;color:#222;text-align:center}
#main .footer .footer-2 p.add a{font:400 12px/16px Tahoma;color:#222}
#main .footer .footer-2 p.add a:hover{color:#ff0000}
#main .footer .footer-2 p.quanly{padding:4px 0;margin:0;font:400 12px/16px Tahoma;color:#222;text-align:center}
#main .footer .footer-2 p.quanly a{font:400 12px Tahoma;color:#222;}
#main .footer .footer-2 p.quanly a:hover{text-decoration:underline}
#main .footer .footer-2 p.copyright{padding:4px 0 10px;margin:0;font:400 12px/16px Tahoma;color:#222;text-align:center}
#main .footer .footer-2 div{text-align:center}
/* END HEADER */
#otherul{padding:0;margin:0 0 8px 10px;list-style:none;}
#otherul li{background:url("../images/arrow-rv1.png") no-repeat left;background-position: 0px 13px;padding:4px 0 4px 10px}
#otherul li a{font:400 14px/22px Tahoma;color:#222;text-decoration:none}
#otherul li a:hover{color:#ec1b30}
#sitemap {padding: 0 0 5px 15px}
#sitemap li{padding:4px 0 4px 0;}
#sitemap li a{padding-left:10px;background:url("../images/sitemap-1.png") no-repeat left;font:bold 14px/18px Tahoma;text-decoration:none}
#sitemap li a:hover{text-decoration:underline}
#sitemap li ul {padding: 0 0 5px 15px}
#sitemap li ul li{padding:4px 0 4px 0;}
#sitemap li ul li a{padding-left:10px;background:url("../images/sitemap-2.png") no-repeat left;font:400 14px/18px Tahoma;text-decoration:none}
#sitemap li ul li a:hover{text-decoration:underline}
#sitemap li ul li ul {padding: 0 0 5px 15px}
#sitemap li ul li ul li{padding:4px 0 4px 0;}
#sitemap li ul li ul li a{padding-left:10px;background:url("../images/arrow-rv1.png") no-repeat left;font:400 14px/18px Tahoma;text-decoration:none}
#sitemap li ul li ul li a:hover{text-decoration:underline}
#navi{display:block;height:31px;background:url("../images/navi-bg.jpg") no-repeat top right;margin:0 0 10px 0;
border:#dcdcdc 1px solid;
border-bottom:#dcdcdc 0px solid;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#navi .navibox{height:31px;background:url("../images/navi-left.jpg") no-repeat top left;color:#333;font:bold 11px/30px Tahoma;padding:0 0 0 10px;overflow:hidden}
#navi .navibox a{font:bold 11px/30px Tahoma;color:#333;text-decoration:none;}
#navi .navibox a:hover{text-decoration:underline;}
#navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px}
#pnavigation h1{font:400 18px OpenSansSemibold;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;}
#comming {width:100%;padding-top:50px;padding-bottom:50px;font:bold normal 13px tahoma;color:#454545;text-align:center;}
#page-result{margin:0;font:bold 18px arial;color:#3b5998;}
#mainintro, #mainintro p, #mainintro h1, #mainintro h2{text-align:justify;line-height:18px}
#imgintro {width:710px;height:260px;border:none;outline:none}
#mainlink {width:100% !important;margin:20px 0 5px 0;padding:0;text-align:center;}
#mainlink a {
background-color:#00467e;
font:400 18px/22px OpenSansSemibold;
color: #fff;
margin: 0px 4px;
padding: 3px 0;
min-width:30px;
display:inline-block;
text-align: center;
text-decoration:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-decoration: none;
}
#mainlink a:hover{background-color:#ec1b30;}
#mainlink a.active {
background-color:#ec1b30;
font:400 18px/22px OpenSansSemibold;
color: #fff;
margin: 0px 4px;
padding: 3px 0;
min-width:30px;
display:inline-block;
text-align: center;
text-decoration:none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
text-decoration: none;
}
#mainlink a.active:hover{background-color:#ec1b30;}
#toolbox{position:fixed;right:10px;bottom:45%;margin-left:-550px;z-index:999}
#toolbox ul{float:right;width:34px;list-style:none}
#toolbox ul li{width:34px;height:34px;margin-top:10px}
#toolbox ul li a{position:relative;display:block;background:#39C;border:2px solid #fff;border-radius:20px;width:100%;height:100%;text-align:center}
#toolbox ul li a:before{line-height:30px;text-align:center;color:#FFF;font-weight:bold;font-size:16px}
#toolbox ul li a span{display:none;position:absolute;right:15px;top:-3px;height:25px;width:100px;line-height:30px}
#toolbox ul li a:hover{background-color:#F79400}#toolbox ul li.toTop{display:none}
#toolbox ul li.toTop a{background:#F79400}
#toolbox ul li.toTop a:before{content:"\f077";speak:none;font:normal normal normal 14px/1 FontAwesome;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;position:relative;top:1px;line-height:28px}
#toolbox ul li.email a:before{content:"\f003";speak:none;font:normal normal normal 14px/1 FontAwesome;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;position:relative;top:1px;line-height:28px}
#toolbox ul li.phone a:before{content:"\f10b";speak:none;font:normal normal normal 22px/1 FontAwesome;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;position:relative;top:3px;line-height:28px}
#toolbox ul li.home a:before{content:"\f015";speak:none;font:normal normal normal 18px/1 FontAwesome;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;position:relative;top:3px;line-height:28px}
/* Styles for dialog window */
#small-dialog {
background: #fff;
padding: 0;
text-align: left;
width: 40%;
margin: 0 auto;
position: relative;
}
#small-dialog .topline {padding-bottom: 30px;clear: both;}
#small-dialog .topline span {float: left;width: 25%;height: 11px;display: block;}
.red-bar {background-color:#ef3e36;}
.green-bar {background-color: #abb92e;}
.orange-bar {background-color: #f57826;}
.blue-bar {background-color: #17b4e9;}
#small-dialog .head {clear:both;padding:10px 0 40px}
#small-dialog .head .tit{padding:5px 35px 10px;font:bold 25px/35px "Times New Roman", Arial;color:#008000;text-transform:uppercase;text-align:center}
#small-dialog .head .desc{padding:8px 35px;font:400 16px/22px "Times New Roman", Arial;color:#444;text-align:left}
#small-dialog .head .desc span{font:bold 16px "Times New Roman", Arial;color:#222;}
#small-dialog .head .hotline{padding:5px 35px;font:bold 22px/30px "Times New Roman", Arial;color:#ff0000;text-transform:uppercase;text-align:center}
#small-dialog .dibox {padding:25px 0 15px 15px;}
#small-dialog .dibox .dileft {float:left;width:40%;}
#small-dialog .dibox .dileft img{display:block;width:100%;height:auto;border:none}
#small-dialog .dibox .diright {float:right;width:55%;background:#dadada;padding:10px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#small-dialog .dibox .diright input[type="text"]{
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
background-color: #fff;
border: 1px solid;
border-color: #c1c1c1 #c1c1c1 #e1e1e1;
color: #222;
outline: 0;
margin: 10px 0;
padding: 10px 10px;
text-align: left;
font: 400 15px/20px OpenSans;
vertical-align: top;
display:inline-block;
}
#small-dialog .dibox .diright input[type="button"] {
width: 100%;
margin: 10px 0;
padding: 12px 10px;
border: none;
cursor: pointer;
background-color: #e13527;
font: 400 15px/20px OpenSansB;
text-transform: uppercase;
color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
#small-dialog .dibox .diright input[type="button"]:hover{
-webkit-box-shadow: #0066ff 0 0 5px 0;
-moz-box-shadow: #0066ff 0 0 5px 0;
box-shadow: #0066ff 0 0 5px 0;
z-index: 1;
}
#small-dialog .dibox .diright input[type="text"]:focus, #small-dialog .dibox .diright input[type="button"]:focus{
-webkit-box-shadow: #0066ff 0 0 5px 0;
-moz-box-shadow: #0066ff 0 0 5px 0;
box-shadow: #0066ff 0 0 5px 0;
z-index: 1;
}
.txtRequired {border: #ff0000 1px solid !important;}
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
transform: translateY(0) perspective( 600px ) rotateX( 0 );
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
#floating_banner_left{overflow: hidden; position: absolute; top: 0px; left:0; width: 110px; height: auto; z-index:500}
#floating_banner_right{overflow: hidden; position: absolute; top: 0px; right: 0px; width: 110px; height: auto; left: 1111px; z-index:500;}
#floating_banner_left img, #floating_banner_right img{display:block;width:110px;border:none;}
@media (max-width:1024px){
#main {width: 100%;}
}
@media (max-width:900px){
#main .header .header-2 {background:#0064bb}
#anhqc {height: 200px;}
#main .content .phome-1 .left {width: 100%;padding: 0 0 10px 0;}
#main .content .phome-1 .right {width: 100%;padding: 0;}
#main .content ul.boxvideo li.con ul li {display:none}
#main .content ul.boxvideo li.con ul li:first-child{display:block}
#main .content ul.boxvideo li.con ul li iframe{height:420px;}
#main .content .phome-2 .left {width: 68%;padding: 0 1% 0 0;}
#main .content .phome-2 .right {width: 32%;}
#main .content .phome-2 .left ul li.con ul.box1 {width: 100%;}
#main .content .phome-2 .left ul li.con ul.box2 {display:none}
#main .content .maincon .left {width: 68%;padding: 0 1% 0 0;}
#main .content .maincon .right {width: 32%;}
#main .content .maincon .left .newsleft {width: 100%;padding: 0;}
#main .content .maincon .left .newsright {display:none}
#main .footer .footer-1 ul li a {font: bold 11px/20px Tahoma;}
}
@media (max-width:768px){
#anhqc {height: 165px;}
#main .content ul.boxvideo li.con ul li iframe{height:380px;}
#main .content .phome-2 .left {width: 65%;padding: 0 1% 0 0;}
#main .content .phome-2 .right {width: 35%;}
#main .content .maincon .left {width: 65%;padding: 0 1% 0 0;}
#main .content .maincon .right {width: 35%;}
}
@media (max-width:580px){
#anhqc {height: 140px;}
#main .content .dhdpc{display:none;}
#main .content .dhdmb{display:block;}
#main .content ul.boxvideo li.con ul li iframe{height:320px;}
#main .content .phome-1 .left .box1 {width: 100%;}
#main .content .phome-1 .left .scbox {width: 100%;}
#main .content .phome-1 .left ul.box2 {width: 100%;}
#main .content .phome-2 .left {width: 100%;padding: 0 0 15px 0;}
#main .content .phome-2 .right {width: 100%;}
#main .content .maincon .left {width: 100%;padding: 0 0 15px 0;}
#main .content .maincon .right {width: 100%;}
#main .content .ulgroup li {width: 48.5% !important;margin: 15px 0 0 3% !important;}
#main .content .ulgroup li:nth-child(odd){margin-left:0 !important;}
#main .content .ulgroup li:nth-child(even){margin-left:3% !important;}
#main .content ul.boxvideo1 li.con ul li {display:none}
#main .content ul.boxvideo1 li.con ul li:first-child{display:block}
#main .content ul.boxvideo1 li.con ul li iframe{height:320px;}
#toolbox {display:none}
}
@media (max-width:480px){
#anhqc {height: 120px;}
#main .content ul.boxvideo li.con ul li iframe{height:280px;}
#main .content ul.boxvideo1 li.con ul li iframe{height:280px;}
#main .content .homeads ul li {width: 100%;padding: 0 0 5px 0;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child .bleft {width: 100%;padding:0 0 10px 0}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child .bleft img {height: auto;}
#main .content .phome-2 .left ul li.con ul.box1 li:first-child .bright {width: 100%;}
#main ul.news li .nleft {width: 100%;padding:0 0 10px 0;}
#main ul.news li .nleft img{height:auto}
#main ul.news li .nright {width: 100%;}
#main .content .ulgroup li {width: 100% !important;margin: 15px 0 0 0 !important;}
#main .content .ulgroup li:nth-child(odd){margin-left:0 !important;}
#main .content .ulgroup li:nth-child(even){margin-left:0 !important;}
}