/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    +content
        +content-main
            +allprod
                =submenu
                =subnav
                =allclass
                =banner
-----------------------------------------------------------------------------*/

/* +content
*----------------------------------------------------------------------------*/
/* +content-main
*----------------------------------------------------------------------------*/

/**
 *
 * +infor
 *
 **/

#content-main .about {
    position: relative;
    margin: 0 0 5px 0;
    *margin: 0 0 5px 0;
    _margin: 0 0 5px 5px;
}

#content-main .about h1 {
    height: 38px;
    background: url(../../i/bg-company-h1.gif) no-repeat;
    text-indent: -100000px;
}

/**
 *
 * =submenu
 *
 **/

#content-main .about .submenu {
    width: 705px;
    height: 25px;
    margin: 10px auto 0 auto;
}

#content-main .about .submenu ul {
    width: 705px;
    height: 25px;
}
#content-main .about .submenu ul li {
    float: left;
    margin: 0 2px 0 0;
}
#content-main .about .submenu ul li a {
    float: left;
    height: 25px;
    display: block;
    text-decoration:none;
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #64c7cb;
    text-indent: -100000px;
}
#content-main .about .submenu ul li a:hover {
    color: #f17497;
}
#content-main .about .submenu ul li.active span {
    float: left;
    height: 25px;
    display: block;
    text-decoration:none;
    font: bold 15px/22px Arial, sans-serif, "新細明體";
    color: #64c7cb;
    text-indent: -100000px;
}

/*** story ***/
#content-main .about .submenu ul li span.story {
    float: left;
}
#content-main .about .submenu ul li span.story a {
    float: left;
    width: 78px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-story.gif) no-repeat;
}
#content-main .about .submenu ul li span.story a:hover {
    background: url(../../i/nav-company-story.gif) no-repeat 0 -25px;
}
#content-main .about .submenu ul li.active span.story {
    float: left;
    width: 78px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-story.gif) no-repeat 0 -25px;
}
/*** oilcut ***/
#content-main .about .submenu ul li span.oilcut {
    float: left;
}
#content-main .about .submenu ul li span.oilcut a {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-oilcut.gif) no-repeat;
}
#content-main .about .submenu ul li span.oilcut a:hover {
    background: url(../../i/nav-company-oilcut.gif) no-repeat 0 -25px;
}
#content-main .about .submenu ul li.active span.oilcut {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-oilcut.gif) no-repeat 0 -25px;
}
/*** quality ***/
#content-main .about .submenu ul li span.quality {
    float: left;
}
#content-main .about .submenu ul li span.quality a {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-quality.gif) no-repeat;
}
#content-main .about .submenu ul li span.quality a:hover {
    background: url(../../i/nav-company-quality.gif) no-repeat 0 -25px;
}
#content-main .about .submenu ul li.active span.quality {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-quality.gif) no-repeat 0 -25px;
}
/*** eco ***/
#content-main .about .submenu ul li span.eco {
    float: left;
}
#content-main .about .submenu ul li span.eco a {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-eco.gif) no-repeat;
}
#content-main .about .submenu ul li span.eco a:hover {
    background: url(../../i/nav-company-eco.gif) no-repeat 0 -25px;
}
#content-main .about .submenu ul li.active span.eco {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-eco.gif) no-repeat 0 -25px;
}
/*** promise ***/
#content-main .about .submenu ul li span.promise {
    float: left;
}
#content-main .about .submenu ul li span.promise a {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-promise.gif) no-repeat;
}
#content-main .about .submenu ul li span.promise a:hover {
    background: url(../../i/nav-company-promise.gif) no-repeat 0 -25px;
}
#content-main .about .submenu ul li.active span.promise {
    float: left;
    width: 112px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-promise.gif) no-repeat 0 -25px;
}
/*** tvc ***/
#content-main .about .submenu ul li span.tvc {
    float: left;
}
#content-main .about .submenu ul li span.tvc a {
    float: left;
    width: 81px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-tvc.gif) no-repeat;
}
#content-main .about .submenu ul li span.tvc a:hover {
    background: url(../../i/nav-company-tvc.gif) no-repeat 0 -25px;
}
#content-main .about .submenu ul li.active span.tvc {
    float: left;
    width: 81px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-tvc.gif) no-repeat 0 -25px;
}
/*** global ***/
#content-main .about .submenu ul li span.global {
    float: left;
}
#content-main .about .submenu ul li span.global a {
    float: left;
    width: 81px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-global.gif) no-repeat;
}
#content-main .about .submenu ul li span.global a:hover {
    background: url(../../i/nav-company-global.gif) no-repeat 0 -25px;
}
#content-main .about .submenu ul li.active span.global {
    float: left;
    width: 81px;
    height: 25px;
    display: block;
    background: url(../../i/nav-company-global.gif) no-repeat 0 -25px;
}



