@media(min-width: 700px){
	#left_map{width: 60%}
	#right_map2{width: 40%}
}
@media(max-width: 700px){
	#right_map2,#left_map{width: 100%}
}

.noidung_map li{list-style: none;position: relative;border-bottom: 1px dotted #252525;padding-bottom: 5px;margin-bottom: 5px}
.noidung_map p {
    margin: 0 0 2px 5px;
    color: #666;
}
.noidung_map .infos h3{
	background: none;
    font-size: 14px;
    color: #666;
    margin: 0px 20px 2px 0px;
    line-height: 20px;
    padding-left: 5px;
    font-weight: normal;
    float: left;
    white-space: nowrap;
}
.noidung_map .infos{
	width: 100%;
	padding-left: 30px;
    margin-bottom: 10px;
    vertical-align: top;
    line-height: 16px;
}
.noidung_map .number{
	background-color: #045BA8;
    color: #FFFFFF;
    height: 21px;
    line-height: 21px;
    text-align: center;
    width: 27px;
    position: absolute;
    top: 4px;
}

#mapvn.fix { margin:auto; float:none; border:none; height:436px}
#mapvn.fix a{color: #a09898;cursor: pointer;}
#mapvn{width:349px;background:url(../images/mapvn.png) no-repeat 14px 0;height:430px;border:1px solid #ccc;float:left;border-right:0;position:relative;}
#mapvn a{position:absolute;font-size:11px;font-family:Verdana, Geneva, sans-serif;font-weight:bold;text-shadow:0 1px 1px #fff;display:block;padding-left:10px;background:url(../images/dotmap.png) no-repeat 0 4px;z-index:20; white-space:nowrap}
#mapvn a:hover,#mapvn a.active{color:#e02727;background-position:0 -20px}
#mapvn #hanoi{top:63px;left:106px}
#mapvn #hcm{bottom:61px;left:133px;background-position:left 5px;padding:0 10px;}
#mapvn #dn{top:201px;left:171px}
#mapvn #hp{top:68px;left:135px}
#mapvn #ct{bottom:41px;left:103px;}
#mapvn #ag{bottom:53px;right:253px;background-position:right 5px;padding:0 10px;}
#mapvn #vp{top:55px;left:30px;background-position:right 5px;padding:0 10px;}
#mapvn #tng{top:45px;left:10px;background-position:right 5px;padding:0 10px;}
#mapvn #nb{top:83px;left:56px;background-position:right 5px;padding:0 10px;}
#mapvn #hn{top:73px;left:64px;background-position:right 5px;padding:0 10px;}
#mapvn #nd{top:87px;left:124px;}
#mapvn #qn{top:45px;left:90px;background-position:right 5px;padding:0 10px;}
#mapvn #hd{top:50px;left:160px;}
#mapvn #tb{top:79px;left:130px;background-position:0 3px;padding:0 10px;}
#mapvn #hy{top:60px;left:145px}
#mapvn #th{top:100px;left:100px}
#mapvn #na{top:115px;left:80px}
#mapvn #ht{top:135px;left:100px}
#mapvn #qb{top:160px;left:120px}
#mapvn #hue{top:192px;left:160px}
#mapvn #qng{top:235px;left:190px}
#mapvn #bdd {top:260px;left:200px}
#mapvn #py {top:280px;left:200px}
#mapvn #kt {top:245px;left:170px}
#mapvn #gl {top:270px;left:170px}
#mapvn #dl{top:290px;left:170px}
#mapvn #bt{top:340px;left:190px}
#mapvn #nth{top:330px;left:200px}
#mapvn #ld{top:325px;left:130px;background-position:right 5px;padding:0 10px 0 0}
#mapvn #tn{top:335px;left:120px}
#mapvn #bd{top:345px;left:95px;background-position:right 5px;padding:0 10px 0 0}
#mapvn #nt{top:310px;left:200px}

#mapvn #vt{top:365px;left:162px}
#mapvn #dni{top:345px; left:170px}
#mapvn #la{top:353px;left:60px;background-position:right 5px;padding:0 10px 0 0}
#mapvn #kg{bottom:33px;right:253px;background-position:right 5px;padding:0 10px 0 0}
#mapvn #st{top:400px;left:115px}
#mapvn #vl{left:116px;bottom:49px}
#mapvn #dt{bottom:58px;left:55px;background-position:right 5px;padding:0 10px 0 0}
#mapvn #bn{top:55px;left:115px}
#mapvn #bg{top:40px;left:145px}
#mapvn #ls{top:30px;left:130px}
#mapvn #lc{top:25px;left:65px}
#mapvn #qnm { top:215px; left:180px}
#mapvn #btr{bottom:45px;left:135px}
#mapvn #cm{bottom:5px;left:85px}
#mapvn #tg{bottom:55px;left:125px}
#mapvn #bl{bottom:17px;left:60px;background-position:right 5px;padding:0 10px 0 0}

#mapvn #ls,#mapvn #hp,#mapvn #btr,#mapvn #cm,#mapvn #tg,#mapvn #bl,#mapvn #gl,#mapvn #kt,#mapvn #py,#mapvn #nth,#mapvn #bt,#mapvn #ld,#mapvn #dni,#mapvn #qnm,#mapvn #dt,#mapvn #ct, #mapvn #ag, #mapvn #vp, #mapvn #tng, #mapvn #nb, #mapvn #nd, #mapvn #qn, #mapvn #hd, #mapvn #tb, #mapvn #hy, #mapvn #th, #mapvn #na, #mapvn #ht, #mapvn #qb, #mapvn #hue, #mapvn #qng, #mapvn #dl, #mapvn #tn, #mapvn #bd, #mapvn #nt, #mapvn #vt, #mapvn #la, #mapvn #kg, #mapvn #st, #mapvn #bdd,#mapvn #hn,#mapvn #vl,#mapvn #bn,#mapvn #bg,#mapvn #lc{font:9px Arial, Helvetica, sans-serif; white-space:nowrap}


#mapvn #hanoi.right{top:62px;right:237px;left:auto}
#mapvn #ag:hover,#mapvn #ag.active,#mapvn #hanoi.right:hover,#mapvn #hanoi.right.active, #mapvn #kg:hover, #mapvn #kg.active, #mapvn #la:hover, #mapvn #la.active, #mapvn #tng:hover, #mapvn #tng.active, #mapvn #vp:hover, #mapvn #vp.active, #mapvn #qn:hover, #mapvn #qn.active,#mapvn #hn:hover,#mapvn #hn.active{background-position:right -19px}

#mapvn #hanoi.right{top:62px;right:237px;background-position:right 5px;padding:0 10px 0 0}

.maparea{position:absolute;z-index:10;display:none}
.maparea1{top:0;left:14px;width:159px;height:185px;background:url(../images/mapvn1.png)}
.maparea2{top:179px;left:131px;width:80px;height:108px;background:url(../images/mapvn2.png)}
.maparea3{top:234px;left:54px;width:162px;height:197px;background:url(../images/mapvn3.png)}
.map_list{width:240px;float:left;padding-left:20px}
.map_list h2{color:#9a9a9a;font-size:24px;padding-bottom:5px}
.map_list h3{padding:15px 0 10px}
.map_list h3 a{color:#171717;font-size:13px;line-height:18px}
.map_list ul{display:none}
.map_list li{padding:5px 0}
.map_list li a{color:#5d5d5d;background:url(../images/dot4.png) no-repeat 0 6px;padding-left:10px;margin-left:5px}
.map_list li a:hover,.map_list li a.active{color:#e02727;background-position:0 -20px}
.map_list .active+ul{display:block}




#seriesintro{height:560px; position:relative}
#seriesintro h3,#seriesintro h4 a{background:#e9e9e9;height:22px;padding:0 6px;color:#9f9f9f;line-height:22px;margin-bottom:2px}
#seriesintro h4 a{display:block}
#seriesintro h4 a:hover{background:#c7c7c7;color:#fff}
#seriesintro .big_img{width:675px;height:450px;overflow:hidden}
#seriesintro .big_img img{height:450px;width:675px}
#seriesintro .intro{position:absolute;right:9px;top:18px;width:305px;overflow:hidden;height:450px}
#seriesintro .intro img{max-width:170px;max-height:50px;}
#seriesintro .preview{color:#9f9f9f;margin-bottom:16px; line-height:20px;}
/*#seriesintro .relatedimg{margin-bottom:3px}
#seriesintro .relatedimg li{list-style:none;margin:0;padding:0;margin-bottom:10px;text-align:center}
#seriesintro .relatedimg img{height:100px;cursor:pointer}*/
#seriesintro .tech a{font-size:0}
#seriesintro .tech a:hover{background:none}
#seriesintro .tech img{margin:3px;border:0}


#seriesintro .jcarousel-clip { width:600px; margin:0 auto; height:62px; overflow:hidden}
#seriesintro .jcarousel-container { background:#DEDEDE; position:relative; padding:10px 0}
#seriesintro .jcarousel-prev { background:url(../images/prev2.png) no-repeat; width:16px; height:30px; position:absolute; top:30px; left:8px; cursor:pointer}
#seriesintro .jcarousel-next { background:url(../images/next2.png) no-repeat; width:16px; height:30px; position:absolute; top:30px; right:8px; cursor:pointer}
#seriesintro .jcarousel-prev-disabled, #seriesintro .jcarousel-next-disabled{-moz-opacity: 0.4;opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=40);}
/*#seriesintro .scrollpane{height:180px;overflow:hidden}
#seriesintro .jcarousel-list li{width:187px!important;overflow:hidden}
#seriesintro .relatedimg .jcarousel-container{position:relative}
#seriesintro .relatedimg .jcarousel-container-vertical{width:187px!important;height:180px;padding-top:20px;padding-bottom:20px}
#seriesintro .relatedimg .jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative}
#seriesintro .relatedimg .jcarousel-clip-vertical{width:187px!important;height:180px}
#seriesintro .relatedimg .jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0}
#seriesintro .relatedimg .jcarousel-next-vertical{position:absolute;bottom:0px;width:187px;height:19px;cursor:pointer;background:url(../images/img_next_vertical.png) no-repeat center;z-index:3}
#seriesintro .relatedimg .jcarousel-prev-vertical{position:absolute;top:0px;width:187px!important;height:19px;cursor:pointer;background:url(../images/img_prev_vertical.png) no-repeat center;z-index:3}
#seriesintro .relatedimg .jcarousel-next-disabled,#seriesintro .relatedimg .jcarousel-prev-disabled{opacity:0.3;filter:alpha(opacity=30);-ms-filter:"progid:DXImageTransform.Microsoft.alpha(Opacity=30)"}*/


#mainSubCateBanner{height:248px;border:1px solid #ccc;position:relative;margin-bottom:25px}
#mainSubCateBanner .bigimg{width:700px;height:248px;position:absolute;border-right:1px solid #ccc;overflow:hidden}
#mainSubCateBanner .bigimg img{min-width:700px;min-height:248px;}
#mainSubCateBanner .intro{height:233px;padding:15px 10px 0 13px;width:274px;background:url(../images/bg_pd_toilet.png) repeat-x;position:absolute;right:0;top:0;color:#666;font-size:11px;line-height:18px}
/*#mainSubCateBanner .intro h2{font-size:18px;font-weight:700;padding-bottom:12px}*/
#mainSubCateBanner .intro h1{font-size:18px;font-weight:700;padding-bottom:12px}


/*#mainSubCateBanner{height:323px;position:relative;margin-bottom:25px}
#mainSubCateBanner .bigimg{width:1000px;height:323px;position:absolute;}
#mainSubCateBanner .bigimg img{ width:100%;height:323px;border:1px solid #ccc;}
#mainSubCateBanner .intro{height:233px;padding:15px 10px 0 13px;width:274px;position:absolute;right:10%;top:20%;color:#666;font-size:12px;line-height:18px; display:none;}
#mainSubCateBanner .intro h2{font-size:18px;font-weight:700;padding-bottom:12px}*/

#mainSubCateContent{padding:0 1px}
#mainSubCateContent li{border: 1px solid #aaa; float:left; margin: 10px 22px 10px 0px; width:180px;}
#mainSubCateContent li.n5{margin-right:0}
#mainSubCateContent .SubCateBoxTitle{display:block;background:/*url(../images/subcate_bar.png) repeat-x*/#ccc;line-height:16px;color:#333;font-size:12px;font-weight:bold;/*text-shadow:1px 1px 1px #FFF;*/padding:4px 0 4px 6px}
#mainSubCateContent .SubCateBoxImage{display:block;font-size:0; overflow:hidden; height:140px;}
#mainSubCateContent .SubCateBoxImage img{width:100%; height:100%}

#TopPart{margin-bottom:20px;min-height:500px}
#TopPart .vf_tit { font-size:32px; color:#1A1A1A; padding:0 0 12px 0; font-weight:normal}
#TopPart li{list-style:none}
#TopPart .left_product { float:left; margin-left:27px; width:333px}

#pdt_img{border:1px solid #CCC;float:left;height:500px;width:638px;font-size:0;text-align:center;overflow:hidden}
#pdt_img span{display:inline-block;*display:inline;zoom:1;height:500px;width:1px;vertical-align:middle}
#pdt_img img{max-height:470px;max-width:600px;vertical-align:middle}

#rotate_container{margin-bottom:20px}
#rotate_container *{color:#666}

#rotate_container .tabs{display:block;height:23px;margin-bottom:18px}
#rotate_container .tabs li{height:23px;margin:0; display:inline-block; text-align:center;}
#rotate_container .tabs li a{height:15px;line-height:15px;color:#fff;font-size:12px; font-family: Arial, Helvetica, sans-serif !important;background:url(../images/tab_pd_1.gif) no-repeat 0 1px;min-width:40px;float:left;border:1px solid #AAA;background:#222222; padding:5px 20px;}
#rotate_container .tabs li a:hover,#rotate_container .tabs li a.active{background:#fff;color:#000; border:1px solid #AAA; border-bottom:none;}
#rotate_container .tab-content{padding:5px;border-top:1px dotted #ccc}

#rotate_container .tab_content .item{display:none;}
#rotate_container .tab_content .item h2{display:none}
#rotate_container .tab_content .item > p{color:#666;font:11px arial;padding:5px 4px}
#rotate_container .tab_content .active{display:block}

#rotate_container table{width:335px}
#rotate_container td,#rotate_container th{border:0;padding:2px 4px;vertical-align:top;word-wrap:break-word}
#rotate_container td p { margin-bottom:0;}
#rotate_container td{color:#666;font:11px arial}
#rotate_container tr td:first-child{width:100px;font-weight:bold}
#rotate_container tr td:first-child + td{width:10px}
#rotate_container th{font:bold 11px/18px arial;height:14px;text-align:left}
#rotate_container #title{line-height:12px;padding-right:5px;width:100px}
#rotate_container .ft li{list-style:square outside none;padding-left:0;padding-top:6px;font-size:11px}


#print{background:url(../images/product_print_bg.png) no-repeat;float:left;margin:0 5px 5px 0;}
#print a {color:#5F5F5F; display:block; padding:7px 0 0 40px;height:22px;width:119px; }
#buy { float:left; background:url(../images/product_buy_bg.png) no-repeat;}
#buy a {color:#5F5F5F; display:block; padding:7px 0 0 50px;height:22px;width:109px;}
#smart_pd {background:url(../images/product_viewall_bg.png) no-repeat;float:left;margin:0 5px 15px 27px;}
#smart_pd a {color:#5F5F5F; display:block; padding:8px 0 0 35px;height:21px;width:124px; }

#recent_viewed{font:11px arial;margin:0 0 10px 0;padding:0;border-bottom:1px solid #CCC;}
#recent_viewed span{border-bottom:1px solid #CCC;display:block;font-weight:700;margin-bottom:4px;padding-bottom:2px;width:328px;font-size:11px}
#recent_viewed a{font-size:0; cursor: pointer; float:left; margin:5px 8px 10px 0; background:none;}
#recent_viewed img{width:30px;height:30px; -webkit-transition-property: all;  -moz-transition-property: all;  -o-transition-property: all;  transition-property: all;  -webkit-transition-duration: 0.4s;  -moz-transition-duration: 0.4s;  -o-transition-duration: 0.4s;  transition-duration: 0.4s; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%}
#recent_viewed img:hover { 
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 9px 3px rgba(0, 0, 0, 0.5);
 	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 9px 3px rgba(0, 0, 0, 0.5);
  	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), inset 0px 2px 5px rgba(0, 0, 0, 0.3), 0 0 9px 3px rgba(0, 0, 0, 0.5);}


#rotate_container .tab_content .download div{padding: 10px 0 10px 32px; margin-bottom:10px;}
#rotate_container .tab_content .download div a{font-size:11px;color:#666;line-height:16px; padding:9px 0 0 22px;}
.fileimg{background: url(../images/JPG.png) no-repeat 0 6px; }
.filecad{background: url(../images/DWG.png) no-repeat 0 6px;}
.filedw{background: url(../images/DWG.png) no-repeat 0 6px;}
.filesheet{background: url(../images/PDF.png) no-repeat 0 6px;}
.filedxf{background: url(../images/DWG3D.png) no-repeat 0 6px;}
.filedwg{background: url(../images/DXF3D.png) no-repeat 0 6px;}

#searchpage *{color:#333}
#searchpage li{border-bottom:1px solid #e1e1e1}
#searchpage li .title{font-weight:bold}
#searchpage li .date{color:#999;font-size:11px;line-height:20px}
#searchpage .view_list .pdfind { float:left;}
#searchpage .view_list .view_style { float:left;}
#searchpage #mainSeriesContent li.n5{margin-right:0}
#searchpage #mainSeriesContent.grid { margin-left:-47px}
#searchpage #mainSeriesContent.grid li { width:300px; margin:0 0 40px 47px;}
#searchpage #mainSeriesContent.grid li .img img { max-width:100%;}
.view_sort { float:right; margin-bottom:20px}


.washlet_article .content > h1{display:none}

.record_theworld {background:url(../images/record_theworld.jpg) no-repeat center 70px;height:604px;padding:0 108px}
.record_theworld p {font-size:14px; font-style: normal;}
.about_washlet_top{background:url(../images/washlet-1.jpg) no-repeat 0 top;padding:20px 580px 20px 40px;position:relative; height:648px;}
.about_washlet_top p{line-height:17px;margin-bottom:15px;position:relative;z-index:2;text-align:left;color:#f2f2f2; font-weight: normal; font-size:14px;}
.about_washlet_top .bg_w2{position:absolute;z-index:1;top:10px;right:70px}

.about_washlet_history{padding:0px 80px 30px 80px}
.about_washlet_history *{font-size:12px}
.about_washlet_history h2 {font-size:18px; padding-left:35px; padding-bottom:20px; color:#666; font-weight:normal;}
.about_washlet_history > p{font-size:14px;font-style:italic;color:#666;font-weight: normal;text-align:justify;padding:0 65px 0 35px}
.about_washlet_history ul{list-style:none;padding:15px 0 0 0}
.about_washlet_history ul li{line-height:15px;width:120px;margin:0 35px 20px;list-style:none;padding:0;display:inline-block;*display:block;zoom:1;vertical-align:top;font-weight:bold;font-size:11px}
.about_washlet_history strong{font-size:17px;line-height:19px}
.about_washlet_history sup{font-size:9px}

ul.why_washlet{padding:20px;list-style:none}
ul.why_washlet li{list-style:none;overflow-y:hidden;margin-bottom:30px;margin:0 0 30px}

ul.why_washlet .type1 .l_col{width:550px;float:left}
ul.why_washlet .type1 .r_col{width:350px;float:right}

ul.why_washlet .type2 .r_col{width:550px;float:right}
ul.why_washlet .type2 .l_col{width:350px;float:left}

ul.why_washlet .type3, ul.why_washlet .type2 {border-top:1px #eaeaea solid; padding-top:20px}
ul.why_washlet .type3 .r_col{width:100%; clear:left; text-align:center;}
ul.why_washlet .type3 .r_col img {margin:10px 8px;}
ul.why_washlet .type3 .l_col{width:100%;}

.why_title{border-bottom:2px solid #1251a0;margin:0 20px}
ul.why_washlet h3{font-size:22px;margin-bottom:5px;color:#666;text-transform:uppercase}
ul.why_washlet *{font-size:15px;color:#666;font-weight: normal;text-align:justify}

ul.why_washlet .why_note{color:#666;font-size:12px; font-style:italic;}
ul.why_washlet .why_snote span{font-size:10px;font-weight:normal}
ul.why_washlet .why_snote span.before{margin-right:30px}

@media print{
	#hdr,#ftr,#boxkm, .left_sp, .right_sp{display:none}
	.noprint{display:none!important}
	#rotate_container .tab_content .item h2{display:block;font-size:14px;padding-bottom:2px;margin-bottom:5px;border-bottom:1px solid #ccc}
	#rotate_container .tab_content .item{display:block;position:relative;margin-bottom:20px}
}

#tech-cat ul li a{position:relative;background-repeat:no-repeat;background-position:10px 0;background-color:transparent}
#tech-cat ul li em{display:block;position:absolute;top:0;left:10px;width:46px;height:46px}

#tech-cat ul li.green-challenge-tech a{background-image:url(../images/tech/greenchallenge_noactive.gif)}
#tech-cat ul li.auto-functions-tech a{background-image:url(../images/tech/auto-functions_noactive.gif)}
#tech-cat ul li.washlet-tech a{background-image:url(../images/tech/washlet-techology_noactive.gif)}
#tech-cat ul li.cefiontect-tech a{background-image:url(../images/tech/cefiontect_noactive.gif)}
#tech-cat ul li.tornado-flush-tech a{background-image:url(../images/tech/tornado-flush_noactive.gif)}
#tech-cat ul li.gmax-tech a{background-image:url(../images/tech/gmax_noactive.png)}
#tech-cat ul li.eco-power-tech a{background-image:url(../images/tech/eco-power_noactive.gif)}
#tech-cat ul li.sma-tech a{background-image:url(../images/tech/sma-tech.jpg)}
#tech-cat ul li.air-in-shower-tech a{background-image:url(../images/tech/airinshower_noactive.png)}
#tech-cat ul li.pearl-bathtub-tech a{background-image:url(../images/tech/pearl_noactive.png)}
#tech-cat ul li.ewater a{background-image:url(../images/tech/ewatericon.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.ewater a.active,#tech-cat ul li.ewater a:hover{opacity:1;filter:alpha(opacity:100);}
#tech-cat ul li.luminist a{background-image:url(../images/tech/luministicon.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.luminist a.active,#tech-cat ul li.luminist a:hover{opacity:1;filter:alpha(opacity:100);}
#tech-cat ul li.hydrohands a{background-image:url(../images/tech/hydrohandsicon.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.hydrohands a.active,#tech-cat ul li.hydrohands a:hover{opacity:1;filter:alpha(opacity:100);}
#tech-cat ul li.gyrostream a{background-image:url(../images/tech/gyrostreamicon.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.gyrostream a.active,#tech-cat ul li.gyrostream a:hover {opacity:1;filter:alpha(opacity:100);} 
#tech-cat ul li.water-pillar a{background-image:url(../images/tech/waterpillar-tech.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.water-pillar a.active,#tech-cat ul li.water-pillar a:hover{opacity:1;filter:alpha(opacity:100);}
#tech-cat ul li.aerial-shower a{background-image:url(../images/tech/aerialshower-tech.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.aerial-shower a.active,#tech-cat ul li.aerial-shower a:hover{opacity:1;filter:alpha(opacity:100);}
#tech-cat ul li.aerial-pulse a{background-image:url(../images/tech/aerialpulse-tech.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.aerial-pulse a.active,#tech-cat ul li.aerial-pulse a:hover{opacity:1;filter:alpha(opacity:100);}
#tech-cat ul li.cascade-flow a{background-image:url(../images/tech/cascadeflow-tech.png); background-repeat:no-repeat; color:#fff; opacity:0.6;filter:alpha(opacity:60);}
#tech-cat ul li.cascade-flow a.active,#tech-cat ul li.cascade-flow a:hover{opacity:1;filter:alpha(opacity:100);}


.tech_cat_flash{display:none}

#TopPart{position:relative}
#listthumb{position:absolute;bottom:7px;right:367px}
#listthumb a{margin:0 3px;font-size:0}
#listthumb img{width:30px;height:30px;vertical-align:middle}

#sitemap { margin-top:25px; margin-bottom:35px;}
#sitemap>ul>li{float:left;display:inline; margin:0 2px 0 5px; font-weight:bold; width:135px;}
#sitemap>ul>li.item123, #sitemap>ul>li.item38 {display:none;}
#sitemap>ul>li>ul>li{float:none;display: block; font-weight:normal; padding-left:7px; padding-bottom:5px;}
#sitemap>ul>li>ul>li>a {font-size:11px;}
#sitemap>ul>li>ul>li>a:hover { background:none; text-decoration:underline;}
#sitemap>ul>li>a{ background:#f2f2f2; padding:4px 4px 4px 8px; width:120px; display:block; margin-bottom:10px;}
#sitemap>ul>li:hover>a{background:#ccc;}

#project .scroll-pane{height:330px; overflow: auto;}
.scroll-panes{height:300px; width:810px;overflow: auto;}
#agent .scroll-pane{height:303px; overflow: auto;}
.ph1{font-size:14px; margin-bottom:10px; color:#555; font-family:Arial, Helvetica, sans-serif;font-weight:600}
.ph1 select{border:1px solid #c7c7c7; background:#e3e3e3; padding:5px 3px; width:160px; line-height:18px; font-size:12px; color:#555; font-family:Arial, Helvetica, sans-serif; margin-left:7px}
#left_map {
    float: left;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}
#left_map h3{color: #333333;font-size: 18px;font-weight: normal;margin: 0 0 12px;}
#left_map .return{ background: url("../images/changecontent_icon_1.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
  color: #000000;  font-size: 12px;  line-height: 18px;  padding-left: 12px;  position: absolute;  right: 2px;  text-decoration: none;    top: 0;}

#right_map{width:609px;border:1px solid #ccc;border-left:0;background:#f2f2f2;height:390px;float:right;padding:20px}
#right_map2{padding-top:15px;border:1px solid #ccc;border-left:0;background:#fff;height:498px;float:right; position: relative; margin-bottom: 40px;    overflow-x: hidden;
    }
#right_map2 a{cursor: pointer;}
#right_map2 input[type=submit] {background-color: #F5F5F5; border: 1px solid #CCCCCC; color: #000000; display: inline-block;
    font-size: 12px;  height: 28px;  margin:0 0 0 10px; text-align: center; text-decoration: none;cursor:pointer; padding:0 5px; width:70px}
    
#right_map2 input#keyword { border: 1px solid #CCCCCC; padding: 7px; display:inline-block; margin-left:7px; width:235px}
#right_map2 .drop_left{
        position: absolute;
    right: -270px;
    top: 25px;
    font-size: 13px!important;
}
#right_map2 .drop_left .btn-primary{
    background: #e3e3e3!important;
    border-color: #c7c7c7!important;
    border-radius: 0!important;
    color: #5d5955!important;
    font-size: 13px;
    width: 160px;
}
#right_map2 .drop_left .dropdown-menu li>a{
    font-size: 13px!important;
}
#right_map2 .noidung_map{
        height: 400px;
    overflow-y: scroll;
    font-size:13px!important;
    padding:15px;
}
div.f_left { float:left; margin-bottom:5px}
div.f_right { float:left; }
#SFORM { margin-left:20px}

#popup{width:100%;height:100%;}
#popup a{background:none; display:block;}
#popup p{display:none;}
#BalloonAds{width:100%;top:0;}
.hidebox{display:none;}
.sub_box .adv a{display:block;}
#inline_content a,#inline_content img{display:block; background:#9BD7CB;}
#inline_content a:hover img{opacity:0.6; filter:alpha(opacity:60);}
#cboxLoadedContent, #cboxContent, #colorbox, #cboxOverlay, #cboxWrapper,#cboxContent{overflow:visible !important;}


.stp{position:relative; overflow:hidden; width:1000px; left:-10px;}
#tech-box .content .stp h3{left:0;}
#tech-box .content .benefit.noneTop{top:0;}
.clear{clear:both; height:1; overflow:hidden;}
.stptext{float:right; width:533px;}
.stpicon{float:left; margin:0 15px; text-align:center;}
.stpicon img{ max-width:116px;}

table.compare-info { width:100%; border:1px solid #aeaeae}
table.compare-info td.compare-product {border:1px solid #aeaeae}
table.compare-info td { padding:2px 0; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;}
table.compare-info td a { display:block}
table.compare-info tr.select { background:#E9E9E9}
table.compare-info td a:hover { background:none}
table.compare-info td.new { background:url(../images/new.png) no-repeat right center}

#catalogue { border:1px solid #cccccc; padding:25px}
#catalogue ul li { float:left; padding:40px;}
#catalogue ul li a:hover { background:none}
#catalogue .line {  border-bottom:1px solid #ccc; height:1px; width:100%; clear:both}


.main_container_Outline{width:998px;min-height:228px;height:228px;border-bottom:solid 1px #DADADA;margin:0 auto 15px auto;padding-top:25px;overflow: hidden;position:relative;}
.main_container_Outline .cat_image{padding:0 10px 0 30px;float:left}
.main_container_Outline ul#mainSeriesContent{float:left; width:780px; position:relative !important;}
.main_container_Outline ul .slide { width:780px !important;}
.main_container_Full {height:auto !important;}
.main_container_Outline .cat_more{position:absolute;right:19px;top:229px;}
.main_container_Outline .cat_more a{padding:3px 5px;background:#BFBFBF;font-size:9px;}
.main_container_Outline .cat_more a:hover{padding:5px;background:#999999}

.main_container_Outline #mainSeriesContent li{ height:197px; width:200px; margin:0 0 0 50px; display:inline-block; float:none;}
.main_container_Outline #mainSeriesContent li a.view{display:block;height:169px;background:#fff;border-bottom:none; float:left; width:100%}
.main_container_Outline #mainSeriesContent .SeriesTopBox{height:16px;overflow:hidden;background:none;}
.main_container_Outline #mainSeriesContent .SeriesTopBox strong{white-space:nowrap;margin-top:3px;}
.main_container_Outline #mainSeriesContent .SeriesMidBoxA{height:12px;padding:8px 0 0 6px;font-size:0;background:#fff}
.main_container_Outline #mainSeriesContent .SeriesMidBoxA img{height:12px}
.main_container_Outline #mainSeriesContent .img{text-align:center;background:#fff;height:111px;display:block}
.main_container_Outline #mainSeriesContent .img .vert{height:125px;width:1px;display:inline-block;vertical-align:middle}
.main_container_Outline #mainSeriesContent .img img{max-width:134px;max-height:110px;vertical-align:middle;-webkit-transition-duration: 0.5s;	-moz-transition-duration: 0.5s;	-o-transition-duration: 0.5s; opacity:1}
.main_container_Outline #mainSeriesContent .img img:hover { opacity:0.5}
.main_container_Outline #mainSeriesContent .tech{height:22px;padding:4px 5px 0;border-top:none; float:left;}
.main_container_Outline #mainSeriesContent .tech img{width:16px;height:16px;}
.main_container_Outline #mainSeriesContent li .img_new { position:absolute; right:7px; top:28px;}

.main_container_Outline .pagination { top:2px; position:absolute; right:5px; z-index:99999}
.main_container_Outline .pagination li { float:left; margin:0 1px; list-style:none}
.main_container_Outline .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/pagination.png); background-position:0 0; float:left; overflow:hidden}
.main_container_Outline .pagination li.current a {	background-position:0 -12px}


.showroom { background: -moz-linear-gradient(center top , #FFFFFF, #F0F0F0); border:1px solid #cccccc; padding:5px; width:265px; float:left; margin:0 10px 10px 0; height:155px}
.showroom h3{background:url(../images/pre_state.png) no-repeat 0 2px;padding-left:12px;font-size:14px;color:#2873c4;margin:5px 0 5px 15px}

/* Feature section in ZoomEngine page */
.zoom-section {	
	clear:both;		
}

* html .zoom-section { 
	display:inline;
	clear:both;
}
/* Feature descriptions in ZoomEngine page */
.zoom-desc {
	float:left;
	margin-left:10px;
	width:310px;
	margin-bottom:20px;

}

.zoom-small-image {
	float:left;
	margin:0 0 20px 30%;
}
.zoom-tiny-image {
	border:1px solid #CCC;
	margin:0px;
	
}
.zoom-tiny-image:hover {
	border:1px solid #C00;		
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.ph1 select { width:158px;}
	#right_map2 input#keyword { width:233x;}
}

/*
    these are just the default styles used in the Cycle2 demo pages.  
    you can use these styles or any others that you wish.
*/
.slideshow { position:absolute; top:0; left:0; width:652px; height:430px;}

/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.cycle-slideshow { width:632px; height:396px; overflow:hidden; background:#E3E3E3}

/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
    position:absolute; margin:auto; top:0; left:0; right:0; bottom:0;
    max-width:100%; max-height:100%}

/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}


/* caption */
.cycle-caption { position: absolute; color: #fff; bottom: 5px; right: 15px; z-index: 700; }


/* overlay */
.cycle-overlay { 
    font-family: tahoma, arial;
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: .5;
}


/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { background: url(../images/prev.png) 30% 50% no-repeat; left:0}
.cycle-next { background: url(../images/next.png) 70% 50% no-repeat; right:0}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


/* display paused text on top of paused slideshow */
.cycle-paused:after {
    content: 'Paused'; color: white; background: black; padding: 10px;
    z-index: 500; position: absolute; top: 10px; right: 10px;
    border-radius: 10px;
    opacity: .5; filter: alpha(opacity=50);
}

.main_container_suite { display:none}
.gotop {
bottom: 40px;
cursor: pointer;
display: none;
width:50px;
height:48px;
background:url(../images/backtotop.png) no-repeat 0 0;
position: fixed;
text-indent:-1000em;
right: 50px;
z-index: 1000;
}
#recruitment { position:relative}
#recruitment #content-list h2 { font-size:20px; color:#333; font-weight:normal; padding-bottom:35px;}
#recruitment #content-list h1 { font-size:20px; color:#333; font-weight:normal; padding-bottom:35px;}
#recruitment #content-list ul li { width:210px; height:155px; line-height:20px; background:url(../images/bgtuyendung.png) no-repeat; float:left; margin:0 0 30px 13px; padding:25px 15px 0 15px}
#recruitment #content-list ul li.fix { margin-left:0}
#recruitment #content-list ul li .tit { font-size:13px; font-weight:bold; text-transform:uppercase; height:45px; display:block; overflow:hidden;}
#recruitment #content-list ul li .tit:hover { color:#999;}
#recruitment #content-list ul li div span { color:#ff0000;}
#recruitment #content-list ul li div.more { margin-top:10px}
#recruitment #content-list ul li div.more a { color:#999; font-size:11px;}
#recruitment #content-list .search-job {position:absolute; top:0; right:0;}
#recruitment #content-list .styled-select select {background: transparent; width: 268px; padding:0 10px; color:#868686; border: 0; border-radius: 0; height: 23px; -webkit-appearance: none;}
#recruitment #content-list .styled-select {width: 212px; height: 26px; line-height:26px; float:left; margin-left:4px; color:#b5b5b5; overflow: hidden; background: url(../images/img_next_2.png) no-repeat 95% 50% #fff; border: 1px solid #ccc;}   
#recruitment .content .vf_ctn { line-height:20px; margin-bottom:30px;}
#recruitment .content .vf_ctn .txt { font-size:15px; color:#333;}
#recruitment .content h1, #recruitment h3 { font-size:20px; color:#333; text-transform:uppercase; font-weight:normal}
#recruitment .content .information { background:url(../images/information.jpg) no-repeat; height:65px; padding:25px 0 0 25px; margin-bottom:20px;}
#recruitment .content .information div { width:325px; float:left; margin-bottom:8px; color:#333}
#recruitment .content .information div span { color:#666}
#recruitment .content .email { position:absolute; top:0; right:0;}
#recruitment .content .apply { color:#fff; font-weight:bold; padding:2px 10px; background:#666;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; float:left; margin:10px 0; white-space:nowrap}
#recruitment > .recruit { margin-left:60px;}
#recruitment > .recruit > b { font-size:15px}
#recruitment > .recruit .recruit_form .left_recruit { width:130px; float:left; text-align:right; padding-right:10px}
#recruitment > .recruit .recruit_form .right_recruit { width:750px; float:left}
.report{padding:5px; color:#F00;}
.recruit_form .btn,.recruit_form .submit{ padding:0 10px;height:24px; background:#666; border:none;color:#fff; font-weight:bold; font-size:12px;cursor:pointer;margin-left:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.recruit_form h3{color:#000a36;margin-bottom:3px;line-height:17px;padding-left:5px}
.recruit_form .txt{border:1px solid #d7d7d7;height:17px;line-height:17px;padding:3px;margin-bottom:10px;width:330px;color:#666}
.recruit_form textarea{border:1px solid #d7d7d7;height:150px;line-height:17px;padding:3px;margin-bottom:5px;width:610px;color:#666}
.recruit_form p{line-height:17px;margin-bottom:10px;color:#666}
.recruit_form .cbox{vertical-align:middle}


.tabbed{margin-bottom:20px;position:relative}
.tabbed ul,
.tabnav { float:left;width:100%; text-align:center; position:relative; z-index:100; margin-top:15px;}
.tabbed li,
.tabnav li{ background:url(../images/tabbreadcrumb_1_bg.jpg) repeat-x 0 bottom #D0D0D0; list-style:none !important; margin-left:-3px; display:inline-block; *float:left;}
.tabbed li a,
.tabnav li a{font-size:15px; color:#646464; text-decoration:none; font-weight:bold; display:block; height:30px; line-height:30px; padding:0 15px 0 27px; border-right:1px solid #B1B1B1; background:url(../images/arrow_tabbreadcrumb_right_1.gif) no-repeat 10px 10px;}
.tabbed li.active,
.tabnav li.active{ background:url(../images/tabbreadcrumb_2_bg.png) repeat-x center bottom #000; padding-bottom:10px; }
.tabbed li.active a,
.tabnav li.active a{ background:none;color:#fff;padding-left:15px;}
.tabbed li a:hover{color:#000;}
.tabbed li.active a:hover{color:#fff;}
.tabbed, .tabcont{position:relative; width:100%;}
.ctab{ position: absolute; top:-99999px; left:0;}
.ctab.active{display:block; top:20px; position:relative; float:left; width:100%;}
.codeOld{display:block;font-size:12px;padding-left:5px;}

.tabContent{display:block;}
.tabContent.active{display:block;}

.table_style_01,
.wlfjc table{width:100%; margin-bottom:25px;}
.table_style_01 td, .table_style_01 th,
.wlfjc table td{padding:5px; border:1px solid #ddd; color:#555;}

/******************* PRODUCT - ORDER ***********************/
#TopPart .price { font-size:25px; color:#333; /*font-weight:bold;*/ margin-bottom:15px;}
#order_button a { color:#fff; font-weight:bold; background:#333; padding:8px 15px;}

#orderList { color:#333; margin-bottom:25px; float:left; width:100%}
#orderList .picThumnail .img { float:left; width:125px; margin-right:10px}
#orderList .picThumnail .img img { max-width:125px; max-height:125px;}
#orderList .picThumnail .desc { float:left; width:360px; margin:15px 0;} 
#orderList .picThumnail .desc .code { font-size:16px; font-weight:bold;}
#orderList .picThumnail .desc p { font-size:10px; color:#888}
#orderList .picThumnail .status { font-size:10px; color:#888; display:block; margin-top:12px}
#orderList .picThumnail .remove { font-size:10px; display:block; margin-top:25px}
#orderList .decrease { display:inline-block; width:8px; height:12px; background:url(../images/jprev.png) no-repeat; margin-right:5px}
#orderList .increase { display:inline-block; width:8px; height:12px; background:url(../images/jnext.png) no-repeat; margin-left:5px}
#orderList .btn_order {color:#fff; background:#212121;text-align:center; line-height:35px; font-weight:bold; border-radius:7px; -webkit-border-radius:7px;-moz-border-radius:7px; padding:5px 10px}

#cartButton { float:left; width:530px}
#cartButton .cartUpdateMenu { text-transform:uppercase; color:#333; border-left:1px solid #333; padding:0 5px 0 8px; font-size:11px}
#cartButton a:first-child { border:none; padding-left:0}
#cartButton span { font-size:11px;}

#subTotal { float:right; width:445px; border-top:2px solid #000; padding:15px 0; color:#333; margin:10px 0 0 0}
#subTotal .left_total { float:left; font-size:16px; font-weight:bold}
#subTotal .right_total { float:right;font-size:16px; font-weight:bold}
.sp_shopping { margin:15px 0 0 0;}
.sp_shopping .left_sp { float:left}
.sp_shopping .left_sp a { padding:8px 10px; background:#dbdbdd; color:#333; font-weight:bold; display:block; white-space:nowrap}
.sp_shopping .right_sp { float:right}
.sp_shopping .right_sp a { color:#fff; background:#212121; float:left; min-width:135px; height:35px; margin-left:20px; text-align:center; line-height:35px; font-weight:bold; border-radius:7px; -webkit-border-radius:7px;-moz-border-radius:7px;}
#paging { text-align:center; margin:10px 0}
#paging a { padding:0 5px; color:#555}
#paging a img { vertical-align:middle}
#paging a:hover, #paging a.active { font-weight:bold; color:#333}
.cartProductMenu{text-transform:uppercase;}
.downloadAll{background:url(../images/download.jpg) no-repeat; display:inline-block;width:20px;height:22px;}
#boxkm { position:fixed; right:0; bottom:0; z-index:9999; height:200px}
#boxkm .bar_km { text-align:center; background:#e7322b; color:#fff; padding:3px 0; font-weight:bold; width:200px; float:right; display:none; text-transform:uppercase}
#boxkm .bar_km .maxsize { float:right; padding:1px 7px; border:1px solid #fff; margin-right:1px; cursor:pointer; background:#333; color:#fff}
#boxkm .show_km { position:relative}
#boxkm .show_km .minisize { background:#333; color:#fff; padding:1px 7px 4px 7px; border:1px solid #fff; position:absolute; right:0; top:-27px; font-size:16px; cursor:pointer}
.cbox_list li { float: left; width: 300px !important; height: 425px !important;  margin:0 0 30px 20px !important}
.cbox_list li.fix { clear: both; margin-left: 0}
.cbox_list li img { width: 300px !important; height: auto !important; border: 1px solid #eee}