@charset "utf-8";
/* CSS Document */
img,object{max-width:100%;}
img{-ms-interpolation-mode:bicubic;border:none;} 
body{ font-family:Arial, Helvetica, sans-serif;line-height:22px;color:#333;margin:0 auto; background:#fff;font-size:65%;}
a{ text-decoration:none;}
p{ padding:6px 0;}
ul li{ list-style:none;}
*{ margin:0; padding:0;}
.clear{ clear:both;}
#theme-popover-chatbox,.feedback,.etw_contact_title,.etw_hometitle1{display:none;}

.gridContainer{width:100%; height:auto;}
#header{width:100%; height:auto; background:#5ac9e4;font-size:1.4em; overflow:hidden;}
.language{width:100%; background:#f0f0f0;height:auto;padding:30px 0 5px 0; text-align:right;}
.language ul{ margin:0 auto; width:96%; max-width:825px; float:none;}
.language li{float:none; width:auto; display:inline;}
.language li a{color:#2f2f2f;display:inline-block; padding:0 20px;}
.language li.langdq a,.language li a:hover{color:#0058ff;text-decoration:underline;}
.logo{width:105px; height:127px; margin:0 auto;}
.etw_companyname{ display:none; font-family:Khmer UI; font-size:16px; line-height:20px;}

#etw_video{ width:96%; max-width:725px; height:auto; margin:0px auto 40px auto;}
#display-cont{margin:0 auto;text-align:center;-webkit-box-shadow:0 5px 5px 1px #999;-moz-box-shadow:0 5px 5px 1px #999;box-shadow:0 5px 5px 1px #999;}
#display-cont_wrapper{margin:0 auto;text-align:center; }

#container{width:100%; height:auto;font-size:1.4em; clear:both; overflow:hidden;}
#etw_content{width:100%; overflow:hidden; padding-top:30px;}
#etw_productlist{width:100%; height:auto; background:#f0f0f0; padding:30px 0; overflow:hidden;}
#etw_productlist ul{width:96%; max-width:780px; float:none; height:auto;margin:0 auto;}
#etw_productlist ul li{ width:31%; height:auto; float:left; padding:1%;}
#etw_productlist ul li a{ height:auto; display:block;color:#fff;text-align:center;font-size:1.3em; height:340px;}
#etw_productlist ul li a i.icon-play-circle2{font-size:2.6em; display:block; width:100%; height:260px; line-height:260px; margin-bottom:30px; text-align:center;}
#etw_productlist ul li.styleli_1 a{ background:#c64d3d;}
#etw_productlist ul li.styleli_2 a{ background:#ac987f;}
#etw_productlist ul li.styleli_3 a{ background:#588972;}
#etw_productlist ul li.styleli_1 a i{ background:url(../images/pro1.jpg) no-repeat center;}
#etw_productlist ul li.styleli_2 a i{ background:url(../images/pro2.jpg) no-repeat center;}
#etw_productlist ul li.styleli_3 a i{ background:url(../images/pro3.jpg) no-repeat center;}
#etw_productlist ul li a.videoliststyle,#etw_productlist ul li a:hover{color:#fff222;}

#about{width:96%; max-width:825px; height:auto;margin:30px auto; overflow:hidden;}
.etw_hometitle{width:100%; height:auto;color:#151c24; font-size:2.1em;line-height:38px;margin-bottom:12px; text-align:center;}
.more{float:right; width:60px; height:auto; text-align:center; margin-top:5px; text-transform:uppercase; }
.more a{color:#000; font-size:1.0em; height:35px; line-height:35px; display:block;background:#fff222;}
.more a:hover{background:#2a5d9c;color:#fff;}
#contact{width:100%; height:auto; background:#5ac9e4; padding:30px 0; overflow:hidden; text-align:center;}
#etw_contact{ width:96%; max-width:600px; height:auto; margin:0 auto;}
.contact_title{width:100%; height:auto;color:#28529c; font-size:2.1em; font-family:Impact, Arial; font-weight:bold;line-height:48px;margin-bottom:12px;}
#etw_contact a{ color:#193c7f;}
#etw_contact a:hover{text-decoration:underline;}

#footer{ width:100%; height:auto; background:#f2f2f2;color:#333;text-align:center;padding:20px 0 15px 0;font-size:1.2em;}
#foot{width:96%; max-width:825px; height:auto; margin:0 auto;}
.copyright-cont{width:100%;height:auto; width:100%; line-height:25px;   }
#other_link{width:100%;text-align:center; margin:0 auto;}
#other_link a img{ padding:0px; margin-right:5px;}
.langlink{ text-align:center; margin:0 auto; clear:both;}
.langlink a{ color:#333;padding:3px 5px; display:inline; zoom:1;}
.langlink a:hover{ color:#2a5d9c; text-decoration:underline;}
.langlink a img{ margin-top:3px;}

@media screen and (max-width:768px) {
.etw_menu{width:100%; float:right;}	
.etw_menu ul {float:left;width:100%;background:#28529c;}
.etw_menu ul li {display:block;width:100%;border-bottom:1px solid #1d5aac;}
.etw_menu ul li a{ height:auto; display:block;padding:0px 1%; color:#fff;line-height:45px;}
.etw_menu ul li a.videoliststyle,.etw_menu ul li a:hover{background:#32a9ff;color:#f4d000;}
.etw_menu ul li a i.icon-play-circle2{font-size:1.8em; display:block; width:40px; float:left;}
.js .etw_menu{position:absolute;display:block;overflow:hidden;max-height:0;zoom:1;}
.etw_menu.opened{max-height:9999px;}
.nav-toggle{float:right;padding:0 0 0 2%;width:98%; display:block; height:45px;background:url(../images/menu.png) no-repeat top right #28529c;color:#fff;font-size:1.4em;line-height:45px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid #1d5aac;}

#etw_productlist ul li a{height:276px;}
#etw_productlist ul li a i.icon-play-circle2{height:200px; line-height:200px; margin-bottom:20px;}

#other_link,.quick-code,#chatbox,.language{ display:none;}
.feedback{ display:block; width:100%;}
#floatchatiframe2011{width:100%;}
}
@media screen and (max-width:534px) {
#etw_productlist ul li a{font-size:1.0em; height:226px;}
#etw_productlist ul li a i.icon-play-circle2{height:150px; line-height:150px;}
}

 /*Pad*/
@media only screen and (min-width:769px){
.etw_menu{ width:100%; background:#fff; height:auto; border-bottom:1px solid #f0f0f0; overflow:hidden; padding:15px 0;}
.etw_menu ul{  width:96%;max-width:825px; height:auto; float:none; text-align:center; margin:0 auto;}
.etw_menu ul li{float:left;}
.etw_menu ul li a{display:block; line-height:40px;color:#41445a; font-size:1.1em; padding:0px 12px 10px 12px;}
.etw_menu ul li a:hover,.etw_menu ul li a.videoliststyle{color:#0019d2; background:url(../images/menu_li.jpg) no-repeat center bottom;}
.etw_menu ul li a i.icon-play-circle2{ display:none; widows:0px; height:0px;}
.js .etw_menu{position:relative;}
.js .etw_menu.closed{max-height:none;}
.nav-toggle{display:none;}
}
 
/* 电脑 */
@media only screen and (min-width:840px){
.etw_menu ul{width:825px;}
.etw_menu ul li a{font-size:1.2em; padding:0px 17px 10px 17px;}
}