@import url(/css/simple.css);
@import url(/calendar/css/calendar.css);
@import url('https://fonts.googleapis.com/css?family=Prompt:300,400');

/* @import url(tables.css); */

/*
Theme Name:  Blog Happens
Theme URI: http://www.chrishappens.com/sharing/bloghappens/
Description: Blog Happens is a 2 column Wordpress theme. This work is distributed under the terms of the GNU General Public License. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 0.5
Author: Chris (Menn) Talawat
Author URI: http://www.chrishappens.com/
Tags: fixed width, simple, clean, widget ready, two columns, blue
Modify from : http://www.imenn.com by SoftGanz Group
*/

/* @group General */
body {
	font: 14px/1.5 sans-serif;
	background: #F3F3EB;
	color: #333;
	padding: 0;
	margin: 0;
}
a {color: #17599c;}
a:hover {color: #1f84eb;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:4px 0;font-family: "Prompt"; line-height: 1.1em; font-weight: normal;}
h2 {font-size: 1.8em; color: #058DC7;}
h3 {font-size: 1.5em; color: #058DC7;}
h4 {font-size: 1.3em; color: #058DC7;}
h5 {font-size: 1.3em; color: green;}
h6 {font-size: 1.2em;}

h2.header {
	text-align: right;
	font-size: 1.2em;
	padding:2px 10px;
	text-align:right;
	color:#666;
}
h2.title {
	margin:2px 0;
	padding:8px 16px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:2.6em;
	line-height: 1.4em;
	background: green;
	box-shadow: 1px 1px 2px #aaa;
	clear:both;
}
h3.header {
	margin:5px 0 10px 0;
	padding:5px 10px;
	background:#EEEEEE;
	border:1px #CCCCCC solid;
	border-radius:5px;
}
/* @end */

/* @group page layout */
.page.-page {
	max-width:980px;
	margin: 0px auto;
}

.page.-header {
	padding:0;
	margin:0 auto;
	background:#005CFF;
	position:relative;
}
.page.-header h1 {
	height:60px;
	margin:0;
	padding:0;
	line-height:60px;
	color:#fff;
	text-indent:-999em;
	background: #005CFF url(banner.mobile.jpg) left top no-repeat;
}
.page.-header h1 a {height:100%;display:block;padding:0 20px;color:#fff;}
.web-slogan {
	padding:0;
	font-size:11px;
	position:absolute;
	top:32px;
	margin-left:345px;
	color:#ccc;
}
.page.-footer {
	margin:0;
	padding:2px;
	color:#333;
	font-size:10pt;
	text-align:center;
	background:#F3F3EB;
	clear:both;
	overflow:hidden;
}
/* @end */

.page.-header .banner {display: none;}
/* @group unavigator */
#unavigator {
	margin:0;
	padding:0;
	position:absolute;
	list-style-type:none;
	text-align:right;
	color:#fff;
	top:0px;
	right:10px;
}
#unavigator li {
	display:inline;
	padding:0 10px 0 10px;
	border-right:1px #fff solid;
}
#unavigator li:last-child {
	padding-right:0;
	border:none;
}
#unavigator a {color:#fff;}
/* @end */

/* @group navigator */
/*
#navigator , #navigator ul {margin:0;padding:0;list-style-type:none;font-size:13px;line-height:25px;z-index:999;}
#navigator {height:47px;margin:0;padding:0;}
#navigator>li {height: 35px; float:left;background:#E58038; }
#navigator>li:first-child {padding-left:0px;border-left:none;}
#navigator>li>a {padding:0 9px 5px 9px;height:25px;line-height:35px;display:block;color:#fff;font-weight:normal;white-space:nowrap;  text-align: center;}
#navigator a img {height:25px;padding:3px 0;}
#navigator ul {background:#CC726A;border:none;border-top:none;border-radius:0;}
#navigator li li {float:none;margin:0;padding:2px 0px;background:#3C4042;border-bottom:#2D3032 1px solid;border-top:#494D4F 1px solid;}
#navigator li li a {margin:0;padding:5px 20px;color:#fff;border:none;font-size:12px;line-height:20px;display:block;}
#navigator li li:hover a {color:#fff;background-color:#36393B;}
#navigator li li:first-child a:hover {border:5px 5px 0 0;}
#navigator li ul , #navigator li ul ul , #navigator li:hover ul ul , #navigator li.sfhover ul ul {position:absolute;left:-999em;}
#navigator li:hover ul , #navigator li.sfhover ul , #navigator li li:hover ul , #navigator li li.sfhover ul {left:auto;}
#navigator ul li:hover ul , #navigator ul li.sfhover ul , #navigator ul li li:hover ul , #navigator ul li li.sfhover ul {left: 60px;margin-top: -5px;width: 240px;}
#navigator form {padding:0;margin:10px 10px;color:#fff;}
#navigator form>.ui-action {display:block;clear:both;}
#navigator form>.ui-action>a {padding:0;display:inline;background:transparent;}
#navigator form .form-text,#navigator form .form-password {width:100%;}
#navigator form .button {margin-left:20px;padding:3px 10px;display:inline-block;}
#navigator form .form-text,#navigator form .form-password, #navigator form .form-select,#navigator form .button {border:1px #fff solid;}
#navigator form #form-item-edit-cookielength, #navigator form #form-item-edit-signin-submit {display:inline;}
#navigator>li {width:32.7%;}
*/
#navigator , #navigator ul {margin:0;padding:0;list-style-type:none;font-size:13px;line-height:25px;z-index:999;}
#navigator {height:47px; width:100%; padding:0; background:#E42916; font-weight:normal;}
#navigator ul {background:#CC726A;border:none;border-top:none;border-radius:0;}
#navigator li {float:left;}
#navigator li a {margin:0px;padding:8px 2px 9px;display:block;color:#fff;font-weight:normal;line-height:30px;white-space:nowrap;border-radius:0;text-decoration:none;}
#navigator li a:hover {color:#fff;text-decoration:none;background:#CC726A;}
#navigator li a img {height:14px;padding:3px 0;}
#navigator li li {float:none;margin:0;padding:0;border-bottom:1px #CC726A solid;}
#navigator li li a {margin:0;padding:4px 15px 4px 8px;color:#fff;border:none;font-size:12px;line-height:20px;}
#navigator li li a:hover {color:#0060BF;background-color:#F9F9F9;}
#navigator li ul , #navigator li ul ul , #navigator li:hover ul ul , #navigator li.sfhover ul ul {position:absolute;left:-999em;}
#navigator li:hover ul , #navigator li.sfhover ul , #navigator li li:hover ul , #navigator li li.sfhover ul {left:auto;}
#navigator ul li:hover ul , #navigator ul li.sfhover ul , #navigator ul li li:hover ul , #navigator ul li li.sfhover ul {
	left:60px;
	margin-top:-5px;
	width:240px;
}

.page.-header>.wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;}
.nav.-main {width: 100%; height: auto; background-color: #E42916; z-index: 100;}
.nav.-main .menu.-main ul {text-align: left;}
.nav.-main .menu.-main ul>li>a {font-weight: bold;}
/* @end */

.page.-primary {
	padding:20px 0px;
}

.page.-footer a {color:#B42A3B;}
.page.-footer a:hover {color:#D63346;}
.page.-footer .copyright {font-size:13pt;}

#ribbon {margin: 4px 0; border: none; background: transparent;}
#user-menu li a {border: none;}

table.item, table.item caption {border-radius:2px;}
table.item thead th {border-radius:0px;}
table.item tbody th {text-align:left;background:#EEEEEE;}

.item .col-amt {text-align:center;}
.item .col-no {text-align:center;}
.item .col-no:after {content:".";}
.item .header-no {width:3em;}
.item .header-operate {width:100px;}
.item .col-operate {text-align:center;font-size:8pt;}
.item caption {}
.item caption span {
	color:#fff;
	margin:0 5px;
	padding:1px 10px;
	border:1px #84AF00 solid;
	background:#A4C639;
	display:inline;
	position:absolute;
	border-radius:4px;
}
.item caption span a {color:#fff;}
.item caption span a:hover {color:#f0f0f0;}

.toolbar {}
a.button {
	margin:0px;
	padding:3px 5px;
	color:#300;
	font-size:9pt;
	font-weight:normal;
	background:#F0F0F0;
	border:1px #ccc solid;
	border-right:1px #939393 solid;
	border-bottom:1px #939393 solid;
	border-radius:4px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#e3e3e3));
	background: -moz-linear-gradient(top,  #f8f8f8,  #e3e3e3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e3e3e3');
}
a.button:hover {border:1px #939393 solid;}
#popup {font-size:8pt;}
div.ui-dialog {font-size:8pt;}
#popup fieldset {margin:0;}

.button-big a {
	padding:15px 10px;
	background:#EEEEEE;
	border:1px #CCCCCC solid;
	font-size:1.3em;
	text-align:center;
	display:block;
	border-radius:4px;
}

div.web-comment .comment {width:460px; float:none;}
div.fb-comments {width:100%;float:none; clear:both;}
form#edit-comment {clear: both;}

/* @group ad */
#ad-banner {width:480px;height:300px;overflow:hidden;position:absolute;top:210px;right:30px;}
#ad-banner img {width:480px;height:300px;}
#ad-b1 {width:470px;height:200px;}
#ad-b1 img {width:100%;height:100%;}
/* @end */

.bigbanner {height:160px;list-style-type:none;margin:0;padding:10px;background:#fff;}
.bigbanner li {width:303px;height:160px;margin-right:10px;float:left;display:inline;}
.bigbanner li#banner1 {background:url(banner1.bg.jpg) top center no-repeat;}
.bigbanner li#banner2 {background:url(banner1.bg.jpg) top center no-repeat;}
.bigbanner li#banner3 {background:url(banner1.bg.jpg) top center no-repeat;}
.bigbanner li h3 {margin:10px 0 10px 20px;color:#2D78BF;}
.bigbanner li p {margin-left:170px;}
/* @end */

.widget-content .photo-th {width:100%;}
.widget-content .photo-th .image {width:100%;}




.widget .widget-item .summary {
	height:2em;
	line-height: 0.9em;
	font-size: 0.8em;
	color:#666;
}


.tag-topics {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tag-topics .topic-list {background: #fff; margin: 0 0 32px 0; padding: 8px; border-radius: 3px;}
.tag-topics .items-end {display: none;}

.topic-list.-relate-topics {display: flex; flex-wrap: wrap; justify-content: space-between; list-style-type: none; margin: 0; padding: 0;}
.topic-list.-relate-topics>li {margin-bottom: 32px;}
.topic-list.-relate-topics>li>a>img {width: 100%; height: auto; margin:0 auto 16px;}
.topic-list.-relate-topics .title {font-weight: bold; font-size: 1.1em;}
.topic-list.-relate-topics .detail {display: block; max-height: 5em; overflow: hidden;}


@media (min-width:22.5em) {    /* 360/16 = 22.5 */
}

@media (min-width:25em) {    /* 400/16 = 25 */

}

@media (min-width:30em) {    /* 480/16 = 30 */
}

@media (min-width:34) {    /* iPhone landscape 550/16 = 34.375 */
}

@media (min-width:40em) {    /* Tablet 640/16 = 40 */
	#navigator {padding:0; }
	#navigator li a {margin:0px;padding:8px 2px 9px;}

}

@media (min-width:45em) {    /* Tablet 720/16 = 45 */
	.page.-header {height:197px;}
	.page.-header h1 {
		height:150px;
		width: 420px;
		line-height:70px;
		background-image:url(banner.small.jpg);
	}
	.page.-header h1 a {height:150px;display:block;padding:0 20px;color:#fff;}
	.page.-header ul.banner {display: block; clear:both; position: absolute;top:0; right:0;}
	.page.-header ul.banner {width:460px;height:145px;margin:5px 0 0 0;padding:0;list-style-type:none;overflow:hidden;color:#fff;}
	.page.-header ul.banner>li {width:62px;height:62px;margin:0 3px 0 0;padding:0;display:block;float:left;text-align:center;}
	.page.-header ul.banner>li:last-child {width:100%;display:block;text-align:center;}
	.page.-header ul.banner>li>a>img {width:60px;height:60px;margin:0;padding:0;border:1px #005CFF solid;}
	.page.-header ul.banner>li>a:hover>img {border:1px #fff solid;}

	#navigator {height:47px;margin:0;padding:0; background:#E42916;}
	#navigator>li {width:auto; height: 47px; background:#E42916; display: inline-block; float:left;}
	#navigator li a {padding:8px 2px 9px;}


body#home .page.-header {
	height:590px;
	padding:0;
	margin:0 auto;
	background:#fff url(header.jpg) center top no-repeat;
	position:relative;
	z-index:10000;
}
body#home .page.-header h1 {height:542px; background: transparent none;}


body#home #navigator {position:absolute;top:542px;}

.content-paper-view .detail-body {font-family: Prompt; font-size:1.3em; line-height:1.3em;}
#paper-body div.detail {
	width:610px;
	margin:0 10px 20px 0;
	padding:10px;
	float:left;
	font-size:1.1em;
	background:#f5f5f5;
	border-radius:3px;
	box-shadow: 1px 1px 2px #aaa;
}
*[class*="paper-content-page"] div.detail {
	width:100%;
	margin:0;
	padding:0;
	float:none;
	font-size:1em;
	border:none;
	background:none;
}
#paper-body div.relate-topics {
	width:336px;
	margin:0;
	padding:0;
	float:right;
}
.relate-topics ul.topic-list .title {font-size:1.2em;font-weight:bold;}
.relate-topics-detail li {
	margin-bottom:10px;
	height:100px;
	overflow:hidden;
	font-size:0.8em;
	box-shadow: 1px 1px 2px #aaa;
}
.relate-topics-detail h3 {
	height:20px;
	margin:0 0 10px 0;
	padding:8px 0;
	color:#000;
	font-size:1.4em;
	text-align:center;
	background:#EEEEEE;
	box-shadow: 1px 1px 2px #aaa;
}
.relate-topics-detail img {}
.relate-topics-detail span {display:block;margin:0 5px;}
.relate-topics .ads {margin:0 0 10px 0;}

.relate-topics ul.topic-list{display:block;}

/* @group photo auto show */
.page.-primary div.photo {width:100%;}
.page.-primary  div.photo img {margin:0;padding:0;border:1px #fff solid;}
.page.-primary  div.photo ul li {float:none;display:inline;}
.page.-primary  div.photo-single {width:100%;}
.page.-primary  div.photo-multiple {width:100%;overflow:hidden;text-align:center;}
.page.-primary  div.photo-multiple ul {margin:0;padding:0;text-align:center;}
.page.-primary  div.photo-multiple ul li {margin:0;padding:0;}
.page.-primary  div.photo-multiple img {margin:0 auto 20px;padding: 0; border: none;}
.page.-primary  div.photo-multiple img.photo-wide {width:100%;height:auto;}
.page.-primary  div.photo-multiple img.photo-tall {width:100%;height:auto;}
/* @end */

div#paper-footer {clear:both;}

/* @module tags */
body#tags div.topic-list {
	width:48%;
	height:340px;
	margin:0 2% 30px 0;
	float:left;
	overflow:hidden;
	background:#f5f5f5;
	border-radius:4px;
}
body#tags div.topic-list .title {
	margin:0;
	padding:3px;
	background:#E2DCDC;
}
body#tags .topic-list .summary iframe {width:480px;height:320px;}

.tag-topics .page-nv {width: 100%;}
.tag-topics .topic-list {width: 46%;}
.tag-topics .topic-list .footer {border: none;}
/* @end */

/* @module paper */
body#paper div.topic-list {
	width:48%;
	height:340px;
	margin:0 2% 30px 0;
	float:left;
	overflow:hidden;
	background:#f5f5f5;
	border-radius:4px;
}
body#paper div.topic-list .title {
	margin:0;
	padding:3px;
	background:#E2DCDC;
}

.topic-list.-relate-topics>li {width: 24%;}
/* @end */

/*
div.body div.detail {width:50%;float:left;}
div.body div.relate-topics {width:45%;margin:0;float:right;}
div#paper-footer {clear:both;}
form#edit-comment {clear:both;}
*/
/* @end */

/* @group home */
body#home .page.-primary {margin:0;}
body#home .page.-primary .detail>p {margin:0;padding:10px;}
body#home div#ribbon {width:200px;position:absolute;border:none;background:transparent;top:0px;}
body#home ul li.head {display:none;}
body#home li#user-menu-edit {display:block;}
body#home ul#user-menu li a {border:none;}
body#home #paper-body div.detail {width:980px;	margin:0; padding:0;border:none; box-shadow: none; }

#home-talk {
	margin:0 0 20px 0;
	padding:10px;
	border-radius:10px;
	background:#fff url(talk_bg.jpg) 0px 6px no-repeat;
}

#home-promote .topic-list {
	position:relative;
}
#home-promote .title {
	height:1.2em;
	line-height:1.2em;
	overflow:hidden;
}
#home-promote .timestamp {
	display:none;
}
#home-promote .summary {
	height:160px;
	margin:5px 5px 15px 0px;
	overflow:hidden;
	background:#f5f5f5;
	border:1px #e0e0e0 solid;
	border-radius:3px;
}
#home-promote .topic-list-item .footer {
	padding:2px 10px;
	top:235px;
	right:12px;
	position:absolute;
	background:#D6F0FF;
	border:1px #e0e0e0 solid;
	border-radius:3px;
}
#home-promote img.image {
	width:180px;
	height:140px;
	margin:8px 10px 20px 0px;
}
#home-promote .topic-list-1 img.image {
	width:400px;
	height:auto;
}
#home-promote .topic-list-1 .summary {
	height:220px;
	padding-right:100px;
	font-size:1.2em;
	line-height:1.4em;
}
#home-promote .topic-list-2 {
	width:50%;
	float:left;
}
#home-promote .topic-list-3 {
	width:50%;
	float:left;
}
#home-promote .topic-list-4 {
	clear:both;
}

