/* //////// RESET ///////// */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, 
output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; list-style: none; font-weight: normal;}

strong {font-weight: bold;}
a, .btn {outline: none; cursor: pointer; text-decoration: none; color:#7a7a7d;}
div, a, a:focus {outline: none;}

/* ///////////////// */

body, input, textarea, select {font: 12px/16px 'CenturyGothic', 'Century Gothic', Arial, Helvetica, sans-serif; color:#7a7a7d;}


.left {float: left;}
.right {float: right;}

/* ///////////////// */

html, body { height: 100%;}

#main {width: 1000px; min-height: 820px; padding: 15px 10px; margin: 0 auto; position: relative;}

#top {padding: 30px 0; height: 79px; margin: 0 auto; font-size: 13px; line-height: 18px; width:1000px}

/* Navigations
---------------------------------------- */

#top #nav {margin:0;padding:0;list-style:none;width:1000px;}
#top #nav ul{margin:0;padding:0;list-style:none;width:775px;}
#top #nav a {text-transform:uppercase; color:#7a7a7d; white-space:nowrap; text-decoration:none; font-size:13px; }

#top ul li.menu { display: block; position: relative; float: left; width:23%; height:55px; line-height:55px; text-align:left; border-bottom:1px solid #b8b8b9; }
#top ul li.menu.last{ width:8%; text-align:right; }
#top li ul { display: none;}

#top ul li a { display: block;padding:0;}

#top li ul.sub1-menu { position: absolute; width:775px; margin-left:23%; }
#top li ul.sub1-menu li { width:29.5%; height:55px; line-height:55px; }
#top li ul.sub1-menu li.last { width:85px; text-align:right; }

#top li:hover ul.sub1-menu { display: block; position: absolute; width:735px; margin-left:23%; }
#top li:hover ul.sub1-menu li { width:29.5%; height:55px; line-height:55px; }
#top li:hover ul.sub1-menu li.last { width:85px; text-align:right; }
#top li:hover ul.sub1-menu li:hover { border-bottom:1px solid #b8b8b9; }

#top li.submenu ul.sub2-menu { position: absolute; width:540px; margin-left:23%; }

#top li.submenu:hover ul.sub2-menu { display: block; position: absolute; width:540px; margin-left:23%; }
#top li.submenu ul.sub2-menu li { display:block; margin-right:50px; height:55px; line-height:55px; width:auto; }
#top li.submenu ul.sub2-menu li:hover { border-bottom:none; }
#top li.submenu ul.sub2-menu li a { display: block;}
#top li.submenu ul.sub2-menu li a:hover { border-bottom:1px solid #b8b8b9; }

#top li li { display: block; position: relative; float: left;}
#top li:hover li { display: block; position: relative; float: left;}
#top .active-menu {display:block;}
#top .active-menu-item {border-bottom:1px solid #b8b8b9;}


.home {
	background: url(../images/1358448266.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #E5E5E5;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/1358448266.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/1358448266.jpg', sizingMethod='scale')";
}
.home #photo {display: none;}
.home #photo {display: block; width: 100%; position: absolute; top: 0; left: 0;}

.overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; display:none}

#content { margin-top:13px; width:1000px;}
.page_title p.tit {border-bottom: 1px solid #727173; padding-bottom: 25px; font-size: 13px; display: inline-block; text-transform: uppercase; margin-bottom:44px;}

.product.detail #content {margin-top: 65px;}
.product.detail #content .tit.menu {position: absolute; left: 40px; top: 177px; font-size: 13px;  padding-bottom: 17px; border-bottom: 1px solid #b8b8b9;}
.product.detail #content .left {width: 77%; margin-right: 2%; height: 620px; overflow: hidden; position: relative; left: 10px; top: 10px;}
.product.detail #content .left img {width: 975px; height: auto; position: absolute; left: 50%; margin-left: -487px;}
.product.detail #content .right {width: 19%; margin-right: 1%; position: relative; height: 625px; top: 12px; font-size: 13px;}
.product.detail #content .flexcroll {height: 213px; padding: 0 3px 15px 0; margin: 0 10px 22px 0; width: 220px;}
.product.detail #content p.tit {margin: -4px 0 20px;}
.product.detail #content .right ul {text-transform: uppercase; line-height: 27px;}
.product.detail #content .right ul li {padding-bottom: 3px;}
.product.detail #content .right ul a {padding-bottom: 3px;}
.product.detail #content .right a:hover {color: #333;}
.product.detail #content .right ul a.active {border-bottom: 1px solid #ccc;}

.product.detail #content .right .txt { font-size: 12px; line-height: 15px;  border-top: 1px solid #ccc; padding-top: 23px;}
.product.detail #content .right .txt {}
.product.detail #content .right .txt .flexcroll {height: 125px; margin-bottom: 10px; padding-bottom: 0 !important;}
.product.detail #content .right .txt .tit span {padding-left: 20px;}
.product.detail #content .right .txt p {margin-bottom: 10px;}
.product.detail #content .right .price {position: absolute; bottom: 50px; left: 0; height: 34px; }
.product.detail #content .right .pdf {position: absolute; bottom: 30px; left: 0; height: 34px; display: block;}

.control {position: absolute; bottom: 0; left: -7px; height: 28px; width: 100%;}
.control a {display: block; height: 22px; width: 18px; float: left; padding: 0 2px;}
.control a.prev { background: url(../images/arrow_left.png) no-repeat;}
.control a.next { background: url(../images/arrow_right.png) no-repeat right;}
.control a {opacity: .5; filter: alpha(opacity=50);}
.control a:hover, .control a.on {opacity: 1; filter: alpha(opacity=100);}

.product.login .left {}
.product.login .right {margin-top: 10px;}
.product.login input {font-size: 11px; border: 1px solid #ccc; margin-top: 15px; background: #fff; width: 180px; padding: 5px;}
.product.login input.ok {width: 60px; text-align: center; padding: 0;} 


.lpdl .left {width: 56%;}
.lpdl .right {width: 40%; text-align: right;}
.lpdl p { padding-bottom:15px; text-align:justify;}

.press #main {min-height: 720px;}
.press #content {height: 520px; margin-top: 16px;  padding-left: 10px;}
.press .tit {border-bottom: 1px solid #b8b8b9; padding-bottom: 20px; display: inline; font-size: 13px;}
.press .covers {height: 300px; margin-top: 160px;}
.press .covers .cover {float: left; width: 25%;}
.press .covers .cover img {margin-bottom: 10px;}
.press .control {position: absolute; bottom: 0; left: 1070px; height: 28px; width: 90px; }
.press .control.detail {left: 75% !important;}
.press .back {position: absolute; bottom: 0; left: 35px; height: 30px; line-height: 30px; width: 150px; background: url(../images/btn_back.png) no-repeat 0 0; padding-left: 35px; }

.press .detail {margin-top: 0px;}
.press .detail .left {width: 64%; /*padding-left: 10px;*/}
.press .detail .left img {float: left; margin-right: 20px;}
.press .detail .right {width: 21%; margin-right: 5%; text-align: justify;}
.press .detail .right p {margin: 0 0 20px;}
.press .detail .flexcroll {height: 410px; padding-right: 50px;}

.contact .contact-content { }
.contact #content ul { margin-top:80px; display:block; width:1000px; height:300px;}
.contact #content ul li {float: left; width: 230px; display:block;}
.contact #content ul li.last {width: 380px;}

.contact #content p.tit {border-bottom: 1px solid #b8b8b9; padding-bottom: 25px; font-size: 13px;}
.contact #content li p {margin-bottom: 14px;}
.contact #content a:hover {color: #333;}

.contact form {display:block; width:840px; height:300px; height: 210px; width: 840px; float:left;}
.contact form input {font-size: 11px; border: 1px solid #ccc; margin-bottom: 5px; background: #fff; width: 157px; padding: 5px 0;}
.contact form input.mail {width: 395px;}
.contact form input.address {width: 840px;}
.contact form input.ok {width: 60px; text-align: center; padding: 0; margin: 10px 3px 0 0;}

.contact .extras {display:block;  height: 300px; width: 100px; text-transform: uppercase; line-height: 14px; float:right; margin:2px 0px 0px 20px;}
.contact .extras .tit {margin-bottom: 25px;}
.contact .extras p {margin-bottom: 15px;}

#footer {display: none;}
#policy, #terms, #warranty {position: absolute; height: 350px; width: 500px; /*bottom: 260px; right: 50px;*/ top: 50%; left: 50%; margin-top: -175px; margin-left: -250px; padding: 20px; color: #fff; z-index: 1000; background: #a3a3a3; font-size: 10px; line-height: 14px; text-align: justify; opacity: .9; filter: alpha(opacity=90); cursor: auto;}
#policy a, #terms a, #warranty a {color: #fff; text-decoration: underline;}

#policy a.close, #terms a.close, #warranty a.close {background: url(../images/close.png) no-repeat; position: absolute; right: 7px; top: 7px; height: 11px; width: 11px;}