@charset "utf-8";
#row {}

#row .container {
    width: 880px;
    height: auto;
    margin: 0 auto;
}

#row .container header {
    width: 880px;
    height: 40px;
    margin-top: 80px;
    border-bottom: 1px solid #b5b5b5;
    position: relative;
}

#row .container header h6 {
    /*background: url("../images/products/icon.png") no-repeat 0 6px;
    color: #1b1b1b;
    font-size: 18px;
    padding-left: 12px;
	line-height: 22px;
	letter-spacing:0.8px;*/
    float: left;
    margin-top: 3px;
}

#row .container header .line {
    width: 0px;
    height: 22px;
    float: left;
    border-right: 1px dotted #828282;
    margin-left: 25px;
}

#row .container header p {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #707070;
    float: left;
    line-height: 22px;
    margin-left: 12px;
}

#row .container header .btn {
    font-family: "Times New Roman", Times, serif;
    font-size: 12px;
    color: #fff;
    height: 22px;
    line-height: 22px;
    float: left;
    margin-left: 25px;
    padding: 0 19px;
    background: #d2d2d2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#row .container header .btn .btn:hover {
    opacity: 0.7;
}

#row .container .login {
    width: 354px;
    height: 167px;
    position: relative;
    margin: 50px auto 100px auto;
}

#row .container .login .field {
    width: 354px;
    height: 37px;
    margin-bottom: 20px;
}

#row .container .login .field p {
    width: 57px;
    font-family: '微軟正黑體', sans-serif;
    font-size: 13px;
    color: #626262;
    float: left;
}

#row .container .login .field span {
    float: right;
    margin-top: 12px;
}

#row .container .login .field .input {
    width: 280px;
    height: 35px;
    background: #f8f8f8;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    float: left;
    margin-left: 10px;
}

#row .container .login .field .input input {
    width: 270px;
    margin: 8px 0 0 10px;
    border: none;
    background: #f8f8f8;
    font-family: "Times New Roman", Times, serif;
    font-size: 14px;
    color: #898989;
}

#row .container .login .btn-group {
    width: 270px;
    margin: 37px 0 0 67px;
}

#row .container .login .btn-group .btn {
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    float: left;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#row .container .login .btn-group .btn:hover {
    opacity: 0.7;
}

#row .container .login .btn-group .red {
    padding: 0 33px;
    background: #df0012;
}

#row .container .login .btn-group .gary {
    padding: 0 19px;
    background: #d2d2d2;
}

#row .container .login .btn-group .red a {
    color: #fff;
    display: block;
}

#row .container .login .btn-group .forget {
    font-family: '微軟正黑體', sans-serif;
    font-size: 13px;
    color: #707070;
    text-decoration: underline;
    margin-top: 18px;
    float: left;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#row .container .login .btn-group .forget:hover {
    color: #df0012;
}

input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}


/*download_list*/

#row .container .list {
    width: 880px;
    height: auto;
}

#row .container .list ul {
    width: 880px;
    height: auto;
    margin-bottom: 100px;
}

#row .container .list li {
    width: 880px;
    height: 140px;
    border-bottom: 1px solid #dadada;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#row .container .list li:hover {
    background: #f8f8f8;
}

#row .container .list li:hover .img img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#row .container .list li .img {
    width: 149px;
    height: 101px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    margin: 22px 0 0 10px;
    float: left;
    overflow: hidden;
}

#row .container .list li .img img {
    width: 149px;
    height: 101px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#row .container .list li .text {
    width: 355px;
    height: 137px;
    float: left;
    margin-left: 30px;
}

#row .container .list li .text p.title {
    font-family: '微軟正黑體', sans-serif;
    font-size: 14px;
    color: #313131;
    margin-top: 55px;
}

#row .container .list li .text p.date {
    font-family: "Times New Roman", Times, serif;
    font-size: 13px;
    color: #898989;
    margin-top: 5px;
}

#row .container .list li .size {
    width: 118px;
    height: 48px;
    border-right: 1px dotted #898989;
    float: left;
    text-align: center;
    line-height: 48px;
    margin-top: 48px;
}

#row .container .list li .size p {
    font-family: '微軟正黑體', sans-serif;
    font-size: 12px;
    color: #898989;
}

#row .container .list li .btn {
    width: 122px;
    height: 28px;
    float: left;
    margin: 58px 0 0 33px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#row .container .list li .btn:hover {
    opacity: 0.8;
}


/* ======New content======= */


/* -------------字體引用-------------- */

