/* CSS Document */
.cf-list.cf-list-3-columns>div {
    width: 33.33333%;
    max-width: 33.33333%;
    margin-right: 0%;
}
#right {
    background: transparent;
    position: relative;
}
.ctall {
    max-width: 720px;
    margin: 0 auto;
    width: 90%;
}
.formuse{display: none;}
.newsuse {
    display: block;
    background-color: #cd9c90;
    color: #ffffff!important;
    padding-top: 20px!important;
    color: #696969;
    margin-bottom: 20px;
    padding-bottom: 20px;
    margin-top: 49px;
}
.h1hr {
    padding-bottom: 22px;
    border-bottom: 1px #a7a7a7 solid;
    margin-bottom: 0px;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 32px;
	letter-spacing: -1.5px!important;
}
#cf_3 div.newsuse {
    width: 97%!important;
    margin-left: 1.5%!important;
}
.cf-checkbox-group input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input::placeholder{
  color: #000!important;
}
textarea::placeholder{
  color: #000!important;
}
.cf-checkbox-group input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 10px;
    height: 42px;
    display: inline-block;	
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 50px;
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
    line-height: 36px;
}
.cf-checkbox-group input[type=checkbox].css-checkbox + label.css-label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}
.cf-checkbox-group input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -30px;
	border: 2px solid #c98578;
	background-color: #e59a8b;
	color: #fff!important;
	transition: all .2s;
}
.cf-checkbox-group input[type=checkbox].css-checkbox:checked + label.css-label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}
.cf-checkbox-group label.css-label {
	background-color: rgba(255, 255, 255, .9);
	border: 2px solid rgba(139, 139, 139, .3);
	color: #adadad;
	border-radius: 25px;
	white-space: nowrap;
	margin: 3px 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	transition: all .2s;
	width: 28.3333333333333%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.btntk {
	background-color: transparent;
	transition: all .2s!important;
	border: 2px solid #fff;
}
div.itemContainer {
	display: block;
	float: left;
}

div.itemListCategory {
	background: transparent;
	border: 0px solid #ddd;
	margin: 0px;
	padding: 0px;
	margin-top: -10px;
}
.infor ul{margin: 0px!important;}

.clothtt {
	padding-bottom: 10px;
	border-bottom: 1px #b6b6b6 solid;
	max-width: 1100px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.catintxt {
	font-size: 20px!important;
}
.cf-checkbox-group-required:checked {
	background-color: #ABABAB''
}
.convertforms label {
	font-family: 'cwTeXYen', 'Source Sans Pro', Arial, Helvetica, sans-serif!important;
	font-size: 18px!important;
}
.convertforms button {
	font-family: 'cwTeXYen', Arial, Helvetica, sans-serif!important;
}
.cf-col-16 label.cf-label {
	letter-spacing: 1px;
	text-indent: 0px;
}
.cf-label {
	font-weight: 400!important;
}
.convertforms form {
    max-width: 700px;
    margin: 0 auto;
	width: 95%
}
.cf-col-16 button.cf-btn {
    font-size: 20px !important;
    border-radius: 0px !important;
    background-color: #d1918a !important;
    margin-top: 0px;
    height: 41px;
    line-height: 24px;
}
.cf-content-wrap{
    padding: 0px!important;
}
.cf-col-16 button.cf-btn:hover {
	background-color: #a66e6d!important;
}
#cf_3 {
	margin-top: -47px;
}
.cf-content-text h2 {
    font-size: 24px!important;
    height: 41px;
    line-height: 4px!important;
}
#streetmap em {
	width: 200px;
	background-color: #8f8f8f;
	color: #fff;
	margin: 0 auto;
	font-size: 16px;
	padding: 2% 10%;
}
div.catItemHeader span.catItemDateCreated {
	color: #fff;
	font-size: 11px;
	background: #c27869;
	padding: 5px 4px 4px 4px;
}
.cf-label {
	font-size: 15px!important;
}
.puse{display: none!important;}
.cf-tk-left {
    float: left!important;
    width: 100%!important;
    display: block;
    max-width: 100%!important;
}
.cf-tk-right {
}
.cf-tk-r2 {
    margin-top: 0px!important;
    left: 0%!important;
}
.f-tk-right div.cf-checkbox-group {
	padding: 1% 0%;
}
.cf-checkbox-group input {
	margin-left: 10px!important;
}
.div.cf-radio-group {
	background-color: #fff;
	padding: 1%;
	background-color: aqua;
	margin: 1%;
	width: 31%;
}
.oderchoice div.cf-radio-group {
	border: 2px solid #1bdbf8;
	background-color: #12bbd4;
	color: #fff;
	transition: all .2s;
	margin-right: 5px;
}
.choicebtna {
	text-align: center;
	margin-top: 35px;
}
.eshop-sub-categories-list {
	display: none;
}
#region1 {
	margin: 0 auto!important;
	text-align: center;
	display: block;
	float: none;
	position: fixed;
	width: 100%!important;
	background: #e0d7d2;
	margin-top: -35px!important;
	z-index: 50;
}
#region1 div.module {
	margin: 0px;
}
#region1 h1 {
    font-size: 30px;
    letter-spacing: -1.5px;
    color: #696969;
    width: auto;
    padding-top: 22px;
    padding-bottom: 11px;
}
#user2 {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
	display: block;
	float: none;
}
#user2 div.module {
	margin: 0px;
}
#user2 h1 {
	font-size: 30px;
	letter-spacing: 2px;
	color: #696969;
}
#user2 li {
	list-style: none;
	display: inline-block;
	width: 10%;
	margin: 0% 1%;
	white-space: nowrap!important;
}
.menuclothchoice {
    border-top: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    margin: 1% 0%;
    padding: 1% 0%;
    max-width: 1215px!important;
    margin: 0 auto;
}
.eshop-category-title {
	display: none;
}
.menuclothchoice li a {
	color: #fff;
	font-size: 15px;
	font-family: 'Noto Sans TC';
	font-weight: 400;
	padding: 1% 3%;
	letter-spacing: 2px;
	margin: 0 auto;
}
.menuclothchoice li.active {
	padding: 3px 10px!important;
	background-color: #fff!important;
	border-radius: 20px;
	background-color: #a66e6d!important;
}
.menuclothchoice li.active a {
	color: #fff!important;
}
div.itemHeader {
	text-align: center;
	padding-bottom: 19px;
}
.itemTitle {
	margin-bottom: 25px!important;
}
div.itemHeader span.itemDateCreated {
	color: #999;
	font-size: 11px;
	background-color: #000;
	padding: 5px;
	letter-spacing: 3px;
	border-radius: 5px;
}
#region1 li {
	padding: 3px 10px!important;
	list-style: none;
	display: inline-block;
	width: 8%;
	margin: 0% 1%;
	white-space: nowrap!important;
	background-color: #d1918a;
	border-radius: 10px;
}
#region1 li:link {
	color: #fff!important;
}
#region1 li:visited {
	color: #fff!important;
}
.step4 {
	max-width: 800px;
	display: block;
	float: none;
	margin: 30px auto;
}
.step {
	width: 17%;
	float: left;
	height: 130px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	background-color: #fff;
	border-radius: 100px;
	margin: 2%;
	padding: 1%;
	color: #777675;
}
.arrowst {
	width: 2%;
	height: 170px;
	display: block;
	float: left;
}
.step img {
	width: 40%;
	margin: 10%;
	opacity: 0.5;
	filter: alpha(opacity=50); /* For IE8 and earlier */
	margin-top: 12%;
}
.arrowst img {
	margin-top: 80px;
}
.buttonapp {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 12px 45px;
	margin: 5px;
	font-size: 0.9rem;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
}
.btnpink:hover {
	color: #fff;
	background-color: #a66e6d;
}
.btnpink {
	background-color: #d1918a;
}
.btngray:hover {
	color: #fff;
	background-color: #a66e6d;
}
.btngray {
	background: #8f8f8f;
}
.contact2 {
	width: 49%;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	position: relative;
	color: #808080;
	text-align: center;
}
.apphr {
	border-color: #57411c;
	border-width: 4px 0 0;
	height: 1px;
	margin: 0 auto;
	width: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.infor a:link {
	color: #666;
}
.contact2 li {
	list-style: none;
	text-align: center;
	margin: 20px 0;
	font-size: 17px;
	letter-spacing: 0.05rem;
}
.contact2 div.title {
	font-size: 13px;
	font-size: 1.3rem;
	margin-bottom: 3px;
}
.contact2 em {
    font-size: 28px;
    letter-spacing: 0.1rem;
    color: #c27869;
}
.contact2 a.button {
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 0;
	padding: 12px 45px;
	margin: 0 0 1rem 0;
	font-size: 0.9rem;
	background-color: #d09089;
	background: #d09089;
	color: #fff;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
}
div.itemImageBlock {
	margin: 0px;
	margin-top: 69px;
	margin-bottom: 4px;
}
div.itemBody {
	padding: 2px;
	margin: 0;
}
span.itemImage {
	margin: 0px;
}
.contact2 a.button:hover {
	background-color: #666;
}
.finishsubmit {
	text-align: center;
}
.ctleft {
	border-right: 1px solid #b6b6b6;
}
.itemImageGallery h3 {
	display: none;
}
.catItemTitle a {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Sans TC';
    color: #696969 !important;
}
.catItemTitle {
	text-align: center
}
#set-nn_tabs-1 {
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 10px;
	margin-top: 70px;
}
#set-nn_tabs-1 li {
	float: left!important;
	display: block!important;
	width: 12.5%;
	margin-bottom: 2%!important;
}
.pleft div.modulecontent {
	padding: 0px;
}
.pleft li {
	width: 25%!important;
}
.pleft p {
	font-size: 16px;
}
.pleft ul#set-nn_tabs-1>li>a {
	padding: 10%!important;
}
#left ul.nn_tabs.align_justify>ul.nav-tabs>li {
	width: 25%!important;
}
#set-nn_tabs-2 ul.nn_tabs.align_justify>ul.nav-tabs>li {
	width: 25%!important;
}
#footer div.modulecontent {
	padding: 0px;
}
#set-nn_tabs-1>li>a {
	line-height: 90%;
	font-size: 20px;
	width: 2em;
	margin: 0 auto;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
	padding: 20%;
	background-color: #fff;
	font-weight: 400;
	transition: all .5s;
	border: #fff 5px solid;
	color: #666;
}
#set-nn_tabs-1>li>a:hover {
	background-color: #d1908a;
	color: #fff;
}
#set-nn_tabs-1>li.active>a {
	background-color: #e2b4aa!important;
	color: #fff;
}
.mtt {
	margin-top: 20px!important;
	margin-bottom: 20px!important;
}
.qanote {
    font-size: 18px;
    font-weight: 400;
    background: #f8e6e6;
    line-height: 300%;
}
.newsnotecase h3 {
	padding: 16px 0 15px 0!important;
	border-bottom: 1px #e3e3e3 solid!important;
	margin: 0 auto!important;
	width: 50%;
	margin-bottom: 16px!important;
	display: block;
	float: none;
}
.newstxt li {
	font-size: 18px!important;
    line-height: 200%!important;
    margin: 0px!important;
    margin-bottom: 20px!important;
    font-weight: 400!important;
    color: #000;
	list-style: none!important;
}
.newstxt {margin-top: 20px;}
.tab-pane p {
	padding-top: 10px;
}
.tab-pane h2 {
	font-size: 20px;
	margin-bottom: 40px;
	background-color: #666465;
	padding: 15px 0px;
	color: #fff;
	width: 100%;
	margin: 0 auto;
	letter-spacing: 1px;
}
.tab-pane h6 {
	font-size: 20px;
	margin-bottom: 40px;
	background-color: #e0d7d2;
	padding: 0px;
	color: #000;
	width: 100%;
	margin: 0 auto;
	padding-top: 0.5em;
	line-height: 200%;
	padding-bottom: 0.5em;
	font-weight: 400!important;
	letter-spacing: 2px;
}
.tab-pane h6::before {
	content: "Q";
	display: block;
	position: absolute;
	margin-left: 15px;
	font-size: 50px;
	color: #fff;
	font-weight: 100;
	font-family: -webkit-pictograph;
	margin-top: -5px;
}
.nn_tabs-pane p::before {
	content: "A";
	font-size: 28px;
	display: block;
	width: 100%;
	text-align: center;
	color: #999999;
	font-family: -webkit-pictograph;
	font-weight: 100;
}
.qb p::before {
	content: "";
}
.tab-pane {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
	background: #fff;
	padding-top: 0px;
	padding-bottom: 10px;
}
.mtt h3 {
	background-color: #e0d7d2!important;
	width: 100%!important;
}
.com_k2 .itemListCategory h2 {
	border-left: 0px!important;
	font-size: 30px!important;
	padding: 0px!important;
	padding-bottom: 25px!important;
	text-align: center!important;
	border-bottom: 1px #b6b6b6 solid;
	margin-top: 55px;
}
.com_k2 .itemListCategory {
	margin-bottom: 0px;
}
.catItemTitle {
	padding: 5px 0px!important;
	background-color: #fff;
	margin-bottom: 0px!important;
}
#region3wrap {
	margin-top: 80px!important;
}
#logo a {
	background-image: url(/templates/sirus/images/logos/sirus.png)!important;
	height: 37px;
	width: 155px;
	margin: 9px 18px 8px 18px;
	background-size: 100%;
}
.stickyscroll #logo a {
	background-image: url(/templates/sirus/images/logos/sirus.png);
}
.itemVideoBlock h3 {
	display: none;
}
div.itemVideoBlock {
	margin: 0px;
	padding: 0px;
	background: #fff;
}
.itemFullText p {
	font-size: 18px!important;
	line-height: 200%!important;
	margin: 0px!important;
	margin-bottom: 20px!important;
	font-weight: 400!important;
	color: #000;
}
.itemIntroText p {
	font-size: 18px!important;
	line-height: 200%!important;
	margin: 0px!important;
	margin-bottom: 20px!important;
	font-weight: 400!important;
}
.apptxt {
	font-size: 20px!important;
}
.infor2 p {
	margin-bottom: 0px!important;
	line-height: 110% !important;
}
.infor2 {
	margin-top: 5px;
}
.abusl, .abusr {
	width: 49%;
	display: block;
	float: left;
}
.abusl {
	padding-right: 1%;
}
.abusr {
	padding-left: 1%;
}
.itemTitle {
	font-size: 30px!important;
	padding: 0px!important;
	padding-bottom: 25px!important;
	text-align: center!important;
	border-bottom: 1px #b6b6b6 solid;
	color: #696969;
	letter-spacing: 1.5px;
	margin-top: 20px!important;
}

