/*
 *  Document   : main.css
 *  Author     : JK
 *
 *  Structure (with shortcodes):
 *      (#m01mls) MAIN LAYOUT
 *      (#m02hds) HEADER
 *      (#m03mcs) MAIN CONTENT
 *      (#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
 *      (#m05ths) THEME
 *      (#m06hes) HELPERS
 *      (#m07res) RESPONSIVE
 *      (#m08rts) RETINA
 */

/*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/


body {
	font-family: "微軟正黑體","Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #353535;
    background-color: #ffffff;
	font-size:16px;
	line-height:1.5;
} 


#page-container {
    margin: 0 auto;
    width: 100%;
	padding-top:85px;
}

#page-container.boxed {
    max-width: 1440px;
}

a,
.text-primary {
    color: #1195d3;
}

a:hover, a:focus {
text-decoration: none;
}

/*
=================================================================
(#m02hds) HEADER
=================================================================
*/

header {
	top:0;
    padding: 0;
	position: absolute;
	width: 100%;
	background: #ffffff;
	z-index:1005;
}

.menu-bg-area {
    background: url('../img/template/ie8_opacity_dark_30.png') repeat;
    background: rgba(0, 0, 0, 0.6);
	position: fixed;
	right: 0;
	width:100%;
	height:100%;
	display:none;
	z-index:1000;
}
.menu-bg-area-visible {
	display:block;
}

/* Logo */
a.site-logo {
    display: block;
    float: left;
    color: #ffffff;
    font-size: 1.71em;
	z-index: 1005;
	position: absolute;	
}

a.site-logo img {
	width:180px;
    padding: 18px 0 18px;	
}

a.bg-site-logo img {
	width:180px;
    padding: 12px 0 0px;	
}

a.sacg-bg-site-logo img {
    padding: 3px 0 0px;	
}

a.site-logo:hover {
    color: #ffffff;
    text-decoration: none;
}


.active-func-nav {
	list-style: none;
    float:right;
	margin:0px;
	padding:0px;
	margin-right:-15px;
	text-align:center;
}