/**
 *
 * =rand-main
 *
 **/

#content-main .about .rand-main {
    position: relative;
    width: 700px;
    margin: 0 auto 0 auto;
}
#content-main .about .rand-main2 {
    position: relative;
    width: 700px;
    padding: 10px 0 0 0;
}
#content-main .about .rand-main2 .banner {
    width: 700px;
}
#content-main .about .rand-main2 .banner p {
    padding: 0 0 0 20px;
    font: 13px/22px Arial, sans-serif, "新細明體";
    color: #e87878;
}
#content-main .about .rand-main2  h2 {
    /*height: 50px;*/
    margin: 10px 0;
}
#content-main .about .rand-main2 .banner p#flashcontent {
    padding: 0;
}

/**
 *
 * =box 
 *
 **/

#content-main .about .rand-main2 .box {
    width: 700px;
    margin: 5px 0;   
    display: block;
    clear: both;
    overflow: hidden;
    background: url(../../i/bg-company-line2.gif) repeat-y;
}
#content-main .about .rand-main2 .box .photo {
    
    width: 130px;
    padding: 0 20px 0 10px;
    margin: 5px 0;
    
    /* 垂直置中float: left; */
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
#content-main .about .rand-main2 .box .photo div {
    width: 130px;
    height: 130px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#content-main .about .rand-main2 .box .photo div * {
    vertical-align: middle;
} 
#content-main .about .rand-main2 .box .photo div span {
    height: 100%;
    display: inline-block;
}

#content-main .about .rand-main2 .box .con {    
    width: 510px;
    width: 520px\9; /* Firefox bug */
    padding: 5px 0 0 20px;
    font: 13px/22px Arial, sans-serif, "新細明體";
    color: #737373;
    
    /* 垂直置中float: right; */
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
#content-main .about .rand-main2 .box .con p.header {
    font: bold 13px/22px Arial, sans-serif, "新細明體";
    color: #6c6c6c;
}
/**
 *
 * =box 
 *
 **/
#content-main .about .rand-main2 .box-story {
    width: 700px;
    margin: 5px 0;
    color: #737373;
    font: 12px/20px Arial, sans-serif, "新細明體";
}
#content-main .about .rand-main2 .box-story p {
    padding: 0 30px;
}
#content-main .about .rand-main2 .box-story .case {
    width: 700px;
    height: 170px;
}
#content-main .about .rand-main2 .box-story .a01 {        
    width: 495px;
    height: 165px;
    padding: 15px 20px 0 205px;
    background: url(../../i/title-company-story-box-01.jpg) no-repeat;
}
#content-main .about .rand-main2 .box-story .a02 { 
    width: 495px;
    height: 165px;
    padding: 15px 20px 0 205px;
    background: url(../../i/title-company-story-box-02.jpg) no-repeat;
}
#content-main .about .rand-main2 .box-story .a03 {
    width: 495px;
    height: 155px;
    padding: 15px 20px 0 205px;
    background: url(../../i/title-company-story-box-03.jpg) no-repeat;
}
#content-main .about .rand-main2 .box-story p#flashcontent {
    padding: 0;
}
/**
 *
 * =box-promise
 *
 **/
#content-main .about .rand-main2 .box-promise {
    width: 700px;
    margin: 5px 0;
    color: #737373;
    font: 12px/20px Arial, sans-serif, "新細明體";
}
#content-main .about .rand-main2 .box-promise p {
    padding: 0 5px 10px 5px;
}
#content-main .about .rand-main2 .box-promise p.info {
    color: #a26d96;
}
/**
 *
 * =table.tab-promise
 *
 **/ 
#content-main .about .rand-main2 .tab-box {
    width: 690px;
    margin: 5px 0;
    padding: 5px;
    color: #737373;
    font: 12px/20px Arial, sans-serif, "新細明體";    
    border: 1px solid #b3cce7;
}