#home-side {
	width:200px;
	height:320px;
	margin:0 10px 20px 10px;
	float:left;
	display:inline;
	overflow:hidden;
	background:#66CC00;
	border-radius:4px;
}
#home-center {
	width:520px;
	height:320px;
	float:left;
	overflow:hidden;
	display:inline;
	background:#f0f;
}
#news-feed {
	width:200px;
	height:320px;
	margin:0 10px 20px 10px;
	padding:0;
	float:left;
	overflow:hidden;
	background:#fff;
	color:#666;
	border-radius:4px;
	display:inline;
	position:relative;
}

.headline {
	position:absolute;
	height:320px;
	top:320px;
	overflow:hidden;
}
.fade-slide {
	position:absolute;
	width:200px;
	height:2px;
	background:#fff;
	z-index:3;
}
#news-feed h3.title {
	padding-top:50px;
	font-size:1em;
	background:url(whatsnew.png) left top no-repeat;
}
#news-feed img.image {width:100%;height:120px;}
#news-feed .timestamp {display:none;}



/* @group home-unity */
.home-unity  {height:520px;overflow:hidden;}
.home-unity h2 {
	margin:10px 0;
	padding:0 0 0 15px;
	color:#FF00FF;
	border:none;
	font:36pt/16pt Arial;
	height:30px;
	line-height:1px;
	border-radius:3px;

	background: rgb(0,111,253); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,111,253,1) 0%, rgba(0,72,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,111,253,1)), color-stop(100%,rgba(0,72,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ffd', endColorstr='#0048fe',GradientType=0 ); /* IE6-9 */
	}
.home-unity .widget-item {
	width:25%;
	height:200px;
	margin:0 0 9px 2%;
	float:left;
	overflow:hidden;
	background:#DDC2F9;
	text-align:left;
	border-radius:4px;
	border:1px #C4A2F9 solid;
}
.home-unity h3 {
	height:1.4em;
	margin:0 0 0px 0;
	padding:4px 0 4px 10px;
/*	height:1.1em; */
	font-size:1.2em;
	background:#C4A2F9;
	overflow:hidden;
}
.home-unity h3 a {color:#000;}
.home-unity div.photo {width:100%;margin:0; padding:0; border: none;}
.home-unity .summary {
	margin:0;
	padding:0 10px;
	border-top:none;
}
.home-unity img.image {
	width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	float:none;
}
.home-unity iframe {
	width:100%;
	height:160px;
}

.home-unity .readall {padding:5px;background:#FF0047;text-align:center;clear:both;font-size:12pt;}
.home-unity .readall a {color:#fff;}
.home-unity .timestamp {display:none;}
.home-unity .widget-item-1 {
	width:45%;
	height:410px;
	margin:0 0px 0 0;
	color:#fff;
	border:1px #FF0047 solid;
	background: rgb(255,205,201); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,205,201,1) 0%, rgba(255,0,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,205,201,1)), color-stop(100%,rgba(255,0,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcdc9', endColorstr='#ff0047',GradientType=0 ); /* IE6-9 */
}
.home-unity .widget-item-1 h3 {background:#FF0047;}
.home-unity .widget-item-1 h3.title a {color:#fff;}
.home-unity .widget-item-1 img.image {width: 100%; height: 100%;margin-top:10px;border:4px #fff solid;}
.home-unity .widget-item-1 .footer {display:none;}
.home-unity .widget-item-1 iframe {width:380px;height:240px;}
.home-unity .widget-item-1 .summary {height:6.5em;font-size: 0.9em; line-height: 1.2em;}
/* @end */




#whatsnew  {height:520px;overflow:hidden;}
#whatsnew h3.header {
	margin:10px 0;
	color:#fff;
	border:none;
	font:14pt/16pt Arial;
	background: rgb(0,111,253); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,111,253,1) 0%, rgba(0,72,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,111,253,1)), color-stop(100%,rgba(0,72,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,111,253,1) 0%,rgba(0,72,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006ffd', endColorstr='#0048fe',GradientType=0 ); /* IE6-9 */
	}
#whatsnew .topic-list-item {
	width:260px;
	height:200px;
	margin:0 0 9px 22px;
	float:left;
	overflow:hidden;
	background:#DDC2F9;
	text-align:left;
	border-radius:4px;
	border:1px #C4A2F9 solid;
}
#whatsnew h3.title {
	margin:0 0 0px 0;
	padding:4px 0 4px 10px;
/*	height:1.1em; */
	font-size:1.2em;
	background:#C4A2F9;
	overflow:hidden;
}
#whatsnew h3.title a {color:#000;}

#whatsnew .summary {
	margin:0;
	padding:0 10px;
	border-top:none;
}
#whatsnew img.image {
	width:100%;
	height:120px;
	margin:0 auto;
	display:block;
	float:none;
}
#whatsnew iframe {
	width:100%;
	height:160px;
}

#whatsnew .readall {padding:5px;background:#FF0047;text-align:center;clear:both;font-size:12pt;}
#whatsnew .readall a {color:#fff;}
#whatsnew .timestamp {display:none;}
#whatsnew #whatsnew-1 {
	width:410px;
	height:410px;
	margin:0 0px 0 0;
	color:#fff;
	border:1px #FF0047 solid;
	background: rgb(255,205,201); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,205,201,1) 0%, rgba(255,0,71,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,205,201,1)), color-stop(100%,rgba(255,0,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,205,201,1) 0%,rgba(255,0,71,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcdc9', endColorstr='#ff0047',GradientType=0 ); /* IE6-9 */
}
#whatsnew #whatsnew-1 h3.title {background:#FF0047;font:14pt/16pt 'Conv_Book_Akhanake',Sans-Serif;}
#whatsnew #whatsnew-1 h3.title a {color:#fff;}
#whatsnew #whatsnew-1 img.image {width:380px;height:240px;margin-top:10px;border:4px #fff solid;}
#whatsnew #whatsnew-1 .footer {display:none;}
#whatsnew #whatsnew-1 iframe {width:380px;height:240px;}

/* @end */


/* @group ibuy */
.paper-content-ibuy div.photo {
	width:300px;
	margin:0px 40px 0 0;
	padding-bottom:100px;
	float:left;
	overflow:hidden;
	background:transparent url(no-photo.jpg) left top no-repeat;
}
.paper-content-ibuy div.photo img {
	width:300px;
	margin:0 auto 20px;
	border:none;
	display:block;
}
.paper-content-ibuy div.photo-multiple img.photo-wide {width:300px;height:auto;}
.paper-content-ibuy div.photo-multiple img.photo-tall {width:300px;height:auto;}
.paper-content-ibuy div.photo li {width:100%;float:none;}

.paper-content-ibuy div.detail {
	width:336px;
	margin:0 10px 0 0;
	clear:none;
	float:left;
}
.paper-content-ibuy div.relate-topics {
	width:230px;
	margin-top:10px;
	float:right;
}
.paper-content-ibuy div.relate-topics h3 {
	padding:5px;
	text-align:center;
	background:#F4F4F5;
	border:1px #ccc solid;
	border-radius:7px;
}
.paper-content-ibuy div.relate-topics li {
	height:100px;
	margin:5px 0;
	background:#F4F4F5;
	border:1px #ccc solid;
	overflow:hidden;
}
.paper-content-ibuy div.relate-topics .timestamp {display:none;}

.paper-content-ibuy div.footer {
	clear:both;
}
#ibuy-category-ribbon {
	height:20px;
	margin-left:340px;
	border:1px #ccc solid;
	border-radius:7px;
}