@font-face {
    font-family: 'wt004';
    src: url(../fonts/wt004.ttf) format('TrueType');
}
.font-wt004 {
    font-family: "wt004", sans-serif;
}
.map_bg {
    display: block;
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
}
.dealer_content{
    display: block;
    height:100%;
    padding:65px 0 200px 40px;
}
.content_row{
    display: block;
    position: relative;
}
.content_row.row_two{
    margin-top:216px;
    padding-left:155px;
}
.content_row.row_three{
    margin-top:225px;
    padding-left:0px;
    margin-left:-60px;
}
.content_row.row_four{
    margin-top:190px;
    padding-left:0px;
    margin-left:240px;
}
.content_row .row_bg{
    display: inline-block;
    width:396px;
    height:260px;
	background-position: left top;
	background-size: auto 100%;
	background-repeat: no-repeat;
	position: absolute;
    z-index: 2;
}
.content_row.row_two .row_bg{
    width:650px;
    height:300px;
}
.content_row.row_three .row_bg{
    width:563px;
    height:260px;
}
.content_row.row_four .row_bg{
    width:381px;
    height:292px;
}
.content_row .row_detail{
    display: inline-block;
    width:100%;
    height:100%;
    padding-left:42%;
    padding-top:75px;
	position: relative;
}
.content_row.row_two .row_detail{
    padding-left:70%;
    padding-top:78px;
}
.content_row.row_three .row_detail{
    padding-left:39%;
    padding-top:82px;
}
.content_row.row_four .row_detail{
    padding-left:49.9%;
    padding-top:48px;
}
.content_row .row_detail .step_title{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    background-image: url(../images/dealer/map_number_bg.png);
    display: inline-block;
    width:58px;
    height:55px;
    line-height: 55px;
    position: absolute;
    color:#fff;
    font-size:24px;
    font-family: "Times New Roman", Georgia, Serif;
    text-align: center;
    font-weight:bold;
}
.content_row .row_detail .step_title:before{
    content:"STEP";
    font-size:12px;
    position: absolute;
    top:-37px;
    left:10px;
    color:#0083cd;
    letter-spacing: 3px;
}
.content_row .row_detail .step_cont{
    display: inline-block;
    position: relative;
    top:20px;
    left:69px;
}
.content_row .row_detail .step_cont abbr{
    display: block;
    letter-spacing: 1px;
}
.content_row .row_detail .step_cont abbr.cont_name{
    font-size:20px;
    letter-spacing: 2px;
}
.content_row .row_detail .step_cont abbr.cont_address{
    font-size:14px;
    margin-top:16px;
}
.content_row .row_detail .step_cont abbr.cont_phone{
    font-size:14px;
    margin-top:14px;
}
.content_row .row_detail .step_cont abbr.cont_office{
    margin-top:16px;
    margin-bottom:18px;
}
.content_row .row_detail .step_cont abbr.cont_office b{
    font-weight: 100;
    display: block;
    margin-bottom:12px;
    font-size:15px;
}
.content_row .row_detail .step_cont abbr.cont_office i{
    font-style: normal;
    font-size:14px;
}
.row_line{
    position: absolute;
    background-repeat: no-repeat;
    background-position: center -35px;
    background-size: auto 100%;
    display: inline-block;
    width:323px;
    height:351px;
    z-index: 1;
    left:50px;
}
.row_line.line_two{
    width:369px;
    height:327px;
    left:0px;
    background-position: center center;
}
.row_line.line_three{
    width:300px;
    height:351px;
    left:124px;
    background-position: center center;
}
/* 地圖細項 */
.map_select{
    display: block;
    width:880px;
    height:100%;
    margin:0 auto;
    position: relative;
}
.map_select .select_rows{
    display: inline-block;
    width:16px;
    height:16px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto auto;
    background-image: url(../images/dealer/map_dots.png);
    font-size:15px;
    color:#0083cd;
    cursor: pointer;
    text-align: left;
    position: absolute;
    z-index:2;
}
.map_select .select_rows.active {
    z-index:1;
}
.map_select .select_rows.map_select_one{
    left:200px;
    top:185px;
}
.map_select .select_rows.map_select_two{
    right: 105px;
    top: 185px;
}
.map_select .select_rows.map_select_three{
    right: 70px;
    top: 190px;
}
.map_select .select_rows.map_select_four{
    right: 85px;
    top: 220px;
}
.map_select .select_rows.map_select_five{
    right: 92px;
    top: 240px;
}
.map_select .select_rows.map_select_six{
    right: 110px;
    top: 250px;
}
.map_select .select_rows.map_select_seven{
    right: 45px;
    top: 480px;
}
.map_select .select_rows.map_select_eight{
    right: 80px;
    bottom: 315px;
}
.map_select .select_rows.map_select_nine{
    right:32px;
    bottom:168px;
}
/*.map_select .select_rows span{
    display: inline-block;
    white-space:nowrap;
    width:auto;
    height:66px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto auto;
    background-image: url(../images/dealer/map_dots_focus.png);
    padding-left:123px;
    top:-50px;
    position: relative;
    z-index: 0;
}*/
.map_select.active .select_rows span{
    z-index: 3;
}