div.popup_exper,
div.popup_appellations
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
}


div.head{
    background-color: #027c89;
    height: 163px;
    background: url("../images/area/head_bg.jpg") repeat-x
}



div.head_on
{
    height: 163px;
}

div.head div.navi_box span
{
    color: #027c89;
}

div.head div.sub_nav span
{
    color: #f3951b;
}



div.head img.triangle
{
    left: 484px;
}

div.head div.navi_box div.line
{
    left: 125px;
    background: #027c89;
}

div.content_box{
    height: 100%;
    background-color: #027c89;
    background-image: url("../images/sonic_colors/red/bg.png");
}
div.head div.head_box,div.head
{
    height: 164px;
}
/* left content */
div.center_all
{
    width: 100%;
    height: 100%;
    position: relative;
}

div.center_all div.bg
{
    width: 588px;
    position: absolute;
    right: 0;
    bottom: 192px;
}

div.center_all div.info_box
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

div.center_all div.container_info
{

    width: 1280px;
    margin: 0 auto;
    height: 100%;
}

div.center_all div.container_info div.blue_bar
{
    width: 85px;
    background: #01646d;
    height: 100%;
    position: relative;
}

div.center_all div.container_info div.blue_bar div.red_ping
{
    width: 126px;
    height: 127px;
    position: absolute;
    left: 22px;
    top: 123px;
    background: url("../images/sonic_colors/red/wine.png") no-repeat;
}

div.center_all div.container_info div.red_bar
{
    width: 10px;
    background: #f3951b;
    height: 100%;
}

div.center_all div.container_info div.yellow_box
{
    width: 1185px;
    padding-top: 73px;
    background: #f9f8e6;
    height: 100%;
}

div.center_all div.container_info div.yellow_box div.appellation
{
    width: 300px;
    padding-left: 30px;
    margin-left: 60px;
}

