/* Minification failed. Returning unminified contents.
(870,16): run-time error CSS1031: Expected selector, found '1'
(870,16): run-time error CSS1025: Expected comma or open brace, found '1'
 */
/*!
 * Bootstrap Responsive v2.2.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */@-ms-viewport{width:device-width}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}}

.font-normal {
    font-size: 12px;
}

.font-large {
    font-size: 15px;
}

.font-xlarge {
    font-size: 20px;
}

.font-xxlarge {
    font-size: 30px;
}

h4.title {
    line-height: 30px;
    margin: 30px 0 -20px 0;
}

.info-fontsize {
    font-size: 12px;
    line-height: 19px;
}

.transition-background-color {
    -webkit-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
}

.transition-color {
    -webkit-transition: color .25s linear;
    transition: color .25s linear;
}

.fonts-hei {
    font-family: 'Georgia', Helvetica, Arial, sans-serif;
}

.btn-group > .btn-mini {
    font-size: 13px;
}

    .btn-group > .btn-mini [class^="icon-"] {
        margin: 1px 4px;
    }

.btn-mini {
    font-size: 12px;
}

[class^="icon-"],
[class*=" icon-"] {
    font-size: 14px;
}

.icon-white,
.icon-whitesmoke,
.icon-yellow-ccyp,
.icon-gray,
.icon-green,
.icon-blue,
.icon-red {
    margin: 1px 4px;
    color: white;
}

.icon-whitesmoke {
    color: whitesmoke;
}

.icon-gray {
    color: #b5b5b5;
}

.icon-blue {
    color: #2693ff;
}

.icon-green {
    color: #228c00;
}

.icon-red {
    color: #b20000;
}

.icon-yellow-ccyp {
    color: #ffdd00;
}

/*but-ccyp-color--------------------------------------------------------------------------------------------------------*/

.btn-ccyp.active {
    color: rgba(255, 221, 0, 0.75);
}

