@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);
body, body * {max-height: 1000000px;}
html{height:100%;}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/*vertical-align: baseline;*/
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}

strong {font-weight: bold !important;}

body{
	margin:0;
	color:#333;
	font: 14px/20px arial, sans-serif;
	background:#edeeed;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
	height:100%;
	background-image: url(../images/bg-main.jpg);
	min-width: 1000px;
}
.body-admin{
	margin:0;
	color:#333;
	font: 14px/20px arial, sans-serif;
	background:#efefef;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: none;
	height:100%;
	min-width: 1000px;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11{float:left;}
.col-sm-12{width:100%;} .col-sm-11{width:91.66666666666666%;} .col-sm-10{width:83.33333333333334%;} .col-sm-9{width:75%;} .col-sm-8{width:66.66666666666666%;} .col-sm-7{width:58.333333333333336%;} .col-sm-6{width:50%;} .col-sm-5{width:41.66666666666667%;} .col-sm-4{width:33.33333333333333%;} .col-sm-3{width:25%;} .col-sm-2{width:16.666666666666664%;} .col-sm-1{width:8.333333333333332%;}


/*form .col-sm-1, form .col-sm-2, form .col-sm-3, form .col-sm-4, form .col-sm-5{
    min-height: 65px;
    margin-bottom: 0px;
}*/

.col-country{
	min-height: 65px !important;
    margin-bottom: 0px !important;
}




img{
	/*vertical-align:top;*/
	border-style:none;
}

h1, h2, h3, h4, h5{font: 'Belgrano', arial, sans-serif; font-weight: bold;}
h1{font-size: 40px; line-height: 48px;}
h2{font-size: 36px; line-height: 42px;}
h3{font-size: 30px; line-height: 36px;}
h4{font-size: 26px; line-height: 32px; margin-bottom: 5px;}
h5{font-size: 20px; line-height: 26px; margin-top: 5px; margin-bottom: 5px;}

.content-box {width: 100%; border: 1px solid #ccc; padding: 10px; margin-bottom: 15px;}
.content-box img{border: 1px solid #dfdfdf; width: 100%}
.content-box .desc ,.content-box .desc a{font-size: 12px; color: #444}
.content-box a h5{font-size: 16px; text-decoration: none; margin-bottom: 0px; color: #444}
.content-box a:hover h5{color: #444}



a{
	text-decoration:none;
	color:#333;
	outline:none;
}
a:hover{text-decoration:underline; cursor: pointer;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
input[type="email"],
input[type="search"]{
	-webkit-appearance: none;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing:content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none;}
::-webkit-input-placeholder {color: #333;}
:-moz-placeholder {color: #333;}
::-moz-placeholder {
	color: #333;
	opacity:1
}
:-ms-input-placeholder{color: #333;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="submit"],
textarea{
	-webkit-appearance:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	outline:none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
textarea{overflow:auto;}
input[type="submit"]{
	cursor:pointer;
	overflow:visible;
}
button::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	padding:0;
	border:0;
	overflow:visible;
}
#wrapper{
	width:100%;
	overflow:hidden;
	position:relative;

}

.row{margin: 0px; padding:0px;}

.container{
	width:auto;
	max-width:1176px;
	/*border: 1px solid red;*/
}

.wrapper-article{
	width: 100%; min-height: 710px;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #efefef;
	padding: 20px;
	margin-bottom: 20px;
}

.wrapper-article .hr{
	border-bottom: 1px dashed #ccc;
	height: 10px;
	margin-bottom: 15px;
}

.wrapper-article a{color: #006292;}


.article-header{
	padding-left: 10px;
	padding-bottom: 10px;
	clear: both;
}
.article-subheader{
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
	clear: both;
}

.meter-h1{font-size: 34px; font-weight: normal; color: #006292;}
.meter-h4{margin-top: 10px; font-size: 22px;  font-weight: normal; color: #006292}


.meter-container{
	box-shadow: 2px 2px 2px #000;
	width: 873px !important;
}

.meter-container .center-fixed{
	min-height: 0px;  position: absolute;  /*top: 50%;  left: 50%; margin-left: -500px;*/

	box-shadow: 0px 0px 8px 5px rgba(51, 51, 51, .75);
	-webkit-box-shadow: 0px 0px 8px 5px rgba(51, 51, 51, .75);
	-moz-box-shadow: 0px 0px 8px 5px rgba(51, 51, 51, .75);
	box-shadow: 0px 0px 8px 5px rgba(51, 51, 51, .75);

	width: 831px !important;
	background-color: #fff;
}


.meter-body{
	min-height: 480px;
	font-size: 13px;
	font-family: arial;
	color: #333;
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 15px;
	padding-right: 5px;

	font-family: Georgia,"Times New Roman","DejaVu Serif",serif;
}
.meter-body .article-header{padding-bottom: 0px;}
.meter-body .article-subheader{border: 0px;}
.meter-body .grey-row{
	background: #DBDBDB;
	box-shadow: 0 -1px 6px #666;
	-moz-box-shadow: 0 -1px 6px #666;
	-webkit-box-shadow: 0 -1px 6px #666;
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
	width: 320px;
	margin: 0;
	padding: 7px 5px 13px 10px;
}

#cboxClose{
	position: absolute;
	top: -10px;
	right: -11px;
	background: url(/static/images/sprite-main.png) no-repeat -0 -7500px;
	height: 28px;
	width: 25px;
	z-index: 1005;
	border: 0px;
	text-indent: -99999;
}

.meter-body hr{margin-top: 5px; margin-bottom: 5px;}
.meter-body a{color: #006292; }
.meter-body p{font-size: 12px; line-height: 14px;}

.meter-body input[type="text"], .meter-body input[type="email"], .meter-body input[type="password"]{
	background-color: #fff;
	padding: 5px 6px;
	width: 264px;
	margin-bottom: 3px;
	font-size: 12px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;

	border: 1px solid #999;
	box-shadow: inset 0 0 5px #ccc;
}

.meter-body .btn-big{
	background-position: 0px -1437px;
	border: 1px solid #D5721B;
	font-weight: bold;
	font-family: arial;
	color: white;
	cursor: pointer;
	border-image: initial;
	padding: 8px 14px;
	height: 32px;
	line-height: 27px;
	font-size: 1.286em;
	background-color: #ED6022;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-image: url(/sites/all/themes/scmp/images/sprite-slices.png);
	text-shadow: none;


}

.meter-body .btn{
	border: 1px solid #db7302;
	background-color: #fba27a;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFFBA27A',endColorstr='#FFEC6313');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#fba27a),color-stop(100%,#ec6313));
	background-image: -webkit-linear-gradient(top,#fba27a,#ec6313);
	background-image: -moz-linear-gradient(top,#fba27a,#ec6313);
	background-image: -o-linear-gradient(top,#fba27a,#ec6313);
	background-image: linear-gradient(top,#fba27a,#ec6313);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 8px 4px;
	margin: 0 auto;
}

 .meter-body .terms {
	font-size: 10px;
	float: right;
	width: 220px;
	line-height: 12px;
}


.meter-footer{
	background-color: #006292;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.meter-footer table{width: 100%; border: 0;}
.meter-footer img{
	text-align: right;
	height: 30px;
}

.meter-bg1{	background-image: url(/static/images/meter_bg1.jpg);}
.meter-bg2{	background-image: url(/static/images/meter_bg2.jpg);}
.meter-bg3{	background-image: url(/static/images/meter_bg3.jpg);}

.meter-body .small-header{
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

.meter-body .white-row{color: #333; font-family: arial; padding: 0px}

.meter-body .small-header h1{
	font-family: Arial,Helvetica,"Nimbus Sans L",sans-serif;
	position: relative;
	font-size: 1.3em;
	line-height: 1em;
	font-weight: bold;
	background: #dbdbdb;
	box-shadow: 0 -2px 4px #666;
	-moz-box-shadow: 0 -2px 4px #666;
	-webkit-box-shadow: 0 -2px 4px #666;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding: 6px 10px 10px 10px;
	width: 245px;
	margin-bottom: 0;
	padding: 7px 11px;
}




.header-title{
	float: left;
}

 h1,  h2, h3, h4, h5{
	font: bold 24px/30px 'PT Sans', serif;
	color: #888;
	/*float: left;*/
}


h1{color: #006292}

h4{
	font: bold 18px/18px 'PT Sans', serif;
}


.wrapper-article .cwp-breadcrumb, .cwp-breadcrumb{
	float: right;
	margin-right: 15px;
	font: 14px/30px 'Belgrano', serif;
        display: none;
}

.wrapper-article .cwp-breadcrumb  a, .cwp-breadcrumb a{color: #006292}

.wrapper-article .warpper-nav-collapse{
	display: block;
	height: 40px;

}
.wrapper-article .wrapper-nav{
	float: left;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 25px;
	margin: 10px;
}

.wrapper-article .angle {
	clear: both;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	width: 0; height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #006292;
	cursor: pointer;
}

.wrapper-nav > ul{clear: both;}

.wrapper-nav > li{
	float: left;
	padding: 1px;
	padding-right: 0px;
	background-position: right center;
}


.wrapper-nav > li > a{
	padding: 0;
	display: inline;
	color: #333;
	padding: 10px;
	padding-right: 15px;
	text-decoration: none;
	background-color: #eeeded;

}

.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-12{
	/*border: 1px solid red;*/
	margin-bottom: 10px;
	min-height: 38px;
}

.wrapper-nav > li > a:hover, .wrapper-nav > li > a.active{
	background-color: #006292;
	color: #fff;
	width: 0;
	height: 0;
	background-image: url(../images/arrow-white.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/*Form*/
form {margin-top: 20px; margin-bottom: 20px;}
form label, label{

	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	color: #575859;
	padding: 4px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 10px;
	vertical-align: top;

	word-wrap: break-word;
	max-width: 320px;
}

#receipt label{
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	/*border: 1px solid red;*/
	padding-left: 0px;
	text-decoration: underline;
}

#receipt-footer{margin-top: 200px;}

form input[type="text"], form input[type="email"], form input[type="password"], form input[type="number"], form input[type="tel"],textarea, select{
	border-radius: 5px !important;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 8px;
	font-size: 13px !important;

	height: 38px;
}

.autocomplete-field{
	width: 90%;
	border-radius: 5px !important;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 8px;
	font-size: 13px !important;

	height: 38px;
}

select{height: 38px;}

.list-filter select {
    min-width:155px;
}

form checkbox{
	border: 0px !important;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 8px;
	font-size: 13px !important;
	height: 10px;
}
form .checkboxH4{
	border: 0px !important;
	line-height: 35px;
}

form textarea{height: 150px;}

form input[type="file"]{
	padding: 8px;

}

.txt-blue{color: #006292}
.txt-small-normal{font-size: 11px;}
.txt-ssmall{font-size: 10px; line-height: 12px}

.default-text{color: #888; line-height: 24px; min-width: 250px;}
.review-acc-text{color: #888; line-height: 28px; }

form .default-text-bold{color: #000; font-weight: bold; line-height: 28px;}

form .txt-small{font-size: 10px; line-height: 20px; font-style: italic}



form .txt-small i{font-style: italic}
form .txt-small a{color: #006292}

form .txt-small-download{font-size: 10px; line-height: 20px;}

form .price{font-size: 18px; line-height: 30px; font-weight: bold; color: #ff0000; padding: 4px;}


form .verylong-field{width: 450px;}
.full-field{width: 95%;}
.full-select{width: 95%;}

.district-select{width: 84%; min-width: 258px;}

.long-field{width: 90%;}
.long-select{width: 90%;}
.short-field{width: 70%;}
.address-field{width: 60%;}
.listing-field{width: 48%}


form .shortest-field{width: 80px;}
form .short-select{width: 215px;}
.date-select{width: 28%; margin-left: 2px; margin-right: 2px;}


/*#tabs.long-field{width: 280px !important;}
#tabs.long-select{width: 280px !important;}
#tabs.short-field{width: 170px !important;}
#tabs.shortest-field{width: 80px !important;}
#tabs.short-select{width: 215px !important;}
#tabs.date-select{width: 94px; margin-left: 2px; margin-right: 2px !important;}
*/



form .big-field{width: 450px; border-radius: 5px !important;
	/*width: 35%;*/
	font-size: 18px;
	border: 1px solid #ccc;
	padding: 12px;
	font-weight: bold; color: #006292;
	text-align: center;
}

.red-alert{margin-left: 5px; color: #ff0000;}

.error-message{
	color: #b94a48 !important;
	margin-right: 15px;
	font-weight: bold;
	padding-left: 15px;
	font-size: 13px;
	line-height: 20px;
}

.blue-link-s{color: #006292; font-size: 10px; line-height: 26px;}


#flashMessage{color: #ff0000; text-align: center;}


.product-label{color: #006292; font-size: 15px; margin-left: 8px;}


.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.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}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}

.image-widget-data img{max-width: 300px; margin-bottom: 10px; border-radius: 8px;}

.image-widget-data .grey-btn, .image-widget-data .submit{
	border-radius: 5px;
	border: 0px;
	background-color: #006292;
	width: 30%;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
	color: #fff;
}
.image-widget-data .grey-btn{}

.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{
	width: 35px; height: 35px;
	display:block;text-decoration:none;
	border: 0 !important;
}
.wizard>.steps .disabled a,.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active{cursor:default}

.wizard>.content{display:block;min-height:1000px; height:95%; overflow:hidden;position:relative;width:100%;}
.wizard>.content>.body{float:left;position:absolute;width: 100%}
.wizard>.content>.body label.error{color:#8a1f11;display:inline-block;margin-left:1.5em}
.wizard>.actions{position:relative;display:block;text-align:right;width:100%}
.wizard.vertical>.actions{display:inline;float:right;margin:0 2.5%;width:95%}
.wizard>.actions>ul{display:inline-block;text-align:right}
.wizard>.actions>ul>li{text-align: center;}.wizard>.actions a,.wizard>.actions a:hover,.wizard>.actions a:active{background:#2184be;color:#fff;display:block;padding:.5em 1em;text-decoration:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active{background:#eee;color:#aaa}.wizard>.loading{}.wizard>.loading .spinner{}.tabcontrol>.steps{position:relative;display:block;width:100%}.tabcontrol>.steps>ul{position:relative;margin:6px 0 0 0;top:1px;z-index:1}.tabcontrol>.steps>ul>li{float:left;margin:5px 2px 0 0;padding:1px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.tabcontrol>.steps>ul>li:hover{background:#edecec;border:1px solid #bbb;padding:0}.tabcontrol>.steps>ul>li.current{background:#fff;border:1px solid #bbb;border-bottom:0 none;padding:0 0 1px 0;margin-top:0}.tabcontrol>.steps>ul>li>a{color:#5f5f5f;display:inline-block;border:0 none;margin:0;padding:10px 30px;text-decoration:none}.tabcontrol>.steps>ul>li>a:hover{text-decoration:none}.tabcontrol>.steps>ul>li.current>a{padding:15px 30px 10px 30px}.tabcontrol>.content{position:relative;display:inline-block;width:100%;height:35em;overflow:hidden;border-top:1px solid #bbb;padding-top:20px}.tabcontrol>.content>.body{float:left;position:absolute;width:95%;height:95%;padding:2.5%}.tabcontrol>.content>.body ul{list-style:disc!important}.tabcontrol>.content>.body ul>li{display:list-item}

.steps-circle {
	float: right;
	/*margin-bottom: 15px;*/

	font: 14px/30px 'Belgrano', serif;
}


#tabForm .subscribe-step-title{display: none}
#tabForm #wizard .content{border: 1px solid #bbb;}
#tabForm .steps-circle a{font-weight: bold; color: #006292; font-size: 13px;}

.steps-circle .subscribe-step-title{
	color: #006292;
	font: 16px/35px arial, sans-serif;
	font-weight: bold;
	list-style: none;
	float: right;
}

.steps-circle ul{float: right;}

.steps-circle li{
	border-radius: 50%;
	width: 35px;
	height: 35px;
	color: #fff;
	background-color: #6da8d0;
	font: 16px/35px arial, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	list-style: none;
	float: left;
	margin-left: 10px;
}

.steps-circle li a{color: #fff;}

.steps-circle .current{background-color: #006292;}
.steps-circle .current-info{display: none;}
.error{font-size: 12px; font-weight: normal; color: #ff0000;}

.content{margin-bottom: 20px;}


.actions{text-align: center; }
.actions li{float: left; margin-left: 10px; width: 150px; border-radius: 5px; background-color: #2184be; padding: 5px;
	padding-left: 10px;
	padding-right: 10px;}

.actions .disabled{background: #eee;
color: #aaa;
cursor: default;}


.wizard>.actions a, .wizard>.actions a:hover, .wizard>.actions a:active {

	border: 0px;
	color: #fff;
}


.header-admin-holder{
	background:#f2faff;
	padding:15px;
	border-bottom: 5px solid #f2faff;
}

.header-admin-holder .holder{
	margin-top: 15px;
	float:right;
	font:bold 11px/14px '微軟正黑體', Georgia, serif;
	text-align:right;
	color:#999;
}
.header-admin-holder p{margin:0 0 9px;}



.header-holder{
	background:#fff;
	padding:15px;
	border-bottom: 5px solid #006292;
}
/* logo */
.logo{
	background:url(../images/logo.jpg) no-repeat;
	background-position: center;
	width:620px;
	height:80px;
	float:left;
	text-indent:-9999px;
}
.logo-admin{
	background:url(../images/logo-admin2.jpg) no-repeat;
	background-position: center;
	width:620px;
	height:80px;
	float:left;
	text-indent:-9999px;

}


.logo a, .logo-admin a{
	display:block;
	height:100%;
}

.logo-cwp{
	margin-left: 20px;
	height:60px;
	float:left;
	font: bold 24px/60px 'Belgrano', serif;
	color: #6da8d0;
	text-transform:uppercase;
}

.header-holder .holder{
	margin-top: 15px;
	float:right;
	font:bold 11px/14px '微軟正黑體', Georgia, serif;
	text-align:right;
	color:#999;
}
.header-holder p{margin:0 0 9px;}
/* social-networks */
.social-networks{display:block;}
.social-networks li{
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 6px;
}
.social-networks li:first-child{margin-left:0;}
.social-networks a{
	display:block;
	width:38px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	text-align:left;
}
.social-networks .link1{background:url(../images/sprite.svg) no-repeat;}
.social-networks .link2{background:url(../images/sprite.svg) no-repeat -46px 0;}
.social-networks .link3{background:url(../images/sprite.svg) no-repeat -95px 0;}
.social-networks .link4{background:url(../images/sprite.svg) no-repeat -142px 0;}
/* nav-block */
.nav-block{background-color: #f2faff; margin-bottom: 15px;}

.nav-admin-block{background-color: #006292; margin-bottom: 15px;}



.navbar,
.navbar-default{
	border:none !important;
	background:none !important;
	min-height:0;
	margin:0 !important;
}
.navbar-collapse{padding:0; background-color: #f2faff; }
.navbar .title{
	display:none;
	float:left;
	font-size:24px;
	line-height:26px;
	text-transform:uppercase;
	padding:13px 0 0 10px;
}
/* nav */
.nav{
	float:left;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.nav li{
	float:left;
	padding: 5px;
	padding-left: 2px;
	padding-right: 2px;


	background-position: right center;
	min-height: 30px;
}

.nav li:first-child{
	background:none;
	/*padding:0 12px 0 4px;*/
}
.nav > li > a{
	padding:0;
	display:inline;
	color:#333;
	font-family: '微軟正黑體', arial, sans-serif;
	font-size: 13px;
	padding: 2px;

	/*border-right: 1px dotted #666;*/
}
.nav > li.stroke{background:url(/static/images/sep_black.png) no-repeat; background-position: center; min-height: 30px; }
.nav > li > a:hover{background:none; color: #069; /*background: url(../images/arrow-blue.png) no-repeat top center;*/text-decoration: underline; }
.nav .drpodown-menu>li{background:none !important;}
.nav .home{
	display:inline-block;
	vertical-align:top;
	width:24px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	margin:-5px 0 0;
	border: 0px;
	background: url(../images/home_icon&24.png) no-repeat top center;
}

.nav .home:hover{
	background: url(../images/home_icon&24.png) no-repeat top center;
}

.nav-admin-block .nav > li.stroke{background:url(/static/images/sep_white2.jpg) no-repeat; background-position: center; min-height: 30px; }
.nav-admin-block .nav > li > a{color: #fff;}
.nav-admin-block .nav .home{
	background: url(../images/home_icon&24_w.png) no-repeat top center;
}

.nav-admin-block .nav .home:hover{
	background: url(../images/home_icon&24_w.png) no-repeat top center;
}





.nav-block .holder{
	float:right;
	padding:15px 10px 0 0;
	color: #006292;
	font: 14px/20px 'Belgrano', arial, sans-serif;
}

.nav-block .holder .username{font-weight: bold; font-style: italic}

/* sub-nav */
.dropdown-toggle{width: 15px; }
.sub-nav{
	padding: 5px;
	padding-right: 0px;
	margin-left: 10px;
	float:right;
	/*background:url(../images/sep1.svg) no-repeat 100% 0;*/
}
.sub-nav li{
	float:left;
	background:url(../images/sep2.png) no-repeat 0 3px;
	padding:0 0px 0 9px;
}
.sub-nav li:first-child{
	background:none;
	padding-left:0;
}
.sub-nav a{color:#b5b6b5;}
.sub-nav .active a,
.sub-nav a:hover{
	text-decoration:none;
	color:#069;
	font-weight: bold;
}

.search-block{

	float: left;
}

.search-block .search{
	background:url(../images/sprite.svg) no-repeat 0 -40px;
	width:19px;
	height:19px;
	border: 0px;
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	margin-left: 5px;
	margin-top: 2px;
}
.search-block .search-box{
	border-radius: 5px;
	width: 150px;
	border: 1px solid #ccc;
	padding: 4px;

}

.common-title h2{font-size: 30px; color:#069;}


.login-body{
	background-color: #f9f9f9;
	min-height: 300px;
}

.login-body h4{font: 18px/40px arial, sans-serif; color: #006292}

.remember-me{font-size: 10px; font-weight: normal;}

.or-body{
	min-height: 300px;
	padding-top: 120px;
}




.submit{
	font-size: 14px; text-align: center;
}

.submit input, input[type="submit"]{
	border-radius: 5px;
	border: 0px;
	background-color: #006292;
	width: 20%;
	height: 38px;
	padding: 10px;

	color: #fff;
	font-size: 16px;
}

.submit input:disabled, input[type="submit"]:disabled{
	color: #4292b9;
}
.submit .grey-btn{
	border-radius: 5px;
	border: 0px;
	background-color: #efefef;
	width: 20%;
	height: 38px;
	margin-left: 10px;
	padding: 10px;
	font-size: 16px;
	color: #333;
	font-family: arial !important;
}

.blue-btn{
	border-radius: 5px;
	border: 0px;
	background-color: #006292;
	height: 38px;
        padding: 8px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	color: #fff;

	font-family: arial;
}

.supplementary-btn{
	border-radius: 5px;
	border: 0px;
	background-color: #006292;
	height: 38px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	color: #fff;

	font-family: arial;
}

#saveCircBtn{min-width: 240px}
.blue-btn a, .blue-btn a:hover{color: #fff !important; text-decoration: none;}
a.blue-btn{color: #fff!important}

.blue-btn:disabled{
	color: #4292b9;
}


.grey-btn{
	border-radius: 5px;
	border: 0px;
	background-color: #efefef;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	color: #333;
	font-family: arial !important;
}

.grey-btn:disabled{
	color: #aaa;
}

.facebook-login-body{
	background-color: #f2faff;
	min-height: 300px;
}

.facebook-login-body h4{font: 18px/40px arial, sans-serif; color: #006292}

.fb-submit{
	text-align: center;
	padding-top: 50px;

}

.subscribe-step, .subscribe-step-active{
	border-radius: 50%;
	width: 35px;
	height: 35px;
	color: #fff;
	background-color: #6da8d0;
	font: 16px/35px arial, sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;

	list-style: none;
	float: left;
	margin-left: 10px;
	/* width and height can be anything, as long as they're equal */
}

.subscribe-step-active{
	background-color: #006292;
}



.image-row img{width: 100%; max-width: 237px;}
.blue-row{padding: 15px; margin-left: 10px;  background-color: #f0f6fa; color: #006292}
.blue-row-epaper{padding-left: 95px;}
.blue-row-epaper-text{text-align: left; border: 0px solid red; font-size: 9px; line-height: 12px;}
.white-row{padding: 15px; color: #006292}




.blue-row .tick, .white-row .tick{text-align: center; height: 18px; background-image: url(../images/tick.png); background-position: 50%; background-repeat: no-repeat;}


.light-grey-row, .grey-row, .deep-blue-row{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background-color: #f6f6f6;
	font: 14px/18px arial, sans-serif;
}

.grey-row{background-color: #DBDBDB;}

.deep-blue-row{background-color: #006292; color: #fff; }
.deep-blue-row table{width: 100%;vertical-align: middle !important;}
.deep-blue-row td{padding: 3px; color: #fff;}
.deep-blue-row h5{color: #fff; font-weight: bold;}
.deep-blue-row label{font-weight: bold; color: #fff;}
.deep-blue-row .price{font-size: 18px; line-height: 30px; font-weight: bold; color: #fff; padding: 4px;}
.deep-blue-row .txt-small a, .deep-blue-row a{color: #fff;}
.deep-blue-row hr{margin-top: 5px; margin-bottom: 5px;}


.light-blue-row{background-color: #D3E9F4; color: #006292;padding: 8px;}
.light-blue-row label{font-weight: bold; color: #006292}
.light-blue-row table{width: 100%;vertical-align: middle !important; }

.light-grey-row li{list-style: none; margin-bottom: 10px; margin-left: -80px;}

.light-grey-row h4{font: bold 18px/22px 'PT Sans', serif; color: #4c4c4c; margin-right: 20px;}

/* visual */
.visual{
	overflow:hidden;
	margin:0 0 20px;
}
.visual .col1{
	float:left;
	width:32.43%;
	min-height: 560px;

}


.visual .col2{
	float:left;
	width:67.57%;
}
.visual .item-holder{overflow:hidden;}
.visual .item{
	display:block;
	position:relative;
	background-color: #555;
}

#visual-7{float: right;}

.visual img{
	display:block;
	width:100%;
	max-width:100%;
}
.visual .add .item{
	width:50%;
	float:left;
}
.visual .add2 .item{
	width:69.9%;
	float:left;
}
.visual .add2 .item-holder{
	width:30.1%;
	float:left;
}
.visual .add2 .item-holder .item{
	width:auto;
	float:none;
}
.visual .add2 img{width: 100%;}

.visual .add3 .item{
	float:left;
	width:61.72%;
}

/*.visual .add3{width: }*/
/*.visual .add3{width: }*/
#visual-adv{width:300px; float: left; display: block; position:relative;}

/*#visual-adv-beside{width: 61%; float: left; height: 250px; overflow: hidden; display: block; position:relative;}
.visual-adv-beside  img{width: 100%; min-height: 250px;}
*/

/*.visual #visual-5, #visual-6, #visual-7{border: 1px solid red}*/

.visual .text-area{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
	padding:10px 20px 13px;
	font: 20px/24px '微軟正黑體', arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
	background-image: url('../images/text-bg.png');
	background-repeat: repeat-x;
	background-position: bottom;
}
.visual .title{
	display:block;
	font: normal 14px/20px '微軟正黑體', arial, sans-serif;
	margin:0 0 4px;
}
/* promos-block */
.promos-block{margin-bottom:20px;}
.promos-block .item{
	background:#323232;
	border-radius:3px;
	overflow:hidden;
}

.promos-block .item a{color: #fff}

.promos-block .item-photo{
	float: left;
	width: 64%;
	max-width: 100%;
	border-radius: 3px 0 0 3px;
	overflow: hidden;
}

.promos-block .text-area{
	float: right;
	width: 36%;
	padding: 17px 11px 5px;
	margin: 0 0 0 -10px;
	color: #fff;

}
.promos-block h1{
	font: normal 15px/20px '微軟正黑體', arial, sans-serif;
	min-height:91px;
	margin:0 0 10px;
}
.btn-more{
	display: block;
	position: absolute;
	bottom: 0;
	margin-bottom: 10px;
	width: 35px;
	height: 31px;
	background: #000 url(../images/sprite.svg) no-repeat -195px 6px;
	border-radius: 4px;

}
/* info-box */
.info-box, .info-box-right{
	background:#fff;
	border:1px solid #ccc;
	padding:16px 16px 12px;
	margin:0 0 16px;
	overflow:hidden;
	min-height: 460px;
}
.info-box .image-area, .info-box-right .image-area{margin:0 0 17px;}
.info-box .image-area img, .info-box-right .image-area img{
	width:100%;
	max-width:100%;
	max-height: 210px;
}
/* info-bar */
.info-bar{
	overflow:hidden;
	background:#555;
	color:#fff;
}
.info-bar .ico{
	float:right;
	width:32px;
	height:32px;
	background:#323232 url(../images/sprite.svg) no-repeat -239px 9px;
}
.info-bar .title{
	display:block;
	overflow:hidden;
	font:normal 13px/18px 'LiGothic', Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.info-bar .title a{color: #fff;}

.info-bar span{
	float:left;
	min-height:18px;
	padding:7px 14px;
	background:#e7604a;
}
.info-bar .title.add span{
	background:#ffc600;
	color:#000;
}
.info-bar .title.add2 span{background:#659618;}
.info-bar .title.add3 span{background:#c10551;}
.info-bar .title.add4 span{background:#5a9aa8;}
.info-bar .title.add5 span{background:#6a5a8c;}
.info-bar .title.add6 span{background:#f27835;}
.info-box h1, .info-box-right h1{
	/*font:bold 20px/22px 'LiGothic', Tahoma, Arial, Helvetica, sans-serif;*/
	font: bold 20px/22px '微軟正黑體', arial, sans-serif;
	text-transform:uppercase;
	color:#323232;
	margin:0 0 15px;
}
.info-box h1 span, .info-box-right h1 span{
	font-size:16px;
	line-height:18px;
	font-weight:normal;
}
.info-box h1 a, .info-box-right h1 a{color:#323232;}
.info-box p, .info-box-right p{margin:0 0 17px;}
.info-box .info, .info-box-right .info{
	overflow:hidden;
	color:#666;
	position: absolute;
	bottom: 0;
	margin-bottom: 25px;
}
.info-box .info li, .info-box-right .info li{
	float:left;
	/*padding:0 2px 0 14px;
	background:url(../images/sep3.png) no-repeat 0 3px;*/
}
.info-box .info li:first-child, .info-box-right .info li:first-child{
	background:none;
	padding-left:0;
}
.info-box .alignright, .info-box-right .alignright{
	float:right;
	margin:0 0 0 5px;
}
/* topics-box */
.topics-box, .topics-box-center{
	padding:32px 17px 20px;
	margin:0 0 16px;
	background:#323232;
	color:#fff;
	/*min-height: 470px;*/
}
.topics-box img, .topics-box-center img{
	display:block;
	max-width:100%;
	margin:0 auto 27px;
}
.topics-box ol li, .topics-box-center ol li{
	display:table;
	width:100%;
	border-top:1px solid #474747;
	position:relative;
	z-index:1;
	padding:10px 0;
	cursor: pointer;
}
.topics-box ol li:first-child, .topics-box-center ol li:first-child{padding-top:16px;}
.topics-box ol li:after, .topics-box-center ol li:after{
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:37px;
	z-index:-1;
	content:'';
	background:#474747;
}
.topics-box ol .num, .topics-box-center ol .num{
	display:table-cell;
	vertical-align:middle;
	width:60px;
	padding:0 32px 0 0;
	font-size:18px;
	line-height:18px;
	text-align:center;
}

.topics-box, .topics-box-center a{
	color: #fff;
	text-deocration: underline;
}
/* promo-box */
.promo-box{
	width:100%;
	min-height: 385px;
	padding:10px;
	margin:0 0 16px;
	white-space:nowrap;
	background:#dfdfdf;
	text-align:center;
}
.promo-box:after{
	content:'';
	display:inline-block;
	height:100%;
	width:1px;
	overflow:hidden;
	margin:0 0 0 -5px;
	vertical-align:middle;
}
.promo-box div{
	vertical-align:middle;
	display:inline-block;
	white-space:normal;
	border:1px solid #a0a0a0;
	/*width: 300px;*/
}

/* boxes */
.boxes{
	margin-bottom: 16px;
}
.boxes .box{
	padding:14px;
	background:#fff;
	border:1px solid #ccc;
	font:15px/18px '微軟正黑體', arial, sans-serif;
}
.boxes .box:first-child{margin-top:0;}
.boxes .box .holder{
	overflow:hidden;
	position:relative;
	/*background:#6a5a8c;*/
	margin:0 0 9px;
}
/*.boxes .box.add .holder{background:#c10551;}*/
.boxes .box img{
	float:left;
	max-width:100%;
}
.boxes .box .image-overflow{
	width: 70%;
	float: left;
}

.boxes .box .frame-food , .boxes .box .frame-film {
	overflow:hidden;
	padding:13px 4px 70px;
	background-color: #6a5a8c;
	width: 69.9px;
	float: right;
}

.boxes .box .frame-food a, .boxes .box .frame-film a{color: #fff}

.boxes .box .frame-film{
	background-color: #c10551;
}

.boxes .box .frame-food .image-overflow2, .boxes .box .frame-film .image-overflow2{
	padding:13px 5px 0px;

	width:100%;
	position:　absolute;
	bottom: 0;
}

.boxes .box .frame-food img, .frame-film img{
	position:absolute;
	bottom:0;
	right:0;
	z-index:2;
	display: block;
	width: 70px !important;

}
.boxes .box .title{
	display: block;
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;

	height: 50px;
	overflow: hidden;
}
.boxes .box .title span{
	padding:2px 0 0;
	display:block;
}
/* slide-block */
.slide-block{
	background:#454545;
	padding:0 18px;
	margin:0 0 16px;
	overflow:hidden;
}
.slide-block .ico{
	float:right;
	width:32px;
	height:32px;
	background:#323232 url(../images/sprite.svg) no-repeat -238px 9px;
}
.slide-block .heading{overflow:hidden;}
.slide-block h1{
	font-size:15px;
	line-height:18px;
	text-transform:uppercase;
	color:#fff;
	float:left;
	padding:8px 12px 7px;
	background:#000;
}
.carousel-inner > .item{
	background:#292929 url(../images/bg-slide-block.png);
	text-align:center;
	min-height: 380px;
}
.carousel-inner > .item a{
	color: #c4c5c4};
.carousel-inner > .item a:hover{color: #c4c5c4};


.carousel-inner > .item .image-overflow{min-height: 380px;}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img{
	margin:0 auto;
	max-width:100%;
	height: auto;
}
.carousel-control{
	width:18px;
	height:60px;
	left:-18px;
	top:50%;
	margin:-48px 0 0;
	background:#303030 url(../images/sprite.svg) no-repeat 0 -66px !important;
	opacity:1;
}
.carousel-control.right{
	right:-18px;
	background:#303030 url(../images/sprite.svg) no-repeat -21px -66px !important;
}
.carousel-control.left:hover{background:#000 url(../images/sprite.svg) no-repeat -83px -66px !important;}
.carousel-control.right:hover{background:#000 url(../images/sprite.svg) no-repeat -104px -66px !important;}
.carousel-caption{
	width: 100%;
	position: absolute;
	bottom: 0; left: 0;
	padding-top: 8px;
	padding-bottom: 9px !important;
	background: #454545;
	font: 14px/18px '微軟正黑體', arial, sans-serif;
	text-align: left;
	color: #fff;
}
/* text-box */
.text-box{
	background:#4d9ba8;
	padding:22px 20px 15px;
	margin:0 0 16px;
	font-size:14px;
	line-height:20px;
	color:#fff;
	overflow:hidden;
}
.text-box h1{
	background:url(../images/bg-heading.png) no-repeat;
	padding:57px 30px 107px;
	height:270px;
	font-size:72px;
	line-height:74px;
	text-align:center;
}
.text-box a{color: #fff}
.text-box a:hover{color: #fff}

.text-box p{
	margin:0;
	padding:0 0 21px;
}

.article-main-img{width: 100%;}

/* placeholder */
.placeholders{
	background:#dfdfdf;
	margin:0 0 16px;
	text-align: center;

}
.placeholders img{max-width:100%;}

.luxehome{
	padding: 15px;
	background: #f2f2f0;
	vertical-align: middle !important;
}

.luxehome iframe{width: 100% !important;
height: 100% !important;}


/* quote-box */
.quote-box{
	background:#323232;
	border-radius:5px 5px 0 0;
	overflow:hidden;
	margin:0 0 16px;
}

.quote-box q{
	display:block;
	position:relative;
	z-index:2;
	padding:64px 37px 65px;
	background:#ffc600;
	/*font:30px/36px 'LiGothic', Tahoma, Arial, Helvetica, sans-serif;*/
	font: 30px/36px '微軟正黑體', arial, sans-serif;
}
.quote-box q:after{
	background:url(../images/sprite.svg) no-repeat -44px -66px;
	width:33px;
	height:32px;
	position:absolute;
	top:100%;
	left:18px;
	z-index:-1;
	content:'';
}
.quote-box q a{color: #000}
.quote-box q a:hover{color: #000; text-decoration: underline;}

.quote-box .quote{
	background:url(../images/sprite.svg) no-repeat -745px 0;
	width:55px;
	height:45px;
	display:block;
	margin:0 0 14px;

}
.quote-box cite{
	overflow:hidden;
	display:block;
	position:relative;
	z-index:1;
	padding:52px 17px 10px 18px;
	font-size:14px;
	line-height:16px;
	color:#fff;
}


.quote-box cite:before,
.quote-box cite:after{
	width:100%;
	height:6px;
	background:#7a7a7a;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	content:'';
}
.quote-box cite:after{
	left:auto;
	right:0;
	width:102px;
	background:#6a5a8c;
}
.quote-box cite .name{
	display:block;
	font-weight:bold;
	margin:0 0 4px;
	color: #fff;
}
.quote-box cite .name a{color: #fff !important;}
.quote-box cite .name a:hover{color: #fff; text-decoration: underline; cursor: pointer;}
.quote-box cite{color: #fff !important}

.quote-box .alignright{
	float:right;
	margin:-25px 0 0 10px;

	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
}
.ep-box{
	background:#fff;
	border:1px solid #ccc;
	padding:16px 16px 12px;
	overflow:hidden;
	margin-bottom: 15px;
}
.ep-box hr{
	margin-top: 5px; margin-bottom: 5px;
	border-top: 1px dotted #d6d6d6;
}
.ep-hotsubject{
	width: 31%;
	margin-right: 15px;
	float: left;
}
.ep-hotsubject a{
	color: #555;
}
.ep-hotsubject a:hover{text-decoration: underline}
.ep-hotsubject .topic{
	font: bold 14px/18px '微軟正黑體', arial, sans-serif;
	color: #fff;
	background-color: #690;
	padding: 5px;
	padding-left: 10px;
}
.ep-hotsubject .body{
	background-color: #efefef;
	padding: 10px;
	padding-top: 15px;
	font: bold 20px/24px '微軟正黑體', arial, sans-serif;
	min-height: 330px;
}

.ep-special{
	width: 32%;
	margin-right: 15px;
	float: left;
}
.ep-special .topic, .ep-soon .topic{
	font: bold 14px/18px '微軟正黑體', arial, sans-serif;
	color: #fff;
	background-color: #555;
	padding: 5px;
	padding-left: 10px;
}
.ep-special .body, .ep-soon .body{
	background-color: #fff;
	/*padding: 10px;*/
	padding-top: 15px;
	font: normal 14px/18px '微軟正黑體', arial, sans-serif;
	color: #a5a5a5;
	min-height: 330px;
}
.ep-special .body .photo, .ep-soon .body .photo{
	border: 1px solid #edeeed;
	width: 55px; height: 55px;
	padding: 5px;
	float: left;
	cursor: pointer;
}
.ep-special .body .photo img, .ep-soon .body .photo img{width: 100%;}

.ep-special .body .content, .ep-soon .body .content{
	float: left;
	margin-left: 10px;
	width: 165px;
	/*height: 50px;*/
}
.ep-special .body .sch-name{
	font: bold 14px/18px '微軟正黑體', arial, sans-serif;
	margin-top: 5px;
	color: #555;
	cursor: pointer;
}
.ep-soon .body .sch-name{
	font: bold 14px/18px '微軟正黑體', arial, sans-serif;
	margin-top: 0px;
	color: #555;
	cursor: pointer;
}
.ep-soon .body .soon-count{
	font: normal 12px/16px '微軟正黑體', arial, sans-serif;
	margin-top: 0px;
	color: #e86955;
}
.ep-special hr, .ep-soon hr{border-top: 1px solid #fff;}


.ep-soon{
	width: 32%;
	float: left;
}

.ep-logo{float: left; width: 50%;}
.ep-more{float: right; width: 45%; text-align: right; font: bold 14px/30px '微軟正黑體', arial, sans-serif;}
.ep-more a{color: #555;}
.ep-more a:hover{text-decoration: underline; color: #555;}

.sch-name-eng {
        font: bold 12px/15px arial,sans-serif;
    }
    .ins-name {
        color: #A5A5A5;
    }
    .ins-name-eng {
        color: #A5A5A5;
        font: 11px arial,sans-serif;
    }

    #div_ep_popular a {
        color: #333333;
    }
    #div_ep_popular a:hover {
        text-decoration: none;
    }

    .ep-special>.body>.photo,.ep-special>.body>.content,.ep-soon>.body>.photo,.ep-soon>.body>.content {
        cursor: pointer;
    }


.more{
	display:block;
	background:#555;
	border-radius:3px;
	padding:8px 10px;
	margin:0 0 16px;
	font:13px/15px 'LiGothic', Tahoma, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
}
.more:hover{
	color:#fff;
	text-decoration:underline;
}

#category-page{
	padding-top: 10px;
	background-color: #fff;
}

.hkguide-breadcrumb{
	/*margin-left: 5px;*/
	margin-top: 25px;
	margin-bottom: 5px;
	font-weight: bold;

}

.hkguide-breadcrumb a{color: #069}
.hkguide-breadcrumb a:hover{color: #069; text-decoration: underline;}

.category-banner{
	width: 100%; height: 80px;
	border: 1px solid #fff;
	background: #333;
	font-size: 40px;
	line-height: 80px;
}
.category-color{
	width: 28%; height: 100%;
	float: left;
	border-right: 1px solid #fff;
	background: #ffc501;
	padding-left: 2%;
	font-weight: bold;
	 color: #fff
}

.section-bg-48{background-image: url('../images/section/48.jpg')}
.section-48{background-color: #ffc600 !important;}
	.section-bg-177{background-image: url('../images/section/177.jpg')}
	.section-177{background-color: #ffc600 !important;}
	.section-bg-178{background-image: url('../images/section/178.jpg')}
	.section-178{background-color: #ffc600 !important;}
	.section-bg-179{background-image: url('../images/section/179.jpg')}
	.section-179{background-color: #ffc600 !important;}
	.section-bg-197{background-image: url('../images/section/197.jpg')}
	.section-197{background-color: #ffc600 !important;}
	.section-bg-180{background-image: url('../images/section/180.jpg')}
	.section-180{background-color: #ffc600 !important;}
	.section-bg-181{background-image: url('../images/section/181.jpg')}
	.section-181{background-color: #ffc600 !important;}

.section-bg-54{background-image: url('../images/section/54.jpg')}
.section-54{background-color: #14b9d5 !important;}
	.section-bg-182{background-image: url('../images/section/182.jpg')}
	.section-182{background-color: #14b9d5 !important;}
	.section-bg-183{background-image: url('../images/section/183.jpg')}
	.section-183{background-color: #14b9d5 !important;}
	.section-bg-184{background-image: url('../images/section/184.jpg')}
	.section-184{background-color: #14b9d5 !important;}
	.section-bg-185{background-image: url('../images/section/185.jpg')}
	.section-185{background-color: #14b9d5 !important;}

.section-bg-42{background-image: url('../images/section/42.jpg')}
.section-42{background-color: #659618 !important;}
	.section-bg-62{background-image: url('../images/section/62.jpg')}
	.section-62{background-color: #659618 !important;}
	.section-bg-66{background-image: url('../images/section/66.jpg')}
	.section-66{background-color: #659618 !important;}
	.section-bg-154{background-image: url('../images/section/154.jpg')}
	.section-154{background-color: #659618 !important;}
	.section-bg-183{background-image: url('../images/section/183.jpg')}
	.section-183{background-color: #659618 !important;}

.section-bg-60{background-image: url('../images/section/60.jpg')}
.section-60{background-color: #c10551 !important;}
	.section-bg-187{background-image: url('../images/section/187.jpg')}
	.section-187{background-color: #c10551 !important;}
	.section-bg-188{background-image: url('../images/section/188.jpg')}
	.section-188{background-color: #c10551 !important;}
	.section-bg-189{background-image: url('../images/section/189.jpg')}
	.section-189{background-color: #c10551 !important;}


.section-bg-61{background-image: url('../images/section/61.jpg')}
.section-61{background-color: #5a9aa8 !important;}

.section-bg-186{background-image: url('../images/section/186.jpg')}
.section-186{background-color: #006699 !important;}

.section-bg-198{background-image: url('../images/section/198.jpg')}
.section-198{background-color: #6a5a8c !important;}
	.section-bg-200{background-image: url('../images/section/200.jpg')}
	.section-200{background-color: #6a5a8c !important;}
	.section-bg-324{background-image: url('../images/section/324.jpg')}
	.section-324{background-color: #6a5a8c !important;}
	.section-bg-199{background-image: url('../images/section/199.jpg')}
	.section-199{background-color: #6a5a8c !important;}
	.section-bg-201{background-image: url('../images/section/201.jpg')}
	.section-201{background-color: #6a5a8c !important;}

.section-bg-41{background-image: url('../images/section/41.jpg')}
.section-41{background-color: #bf9929 !important;}
	.section-bg-49{background-image: url('../images/section/49.jpg')}
	.section-49{background-color: #bf9929 !important;}
	.section-bg-55{background-image: url('../images/section/55.jpg')}
	.section-55{background-color: #bf9929 !important;}
	.section-bg-123{background-image: url('../images/section/123.jpg')}
	.section-123{background-color: #bf9929 !important;}
	.section-bg-190{background-image: url('../images/section/190.jpg')}
	.section-190{background-color: #bf9929 !important;}
	.section-bg-191{background-image: url('../images/section/191.jpg')}
	.section-191{background-color: #bf9929 !important;}



.section-bg-46{background-image: url('../images/section/46.jpg')}
.section-46{background-color: #e7604a !important;}
	.section-bg-85{background-image: url('../images/section/85.jpg')}
	.section-85{background-color: #e7604a !important;}
	.section-bg-102{background-image: url('../images/section/102.jpg')}
	.section-102{background-color: #e7604a !important;}
	.section-bg-103{background-image: url('../images/section/103.jpg')}
	.section-103{background-color: #e7604a !important;}
	.section-bg-150{background-image: url('../images/section/150.jpg')}
	.section-150{background-color: #e7604a !important;}
	.section-bg-192{background-image: url('../images/section/192.jpg')}
	.section-192{background-color: #e7604a !important;}
	.section-bg-193{background-image: url('../images/section/193.jpg')}
	.section-193{background-color: #e7604a !important;}
	.section-bg-194{background-image: url('../images/section/194.jpg')}
	.section-194{background-color: #e7604a !important;}
	.section-bg-195{background-image: url('../images/section/195.jpg')}
	.section-195{background-color: #e7604a !important;}
	.section-bg-196{background-image: url('../images/section/196.jpg')}
	.section-196{background-color: #e7604a !important;}









.section-bg-165{background-image: url('../images/section/165.jpg')}
.section-165{background-color: #e7604a !important;}

.category-visual{
	width: 65%;
	float: left;
	height: 78px;

	border-right: 1px solid #fff;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.article-title{float: none; width: 100%;}
.article-title h2{font-size: 32px;}
.article-title-right{float: none; width: 100%; text-align: left; line-height: 32px; margin-bottom: 15px;}
.article-date{text-align: left;}

.bdsharebuttonbox{float: left; margin-bottom: 5px;}

.article-content p {margin: 10px 0px 20px 0px; line-height: 1.8em;}
.article-content p img{width: 100% !important; height: 100% !important; margin: 5px;}
.article-content strong{font-weight: bold !important;}


#article-others{width: 32%}

.pane-content{float: right; padding-top: 5px;}
.pane-content a{color: #333;}
.print_html{background-repeat: no-repeat; background-image: url(../images/icon-print.png); padding-left: 20px; margin-right: 10px;}
.print_email{background-repeat: no-repeat; background-image: url(../images/icon-email.png); padding-left: 20px;}


.share-bottom{margin-left: 0px;}

.related-topic{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;

	font-size: 18px; font-weight: bold;
}
.related-topic a{ margin-left: 10px; margin-right: 10px; }
.related-topic a, .author-area a{color: #069}
.related-topic a:hover, .related-topic a:hover{text-decoration: underline;}

.author-area{
	clear: both;
	width: 100%;
	background-color: #efefef;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 15px;
}

.author-area .profile{
	width: 15%;
	min-width: 100px;
	margin-right: 15px;
	float: left;
}

.author-area .profile img{width: 100%; border: 1px solid #fff;}
.author-area .content{
	width: 82%;
	color: #323232;
	float: left;
}

.author-area  .content h5{color: #069; margin-top: 0px; margin-bottom: 0px;}

.dataTables_info{float: left; padding-top: 20px;}
.paging_bootstrap{float: right;}

.list-view-title{
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}

.list-view-title h3{float: left; margin-bottom: 10px;}
.list-view-title .keywords{color: #069; font-size: 24px; line-height: 40px; margin-left: 15px; font-weight: bold; float: left;}
.list-view-title .data-total{float: right; font-size: 16px; line-height: 40px;}
.list-view-title .data{margin-left: 10px; margin-right: 10px; color: #069; font-weight: bold;}
.list-view-hr{margin-bottom: 10px; border-bottom: 1px dashed #ccc; height: 10px;}

.record-total {
	font-weight: bold;
	color: #069;
	margin-left: 5px;
	margin-right: 5px;
}


.search-result{padding: 15px;}
.search-result a{color: #069; margin-left: 5px; margin-right: 5px;}
.search-result a:hover{text-decoration: underline;}
.type1{background-color: #fff;}
.type2{background-color: #f4f4f4;}
.search-result .photo{width: 20%; float: left; margin: 5px 15px 0px 0px; border: 1px solid #fff;}
.search-result h5{color: #069; float: left;}
.search-result .content{float: left; width: 76%;}
.search-result .content p a{color: #333}
.search-result .author-date{float: right; line-height: 30px;}


.clear{clear:both;}

/*Dashboard*/
.btn-circle{
	background: #006292;
	width: 200px;
	height: 100px;
	/*border-radius: 150px;*/
	-webkit-transform-origin: center center;
	background-repeat: no-repeat;
	background-position: center;
	background-position: 85px 20px;
	cursor: pointer;
	padding-top: 60px;
	color: #fff;
}

.subscription{background-image: url(/static/images/iconset/shoppingcart32_w.png)}
.account{background-image: url(/static/images/iconset/contactcard32_w.png)}
.my_subscription{background-image: url(/static/images/iconset/moneyreceipt32_w.png)}
.survey{background-image: url(/static/images/iconset/paperpencil32_w.png)}
.enquiry{background-image: url(/static/images/iconset/phone32_w.png)}

.btn-circle a{color: #fff;}

/* footer */
#login-footer{
	padding:32px 0;
	padding-top: 18px /9;
	background:#777;

	text-align: center;
	font-size:12px;
	line-height:14px;
	text-transform:uppercase;
	color:#fff;

	/*position: absolute;
	bottom: 0;*/
	width: 100%;
}


.icon-fb{margin-right: 10px;}

#footer{
	padding:32px 0;
	padding-top: 18px /9;
	background:#777;

	text-align: left;
	font-size:12px;
	line-height:35px;
	text-transform:uppercase;
	color:#fff;
}

#footer a{color: #fff;}
#login-footer .logo, #footer .logo{
	background:url(../images/logo4.png) no-repeat;
	width:99px;
	height:16px;
	margin:-2px 27px -2px -2px;
	margin-left: 10px;
}
/* footer-nav */
.footer-nav{
	/**/
	float: left;
}
.footer-nav li{
	float:left;
	margin:0 35px 0 0;
}
.footer-nav a{color:#fff;}
.footer-copy{
	padding:10px 0;
	background:#c2c2c2;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	color:#fff;
}

.footer-copy a{color: #323232}
.footer-copy-nav{
	float:right;
	line-height: 20px;
}
.footer-copy-nav li{
	float:left;
	margin-left: 35px;
}


.copy{
	display:block;
	font-weight:normal;
	text-align:right;
}

/*
        'Cancelled' => 1,
        'Cart' => 2,
        'Checkout(Checkout)' => 3,
        'Checkout(Review)' => 4,
        'Checkout(Payment)' => 5,
        'Checkout(Complete)' => 6,
        'Pending' => 7,
        'Processing' => 8,
        'Completed' => 9,
        'Expired' => 10,
        'Active' => 11,
        'Suspended' => 12,
        'Hold' => 13


*/

/*Green*/
.txt-2, .txt-9,.txt-11{color: #098635; font-weight: bold;}

/*Light Blue*/
.txt-7, .txt-8, .txt-12, .txt-13{color: #6092d7; font-weight: bold; }

/*Red*/
.txt-1, .txt-10{color: #981d1d; font-weight: bold; }

/*Orange*/
.txt-3, .txt-4, .txt-5, .txt-6{color: #ff6b12;}

/* Supplementary Account Status 0:Disabled, 1:Active, 2:Expired */
.supplementary_account_status-0 {color: #981d1d; font-weight: bold;}
.supplementary_account_status-1 {color: #098635; font-weight: bold;}
.supplementary_account_status-2 {color: #981d1d; font-weight: bold;}



/**Admin Panel*/
.admin-listing{font-size: 12px;}
.admin-listing th{font-size: 12px; font-weight: bold; color: #fff;  background-color: #797979 !important; vertical-align: top !important;}
.admin-listing th a{font-size: 12px; color: #fff}
/*.admin-listing td{max-width: 110px; word-wrap: break-word; word-break: break-all;}*/
.admin-listing td{max-width: 110px; word-wrap: break-word;}


.admin-listing a{color: #006292}
.admin-listing .active{color: #098635}
.admin-listing .inactive{color: #6092d7}
.admin-listing .blocked{color: #981d1d}

.admin-listing .number{width: 4%; word-wrap: break-word; min-width: 40px}

.admin-listing .width70px{word-wrap: break-word; max-width: 70px;}

.admin-listing .firstname{width: 8%; word-wrap: break-word; max-width: 150px;}
.admin-listing .username{width: 12%; word-wrap: break-word; max-width: 150px;}
.admin-listing .status, .admin-listing .role{width: 10%; word-wrap: break-word; max-width: 150px;}
.admin-listing .dateiff{font-size: 10px; font-style: italic; width: 11%; word-wrap: break-word; max-width: 150px;}
.admin-listing .action{width: 25%; color: #006292; max-width: 150px; word-wrap: break-word;}
.admin-listing .comment{width: 35%; color: #006292; max-width: 250px; word-wrap: break-word;}
.admin-listing .lastaccess{font-size: 10px; font-style: italic; width: 18%; word-wrap: break-word; max-width: 150px;}



.admin-listing .subscript_number{width: 10%;}
.admin-listing .total{width: 8%;}
.admin-listing .pagination-boot{float: right;}

.admin-filter-body{background-color: #f9f9f9; padding: 5px;}

.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}

/*Email*/
.email_header, .email_footer{
	width: 600px;
}

/*tips format*/
.tips {padding: 10px; background-color: #fff;}
.tips iframe{min-width: 400px; height: 250px; border: 0px;}
.tips h5{color: #006292; font-size: 18px; font-family: arial;}
.tips h6{font-weight: bold; font-size: 14px; line-height: 18px;}

/*autocomplete loading*/
.ui-autocomplete-loading { background:url(/static/images/loading-xs.gif) no-repeat right center }


/*Receipt*/
#receipt{background-color: #fff;}
#receipt .container{
	border: 1px solid #efefef; padding: 10px; font-size: 14px;
}
#receipt .row{margin-bottom: 20px;}
#receipt .header{margin: 0px; text-align: center; border-bottom: 5px solid #006292}
#receipt .header img{width: 80%;}
#receipt .receipt_header{padding-top: 20px; padding-bottom: 20px; text-align: center; text-decoration: underline; border-bottom: 1px solid #006292; font-size: 20px; font-weight; bold;}
#receipt .content{padding-top: 20px; padding-bottom: 20px; width: 96%; margin: 0px auto;}
#receipt .content label{font-weight: bold; }
#receipt #total label{font-weight: bold; font-size: 16px; margin-right: 10px;}

/*Sales Person*/
/*.scaffolds.index{
    position: absolute;
    width: 1100px;
}
.scaffolds form{
    position: absolute;
    width: 1100px;
}*/
.scaffolds h2 {
	font: bold 24px/30px 'Belgrano', serif;
	color: #006292;
        float: left;

}
.scaffolds form{margin-top: 0px;}
.scaffolds table{font-size: 12px; width: 100%; padding-bottom: 10px; margin-bottom: 20px;}
.scaffolds th{border: 1px solid #ddd; font-size: 12px; font-weight: bold; color: #fff;  background-color: #797979 !important; padding: 5px; vertical-align: middle !important; height: 36px;}
.scaffolds th a{font-size: 14px; color: #fff}
.scaffolds td{padding: 5px; font-size: 12px; word-wrap: break-word; max-width: 200px; padding: 8px;
vertical-align: top;
border: 1px solid #dddddd;}
.scaffolds a{color: #006292; margin-left: 5px; margin-right: 5px;}
.scaffolds .active{color: #098635}
.scaffolds .inactive{color: #6092d7}
.scaffolds .blocked{color: #981d1d}

.scaffolds label{width: 200px; margin-bottom: 10px;}
.scaffolds input{width: 300px;}
.scaffolds .actions{text-align: center;
float: right;
margin-right: 20px;
margin-bottom: 20px;}

.scaffolds .submit{border-top: 1px dotted #ccc;
padding-top: 10px;
margin-top: 10px;}

.scaffolds legend{font: bold 24px/30px 'Belgrano', serif;
color: #006292;
/* float: left; */
padding-bottom: 5px;
margin-bottom: 20px;
border-bottom: 1px dotted #ccc;

}
.scaffolds dt {
width: 200px;
float: left;
font-weight: bold;
}

.scaffolds .pagination-boot{float: none !important;}

.scaffolds div.actions h3{display: none;}
.scaffolds div.actions li {border-radius: 5px;
	border: 0px;
	background-color: #006292;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	color: #fff;

	font-family: arial;
        min-width: 180px;
}
div.actions a{text-decoration: none; color: #fff; margin-left: 5px; margin-right: 5px;}

/*.paging{
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}*/

.paging .prev{padding-left: 5px; padding-right: 5px;}


.marginRight10{margin-right: 10px}
.paddingBottom15{padding-bottom: 15px}
.paddingBottom10{padding-bottom: 10px}

.marginLeft10{margin-left: 10px}
.marginLeft15{margin-left: 15px}
.marginLeft30{margin-left: 30px}

.marginLeftRight5{margin-left: 5px; margin-right: 5px;}
.marginLeftRight5{margin-left: 10px; margin-right: 10px;}
.marginLeftRight15{margin-left: 15px; margin-right: 15px;}
.marginLeftRight20{margin-left: 20px; margin-right: 20px;}


.marginTop10{margin-top: 10px}
.marginTop15{margin-top: 15px}
.marginTop20{margin-top: 20px}
.marginTop30{margin-top: 30px}

.resultTable{
	padding: 10px;
	max-height: 160px;
	overflow: auto;
}

.agentTable{
	padding: 10px;
	max-height: 250px;
	overflow: auto;
}

.no-underline{text-decoration: none;}

#searchCustomer{padding: 20px;}

.placeholder{color: #666; text-align: left}

.report-div ul, .report-div li{list-style: none;}
.report-div .report-title{font-weight: bold; margin-top: 20px;}

#supplementaryAcccounList{height:500px; overflow:auto;}