.active-func-nav li {
	float:right;
	height: 85px;
	line-height: 0px;
	padding: 20px;
}
.active-func-nav li.lang{
	line-height:45px;
}
.active-func-nav li.lang ul {
	display: none;
	list-style: none;
	position: absolute;
	top:85px;
	margin-left: -3px;
	padding: 0px 0;
	min-width: 45px;
	background-color: #e2e2e2;
	z-index: 1008;
}
.active-func-nav li.lang ul:after{
	top: -10px;
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #e2e2e2 ;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}
.active-func-nav li.lang ul li {
	float: none;
	line-height: 39px;
	padding: 0px;
	border:1px solid #e2e2e2;
	border-top: 1px solid #fbfbfb;
	border-bottom: 1px solid #cfcfcf;
	height: 39px;
}

.active-func-nav li.lang ul li  a {
  color:#444444;
}
.active-func-nav li.lang ul li  a:hover {
  color:#444444;
}
.active-func-nav li.lang ul li:first-child {	border-top: 0px solid #ffffff;}
.active-func-nav li.lang ul li:last-child {	border-bottom: 0px solid #ffffff;}
.active-func-nav li.lang ul.lang-menu-visible{
	display:block;
}

.active-func-nav li.lang a.lang-option-toggle {
 width:50px; padding:8px 11px; font-size:16px; border-radius: 25px; background-color:#1195d3;color:#ffffff;
}
.active-func-nav li.lang a.lang-option-toggle.en {
 font-size:15px;padding:9px 9px;
}
.active-func-nav>li+li {	border-right:1px solid #e2e2e2;	}
.active-func-nav a { font-size:15px;}
.active-func-nav a i { font-size:21px; color:#1195d3; line-height:30px;}
.active-func-nav a p {margin:0px;}
.active-func-nav a {
    color: #1195d3; 
}

.active-func-nav a:hover {
    color: #1195d3;
    text-decoration: none;
}


/* Menu */
header nav {
    float: right;
}

header .func-area {
	position: absolute;
	right: 0;
	top:85px;	
    margin:0px;
	padding:15px 0px;
	width:100%;
	background-color:#e2e2e2;
	z-index:1001;	
	display: none;
}
header .func-area .container {padding:0;}
header .func-area.func-area-visible {
	display: block;
}

header .func-area .input-group {width:100%;}
header .func-area .form-control.search-content {width:80%; border-color:#ffffff;}
header .func-area .search-type {width:20%;}

header .select2-container .select2-choice {
	height: 40px;
	padding: 0 0 0 5px;
	line-height: 40px;
	color: #ffffff;
	border-radius: 0px;
	background-color: #a5a5a5;
	border: 0px solid #dbe1e8;
	
}

header .select2-container .select2-choice .select2-arrow {
	height: 100%;
	top: 6px;
	background: #a5a5a5;
}

header .select2-dropdown-open .select2-choice {
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
}

header .func-area  .chosen-container-single .chosen-single span {
	height: 40px;
	line-height: 40px;
}
header .func-area .chosen-container-single .chosen-single {
	height: 40px;
}
header .func-area  .chosen-container {
	font-size: 16px;
}
	header .func-area .chosen-container-single .chosen-single {
		border: 0px solid #a5a5a5;
		background-color: #a5a5a5;
		color:#ffffff;
	}
	header .func-area .chosen-container-active .chosen-single {
		border: 0px solid #1bbae1;
		background-color: #a5a5a5;
		color:#ffffff;			
	}


header .func-area .btn-default {
	border: 0px;
}	
header .func-area .btn-default {
    background-color: #a5a5a5;
    border-color: #a5a5a5;
    color: #ffffff;
}

header .func-area .btn-default.btn-alt {
    background-color: #ffffff;
}

header .func-area .btn-default:hover {
    background-color: #a5a5a5;
    border-color: #ffffff;
}
header .func-area .input-group .dropdown-menu {
	min-width:65px;
}
header .func-area .input-group .dropdown-menu>li>a {
padding: 3px 15px;
}
header .func-area .form-control,header .func-area .btn {
	border-radius: 0;height: 40px;
}

header .func-area .btn-wpg {
	background-color: #3daee3;
	border-color: #3daee3;
	color:#ffffff;
}

header .func-area .btn-wpg-100 {
	width:100%;margin-top:5px;
}
header .func-area .btn-wpg i {font-size:1.285em;}

header .func-area .lang-area .btn {
	padding: 2px 5px; height: 23px;
	font-size:0.93em; font-family: "新細明體", Arial, sans-serif;
	background-color: #d2d2d2;
    border:1px solid #e4e4e4;
	margin-left:5px; margin-top:0px;
}

header .func-area .lang-area {line-height: 32px;height: 34px;padding-top: 0px;font-size: 11px;overflow: hidden;white-space: nowrap;}
header .func-area .lang-area .dropdown-menu {
	min-width:101px;height:33px;border-radius: 0px; 
	left:0px;
	top:-7px;
	padding:0px; border:1px solid #e7e7e7 ; 
	background-color: #f8f8f8;
	font-size:0.93em; font-family: "新細明體", Arial, sans-serif;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175);
	box-shadow: 0 0px 0px rgba(0,0,0,0.175);
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;	
	display:inline-block;
	visibility: hidden;
display: block;
}
header .func-area .lang-area .open>.dropdown-menu {
	left:-65px;
	top:-5px;
	min-width:101px; 
	padding:0px; margin:0px;
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
visibility: visible;	
}

.lang-area .dropdown-menu  a .btn-default {
    background-color: #d2d2d2;
    border-color: #e4e4e4;
}


header .func-area .lang-area .dropdown-menu>li>a {padding:7px 0px;height:100%;width:100%;text-align:center;}
header .func-area .lang-area .dropdown-menu>li {width:33%;text-align:center; }

.site-nav {
	position: absolute;
	right: 0;
	max-width: 100%;
	min-width: 300px;
	/*height: 312px;*/
	top:85px;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #c4c4c4;
    z-index: 1001;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
	display: none;
}

.site-nav.site-nav-visible {
	right: 0;
	display: block;
}

.site-nav a {
    display: block;
    font-size: 1.15em;
    color: #ffffff;
    font-weight: 400;
    padding: 15px 15px;
    margin: 0px;
	box-shadow: inset 0 -1px rgba(0,0,0,0.06);	
	
    /*border-radius: 3px;

    text-transform: uppercase;*/
}


.site-nav a:hover {
    color: #ffffff;
    text-decoration: none;
	background: rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0.1);	
}
.site-nav a.active,
.site-nav a.active:hover,
.site-nav li.active > a {
    color: #ffffff;
    text-decoration: none;
	background: rgba(0,0,0,0.1);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	border-left:5px solid rgba(0,0,0,0.1);	
}

.site-nav i {
    font-size: 1em;
}

.site-nav li a i{
	float:right;
	font-size: 0.86em;
	padding:8px 5px 0 5px;
	margin-top:-5px;
	text-align: center;
	width: 42px;
	height: 32px;
	border-radius: 5px;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;	
}

/*.site-nav li a i.open{
	width: 42px;
	height: 32px;
	-webkit-transform: rotate(180deg) scale(1);
	transform: rotate(180deg) scale(1);
}*/

.site-nav li a i.open{
	border:1px solid #ffffff;
}

.site-nav li a i:hover {
	border:1px solid #ffffff;
}


.submenu {
display:none;
z-index:1001;
}
.submenu.open {
    display:block;
}

.submenu p {margin:0px;}

.site-nav i.site-nav-arrow {
    float: right;
    line-height: 34px;
    margin-left: 10px;
}

/* Submenu */
.site-nav ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
	/*border-bottom:1px dashed #ffffff;*/
}

.site-nav ul a {
    color: #343434;
	background:#ededed;
    text-transform: none;
    height: auto;
    line-height: normal;

	border-left:5px solid rgba(0,0,0,0.1);	
	box-shadow: inset 0 0px rgba(0,0,0,0.06);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
}

.site-search-area  {
	position: absolute;
	left: 0;
	max-width: 100%;
	top:85px;
    list-style: none;
    margin: 0;
    padding: 5px;
    background: #e2e2e2;
    z-index: 1001;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
	display: none;
}

.site-search-area.site-search-visible {
	right: 0;
	display: block;
}
.site-search-area .dropdown-menu {
	left:auto;
	right:0;
}



/*
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/


/* Footer */
.site-footer {
    color: #dadbdc;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #6c7073;
}

.site-footer a {
    color: #ffffff;
	font-size:1em;
    -webkit-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s;
}

.site-footer a:hover {
	color: #a2d4ff;
    text-decoration: none;
}

.site-copyright,.site-copyright a {line-height:1.5;font-size:0.87;}
.site-copyright  {text-align:center;}


.site-footer .row1,.site-footer .row2 {margin-bottom:30px;}
.site-footer .row1 div,.site-footer .row2 div {padding-left:20px;}

/*.site-footer .row1 div:first-child.col-lg-2 {width:21%;}*/
.footer-heading a {
    color: #a2d4ff;
    font-size: 16px;
    margin: 29px 0 15px;
}
.footer-heading a:hover {
	color: #a2d4ff;
    text-decoration: none;
}
.footer-nav {
    list-style: none;
	padding-left:0px;
}


.footer-nav li {
	padding:6px 0px 6px 3px;
}


.footer-nav-social a {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #151515;
    border-radius: 13px;
    -webkit-transition: all ease-out 0.25s;
    transition: all ease-out 0.25s;
}

.footer-nav-social a:hover {
    color: #ffffff;
    background-color: #1195d3;
    -webkit-transform: rotate(360deg) scale(1.5);
    transform: rotate(360deg) scale(1.5);
}



div.map_content{ 
	width: 100%;
	height:347px;
	margin:5px auto 5px auto;
	padding:0px;
	text-align:center;
	background:url(../img/template/404_bg.png) no-repeat 50% 0%;
}
div.map_content img{width:315px; max-width:95%; margin:45px auto 0 auto;}
div.map_content p{font-size:24px; color:#5f5f5f; padding:40px 0;}

h3.map-heading {
    font-size: 1.24em;
    margin: 29px 0 15px;
}
.map-heading a:hover {
    text-decoration: none;
}
.map-nav {
    list-style: none;
	padding-left:0px;
}
.map-nav li {
	padding:6px 0px 6px 3px;
}
.map-nav li a {
	color:#343434;
}


#HomeTagSlider .item .left-arrow {padding-top:23px; padding-left:8px; font-size:1.2em; color:#cbcbcb;}
#HomeTagSlider .item .right-arrow {padding-top:23px; padding-right:8px; font-size:1.2em; color:#cbcbcb;}

/* unit-title-area */
.unit-title-area {
	background-color:#f5f5f5;
	color:#ffffff;
	height:118px;
}
.unit-title-area h1 {font-size:26px; padding:25px 0px 0px 8%;}

.unit-title-area .container {
    /*background: url('../img/template/unit-title-bg-02.png') no-repeat 100% 50%;*/
	background-color:#219cd5;
	height:118px;
}


.unit-title-area .container.about {
    background: url('../img/template/title_bar_about_02_ocp.png') no-repeat 98% -10%;
	background-color:#219cd5;
}

.unit-title-area .container.news {
    background: url('../img/template/title_bar_news_02_ocp.png') no-repeat 98% -10%;
	background-color:#219cd5;
}

.unit-title-area .container.channel {
    background: url('../img/template/title_bar_channel_02_ocp.png') no-repeat 98% -2%;
	background-color:#219cd5;
}

.unit-title-area .container.page404 {
    background: url('../img/template/title_bar_404_01_ocp.png') no-repeat 98% -2%;
	background-color:#219cd5;
}


.unit-title-area .container.branches {
    background: url('../img/template/title_bar_branches_02_ocp.png') no-repeat 98% -10%;
	background-color:#219cd5;
}

.unit-title-area .container.stock {
    background: url('../img/template/title_bar_stock_02_ocp.png') no-repeat 98% -13%;
	background-color:#219cd5;
}

.unit-title-area .container.search {
    background: url('../img/template/title_bar_search_02_ocp.png') no-repeat 98% -20%;
	background-color:#219cd5;
}

.unit-title-area .container.tagcloud {
    background: url('../img/template/title_bar_cloud_02_ocp.png') no-repeat 98% 10px;
	background-color:#219cd5;
}

.unit-title-area .container.join {
    background: url('../img/template/title_bar_join_02_ocp.png') no-repeat 98% 10px;
	background-color:#219cd5;
}


/* breadcrumbs */
.breadcrumbs {
	height:67px;
	margin-bottom:20px;
	font-size:15px;
}
.breadcrumbs  .container{
	height:67px;
	border-bottom:1px solid #e4e4e4;
}
.breadcrumbs  .container .row{
	height:67px;
	display:table-cell;
	vertical-align: middle;
}
#main .container {padding-left:0;padding-right:0;}
#main .left-menu {height:400px;}



.breadcrumbs a {
	color:#343434;
}
.breadcrumbs a:hover {
	color:#1195d3;
	text-decoration: none;
}

/* left_nav */

.left_nav {
    list-style: none;
	padding-left:0px;
}
.left_nav li {	padding:15px;
	border-bottom:1px solid #e4e4e4;
}
.left_nav a {
	color:#343434;
}
.left_nav a:hover {
	color:#1195d3;
	text-decoration: none;
}
.left_nav li.active>a {
	color:#1195d3;
}




.left_nav  ul {
    list-style: none;
	padding-left:0px;
	padding-top:10px;
}
.left_nav  ul li {	padding:5px;
	border-bottom:0px dashed #e4e4e4;
}
.left_nav  ul li i{
	color:#dedede;
	padding-right:5px;
}


.content-title {padding: 10px 0 12px 0;}
.content-title h2 {margin:0;line-height: 36px;}
.news-item-area {padding-bottom:20px;}
.news-item {padding:8px 0px; line-height:1.5;}
.news-item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.news-item {
	padding:12px 0;
}
.news-item+.news-item {
	border-top:1px dashed #e4e4e4;
}

.news-item .news_date_area {color:#0074bf; padding-right:15px; padding-left:0px;}
.news-item .news_pdline_area { padding-right:15px; padding-left:0px;}
.news-item .news_content_area {padding:0px;}

.news-item .news_title_area a,.news-item .news_content_area a {
	color:#343434;
}
.news-item .news_title_area a:hover,.news-item .news_content_area a:hover {
	color:#343434;
	text-decoration: underline;
}



.detail_date_area {padding:10px 0px;margin-bottom:0px;color:#0074bf;}
p.more-link {margin-bottom:30px;}

.news-content h1,.news-content h2{ font-size:1.4em; margin-top:10px; margin-bottom:30px; color:#299ed5; line-height:1.5; padding-bottom:15px; border-bottom:1px solid #1195d3;}
.news-content h3 {font-size:1.4em;}
.news-sub-title-area {padding:10px 0px 20px;}
.news-sub-title-area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.publish-date-area {padding:5px 10px 5px 0px; color:#299ed5 /*#0074bf;*/}
.label-area {padding:5px 0px 5px;}
.label-area label.news-tag {font-weight: normal;}
.label-area a {color:#8a8a8a}
.label-area a:hover {color:#343434; text-decoration: underline;}
.label-area ul {list-style-type: none;padding-left:0px;}
.label-area ul li{float:left;}
.news-content img {max-width:100%;}
.news-content table {max-width:100%;}
.news-button-area {padding:20px 0; margin-bottom:20px; text-align:center;}
label.epaper_sub_title {color:#8a8a8a;font-weight: normal;}
.prow {padding-bottom:10px;}
.share-friends-area {margin-top:20px; padding:20px 0; text-align:center;}

/*-- .social --*/
.social {list-style-type: none; margin:0px auto 0px auto;padding:0 0 0 8px; width:200px;}
.social.addmail {width:248px;}
.social:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.social li {
	background: none repeat scroll 0 0 #B5B5B5;
	border: 2px solid #B5B5B5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 0 8px 0 0;
	padding: 0;
	text-align: center;
	width: 40px;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
.social li:hover {
	transform: scale(1.15) rotate(360deg);
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
}
.social li a {
	color: #EDEFF1;
	
}
.social li:hover {
	border: 2px solid #2c3e50;
	background: #2c3e50;
}
.social li a i {
	font-size: 18px;
	margin: 0px;
	text-align:center;
	color: #EDEFF1 !important;
}


.news-extra-message {margin-top:35px;}
.news-extra-message .nav-tabs > li {width:14.286%;}
.news-extra-message.en .nav-tabs > li {width:20%;}
.news-extra-message .tab-content{margin-left:-15px;margin-right:-15px;border:0px solid #c6cbd0;padding:0px;}
.news-extra-message table {width:100%;}
.news-extra-message table th,.news-extra-message td {padding:8px 2px;}
.news-extra-message table th {border-bottom:1px solid #d8d8d8;}
.news-extra-message tr td {border-bottom:1px dashed #d8d8d8;}
.news-extra-message tr:last-child td {border-bottom:0px dashed #d8d8d8;}
.news-extra-message table ul {padding-left:0px;margin:0px; list-style-position: inside;}
.news-extra-message .tab-btn-xs {
    padding-left:15px;padding-right:15px;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 47%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(47%,#f4f4f4), color-stop(100%,#f0f0f0)); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: linear-gradient(to bottom, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 );
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #a6a9ab;
	border-bottom:1px solid #ffffff;
	cursor: pointer;
}
.news-extra-message .tab-content ul.pl-row { width:100%; padding:0px; margin:0px auto; list-style-position: inside;}
.news-extra-message .tab-content ul.pl-row li { 
	padding:5px;padding-left:10px;color:#9e9e9e; border-bottom:1px solid #d8d8d8; height:36px; overflow:hidden; position: relative;line-height: 1.8;}
.news-extra-message .tab-content ul.pl-row li i {font-size:11px; font-family:Arial;}
.news-extra-message .tab-content ul.pl-row li:last-child {border-bottom:0px solid #d8d8d8;}
.news-extra-message .tab-content ul.pl-row span.news_date_area {color:#727272; padding-right:5px;}
.news-extra-message .tab-content ul.pl-row a {color:#444444;}
.news-extra-message .tab-content ul.pl-row a:hover {color: #1195d3;text-decoration:none;}
.news-extra-message .tab-pane {padding:20px;}
.news-extra-message .tab-btn-xs i{
	float:right;
	font-size: 0.86em;
	padding:8px 5px 0 5px;
	margin-top:-5px;
	text-align: center;
	width: 42px;
	height: 32px;
	border-radius: 5px;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;	
}
.news-extra-message .tab-btn-xs i.open{
	width: 42px;
	height: 32px;
	-webkit-transform: rotate(180deg) scale(1);
	transform: rotate(180deg) scale(1);
}

.news-extra-message .tab-btn-xs:hover i {
	border:1px solid #a6a9ab;
}

.comp_area {background: #f4f4f4;
	border-radius: 8px; 
	padding-bottom:8px;}
.comp_area h3 {background: #ededed; 
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-bottom:1px solid #ffffff; font-size:1.2em; padding:15px 5px;}
.comp_area ul {padding-left:30px;}

table.com-manager th,table.com-manager td {padding:8px 3px; vertical-align: top;}
table.com-manager tr.first-row th{border-bottom:1px solid #d8d8d8;}

div.page-search-area{
	background: #ededed;
	border-radius: 8px;
	margin-bottom:20px;
	padding-top:12px;padding-bottom:12px;
}
div.page-search-area>div{padding-top:3px;padding-bottom:3px;}

div.page-search-area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.page-search-area input{
border-radius: 4px;
}
div.page-search-area #searchBtn{
border-radius: 4px; width:100%;padding:7px 12px;
}

div.page-search-area .message-area {padding-top:15px;}
div.page-search-area .message-area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.about-select2{width:100%;}
.branches-select2{width:100%;}
.tag-select2{width:100%;}
.pline-select2{width:100%;}
.bigdrop {display:none;}
.bigdrop .select2-results{max-height:300px;height:300px;}

.about-extra-message {margin-top:35px;}
.about-extra-message .tab-content{margin-left:-15px;margin-right:-15px;border:0px solid #c6cbd0;padding:0px;}
.about-extra-message .tab-btn-xs {
    padding-left:15px;padding-right:15px;
	background: #fcfcfc;
	background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 47%, #f0f0f0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(47%,#f4f4f4), color-stop(100%,#f0f0f0)); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: -o-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: -ms-linear-gradient(top, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	background: linear-gradient(to bottom, #fcfcfc 0%,#f4f4f4 47%,#f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f0f0f0',GradientType=0 );
	padding-top:15px;
	padding-bottom:15px;
	border-top:1px solid #a6a9ab;
	border-bottom:1px solid #ffffff;
	cursor: pointer;
}
.about-extra-message .tab-pane {padding:20px;}
.about-extra-message .tab-btn-xs i{
	float:right;
	font-size: 0.86em;
	padding:8px 5px 0 5px;
	margin-top:-5px;
	text-align: center;
	width: 42px;
	height: 32px;
	border-radius: 5px;
	-webkit-transition: all ease-in-out 0.25s;
	transition: all ease-in-out 0.25s;	
}
.about-extra-message .tab-btn-xs i.open{
	width: 42px;
	height: 32px;
	-webkit-transform: rotate(180deg) scale(1);
	transform: rotate(180deg) scale(1);
}

.about-extra-message .tab-btn-xs:hover i {
	border:1px solid #a6a9ab;
}


.news_pic_area img {width:100%}
.award-item {margin-bottom:5px;}
.award-content {font-weight: normal;}

.procurement-table {border: 1px solid #c6cbd0; width:100%;}
.procurement-table th,.procurement-table td{vertical-align: top;border-bottom: 1px solid #c6cbd0; padding:5px 8px;}
.procurement-table th {	background: #f4f4f4;width:20%; text-align:center;}

.branches-table {border: 1px solid #c6cbd0; width:100%;}
.branches-table th,.branches-table td{vertical-align: top;border-bottom: 1px solid #c6cbd0; padding:8px 8px;}
.branches-table th {	background: #f4f4f4;width:20%; text-align:center;}
.branches-table .cities {list-style-type: none; padding-left:20px;}

.branches-table .cities a,.branches_content .accordion-heading a,.news_content .accordion-heading a ,.investors-faq-content .accordion-heading a{color:#343434;}

.branches_content .accordion table {width:100%;} 

.env-table {border: 1px solid #c6cbd0; width:100%;}
.env-table th,.env-table td{vertical-align: top;border-bottom: 1px solid #c6cbd0; padding:5px 8px;}
.env-table th {	background: #f4f4f4;}

.vedio_area {text-align:center;padding-bottom:20px;}

.btn-area {padding-top:10px;}
.success_content h1 {padding-bottom:20px;}

.content_message_area {padding-bottom:15px;}

.contactform label,.contactform input, .contactform textarea { margin-bottom:5px;} 
.contactform label {line-height:34px;}
.accordion-inner .label-zip {padding-right:0px;}
.accordion-inner label {margin:0px;}
.accordion-inner .row  div{padding-bottom:5px;}
.error {color:#ff0000;}

.main-right-area>div {padding-bottom:35px;}
.main-right-area>div:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.main-right-area>div.row.pl-content {padding-bottom:0px;}
.main-right-area table {max-width:100%;}
.main-right-area td {max-width:100%;}
.main-right-area img {max-width:100%;}

.investors-sub-title {padding-top:10px;}
.investors-sub-title h4{padding-bottom:8px;}
.investors-sub-title table {width: 100%;}

.pl-content iframe {width:100%; height:400px; margin-bottom:20px; border:1px solid #ffffff;}


/* Scroll to top link */
#to-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    border-radius: 3px;
    padding: 0 12px 3px;
    font-size: 2em;
    text-align: center;
    color: #000000;
    background-color: #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#to-top:hover {
    color: #ffffff;
    background-color: #1195d3;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

/*
=================================================================
(#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/

/* Typography */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
    font-weight: 300;
}

h1 {font-size:1.857em;}
h2 {font-size:1.57em;}
h3 {font-size:1.57em;}

strong {
    font-weight: 600;
}



.text-danger,
.text-danger:hover,
a.text-danger,
a.text-danger:hover,
a.text-danger:focus {
    color: #e74c3c;
}

.text-warning,
.text-warning:hover,
a.text-warning,
a.text-warning:hover,
a.text-warning:focus {
    color: #e67e22;
}

.text-success,
.text-success:hover,
a.text-success,
a.text-success:hover,
a.text-success:focus {
    color: #27ae60;
}

.text-info,
.text-info:hover,
a.text-info,
a.text-info:hover,
a.text-info:focus {
    color: #3498db;
}

.text-muted,
.text-muted:hover,
a.text-muted,
a.text-muted:hover,
a.text-muted:focus {
    color: #999999;
}

.accordion {
  margin-bottom: 20px;
}

.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.accordion-heading {
  border-bottom: 0;
  background:#ededed;
}

.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}

.accordion-toggle {
  cursor: pointer;
}

.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}


blockquote {
    margin: 20px 0;
    padding: 10px 20px 10px 60px;
    position: relative;
    width: 100%;
    border-left: none;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-family: serif;
    font-size: 96px;
    position: absolute;
    left: 0;
    top: -30px;
    color: #eeeeee;
}

blockquote.pull-right:before {
    left: 10px;
    right: auto;
}

blockquote.no-symbol {
    padding: 10px 20px;
}

blockquote.no-symbol:before {
    content: "";
}

p {
    line-height: 1.7;
}

article p {
    font-size: 1em;
    line-height: 1.5;
}

ul.ul-breath li {
    margin-bottom: 7px;
}

/* Tables */
table {max-width:100%;width:100%;}
table th,table td{padding:3px;}

.table.table-vcenter th,
.table.table-vcenter td {
    vertical-align: middle;
}

.table-options {
    padding: 6px 0;
}

.table thead > tr > th {
    font-size: 1em;
    font-weight: 600;
}

.table thead > tr > th > small {
    font-weight: 400;
    font-size: 75%;
}

.table thead > tr > th,
.table thead > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
    padding-top: 14px;
    padding-bottom: 14px;
}

.table tfoot > tr > th,
.table tfoot > tr > td {
    background-color: #f9f9f9;
}

.table-borderless tbody > tr > th,
.table-borderless tbody > tr > td {
    border-top-width: 0;
}

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td,
.table tbody + tbody,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border-color: #f2f2f2;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #f2f2f2;
}

/* Forms */
label {
    font-weight: 600;
}

fieldset legend {
    font-size: 1em;
    padding: 30px 0 10px;
    border-bottom: 2px solid #eaedf1;
}

input[type="file"] {
    padding-top: 7px;
}

input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
    -webkit-appearance: none;
}

.form-control {
    font-size: 1em;
    padding: 6px 8px;
    max-width: 100%;
    margin: 1px 0;
    color: #353535;
    border-color: #e4e4e4;
	border-radius: 0;
}



.form-control-borderless .form-control,
.form-control-borderless .input-group-addon,
.form-control-borderless,
.form-control-borderless:focus {
    border: transparent !important;
}

.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
}

.input-group .form-control {
    margin-top: 0;
}

.form-control:focus {
    border-color: #1195d3;
}

.help-block {
    color: #777777;
    font-weight: 400;
}

.input-group-addon {
    min-width: 45px;
    text-align: center;
    background-color: #ffffff;
    border-color: #dbe1e8;
}

.form-horizontal .control-label {
    margin-bottom: 5px;
}

.form-bordered {
    margin: -15px -15px -1px;
}

.modal-body .form-bordered {
    margin-bottom: -20px;
}

.form-bordered fieldset legend {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.form-bordered .form-group {
    margin: 0;
    border: none;
    padding: 15px;
    border-bottom: 1px dashed #eaedf1;
}

.form-bordered .form-group.form-actions {
    background-color: #f9fafc;
    border-bottom: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.form-horizontal.form-bordered .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.has-success .form-control,
.has-warning .form-control,
.has-error .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-success .help-block,
.has-success .control-label,
.has-success .input-group-addon,
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .radio,
.has-success .radio-inline {
    color: #27ae60;
}

.has-success .form-control,
.has-success .input-group-addon {
    border-color: #27ae60;
    background-color: #ffffff;
}

.has-success .form-control:focus {
    border-color: #166638;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .input-group-addon,
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .radio,
.has-warning .radio-inline {
    color: #e67e22;
}

.has-warning .form-control,
.has-warning .input-group-addon {
    border-color: #e67e22;
    background-color: #ffffff;
}

.has-warning .form-control:focus {
    border-color: #b3621b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .input-group-addon,
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .radio,
.has-error .radio-inline {
    color: #e74c3c;
}

.has-error .form-control,
.has-error .input-group-addon {
    border-color: #e74c3c;
    background-color: #ffffff;
}

.has-error .form-control:focus {
    border-color: #c0392b;
}

/* Buttons */
.btn {
    margin: 1px 0;
    border-width: 0;
    background-color: #ffffff;
    -webkit-transition: all ease-out 0.15s;
    transition: all ease-out 0.15s;
	border-radius: 0;
}

.input-group-btn .btn {
    border-width: 1px;
}

.btn .gi,
.btn .hi,
.btn .si,
.btn .fi {
    line-height: 1;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.input-group .btn,
.modal-content .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.btn-default {
    background-color: #ffffff;
    border-color: #eeeeee;
    color: #909090;
}

.btn-default.btn-alt {
    background-color: #ffffff;
}

.btn-default:hover {
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .btn-default.dropdown-toggle {
    background-color: #eaedf1;
    border-color: #eaedf1;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
    background-color: #eaedf1;
    border-color: #eaedf1;
}

.btn-primary {
    background-color: #3daee3;
    border-color: #1195d3;
    color: #ffffff;
}

.btn-primary.btn-alt {
    background-color: #ffffff;
    color: #1195d3;
}

.btn-primary:hover {
    background-color: #1195d3;
    border-color: #1593b3;
    color: #ffffff;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .btn-primary.dropdown-toggle {
    background-color: #1195d3;
    border-color: #1195d3;
    color: #ffffff;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
    background-color: #1195d3;
    border-color: #1195d3;
    color: #ffffff;
}

.btn-danger {
    background-color: #ef8a80;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-danger.btn-alt {
    background-color: #ffffff;
    color: #e74c3c;
}

.btn-danger:hover {
    background-color: #e74c3c;
    border-color: #9c3428;
    color: #ffffff;
}

.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .btn-danger.dropdown-toggle {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #ffffff;
}

.btn-warning {
    background-color: #f7be64;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-warning.btn-alt {
    background-color: #ffffff;
    color: #f39c12;
}

.btn-warning:hover {
    background-color: #f39c12;
    border-color: #b3730c;
    color: #ffffff;
}

.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .btn-warning.dropdown-toggle {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
    background-color: #f39c12;
    border-color: #f39c12;
    color: #ffffff;
}

.btn-success {
    background-color: #aad178;
    border-color: #7db831;
    color: #ffffff;
}

.btn-success.btn-alt {
    background-color: #ffffff;
    color: #7db831;
}

.btn-success:hover {
    background-color: #7db831;
    border-color: #578022;
    color: #ffffff;
}

.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .btn-success.dropdown-toggle {
    background-color: #7db831;
    border-color: #7db831;
    color: #ffffff;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
    background-color: #7db831;
    border-color: #7db831;
    color: #ffffff;
}

.btn-info {
    background-color: #7abce7;
    border-color: #3498db;
    color: #ffffff;
}

.btn-info.btn-alt {
    background-color: #ffffff;
    color: #3498db;
}

.btn-info:hover {
    background-color: #3498db;
    border-color: #2875a8;
    color: #ffffff;
}

.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .btn-info.dropdown-toggle {
    background-color: #3498db;
    border-color: #3498db;
    color: #ffffff;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
    background-color: #3498db;
    border-color: #3498db;
    color: #ffffff;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    color: #1195d3;
}

.btn-link.btn-icon {
    color: #999999;
}

.btn-link.btn-icon:hover,
.btn-link.btn-icon:focus {
    text-decoration: none;
}

/* Labels, Badges */
.label,
.badge {
    font-weight: normal;
    font-size: 90%;
}

.label {
    padding: 1px 4px;
}

.badge {
    background: url('../img/template/ie8_opacity_dark_30.png') repeat;
    background: rgba(0, 0, 0, 0.3);
    padding: 3px 6px;
}

.label-danger {
    background-color: #e74c3c;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #ff5542;
}

.label-warning {
    background-color: #e67e22;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ff8b26;
}

.label-success {
    background-color: #27ae60;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #2cc76c;
}

.label-info {
    background-color: #2980b9;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #2f92d4;
}

.label-primary {
    background-color: #1195d3;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #5ac5e0;
}

.label-default {
    background-color: #999999;
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #777777;
}

/* Alerts */
.alert {
    border-top-width: 0;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
}

.alert-danger {
    color: #e74c3c;
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}

.alert-danger .alert-link {
    color: #e74c3c;
}

.alert-warning {
    color: #e67e22;
    background-color: #ffe4cc;
    border-color: #ffd6b2;
}

.alert-warning .alert-link {
    color: #e67e22;
}

.alert-success {
    color: #27ae60;
    background-color: #daf2e4;
    border-color: #b8e5cb;
}

.alert-success .alert-link {
    color: #27ae60;
}

.alert-info {
    color: #3498db;
    background-color: #dae8f2;
    border-color: #b8d2e5;
}

.alert-info .alert-link {
    color: #3498db;
}

.alert-dismissable .close {
    top: -5px;
    right: -25px;
}

.close {
    text-shadow: none;
}

/* Carousel */
.carousel-control {
    width: 60px;
}

.carousel-control.left,
.carousel-control.right,
.carousel-control.left.no-hover:hover,
.carousel-control.right.no-hover:hover {
    background: none;
    filter: none;
}

.carousel-control.left:hover,
.carousel-control.right:hover {
    background: url('../img/template/ie8_opacity_dark_20.png') repeat;
    background: rgba(0, 0, 0, 0.1);
    filter: none;
}

.carousel-control span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block;
    text-shadow: none;
}

.carousel-control i {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
}

.carousel.carousel-html {
    margin-bottom: 40px;
}

.carousel-html .carousel-indicators {
    bottom: -20px;
}

.carousel-html .carousel-indicators li {
    background-color: #dddddd;
}

.carousel-html .carousel-indicators .active {
    background-color: #1195d3;
}

.carousel-html .carousel-control {
    text-shadow: none;
    color: #cccccc;
}

.carousel-html .carousel-control:hover {
    color: #ffffff;
}

.carousel-home {
    margin-bottom: 0 !important;
}

.carousel-home img{
    max-width: 100%;
}

/* Nav */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: #fff;
    background-color: #1195d3;
}

.nav > li i {
    font-size: 1em;
}

.nav-pills > .active > a > .badge {
    color: #1195d3;
}

.nav-stacked > li > a {
    margin: 4px 0 0;
}

.nav .caret,
.nav a:hover .caret,
.nav a:focus .caret {
    border-top-color: #1195d3;
    border-bottom-color: #1195d3;
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #f9fafc;
}


.nav-tabs{margin-bottom:0px;border-bottom-color: transparent;}
.tab-content{border:1px solid #c6cbd0;padding:20px;}


.nav-tabs > li {
    margin-bottom: 0;
}

.nav-tabs > li > a {
	width:100%;
	text-align:center;
    margin-bottom: -1px;
	margin-right: 0px;
	color: #353535;
    border-color: #c6cbd0;
	border-left:0px;
	border-bottom-color: transparent;	
	box-shadow:inset 0px 0px 4px 1px rgba(255,255,255,0.7);	
}

.nav-tabs > li > a:hover {
    border-color: #c6cbd0;
	border-bottom-color: transparent;
}

.nav-tabs > li.active > a {
    background-color: #f1f2f3;
	border-left:0px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #353535;
    border-color: #c6cbd0;
	border-left:0px;
    border-bottom-color: transparent;
}


.nav-tabs > li:first-child > a,
.nav-tabs > li:first-child > a:hover,
.nav-tabs > li:first-child > a:focus {
	border-left:1px solid #c6cbd0;
}


.nav-pills > li.active > a > .badge {
    background: url('../img/template/ie8_opacity_dark_20.png') repeat;
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
}

/* Pagination & Pager */
.pagination > li > a,
.pagination > li > span  {
    color: #1195d3;
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    border-radius: 25px !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #1195d3;
    font-weight: 600;
}

.pager > li > a,
.pager > li > span {
    border-color: #eaedf1;
}

.pager > li > a:hover,
.pagination > li > a:hover {
    background-color: #1195d3;
    border-color: #1195d3;
    color: #ffffff;
}

.pager > li.disabled > a:hover {
    border-color: #eaedf1;
}

/* Bottom Margin */
p, .table, .alert, .carousel {
    margin-bottom: 10px;
}

/* Removing shadows and radius */
.navbar-form,
.navbar-collapse,
.form-control,
.form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.has-error .form-control:focus,
.popover,
.progress,
.progress-bar,
.btn.active,
.open .btn.dropdown-toggle,
.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block {
margin: 0 0 10px;
padding: 0;
background-color: #ffffff;
border: 1px solid #dbe1e8;
}

.block-title {
margin:0 0 15px 0;padding:20px; 
text-align:center;
background-color: #f9fafc;
border-bottom: 0px solid #eaedf1;
line-height:1.8;
}
.block-title p {margin:0px;}

.form-bordered {
margin: 0;
}
.form-bordered .form-group {
	margin: 0;
	padding: 15px;
	border-bottom: 1px dashed #eaedf1;
}

.form-horizontal .control-label {
padding-top:2px;
margin-bottom: 5px;
}
.form-horizontal 
.form-control {
	padding: 6px 8px;
	max-width: 100%;
	margin: 1px 0;
	color: #394263;
	border-color: #dbe1e8;
	border-radius: 5px;
}

.ui-menu .ui-menu-item {font-size:15px;font-family: "微軟正黑體", Helvetica, Arial, sans-serif;}

/*
=================================================================
(#m05ths) THEME
=================================================================
*/

/* Default Color Theme specific colors */
.themed-color {
    color: #1195d3;
}

.themed-border {
    border-color: #1195d3;
}

.themed-background {
    background-color: #1195d3;
}

.themed-color-dark {
    color: #394263;
}

.themed-border-dark {
    border-color: #394263;
}

.themed-background-dark {
    background-color: #394263;
}

ul li .row-hidden {z-index: 1000; position: absolute; right: 0; padding:0 30px; background: url(../img/template/list_hidden_bg_02_02.png) no-repeat 0% 50%;}

.btn.btn-xs.more-btn {border-radius: 3px; background:#dbdbdb;line-height:1; padding:4px 5px 6px;color:#ffffff;}
.btn.btn-xs.more-btn:hover { background:#0181bd; color:#ffffff;} 

.btn.back-btn {border-radius: 3px; background:#dbdbdb;color:#ffffff;}
.btn.back-btn:hover { background:#0181bd; color:#ffffff;}

.btn.spec-btn {border-radius: 3px; background:#219cd5;color:#ffffff;}
.btn.spec-btn:hover { background:#0181bd; color:#ffffff;}

/*
=================================================================
(#m06hes) HELPERS
=================================================================
*/

.push-bit {
    margin-bottom: 30px;
}

.push {
    margin-bottom: 49px;
}

.push-top-bottom {
    margin-top: 49px;
    margin-bottom: 49px;
}

.remove-margin {
    margin-bottom: 0;
}

.lt-ie9 .hidden-lt-ie9 {
    display: none !important;
}

.display-none {
    display: none;
}

.visibility-none {
    visibility: hidden;
}

:focus {
    outline: 0 !important;
}

.owl-theme .owl-controls {text-align:left;}

/*
=================================================================
(#m07res) RESPONSIVE
=================================================================
*/
@media screen and (max-width: 479px) {

	/*.active-func-nav .search {display:none;}
	.active-func-nav .lang {display:none;}*/
	
	header  .container {
		padding-left: 8px;
	}
	a.site-logo img {
		width: 120px;
		padding: 15px 0 10px;
	}	
	a.bg-site-logo img {
		width: 140px;
		padding: 8px 0 10px;
		margin-left: -5px;
	}

	a.sacg-bg-site-logo img {
		padding: 3px 0 0px;
	}		
	
	.active-func-nav li {
		height: 60px;
		padding: 5px 10px;
	}
	.active-func-nav a {
		font-size: 12px;
	}
	.active-func-nav a i {
		font-size: 18px;
	}
	.active-func-nav li.lang {
		line-height: 50px;
	}
	.active-func-nav li.lang a {
		padding: 6px 8px;
		font-size: 15px;
	}
	#page-container {
		padding-top:60px;
	}	
	.site-nav {
		top: 60px;
		min-width: 100%;
	}
	header .func-area {
		top: 60px;
	}	
	.active-func-nav li.lang ul {
		top: 60px;	
	}
	header .func-area .form-control.search-content {width:78%;}
	header .func-area .search-type {width:22%;}
	
	.news_date_area.col-xs-4 {width:40%;} 
	.news_content_area.col-xs-8 {width:60%;} 
}

@media screen and (max-width: 1023px) {

	.container {
		width:100%;
	}
}

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 640px) {
	a.site-logo img {
		width:210px;
	}
	
	a.bg-site-logo img {
		width:220px;
	}	
	
	.active-func-nav li {
		height: 92px;
		line-height: 0px;
		padding: 20px;	
	}
	.active-func-nav li.lang {
		line-height: 52px;
	}	
	#page-container {
		padding-top:92px;
	}	
	.site-nav {
		top:92px;	
	}
	header .func-area {
		top:92px;
	}
	.active-func-nav li.lang ul {
		top:92px;
	}	
	
	.social {width:240px;}
	.social.addmail {width:298px;}
	.social li {
		height: 50px;
		line-height: 50px;
		width: 50px;
	}	
	.social li a i {
		font-size: 21px;
	}	
}
/* Small devices, Tablets (>767px) */


@media screen and (min-width: 768px) {
    /* General */
    .site-heading-promo {
        margin-top: 60px;
    }
	.row .pl-detail  {border-bottom:0px solid #ededed; padding:0;}
	#main .container {padding-bottom:20px;}	
	
	.news-extra-message .tab-content {
		margin-left: 0;
		margin-right: 1px;
		border: 1px solid #c6cbd0;
	}	
	.about-extra-message .tab-content {
		margin-left: 0;
		margin-right: 1px;
		border: 1px solid #c6cbd0;
	}	
		
}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {
	#main .left-menu {padding-left:0px;padding-right:30px; height:auto;
	}
	#page-container {
		padding-top:112px;
	}
	body {
		font-size:15px;
	}

	header {
		padding: 25px 0 13px;
	}
	
	.menu-bg-area {
		display:none;
	}	
	
	/* Logo */
	a.site-logo {
		padding-top: 0px;
	}
	
	a.site-logo img {
		width:auto;
		max-height:64px;
		padding:0px 0 0 0;
	}

	a.bg-site-logo img {
		width:auto;
		max-height:74px;
		padding:0px 0 0 0;
		margin-top:-5px;
	}
	a.sacg-bg-site-logo img {
		max-height:88px;
		margin-top:-10px;
	}	
	
	header nav {
		margin-top: 36px;
	}	
	
	header .func-area {
	    top:4px;
		background-color:transparent;
		display: block;
	}
	header .func-area .form-control,header .func-area .btn {
		border-radius: 0;height: 31px;
	}	
	
	header .select2-container .select2-choice {
		height: 31px;
		padding: 0 0 0 5px;
		line-height: 31px;
		color: #989898;
		border-radius: 0px;
		background-color: #ffffff;
		border: 0px solid #dbe1e8;
		border-left: 1px solid #dbe1e8;
	}

	header .select2-dropdown-open .select2-choice {
		border-right: 1px solid #1bbae1;
		border-left: 1px solid #1bbae1;
	}
	header .select2-drop {
		margin-right:-1px;
	}	
	
	header .select2-container .select2-choice .select2-arrow {
		top: 2px;
		background: #ffffff;
	}
	
	
	header .func-area .input-group{	
		border:1px solid #3daee3;
		
	}
	header .func-area .input-group .input-group-btn{	
		background: #3daee3;
		
	}	
	
	header .func-area .container {
		padding: 0 15px;
	}	
	header .func-area .func-body {
		width:580px;margin:0px 0px 0px auto;
	}

	header .func-area .col-md-10 {
		padding-right:3px;
		width:80%;
	}
	header .func-area .col-md-2 {
		padding-left: 3px;
		width: 20%;
		padding-right: 12px;
	}	
	
	header .func-area .btn-default {
		border: 0px;
		border-left:1px solid #eeeeee;
	}	
	
	header .func-area .btn-default {
		background-color: #ffffff;
		border-color: #eeeeee;
		color: #909090;
	}

	header .func-area .btn-default.btn-alt {
		background-color: #ffffff;
	}

	header .func-area .btn-default:hover {
		background-color: #ffffff;
		border-color: #cccccc;
	}

	

	header input .form-control,header .form-control:focus{
		border: 0px; 
        border-color: #ffffff;
	}
	.bigdrop {display:block;}
	.bigdrop .select2-results{max-height:320px;height:320px;}
	.main-right-area.col-md-9 {padding-right:0px; padding-bottom:30px; min-height:350px;}

    /* Menu */
    .site-nav {
        position: static;
        top: 50px;
        right: auto;
        bottom: auto;
        overflow-y: visible;
        width: auto;
        background: transparent;
        z-index: auto;
        -webkit-transition: none;
        transition: none;
		display: block;
		border:0px solid #000000;
		width:584px;		
    }
	

    .site-nav li {
        float: left;
        padding: 0;
        margin-left: 0px;
        position: relative;
    }
	
	.site-nav  li+li{
		background: url('../img/template/nav-split-line-01.png') no-repeat 0% 50%;
	}	
	
	.site-nav  ul li+li {
		background: transparent;
	}	

    .site-nav a {
	    font-size:1em;
        margin: 0;
		color: #343434;
		box-shadow: inset 0 0 rgba(0,0,0,0.06);
		border-radius: 3px;	
		padding:8px 16px;
    }
	.site-nav a:hover {
		color: #343434;
		text-decoration: none;
		border-left:0px solid rgba(0,0,0,0.1);	
	}
	
	/*.site-nav li:last-child a {padding-right:0px;}*/
	
	.site-nav ul li a { padding:5px;white-space: nowrap;}
	/*.site-nav ul li:last-child a {padding:5px;}*/
	
	.site-nav a.active,
	.site-nav li.active > a {
		color: #343434;
	}

    .site-nav li:hover > ul {
        display: block;
    }

    .site-nav li.active > a {
        border-radius: 3px;
    }

    .site-nav > li:hover > a,
    .site-nav > li.active:hover > a {
        color: #1195d3;
        background: transparent;
        text-decoration: none;
    }

    .site-nav i.site-nav-arrow {
        margin: 0 -20px 0 0;
    }

    /* Submenu */
    .site-nav ul {
        display: none;
        position: absolute;
        left: 5px;
        top: 36px;
        padding: 2px 0;
        min-width: 160px;
        background-color: #ffffff;
        border-radius: 3px;
        /*border-top-left-radius: 0;*/
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0px 2px rgba(0, 0, 0, 0.2);
    }

    .site-nav li:last-child ul {
        left: auto;
        right: 0;
        border-radius: 3px;
       /* border-top-right-radius: 0;*/
    }

    .site-nav ul li {
        float: none;
        margin: 0;
        padding: 1px 3px;
    }

    .site-nav ul a {
        color: #333333;
		background:#ffffff;
		border-left: 0px solid rgba(0,0,0,0.1);
		padding-top:7px;
		padding-bottom:7px;
    }


    .site-nav ul a:hover {
        background-color: #eeeeee;
    }

    .site-nav ul a.active,
    .site-nav ul a.active:hover {
        background-color: #454545;
    }
	
	
	.site-footer .row1 div:first-child.col-lg-2 {width:21%;}
	.site-copyright  {text-align:left;}
	.site-copyright .privacy {text-align:right;}
	
	.news-content h1, .news-content h2 {
		margin-bottom: 20px;
		padding-bottom: 0px;
		border-bottom: 0px solid #1195d3;
	}	
	
	.label-area {text-align:right;}
}

/* Layout max size (>999px) */
@media screen and (min-width: 1000px) {
	.container {
		width: 1000px;
	}
		
}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {

    /* General */
    /*article p {
        font-size: 1em;
        line-height: 1.9;
    } JN20141022*/

    .site-heading-promo {
        margin-top: 120px;
    }

    .promo-content {
        font-size: 1.72em;
        font-weight: 300;
    }
}

/*
=================================================================
(#m08rts) RETINA
=================================================================
*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    /* If you did use a CSS image background, you can put your high resolution image here */

}