@font-face {
	font-family:"BryantMoo"; /*BryantMoo*/
	src:url('/font/BryantMooWebProRegular.woff2') format('woff2');
}
@font-face {
	font-family:"BryantMooRegular"; /*BryantMoo*/
	src:url('/font/BryantMooWebProRegular.woff2') format('woff2');
}
@font-face {
	font-family:"BryantMooMedium";
	src:url('/font/BryantMooWebProMedium.woff2') format('woff2');
}
@font-face {
	font-family:"Avenir Next Rounded Pro Medium";
	src:url('/font/AvenirNextRoundedPro-Med.woff2') format('woff2');
}

@font-face {
	font-family:"bonjour";
	src:url('/font/bonjour-webfont.woff2') format('woff2');
}
@font-face {
	font-family:"bebas";
	src:url('/font/bebas-webfont.woff2') format('woff2');
}
@font-face {
	font-family:"moonface";
	src:url('/font/moonface-script-bold.woff2') format('woff2');
}
@font-face {
	font-family:"arbutusslab";
	src:url('/font/arbutusslab.woff2') format('woff2');
}
@font-face {  font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif; src:url('/font/cwTeXHei-zhonly.eot'); src:url('/font/cwTeXHei-zhonly.eot?#iefix') format('embedded-opentype'),url('/font/cwTeXHei-zhonly.woff2') format('woff2'), url('/font/cwTeXHei-zhonly.woff') format('woff'), url('/font/cwTeXHei-zhonly.ttf') format('truetype');font-weight:500;font-style:normal;}
html,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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,select,textarea{font-family: "BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium","Noto Sans","Noto Sans CJK TC","Noto Sans CJK SC","SimHei",sans-serif}
body {background-color:#fff;-webkit-text-size-adjust:none; margin-bottom:60px;/* font-family:'cwtexheimedium', serif; */ /* background-image:url("../img/bg.jpg"); */}
#mainpage,#product,#uploaddesign,#redPocket, #cart, #productionUpload, #seProductionUpload, #myorder, #savedDesign, #savedTemplate, #additional, #matchingitem, #module, #frameworkAdditional, #mailus, #question, #paymen, #promotionEmail {padding-top:0px;}
label.checkbox-label input[type=checkbox]{position: relative;vertical-align: middle;bottom: 1px;}
@font-face {font-family: "BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;src: local("Source Han Sans Bold");font-weight: 700;}
.col-centered{float: none;margin: 0 auto;}
DIV.text-block {display:inline-block;}

.wp-caption {position: relative;	padding: 0;margin: 0;}
.wp-caption img {display: block;max-width: 100%;height: auto;}
.wp-caption:after {content: "";position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.wp-caption-text {background: #fff;display: block;position: absolute;width: 80%;color: #000000;left: 10%;bottom: 15%;height:70%;padding: 1em;z-index: 2;-webkit-box-sizing: border-box;box-sizing: border-box;}
.wp-caption-text .jphead{font-size:16px;padding-top:5px;font-weight: 700;}.wp-caption-text .jpcontent{color:#888888;margin:10px;font-size:12px;}.wp-caption-text a{font-size:12px;text-decoration: underline;font-weight: 700;}

.text-infoblue{
	color:#3A7FC3
}
.text-blue{
	color:#545454
}
.fixMenuTop {margin-top:150px;}

.bg-blue{background-color:#66B5E3}
.iframe-control{display:block;width:100%;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.fastDue a  {background-color:#E65959}.due a  {background-color:#A5E193}
.hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;font-size:14px;}
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect:hover img {-ms-transform:scale(2.5);-webkit-transform:scale(2.5);transform:scale(2.5);}
.main-content-box{width:850px;margin-left:auto;margin-right:auto;}
.designindicator {font-size:14px;font-weight:300;color:#5A6DC9;}
.designindicator.not_ready {font-size:14px;font-weight:300;color:#888;}
.designindicatorbold{font-size:16px;font-weight:900;color:#273578;}
.btn-special{color:#33449B;background-color:#fff;border-color:#292C7E}.btn-special.focus,.btn-special:focus{color:#fff;background-color:#33449B;border-color:#292C7E}.btn-special:hover{color:#fff;background-color:#33449B;border-color:#292C7E}.btn-special.active,.btn-special:active,.open>.dropdown-toggle.btn-special{color:#fff;background-color:#33449B;border-color:#292C7E}.btn-special.active.focus,.btn-special.active:focus,.btn-special.active:hover,.btn-special:active.focus,.btn-special:active:focus,.btn-special:active:hover,.open>.dropdown-toggle.btn-special.focus,.open>.dropdown-toggle.btn-special:focus,.open>.dropdown-toggle.btn-special:hover{color:#fff;background-color:#33449B;border-color:#292C7E}.btn-special.active,.btn-special:active,.open>.dropdown-toggle.btn-special{background-image:none}.btn-special.disabled.focus,.btn-special.disabled:focus,.btn-special.disabled:hover,.btn-special[disabled].focus,.btn-special[disabled]:focus,.btn-special[disabled]:hover,fieldset[disabled] .btn-special.focus,fieldset[disabled] .btn-special:focus,fieldset[disabled] .btn-special:hover{background-color:#fff;border-color:#ccc}.btn-special .badge{color:#fff;background-color:#333}
.btn-special{background-color:#fff;color:#33449B;border-color:#292C7E}
.login .form-control{width:180px;}

.logo{padding:10px 0;height:50px;}
.menuewhatsapplogo{margin-left:20px;padding:5px;height:35px;}
.menuemaillogo{padding:5px;height:25px;margin:5px 0px;}
@media screen and (max-width: 768px){
	.menuemaillogo{/*margin-top:10px;*/height:45px;}
}

.right-email{
	float: right !important;
}
/*
@media screen and (max-width: 450px){
	.left-logo{
		float: none !important;
	}
	
	.left-logo a{
		text-align:center;
	}
	
	.right-email{
		float: none !important;
	}
	.right-email a{
		text-align:center;
	}
	.menuemaillogo{
		margin: auto 0;
	}
}
*/
.top-menu{background-color:#3A7FC3;color:#fff;font-size:14px;padding:11px 0;/*padding-top:0px;padding-bottom:0px;*/}
.product-menu{
	background-color:#fff;
	/*
	-webkit-box-shadow:0px 1px 8px #bbb;
	-moz-box-shadow:0px 1px 8px #bbb;
	box-shadow:0px 1px 8px #bbb;
	*/
	margin-bottom:0px;
}
#top-menu .container{background-color:#3A7FC3;}
#top-menu .ideas{font-size:14px;line-height:28px}
#top-menu .nav-pills>li{
	padding:0 5px;
	border-right: 3px dotted #fff;
}
#top-menu .nav-pills>li:last-child{border-right:0;}

#top-menu .nav-pills>li>a {margin-top:4px;color:#fff;}
#top-menu .nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#3A7FC3}
#top-menu .nav>li>a:focus,.nav>li>a:hover{text-decoration:none; color:#fff !important; background-color:#3A7FC3}
#top-menu .nav>li.active>a:focus,.nav>li.active>a:hover{text-decoration:none; color:#333 !important; background-color:#FFF}
#top-menu .nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#3A7FC3;border-color:#3A7FC3}
#top-menu .nav>li>a{border-color:#3A7FC3;padding:0px 15px}
@media only screen and (max-width: 576px) {
	#top-menu .container{display:flex;align-items: center;justify-content: center;}
	#top-menu .nav>li>a{padding:0px 5px}
}
#sub-menu {display:none;}
/*  NAV   */
div.prmenu_container {margin: 10px 0 5px 0;	width: 100%;position: relative;}
div.prmenu_container ul.menu-toggle {display: none;position: relaitve;}
div.prmenu_container ul {
	width: 100%;
	height: auto !important;
	padding: 0;
	margin: 0;
	display: none;
	min-width:200px;
}
/*
@media all and (min-width: 739px){
	div.prmenu_container ul{
		min-height:40px;
	}
}
*/
div.prmenu_container ul.menu-toggle+ul {position: absolute;z-index: 10;}
div.prmenu_container ul li {display: block;float: left;height: auto !important;display: inline-block;width: auto;padding: 0;margin: 0;text-align: center;position: relative;box-sizing: border-box;}
div.prmenu_container ul li a {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	border-right: 0;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 5%;
	letter-spacing:0px;
	/*border-right: 4px dotted #ddd;*/
}
div.prmenu_container ul li:last-child {background-image: none;}
div.prmenu_container ul li a:hover {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;	transition: all 0.3s ease-in-out;}
/*  END NAV  */

/* SUB NAV */
div.prmenu_container ul li ul {
	display: none;
	width: 100%;
	padding: 0;
	margin: 0;
	margin-top:4px;
}
div.prmenu_container ul li ul ul{
	margin-top:0px;
}
div.prmenu_container ul li:hover ul {
	display: block;
	visibility: visible;
    opacity: 1;
    animation: fade 0.7s;
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
div.prmenu_container ul li ul li {display: block;width: 100%;padding: 0;margin: 0;border-top: 1px solid #cfcfcf;box-shadow:rgba(0, 0, 0, 0.3) 0px 5px 15px;}
div.prmenu_container ul li ul li a{border-right:0;letter-spacing:0px;white-space:nowrap;}
div.prmenu_container ul li ul li a:hover{border-bottom:0;}
/* SUB SUB NAV */
div.prmenu_container ul li ul li ul {display: none;position: absolute;top: 0;height:30px;}
div.prmenu_container ul li:not(:last-child) ul li ul {left: 100%;}
div.prmenu_container ul li:last-child ul li ul {right: 100%;}
div.prmenu_container ul li ul li ul li {display: none;}
div.prmenu_container ul li ul li:hover > ul {display: block;z-index:20;}
div.prmenu_container ul li ul li:hover > ul > li {display: block;z-index:20;}
div.prmenu_container ul li:last-child {background-image: none;}
/* small pads */
@media all and (max-width : 959px) {
	/*  NAV   */
	div.prmenu_container ul.menu-toggle {display: none;}
	div.prmenu_container ul {width: 100%;}
	/*  END NAV  */
}
/* handheld mobile devices */
@media all and (max-width: 739px){
	/*  NAV   */
	div.prmenu_container ul.menu-toggle {display: block;margin: 0 0 15px 0;padding: 0;overflow: hidden;margin-bottom:8px;}
	div.prmenu_container li.menu-toggle	{display: block;}
	/* display and hide the responsive nav */	
	div.prmenu_container ul.block {display: block !important;}
	div.prmenu_container ul.hide {display: none !important;}
	/* ------------------------ */
	div.prmenu_container ul {display: none;overflow: hidden;}
	div.prmenu_container ul.menu-toggle+ul {position: absolute;z-index: 1;}
	div.prmenu_container ul li {
		width: 100%;
		/*border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;*/
		border-bottom: 3px solid #fff;
	}
	div.prmenu_container ul li.menu-toggle a {text-align: right;overflow: hidden;display: block;width: 100%;font-size: 18px;text-decoration: none;vertical-align: top;color:#fff;}
	div.prmenu_container ul li.menu-toggle a:after {font-family:'fontawesome';content: '\f0c9';font-size:1.4em;margin-left: 20px;vertical-align: middle;margin-right: 1%;}
	div.prmenu_container ul {display: none;}
	div.prmenu_container ul li a {text-align: left;padding-left: 3%;width: 100%;border-right:0;}
	/* SUB MENU  */
	div.prmenu_container ul li ul,
	div.prmenu_container ul li ul li,
	div.prmenu_container ul li ul li ul,
	div.prmenu_container ul li ul li ul li,
	div.prmenu_container ul li ul li ul li ul,
	div.prmenu_container ul li ul li ul li ul li,
	div.prmenu_container ul li ul li ul li ul li ul,
	div.prmenu_container ul li ul li ul li ul li ul li {display: none;position: relative;left: 0;top: 0;}
	div.prmenu_container ul li ul,
	div.prmenu_container ul li ul li ul {display: block;position: relative;padding: 0;margin: 0;left: 0}
	div.prmenu_container ul li ul > li a {padding-left: 7%;opacity: 95%;}
	div.prmenu_container ul li ul > li > ul > li a {padding-left: 14%;}
	div.prmenu_container ul li ul > li > ul > li > ul > li a {padding-left: 21%;}
	div.prmenu_container ul li ul li ul {display: block;left: 0;position: relative;}
	div.prmenu_container ul li ul li ul li ul {display: block;left: 0;position: relative;}
	div.prmenu_container ul li ul li ul li ul li {display: block;left: 0;position: relative;}
	div.prmenu_container ul li:not(:last-child) ul li ul {left: 0;}
	/*  END NAV  */
}

#mainpage {background-color: #ffffff;}
#mainpage .carousel-caption .btn{z-index:99}
#mainpage .carousel-shadow{
	position:absolute;left:55%;z-index:0;top:0;bottom:0;
	background-image:-webkit-linear-gradient(left,rgba(51,68,155,.5) 0,rgba(51,68,155,.0001) 100%);
	background-image:-o-linear-gradient(left,rgba(51,68,155,.5) 0,rgba(51,68,155,.0001) 100%);
	background-image:-webkit-gradient(linear,left top,right top,from(rgba(51,68,155,.5)),to(rgba(51,68,155,.0001)));
	background-image:linear-gradient(to right,rgba(51,68,155,.5) 0,rgba(51,68,155,.0001) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
#mainpage .carousel-caption1{width:45%;padding-bottom:20px;color:#fff;text-align:center;}
#mainpage .carousel-caption{right:10%;left:10%;}
#mainpage .caption1{width:75%;padding-bottom:20px;padding-top:70px;color:#fff;text-align:right;}
#mainpage .caption-center{bottom:50%;top:35%;}
#mainpage .btn-default, #product .btn-default, #additional .btn-default{background-color:#292C7E;color:#fff;border-color:#292C7E}
#mainpage .btn-default.focus, #mainpage.btn-default:focus, #mainpage .btn-default:hover, #product .btn-default.focus, #product.btn-default:focus, #product .btn-default:hover, #additional .btn-default.focus, #additional.btn-default:focus, #additional .btn-default:hover{background-color:#33449B;color:#fff;border-color:#33449B}
#matchingitem .btn-default{background-color:#33449B;color:#fff;border-color:#33449B}
#matchingitem .btn-default.focus, #matchingitem.btn-default:focus, #matchingitem .btn-default:hover{background-color:#292C7E;color:#fff;border-color:#292C7E}

#payment .header, #contact .header, #mailus .header, #question .header {font-weight:bold;color:#3A7FC3;height:40px;font-size:20px;padding-top:8px;margin-bottom:25px;font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;}
#question .question,#cart .header,#myorder .header{color:#3A7FC3}
#mainpage .btn-default1{background-color:#362E7E;background: linear-gradient(to bottom, #574C99, #7870AC 50%, #574C99);color:#fff;border-color:#362E7E;}
#mainpage .btn-default1.focus, #mainpage.btn-default1:focus, #mainpage .btn-default1:hover{background-color:#362F5E;background: linear-gradient(to bottom, #362F5E, #574C99 50%, #362F5E);color:#fff;border-color:#362F5E}

#mainpage  hr , #additional  hr {width:0%;position:absolute;top:13px;background-color:#3A7FC3;height: 1px;}
#mainpage .recommend, #product .recommend, #additional .recommend, #business .recommend {color:#3A7FC3;font-size:18px;}
#mainpage .recommend, #product .recommend {font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;}
#mainpage .lefthr, #additional .lefthr{left:0%}

#mainpage .img-caption{	font-size:20px;position:absolute;right:10%;bottom:-10px;left:10%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;display: inline;}
#mainpage .img-caption1{	text-align:right;font-size:20px;position:absolute;right:10%;bottom:-10px;left:10%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;display: inline;}
#mainpage .shadow-text{
	position:absolute;width:89%;z-index:0;top:0;bottom:10%;top:70%;left:auto;right:auto;
	background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.6) 0,rgba(255,255,255,.0001) 100%);
	background-image:-o-linear-gradient(bottom,rgba(0,0,0,.6) 0,rgba(255,255,255,.0001) 100%);
	background-image:-webkit-gradient(linear,bottom,top,from(rgba(0,0,0,.6)),to(rgba(255,255,255,.0001)));
	background-image:linear-gradient(to top ,rgba(0,0,0,.6) 0,rgba(255,255,255,.0001) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	height:50px; /* added by Gavin */
	top:205px; /* added by Gavin */
}
#mainpage .featured-products{ 
	 margin-top: 20px;
}
#mainpage .featured-products .thumbnail{ 
	padding:0px;
	border-radius:0px;
}

#mainpage .main_description{ /* added by Gavin */
	height:175px;
	width:100%;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	color:#3A7FC3;
	font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
	font-size:14px;
}
#mainpage .main_description .main_title{
	font-size:17px;
	margin-bottom:5px;
	font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
}

#mainpage .main_price{
	font-size:17px;
	padding-left:10px;
	padding-bottom:5px;
	text-align:left;
	color:#545454;
	font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
}
#mainpage .main_more{
	font-size:17px;
	text-align:left;
	padding-left:10px;
	padding-bottom:5px;
	color: rgb(58, 127, 195);
	font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
    border-bottom: 2px solid #48a9c5;
	font-weight: 700;
}
#myOrder .orderbox{
	font-size:18px;
	margin-top:15px;
	margin-bottom:15px;
	font-family:"BryantMoo","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
}
#myOrder .main_choice1 a{
	color:#7e9ebc;
}
#myOrder .main_choice2 a{
	color:#7e9ebc;
	box-shadow:0 5px 5px rgba(0,0,0,0.2);
}
#myOrder .main_choice2 a:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
#myOrder .main_choice4 a{
	color:#9294b2;
	box-shadow:0 5px 5px rgba(0,0,0,0.2);
}
#myOrder .main_choice4 a:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
#myOrder .main_choice5 a{
	color:#bcb149;
	box-shadow:0 5px 5px rgba(0,0,0,0.2);
}
#myOrder .main_choice5 a:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
#mainpage .main_description a{
	color:#545454;
	font-family:"BryantMooRegular","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
	font-size:14px;
}
#mainpage .main_title a{
	font-family:"BryantMooMedium","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
	font-size:18px;
	font-weight:700;
}
#mainpage .main_price a{
	font-family:"BryantMooMedium","Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
	color:#545454;
	font-weight:700;
}
#mainpage .thumbnail{
	border: 0px;
	padding-bottom:0px;
}

