/*================================================*\
*  Author : OCS
*  Created Date : 29/07/14 13:27
*  Module : Creation
*  Description : Creation
*  Involve People : Boy
*  Last Updated : 29/07/14 13:27
\*================================================*/

@charset "utf-8";
body{cursor:default; padding-top:60px;}
body:before{background-color:#ffffff;}

.clear{clear:both; height:0;}
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.pretty{font-family:'pretty';}

.input-view{
	border:0 !important;
	background:transparent !important;
	border-bottom:1px dotted #CCCCCC !important;
	color:black !important;
	cursor:default !important;
	-webkit-appearance: none;
    -moz-appearance: none;
}

/*=====================*\
 :: header ::
\*=====================*/
.creation-header{background:#333333;}
.creation-menu{border-bottom:1px solid #333333;}
.creation-login{border:1px solid #cccccc;}
.navbar-collapse{background:#ffffff;}
.creation-title{font-family:pretty; font-size:30px; color:#50C1E9; margin:0; padding:0;}
.widget-body{background-color:#ffffff;}
.creation-content{font-family:pretty; font-size:18px /*17px*/; text-indent:10px; text-align:justify;}
.creation-p{font-size:14px; text-indent:10px; text-align:justify;}
.creation-topic{font-family:pretty; font-size:18px; color:#333333;}
.bg-grey{background-color:#EBEBEB;}
.creation-service{font-family:pretty; font-size:18px; margin-bottom:5px;}
.creation-service .fa{font-size:20px;}

.creation-footer{background-color:#4F5F6F; padding:10px;}
.creation-footer .content-text{font-family:pretty; font-size:18px /*17px*/; color:#BABDC0; padding:0 0 5px 0;}

.creation-btm{background-color:#414F5C; padding:15px;}
.creation-btm .content-text{font-size:18px /*17px*/; color:#BABDC0;}

.creation-nev{display:block; text-indent:10px; color:#999999; font-size:13px; font-weight:normal; padding:10px 0;}
.creation-nev a{color:#666666;}
.creation-nev a:hover{text-decoration:underline;}
.creation-vdo img{opacity: 0.8; filter: alpha(opacity=80);}
.creation-vdo:hover img{opacity:1; filter: alpha(opacity=100); border-color:#BABDC0;}

.search-title{font-family:pretty; font-size:15px; color:#333333; padding:5px 0; text-align: center;}
.search-topic{font-family:pretty; font-size:18px; color:#333333; margin:0 0 10px 0;}
.search-btn{text-align:right; padding:20px;}

.blurlang{opacity: 0.4; filter: alpha(opacity=40);}

.creation-img{
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	border: 5px solid #f2f2f2;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
	box-shadow: 0 0 10px rgba(0,0,0,.15);
	margin: 0 auto 5px 0;
}

.shopping-cart{position:fixed; top:70px; right:-5px; z-index:99; background:#f2f2f2; text-align:center; padding:5px; box-shadow: 0px 0px 7px rgba(86,88,95,01); border:3px solid #fff; border-top-left-radius:20px; border-bottom-left-radius:20px; font-weight: bold; font-size:20px; white-space:nowrap; width:90px; cursor:pointer; color:#50C1E9;}
#cart_cnt{font-weight:normal; color:#666666;}
/*=====================*\
 :: resize ::
\*=====================*/
.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover>a, .nav-tabs .dropdown-menu li>a:focus{
	background-color: #01bbea;
	color:#ffffff;
}
.dropdown-menu li a{
/*	font-size:17px;*/
	font-size:18px;
}
.navbar-inverse {
    background-color:#ffffff;
    border-color: white;
	font-family:pretty;
/*	font-size:17px;*/
	font-size:18px;
	height:60px;
}

.navbar-inverse .navbar-brand {
    color: #333333
}

.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus {
    color: #01bbea;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #333333
}

.navbar-inverse .navbar-nav>li>a {
    color: #333333;
		padding-top:22px;
}

.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus {
    color: #01bbea;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
    color: #01bbea;
    background-color: white;
		border-top:1px solid #01bbea;
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: orange;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #666666
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    background-color: #666666
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #01bbea
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: gray
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus {
    color: #01bbea;
    background-color: white;
		border-top:1px solid #01bbea;
		padding-top:21px;
}

@media (max-width: 1024px) {
	.navbar-collapse{border-bottom:2px solid #666666;}
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:white
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: white
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #333333
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #01bbea;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #01bbea;
        background-color: white
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: orange;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #333333
}

.navbar-inverse .navbar-link:hover {
    color: #01bbea
}

.navbar-inverse .btn-link {
    color: #333333
}

.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus {
    color: #01bbea
}

.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: orange
}

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
				border-bottom:2px solid #666666;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
	max-height:none;
}