div.center_all div.container_info div.yellow_box div.appellation div.title_top
{
    margin-top: 60px;
    margin-bottom: 18px;
}
.title_top img{
    width: 172px;
    height: 118px;
}
div.center_all div.container_info div.yellow_box div.appellation div.ch_title
{
    font-size: 36px;
    color: #f3951b;
    font-weight: bold;
    margin-bottom: 59px;
}
.red_wine1{
    margin-left: 89px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.red_wine1 a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.red_wine1 img {
    width: 42px;
    height: 139px;
}
.red_wine2{
    display: none;
}
.red_title{
    font-size: 20px;
    color: #c83c32;
    font-weight: bold;
    margin-top: 48px;
}
.green{
    margin-left: 35px;
}
.red{
    margin-top: 11px;
}
.red img{
    width: 35px;
    height: 28px;
}
.green_text img{
    width: 61px;
    height: 59px;
}
.green_title{
    margin-top: 17px;
    color: #91b840;
}
.rose_text img{
    width: 52px;
    height: 28px;
}
.sweet_text img{
    width: 68px;
    height: 60px;
}
.rose_title{
    color: #ee7d69;
}
.sweet_title{
    color: #b8ac77;
}
/* left content */

/* center content */
.center_box{
    margin: 60px 25px;
}
.center_img{
    width: 1px;
    height: auto;
    margin-left: 5px;
    margin-right: 5px;
}
/* center content */

/* right content */

/* red content */
.top_nav{
    height: 45px;
    margin-top: 59px;
}
.nav_one{
    position: relative;
    cursor: pointer;
}
.nav_one a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.left_text{
    height: 40px;
    width: 194px;
    color: #c83c32;
    font-size: 18px;
    text-align: center;
    background-image: url("../images/sonic_colors/red/border.png");
    background-repeat: no-repeat;
    padding: 7px 0;
}
.left_text2{
    background-image: none;
    color: #676767;
}
.left_none{
    display: none;
}
.right_text{
    margin-left: 25px;
}
.aromas{
    background-image: url("../images/sonic_colors/red/aromas_bg.png");
    width: 124px;
    height: 72px;
    margin-top: 39px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.aromas img{
    width: 67px;
    height: 23px;
    margin-top: 13px;
    margin-bottom: 5px;
}
.clover img{
    width: 51px;
    height: 51px;
    margin-left: 24px;
}
.clover_text{
    color: #676767;
    line-height: 22px;
    font-size: 14px;
    margin-left: 12px;
}
.carieties{
    background-image: url("../images/sonic_colors/red/carieties_bg.png");
    width: 150px;
    height: 80px;
    margin-left: 20px;
    margin-top: 34px;
}
.carieties img{
    width: 83px;
    height: 23px;
}
.grape img{
    width: 47px;
    height: 68px;
    margin-left: 0;
}
.grape_text a{
    color: #f3951b;
    border-bottom: 1px solid #f3951b;
}
a:hover{
    color: #f3951b;
    text-decoration: none;
}
a:focus{
    text-decoration: none;
}
.expertise{
    width: 159px;
    height: 72px;
    background-image: url("../images/sonic_colors/red/expertise_bg.png");
    margin-left: 6px;
}
.expertise img{
    width: 87px;
    height: 23px;
}
.cast{
    margin-left: -10px;
}
.cast_text{
    width: 159px;
}
.big_wine{
    width: 212px;
    height: 543px;
    margin-top: 64px;
}
.more{
    margin-left: 15px;
    margin-top: -29px;
    text-align: center;
}
.more_content{
    background-image: url("../images/sonic_colors/red/more_bg.png");
    width: 122px;
    height: 127px;
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    padding-top: 21px;
}
.red_right{
    margin-top: 59px;
}
.temperature img{
    width: 89px;
    height: 87px;
    margin-right: 21px;
}
.text_img img{
    width: 119px;
    height: 53px;
}
.s_text{
    color: #f3a031;
    font-size: 18px;
    font-weight: bold;
    margin-top: 14px;
}
.keep{
    margin-left: 32px;
    margin-top: 62px;
}
.keep_img img{
    width: 77px;
    height: 22px;
}
.s_text a{
    font-size: 14px;
    font-weight: normal;
    color: #f3a031;
    border-bottom: 1px solid #f3a031;
    margin-left: 30px;
}
.appellations{
    margin-left: -19px;
    margin-top: 70px;
}
.appellations img{
    width: 118px;
    height: 23px;
}
.name{
    color: #676767;
    width: 159px;
    text-align: center;
    margin-left: -19px;
}
.name_more{
    margin-top: 13px;
}
.name_more a{
    color: #f3a031;
    border-bottom: 1px solid #f3a031;
}
.wine{
    margin-left: -20px;
    margin-top: 27px;
}
.food_img img{
    width: 192px;
    height: 23px;
    margin-left: -17px;
}
.food_text{
    margin-top: 13px;
    margin-left: 17px;
}
.food_ico img{
    width: 30px;
    height: 66px;
    margin-left: 8px;
    margin-top: 21px;
}
.ico_content{
    height: 96px;
    margin-top: 31px;
    margin-left: -90px;
    background-color: #deddcf;
}
.ico1 img{
    width: 33px;
    height: 34px;
}
.ico{
    float: right;
}
.ico1{
    margin-right: 13px;
    margin-top: -19px;
}
.ico3{
    margin-right: 0;
}
.ico_text{
    width: 310px;
    text-align: right;
    padding-top: 30px;
    margin-right: 10px;
    margin-left: 20px;
    color: #2a2522;
}
.red_1{
    display: none;
}
.red_two{
    margin-right: 6px;
    float: right;
}
/* red content */

/* green content */
.green_nav{
    padding-right: 23px;
}
.green_text2{
    color: #91b840;
    background-image: url("../images/sonic_colors/green/border.png");
    background-repeat: no-repeat;

}
.green_more{
    background-image: url("../images/sonic_colors/green/more_bg.png");
}
.rose_text2{
    color: #ed7461;
    background-image: url("../images/sonic_colors/rose/border.png");
    background-repeat: no-repeat;
}
.rose_more{
    background-image: url("../images/sonic_colors/rose/more_bg.png");
}
.sweet_nav{
    float: none;
}
.sweet_text2{
    color: #b8ac77;
    background-image: url("../images/sonic_colors/sweet/border.png");
    background-repeat: no-repeat;
}
.sweet_more{
    background-image: url("../images/sonic_colors/sweet/more.png");
}
/* green content */

/* right content */



/* exper more */
.exper_more{
    width: 100%;
    height: auto;
}
.exper_bg{
    position: absolute;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.exper_content{
    width: 653px;
    height: auto;
    box-shadow: 0 6px 20px 1px black;
    border: 2px solid #f3951b;
    position: absolute;
    z-index: 20;
    left: 632px;
    top: 230px;
    background: #f9f8e6;
    padding-left: 30px;
    padding-top: 21px;
    padding-bottom: 21px;
    padding-right: 33px;
}
.exper_top{
    padding-bottom: 13px;
    padding-left: 5px;
    border-bottom: 1px solid #c1cac6;
    margin-bottom: 17px;
    font-size: 18px;
    color: #f3951b;
}
.exper_img{
    width: 17px;
    height: 24px;
    margin-right: 10px;
}
.exper_close{
    color: #686765;
    margin-left: 476px;
    cursor: pointer;
}
.exper_text{
    line-height: 25px;
    padding-left: 5px;
    color: #686765;
}
.appellations_more{
    width: 100%;
    height: 100%;
    position: absolute;
}
.appellations_content{
    width: 403px;
    left: 760px;
}
.appellations_img{
    width: 33px;
    height: 24px;
}
.appellations_colose{
    margin-left: 210px;
}
.appellation_text{
    padding-bottom: 19px;
    margin-bottom: 17px;
    border-bottom: 1px solid #c1cac6;
}
.appellations_btn{
    height: 28px;
    width: 118px;
    border: 2px solid #f3951b;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
}
.appellations_btn a,.appellations_btn a:hover,.appellations_btn a:active{
    color: #f3951b;
}
div.head div.navi_box div.line{
    left: 165px;
}
div.head_box div.all_nav ul.navi_box ul.sub_nav a.color{
    color: #f3951b;
}
div.head div.head_box div.line {
    left: 385px;
    background: #027c89;
}
div.head_box div.all_nav ul.navi_box a.single_li {
    color: #027c89;
}
div.navi_all div.head ul.navi_box ul.single_show{
    display: block;
}
div.head div.head_box,div.head.head_on{
    height: 73px;
}

/* exper more */