#mainpage .last {font-size:14px;}
#mainpage .img01,#mainpage .img02,#mainpage .img03,#mainpage .img04,#mainpage .img05,#mainpage .img06,#mainpage .img07,#mainpage .img08,#mainpage .img09,#mainpage .img10,#mainpage .img11,#mainpage .img29,#mainpage .img49,#mainpage .img61,#mainpage .img64,#mainpage .img65, #product .imggp{
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	height:180px;
}
#mainpage .img01{background-image: url("/images/card01-01.jpg?v=20180307");}
#mainpage .img02{background-image: url("/images/card02-01.jpg?v=20180307");}
#mainpage .img03{background-image: url("/images/card03-01.jpg?v=20180307");}
#mainpage .img04{background-image: url("/images/card04-01.jpg?v=20180307");}
#mainpage .img05{background-image: url("/images/card05-01.jpg?v=20180307");}
#mainpage .img06{background-image: url("/images/card06-01.jpg?v=20180307");}
#mainpage .img07{background-image: url("/images/card07-01.jpg?v=20180307");}
#mainpage .img08{background-image: url("/images/card08-01.jpg?v=20180307");}
#mainpage .img09{background-image: url("/images/card09-01.jpg?v=20180307");}
#mainpage .img10{background-image: url("/images/card10-01.jpg?v=20180307");}
#mainpage .img11{background-image: url("/images/card11-01.jpg?v=20180307");}
#mainpage .img29{background-image: url("/images/card29-01.jpg?v=20180307");}
#mainpage .img49{background-image: url("/images/card49-01.jpg?v=20180307");}
#mainpage .img61{background-image: url("/images/card61-01.jpg?v=20180307");}
#mainpage .img64{background-image: url("/images/card64-01.jpg?v=20180721");}
#mainpage .img65{background-image: url("/images/card65-01.jpg?v=20180307_2");}
.breadcrumb{background-color:#FFFFFF;border-bottom:2px solid #3A7FC3;border-radius:0px}

.underlineheader{border-bottom:2px solid #3A7FC3;border-radius:0px; margin-bottom:10px}
#myorder .underline,#invoice .underline{border-bottom:1px solid #3A7FC3;border-radius:0px;}

#product .shadow-text{
	position:absolute;width:100%;z-index:0;top:0;bottom:0;top:70%;
	background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.6) 0,rgba(255,255,255,.0001) 100%);
	background-image:-o-linear-gradient(bottom,rgba(0,0,0,.6) 0,rgba(255,255,255,.0001) 100%);
	background-image:-webkit-gradient(linear,bottom,top,from(rgba(0,0,0,.6)),to(rgba(255,255,255,.0001)));
	background-image:linear-gradient(to top ,rgba(0,0,0,.6) 0,rgba(255,255,255,.0001) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
#product .carousel-caption{right:5%;left:5%;width:90%;color:#fff;text-align:center;}
#product .img-caption{font-size:20px;position:absolute;right:0%;bottom:0px;left:0%;z-index:10;padding-top:20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
#product .img-caption-e{font-size:20px;position:absolute;right:0%;bottom:0px;left:0%;z-index:10;padding-top:20px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}

#product .last{font-size:14px;}
#product .orderbox,#module .orderbox, #wedding .orderbox, #redPocket .orderbox{font-size:18px;margin-bottom:15px;margin-top:15px;}
#product .dmodule,#module .dmodule{color:#7e9ebc;}
#product .dupload,#module .dupload, #wedding .dupload, #redPocket .dupload{color:#9294b2;}
#product .table-hover>tbody>tr:hover{cursor: pointer;background-color:#D5D5D5}
#module .table-hover>tbody>tr:hover{cursor: pointer;background-color:#D5D5D5}
#product .demail,#module .demail, #wedding .demail, #redPocket .demail{color:#bcb149;}
#footer .footer{z-index:0;background-color:#3A7FC3;color:#FFF;padding-top:15px;padding-bottom:15px;}
#footer .footer a {border-color:#fff;color:#337ab7}
#footer .footer a:hover{text-decoration: none;color:#337ab7 !important;}
#footer .footerlogo {margin-right:2px;}
#payment .p_img01{height:70px;}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
@media print {
  a[href]:after {
    content: none !important;
  }
}
.control_box{
	border:none;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-radius: 8px;
	transition: box-shadow 0.2s ease-in-out;
}
.control_box:hover{
	box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.fade_effect{
	opacity : 0; /*Don't set important*/
}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin:5px 0 5px 0;
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: rgb(219,219,219);
}
.caret-right{
	display:inline-block;
	width:0;height:0;margin-right:-5px;
	vertical-align:middle;
	border-left:4px dashed;
	border-left:4px solid\9;
	border-top:4px solid transparent;
	border-bottom:4px solid transparent
}

.navmenu-item{
	cursor: pointer;
	color: #3A7FC3;
	font-size:16px;
	background-color: transparent;
	z-index:99;
}
.navmenu-item:not(.sub-item){
	line-height:40px;
}
.navmenu-item:hover{
	color: #3A7FC3;
}
.navmenu-item:after {
  display:block;
  content: '';
  border-bottom: solid 3px #3A7FC3;  
  transform: scaleX(0);  
  transition: transform 150ms ease-in-out;
}
.navmenu-item:hover:after { transform: scaleX(1); }

.navmenu-item.default:after{
	display:block;
	content: '';
	border-bottom: solid 3px #3A7FC3;  
	transform: scaleX(1);
}

#sub-menu li{
	
}
#sub-menu li a{
	height: 40px;
}