.btn-ccyp {
    color: #434343;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #ffdd00;
    background-image: -moz-linear-gradient(top, #fff8cc, #ffdd00);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff8cc), to(#ffdd00));
    background-image: -webkit-linear-gradient(top, #fff8cc, #ffdd00);
    background-image: -o-linear-gradient(top, #fff8cc, #ffdd00);
    background-image: linear-gradient(to bottom, #fff8cc, #ffdd00);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@color-ccyp, 40%)', endColorstr='@color-ccyp', GradientType=0);
    border-color: #ffdd00 #ffdd00 #ccb100;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *background-color: #ffdd00;
}

    .btn-ccyp:hover,
    .btn-ccyp:focus,
    .btn-ccyp:active,
    .btn-ccyp.active,
    .btn-ccyp.disabled,
    .btn-ccyp[disabled] {
        color: #434343;
        background-color: #ffdd00;
        *background-color: #ccb100;
    }

    .btn-ccyp:active,
    .btn-ccyp.active {
        background-color: #fad900;
    }

.btn-group.open .btn-ccyp.dropdown-toggle {
    background-color: #ffdd00;
}

.btn-ccyp .caret {
    border-top-color: #434343;
    border-bottom-color: #434343;
}
/*but-green-color--------------------------------------------------------------------------------------------------------*/


/**CCYP.com header page----------------------------------------------------------------------------------------------*/

.header-top {
    background-color: black;
    height: 60px;
    position: relative;
}

    .header-top .nav-logo {
        position: absolute;
        height: 60px;
        width: 184px;
        text-indent: -50000px;
        background-image: url(../img/ccyp_logo.png);
        background-repeat: no-repeat;
    }

.input-append-search {
    margin: 8px 0 0 0;
    padding: 7px;
    background-color: #990000;
}

    .input-append-search .search-query {
        color: white;
        background-color: #515151;
        border-color: #111111;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        -webkit-transition: 4px 0 0 4px;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
    }

.nav_citys {
    margin-top: 5px;
    padding-left: 0px;
    color: #eeeeee;
}

    .nav_citys a {
        color: #999999;
    }

.navbar .nav-channel li a {
    color: #cccccc;
}

.navbar .nav-channel li.current {
    background-color: #434343;
}

    .navbar .nav-channel li.current a {
        color: white;
    }

.navbar .nav-channel li:hover {
    background-color: #434343;
}

.navbar .navbar-citys {
    margin: 0 0px 0 0;
}

    .navbar .navbar-citys .active > a {
        color: #ffdd00;
        background-color: #434343;
    }

        .navbar .navbar-citys .active > a:hover {
            background-color: #434343;
        }

    .navbar .navbar-citys li a {
        padding: 5px 6px;
        color: whitesmoke;
    }

    .navbar .navbar-citys li:hover {
        background-color: #434343;
    }

.nav-login {
    margin-top: 10px;
}

    .nav-login a {
        color: #c2c2c2;
        text-decoration: none;
    }

        .nav-login a:hover {
            color: #ffdd00;
            -webkit-transition: color .25s linear;
            transition: color .25s linear;
        }
/***CCYP.com new Index page--------------------------------------------------------------------------------------------------------*/

.index-body {
    margin: 0;
    background-image: url(/assets/img/index/bgYellow.gif);
    background-repeat: repeat-x;
}

.topbanner {
    padding-bottom: 15px;
    background-color: #ffcc33;
}

#header_location {
    margin: 0;
    width: auto;
    height: 60px;
    background-color: black;
    border-bottom: 3px #ffcc33 solid;
    border-top: 4px #444444 solid;
}

#websitelogo {
    width: 325px;
    height: 55px;
    margin-top: 2px;
    margin-left: 0px;
    position: absolute;
}

.header_links {
    color: white;
    font-size: 10px;
    margin: 5px 10px 0 0;
}

    .header_links a {
        color: white;
    }

        .header_links a:hover {
            text-decoration: underline;
        }

.locationnav {
    position: absolute;
    margin-left: 360px;
    margin-top: 24px;
    margin-bottom: 0px;
}

.navY1 {
    width: 6px;
    height: 35px;
    background: url(/assets/img/index/btn_locationnav_yellow1.png);
}

.navY2 {
    width: 6px;
    height: 35px;
    background: url(/assets/img/index/btn_locationnav_yellow2.png);
}

.navY3 {
    height: 35px;
    background: url(/assets/img/index/btn_locationnav_yellow3.png);
    font-size: 18px;
    font-weight: bold;
    color: black;
}

.navG1 {
    width: 6px;
    height: 26px;
    background: url(/assets/img/index/btn_locationnav_gray1.png);
}

.navG2 {
    width: 6px;
    height: 26px;
    background: url(/assets/img/index/btn_locationnav_gray2.png);
}

.navG3 {
    height: 26px;
    background: url(/assets/img/index/btn_locationnav_gray3.png);
    font-size: 12px;
    color: #cccccc;
}

    .navG3 a:link {
        font-size: 12px;
        color: #dededf;
        text-decoration: none;
    }

    .navG3 a:visited {
        font-size: 12px;
        color: #dededf;
        text-decoration: none;
    }

    .navG3 a:hover {
        font-size: 12px;
        color: white;
        text-decoration: none;
    }

    .navG3 a:active {
        font-size: 12px;
        color: #dededf;
        text-decoration: none;
    }

.searchBarFrame {
    height: 50px;
    position: relative;
    background-image: url(/assets/img/index/bg_searchbar.gif);
    background-repeat: repeat-x;
    border-bottom: 1px #ffcc33 solid;
}

.searchBarLeft {
    border-radius: 0px 7px 0px 0px;
    background-color: #990000;
    color: #ffcc00;
    font-size: 18px;
    font-weight: 900;
    font-family: Arial, Helvetica, sans-serif;
    width: 280px;
    padding-top: 9px;
    padding-bottom: 8px;
    padding-left: 15px;
    position: absolute;
    left: 1px;
    bottom: 0px;
    float: left;
}

.searchBarFrame .searchBarLeft {
    font-size: 16px;
}

.searchBarRight {
    border-radius: 4px;
    width: 550px;
    position: absolute;
    right: 20px;
    float: right;
    bottom: 4px;
    height: 36px;
    background-color: #ef7344;
}

    .searchBarRight form {
        width: 100%;
    }

.searchBarFrame .keywordButton {
    margin-top: 4px;
    position: absolute;
    right: 5px;
}

.keywordBar {
    padding: 0;
    width: 445px;
    height: 22px;
    font-size: 14px;
    color: #444444;
    height: 20px;
    position: absolute;
    border-top: 1px #999999 solid;
    border-left: 1px #999999 solid;
    border-bottom: 1px white solid;
    border-right: 1px white solid;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-weight: 500;
    left: 5px;
    top: 6px;
}

.hotKeyword {
    font-size: 12px;
    line-height: 2em;
    text-align: center;
}

    .hotKeyword .red {
        color: #cc0000;
    }

.margin-bottom {
    margin-bottom: 10px;
}

.ad-listing li {
    width: 12.5%;
}

.carousel-home {
    margin-bottom: 0px;
}

.carousel-caption-home {
    padding: 5px;
}

.index-tabel-titlebox {
    background-color: #ffffcc;
    padding: 2px 8px;
    border: 1px solid #ffdd00;
}

    .index-tabel-titlebox h5 {
        font-size: 15px;
        color: #434343;
        margin: 2px 0;
    }

        .index-tabel-titlebox h5 a {
            color: #434343;
        }

            .index-tabel-titlebox h5 a:hover {
                text-decoration: none;
                color: #292929;
            }

        .index-tabel-titlebox h5 span {
            color: #994d00;
        }

    .index-tabel-titlebox form {
        margin: 0;
    }

.index-tabel-infobox,
.index-tabel-infobox-coupon {
    padding: 8px;
    border: 1px solid #c2c2c2;
    border-top: 0px;
}

    .index-tabel-infobox .table,
    .index-tabel-infobox-coupon .table {
        margin-bottom: 0;
    }

        .index-tabel-infobox .table th,
        .index-tabel-infobox-coupon .table th {
            font-size: 15px;
        }

            .index-tabel-infobox .table th a,
            .index-tabel-infobox-coupon .table th a {
                color: #5c5c5c;
            }

                .index-tabel-infobox .table th a:hover,
                .index-tabel-infobox-coupon .table th a:hover {
                    text-decoration: none;
                    color: #292929;
                }

    .index-tabel-infobox h5,
    .index-tabel-infobox-coupon h5 {
        font-size: 15px;
        margin: 0;
    }

        .index-tabel-infobox h5 a,
        .index-tabel-infobox-coupon h5 a {
            color: #cc6600;
        }

    .index-tabel-infobox p,
    .index-tabel-infobox-coupon p {
        font-size: 12px;
        color: #434343;
    }

        .index-tabel-infobox p a,
        .index-tabel-infobox-coupon p a {
            color: #5c5c5c;
        }

            .index-tabel-infobox p a:hover,
            .index-tabel-infobox-coupon p a:hover {
                text-decoration: none;
                color: #292929;
            }

            .index-tabel-infobox p a span,
            .index-tabel-infobox-coupon p a span {
                color: #cc6600;
            }

.index-tabel-infobox-latest {
    padding: 0;
    border: 1px solid #c2c2c2;
}

    .index-tabel-infobox-latest h5 {
        margin: 0;
    }

    .index-tabel-infobox-latest p {
        margin: 0;
    }

.index-tabel-infobox-coupon {
    padding: 0;
}

    .index-tabel-infobox-coupon a {
        font-size: 12px;
        color: #cc6600;
    }

        .index-tabel-infobox-coupon a:hover {
            text-decoration: none;
        }

    .index-tabel-infobox-coupon p {
        margin: 0;
    }

.tabel-cooupon tb {
    padding: 2px 8px;
    line-height: 25px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}

.vertical-ad {
    margin-bottom: 62px;
}

.life-imgsize {
    max-height: 178px;
}

.input-append-knowledga-search {
    margin: 10px 0;
}

.footer {
    border-top: 1px #ffcc33 solid;
    border-left: 1px #ffcc33 solid;
    border-right: 1px #ffcc33 solid;
    border-bottom: 3px #ffcc33 solid;
    background-color: #ffffcc;
    padding: 8px 0;
    font-size: 12px;
    color: #434343;
    line-height: 1.6em;
    text-align: center;
}

    .footer a {
        color: #434343;
        text-decoration: none;
    }

        .footer a:link {
            color: #434343;
        }

        .footer a:hover {
            color: #cc6600;
            font-weight: bold;
        }
/***CCYP.com new Index page sidenav--------------------------------------------------------------------------------------------------------*/

.sidenav {
    padding: 0;
    background-color: #ffffcc;
    border: 1px solid #ffdd00;
}

    .sidenav li {
        margin-bottom: 0;
        border-top: 1px solid #ffdd00;
    }

        .sidenav li a {
            margin: 7px 0 0 5px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            text-decoration: none;
            color: #434343;
        }

            .sidenav li a:hover {
                color: #cc6600;
            }

        .sidenav li p {
            margin: 5px 0;
        }

            .sidenav li p span {
                padding-left: 15px;
            }

        .sidenav li:first-child {
            border-top: 0;
        }

    .sidenav .banner {
        margin-bottom: 0;
        height: 80px;
        background: url('http://www.ccyp.com/Images/image_Index/classified_bg.gif') no-repeat;
        background-color: white;
    }

        .sidenav .banner p {
            margin: 0;
            padding: 17px 0 0 85px;
        }

        .sidenav .banner a {
            margin: 0;
        }

    .sidenav .title {
        background: url('http://www.ccyp.com/Images/image_Index/btn_locationnav_yellow3.png') repeat-x;
    }

        .sidenav .title p {
            margin: 0;
            padding: 4px 0 2px 0;
        }
/***CCYP.com SubNavbarPartial page--------------------------------------------------------------------------------------------------------*/

.index-letter {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
}

    .index-letter td {
        color: #fff000;
        text-align: center;
        border: 0px solid white;
    }

        .index-letter td:first-child {
            width: 92px;
            border-left: 0;
        }

        .index-letter td:last-child {
            border-right: 0;
        }

        .index-letter td a {
            text-decoration: none;
            color: #fff000;
            padding: 9px;
            display: block;
        }



        .index-letter td.active a {
            color: white;
        }

.index-letterhome {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    background-color: #990000;
}

    .index-letterhome td {
        padding: 3px;
        color: #ffdd00;
        text-align: center;
        border-left: 1px solid #ffdd00;
        border-top: 1px solid #ffdd00;
        border-right: 1px solid #ffdd00;
    }

        .index-letterhome td:first-child {
            width: 90px;
            border-left: 0;
        }

        .index-letterhome td:last-child {
            border-right: 0;
        }

        .index-letterhome td a {
            text-decoration: none;
            color: #ffdd00;
        }

            .index-letterhome td a:hover {
                color: whitesmoke;
            }

        .index-letterhome td:hover {
            -webkit-transition: background-color 0.25s linear;
            transition: background-color 0.25s linear;
            background-color: #660000;
        }

        .index-letterhome td.active {
            background-color: #660000;
        }

            .index-letterhome td.active a {
                color: white;
            }

.table-index-life {
    margin: 0;
    width: 100%;
    font-size: 15px;
}

    .table-index-life td {
        padding: 3px;
        line-height: 25px;
        text-align: center;
        /*border: 1px solid #fff000;*/
    }

        .table-index-life td:first-child {
            border-left: 0;
        }

        .table-index-life td:last-child {
            border-right: 0;
        }

        .table-index-life td a {
            text-decoration: none;
            color: #fff;
            padding: 5px;
        }

            .table-index-life td a:hover {
                color: #fff000;
                background-color: rgba(255, 255, 255, 0.50);
            }
/*CCYP.com Index hidden-desktop page------------------------------------------------------------------------ */

.table-nav-list {
    width: 100%;
    font-size: 15px;
    background-color: #ffffcc;
    border: 1px solid #ffdd00;
}

    .table-nav-list td {
        padding: 8px;
        line-height: 25px;
        border: 1px solid #ffdd00;
    }

        .table-nav-list td:first-child {
            border-left: 0;
        }

        .table-nav-list td:last-child {
            border-right: 0;
        }
/*--------------------------------------------------------------------------------------------------------*/

.shadow {
    background-color: white;
    -moz-box-shadow: 0 2px 6px #cccccc;
    -webkit-box-shadow: 0 2px 6px 5px #cccccc;
    box-shadow: 0 2px 6px #cccccc;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: rgba(255, 227, 8, 0.8);
    outline: 0;
    outline: thin dotted 9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 227, 8, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 227, 8, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 227, 8, 0.8);
}

.foot_area {
    background-color: #efefef;
    padding: 20px 10px 0px 0px;
    margin: 40px 0 0 0;
    font-size: 12px;
    color: #666666;
}

    .foot_area 1 a {
        color: #666666;
    }

.psgradient {
    z-index: 2;
    position: relative;
    height: 50px;
    margin-top: -50px;
    overflow: hidden;
    background: -moz-linear-gradient(bottom, white 15%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(15%, white), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, white 15%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(bottom, white 15%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(bottom, white 15%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#03ffffff', endColorstr='#ffffff', GradientType=0);
    background: linear-gradient(bottom, white 15%, rgba(255, 255, 255, 0) 100%);
}

.nav-small-text,
.nav-small-text .btn,
.nav-small-text input {
    font-size: 12px;
}

    .nav-small-text .brand,
    .nav-small-text .btn .brand,
    .nav-small-text input .brand {
        color: #c2c2c2;
        font-size: 13px;
    }

.header-banner {
    padding-top: 30px;
    padding-left: 20px;
    color: white;
    height: 80px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #999999;
}

    .header-banner h1 {
        margin: 0 0 20px 0;
        line-height: 10px;
        font-size: 22px;
        font-family: 'Georgia', Helvetica, Arial, sans-serif;
        float: left;
    }

    .header-banner span {
        float: right;
        margin: 0px 30px 0 0;
        font-size: 18px;
        font-family: 'Georgia', Helvetica, Arial, sans-serif;
    }

.header-title {
    margin-top: 30px;
    color: #555555;
}

    .header-title h1 {
        line-height: 10px;
        font-size: 22px;
        font-family: 'Georgia', Helvetica, Arial, sans-serif;
    }

.font-size-12 {
    font-size: 12px !important;
}

img.image-border {
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    padding: 4px;
    max-width: 100%;
}

.table-ad-list img.image-border {
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    padding: 4px;
    width: 260px;
    height: 89px;
    overflow: hidden;
    max-width: 260px;
}

.span3 img.image-border {
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    padding: 4px;
    width: 260px;
    height: 89px;
    overflow: hidden;
}

img.image-border {
    _width: 95%;
    *width: 95%;
    width: 95% \9;
}


.carousel-gallery {
    width: 240px;
    height: 180px;
    margin-left: 15px;
    overflow: hidden;
}

.carousel-control-gallery {
    left: 0px;
    width: 20px;
    height: 180px;
    margin-top: -72px;
    font-size: 30px;
    line-height: 180px;
    border: 1px solid white;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    opacity: 0.5;
    filter: alpha(opacity=30);
}

    .carousel-control-gallery.right {
        right: -2px;
        left: auto;
    }

.carousel-caption-gallery {
    padding: 5px;
    top: 0px;
    bottom: auto;
    background: none;
}

.carousel-inner-gallery .item img {
    width: 324px;
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 0px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

    .carousel-indicators li {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        margin-left: 5px;
        text-indent: -999px;
        cursor: pointer;
        background: #cacaca;
        border-radius: 5px;
    }

.block {
    padding-right: 10px;
    padding-bottom: 30px;
}

.block-title {
    margin-bottom: 15px;
    color: #555555;
    font-size: 16px;
    line-height: 1.4;
    background: url('/assets/img/block-divider.png') repeat-x center center;
    font-family: 'Georgia', Helvetica, Arial, sans-serif;
}

    .block-title span {
        background: white;
        padding-right: 10px;
        text-transform: uppercase;
    }

.block-title-right {
    text-align: right;
}

    .block-title-right span {
        padding: 0 0 0 10px;
    }

.block-keywords a {
    font-size: 12px;
    color: #999999;
}
/*CCYP.com 知識庫首頁------------------------------------------------------------------------- */

.knowledge-control {
    position: absolute;
    top: 40%;
    left: 15px;
    height: 40px;
    margin-top: 40px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: white;
    text-align: center;
    background: #222222;
    border: 3px solid white;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

    .knowledge-control a {
        color: white;
        text-decoration: none;
    }

    .knowledge-control .right {
        right: 15px;
        left: auto;
    }

.knowledge {
    padding-right: 10px;
    padding-bottom: 30px;
}

.knowledge-title {
    margin-bottom: 5px;
    color: #555555;
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    background: url('/assets/img/block-divider.png') repeat-x center center;
    font-family: 'Georgia', Helvetica, Arial, sans-serif;
}

    .knowledge-title a {
        padding-right: 5px;
        color: #0054a8;
        text-decoration: none;
        text-transform: uppercase;
        background: white;
    }

        .knowledge-title a small {
            padding-right: 5px;
            font-size: 12px;
            color: #8f8f8f;
        }

.knowledge-image {
    margin: 0 0 5px 0;
    overflow: hidden;
}

    .knowledge-image img {
        margin: -50px 0 -30px 0px;
        height: 152px;
        min-height: 130px;
    }

.knowledge-caption {
    position: relative;
    padding: 5px 10px;
    height: 20px;
    background: #333333;
    background: rgba(0, 0, 0, 0.65);
    filter: alpha(opacity=80);
    /*IE*/
    -moz-opacity: 0.8;
    /*MOZ , FF*/
    opacity: 0.8;
    /*CSS3, FF1.5*/
}

    .knowledge-caption h4 {
        margin: 0 5px;
        line-height: 25px;
        color: white;
    }

    .knowledge-caption a {
        font-size: 12px;
        color: white;
    }

.knowledge-news {
    margin: 0 0 10px -22px;
    padding: 5px 5px 5px 0;
}

    .knowledge-news li {
        /*list-style-position: inside;*/
        list-style: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .knowledge-news a {
        font-size: 12px;
        color: #777777;
    }

.knowledge-article p {
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0;
}
.knowledge-article, .knowledge-article div, .knowledge-article span, .knowledge-article p {
    font-size: 18px !important;
}
.thumbnails-roster {
    margin-left: 0;
}

    .thumbnails-roster .span6 {
        position: relative;
        margin: 0 0 10px 0;
        text-align: center;
    }

        .thumbnails-roster .span6 img {
            max-width: 85px;
            max-height: 105px;
        }

        .thumbnails-roster .span6 span {
            position: absolute;
            right: 11px;
            bottom: 20px;
        }

.article-title {
    margin-bottom: 5px;
    color: #555555;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    background: url('/assets/img/block-divider.png') repeat-x center center;
    font-family: 'Georgia', Helvetica, Arial, sans-serif;
}

    .article-title a {
        padding-right: 10px;
        color: #5c5c5c;
        background: white;
        text-transform: uppercase;
    }

        .article-title a:hover {
            color: #5c5c5c;
            text-decoration: none;
        }

        .article-title a small {
            padding-right: 5px;
            font-size: 12px;
            color: #8f8f8f;
        }

.article-listing {
    position: relative;
    margin: 15px 0;
    padding: 10px 0px 14px;
    background-color: white;
    border: 0px solid #dddddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.article-content {
    padding-left: 10px;
    padding-bottom: 30px;
    font-size: 12px;
}

    .article-content h5 {
        margin: 5px 0;
        font-size: 14px;
        line-height: 16px;
        font-weight: lighter;
    }

    .article-content p {
        margin: 0 0 20px 0;
    }

.gravatar {
    margin: 15px 0;
}

    .gravatar img {
        padding: 10px;
        background: white;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    }

.agent-photo {
    margin: 15px 0;
}

    .agent-photo img {
        padding: 10px;
        background: white;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    }

.agent-introduction,
related-question {
    padding: 12px;
    padding-top: 0;
}

    .agent-introduction h1,
    related-question h1 {
        color: #555555;
        font-size: 20px;
        line-height: 1.4;
        font-family: 'Georgia', Helvetica, Arial, sans-serif;
    }

    .agent-introduction p,
    related-question p {
        color: #555555;
        font-size: 12px;
    }

.agent-info i {
    margin: 0 5px 8px 0;
    width: 13px;
    text-align: center;
}

.navbar > .navbar-height {
    padding: 0px;
    margin-bottom: -15px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.breadcumb-small {
    font-size: 13px;
    color: #999999;
}

    .breadcumb-small a {
        color: #777777;
    }
/**CCYP.com 知識庫 Category-------------------------------------------------------------------------*/

.media-content a {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 21px;
}

    .media-content a img {
        padding: 0 10px 10px 0;
    }

.media-content p {
    padding: 10px 0 10px 0;
}

    .media-content p a {
        color: #5c5c5c;
        text-decoration: none;
    }

    .media-content p img {
        padding: 0 10px 10px 0;
    }

.media-content small {
    font-size: 12px;
    color: #8f8f8f;
}

.table-article tbody tr {
    width: 100%;
}

    .table-article tbody tr td {
        padding: 10px 8px;
        border-top: 0px;
        border-bottom: 1px solid #dddddd;
    }
/*-------------------------------------------------------------------------------------------------- */

.subject {
    font-size: 12px;
    overflow: hidden;
    height: 22px;
    line-height: 22px;
}

.tp-margin {
    margin-top: 3px;
}

.iconbox,
.iconbox-small {
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.iconbox-small {
    width: 27px;
    height: 27px;
}

.icon_about,
.icon_category,
.icon_comment,
.icon_articles,
.icon_map,
.icon_google,
.icon_ad,
.icon_video,
.icon_photo,
.icon_web,
.icon_sms,
.icon_news,
.icon_callfree,
.icon_mail,
.icon_coupon,
.icon_keywords,
.icon_cl,
.icon_yp,
.icon_q,
.icon_a,
.icon_vote,
.icon_q_small,
.icon_a_small,
.icon_vote_small,
.icon_business,
.icon_post,
.icon_jobs,
.icon_housing,
.icon_sale,
.icon_classified_small {
    background-image: url('/assets/img/icons.png');
    background-repeat: no-repeat;
}

.icon_about {
    background-position: 0 0px;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.icon_category {
    background-position: 0 -176px;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.icon_articles {
    background-position: -44px 0;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.icon_news {
    background-position: 0 -44px;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.icon_coupon {
    background-position: -88px -132px;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.icon_comment {
    background-position: 0 -132px;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.icon_map {
    background-position: -44px -45px;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.icon_q {
    background-position: -44px -176px;
    margin: 0px 0px 5px 5px;
    z-index: 4;
}

.icon_a {
    background-position: -88px -176px;
    margin: 0px 0px 5px 5px;
    z-index: 4;
}

.icon_vote {
    background-position: 0 -218px;
    margin: 0px 0px 5px 5px;
    z-index: 4;
}

.icon_q_small {
    background-position: -44px -219px;
    margin: 5px 5px 5px 0px;
    z-index: 2;
}

.icon_a_small {
    background-position: -71px -219px;
    margin: 5px 5px 5px 0px;
    z-index: 2;
}

.icon_vote_small {
    background-position: -100px -220px;
    margin: 5px 5px 5px 0px;
    z-index: 2;
}

.icon_business {
    background-position: 0px -261px;
    padding: 0 0 2px 20px;
    width: 18px;
    height: 18px;
}

.icon_post {
    background-position: -44px -248px;
    margin: 0px 0px 3px;
    z-index: 2;
}

.icon_photo {
    background-position: -44px -132px;
    margin: -8px 0 5px 10px;
    z-index: 2;
}

.icon_housing {
    background-position: -66px -285px;
    margin: -1px 10px 0 15px;
}

.icon_jobs {
    background-position: 0 -286px;
    margin: -1px 10px 0 15px;
}

.icon_sale {
    background-position: -31px -282px;
    margin: -5px 10px 0 15px;
    width: 30px;
    height: 29px;
}

.icon_classified_small {
    background-position: -71px -247px;
    margin: 5px 5px 5px 0px;
}

.table-nav {
    width: 100%;
}

    .table-nav td {
        padding: 8px;
        line-height: 25px;
        vertical-align: top;
    }

        .table-nav td:hover {
            background-color: #eeeeee;
        }

.form-horizontal .control-label {
    width: 60px;
}

.form-horizontal .controls {
    margin-left: 80px;
}

.select-mini {
    width: 90px;
}

.logo-small {
    margin-right: 4px;
    vertical-align: top;
}

.navbar-inverse {
    border-bottom: 3px solid #ffdd00;
}

    .navbar-inverse .search-query {
        height: 20px;
        font-size: 12px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

.show-top {
    margin-bottom: 0px;
}

.show-top-bottom {
    margin: 0;
}

.show-top [class*="span"] {
    border-radius: 3;
    -moz-border-radius: 3;
    -webkit-border-radius: 3;
}

.nav-links {
    margin-top: 10px;
}

    .nav-links li {
        display: inline;
        padding-right: 5px;
    }

        .nav-links li a {
            color: #666666;
            font-size: 12px;
            -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
            -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
        }

.nav_citys {
    padding-left: 0px;
    padding-top: 20px;
    color: #eeeeee;
}

    .nav_citys a {
        color: #999999;
    }

.navbar-inner-simple {
    min-height: 40px;
    background-color: #222222;
    background-image: -moz-linear-gradient(top, black, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(black), to(#222222));
    background-image: -webkit-linear-gradient(top, black, #222222);
    background-image: -o-linear-gradient(top, black, #222222);
    background-image: linear-gradient(to bottom, black, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33333333', endColorstr='#22222222', GradientType=0);
}

    .navbar-inner-simple h1 {
        font-size: 14px;
        line-height: 25px;
    }

        .navbar-inner-simple h1 small {
            font-size: 12px;
        }

.nav-logo {
    display: block;
    height: 60px;
    width: 200px;
    text-indent: -99999px;
    background-image: url(../img/ccyp_logo.png);
    background-repeat: no-repeat;
}

.comm-dropdown-city {
    padding: 10px 0 5px 5px;
    display: none;
    font-size: 12px;
    width: 260px;
    background-color: white;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#dddddd', Direction=180, Strength=2);
    z-index: -1;
}

    .comm-dropdown-city ul {
        margin: 0;
        padding: 0 5px;
        list-style: none;
        overflow-x: hidden;
    }

        .comm-dropdown-city ul li {
            float: left;
            width: 46%;
            margin: 0 2px 5px 0;
            padding: 0;
            _border-bottom: 1px dashed #f9f9f9;
            text-align: center;
        }

            .comm-dropdown-city ul li.current {
                color: white;
                background: #ffdd00;
            }

                .comm-dropdown-city ul li.current a {
                    color: #434343;
                }

    .comm-dropdown-city .morecitys {
        margin: 5px 5px 0;
        border-top: 1px dashed #616161;
        padding-top: 5px;
        text-align: right;
    }

.btn-group:last-child > .dropdown-toggle-search {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.dropdown-menu-search {
    top: 94%;
    min-width: 0px;
    max-width: 62px;
    padding: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    .dropdown-menu-search li {
        _border-bottom: 1px dashed #f9f9f9;
        text-align: center;
    }

        .dropdown-menu-search li a {
            padding: 3px 28px 3px 12px;
            color: #434343;
        }

            .dropdown-menu-search li a:hover {
                color: #434343;
                background: #ffdd00;
                -webkit-transition: background-color 0.25s linear;
                transition: background-color 0.25s linear;
            }

.dropdown-menu-area {
    min-width: 0px;
    max-width: 120px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    .dropdown-menu-area li {
        _border-bottom: 1px dashed #f9f9f9;
        text-align: right;
    }

        .dropdown-menu-area li a {
            padding: 3px 28px 3px 12px;
            color: #434343;
        }

            .dropdown-menu-area li a:hover {
                color: #434343;
                background: #ffdd00;
                -webkit-transition: background-color 0.25s linear;
                transition: background-color 0.25s linear;
            }

.dmenu {
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: white;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .dmenu li a {
        font-size: 12px;
        line-height: 16px;
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        color: #333333;
        white-space: nowrap;
    }

        .dmenu li a small {
            font-size: 11px;
            color: #999999;
        }

        .dmenu li a:hover {
            text-decoration: none;
        }

    .dmenu li:hover {
        background-color: #efefef;
    }

    .dmenu li.active {
        color: white;
        background: #ffdd00;
    }

.navbar-inverse .navbar-search .search-query,
.navbar-inverse .navbar-search .search-select {
    color: #292929;
    background-color: white;
    border-color: #111111;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.breadcrumb {
    margin: 2px 0 2px 0;
    font-size: 13px;
    color: #666666;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    .breadcrumb a {
        color: #5c5c5c;
    }

.breadcrumb-question {
    font-size: 14px;
}

.table-ad-list {
    margin: 0 0 10px 0;
    width: 100%;
}

    .table-ad-list tr td {
        margin: 0;
        padding: 0;
        text-align: center;
        border-top: 0px solid #dddddd;
    }

        .table-ad-list tr td:first-child {
            text-align: left;
        }

        .table-ad-list tr td:last-child {
            text-align: right;
        }

.tags_listing {
    margin: 9px 0 10px 0;
    width: 100%;
}

    .tags_listing label, .tags_listing ul.list-inline {
        display: inline-block;
    }

.media {
    overflow: hidden;
    zoom: 1;
}

    .media:first-child {
        margin-top: 0;
    }

    .media img {
        vertical-align: middle;
    }

.media-body {
    overflow: hidden;
    zoom: 1;
}

    .media-body:first-child {
        margin-top: 0;
    }

    .media-body img {
        vertical-align: middle;
    }

.media-body-small {
    line-height: 15px;
}

.media-heading {
    margin: 0 0 3px;
    display: block;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

    .media-heading a {
        font-size: 13px;
    }

.media-name,
.media-name a {
    font-size: 12px;
    color: #666666;
    margin: 0;
    overflow: hidden;
}

.media-city-p {
    margin: 0;
    width: 25em;
    display: block;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

    .media-city-p .divider {
        padding: 0 5px;
        color: #cccccc;
    }

.media-p {
    margin: 0;
    display: block;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

.full-page {
    display: block;
    clear: both;
    right: 0;
    bottom: 0;
    padding-right: 0;
}

.scroll-to-top {
    background: url("/assets/img/scroll-to-top.png") no-repeat scroll 0 0 transparent;
    bottom: 45%;
    cursor: pointer;
    display: none;
    width: 22px;
    height: 24px;
    opacity: .4;
    position: fixed;
    right: 15px;
    z-index: 1010;
}

.list-category {
    margin: 0px;
    padding-bottom: 100px;
    width: 100%;
    list-style: none;
}

    .list-category tbody tr:hover {
    }

    .list-category tbody tr td {
        padding: 0 8px;
        vertical-align: middle;
    }

    .list-category h5 {
        margin: 5px 0;
        font-weight: normal;
        font-size: 15px;
    }

    .list-category h6 {
        margin: 5px 0;
        text-align: right;
        font-weight: bold;
        font-size: 12px;
    }

    .list-category li {
        width: 20%;
        float: left;
        list-style: none;
    }

        .list-category li a {
            font-size: 12px;
            line-height: 30px;
            color: #555555;
        }

            .list-category li a small {
                font-size: 12px;
                color: #777777;
            }

.list-category-letter {
    margin: 0px;
    padding-bottom: 100px;
    width: 100%;
    list-style: none;
}

    .list-category-letter li {
        width: 49%;
        display: inline-table;
        float: left;
    }

        .list-category-letter li a {
            font-size: 12px;
            line-height: 30px;
            color: #555555;
        }

            .list-category-letter li a small {
                font-size: 11px;
                color: #d5acac;
                margin-top: 0;
            }
/*CCYP.com SMART LISTING page---------------------------------------------------*/
.list-contain {
    display: table;
    position: relative;
}

.info-left {
    display: table-cell;
}



.yellow-listing .list-result {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.smart {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.list-result,
.regular-list-result {
    position: relative;
    clear: left;
}

.regular-listing {
    margin-top: 20px;
}

.city-list {
    margin-bottom: 20px;
    padding: 10px;
    background-color: whitesmoke;
}

s .city {
    height: 130px;
    overflow: hidden;
    font-size: 12px;
}

.result-content {
    padding: 15px 5px 5px 0px;
}

.list-result,
.regular-list-result {
    border-top-color: white;
}

    .list-result:first-child,
    .regular-list-result:first-child {
        border-top-color: white;
    }

    .list-result:hover,
    .regular-list-result:hover,
    .list-result .list-actions,
    .regular-list-result .list-actions {
        visibility: visible;
    }

    .list-result .result:hover,
    .regular-list-result .result:hover {
    }

.rank.pin {
    background: url('/assets/img/icons.png') no-repeat;
    background-position: -20px -261px;
    width: 22px;
    height: 24px;
    position: relative;
    top: -16px;
    left: -7px;
    text-align: center;
}

.result .rank {
    font-size: 11px;
    color: #222222;
    width: 22px;
}

.result .info h1 {
    margin: 0 0 0 22px;
    font-size: 15px;
    line-height: 25px;
    font-weight: lighter;
    color: #666666;
}

.result .color-page h1 a {
    font-weight: bold;
    color: #d30707;
}

.result .normal-page h1 a {
    font-weight: lighter;
    color: #d30707;
}

.result .info address {
    margin: 4px 0 4px 20px;
    font-size: 12px;
    line-height: 25px;
}

.result .recommend {
    display: table-cell;
    width: 500px;
    text-align: left;
    position: relative;
    left: 20px;
}

.recommend-n {
    display: table-cell;
    width: 250px;
    position: absolute;
    text-align: right;
    top: 0;
    right: 0;
}

.result .recommend a {
    font-size: 12px;
}

.result p {
    margin-left: 20px;
    font-size: 12px;
    line-height: 19px;
}

.list-actions {
    clear: both;
    padding: 5px 5px 10px 35px;
    height: 13px;
    text-align: right;
    font-size: 12px;
    background-color: whitesmoke;
    visibility: hidden;
    overflow: hidden;
}

    .list-actions ul {
        margin: 0;
        padding-left: 0;
        list-style: none;
    }

        .list-actions ul li {
            display: inline;
            float: left;
            padding-left: 10px;
        }

.smart-listing {
    color: white;
    background: url('/assets/img/block-divider-red.png') repeat-x center center;
}

    .smart-listing span {
        background: #990000;
        padding: 5px;
    }

    .smart-listing h1 {
        background: #990000;
        padding: 5px;
        font-size: 16px;
        line-height: 1.4;
        display: inline;
    }

.btn-mini a {
    font-size: 12px;
}
/*CCYP.com Regular LISTING ---------------------------------------------------*/

.regular-listing {
    background: url('/assets/img/block-divider-yellow.png') repeat-x center center;
}

    .regular-listing span {
        background: #ffdd00;
        padding: 5px;
    }
/*CCYP.com Subjects Detail 客戶官網 ---------------------------------------------------*/

.entry-title {
    font-family: 'Georgia', Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 25px;
    border-bottom: 1px dotted #cccccc;
}

    .entry-title span {
        /*background: white;*/
        padding-left: 5px;
        padding-right: 10px;
        padding-right: 1rem;
        text-transform: uppercase;
    }

    .entry-title h3 {
        line-height: 25px;
    }

.entry-first {
    margin-top: 15px;
}

.entry-content {
    padding-left: 10px;
    padding-bottom: 30px;
    overflow: hidden;
}

    .entry-content h2 {
        margin: 5px 0;
        font-size: 12px;
        line-height: 15px;
        font-weight: lighter;
    }

    .entry-content span {
        padding: 0 0px;
        font-size: 15px;
        line-height: 25px;
        /*color: #ccc;*/
    }

    .entry-content .address {
        width: 50%;
        overflow-wrap: break-word;
        float: left;
    }

        .entry-content .address span {
            padding-right: 0px;
        }

        .entry-content .address h5 {
            font-size: 12px;
            color: #777777;
        }

    .entry-content .news li {
        overflow: hidden;
    }

    .entry-content .news img {
        background: #f3f3f3;
        border: 1px solid #e1e1e1;
        padding: 2px;
    }

    .entry-content blockquote p {
        margin-bottom: 10px;
        font-size: 13px;
    }

.about {
    height: 200px;
    overflow: hidden;
}

.about-gallery {
    position: relative;
    margin: 0 10px;
    overflow: hidden;
}

.carousel-img {
    margin: 0 10px 0 51px;
    width: 87%;
}

    .carousel-img .item {
        overflow: hidden;
    }

        .carousel-img .item ul {
            margin: 0 3px;
            width: 690px;
            height: 100px;
            overflow: hidden;
        }

            .carousel-img .item ul li {
                margin-left: 10px;
                width: 158px;
                height: 100px;
                float: left;
                overflow: hidden;
            }

                .carousel-img .item ul li:first-child {
                    margin-left: 0;
                }

                .carousel-img .item ul li p {
                    position: absolute;
                    margin-left: 6px;
                    padding: 0 5px;
                    color: white;
                    border-radius: 0 0 6px 6px;
                    -moz-border-radius: 0 0 6px 6px;
                    -webkit-border-radius: 0 0 6px 6px;
                    top: 0;
                    background-color: rgba(0, 0, 0, 0.5);
                    z-index: 3;
                }

.carousel-control-about-gallery {
    width: 20px;
    height: 100px;
    margin-top: -41px;
    font-size: 50px;
    line-height: 90px;
    border: 1px solid white;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    opacity: 0.5;
    filter: alpha(opacity=30);
}

    .carousel-control-about-gallery.left {
        left: 30px;
        right: auto;
    }

    .carousel-control-about-gallery.right {
        right: 30px;
        left: auto;
    }
/*CCYP.com Question page---------------------------------------------------*/

.dmenu-question {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    background-color: whitesmoke;
    border: 1px solid #cccccc;
    border: 1px solid transparent;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .dmenu-question .brand {
        font-size: 15px;
        color: #292929;
        background-color: #e1e1e1;
    }

    .dmenu-question li {
        position: relative;
        overflow: hidden;
        height: 32px;
        line-height: 30px;
        text-indent: 2px;
        padding-top: 2px;
        z-index: 2;
        border-top: 1px solid white;
        border-bottom: 1px solid #dddddd;
        -webkit-backface-visibility: hidden;
        -webkit-transition: height .2s ease;
        -moz-transition: height .2s ease;
        transition: height .2s ease;
    }

        .dmenu-question li i {
            margin: -2px 10px 0 15px;
            font-size: 28px;
        }

        .dmenu-question li.title {
            height: 50px;
            background-color: #f2f2f2;
        }

            .dmenu-question li.title a {
                padding-left: 8px;
                line-height: 44px;
                font-size: 20px;
            }

            .dmenu-question li.title.active:before {
                top: 17px;
            }

            .dmenu-question li.title.active:after {
                top: 15px;
            }

            .dmenu-question li.title span {
                top: 14px;
                width: 22px;
                height: 22px;
                line-height: 22px;
                background-color: #5c5c5c;
            }

        .dmenu-question li:hover {
            background-color: #e1e1e1;
        }

        .dmenu-question li span {
            position: absolute;
            display: block;
            width: 22px;
            height: 18px;
            text-indent: 0;
            line-height: 18px;
            text-align: center;
            font-size: 11px;
            z-index: -1;
            top: 6px;
            right: 10px;
            color: white;
            background-color: #999999;
            box-shadow: 0 0px 1px 0px 0px white;
            -webkit-box-shadow: 0 0px 1px 0px 0px white;
            -moz-box-shadow: 0 0px 1px 0px 0px white;
            border-radius: 2px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
        }

        .dmenu-question li.active {
            background-color: #e0eaf1;
            border-top: 0px solid #dddddd;
            -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
        }

            .dmenu-question li.active:first-child {
                border-top: none;
            }

            .dmenu-question li.active:before {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                /*border-top: 9px solid #017fc8;
				border-right: 10px solid #017fc8;
				border-bottom: 9px solid #017fc8;*/
                top: 8px;
                right: 0;
            }

            .dmenu-question li.active:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                /*border-top: 9px solid rgba(255,255,255,0);
				border-right: 10px solid #ffffff;
				border-bottom: 9px solid rgba(255,255,255,0);*/
                top: 6px;
                right: 0;
            }

        .dmenu-question li .last {
            border-bottom: none;
        }

        .dmenu-question li a {
            line-height: 24px;
            display: inline-block;
            padding: 3px 0px 3px 8px;
            clear: both;
            font-weight: normal;
            color: #333333;
            white-space: nowrap;
            display: block;
        }

            .dmenu-question li a:hover {
                text-decoration: none;
            }

            .dmenu-question li a small {
                font-size: 11px;
                color: #434343;
                padding-left: 5px;
            }

.navbar-inverse-question {
    border-top: 1px solid white;
    border-bottom: 1px solid #dddddd;
    background-color: #e1e1e1;
}

    .navbar-inverse-question .brand {
        color: #292929;
    }

        .navbar-inverse-question .brand:hover {
            color: #292929;
        }

.nav-tabs-question li a:hover {
    background-color: #ebebeb;
    border-color: #51a351 #51a351 #ebebeb;
}

.nav-tabs-question .active a {
    cursor: default;
    background-color: white;
    border: 1px solid #51a351;
    border-bottom-color: transparent;
}

    .nav-tabs-question .active a:hover {
        border-color: #51a351 #51a351 white;
    }

.label-qtags {
    display: inline-block;
    padding: 2px 4px;
    margin: 0 3px 5px 0;
    font-size: 12px;
    font-weight: lighter;
    line-height: 14px;
    color: #666666;
    vertical-align: baseline;
    border-bottom: 1px solid #d8ce88;
    border-right: 1px solid #d8ce88;
    white-space: nowrap;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff6b6;
}

    .label-qtags:hover {
        background-color: #ffe63e;
    }

.form-askbar {
    margin: 0;
}

.tag-multiplier,
.tag-count,
.qtime,
.requestion-score {
    margin-right: 5px;
    font-size: 11px;
    color: #777777;
}

.form-search input,
.askbar {
    margin: 0px 0;
    max-width: 100%;
}

.form-search input,
.askbarinput {
    height: 20px;
    width: 590px;
    border: 1px solid #51a351;
    border-radius: 0px;
}

.qbtn {
    margin: -10px 0 0 0px;
    background: #51a351;
    color: white;
    border: 0px;
    width: 60px;
    height: 30px;
    border-radius: 0px;
}

.ask-bar {
    margin-bottom: 20px;
    padding: 5px 0px 0px 0px;
    /*background-color: @color-light-yello;*/
}

    .ask-bar p {
        margin-left: 4%;
        font-size: 12px;
        color: #777777;
    }

        .ask-bar p i {
            margin-right: 5px;
        }

    .ask-bar .ask-bar-btn {
        margin-left: 53%;
    }

.qtime {
    margin: 0;
}

.requestion-score {
    margin: 0;
}

.entry-question {
    margin-top: 10px;
    border-bottom: 1px solid #CCC;
}

.housebox {
    padding-top: 0px;
    border-top: 1px solid #CCC;
    padding-left: 0px;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

.qstats {
    float: left;
    margin-right: 8px;
}
/*問答首頁List 問答數目框----------------------------------*/

.answer-count-list {
    position: relative;
    padding: 5px 0 2px 0;
    font-size: 12px;
    line-height: 16px;
    display: block;
    clear: both;
    font-weight: normal;
    color: #333333;
    background: whitesmoke;
}

.count-answers {
    margin: 0 0 2px 0;
    font-size: 18px;
    color: #777777;
    font-weight: normal;
}

.count-answers-answered {
    color: white;
}

.count-answers-unanswered {
    color: white;
}

.answer {
    padding: 2px 0 4px 0;
    color: #5c5c5c;
    font-weight: normal;
}

    .answer p {
        font-size: 15px;
        overflow: hidden;
    }

.answer-answered {
    color: white;
}

.answer-unanswered {
    color: white;
}

.vote {
    padding: 3px 0;
    text-align: center;
    font-size: 12px;
    background-color: whitesmoke;
}

.count {
    margin: 0;
    padding: 4px 0;
    font-size: 12px;
    color: #777777;
}

.qsarrow-right {
    position: absolute;
    right: -5px;
    top: 6px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid whitesmoke;
}

.qsarrow-right-answered {
    border-left: 8px solid #017fc8;
}

.qsarrow-right-unanswered {
    border-left: 8px solid #017fc8;
}

.qsarrow-left {
    position: absolute;
    right: 270px;
    top: 10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #ffffcc;
}

.qsarrow-up {
    position: absolute;
    right: 0px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffcc;
}

.qsarrow-down {
    position: absolute;
    right: 10px;
    top: 53px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffffcc;
}

.qtitle {
    margin: 0 0 10px 8px;
}

    .qtitle small a {
        font-size: 13px;
        color: #5c5c5c;
        text-decoration: none;
        overflow: hidden;
    }

    .qtitle p {
        color: #5c5c5c;
    }

.btn-tagsmall {
    margin: 0 0 5px 0;
    padding: 1px 4px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.qtime {
    font-size: 11px;
    color: #777777;
}

.requestion-score {
    font-size: 11.5px;
    color: #777777;
}

.nav-askquestion-btn {
    margin-bottom: 18px;
}

    .nav-askquestion-btn li {
        /*background-color: @color-light-yello;
        border-width:1px;
        border-style:solid;
        border-color: lighten(@color-ccyp, 10%) darken(@color-ccyp, 5%) darken(@color-ccyp, 10%) lighten(@color-ccyp, 5%);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*/
        width: 271px;
        height: 35px;
        border: 0px;
        outline: none;
        margin-top: 3px;
        background: url(/assets/img/faqq.jpg) no-repeat;
    }

    .nav-askquestion-btn a {
        width: 271px;
        height: 35px;
        border: 0px;
        outline: none;
        margin-top: 3px;
        background: url(/assets/img/faqq.jpg) no-repeat;
    }

.top_users {
    padding: 0 0 10px 0;
}
/*CCYP.com Question bulletin board 布告欄---------------------------------------------------*/

.carousel .title {
    position: absolute;
    margin-left: 6px;
    padding: 3px 5px;
    color: white;
    border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 3;
}

.carousel-indicators-question {
    position: absolute;
    top: 130px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

    .carousel-indicators-question li {
        background-color: #cccccc;
        background-color: rgba(255, 255, 255, 0.25);
    }

.carousel-caption-question {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #5998c4;
}

    .carousel-caption-question hr {
        margin: 8px 0;
    }
/*CCYP.com Question Accounts page---------------------------------------------------*/

.online-expert {
    margin-bottom: 10px;
}

    .online-expert img {
        max-width: 68px;
        max-height: 85px;
    }

.table-userinfo {
    width: 100%;
}

    .table-userinfo td {
        padding: 8px;
        line-height: 25px;
        vertical-align: top;
    }

.user-panel-answers {
    margin-bottom: 26px;
}

.answer-count {
    margin: 0 5px 2px 0;
    padding: 4px 4px 5px 4px;
    width: 20px;
    height: 20px;
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    float: left;
    color: #555555;
    background-color: whitesmoke;
}

.answer-count-answered,
.answer-count-list-answered {
    color: white;
    background: #51a351;
}

.answer-count-unanswered,
.answer-count-list-unanswered {
    color: white;
    background: #51a351;
    height: 40px;
}

.answer-count-subheader {
    padding: 10px 0 0 0;
    width: 30px;
    height: 30px;
    font-size: 24px;
    color: #555555;
    background: #ffde05;
}

.subheader {
    margin-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
}

    .subheader h4 {
        margin: 10px 10px;
        font-size: 28px;
        color: #555555;
    }
/*CCYP.com Question pop-up---------------------------------------------------*/

.modal-body-bg {
    background-repeat: no-repeat;
    background-image: url('/assets/img/question/popup-bg.png');
}

.form-horizontal .control-group:last-child {
    margin: 0;
}

.form-question-account {
    margin: 0;
}
/*CCYP.com Question tags---------------------------------------------------*/

.related-tags-question ul {
    margin-left: 0;
    list-style: none;
}

    .related-tags-question ul li {
        display: inline;
    }
/*CCYP.com Question Edit page---------------------------------------------------*/

.tag {
    display: inline-block;
    padding: 2px 4px;
    margin: 2px 3px 0;
    font-size: 12px;
    font-weight: lighter;
    line-height: 14px;
    color: #666666;
    vertical-align: baseline;
    border-bottom: 1px solid #f0c36d;
    border-right: 1px solid #f0c36d;
    white-space: nowrap;
    text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffcc;
}

.tagbar {
    padding: 2px 0;
    width: 543px;
    position: relative;
    overflow: hidden;
    cursor: text;
    white-space: nowrap;
    background-color: white;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .tagbar input {
        margin: 3px 6px;
        padding: 0 !important;
        width: 88px;
        border: none !important;
        outline: 0 !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        background-color: transparent !important;
    }

.input,
.select,
.button {
    border: 1px solid #999999;
    font-size: 100%;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*CCYP.com Question Details page---------------------------------------------------*/

.container-fluid question {
    margin: 0;
}

.vote-updown span {
    font-size: 22px;
    color: #777777;
}

.awcomment {
    margin: 0;
    padding: 5px 0 5px 5px;
    border-bottom: 1px dashed #CCC;
}

    .awcomment a {
        margin-right: 5px;
    }

        .awcomment a img {
            margin-right: 0;
        }

    .awcomment img {
        margin-right: 5px;
    }

    .awcomment span {
        margin: 0 0 0 22px;
        color: #5c5c5c;
    }

    .awcomment small {
        font-size: 95%;
    }

.user {
    font-size: 13px;
}

.up {
    margin: 3px 0 0 0;
}

    .up a {
        display: inline-block;
        height: 20px;
        width: 26px;
        background-repeat: no-repeat;
        background-position: -433px -820px;
    }

.answer-accepted-vote {
    margin: 3px 0 0 0;
    padding: 0 0 0 7px;
}

    .answer-accepted-vote a,
    .answer-accepted-vote span {
        display: inline-block;
        cursor: pointer;
        height: 20px;
        width: 26px;
        background-repeat: no-repeat;
        background-position: -99px -727px;
        background-image: url("../img/cyicons-g.png");
        text-indent: -9999em;
        font-size: 1px;
    }

        .answer-accepted-vote a.accepted,
        .answer-accepted-vote span {
            background-image: url("../img/cyicons-y.png");
        }

    .answer-accepted-vote span {
        cursor: default;
    }

.count-vote {
    margin: 0 0 3px 0;
}

.down {
    margin: 3px 0 0 0;
}

    .down a {
        display: inline-block;
        height: 20px;
        width: 26px;
        background-repeat: no-repeat;
        background-position: -386px -770px;
    }

.follow {
    margin: 5px;
}

.btn-vote,
.unaccepted {
    background-image: url("/assets/img/cyicons-g.png");
}

.btn-voteon,
.accepted {
    background-image: url("/assets/img/cyicons-y.png");
}

.lead-question-title {
    white-space: inherit;
}
/*CCYP.com Question ask page---------------------------------------------------*/

.inupt-ask {
    width: 480px;
}

.field-validation-error-ask {
    margin-top: 5px;
}

.label-edit {
    margin-top: 5px;
    width: 45px;
}
/*icons-------------------------------------------------------------------*/

.icon-remove-circle {
    line-height: 7px;
    margin: 0 5px;
    font-size: 14px;
}

    .icon-remove-circle:hover {
        color: #b20000;
    }

.social-icons {
    margin: 0 0 20px;
}

    .social-icons ul {
        margin: 0;
    }

        .social-icons ul li {
            display: inline;
            margin: 0 5px 0 0;
        }

    .social-icons a {
        cursor: pointer;
        display: inline-block;
        height: 26px;
        width: 26px;
        background-image: url("/assets/img/cyicons-g.png");
        background-repeat: no-repeat;
    }

        .social-icons a:hover {
            background-image: url("/assets/img/cyicons-y.png");
        }

.a,
.gl {
    background-position: -96px -1825px;
}

.a,
.fb {
    background-position: -1px -1969px;
}

.a,
.tw {
    background-position: -49px -1969px;
}

.a,
.yt {
    background-position: -96px -1921px;
}
/***CCYP.com Classified page--------------------------------------------------------------------------------------------------------*/

.nav-classified-btn {
    margin-bottom: 18px;
}

    .nav-classified-btn li {
        background-color: #ffffcc;
        border-width: 1px;
        border-style: solid;
        border-color: #ffe433 #e6c700 #ccb100 #ffe01a;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .nav-classified-btn a {
        padding: 11px 0 11px 60px;
        font-size: 15px;
        background: url(../img/classified/classified-btn.png) no-repeat;
    }

.brand-post-title {
    float: left;
    display: block;
    padding: 10px;
    margin-left: -20px;
    font-size: 15px;
    color: #777777;
    text-shadow: 0 1px 0 white;
    text-decoration: none;
}

    .brand-post-title span {
        height: 60px;
        margin-top: 20px;
        line-height: 5px;
    }

.btn-navbar-post {
    padding: 7px 5px;
}

#classified-image-panel ul {
    margin: 0 0 10px 0;
}

    #classified-image-panel ul li {
        margin-bottom: 5px;
        list-style: none;
        background-color: whitesmoke;
        width: auto;
    }

        #classified-image-panel ul li img {
            margin: 10px;
        }

.btn-mini-defaulimg {
    margin-left: 10px;
}

.form-actions-classified {
    padding-left: 80px;
}

.well-none-border {
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0 0;
    -webkit-box-shadow: 0 0;
    -moz-box-shadow: 0 0;
}
/***CCYP.com Classified PostGuid page--------------------------------------------------------------------------------------------------------*/

.well-none-border-jobs h2,
.well-none-border-housing h2,
.well-none-border-for-sale h2,
.well-none-border-jobs h4,
.well-none-border-housing h4,
.well-none-border-for-sale h4 {
    margin-left: 10px;
    color: white;
}

.well-none-border-jobs {
    background-color: #2693ff;
}

.well-none-border-housing {
    background-color: #27cfcf;
}

.well-none-border-for-sale {
    background-color: #b20000;
}

.well-classified-category {
    padding: 0;
}

.well-none-border-default-img {
    margin: 0 0 5px 5px;
}

    .well-none-border-default-img h5 {
        margin: 0 0 10px 0;
    }

    .well-none-border-default-img img {
        width: 148px;
    }

.blockquote-postguide {
    margin: 0px 0 0 0;
    padding: 5px 0 5px 15px;
    color: white;
}

.blockquote-postlink {
    padding: 5px;
}

    .blockquote-postlink a {
        margin: 0 5px;
        font-size: 15px;
        color: white;
    }

.icon-post {
    margin: 7px 0 0 4px;
    width: 60px;
    height: 36px;
    background: url(../img/classified/classified-btn.png);
    background-repeat: no-repeat;
}

.icon-classified {
    width: 270px;
    height: 80px;
}

.icon_b_jobs,
.icon_b_housing,
.icon_b_for_sale,
.icon_b_community,
.icon_b_w_jobs,
.icon_b_w_housing,
.icon_b_w_for_sale,
.icon_b_w_community,
.icon_b_now_hiring,
.icon_b_find_jobs,
.icon_b_for_lease,
.icon_b_housing_wanted,
.icon_b_seller,
.icon_b_buyer {
    background-image: url('/assets/img/classified/classified-icon.png');
    background-repeat: no-repeat;
}

.icon_b_jobs {
    background-position: 0 0;
    height: 65px;
}

.icon_b_housing {
    background-position: -66px -288px;
    margin: -7px 0 0 20px;
}

.icon_b_for_sale {
    background-position: -31px -285px;
    margin: -10px 0 0 20px;
    width: 30px;
    height: 34px;
}

.icon_b_now_hiring {
    background-position: 0 -635px;
    height: 73px;
}

.icon_b_find_jobs {
    background-position: 0 -866px;
    height: 65px;
}

.icon_b_for_lease {
    background-position: 0 -706px;
    height: 71px;
}

.icon_b_housing_wanted {
    background-position: 0 -932px;
    height: 73px;
}

.icon_b_seller {
    background-position: 0 -779px;
    height: 78px;
}

.icon_b_buyer {
    background-position: 0 -1007px;
    height: 76px;
}

.icon_b_w_jobs {
    background-position: -10px -317px;
    height: 72px;
    margin: -7px 0 0 0;
}

.icon_b_w_housing {
    background-position: -10px -387px;
    height: 80px;
    margin: -7px 0 0 0;
}

.icon_b_w_for_sale {
    background-position: -10px -466px;
    height: 80px;
    margin: -7px 0 0 0;
}
/***CCYP.com Classified list page--------------------------------------------------------------------------------------------------------*/

.classified-img-list-jobs,
.classified-img-list-housing,
.classified-img-list-for-sale {
    padding: 7px 0;
}

    .classified-img-list-jobs img,
    .classified-img-list-housing img,
    .classified-img-list-for-sale img {
        max-width: 90%;
    }

.classified-img-list-jobs,
.price-jobs {
    background-color: #bfdfff;
}

.classified-img-list-housing,
.price-housing {
    background-color: #cfffbf;
}

.classified-img-list-for-sale,
.price-for-sale {
    background-color: #ffcccc;
}

.arrow-right-list-jobs,
.arrow-right-list-housing,
.arrow-right-list-for-sale {
    top: 0;
}

.arrow-right-list-jobs {
    border-left: 10px solid #bfdfff;
}

.arrow-right-list-housing {
    border-left: 10px solid #cfffbf;
}

.arrow-right-list-for-sale {
    border-left: 10px solid #ffcccc;
}

.breadcrumb-classified {
    padding: 0;
    font-size: 12px;
    background-color: white;
}

    .breadcrumb-classified a {
        color: #5c5c5c;
    }

.entry-classified {
    padding-bottom: 10px;
}

.price {
    padding: 2px 0;
    /*text-align: center;*/
    font-size: 13px;
    font-weight: 900;
    color: #ff5252;
}
/***CCYP.com Classified category page-----------------------------------------------------------------------------------------------------*/

.blockquote-category {
    padding-left: 4px;
    margin-left: 50%;
}

.blockquote-postlink-category {
    padding: 2px;
}

    .blockquote-postlink-category a {
        font-size: 13px;
    }
/***CCYP.com Classified Details page------------------------------------------------------------------------------------------------------*/

.table-details td,
.table-details th {
    font-size: 15px;
}

.ul-details li {
    line-height: 30px;
    padding-bottom: 5px;
    font-size: 15px;
}

    .ul-details li .price {
        font-size: 20px;
        font-weight: 700;
        color: #ee2222;
        zoom: 1;
        vertical-align: middle;
    }

    .ul-details li span.field {
        display: inline-block;
        width: 80px;
    }
/*CCYP.com Topic page---------------------------------------------------------------------------------------------------------------------*/

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 18px;
    overflow: hidden;
}

    .flex-video.index {
        margin: 0 0 5px 0;
        height: 20px;
        overflow: visible;
    }

    .flex-video.widescreen {
        padding-bottom: 57.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

    .flex-video iframe,
    .flex-video object,
    .flex-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0;
    }
}

.thumbnail-tv a:hover {
    border-color: #ffdd00;
}

.special-header {
    padding-bottom: 0px;
}

.special-say-banner {
    background-repeat: no-repeat;
    background-image: url('/assets/img/say_banner.gif');
}

    .special-say-banner h4 {
        margin: 0 0 10px 0;
        padding: 18px 0 20px 20px;
    }

.special-list-title {
    background-image: url('/assets/img/border-black.png');
}

.comment-input input {
    margin: 8px 8px 8px 0;
}
/***CCYP.com accounts page--------------------------------------------------------------------------------------------------------*/

.classified-icon-background-jobs {
    color: white;
    background-color: #2693ff;
}

.classified-icon-background-housing {
    color: white;
    background-color: #228c00;
}

.classified-icon-background-for-sale {
    color: white;
    background-color: #990000;
}
/*CCYP.com footer ------------------------------------------------------------------------*/

.footernav {
    margin: 0 30px 40px;
    padding: 0;
    text-align: justify;
}

    .footernav ul {
        list-style: none;
        margin: 10px;
        padding: 0;
        overflow: hidden;
    }

        .footernav ul li {
            display: inline;
            margin: 0;
            padding: 5px 9px;
            font-size: 14px;
            border-left: 1px solid #cccccc;
        }

            .footernav ul li:first-child {
                border: none;
                padding: 0 10px 0 0;
            }

            .footernav ul li .active a {
                color: #666666;
            }
/*CCYP.com Login page * Author: Joyce */

.loginbox {
    border: 1px solid #cccccc;
    padding: 20px 0 20px 0;
    background: #f8f8f8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 20px 20px;
    box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 4px 4px 9px rgba(0, 0, 0, 0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
    /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
    /* For IE 5.5 - 7 */
}

    .loginbox .title_bg {
        background-color: #faa732;
        background-image: -moz-linear-gradient(top, #fbb450, #f89406);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
        background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
        background-image: -o-linear-gradient(top, #fbb450, #f89406);
        background-image: linear-gradient(to bottom, #fbb450, #f89406);
        background-repeat: repeat-x;
        *background: #f89406 !important;
        border-color: #f89406 #f89406 #ad6704;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
        box-shadow: 4px 2px 9px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 4px 2px 9px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 4px 2px 9px rgba(0, 0, 0, 0.2);
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
        /* For IE 8 */
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc');
        /* For IE 5.5 - 7 */
        color: white;
        font: 14px/35px SimHei;
        vertical-align: bottom;
    }

    .loginbox .space {
        padding: 0 0 0 20px;
        margin: 0 0 10px 0;
    }

.add-on .sp {
    margin: 0 0 0 10px;
}

.loginmenubar {
    margin-top: 20px;
}

.field-validation-valid {
    display: none;
}

.field-validation-error {
    color: red;
    font-size: 12px;
    margin: 0 0 10px 0;
    list-style-type: none;
    display: inline-block;
}

.validation-summary-errors ul li {
    width: 89%;
    margin: 0 0 0 -25px;
    color: red;
    font-size: 12px;
    display: inline-block;
}

.userlogin {
    margin: 0 0 20px 0;
    padding: 0 0 40px 0;
}

.loginbg {
    background: url("http://www.ccyp.com/Images/image_Index/bg_ie7.png");
    background-repeat: no-repeat;
    background-position-x: 200px;
    background-position-y: 0px;
    background-attachment: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.loginfont {
    font-size: 15px;
    font-family: SimHei;
    color: white;
    margin: 0 0 0 20px;
}

.checkbox {
    margin-top: 5px;
    margin-top: 0px\9;
}

.login_name {
    color: #f89406;
    font-weight: bold;
}

.login_info {
    margin: 0 20px 0 20px;
}

.form-actions .btn {
    font-family: 'Georgia', Helvetica, Arial, sans-serif;
}

.control-group .registertitle {
    width: 60px;
}

.test-long-name {
    padding-left: 50px;
}
/*Fashion CSS*/

.fashion-article-title {
    margin-bottom: 5px;
    color: #555555;
    font-size: 20px;
    line-height: 1.4;
    text-align: left;
    background: url('/assets/img/block-divider.png') repeat-x center center;
    font-family: 'Georgia', Helvetica, Arial, sans-serif, 'Microsoft JhengHei', PMingLiU;
}

    .fashion-article-title span {
        background: white;
        padding-right: 10px;
        padding-right: 1rem;
        text-transform: uppercase;
    }

        .fashion-article-title span a {
            color: #555555;
        }

.fashion-right-sp {
    margin: 0 0 20px 0;
}

.fa-small-img {
    margin: 20px 0 20px 0;
}

.fa-l-img {
    max-width: 270px;
    height: 150px;
    /*width: ~"expression(document.body.clientWidth>270?"270px":auto)";*/
    overflow: hidden;
    margin: 20px 0 0 0;
}

.p-bg {
    background-color: #fdfeed;
    width: auto;
    height: auto;
    padding: 5px;
    letter-spacing: 0.1em;
}

.f-font .title {
    color: #333333;
    font: 20px bold Arial, Helvetica, sans-serif, 'Microsoft JhengHei', PMingLiU;
}

.fr {
    float: right;
}

.fa-rd-more,
.fa-rd-more:after {
    background-color: #777777;
    font-family: Arial, Helvetica, sans-serif, 'Microsoft JhengHei', PMingLiU;
    color: white;
    padding: 1px 15px 1px 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    cursor: pointer;
    margin: 0px;
}

    .fa-rd-more:hover {
        background-color: #333333;
        font-family: Arial, Helvetica, sans-serif, 'Microsoft JhengHei', PMingLiU;
        color: white;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        cursor: pointer;
        text-decoration: none;
        margin: 0px;
    }

.fa-icon {
    font-size: 35px;
    color: rgba(0, 0, 0, 0.5);
    margin: 2px;
}

    .fa-icon:hover {
        color: rgba(0, 0, 0, 0.2);
    }

.fa-writer {
    margin: 20px 0 0 0;
}

.fa-look-l {
    overflow: hidden;
    margin: 20px 0 0 0;
    border: 2px solid white;
}

.fa-look-s {
    overflow: hidden;
    margin: 20px 0 0 10px;
    border: 2px solid white;
}

    .fa-look-s:last-child {
        overflow: hidden;
        margin: 0 0 0 10px;
        border: 2px solid white;
    }

.f-font {
    color: #16072d;
}

.fa-time-color {
    margin: 0 3px 0 0;
}

.fa-tag {
    display: inline-block;
    padding: 2px 4px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    font-weight: lighter;
    line-height: 14px;
    color: #666666;
    vertical-align: baseline;
    border-bottom: 1px solid #e7a9f5;
    border-right: 1px solid #e7a9f5;
    white-space: nowrap;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffcc;
}

.t-mg {
    margin-top: 20px;
}

.fa-slide-img {
    max-width: 270px;
    max-height: 200px;
    /*width:~"expression(document.body.clientWidth>270?"270px":auto)";*/
    overflow: hidden;
    margin: 20px 0 0 0;
}

.arrow-position {
    top: 55%;
}

.fa-carousel-control.right {
    left: auto;
    right: 15px;
}

.fa-carousel-control:hover,
fa-carousel-control:active,
fa-carousel-control:focus {
    color: white;
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.fashion-list-menu {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    background-color: whitesmoke;
    border: 1px solid #cccccc;
    border: 1px solid transparent;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .fashion-list-menu li {
        position: relative;
        overflow: hidden;
        height: 30px;
        line-height: 30px;
        text-indent: 2px;
        z-index: 2;
        font-size: 15px;
        border-top: 1px solid white;
        border-bottom: 1px solid #dddddd;
        -webkit-backface-visibility: hidden;
        -webkit-transition: height .2s ease;
        -moz-transition: height .2s ease;
        transition: height .2s ease;
    }

        .fashion-list-menu li:hover {
            background-color: #e1e1e1;
        }

        .fashion-list-menu li a {
            line-height: 24px;
            display: inline-block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            color: #333333;
            white-space: nowrap;
            display: block;
        }

            .fashion-list-menu li a:hover {
                background-color: #e1e1e1;
                display: inline-block;
            }

            .fashion-list-menu li a small {
                font-size: 11px;
                color: #999999;
                padding-left: 10px;
            }

        .fashion-list-menu li.active {
            background-color: #ffffcc;
            border-top: 0 solid #dddddd;
            -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        }

            .fashion-list-menu li.active:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-top: 9px solid rgba(255, 255, 255, 0);
                border-right: 10px solid white;
                border-bottom: 9px solid rgba(255, 255, 255, 0);
                top: 6px;
                right: 0;
            }

.fashion-article {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.fashion-heading {
    font-size: 15px;
    font-weight: bold;
}

.fashion-icon-space {
    margin: 0 5px 0 0;
}

.fashion-name,
.fashion-name a {
    font-size: 12px;
    color: #666666;
    margin: 0;
    overflow: hidden;
}

.fashion-p {
    margin: 0;
    width: 25em;
    display: block;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}

    .fashion-p .divider {
        padding: 0 5px;
        color: #cccccc;
    }

.fashion-p {
    margin: 0;
    display: block;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
}
/* Large desktop---------------------------------------------------------------------------------- */

@media (min-width: 1200px) {
    /* 問答與分類導航 */

    .dmenu-question li.title a {
        padding-left: 2px;
    }
    /* 首頁導航 index sidenav */

    .sidenav li a {
        font-size: 12px;
    }

    .sidenav .banner p {
        padding: 7px 0 0 80px;
    }

        .sidenav .banner p a {
            font-size: 12px;
        }
}
/* Tablet to desktop---------------------------------------------------------------------------------- */

@media (min-width: 980px) and (max-width: 1199px) {
    /* 首頁city導航 index locationnav */

    .locationnav {
        margin-left: 340px;
    }
    /* 問答與分類導航 */

    .dmenu-question li a small {
        font-size: 0px;
    }

    .dmenu-question li i {
        margin-top: -7px;
    }

    .dmenu-question li.title a {
        padding-left: 2px;
        font-size: 12px;
    }
    /* 分類導航icons*/

    .icon_jobs,
    .icon_housing,
    .icon_sale {
        margin-left: 10px;
    }
    /* 問答搜尋input */

    .form-search input,
    .askbar {
        max-width: 80%;
    }

    .ask-bar .ask-bar-btn {
        margin-left: 42%;
    }
    /* 全頁面about us 圖片  */

    .carousel-img {
        width: 83%;
    }
    /* 時尚 slideshow photo*/

    .fa-slide-img {
        max-width: 166px;
        max-height: 124px;
        /* width: ~"expression(document.body.clientWidth>166?"166px":auto)";*/
    }
    /*時尚 list*/

    .fashion-list-menu li a small {
        font-size: 0;
    }
}
/* Tablet ------------------------------------------------------------------------------------------- */

@media (min-width: 768px) and (max-width: 979px) {
    /* 問答與分類導航 */

    .dmenu-question li a small {
        font-size: 0px;
    }

    .dmenu-question li i {
        margin-top: -7px;
    }

    .dmenu-question li.title a {
        padding-left: 2px;
        font-size: 12px;
    }
    /* 問答搜尋input */

    .form-search input,
    .askbar {
        max-width: 75%;
    }

    .ask-bar .ask-bar-btn {
        margin-left: 42%;
    }
    /* 分類導航icons*/

    .icon_jobs,
    .icon_housing,
    .icon_sale {
        margin-left: 10px;
    }
    /* 首頁city導航 index locationnav */

    .locationnav {
        margin-left: 340px;
    }
    /* 首頁導航 index sidenav */

    .sidenav li a {
        font-size: 12px;
    }

    .sidenav .banner p {
        padding: 7px 0 0 80px;
    }

        .sidenav .banner p a {
            font-size: 12px;
        }
    /* 全頁面about us 圖片  */

    .carousel-img {
        width: 78%;
    }
    /* 時尚 slideshow photo*/

    .fa-slide-img {
        max-width: 166px;
        max-height: 124px;
        /*width: ~"expression(document.body.clientWidth>166?"166px":auto)";*/
    }
    /*時尚 list*/

    .fashion-list-menu li a small {
        font-size: 0;
    }
}
/* phone ----------------------------------------------------------------------------------------- */

@media (min-width: 484px) and (max-width: 767px) {
    /* 問答搜尋input */

    .form-search input,
    .askbar {
        max-width: 80%;
    }

    .ask-bar .ask-bar-btn {
        margin-left: 50%;
    }
    /* 首頁city導航 index locationnav */

    .locationnav {
        margin-left: 240px;
    }
    /* 全頁面about us 圖片  */

    .carousel-img {
        width: 75%;
    }
    /* layout foot background */

    .foot_area {
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
    }
    /* 全頁面about us 圖片  */

    .carousel-img {
        width: 81%;
    }
}
/* phones and down ------------------------------------------------------------------------------- */

@media (min-width: 200px) and (max-width: 483px) {
    .header-banner {
        height: 150px;
    }

        .header-banner h1 {
            line-height: 18px;
        }
    /* 問答搜尋input */

    .form-search input,
    .askbar {
        max-width: 70%;
    }

    .ask-bar .ask-bar-btn {
        margin-left: 0%;
    }
    /* layout foot background */

    .foot_area {
        margin-right: -20px;
        margin-left: -20px;
        padding-left: 20px;
    }
    /* 全頁面about us 圖片  */

    .carousel-img {
        width: 70%;
    }
}
/*------------------------------------------------------------------------------------------------- */

/* for page Loading by Rocky */

.modal-loader {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    background: rgba(255, 255, 255, 0.8) url('http://ccyp2.com/assets/img/loader.gif') 50% 50% no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */

/* Anytime the body has the loading class, our
   modal element will be visible */

body.loading {
    overflow: hidden;
}

    body.loading .modal-loader {
        display: block;
    }
/* Jelly 11/20/2013 */

.graybg-jelly {
    background: whitesmoke;
    padding: 7px 5px 7px 10px;
    margin-bottom: 12px;
}

.redbtn-jelly {
    background: #990000;
    color: white;
    padding: 4px 18px 4px 18px;
    margin: 0 20px 0 10px;
    cursor: pointer;
    border-radius: 3px;
}

    .redbtn-jelly a {
        color: white;
        text-decoration: none;
    }

        .redbtn-jelly a:link {
            color: white;
        }

        .redbtn-jelly a:hover {
            color: white;
        }

.graybtn-jelly {
    background: #d3d1d1;
    padding: 4px 18px 4px 18px;
    cursor: pointer;
    border-radius: 3px;
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
    color: #6b6b6b;
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
    color: #6b6b6b;
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
    color: #6b6b6b;
}

.input-xxlarge::-webkit-input-placeholder {
    color: #6b6b6b;
}

.input-xxlarge::-moz-placeholder {
    color: #6b6b6b;
}
/* firefox 19+ */

.input-xxlarge:-ms-input-placeholder {
    color: #6b6b6b;
}
/* ie */

.input-xxlarge:-moz-placeholder {
    color: #6b6b6b;
}

.span12::-webkit-input-placeholder {
    color: #6b6b6b;
}

.span12::-moz-placeholder {
    color: #6b6b6b;
}
/* firefox 19+ */

.span12:-ms-input-placeholder {
    color: #6b6b6b;
}
/* ie */

.span12:-moz-placeholder {
    color: #6b6b6b;
}

.span2::-webkit-input-placeholder {
    color: #6b6b6b;
}

.span2::-moz-placeholder {
    color: #6b6b6b;
}
/* firefox 19+ */

.span2:-ms-input-placeholder {
    color: #6b6b6b;
}
/* ie */

.span2:-moz-placeholder {
    color: #6b6b6b;
}

li.artclered {
    color: red;
}

    li.artclered a,
    li.artclered:hover {
        color: red;
    }

.button_02,
.button_02:hover,
.button_02:focus {
    width: 169px;
    height: 33px;
    border: 0px;
    outline: none;
    margin-top: 3px;
    background: url(/assets/img/faq.jpg) no-repeat;
}

.button_03,
.button_03:hover,
.button_03:focus {
    width: 271px;
    height: 35px;
    border: 0px;
    outline: none;
    margin-top: 3px;
    background: url(/assets/img/faqq.jpg) no-repeat;
}

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.greenbg_ques {
    width: 50px;
}

.qtagslist {
    margin: 0 0 10px 8px;
}

.nav-tabs > li > a,
.nav-pills > li > a {
    padding-right: 25px;
    padding-left: 25px;
    margin-right: 2px;
    line-height: 14px;
    /*background:#017fc8;
color:#fff*/
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    color: white;
    background-color: #c6c4c3;
    border: 1px solid #c6c4c3;
    border-bottom-color: #c6c4c3;
    cursor: default;
}

.nav-tabs {
    border-bottom: 1px solid #c6c4c3;
}

.text-error a {
    color: #b94a48;
}

hr {
    margin: 5px 0;
    border-top: 1px solid #fff;
}

@media (min-width: 100px) and (max-width: 500px) {
    .navbar .nav > li > a {
        padding: 5px 7px 5px 7px;
    }
}

.pagination {
    margin: 20px 0;
}

ul.pagination {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

    ul.pagination > li {
        display: inline;
        float: left;
        list-style: none;
    }

        ul.pagination > li > a,
        ul.pagination > li > span {
            float: left;
            padding: 4px 12px;
            line-height: 25px;
            list-style: none;
            text-decoration: none;
            background-color: white;
            border: 0px solid #dddddd;
            border-left-width: 0;
        }

            ul.pagination > li > a:hover,
            ul.pagination > li > a:focus,
            ul.pagination > .active > a,
            ul.pagination > .active > span {
                background-color: whitesmoke;
                float: left;
            }

    ul.pagination > .active > a,
    ul.pagination > .active > span {
        color: #999999;
        cursor: default;
        list-style: none;
    }

    ul.pagination > .disabled > span,
    ul.pagination > .disabled > a,
    ul.pagination > .disabled > a:hover,
    ul.pagination > .disabled > a:focus {
        color: #999999;
        background-color: transparent;
        cursor: default;
    }

/*.pagination-right {
  float:left;
}*/

.control-group .control-label {
    width: 100px;
    text-align: left;
    padding: 5px 0px 0 0px;
}

.yellowborder_know {
    padding: 5px 0px 5px 15px;
    width: 140px;
    float: left;
}

.linktxt {
    padding: 15px 0px 10px 10px;
    width: 700px;
    float: left;
    font-size: 15px;
    line-height: 2em;
}

input.link_input {
    width: 400px;
    height: 20px;
    padding: 3px 4px;
    font-size: 13px;
    color: black;
    border-radius: 0px;
    border: 1px solid #dadee4;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

select.down_input {
    width: 410px;
    height: 28px;
    padding: 3px 4px;
    font-size: 13px;
    color: black;
    border-radius: 0px;
    border: 1px solid #dadee4;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

.graybg_link {
    background: #f8f7f7;
    padding: 8px 0 0 10px;
    margin-top: 10px;
}

.apply_button {
    padding: 8px 0 0 85px;
}

.videotop {
    padding: 20px 0 20px 0;
    text-align: center;
    background: #000;
    margin: 10px 0px 10px 0px;
}

.videoimgbox {
    padding: 10px 1% 20px 0;
    width: 19%;
    float: left;
}

    .videoimgbox img {
        height: 140px;
        overflow: hidden;
    }

.relative {
    position: relative;
    z-index: 100;
}

.absolute {
    position: absolute;
    left: 80px;
    top: 40px;
}


.nav-dh {
    height: 30px;
    line-height: 30px;
    background: url(/assets/img/nav1.gif) repeat-x;
    margin: 10px auto 10px auto;
    overflow: hidden;
}

.white13px, .white13px a {
    color: white;
    font-size: 13px;
    padding: 0 9px 0 9px;
}

    .white13px a:hover {
        color: white;
        font-size: 13px;
        padding: 0 9px 0 9px;
        text-decoration: underline;
    }

.newstitle {
    line-height: 30px;
    font-size: 18px;
    font-family: "Microsoft YaHei" !important;
    display: inline-block;
}

.right {
    float: right;
}

.topic-category-79 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #73b4fb;
    position: relative;
}

    .title-79, .topic-category-79 a:first-child:hover {
        display: inline-block;
        padding: 0 0 3px 5px;
        width: 10%;
        color: #014da3;
        border-bottom: 2px inset #003c7a;
        position: absolute;
        bottom: -2px;
        text-decoration: none;
    }

.topic-category-77 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #e7c0ed;
    position: relative;
}

    .title-77, .topic-category-77 a:first-child:hover {
        display: inline-block;
        padding: 0 0 3px 5px;
        width: 10%;
        color: #8a0197;
        border-bottom: 2px inset #8a0197;
        position: absolute;
        bottom: -2px;
        text-decoration: none;
    }

.topic-category-135 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #ffd6be;
    position: relative;
}

    .title-135, .topic-category-135 a:first-child:hover {
        display: inline-block;
        padding: 0 0 3px 5px;
        width: 10%;
        color: #e25402;
        border-bottom: 2px inset #e25402;
        position: absolute;
        bottom: -2px;
        text-decoration: none;
    }

.topic-category-78 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #9dc8f5;
    position: relative;
}

    .title-78, .topic-category-78 a:first-child:hover {
        display: inline-block;
        padding: 0 0 3px 5px;
        width: 10%;
        color: #0282db;
        border-bottom: 2px inset #0282db;
        position: absolute;
        bottom: -2px;
        text-decoration: none;
    }

.topic-category-110 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #fcbabb;
    position: relative;
}

    .title-110, .topic-category-110 a:first-child:hover {
        display: inline-block;
        padding: 0 0 3px 5px;
        width: 10%;
        color: #d10600;
        border-bottom: 2px inset #d10600;
        position: absolute;
        bottom: -2px;
        text-decoration: none;
    }

.topic-category-137 {
    margin: 40px 0 10px 0;
    border-bottom: 2px inset #a0cd94;
    position: relative;
}

    .title-137, .topic-category-137 a:first-child:hover {
        display: inline-block;
        padding: 0 0 3px 5px;
        width: 10%;
        color: #1a8001;
        border-bottom: 2px inset #1a8001;
        position: absolute;
        bottom: -2px;
        text-decoration: none;
    }

.category-more, .category-more:hover {
    font-size: 12px;
    color: #000;
    position: absolute;
    top: -28px;
    right: 0px;
}

.new-line {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 8px 0 8px 0;
    font-size: 14px;
    text-indent: 15px;
    width: 50%;
    float: left;
    background: url(/assets/img/dot.gif) 3px 16px no-repeat;
}

.news-dotindex {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 3px 0 1px 0;
    font-size: 14px;
    text-indent: 13px;
    width: 100%;
    float: left;
    background: url(/assets/img/dot.gif) 2px 15px no-repeat;
}

.newstitle_c {
    height: 54px;
    color: #005dae;
    line-height: 54px;
    font-size: 16px;
    font-family: "Microsoft YaHei" !important;
    background: url(/assets/img/b3.gif) no-repeat 4px 50%;
    padding-left: 15px;
    overflow: hidden;
    width: 100%;
    float: left;
}

.fashion-list-menu span a {
    line-height: 24px;
    display: inline-block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    color: #333333;
    white-space: nowrap;
    display: block;
}

.font14px {
    font-size: 14px;
    line-height: 2em;
}

.gray12px {
    font-size: 12px;
    color: #999999;
}

h2 {
    font-size: 26px;
    color: #0052ce;
    font-weight: normal;
    font-family: 'Microsoft YaHei';
}

.black16px {
    font-size: 18px;
    color: #000000;
    font-family: 'Microsoft YaHei';
}

a {
    color: #000;
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0;
    padding: 0px 6px 0px 6px;
    background: #ffdd00;
}

.navbar-inverse .newsearch-query {
    border: 1px solid #d0d0d0;
    border-radius: 0px;
    height: 28px;
    padding-left: 3px;
    font-size: 13px;
    margin-top: 10px;
    border-bottom-left-radius: 0px;
    font-family: "Microsoft YaHei" !important;
}

.navbar .nav.pull-rightmap {
    float: right;
    margin-right: 0;
    padding: 0px 6px 6px 6px;
}

.new-line-news {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 5px 0 5px 5px;
    font-size: 14px;
    text-indent: 2px;
    width: 100%;
    float: left;
}

.red12px {
    color: #bd0000;
    font-size: 12px;
}

.new-line_new {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 8px 0 8px 0;
    font-size: 14px;
    text-indent: 20px;
    width: 50%;
    float: left;
    background: url(/assets/img/new.gif) 0px 11px no-repeat;
}

.news-dotindex_new {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    padding: 3px 0 1px 0;
    font-size: 14px;
    text-indent: 26px;
    width: 100%;
    float: left;
    background: url(/assets/img/new.gif) 5px 10px no-repeat;
}

.ul-details li span.field {
    display: inline-block;
    width: 120px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.form-actions {
    padding: 10px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    border-top: 0px solid #e5e5e5;
}

.form-horizontal .form-actions {
    padding-left: 112px;
}

.btn-ccyp {
    display: inline-block;
    padding: 3px 15px;
}

.side-btn {
    display: inline-block;
    text-align: center;
    width: 100px;
    padding: 5px 0 5px 0;
    background-color: #eee;
    border-radius: 3px;
    border: 1px solid #ddd;
    text-decoration: none;
}

    .side-btn:hover, .side-btn:focus {
        text-decoration: none;
        color: inherit;
    }

    .side-btn.btn-s {
        width: 50px;
    }

.poster {
    color: white;
    background-color: rgb(202, 36, 36);
}

    .poster:hover {
        color: white;
    }

.btn-web {
    color: #0b6dcc;
}

.btn-map {
    color: #0ba504;
}

.btn-like {
    color: #d55b00;
}

.servicetop {
    font-size: 20px;
    font-weight: bold;
    background: #f2f2f2;
    padding: 10px;
    margin-bottom: 30px;
}

.errortxt {
    padding: 0px 0px 0px 112px;
}

.form-horizontal .control-group {
    margin-bottom: 15px;
}

#city {
    width: 126px;
    padding-left: 2px;
}

li #city {
    width: 142px;
}

#jobstype, #posttime {
    width: 146px;
}

#rentpricefrom, #rentpriceto, #bedroom, #washroom, #depositfrom, #depositto, #parkinglot {
    width: 70px;
}

#peoplenum {
    width: 65px;
}

#rentpattern {
    width: 155px;
}

li #rentpricefrom, li #rentpriceto, li #depositfrom, li #depositto {
    width: 63px;
}

li #bedroom, li #washroom, li #rentpattern, li #posttime, li #parkinglot, li #peoplenum {
    width: 146px;
}

.black {
    color: black;
    font-size: 14px;
    font-family: "Microsoft YaHei" !important;
    padding: 0px 6px 0px 6px;
}

.white a {
    color: black;
    font-size: 14px;
    padding: 0px 0 0px 0;
}

    .white a:hover {
        color: #00a0e9;
    }

/*.quickmenu {
  background: #00a0e9;
  text-align:center;
  padding:5px;
  line-height:2em;
}*/

.loginLink {
    border-bottom: 1px solid #166201;
    padding: 5px 7px 5px 5px;
    width: 99%;
    color: #166201;
    font-size: 16.25px;
    font-weight: bold;
    line-height: 15px;
    margin-bottom: 10px;
    float: left;
}

.input-append, .input-prepend {
    margin-top: 10px;
}

.sort-btnbg {
    background: #ff5252;
    border-radius: 0px;
    padding: 8px 10px 8px 10px;
    color: #fff;
}

.sort-btnbg_blue {
    background: #27cfcf;
    border-radius: 0px;
    padding: 8px 10px 8px 10px;
    color: #fff;
}


.btn-group > .btn:first-child {
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;
}

form {
    margin: 0 0 10px;
}

.btn {
    text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75);
    border: 0px solid #ff5252;
    border-bottom-color: #ff5252;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-right: 0px;
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}

.orange16px {
    font-size: 13px;
    color: #ff8e30;
    font-weight: bold;
}

.pink18px {
    font-size: 20px;
    color: #ff5252;
    font-weight: bold;
}

.eyes {
    height: 16px;
    font-size: 11px;
    padding: 0px 0px 0px 14px;
    background: url(/assets/img/eyes.jpg) no-repeat;
}

.comment {
    height: 16px;
    font-size: 11px;
    padding: 0px 10px 0px 25px;
    background: url(/assets/img/comment.jpg) 5px 2px no-repeat;
}

.greenborder {
    border-radius: 0px;
    padding: 2px;
}

.img-thumbnail {
    display: inline-block;
    height: auto;
    max-width: 100%;
    padding: 2px;
    line-height: 1.428571429;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-class.active {
    color: #fff;
}

.btn-class {
    color: white;
    background: #ff5252;
}

    .btn-class:hover,
    .btn-class:focus,
    .btn-class:active,
    .btn-class.active,
    .btn-class.disabled,
    .btn-class[disabled] {
        color: white;
        background-color: #ff5252;
        *background-color: #ff5252;
    }

    .btn-class:active,
    .btn-class.active {
        background-color: #ff5252;
    }

    .btn-class.dropdown-toggle {
        background-color: #ff5252;
    }

    .btn-class .caret {
        border-top-color: #ff5252;
        border-bottom-color: #ff5252;
    }

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    height: 30px;
}

.well blockquote {
    border-color: #fff;
    border-color: #fff;
}


.leftkeyword {
    width: 93%;
}


.media {
    margin-top: 5px;
}

.btn-info a {
    color: #ffffff;
    font-weight: normal;
}

.quickmenubg_top {
    color: #000;
    background: #ffff00;
    padding: 13px 13px 5px 13px;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}

.quickmenubg_black {
    color: #fff;
    background: #5f5e5d;
    padding: 13px 13px 10px 13px;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}

.quickmenubg {
    color: #ffffff;
    background: #b2b1b1;
    padding: 8px 13px 8px 13px;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

    .quickmenubg a, .quickmenubg_black a {
        color: #ffffff;
        font-weight: bold;
    }

.ping14px {
    font-size: 14px;
    color: #ff5252;
    font-weight: bold;
}

.bold14px {
    font-size: 14px;
    font-weight: bold;
}

.white_greenbg {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    padding: 24px 20px 25px 20px;
    background: #27cfd0;
    float: left;
    font-family: "Microsoft YaHei" !important;
}

.blue15px {
    font-size: 18px;
    font-weight: bold;
    color: #000066;
    padding: 24px 0 25px 0;
    float: left;
    font-family: "Microsoft YaHei" !important;
}

.pink15px {
    font-size: 20px;
    color: #ff5252;
    padding: 24px 0 25px 0;
    float: left;
    font-family: "Microsoft YaHei" !important;
}


.left {
    float: left;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
    padding: 4px 0px 4px 0px;
    font-size: 13px;
    line-height: 25px;
    color: #555555;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    vertical-align: middle;
}

.container {
}

.navbar-search {
    margin-top: 0px;
}

.form-inline input {
    margin-top: 0px;
}


.navbar-fixed-top {
    top: -3px;
}

.jobbg_classified {
    line-height: 2.2em;
    border: 10px solid #e6e5e5;
    width: 97%;
}

.btn-house {
    background: #ff5252;
    color: #fff;
    font-size: 15px;
    width: 50%;
    float: left;
    text-align: center;
    padding: 10px 0 10px 0;
}

    .btn-house a, .btn-house a:hover {
        color: #fff;
        font-size: 15px;
    }

.btn-rent {
    background: #f7f7f7;
    color: #000;
    font-size: 15px;
    width: 50%;
    float: left;
    text-align: center;
    padding: 10px 0 10px 0;
}


.btn-success {
    color: #ffffff;
    background: #ff5252;
}

.label-qtags {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 3px 3px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    color: #666666;
    vertical-align: baseline;
    border: 2px solid #c6c4c3;
    border-radius: 0px;
    white-space: nowrap;
    background-color: #fff;
}

.pink14px {
    font-size: 14px;
    line-height: 2em;
    font-weight: bold;
    color: #ff5252;
}

previewjob .richeditord-previewjob {
    border: 1px dotted rgba(0, 0, 0, 0.25);
    padding: 10px 0 10px 0;
    width: 91.45299145299145%;
    font-size: 14px;
}

.richeditord-preview {
    border: 1px dotted rgba(0, 0, 0, 0.25);
    padding: 10px 0 10px 0;
    width: 545px;
    font-size: 14px;
}

.btn-house-search {
    background: #ff5252;
    color: #fff;
    font-size: 15px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0 10px 0;
}

.cityrightline {
    border-right: 2px solid #7d7c7b;
    padding: 7px 10px 7px 0;
}

.quickmenu {
    display: block;
    position: fixed;
    top: 296px;
    right: 300px;
    z-index: 100;
}

@media (min-width: 1381px) and (max-width: 1680px) {
    .quickmenu {
        display: block;
        position: fixed;
        top: 300px;
        right: 180px;
        z-index: 100;
    }
}

@media (min-width: 1281px) and (max-width: 1380px) {
    .quickmenu {
        display: block;
        position: fixed;
        top: 300px;
        right: 20px;
        z-index: 100;
    }

    .quickmenubg_top {
        color: #000;
        background: #ffff00;
        padding: 5px 13px 5px 13px;
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .quickmenubg_black {
        color: #fff;
        background: #5f5e5d;
        padding: 5px 13px 5px 13px;
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .quickmenubg {
        color: #ffffff;
        background: #b2b1b1;
        padding: 5px 13px 5px 13px;
        font-size: 15px;
        margin-bottom: 5px;
        font-weight: bold;
    }
}


@media (min-width: 1153px) and (max-width: 1280px) {
    .quickmenu {
        display: block;
        position: fixed;
        top: 298px;
        right: 0px;
        z-index: 100;
    }

    .quickmenubg_top {
        color: #000;
        background: #ffff00;
        padding: 5px 8px 5px 8px;
        font-size: 13px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .quickmenubg_black {
        color: #fff;
        background: #5f5e5d;
        padding: 5px 8px 5px 8px;
        font-size: 13px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .quickmenubg {
        color: #ffffff;
        background: #b2b1b1;
        padding: 5px 8px 5px 8px;
        font-size: 12px;
        margin-bottom: 5px;
        font-weight: bold;
    }
}


@media (min-width: 1025px) and (max-width: 1152px) {
    .quickmenu {
        display: block;
        position: fixed;
        top: 298px;
        right: 30px;
        z-index: 100;
    }
}

@media (min-width: 500px) and (max-width: 1024px) {
    .quickmenu {
        display: block;
        position: fixed;
        top: 298px;
        right: 0px;
        z-index: 100;
    }

    .quickmenubg_top {
        color: #000;
        background: #ffff00;
        padding: 5px 2px 5px 2px;
        font-size: 13px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .quickmenubg_black {
        color: #fff;
        background: #5f5e5d;
        padding: 5px 2px 5px 2px;
        font-size: 13px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .quickmenubg {
        color: #ffffff;
        background: #b2b1b1;
        padding: 5px 2px 5px 2px;
        font-size: 12px;
        margin-bottom: 5px;
        font-weight: bold;
    }
}

.banner_focus {
    border-style: solid;
    border-color: #ff00d8;
    border-width: 5px;
    width: 160px;
    height: 45px;
}

.banner_not_focus {
    border-style: solid;
    border-color: #fff;
    border-width: 5px;
}

.orangebtn_style {
    height: 24px;
    text-align: center;
    line-height: 1.6em;
    background: #ffdd00;
    padding: 4px 8px 0px 8px;
    cursor: pointer;
    float: right;
}

.postimg {
    width: 400px;
}

.btn-mini {
    padding: 2px 6px;
}

@media (max-width: 1400px) and (min-width: 500px) {
    .postimg {
        width: 250px;
    }
}


.searchbtn_job {
    margin: -9px 0 0 0;
    background-color: #bf2228;
    color: #fff;
    border: none;
    height: 30px;
    padding: 0 25px 0 25px;
}

.searchbtn_clearjob {
    margin: 0px 0 0 0;
    background-color: #b2a376;
    color: #fff;
    border: none;
    height: 30px;
    padding: 0 25px 0 25px;
}

.searchbtn_house {
    margin: -9px 0 0 0;
    background-color: #ff4500;
    color: #fff;
    border: none;
    height: 30px;
    padding: 0 25px 0 25px;
}


.red a, .red:hover {
    color: #a10001;
}

.searchbtn_car {
    margin: -9px 0 0 0;
    background: #040042;
    color: #fff;
    border: none;
    height: 30px;
    padding: 0 25px 0 25px;
}

.icon_google {
    background-position: 0 -351px;
    margin: -8px 0 5px 10px;
    z-index: 4;
}

.red16px {
    font-size: 16px;
    color: #990000;
}


.blue16px, .blue16px a {
    font-size: 18px;
    color: #005dae;
    font-family: "Microsoft YaHei" !important;
}

.dailygallery {
    width: 30%;
    padding-right: 3%;
    float: left;
}

.top10px {
    padding-top: 10px;
    height: 30px;
    overflow: hidden;
}

img.dailygallery-border {
    background: #f3f3f3;
    border: 1px solid #e1e1e1;
    padding: 4px;
    width: 100%;
    height: 240px;
    overflow: hidden;
}





/*----------Added by Louis 10/1/15----------*/

.about_us {
}

    .about_us h1 {
        text-align: center;
        margin-top: 20px;
    }

    .about_us p {
        line-height: 1.8em;
    }

.about-links li {
    list-style: none;
}

.about-links {
    margin-top: 60px;
    border-left: 1px solid #dcdcdc;
    padding-left: 15px;
}

.social_bg {
    border-left: 1px solid #dcdcdc;
    padding-left: 15px;
    margin-top: 20px;
}

    .social_bg i {
        font-size: 40px;
        color: #878787;
        position: relative;
        top: 7px;
        width: 40px;
    }

    .social_bg li {
        list-style: none;
        margin-top: 10px;
    }

    .social_bg i {
        position: relative;
    }

    .social_bg img {
        width: 200px;
        position: relative;
        left: -15px;
    }

.ad-contact {
    border-left: 1px solid #dcdcdc;
    padding-left: 20px;
}

.ad-price-sc, .ad-price-nc {
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 20px;
}

    .ad-price-sc h3, .ad-price-nc h3 {
        line-height: 25px;
        font-size: 20px;
    }

    .ad-price-sc a, .ad-price-nc a {
        color: #000fba;
    }

.contact-map-nc {
    margin-left: 0 !important;
}

.map-contain {
    background-color: #7d7d7d;
    width: 90%;
    height: 300px;
}


.q-wrap {
    margin-top: 35px;
    margin-bottom: 35px;
    padding: 10px;
}

.q-title {
    margin-bottom: 5px;
    font-weight: bold;
}

.q-answer {
    margin-top: 5px;
}

.q-pic {
    margin-top: 5px;
}

    .q-pic img {
        width: 100%;
    }

.q-right {
    color: green;
    font-size: 20px !important;
    margin-right: 5px;
}

.q-wrong {
    color: red;
    font-size: 20px !important;
    margin-right: 5px;
}

.q-select {
    margin-top: 0 !important;
}

#testresult {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

    #testresult span {
        font-weight: bold;
        color: green;
    }

.inner-index .index {
    color: #fff000 !important;
}

.inner-index td a {
    color: #fff000;
}

    .inner-index td a:hover {
        background-color: rgba(255, 255, 255, 0.50);
    }

.inner-cat {
    text-align: left !important;
    color: #fff;
    font-weight: bold;
    padding-left: 10px !important;
}

.padmore {
    padding-left: 8px;
}

.bb-1 {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.bg-detial {
    padding: 10px;
    border-radius: 5px;
}

.bg-detial {
    width: 1170px;
}

    .bg-detial .inner-index {
        background-color: #990000;
        border-radius: 5px 5px 0 0;
    }

    .bg-detial .table-index-life {
        background-color: black;
        padding: 5px;
        border-radius: 0 0 5px 5px;
    }

        .bg-detial .table-index-life td a {
            color: white;
        }

.bt-1 {
    border-top: 0px solid #757575;
}

    .bt-1 td {
        border: none;
    }

.nation-q {
    font-weight: bold;
}

.contact-us input {
    width: 300px;
}

.contact-us textarea {
    width: 300px;
}

.footer-ad {
    width: 112px;
    height: 52px;
    margin: 4px;
}

.top-ad img {
    width: 402px;
    margin-top: 5px;
}

.famous-ppl a {
    display: inline-block;
}

    .famous-ppl a:nth-child(2) {
        color: #ff6000;
    }

.mar-t--40 {
    margin-top: -40px;
}

.sec-title {
    padding: 5px 10px;
    background-color: #cecece;
}

    .sec-title a {
        font-size: 16px;
    }

        .sec-title a:nth-child(2) {
            float: right;
            text-decoration: underline;
        }

.bai-gold .span2 {
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.5s all;
}

.bai-gold .tooltip-inner {
    background-color: rgba(0, 0, 0, 0.72);
}

.bai-gold .tooltip.top .tooltip-arrow {
    border-top-color: rgba(0, 0, 0, 0.72);
}

.bai-gold .span2:hover {
    background-color: rgb(255, 212, 134);
}

.bai-gold .span2 {
    border-radius: 10px;
}

.bai .sec-title {
    background-color: #e67800;
}

    .bai .sec-title a {
        color: white;
    }

.com-img {
    margin-bottom: 10px;
}

.com-name {
    margin: auto;
    display: block;
    max-width: 140px;
}

.bai {
    background-color: #fff0d3;
    margin-bottom: 20px;
    margin-top: 20px;
}

.sidebar-gold .sec-title {
    background-color: #e67800;
}

    .sidebar-gold .sec-title a {
        color: white;
    }

.sidebar-gold {
    background-color: #fff0d3 !important;
}

.gold {
    margin-bottom: 20px;
    margin-top: 20px;
}

.bai .row-fluid {
    margin-top: 10px;
    margin-bottom: 10px;
}

.gold .row-fluid {
    margin-top: 10px;
    margin-bottom: 10px;
}

.sec-pg .bai .row-fluid {
    margin-top: 0px;
    margin-bottom: 0px;
}
/*.sec-pg .gold .row-fluid{

    background-color:whitesmoke;
    margin-top:0px;
        margin-bottom:0px;
}*/

.bai img {
    width: 150px;
    height: auto !important;
}

.gold img {
    width: 130px;
    height: auto !important;
}

.sec-pg .bai img {
    width: 110px;
    height: auto !important;
}

.sec-pg .gold {
    margin-top: 0;
}

    .sec-pg .gold img {
        width: 80px;
        height: auto !important;
    }

    .sec-pg .gold .span4, .sec-pg .gold .span6 {
        margin-left: 1%;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .sec-pg .gold .span4:hover, .sec-pg .gold .span6:hover {
            background-color: rgb(255, 212, 134);
        }

.bai-title {
    color: #725b00;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #725b00;
}

.orange {
    color: #ff6000;
}

.bb-gold {
    border-bottom: 1px solid #ded698;
}

.gold-medal {
    max-width: 180px;
    margin-left: 10px;
    margin-top: 10px;
}

.bgcolor-gold {
    background-color: #f7f2bd;
}

.bg-gold {
    background-image: url("../../assets/img/bg-gold.png");
    background-size: cover;
}

.ypb h1 {
    text-align: center;
    margin-bottom: 30px;
}

.ypb .span6 {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #999999;
}

.ypb .title .span6, .ypb .title .span6 {
    color: white;
    background-color: #999999;
    padding-left: 3px;
}

.ypb .span8 {
    padding-left: 3px;
}

a.add-adv {
    display: block;
    padding: 5px 10px 5px 10px;
    background-color: #0E8CFD;
    color: #ffffff;
    position: relative;
    top: -5px;
    text-shadow: none;
}

img.xuan {
    width: 20px;
}