.paper-content-ibuy .comment {width:500px;}
.paper-content-ibuy #edit-comment {width:500px;}

.ibuy-category-nav {
	margin:10px 0;
	font-weight:bold;
}
.ibuy-price {
	margin:10px 0 20px 0;
	padding:10px;
	border:1px #f60 solid;
	background:#FFF5EF;
}
.ibuy-specification {
	margin:10px 0;
	padding:5px 10px;
	border:1px #AED2EE solid;
	border-radius:7px;
	background:#fefefe;
}
.ibuy-listprice-text , .ibuy-retailprice-text , .ibuy-balance-text {text-align:right;}
.ibuy-listprice-discount {text-decoration:line-through;}
.ibuy-retailprice {font-size:1.3em;color:#f60;}
/* @end */

/* ibuy post form */
#edit-topic-listprice , #edit-topic-retailprice , #edit-topic-resalerprice , #edit-topic-balance {text-align:right;padding-right:0.5em;}
/* @end */

table.item {width:100%;margin:1px 0 10px 0;border:1px #ccc solid;border-radius:7px;}
.item caption {margin:2px 0;padding:4px;font-size:1.1em;color:#333;font-weight:bold;background-color:#ddd;border-radius:7px;}
.item thead th {font-size:9pt;background-color:#eee;border-radius:7px;}
.item .odd {background-color:#fafafa;}
.item .even {background-color:#f5f5f5;}
.item td,th {padding:2px;}

.col-no {text-align:center;}
.col-no:after {content:".";}
.col-detail {white-space:nowrap;}

/* @group ibuy-cart-add */
a.ibuy-cart-add {
	margin:20px 0;
	width:176px;
	height:29px;
	line-height:29px;
	display :inline-block;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:url(navShop_v1.png) -2px -402px no-repeat;
	border-radius:7px;
}
a.ibuy-cart-add:hover {
	color:#F5AE55;
}

.price-franchise {font-weight:bold;}
.total {font-weight:bold;}
td.col-money {padding-right:10px;text-align:right;}
.col-status {text-align:center;}
.col-amt {text-align:center;}
.col-date {text-align:center;white-space:nowrap;}
.col-province {white-space:nowrap;}
.col-percent {text-align:center;}

.status-0 {color:#f00;}
.status-10 {color:#f60;}
.status-20 {color:#fa0;}
.status-30 {color:#008DBF;}
.status-40 {color:#1CBF00;}
.status-50 {color:#9200BF;}

.item .franchise {color:#004F03;}

.tabs-process {
	margin:20px 0;
	padding:0;
}
.tabs-process li {
	margin:0px;
	padding:0;
	width:14%;
	display:inline-block;
	text-align:center;
	float:left;
}
.tabs-process span {
	padding:2px 0px;
	padding-bottom:20px;
	display:block;
	background:url(/library/img/go-down.png) center bottom no-repeat;
}
.tabs-process li input {
	display:block;
	text-align:center;
	margin:10px auto;
}
#ibuy-confirm .form-item {clear:both;}

.ibuy-cart {
	width:230px;
	margin:10px 0 20px 0;
	padding:5px 0;
	float:right;
	text-align:center;
	font-size:1.2em;
	background:#E4F3FA;
	border:1px #5C9CBD solid;
	border-radius:10px;
}
.ibuy-cart input {font-size:1.1em;}
.ibuy-cart label {display:inline;}
.ibuy-status-order {width:70%;float:left;clear:left;}
.ibuy-status-log {width:29.9%;float:right;}
.ibuy-status-log:after {
	content:  " ";
	display:  block;
	clear:  both;
}
#content-ibuy_status h3 {clear:both;}
fieldset#product_info {
	width:47%;
	float:left;
}
fieldset#product_detail {
	width:47%;
	float:right;
}
fieldset#edit-product_detail .description {display:none;}
.tabs_input {clear:both;}

#franchise-condition {height:100px;padding:10px;border:1px gray solid;background:#eee;overflow:auto;border-radius:15px 0 0 15px;}
#resaler-condition {height:115px;padding:10px;border:1px gray solid;background:#eee;overflow:auto;border-radius:15px 0 0 15px;}
fieldset#user_info {width:47%;float:left;border-radius:15px;}
fieldset#member_info {width:47%;float:right;border-radius:15px;}
fieldset#shop_info {width:47%;float:left;clear:left;border-radius:15px;}
fieldset#payment_info_standard , fieldset#payment_info_kiosk {width:47%;float:right;border-radius:15px;}
fieldset#condition_info {width:47%;float:right;border-radius:15px;}
#edit-register-help {clear:both;}
#form-item-edit-condition {clear:both;border-radius:15px;}
#form-item-edit-franchise-submit {text-align:center;}
fieldset#shop_other {width:47%;float:right;}


#content-ibuy div.topic-list {width:100%;height:auto;margin:0;padding:0;clear:both;display:block;}
#content-ibuy div.topic-list .timestamp , #content-ibuy div.topic-list .footer {display:none;}
#content-ibuy div.topic-list img.image {width:200px;height:auto;}
#content-ibuy div#home-promote .topic-list .summary {height:auto;}
#content-ibuy div#home-promote .topic-list-1 .summary {height:auto;}
#content-ibuy div.topic-list .summary {background:#fff;}
#content-ibuy div.topic-list .title {padding:5px;background:#fff ;border-radius:2px;}

.ibuy-order-description {
	width:49.7%;
	margin:2px 0;
	float:left;
	background:#FFF3CA;
	border:1px #FCD13C solid;
	border-radius:7px;
}
.ibuy-order-description p {margin:10px;}
.ibuy-order-remark {
	width:49.7%;
	margin:2px 0;
	float:right;
	background:#FFF3CA;
	border:1px #FCD13C solid;
	border-radius:7px;
}
.ibuy-order-remark p {margin:10px 10px 0 10px;}
#ibuy-order-remark {margin:0px 10px 10px 10px;}

#ibuy-shop-detail {
	width:500px;
	float:left;
}
#ibuy-shop-map {
	width:400px;
	float:left;
}

#ibuy-franchise-market {width:49.5%;float:left;}
#ibuy-franchise-no-market {width:49.5%;float:right;}

/* @group ibuy-product-list */
h4 {margin:0;padding:0;}
#ibuy-product-list {
	list-style-type:none;
	margin:0;
	padding:0;
}
#ibuy-product-list li {
	margin:0 2% 10px 100px;
	padding:10px 0;
	background:#F4F4F5;
	border:1px #ccc solid;
	border-radius:7px;
}
#ibuy-product-list li a.title {
	display:block;
	font-size:12pt;
	margin-left:220px;
}
#ibuy-product-list .poster , #ibuy-product-list .time_stamp , #ibuy-product-list .stat {
	display:none;
}
#ibuy-product-list img.image {
	width:200px;
	margin:-20px 10px 0 10px;
}

#ibuy-product-list li.brand {
	width:90px;
	height:100px;
	margin-left:0;
	border:none;
	background:#fff;
	border-radius:0;
	position:absolute;
}
#ibuy-product-list li.brand h3 {
	height:100px;
	padding:0px;
	text-align:center;
	background-position:center 20px;
	background-repeat: no-repeat;
}
#ibuy-product-list p {margin:5px;padding:0 20px;}
#ibuy-product-list big {color:#f60;}
/* @end */

/* @group ibuy-category */
.ibuy-category {
	margin:0;
	padding:0 0 0 15px;
}
.ibuy-category ul {
	margin:0 0 0 15px;
	padding:0;
	font-weight:normal;
}
.ibuy-category ul ul {
/*	display:none;*/
}
.ibuy-category li.active {font-weight:bold;}
/* @end */

#ibuy-proceed .button-confirm {font-size:1.4em;}
}

@media (min-width:48em) {    /* iPad 768/16 = 48 */
}

@media (min-width:50em) {    /* 800/16 = 50 */
}

@media (min-width:61.25em) {    /* 980/16 = 61.25 */
	.page.-header {height:197px;border-bottom:8px #E57369 solid;}
	.page.-header h1 {	width:520px; float:left;}
	.page.-header ul.banner {width:460px;float:right;height:145px;clear: none;}
	#navigator {width: auto; clear: both; padding:0 20px;}
	#navigator li a {padding:8px 7px 9px; font-size: 1.1em;}
	.page.-primary {position: relative;}
	h2.header {width: 320px; min-height:50px; margin:0; padding:8px; float: right; font-family: Tahoma; box-shadow: 1px 1px 2px #aaa; border-radius: 0;}
	div.header-description {width: 350px; position: absolute; margin-top: 30px; right:8px; font-size: .85em; z-index:1;}
	h2.title {width: 600px; margin:0; line-height: 1.4em; clear:none; }
}

@media (min-width:64em) {    /* 1024/16 = 64 */
}