#message {
	border: 1px solid #ccc!important;
}
.pagination {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}
.itemIntroText p {
    margin: 0px!important;
    margin-bottom: 0px!important;
}
div.itemIntroText {
    padding: 0px!important;
}
div.itemBody {
    margin-top: -22px;
}
div.k2ItemsBlock ul {
    margin-top: 60px;
}
.eshop-container img.img-polaroid {
    border: 1px solid #e0d7d2!important;
    background-color: #e0d7d2!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
	width: 100%!important;
	padding: 0px!important;
}
.eshop-container div.span4 {
	width: 100%!important;
}
#eshop-main-container div.span4 {
    width: 100%;
    margin-top: 51px;
    margin-bottom: 0px;
}
@media screen and (max-width: 500px) {
	.cf-tk-r2 {
    left: 0%!important;
}
	.tab-pane h6 {
	padding: 0px 3%;
    width: 94%;
}
	#eshop-main-container div.span4 {
    margin-top: 0px;
}
	.step {
	height: 62px!important;
		line-height: 98%;
		 font-size: 13px;
}
	.step img {
    margin-top: 1%;
}
	.step4 {
    margin-top: 40px;
}
	.arrowst img {
    margin-top: 36px;
}
#startOfPageId3 {
    display: block;
    margin-top: 5px;
    float: left;
    width: 100%;
}
.nn_tabs.align_justify>ul.nav-tabs {
    width: 96%;
    padding: 0% 2%;
}
.tab-pane h6::before {
	color: #ffffff70;
}
.itemFullText p {
	font-size: 15px!important;
}
	#eshop-main-container div.span8 {
    padding: 0px;
}
	.step img {
    margin-top: 5%!important;
}
	.title-off{
    margin-top: -25px;
}
	#footer div.title-off{
    margin-top: 0px;
}
div.itemHeader {
    padding-bottom: 0px;
}
#user2 li {
	width: 25%;
}
#set-nn_tabs-1 li {
    width: 23%;
    padding: 1%!important;
	transform: scale(0.9, 0.9);
}
	.menuclothchoice li a {
    font-size: 13px;
}
h1 {
    font-size: 25px!important;
}
#region1 li {
	width: 18%;
	margin: 1%;
}
div.itemBody {
	padding: 14px;
}
#jxtcwall163 {
	margin-top: 38px!important;
}
.contact2 {
	width: 100%;
}
.ctleft {
	border-right: 0px;
}
.cf-tk-right {
}
.cf-tk-left {
    width: 100%!important;
    max-width: 100%!important;
}
input[type="date"]{background-color: #eee;}
.cf-checkbox-group {
	display: block;
	float: left;
	width: 48%!important;
	max-width: 48%!important;
}
.cf-tk-r2 {
	margin-top: 0px;
	left: 0%;
}
	#set-nn_tabs-1 {
    margin-bottom: 6px;
    margin-top:8px;
}
	.tab-pane h6::before {
    content: ""!important;
}
	#region1 h1 {
    font-size: 22px!important;
}
	.cf-input {height: 3em!important;}
	.cf-checkbox-group input[type=checkbox].css-checkbox + label.css-label {
    letter-spacing: -1px!important;
}
	.flatpickr-mobile{ min-width: 287px; }
	#set-nn_tabs-1>li>a {
    font-size: 20px;
    width: 2em;
    padding: 16% 20% 20% 20%;
    height: 2em;
}
	.puse{display: block!important;}
#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink, #mbPlayLink, #mbPauseLink {
    line-height: 67px;
    font-size: 18px;
}
	.nn_tabs{margin-top: 20px;}
	#set-nn_tabs-1{margin-top: 20px!important;}
	.stm3 img {
    width: 35%;
    margin-top: 4px!important;
}
		.convertforms label {
    font-size: 15px!important;
}
	.newsuse{
    letter-spacing: 3px!important;
	margin-bottom: 20px!important;
    margin-top: 50px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
	}
	.cf-content-text h2 {
    font-size: 20px!important;
}
	.cf-content-text h2 {
    line-height: 23px !important;
}
#right {
    background: #b99ba1;
    position: sticky;
    top: 0px;
    padding-bottom: 10%;
    margin-top: 0px;
    padding-top: 20px;
}
	#right a.moduleItemTitle {
    color: #fff;
}
}
