﻿@charset "utf-8";


.content-heading-intro-area hr{
    margin-top: 25px;
    margin-bottom: 35px;
        border-top: 1px solid #b1acac;
    border-bottom:1px solid #857f7f;
}


/* CSS Document */
.content-general {
    background: none;
    float: left;
    
    width:100% !important;
    overflow: hidden;
    padding: 0 0 10px;
    margin-bottom: 0;

}

.content-right
{
  
}

div.news-form 
{
    overflow: hidden;
    margin-bottom: 15px;
}

div.news-form label{
	margin-right: 8px;
	display: block;
	float:left;
}

div.news-form .txtInput
{
    border: 1px solid #999999;
    float: left;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    font-family: Arial;
}

div.news-form .choiceInput
{
    display: inline-block;
    float: left;
    margin-right: 18px;
}

div.news-form .choiceInput input, div.news-form .choiceInput label
{
    display: inline-block;
    float: left;
    margin: 0 0 0 5px;
}

div.news-form .selectInput
{
    float: left;
    font-family: Arial;
    font-size: 13px;
}

.RadCaptcha input[type=text]
{
    width: 100px;
    height: 20px;
    border: 1px solid #999999;
}

.RadCaptcha img
{
    border: 1px solid #999999;
    display: inline-block !important;
    margin-right: 15px;
    float:left;
}

#submitDiv .rcode p { width: auto; display: inline-block; float:left; margin: 0;}
#submitDiv .rcode p LABEL { font-size: 11px; color: #999; }

p.sepline {
    border-bottom: 1px solid #B3B3B3;
    float: none;
    margin: 10px 0 16px;
}

div.news-form li { list-style-type:none !important; background: none; padding-left:0; }
div.news-form>ul>li {padding:0 0 8px;line-height: 1.65em; overflow:hidden;}

@media all and (min-width: 768px){
   div.news-form .f-label {width: 83px;}
    div.news-form .l-label {margin-left: 16px;width: 65px;} 
}


.req { background:url(/imgs/skin/bg/req.jpg) no-repeat right 0;padding: 0 2px;}
div.content-right.nform { width:506px;}
.conditionBox { display: none; }

#submitDiv { position: relative; }
#submitDiv label { display: block; float: none; }

.formButton
{
    position: absolute;
    top: 44px;
    right: 18px;
}

div.news-form label.lblRight { margin-left: 10px; }
div.news-form div.divRow { padding-bottom: 8px; overflow:hidden; }

/**********************************
New Form
**********************************/
.distributorImgWrap:after{
    content:'';
    display: table;
    clear:both;
}
.w-left{
    float:left;
}

.w-right{
    float:right;
}

.country-meta-wrap{
    overflow: hidden;
}

    .distributorImgWrap{

    }

        .distributorImgWrap .w-left > div:first-child{
            float:left;
            margin-right: 40px;
        }

    .content-general .country-meta-wrap h2,
    .content-general  .country-meta-wrap h3{
        color:inherit;
        margin:0 0 5px 0;
    }

    .country-meta{
        font-size:15px;
    }


    .meta-company,
    .meta-tel{
        display: inline-block;
        vertical-align: top;
    }


.jqtransform.news-form{
    clear:both;
    width:100%;
    padding-top:12px;
}

.form-note{
    font-style: italic;
    color:red;
    padding-left:115px;
    margin-bottom: 5px;
}
   
    input[type='text'],
    input[type='password'],
    select{
         height: 28px !important;
        line-height: 28px;
        border:1px solid #777171;
    }

     #ph_left_C006_formtemplate input[type='radio']{
        margin-top:5px;
        visibility: hidden;
        margin:0;
     }

     #ph_left_C006_formtemplate .choiceInput label{
        position: relative;
        padding-left:20px;
        margin:0;
     }
    #ph_left_C006_formtemplate .choiceInput label:after{
        content:'';
        width:15px;
        height: 15px;
        border:1px solid #000;
        background: #fff;
        position: absolute;
        left:0px;
        top:4px;
        border-radius: 50%;
        pointer-events:none;
    }

    #ph_left_C006_formtemplate .choiceInput input:checked + label:after{
        background: #000;
    }

@media all and (min-width: 768px){
    #ph_left_C006_formtemplate label{
        width:114px !important;
       
    }
        #ph_left_C006_formtemplate .choiceInput label{
            width:auto !important;
        }

    .half-width input[type='text'],
    .half-width input.txtInput,
    .half-width select{
        width:80%;
        width:calc(48% - 122px) !important;
    }

    /*** 100% width items****/
    .full-width input[type='text'],
   .full-width textarea
    {
        width:calc(100% - 142px) !important;
    }
    
    .form-full-width{
        width:100%;
        float:left;
        clear:none;
    }

    #ph_left_C006_formtemplate .l-label{
        padding-left:5px;
    }

    /*enews*/
     #ph_left_C006_formtemplate li:last-child{
        padding-top:32px;
          padding-bottom: 10px;
        border-bottom: 1px solid #b1acac;
        clear:both;
     }

    #ph_left_C006_formtemplate  label.rnews-label{
        margin-right: 20px;
        width:auto !important;
    }
}

/*** button ***/

input[type='submit'].formButton{
    background: #28ace2;
    padding: 6px 20px;
    color: #fff;
    height: auto;
    width: auto;
    font-size:18px;
}

@media all and (min-width: 768px){
    input[type='submit'].formButton{
        float:right;
    }
}


/*********************
Head Office
*************************/

.head-office-form p{
       font-size: 16px;
    color: #333;
}


/*********************
Alignment
*************************/
 #submitDiv,
#ph_left_C006_formtemplate{
    padding-left:0;
}
@media all and (min-width: 768px){
    /*#submitDiv,
    #ph_left_C006_formtemplate{
        max-width: 600px;

    }*/

    .form-full-width input,
    .form-full-width textarea{
        width:100%;
        max-width:calc(100% - 140px);
       
    }

    .form-half-width{
        width:50%;
        float:left;
        clear:none;
    }
        .form-half-width  .l-label{
            margin-left:0 !important;
        }

        .form-half-width input,
        .form-half-width select{
            width:calc(100% - 140px);
        }

    input[type='submit']{
        margin-top:0;
    }
}

