﻿/* base */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote{margin:0;padding:0;}
body{margin:0 auto;padding:0;text-align:left;}
tr{text-align:left;}
li{list-style-position:outside;list-style-image:none;list-style-type:none;}
a{text-decoration:none;cursor:pointer;}
img{border:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.hidden{display:none;}
.spacer1{height:30px;}
/* end base */
#header{padding:0 33px;background:url(images/bg.gif) repeat-y;width:760px; text-align:left; margin:auto;}
#content {background:url(images/bg.gif) repeat-y center;width:1000px;}
#wrap{width:1000px;margin:0 auto; text-align:center;}
#headerTop{height:80px;position:relative;z-index:10;}
#logo{float:left;display:inline;height:80px;}
#logo img{height:80px;}
#header .quickLink{padding:15px 0 0;}
.quickLink{float:right;display:inline;}
.quickLink a{color:#7D4900;}
.quickLink ul li{float:right;display:inline;padding:0 2px;}
.quickLink ul li:hover, .quickLink ul li.hover{text-decoration:underline;color:#7D4900;}
#lang{margin:-2px 0 0 3px;margin:-4px 0 0 3px;padding:0! important;text-decoration:none! important;position:relative;}
#lang ul{display:none;position:absolute;z-index:10;}
#lang:hover ul, #lang.hover ul{display:block;}
#lang ul li{float:none;display:block;text-decoration:none! important;border-right:1px solid #bbb;border-left:1px solid #bbb;width:125px;background:#fff;}
#lang ul li.last{border-bottom:1px solid #bbb;}
#lang ul li a{width:125px;display:block;}
#langTitle{width:125px;border:1px solid #bbb;background:url(images/dropdown_btn.gif) no-repeat right;display:block;}
#langTitle:hover, #langTitle.hover{background:url(images/dropdown_btn_hover.gif) no-repeat right #ccc !important;}
#lang ul li , #langTitle{padding:2px;}
#lang ul li:hover, #lang ul li.hover{background:#ccc;}
#lang a, #langTitle{color:#545454;font-size:11px;font-weight:normal;}
#nav{height:30px;background:url(images/nav-bg.jpg) repeat-x;margin:0 0 15px;}
#nav ul li{float:left;display:inline;position:relative;z-index:1;}
#nav ul li a.first{font-size:1px;height:30px;display:block;}
#nav ul li:hover ul, #nav ul li.hover ul{display:block;}
#nav ul li ul{float:none;display:none;position:absolute;z-index:5;background:#ccc;}
#nav ul li ul li{float:none;display:block;background:#ebebeb;padding:5px 0 5px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px dashed #0072bc;}
#nav ul li ul li.first{border-top:1px solid #ccc;}
#nav ul li ul li.last{border-bottom:1px solid #ccc;}
#nav ul li ul li.unic{border:1px solid #ccc;}
#nav ul li ul li a{font-weight:bold;}
#nav ul li ul li.s1 a{color:#4077A1;}
#nav ul li ul li.s1 a:hover, #nav ul li ul li.s1 a.hover{background:#fff;}
#nav ul li ul li.s2 a{color:#7C7C7C;padding:0 0 0 15px;background:url(images/header-menu-bullet.gif) -8px 5px no-repeat;}
#nav ul li ul li.s2 a:hover, #nav ul li ul li.s2 a.hover{text-decoration:underline overline;background:#fff url(images/header-menu-bullet.gif) -8px 5px no-repeat;}
#footer{border-top:1px dashed #ccc;margin:0 auto;padding:7px 20px;width:760px;text-align:left;}
#copyright{float:left;display:inline;color:#252525;}
#content p{margin:0 0 12px auto;}
#content p.title{margin:0 !important;}
#content p.desc{margin:0 0 12px !important;}
#content a:hover, #content a.hover{text-decoration:underline;}
#content input.text{padding:2px 1px;width:220px;}
#content .contentR{padding:20px;width:510px;}
#content .contentR h3{background:url("/images/content-titlebg1.gif");margin:0 0 20px 0;}
#content .contentR div.p{margin:0 0 12px;}
#content .memberIndex .contentR .contentR1, #content .memberIndex .contentR .contentR2{display:inline;width:250px;float:left;position:relative;height:200px;}
#content .memberIndex .contentR .contentR1{padding:0 20px 0 0;width:240px}
#content .memberIndex .contentR .contentR1 input.text{width:140px;padding:0;}
#content .memberIndex .contentR ul{margin:0 0 20px;}
#content .memberIndex .contentR ul li{margin:0 0 3px;}
#content .memberIndex .contentR label{display:block;margin:0 0 3px;}
.login_page_btn{position:absolute;left:0;bottom:0;}
.login_content_forgetpwd{position:absolute;left:100px;bottom:5px;}
a.login_content_forgetpwd{text-decoration:underline;color:#a0410d;}
a.login_content_forgetpwd:hover{color:#545454;}
#content .registerBlock .contentR .contentR2 label{padding:3px 0 0;display:block;}
#content .registerBlock .contentR .contentR2 input.submit{margin:0 0 0 180px;}
#content .registerBlock .contentR .contentR2L,#content .registerBlock .contentR .contentR2R{display:inline;float:left;}
#content .registerBlock .contentR .contentR2L{text-align:right;width:180px;}
#content .registerBlock .contentR .contentR2R{width:300px;}
#content .registerBlock .contentR .gender .contentR2R label{display:inline; padding:0 0 0 7px;}
#content .registerBlock .contentR div.subscribe .contentR2R label{display:inline; padding:0 0 0 7px;}
#content .newslettterBlock label{display: block;}
#content .newslettterBlockL, #content .newslettterBlockR{display:inline; float:left;}
#content .newslettterBlockL{width:230px;}
#content .newslettterBlockR{width:300px;}
#content .newslettterBlockL.jp{width:250px;}
#content .newslettterBlockR.jp{width:280px;}
#content .newslettterBlockR input{display:block; float:left;}
#content .newslettterBlockR input.text{padding:2px 1px;width:150px;}
#content .newslettterBlockR input.submit{margin:0 0 0 5px;}
#content .contactForm{vertical-align:text-top;}
#content .contactForm .contentR .contentR2 label{padding:2px 0 0;display:block;}
#content .contactForm .contentR .contentR2L,#content .contactForm .contentR .contentR2R{display:inline;float:left;}
#content .contactForm .contentR .contentR2L{text-align:right;width:180px;}
#content .contactForm .contentR .contentR2R{width:300px;}
#content .contactForm .contentR .contentR2 input.submit{margin:0 0 0 180px;}
#content .contactForm .upload{ margin: 0 0 10px}
#content table.productlist{background:#ccc; text-align:center; width:100%;border-collapse: collapse;}
#content table.productlist tr{text-align:center; }
#content table.productlist th{background:#fce0d3; border:#ccc 1px solid; padding:2px;}
#content table.list_content{background:#ccc; width:100%}
#content table.list_content tr{text-align:center;}
#content table.list_content td{background:#fff;border:#ccc 1px solid; padding:0; margin:0;}
#content table.list_content td span{float:left;display:inline; padding:2px 0; border-right:1px #ccc solid;}
#content table.list_content td span.last{border-right:0;}
/* faq */
#content .left,#content .right{float:left;display:inline;}
#content .left{width:190px;}
#content .right{width:530px;}
#content .content_h .left{border-right:1px dashed #3366cc;}
#content .content_h{border-bottom:1px dashed #3366cc;}
#content .content_h .left img{margin:0 0 2px 0;}
#content .content_h .right ul{margin:3px 0 0 20px;}
#content .content_h .right ul li{float:left;display:inline;}
#content .content_b .right{width:530px;border-left:1px dashed #3366cc;}
#content .content_b ul.title{margin:20px 0 0 0;}
#content .content_b .left ul li{margin:0 0 0 15px;}
#content .content_b .left ul li.selected table{margin:0 0 0 15px}
#content .content_b .left ul li.selected a.sidemenu{display:block;}
#content .content_b .right {padding:20px 0 20px 20px;}
#content .content_b .right ul{margin:0 0 0 20px;}
#content .content_b .right h3{background:transparent url(/images/content-titlebg1.gif) repeat scroll 0 0;margin:0 0 20px;}
#content .search_block input.search{height:17px;width:25px;background:url(/tc/support/images/content-bt-go-magnify.gif) no-repeat;border:0;cursor:pointer;}
#content .search_block span{display:block;}
#content .search_block{background:#fce0d3; padding:10px 20px;float:left;display:inline;margin:0 0 20px;} 
#faq_tree tr td.content-text-grey-bold a{color:#545454;font-weight:bolder;word-break: break-all;}
#faq_tree tr td {word-break: break-all;}
/* end faq */
/* ticket detail */
#content table.detail {background:#CCCCCC ;border-collapse:collapse;text-align:center;width:100%;margin:0 0 30px;}
#content table.detail th{background:#FCE0D3;border:1px solid #CCCCCC;padding:2px;}
#content table.detail td{background:ffffcc;border:1px solid #fff;padding:2px;}
#content table.history {background:#CCCCCC ;border-collapse:collapse;text-align:center;width:100%;margin:0 0 30px;}
#content table.history tr.ask th{background:#3399ff;border:1px solid #CCCCCC;padding:2px;color:#fff;}
#content table.history tr.ask td{background:#ccffff;border:1px solid #fff;padding:2px;}
#content table.history tr.reply th{background:#00cc99;border:1px solid #CCCCCC;padding:2px;color:#fff;}
#content table.history tr.reply td{background:#ccffcc;border:1px solid #fff;padding:2px;}
/*table#reply_form{width:100%;}*/
/* end ticket detail */
/* ori */
a.path{text-decoration:underline;color:#545454;}
a.path:hover{color:#a36109;}
a.content{text-decoration:underline;color:#a0410d;}
a.content:hover{color:#545454;}
a.content-highligh{text-decoration:underline;color:#FFF;background-color:#a0410d;font-weight:bold;}
a.content-highligh:hover{color:#a0410d;background-color:#FFFFFF;}
a.sidemenu-sub{color:#7c7c7c;font-weight:bold;letter-spacing:1px;}
a.sidemenu-sub:hover{background-color:#fdead2;text-decoration:underline overline !important;}
a.sidemenu{color:#7d4900;font-weight:bold;letter-spacing:1px;}
a.sidemenu:hover{text-decoration:underline overline !important;}
.content-form{color:#545454;}
.content-text-gray{color:#545454;}
.content-text-orange{color:#7d4900;}
.content-text-orangered{color:#a0410d;}
.content-text-blue-bold{color:#004a80;font-weight:bold;}
.content-text-gray-bold{color:#545454;font-weight:bold;}
.content-text-orange-bold{color:#7d4900;font-weight:bold;}
.content-text-orangered-bold{color:#a0410d;font-weight:bold;}
.content-textl-gray{color:#545454;}
.content-textl-orangered{color:#a0410d;}
.content-textl-blue-bold{color:#004a80;font-weight:bold;}
.content-textl-gray-bold{color:#545454;font-weight:bold;}
.content-textl-orange-bold{color:#a36109;font-weight:bold;}
.content-textl-orangered-bold{color:#a0410d;font-weight:bold;}
.content-textl-white{color:#FFFFFF;font-weight:bold;}
.content-textll-black{color:#545454;}
.content-textll-orangered{color:#a0410d;}
.content-title-orangered{color:#a0410d;font-weight:bold;}
.content-title-black{color:#545454;font-weight:bold;}
.content-title-blue{color:#004a80;font-weight:bold;}
.content-title-white{color:#FFFFFF;font-weight:bold;}
.content-titlel-orangered{color:#a0410d;font-weight:bold;}
.content-titlel-black{color:#545454;font-weight:bold;}
.content-price-orangered-bold{color:#f26522;font-weight:bold;}
.content-price-gray-bold-st{color:#545454;font-weight:bold;text-decoration:line-through;}
/* end ori */
.breakall {word-break: break-all; text-align:left;}  //for long english break


/* banner 20111104*/
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.w1{ width:760px;}
.container{width:760px; height:424px; overflow:hidden;position:relative;}
.slider{position:absolute;left: -780px;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:760px; height:424px; display:block;}
.slider2{width:2500px;}
.slider2 li{float:left;}
.num{ position:absolute; left:330px; bottom:18px;}
.num li{float: left;color: #999;text-align: center;line-height: 16px;width: 12px;height: 12px; cursor: pointer;overflow: hidden;margin: 0px 8px;background-color: #999999; border-radius:6px;}
.num li.on{color: #eb6100;line-height: 16px;width: 12px;height: 12px;margin: 0 8px;border: 0;background-color: #eb6100;}

/* menu 20111104 */
#nav1{height:48px; margin:0 0 25px;}
#nav1 ul li{float:left;display:inline;position:relative;z-index:1;}
#nav1 ul li a.first{font-size:1px;height:48px;display:block;}
#nav1 ul li:hover ul, #nav ul li.hover ul{display:block;}
#nav1 ul li ul{float:none;display:none;position:absolute;z-index:20;background:#ccc;}
#nav1 ul li ul li{float:none;display:block;background:#ebebeb;padding:5px 0 5px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px dashed #0072bc;}
#nav1 ul li ul li.first{border-top:1px solid #ccc;}
#nav1 ul li ul li.last{border-bottom:1px solid #ccc;}
#nav1 ul li ul li.unic{border:1px solid #ccc;}
#nav1 ul li ul li a{font-weight:bold;}
#nav1 ul li ul li.s1 a{color:#4077A1;}
#nav1 ul li ul li.s1 a:hover, #nav ul li ul li.s1 a.hover{background:#fff;}
#nav1 ul li ul li.s2 a{color:#7C7C7C;padding:0 0 0 15px;background:url(images/header-menu-bullet.gif) -8px 5px no-repeat;}
#nav1 ul li ul li.s2 a:hover, #nav ul li ul li.s2 a.hover{text-decoration:underline overline;background:#fff url(images/header-menu-bullet.gif) -8px 5px no-repeat;}


#footer1{padding:15px 20px;margin:0 13px; background:url(images/footer-line.gif) no-repeat; }
#wrap1{width:826px;margin:0 auto;}
#header1{padding:0 33px;background:url(images/bg1.gif) repeat-x;}
