@charset "utf-8";
body { background-color: #FFF; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(images/main_bg.jpg); }
#welcome { position: absolute; width: 330px; line-height: 18px; text-align: right; color: #C6C; }
.iframe_reg { overflow:hidden}
#APBbody #main #top .logo_nm { background: url(images/logo_nm.png) no-repeat; height: 99px; width: 212px; cursor: pointer;}

#APBbody { width: 1399px; margin-right: auto; margin-left: auto; }
#main { height: 707px; width: auto; }
#down { height: 138px; }
#main #top { width: 987px; margin-right: auto; margin-left: auto; height: 99px; }
#down #copyright { width: 987px; margin-right: auto; margin-left: auto; height: 50px; padding-top: 10px; color: #696969; }
#copyright a { color: #696969; text-decoration: none; }

#main #center { width: 987px; margin-right: auto; margin-left: auto; height: 601px; }
#center_skincare { width: 987px; margin-right: auto; margin-left: auto; height: 601px; }
#center .main_path { margin-left: 0px; color: #999; font-weight: bold; vertical-align: bottom; font-family: Arial, Helvetica, sans-serif; }
#center .main_path .curr { letter-spacing: 0.05em; font-size: 24px; font-weight: bold; }
input { background-color: #FFF; border: 1px solid #FFF; }
#content { display: block; width: 500px; position: relative; top: 230px; left: 300px; }
.clear { clear: both; }
.contentImg { margin-top: -200px; }
#downloadList li a { font-size: 14px; }
#center .sort {background-image: url(images/product_list_bg.png); background-position: right; background-repeat: no-repeat; height: 30px;}
#center .sort table td { font-size: 15px; color: #8D8BB9; }
/*movebox*/
#main #center #wrapper { width: 870px; margin: 0px auto 25px; }
#center .proclass { margin-left: 60px; color: #999; font-weight: bold; vertical-align: bottom; margin-right: 40px; }
#center .proclass .curr { font-size: 16px; letter-spacing: 0.1em; }
#main #center #intro { padding-bottom: 10px; }
#main #center #slider { z-index:2;width: 870px; margin: 0 auto; position: relative; border: 10px solid #ccc; }
#main #center .scroll { overflow: hidden; width: 870px; margin: 0 auto; position: relative; height: 450px; background-image:url(images/product_listing_bg.png); }
#main #center .scrollContainer { position: relative; }
#main #center .scrollContainer div.panel { height:400px; /*margin-top:50px;*/padding:10px; width:270px; }


/*movebox skincare*/


	
#main #center #sc_slider { width: 870px; margin: 0 auto; position: relative; border: 10px solid #ccc; }
#main #center #sc_slider .scroll { overflow: hidden; width: 870px; margin: 0 auto; position: relative; height: 450px; background:white;}
#main #center .sc_scrollContainer { position: relative; }
#main #center .sc_scrollContainer div.scpanel { height:400px; /*margin-top:50px;*/padding:10px; width:415px; }
#main #center .sc_scrollContainer .inside {  border: 0px solid #999; width:415px }
#main #center .sc_scrollContainer .inside img { display: block; padding-left:15px; border: 0px solid #666; margin: 0 0 10px 0; width: 415px; /*height:200px;*/}

/*end movebox skincare*/

#main #center #left-shadow { position: absolute; top: 0; left: 0; width: 12px; bottom: 0; background: url(images/leftshadow.png) repeat-y; }
#main #center #right-shadow { position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(images/rightshadow.png) repeat-y; }
#main #center .inside {  border: 0px solid #999; width:270px }
#main #center .inside a:hover{ color: #8D8CB8;text-decoration: underline; }
#main #center .inside img { display: block; padding-left:15px; border: 0px solid #666; margin: 0 0 10px 0; width: 219px; /*height:200px;*/}
#main #center .inside h2 { font-weight: normal; color: #999; font-size: 12px; margin: 0 0 8px 0; text-align: center; }
#main #center .inside p { font-size: 11px; color: #ccc; }
#main #center a { color: #999; text-decoration: none; border-bottom: 0px dotted #ccc; }
#main #center a:hover { border-bottom: 0px solid #999; }
#main #center .scrollButtons { position: absolute; top: 127px; cursor: pointer; }
#main #center .scrollButtons.left { top:190px; left: -45px; }
#center .title3 { color: #5D5D5D; font-size: 13px; font-weight: normal; }
#center .title2 { color: #5D5D5D; font: bold 20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#center .title1 { color: #8D8CB8; font: bold 28px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#center .fleft { font-weight: normal; float: left; width: 248px; height: 400px; margin-top:0px;}
#center .fright { width: 735px; float: left; }
#main #center .scrollButtons.right { top:190px; right: -47px; }
#main #center .hide { display: none; }
.pdetails { display: block; border: 0px none #666; width: 65px; /*height:200px;*/ background: url(images/details_btn.png) no-repeat; height: 20px; margin-top: 5px; margin-right: auto; margin-left: auto; cursor: pointer; }
.pdetails:hover{cursor: pointer; }
#main #center .skincare_detail { width: 140px; height: 20px; margin-top: 5px; margin-right: auto; margin-left: auto; }
 #main #center .pdf a{ display: block; border: 0px none #666; width: 65px; /*height:200px;*/ background: url(images/pdetail_bg_btn.png) no-repeat; height: 20px; margin-top: 5px; margin-right: auto; margin-left: auto; cursor: pointer; float: left; line-height: 20px; color: #000; }
#main #center .pdf:hover{cursor: pointer; }
 #main #center .e_book a{ display: block; border: 0px none #666; width: 65px; /*height:200px;*/ background: url(images/pdetail_bg_btn.png) no-repeat; height: 20px; margin-top: 5px; margin-right: auto; margin-left: 5px; cursor: pointer; float: left; line-height: 20px; color: #000; vertical-align: middle; }
#main #center .e_book:hover{cursor: pointer; }
/*emovebox*/

/*topnav*/
#main #center .container { z-index:3;width: 100%; padding: 0; margin: 0 auto; position: relative; } 
#main #center ul#topnav { margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em; }
#main #center ul#topnav li { float: left; margin: 0; padding: 0; position: relative; }
#main #center ul#topnav li a { float: left; text-indent: -9999px; height: 25px; }
#main #center ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
#main #center ul#topnav a.home { background: url(images/p_brand.png) no-repeat; width: 78px; }
#main #center ul#topnav a.brand { background: url(images/p_brand.png) no-repeat; width: 90px; margin-top: 2px; }
#main #center ul#topnav a.Technology { background: url(images/p_technology.png) no-repeat; width: 128px; margin-top: 2px; }
#main #center ul#topnav a.community { background: url(js/produtlist/nav_community.png) no-repeat; width: 124px; }
#main #center ul#topnav a.store { background: url(js/produtlist/nav_store.png) no-repeat; width: 141px; }
#main #center ul#topnav li .sub { position: absolute; top: 29px; left: -14px; padding: 5px; float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; display: none; background-image: url(images/sub_bg.png); background-position:bottom; background-color:#EFEFEF; background-repeat: repeat-x; border: 1px solid #9697C3;  }
#main #center ul#topnav li .row { clear: both; float: left; width: 100%; margin-bottom: 10px; }
#main #center ul#topnav li .sub ul { list-style: none; margin: 0; padding: 0; width: 250px; float: left; }
#main #center ul#topnav .sub ul li { width: 100%; color: #fff; }
#main #center ul#topnav .sub ul li h2 { padding: 0; margin: 0; font-size: 1.3em; font-weight: normal; }
#main #center ul#topnav .sub ul li h2 a,#main #center ul#topnav .sub ul li h2 a:hover { padding: 5px 0; background-image: none; color: #9697C3; font-weight: bold; }
#main #center .null_title { height: 30px; }
#main #center ul#topnav .sub ul li a { float: none; text-indent: 0; /*--Reset text indent--*/ height: auto; display: block; text-decoration: none; color: #6B6B6B; background-image: url(images/p_list_a.png); background-repeat: no-repeat; background-position: 5px 12px; padding-top: 7px; padding-right: 5px; padding-bottom: 7px; padding-left: 40px; }
#main #center ul#topnav .sub ul li a:hover { color: #000;font-weight: bold; background-image: url(images/p_list_over.png); background-repeat: no-repeat; background-position: 5px 12px;padding-top: 7px; padding-right: 5px; padding-bottom: 7px; padding-left: 40px;  }

#main #center #fbody { width: 148px; border: 1px solid #8E8E8E; }
#main #center #ffunc { width: 148px; border: 1px solid #8E8E8E; }
/*//topnav*/

#video_youtube a { color: #000; }

.backtoresult { color: #9099B8; font-weight: bold; font-size: 14px; text-decoration: underline; }

#myform #funame { width: 200px; }

#myform  #fucom { width: 200px; }

#myform   #futel { width: 200px; }

#myform #fuemail { width: 200px; }

#myform #fucountry { width: 205px; }

#myform #fuprovince { width: 205px; }

#myform #control_7 { width: 200px; }

#myform  #mysensol_textarea { width: 230px; height: 150px }

#APBbody #main #top a { color: #333; }

#center #main { border-top: 2px solid #D66F9F; height: 422px; background: #F4F4F4; }


#s1,#s2{
width: 130px;
}
#center #main2 { border-top: 2px solid #D66F9F; height: 422px; background: #F4F4F4 url(images/logo_gray.jpg) no-repeat right bottom; font-family: Arial, Helvetica, sans-serif; }
#APBbody #main #center #main2 .text1 { font-weight: bold; font-size: 12px; }
#APBbody #main #center #main2 .text2 { font: 12px Arial, Helvetica, sans-serif; }

#APBbody #main #center #main2 table  a { color: #000; }

#center .path { height: 79px; line-height: 79px; color: #999; font-weight: bold; }

#center .path .curr { font-size: 18px; }
#center #main .text_en { color: #646464; text-indent:18pt;overflow: auto;height: 350px;}