#content-main .about .rand-main2 .tab-box table.tab-promise {
    width: 690px;
    margin: 5px 0;
    color: #737373;
    font: 12px/20px Arial, sans-serif, "新細明體";
    border-left: 1px solid #dce4f1;
    border-right: 1px solid #dce4f1;
}
#content-main .about .rand-main2 .tab-box table.tab-promise th {
    padding: 10px;
    vertical-align: middle;
}
#content-main .about .rand-main2 .tab-box table.tab-promise th.odd {
    background: #c0cde5;
}
#content-main .about .rand-main2 .tab-box table.tab-promise td {
    padding: 10px;
    vertical-align: middle;
}
#content-main .about .rand-main2 .tab-box table.tab-promise td.odd {
    background: #eff2f8;
}


/**
 *
 * =box-global
 *
 **/

#content-main .about .rand-main2 .box-global {
    width: 700px;
    margin: 5px 0;
    color: #737373;
    font: 13px/20px Arial, sans-serif, "新細明體";
}
#content-main .about .rand-main2 .box-global p {
    padding: 0 5px 10px 5px;
}
#content-main .about .rand-main2 .box-global b  {
    color: #c1a318;
}
#content-main .about .rand-main2 .box-global .case {
    float: left;
    width: 328px;
    height: 134px;
    margin: 0 10px 15px 0;
    padding: 8px;
    background: url(../../i/bg-company-global-box.gif) no-repeat;
}
#content-main .about .rand-main2 .box-global .list {
    margin: 0;
}
#content-main .about .rand-main2 .box-global .case p.header {
    padding: 0 0 10px 15px;
    color: #010101;
    font: bold 13px/20px Arial, sans-serif, "新細明體";
    background: url(../../i/icon-company-global.gif) no-repeat 0 3px;
    border-bottom: 0px dotted #fff;
}
#content-main .about .rand-main2 .box-global .case p {
    padding: 0 5px 4px 5px;
    margin: 0 0 2px 0;
    border-bottom: 1px dotted #afafaf;
}
#content-main .about .rand-main2 .box-global .case p.list {
    border-bottom: 0px dotted #fff;
}
#content-main .about .rand-main2 .box-global .case p span {
    color: #010101;
}


/**
 *
 * =quality-tab
 *
 **/ 
.quality-tab {
    position: relative;
	width: 700px;
	margin: 5px 0 0 0;
	overflow: hidden;
	font: 13px/20px Arial, sans-serif, "新細明體";
}
.quality-tab .usedcar {
	width: 700px;
}

.quality-tab .usedcar .title {
	width: 700px;
	height: 45px;
	background: url(../../i/bg-company-quality-nav.gif) no-repeat; 
}
.quality-tab .usedcar .title ul li {
	float: left;
	padding: 0 0 0 10px;	
}
.quality-tab .usedcar .title ul li a {
	float: left;
    display: block;
    padding: 15px 0 0 15px;
    margin: 0 10px 0 0;
    color: #656565;
    text-decoration: underline;
    background: url(../../i/icon-company-quality.gif) no-repeat 0 22px;
    background: url(../../i/icon-company-quality.gif) no-repeat 0 18px\9;
}
.quality-tab .usedcar .title ul li a:hover {
    color: #e08d33;
}
.quality-tab .usedcar .title ul li.currentbr a {
    color: #e08d33;
    text-decoration: none;
}
#tab02,#tab03{
	display: none;
}
.quality-tab .usedcar .content {
	position: relative;
    width: 680px;
    padding: 10px 10px 0 10px;
    clear: both;
    overflow: hidden;
    color: #737373;  
    background: url(../../i/bg-company-quality.jpg) no-repeat top right; 
}
.quality-tab .usedcar .content p {
    padding: 5px 0 5px 18px;
}
.quality-tab .usedcar .content .hr {
    width: 660px;
    height: 10px;
    margin: 0 auto;
	background: url(../../i/line-company-quality.gif) no-repeat;
}
.quality-tab .usedcar .content p.info {
    color: #e08d33;
}
.quality-tab .usedcar .content p.info a {
    color: #ed6f08;
    font: bold 13px/20px Arial, sans-serif, "新細明體";
    text-decoration: underline;
}
.quality-tab .usedcar .content .box {
    display: block;
    clear: both;
    overflow: hidden;

}
.quality-tab .usedcar .content .box .photo {
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;

    width: 116px;
}
.quality-tab .usedcar .content .box .con {
    display: table-cell; 
	*display: inline;
	zoom: 1;
	vertical-align: middle;

    width: 562px;
    height: 55px;
    padding:5px 0 0 0;
    background: url(../../i/bg-company-quality-con.gif) no-repeat;
}