#sub-menu li a:focus{
	outline: none;
}

#sub-menu li a div{
	height: 40px;
}
@media all and (max-width: 739px){
	#sub-menu li a{
		height: 35px;
		padding-left: 0px;
		padding-right: 0px;
		border-bottom: 1px solid #DFDFDF;
	}
	#sub-menu li a div{
		height: 35px;
	}
}



#sub-menu li a div:not(.sub-item){
	display: flex;
	align-items: center;
	justify-content: center;
}
.sticker_box div{
	font-family: BryantMooRegular,"Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
}
.sticker_box b{
	font-family: BryantMooMedium,"Trebuchet MS", "DFYuan", Trebuchet, "Liberation Sans","Microsoft JhengHei","Microsoft YaHei","Heiti TC","cwtexheimedium",sans-serif;
	font-size:18px;
}
.artwork_and_design{
	display:inline-block;
}
.artwork_and_design>a{
	border: 1px solid #fff;
	border-radius: 5px;
	padding:5px;
	outline: none;
	transition: border 0.1s, color 0.1s;
}
.artwork_and_design>a:hover{
	border: 1px solid #23527c;
	color: #23527c;
}

.line_title{
	display: flex;
    flex-basis: 100%;
    align-items: center;
    color: #3a7fc3;
    margin: 8px 0px;
    font-size: 18px;
}
.line_title::before,
.line_title::after {
	content: "";
	flex-grow: 1;
	background: #3a7fc3;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px 8px;
}
.main_sub_desc{
	padding-bottom:30px; 
	line-height:25px; 
	text-align:justify; 
	text-justify:inter-word;
}
input.menu-search-query {
	margin-right:20px;
    padding-left:35px;
	color:#666;
	width:100%;
	height:35px;
	outline: none;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-radius: 30px;
}
input.menu-search-query::placeholder {
	color:#222; 
}
input.menu-search-query:focus::placeholder {
	color:#aaa;
}
input.menu-search-query:focus {
	 outline: none;
}
.menu-search-query ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.menu-search-query:focus ~ .focus-border{left:10px; width: 96%; transition: 0.4s;}
form.menu-form-search {
    position: relative;
}

form.menu-form-search:before {
    content:'';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(https://getbootstrap.com/2.3.2/assets/img/glyphicons-halflings.png);
    background-position: -48px 0;
    position: absolute;
    top:10px;
    left:10px;
    opacity: .5;
    z-index: 90;
}
span.highlight {background-color: #B4D5FF}

.search-bar-width{
	width:30%;padding: 0 30px;
}

@media (max-width: 1280px) {
	.search-bar-width{
		width:30%;
	}
}
@media (max-width: 1000px) {
	.search-bar-width{
		width:30%;
		padding: 0;
	}
}
@media (max-width: 208px) {
	form.menu-form-search:before {
	    top:45px;
	}
}